/*!*********************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/bootstrap/dist/css/bootstrap.min.css?ngGlobalStyle ***! \*********************************************************************************************************************************************************************************************************************************************************/ @charset "UTF-8";/*! * Bootstrap v5.3.8 (https://getbootstrap.com/) * Copyright 2011-2025 The Bootstrap Authors * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */:root,[data-bs-theme=light]{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-primary-text-emphasis:#052c65;--bs-secondary-text-emphasis:#2b2f32;--bs-success-text-emphasis:#0a3622;--bs-info-text-emphasis:#055160;--bs-warning-text-emphasis:#664d03;--bs-danger-text-emphasis:#58151c;--bs-light-text-emphasis:#495057;--bs-dark-text-emphasis:#495057;--bs-primary-bg-subtle:#cfe2ff;--bs-secondary-bg-subtle:#e2e3e5;--bs-success-bg-subtle:#d1e7dd;--bs-info-bg-subtle:#cff4fc;--bs-warning-bg-subtle:#fff3cd;--bs-danger-bg-subtle:#f8d7da;--bs-light-bg-subtle:#fcfcfd;--bs-dark-bg-subtle:#ced4da;--bs-primary-border-subtle:#9ec5fe;--bs-secondary-border-subtle:#c4c8cb;--bs-success-border-subtle:#a3cfbb;--bs-info-border-subtle:#9eeaf9;--bs-warning-border-subtle:#ffe69c;--bs-danger-border-subtle:#f1aeb5;--bs-light-border-subtle:#e9ecef;--bs-dark-border-subtle:#adb5bd;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-color-rgb:33,37,41;--bs-body-bg:#fff;--bs-body-bg-rgb:255,255,255;--bs-emphasis-color:#000;--bs-emphasis-color-rgb:0,0,0;--bs-secondary-color:rgba(33, 37, 41, 0.75);--bs-secondary-color-rgb:33,37,41;--bs-secondary-bg:#e9ecef;--bs-secondary-bg-rgb:233,236,239;--bs-tertiary-color:rgba(33, 37, 41, 0.5);--bs-tertiary-color-rgb:33,37,41;--bs-tertiary-bg:#f8f9fa;--bs-tertiary-bg-rgb:248,249,250;--bs-heading-color:inherit;--bs-link-color:#0d6efd;--bs-link-color-rgb:13,110,253;--bs-link-decoration:underline;--bs-link-hover-color:#0a58ca;--bs-link-hover-color-rgb:10,88,202;--bs-code-color:#d63384;--bs-highlight-color:#212529;--bs-highlight-bg:#fff3cd;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(0, 0, 0, 0.175);--bs-border-radius:0.375rem;--bs-border-radius-sm:0.25rem;--bs-border-radius-lg:0.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-xxl:2rem;--bs-border-radius-2xl:var(--bs-border-radius-xxl);--bs-border-radius-pill:50rem;--bs-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-box-shadow-sm:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--bs-box-shadow-lg:0 1rem 3rem rgba(0, 0, 0, 0.175);--bs-box-shadow-inset:inset 0 1px 2px rgba(0, 0, 0, 0.075);--bs-focus-ring-width:0.25rem;--bs-focus-ring-opacity:0.25;--bs-focus-ring-color:rgba(13, 110, 253, 0.25);--bs-form-valid-color:#198754;--bs-form-valid-border-color:#198754;--bs-form-invalid-color:#dc3545;--bs-form-invalid-border-color:#dc3545}[data-bs-theme=dark]{color-scheme:dark;--bs-body-color:#dee2e6;--bs-body-color-rgb:222,226,230;--bs-body-bg:#212529;--bs-body-bg-rgb:33,37,41;--bs-emphasis-color:#fff;--bs-emphasis-color-rgb:255,255,255;--bs-secondary-color:rgba(222, 226, 230, 0.75);--bs-secondary-color-rgb:222,226,230;--bs-secondary-bg:#343a40;--bs-secondary-bg-rgb:52,58,64;--bs-tertiary-color:rgba(222, 226, 230, 0.5);--bs-tertiary-color-rgb:222,226,230;--bs-tertiary-bg:#2b3035;--bs-tertiary-bg-rgb:43,48,53;--bs-primary-text-emphasis:#6ea8fe;--bs-secondary-text-emphasis:#a7acb1;--bs-success-text-emphasis:#75b798;--bs-info-text-emphasis:#6edff6;--bs-warning-text-emphasis:#ffda6a;--bs-danger-text-emphasis:#ea868f;--bs-light-text-emphasis:#f8f9fa;--bs-dark-text-emphasis:#dee2e6;--bs-primary-bg-subtle:#031633;--bs-secondary-bg-subtle:#161719;--bs-success-bg-subtle:#051b11;--bs-info-bg-subtle:#032830;--bs-warning-bg-subtle:#332701;--bs-danger-bg-subtle:#2c0b0e;--bs-light-bg-subtle:#343a40;--bs-dark-bg-subtle:#1a1d20;--bs-primary-border-subtle:#084298;--bs-secondary-border-subtle:#41464b;--bs-success-border-subtle:#0f5132;--bs-info-border-subtle:#087990;--bs-warning-border-subtle:#997404;--bs-danger-border-subtle:#842029;--bs-light-border-subtle:#495057;--bs-dark-border-subtle:#343a40;--bs-heading-color:inherit;--bs-link-color:#6ea8fe;--bs-link-hover-color:#8bb9fe;--bs-link-color-rgb:110,168,254;--bs-link-hover-color-rgb:139,185,254;--bs-code-color:#e685b5;--bs-highlight-color:#dee2e6;--bs-highlight-bg:#664d03;--bs-border-color:#495057;--bs-border-color-translucent:rgba(255, 255, 255, 0.15);--bs-form-valid-color:#75b798;--bs-form-valid-border-color:#75b798;--bs-form-invalid-color:#ea868f;--bs-form-invalid-border-color:#ea868f}*,::after,::before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}hr{margin:1rem 0;color:inherit;border:0;border-top:var(--bs-border-width) solid;opacity:.25}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2;color:var(--bs-heading-color)}.h1,h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){.h1,h1{font-size:2.5rem}}.h2,h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){.h2,h2{font-size:2rem}}.h3,h3{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){.h3,h3{font-size:1.75rem}}.h4,h4{font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){.h4,h4{font-size:1.5rem}}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}.small,small{font-size:.875em}.mark,mark{padding:.1875em;color:var(--bs-highlight-color);background-color:var(--bs-highlight-bg)}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));text-decoration:underline}a:hover{--bs-link-color-rgb:var(--bs-link-hover-color-rgb)}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:var(--bs-font-monospace);font-size:1em}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:.875em;color:var(--bs-code-color);word-wrap:break-word}a>code{color:inherit}kbd{padding:.1875rem .375rem;font-size:.875em;color:var(--bs-body-bg);background-color:var(--bs-body-color);border-radius:.25rem}kbd kbd{padding:0;font-size:1em}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:var(--bs-secondary-color);text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{display:none!important}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;line-height:inherit;font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){legend{font-size:1.5rem}}legend+*{clear:left}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button{cursor:pointer;filter:grayscale(1)}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::file-selector-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none!important}.lead{font-size:1.25rem;font-weight:300}.display-1{font-weight:300;line-height:1.2;font-size:calc(1.625rem + 4.5vw)}@media (min-width:1200px){.display-1{font-size:5rem}}.display-2{font-weight:300;line-height:1.2;font-size:calc(1.575rem + 3.9vw)}@media (min-width:1200px){.display-2{font-size:4.5rem}}.display-3{font-weight:300;line-height:1.2;font-size:calc(1.525rem + 3.3vw)}@media (min-width:1200px){.display-3{font-size:4rem}}.display-4{font-weight:300;line-height:1.2;font-size:calc(1.475rem + 2.7vw)}@media (min-width:1200px){.display-4{font-size:3.5rem}}.display-5{font-weight:300;line-height:1.2;font-size:calc(1.425rem + 2.1vw)}@media (min-width:1200px){.display-5{font-size:3rem}}.display-6{font-weight:300;line-height:1.2;font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){.display-6{font-size:2.5rem}}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:.875em;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote>:last-child{margin-bottom:0}.blockquote-footer{margin-top:-1rem;margin-bottom:1rem;font-size:.875em;color:#6c757d}.blockquote-footer::before{content:"— "}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:var(--bs-body-bg);border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:.875em;color:var(--bs-secondary-color)}.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}@media (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1320px}}:root{--bs-breakpoint-xs:0;--bs-breakpoint-sm:576px;--bs-breakpoint-md:768px;--bs-breakpoint-lg:992px;--bs-breakpoint-xl:1200px;--bs-breakpoint-xxl:1400px}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}.col{flex:1 0 0}.row-cols-auto>*{flex:0 0 auto;width:auto}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.66666667%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.33333333%}.col-2{flex:0 0 auto;width:16.66666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33333333%}.col-5{flex:0 0 auto;width:41.66666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.33333333%}.col-8{flex:0 0 auto;width:66.66666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.33333333%}.col-11{flex:0 0 auto;width:91.66666667%}.col-12{flex:0 0 auto;width:100%}.offset-1{margin-left:8.33333333%}.offset-2{margin-left:16.66666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333333%}.offset-5{margin-left:41.66666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333333%}.offset-8{margin-left:66.66666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333333%}.offset-11{margin-left:91.66666667%}.g-0,.gx-0{--bs-gutter-x:0}.g-0,.gy-0{--bs-gutter-y:0}.g-1,.gx-1{--bs-gutter-x:0.25rem}.g-1,.gy-1{--bs-gutter-y:0.25rem}.g-2,.gx-2{--bs-gutter-x:0.5rem}.g-2,.gy-2{--bs-gutter-y:0.5rem}.g-3,.gx-3{--bs-gutter-x:1rem}.g-3,.gy-3{--bs-gutter-y:1rem}.g-4,.gx-4{--bs-gutter-x:1.5rem}.g-4,.gy-4{--bs-gutter-y:1.5rem}.g-5,.gx-5{--bs-gutter-x:3rem}.g-5,.gy-5{--bs-gutter-y:3rem}@media (min-width:576px){.col-sm{flex:1 0 0}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.66666667%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.33333333%}.col-sm-2{flex:0 0 auto;width:16.66666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-5{flex:0 0 auto;width:41.66666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333333%}.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333333%}.col-sm-11{flex:0 0 auto;width:91.66666667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333333%}.offset-sm-2{margin-left:16.66666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333333%}.offset-sm-5{margin-left:41.66666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333333%}.offset-sm-8{margin-left:66.66666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333333%}.offset-sm-11{margin-left:91.66666667%}.g-sm-0,.gx-sm-0{--bs-gutter-x:0}.g-sm-0,.gy-sm-0{--bs-gutter-y:0}.g-sm-1,.gx-sm-1{--bs-gutter-x:0.25rem}.g-sm-1,.gy-sm-1{--bs-gutter-y:0.25rem}.g-sm-2,.gx-sm-2{--bs-gutter-x:0.5rem}.g-sm-2,.gy-sm-2{--bs-gutter-y:0.5rem}.g-sm-3,.gx-sm-3{--bs-gutter-x:1rem}.g-sm-3,.gy-sm-3{--bs-gutter-y:1rem}.g-sm-4,.gx-sm-4{--bs-gutter-x:1.5rem}.g-sm-4,.gy-sm-4{--bs-gutter-y:1.5rem}.g-sm-5,.gx-sm-5{--bs-gutter-x:3rem}.g-sm-5,.gy-sm-5{--bs-gutter-y:3rem}}@media (min-width:768px){.col-md{flex:1 0 0}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.66666667%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.33333333%}.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333333%}.col-md-11{flex:0 0 auto;width:91.66666667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333333%}.offset-md-5{margin-left:41.66666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333333%}.offset-md-8{margin-left:66.66666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333333%}.offset-md-11{margin-left:91.66666667%}.g-md-0,.gx-md-0{--bs-gutter-x:0}.g-md-0,.gy-md-0{--bs-gutter-y:0}.g-md-1,.gx-md-1{--bs-gutter-x:0.25rem}.g-md-1,.gy-md-1{--bs-gutter-y:0.25rem}.g-md-2,.gx-md-2{--bs-gutter-x:0.5rem}.g-md-2,.gy-md-2{--bs-gutter-y:0.5rem}.g-md-3,.gx-md-3{--bs-gutter-x:1rem}.g-md-3,.gy-md-3{--bs-gutter-y:1rem}.g-md-4,.gx-md-4{--bs-gutter-x:1.5rem}.g-md-4,.gy-md-4{--bs-gutter-y:1.5rem}.g-md-5,.gx-md-5{--bs-gutter-x:3rem}.g-md-5,.gy-md-5{--bs-gutter-y:3rem}}@media (min-width:992px){.col-lg{flex:1 0 0}.row-cols-lg-auto>*{flex:0 0 auto;width:auto}.row-cols-lg-1>*{flex:0 0 auto;width:100%}.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.row-cols-lg-6>*{flex:0 0 auto;width:16.66666667%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.33333333%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-11{flex:0 0 auto;width:91.66666667%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333333%}.offset-lg-2{margin-left:16.66666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333333%}.offset-lg-5{margin-left:41.66666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333333%}.offset-lg-8{margin-left:66.66666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333333%}.offset-lg-11{margin-left:91.66666667%}.g-lg-0,.gx-lg-0{--bs-gutter-x:0}.g-lg-0,.gy-lg-0{--bs-gutter-y:0}.g-lg-1,.gx-lg-1{--bs-gutter-x:0.25rem}.g-lg-1,.gy-lg-1{--bs-gutter-y:0.25rem}.g-lg-2,.gx-lg-2{--bs-gutter-x:0.5rem}.g-lg-2,.gy-lg-2{--bs-gutter-y:0.5rem}.g-lg-3,.gx-lg-3{--bs-gutter-x:1rem}.g-lg-3,.gy-lg-3{--bs-gutter-y:1rem}.g-lg-4,.gx-lg-4{--bs-gutter-x:1.5rem}.g-lg-4,.gy-lg-4{--bs-gutter-y:1.5rem}.g-lg-5,.gx-lg-5{--bs-gutter-x:3rem}.g-lg-5,.gy-lg-5{--bs-gutter-y:3rem}}@media (min-width:1200px){.col-xl{flex:1 0 0}.row-cols-xl-auto>*{flex:0 0 auto;width:auto}.row-cols-xl-1>*{flex:0 0 auto;width:100%}.row-cols-xl-2>*{flex:0 0 auto;width:50%}.row-cols-xl-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-xl-4>*{flex:0 0 auto;width:25%}.row-cols-xl-5>*{flex:0 0 auto;width:20%}.row-cols-xl-6>*{flex:0 0 auto;width:16.66666667%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.33333333%}.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333333%}.col-xl-11{flex:0 0 auto;width:91.66666667%}.col-xl-12{flex:0 0 auto;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333333%}.offset-xl-2{margin-left:16.66666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333333%}.offset-xl-5{margin-left:41.66666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333333%}.offset-xl-8{margin-left:66.66666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333333%}.offset-xl-11{margin-left:91.66666667%}.g-xl-0,.gx-xl-0{--bs-gutter-x:0}.g-xl-0,.gy-xl-0{--bs-gutter-y:0}.g-xl-1,.gx-xl-1{--bs-gutter-x:0.25rem}.g-xl-1,.gy-xl-1{--bs-gutter-y:0.25rem}.g-xl-2,.gx-xl-2{--bs-gutter-x:0.5rem}.g-xl-2,.gy-xl-2{--bs-gutter-y:0.5rem}.g-xl-3,.gx-xl-3{--bs-gutter-x:1rem}.g-xl-3,.gy-xl-3{--bs-gutter-y:1rem}.g-xl-4,.gx-xl-4{--bs-gutter-x:1.5rem}.g-xl-4,.gy-xl-4{--bs-gutter-y:1.5rem}.g-xl-5,.gx-xl-5{--bs-gutter-x:3rem}.g-xl-5,.gy-xl-5{--bs-gutter-y:3rem}}@media (min-width:1400px){.col-xxl{flex:1 0 0}.row-cols-xxl-auto>*{flex:0 0 auto;width:auto}.row-cols-xxl-1>*{flex:0 0 auto;width:100%}.row-cols-xxl-2>*{flex:0 0 auto;width:50%}.row-cols-xxl-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-xxl-4>*{flex:0 0 auto;width:25%}.row-cols-xxl-5>*{flex:0 0 auto;width:20%}.row-cols-xxl-6>*{flex:0 0 auto;width:16.66666667%}.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-1{flex:0 0 auto;width:8.33333333%}.col-xxl-2{flex:0 0 auto;width:16.66666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.33333333%}.col-xxl-5{flex:0 0 auto;width:41.66666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.33333333%}.col-xxl-8{flex:0 0 auto;width:66.66666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.33333333%}.col-xxl-11{flex:0 0 auto;width:91.66666667%}.col-xxl-12{flex:0 0 auto;width:100%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.33333333%}.offset-xxl-2{margin-left:16.66666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.33333333%}.offset-xxl-5{margin-left:41.66666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.33333333%}.offset-xxl-8{margin-left:66.66666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.33333333%}.offset-xxl-11{margin-left:91.66666667%}.g-xxl-0,.gx-xxl-0{--bs-gutter-x:0}.g-xxl-0,.gy-xxl-0{--bs-gutter-y:0}.g-xxl-1,.gx-xxl-1{--bs-gutter-x:0.25rem}.g-xxl-1,.gy-xxl-1{--bs-gutter-y:0.25rem}.g-xxl-2,.gx-xxl-2{--bs-gutter-x:0.5rem}.g-xxl-2,.gy-xxl-2{--bs-gutter-y:0.5rem}.g-xxl-3,.gx-xxl-3{--bs-gutter-x:1rem}.g-xxl-3,.gy-xxl-3{--bs-gutter-y:1rem}.g-xxl-4,.gx-xxl-4{--bs-gutter-x:1.5rem}.g-xxl-4,.gy-xxl-4{--bs-gutter-y:1.5rem}.g-xxl-5,.gx-xxl-5{--bs-gutter-x:3rem}.g-xxl-5,.gy-xxl-5{--bs-gutter-y:3rem}}.table{--bs-table-color-type:initial;--bs-table-bg-type:initial;--bs-table-color-state:initial;--bs-table-bg-state:initial;--bs-table-color:var(--bs-emphasis-color);--bs-table-bg:var(--bs-body-bg);--bs-table-border-color:var(--bs-border-color);--bs-table-accent-bg:transparent;--bs-table-striped-color:var(--bs-emphasis-color);--bs-table-striped-bg:rgba(var(--bs-emphasis-color-rgb), 0.05);--bs-table-active-color:var(--bs-emphasis-color);--bs-table-active-bg:rgba(var(--bs-emphasis-color-rgb), 0.1);--bs-table-hover-color:var(--bs-emphasis-color);--bs-table-hover-bg:rgba(var(--bs-emphasis-color-rgb), 0.075);width:100%;margin-bottom:1rem;vertical-align:top;border-color:var(--bs-table-border-color)}.table>:not(caption)>*>*{padding:.5rem .5rem;color:var(--bs-table-color-state,var(--bs-table-color-type,var(--bs-table-color)));background-color:var(--bs-table-bg);border-bottom-width:var(--bs-border-width);box-shadow:inset 0 0 0 9999px var(--bs-table-bg-state,var(--bs-table-bg-type,var(--bs-table-accent-bg)))}.table>tbody{vertical-align:inherit}.table>thead{vertical-align:bottom}.table-group-divider{border-top:calc(var(--bs-border-width) * 2) solid currentcolor}.caption-top{caption-side:top}.table-sm>:not(caption)>*>*{padding:.25rem .25rem}.table-bordered>:not(caption)>*{border-width:var(--bs-border-width) 0}.table-bordered>:not(caption)>*>*{border-width:0 var(--bs-border-width)}.table-borderless>:not(caption)>*>*{border-bottom-width:0}.table-borderless>:not(:first-child){border-top-width:0}.table-striped>tbody>tr:nth-of-type(odd)>*{--bs-table-color-type:var(--bs-table-striped-color);--bs-table-bg-type:var(--bs-table-striped-bg)}.table-striped-columns>:not(caption)>tr>:nth-child(2n){--bs-table-color-type:var(--bs-table-striped-color);--bs-table-bg-type:var(--bs-table-striped-bg)}.table-active{--bs-table-color-state:var(--bs-table-active-color);--bs-table-bg-state:var(--bs-table-active-bg)}.table-hover>tbody>tr:hover>*{--bs-table-color-state:var(--bs-table-hover-color);--bs-table-bg-state:var(--bs-table-hover-bg)}.table-primary{--bs-table-color:#000;--bs-table-bg:#cfe2ff;--bs-table-border-color:#a6b5cc;--bs-table-striped-bg:#c5d7f2;--bs-table-striped-color:#000;--bs-table-active-bg:#bacbe6;--bs-table-active-color:#000;--bs-table-hover-bg:#bfd1ec;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-secondary{--bs-table-color:#000;--bs-table-bg:#e2e3e5;--bs-table-border-color:#b5b6b7;--bs-table-striped-bg:#d7d8da;--bs-table-striped-color:#000;--bs-table-active-bg:#cbccce;--bs-table-active-color:#000;--bs-table-hover-bg:#d1d2d4;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-success{--bs-table-color:#000;--bs-table-bg:#d1e7dd;--bs-table-border-color:#a7b9b1;--bs-table-striped-bg:#c7dbd2;--bs-table-striped-color:#000;--bs-table-active-bg:#bcd0c7;--bs-table-active-color:#000;--bs-table-hover-bg:#c1d6cc;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-info{--bs-table-color:#000;--bs-table-bg:#cff4fc;--bs-table-border-color:#a6c3ca;--bs-table-striped-bg:#c5e8ef;--bs-table-striped-color:#000;--bs-table-active-bg:#badce3;--bs-table-active-color:#000;--bs-table-hover-bg:#bfe2e9;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-warning{--bs-table-color:#000;--bs-table-bg:#fff3cd;--bs-table-border-color:#ccc2a4;--bs-table-striped-bg:#f2e7c3;--bs-table-striped-color:#000;--bs-table-active-bg:#e6dbb9;--bs-table-active-color:#000;--bs-table-hover-bg:#ece1be;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-danger{--bs-table-color:#000;--bs-table-bg:#f8d7da;--bs-table-border-color:#c6acae;--bs-table-striped-bg:#eccccf;--bs-table-striped-color:#000;--bs-table-active-bg:#dfc2c4;--bs-table-active-color:#000;--bs-table-hover-bg:#e5c7ca;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-light{--bs-table-color:#000;--bs-table-bg:#f8f9fa;--bs-table-border-color:#c6c7c8;--bs-table-striped-bg:#ecedee;--bs-table-striped-color:#000;--bs-table-active-bg:#dfe0e1;--bs-table-active-color:#000;--bs-table-hover-bg:#e5e6e7;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-dark{--bs-table-color:#fff;--bs-table-bg:#212529;--bs-table-border-color:#4d5154;--bs-table-striped-bg:#2c3034;--bs-table-striped-color:#fff;--bs-table-active-bg:#373b3e;--bs-table-active-color:#fff;--bs-table-hover-bg:#323539;--bs-table-hover-color:#fff;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width:575.98px){.table-responsive-sm{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:767.98px){.table-responsive-md{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:991.98px){.table-responsive-lg{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:1199.98px){.table-responsive-xl{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:1399.98px){.table-responsive-xxl{overflow-x:auto;-webkit-overflow-scrolling:touch}}.form-label{margin-bottom:.5rem}.col-form-label{padding-top:calc(.375rem + var(--bs-border-width));padding-bottom:calc(.375rem + var(--bs-border-width));margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + var(--bs-border-width));padding-bottom:calc(.5rem + var(--bs-border-width));font-size:1.25rem}.col-form-label-sm{padding-top:calc(.25rem + var(--bs-border-width));padding-bottom:calc(.25rem + var(--bs-border-width));font-size:.875rem}.form-text{margin-top:.25rem;font-size:.875em;color:var(--bs-secondary-color)}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);appearance:none;background-color:var(--bs-body-bg);background-clip:padding-box;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control[type=file]{overflow:hidden}.form-control[type=file]:not(:disabled):not([readonly]){cursor:pointer}.form-control:focus{color:var(--bs-body-color);background-color:var(--bs-body-bg);border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-control::-webkit-date-and-time-value{min-width:85px;height:1.5em;margin:0}.form-control::-webkit-datetime-edit{display:block;padding:0}.form-control::placeholder{color:var(--bs-secondary-color);opacity:1}.form-control:disabled{background-color:var(--bs-secondary-bg);opacity:1}.form-control::file-selector-button{padding:.375rem .75rem;margin:-.375rem -.75rem;margin-inline-end:.75rem;color:var(--bs-body-color);background-color:var(--bs-tertiary-bg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:var(--bs-border-width);border-radius:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control::file-selector-button{transition:none}}.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:var(--bs-secondary-bg)}.form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;line-height:1.5;color:var(--bs-body-color);background-color:transparent;border:solid transparent;border-width:var(--bs-border-width) 0}.form-control-plaintext:focus{outline:0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{min-height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2));padding:.25rem .5rem;font-size:.875rem;border-radius:var(--bs-border-radius-sm)}.form-control-sm::file-selector-button{padding:.25rem .5rem;margin:-.25rem -.5rem;margin-inline-end:.5rem}.form-control-lg{min-height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));padding:.5rem 1rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}.form-control-lg::file-selector-button{padding:.5rem 1rem;margin:-.5rem -1rem;margin-inline-end:1rem}textarea.form-control{min-height:calc(1.5em + .75rem + calc(var(--bs-border-width) * 2))}textarea.form-control-sm{min-height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))}textarea.form-control-lg{min-height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))}.form-control-color{width:3rem;height:calc(1.5em + .75rem + calc(var(--bs-border-width) * 2));padding:.375rem}.form-control-color:not(:disabled):not([readonly]){cursor:pointer}.form-control-color::-moz-color-swatch{border:0!important;border-radius:var(--bs-border-radius)}.form-control-color::-webkit-color-swatch{border:0!important;border-radius:var(--bs-border-radius)}.form-control-color.form-control-sm{height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))}.form-control-color.form-control-lg{height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))}.form-select{--bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");display:block;width:100%;padding:.375rem 2.25rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);appearance:none;background-color:var(--bs-body-bg);background-image:var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none);background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-select{transition:none}}.form-select:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-select[multiple],.form-select[size]:not([size="1"]){padding-right:.75rem;background-image:none}.form-select:disabled{background-color:var(--bs-secondary-bg)}.form-select:-moz-focusring{color:transparent;text-shadow:0 0 0 var(--bs-body-color)}.form-select-sm{padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem;border-radius:var(--bs-border-radius-sm)}.form-select-lg{padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}[data-bs-theme=dark] .form-select{--bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")}.form-check{display:block;min-height:1.5rem;padding-left:1.5em;margin-bottom:.125rem}.form-check .form-check-input{float:left;margin-left:-1.5em}.form-check-reverse{padding-right:1.5em;padding-left:0;text-align:right}.form-check-reverse .form-check-input{float:right;margin-right:-1.5em;margin-left:0}.form-check-input{--bs-form-check-bg:var(--bs-body-bg);flex-shrink:0;width:1em;height:1em;margin-top:.25em;vertical-align:top;appearance:none;background-color:var(--bs-form-check-bg);background-image:var(--bs-form-check-bg-image);background-repeat:no-repeat;background-position:center;background-size:contain;border:var(--bs-border-width) solid var(--bs-border-color);print-color-adjust:exact}.form-check-input[type=checkbox]{border-radius:.25em}.form-check-input[type=radio]{border-radius:50%}.form-check-input:active{filter:brightness(90%)}.form-check-input:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-check-input:checked{background-color:#0d6efd;border-color:#0d6efd}.form-check-input:checked[type=checkbox]{--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")}.form-check-input:checked[type=radio]{--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")}.form-check-input[type=checkbox]:indeterminate{background-color:#0d6efd;border-color:#0d6efd;--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")}.form-check-input:disabled{pointer-events:none;filter:none;opacity:.5}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{cursor:default;opacity:.5}.form-switch{padding-left:2.5em}.form-switch .form-check-input{--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");width:2em;margin-left:-2.5em;background-image:var(--bs-form-switch-bg);background-position:left center;border-radius:2em;transition:background-position .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-switch .form-check-input{transition:none}}.form-switch .form-check-input:focus{--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e")}.form-switch .form-check-input:checked{background-position:right center;--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.form-switch.form-check-reverse{padding-right:2.5em;padding-left:0}.form-switch.form-check-reverse .form-check-input{margin-right:-2.5em;margin-left:0}.form-check-inline{display:inline-block;margin-right:1rem}.btn-check{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.btn-check:disabled+.btn,.btn-check[disabled]+.btn{pointer-events:none;filter:none;opacity:.65}[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus){--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e")}.form-range{width:100%;height:1.5rem;padding:0;appearance:none;background-color:transparent}.form-range:focus{outline:0}.form-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)}.form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)}.form-range::-moz-focus-outer{border:0}.form-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;appearance:none;background-color:#0d6efd;border:0;border-radius:1rem;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}.form-range::-webkit-slider-thumb:active{background-color:#b6d4fe}.form-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:var(--bs-secondary-bg);border-color:transparent;border-radius:1rem}.form-range::-moz-range-thumb{width:1rem;height:1rem;appearance:none;background-color:#0d6efd;border:0;border-radius:1rem;-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-range::-moz-range-thumb{-moz-transition:none;transition:none}}.form-range::-moz-range-thumb:active{background-color:#b6d4fe}.form-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:var(--bs-secondary-bg);border-color:transparent;border-radius:1rem}.form-range:disabled{pointer-events:none}.form-range:disabled::-webkit-slider-thumb{background-color:var(--bs-secondary-color)}.form-range:disabled::-moz-range-thumb{background-color:var(--bs-secondary-color)}.form-floating{position:relative}.form-floating>.form-control,.form-floating>.form-control-plaintext,.form-floating>.form-select{height:calc(3.5rem + calc(var(--bs-border-width) * 2));min-height:calc(3.5rem + calc(var(--bs-border-width) * 2));line-height:1.25}.form-floating>label{position:absolute;top:0;left:0;z-index:2;max-width:100%;height:100%;padding:1rem .75rem;overflow:hidden;color:rgba(var(--bs-body-color-rgb),.65);text-align:start;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;border:var(--bs-border-width) solid transparent;transform-origin:0 0;transition:opacity .1s ease-in-out,transform .1s ease-in-out}@media (prefers-reduced-motion:reduce){.form-floating>label{transition:none}}.form-floating>.form-control,.form-floating>.form-control-plaintext{padding:1rem .75rem}.form-floating>.form-control-plaintext::placeholder,.form-floating>.form-control::placeholder{color:transparent}.form-floating>.form-control-plaintext:focus,.form-floating>.form-control-plaintext:not(:placeholder-shown),.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control-plaintext:-webkit-autofill,.form-floating>.form-control:-webkit-autofill{padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-select{padding-top:1.625rem;padding-bottom:.625rem;padding-left:.75rem}.form-floating>.form-control-plaintext~label,.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-select~label{transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control:-webkit-autofill~label{transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>textarea:focus~label::after,.form-floating>textarea:not(:placeholder-shown)~label::after{position:absolute;inset:1rem 0.375rem;z-index:-1;height:1.5em;content:"";background-color:var(--bs-body-bg);border-radius:var(--bs-border-radius)}.form-floating>textarea:disabled~label::after{background-color:var(--bs-secondary-bg)}.form-floating>.form-control-plaintext~label{border-width:var(--bs-border-width) 0}.form-floating>.form-control:disabled~label,.form-floating>:disabled~label{color:#6c757d}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group>.form-control,.input-group>.form-floating,.input-group>.form-select{position:relative;flex:1 1 auto;width:1%;min-width:0}.input-group>.form-control:focus,.input-group>.form-floating:focus-within,.input-group>.form-select:focus{z-index:5}.input-group .btn{position:relative;z-index:2}.input-group .btn:focus{z-index:5}.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);text-align:center;white-space:nowrap;background-color:var(--bs-tertiary-bg);border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius)}.input-group-lg>.btn,.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}.input-group-sm>.btn,.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text{padding:.25rem .5rem;font-size:.875rem;border-radius:var(--bs-border-radius-sm)}.input-group-lg>.form-select,.input-group-sm>.form-select{padding-right:3rem}.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select,.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating){border-top-right-radius:0;border-bottom-right-radius:0}.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select,.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){margin-left:calc(-1 * var(--bs-border-width));border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.form-floating:not(:first-child)>.form-control,.input-group>.form-floating:not(:first-child)>.form-select{border-top-left-radius:0;border-bottom-left-radius:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:var(--bs-form-valid-color)}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;color:#fff;background-color:var(--bs-success);border-radius:var(--bs-border-radius)}.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:var(--bs-form-valid-border-color);padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%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:var(--bs-form-valid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.form-select.is-valid,.was-validated .form-select:valid{border-color:var(--bs-form-valid-border-color)}.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size="1"],.was-validated .form-select:valid:not([multiple]):not([size]),.was-validated .form-select:valid:not([multiple])[size="1"]{--bs-form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");padding-right:4.125rem;background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}.form-select.is-valid:focus,.was-validated .form-select:valid:focus{border-color:var(--bs-form-valid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}.form-control-color.is-valid,.was-validated .form-control-color:valid{width:calc(3rem + calc(1.5em + .75rem))}.form-check-input.is-valid,.was-validated .form-check-input:valid{border-color:var(--bs-form-valid-border-color)}.form-check-input.is-valid:checked,.was-validated .form-check-input:valid:checked{background-color:var(--bs-form-valid-color)}.form-check-input.is-valid:focus,.was-validated .form-check-input:valid:focus{box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:var(--bs-form-valid-color)}.form-check-inline .form-check-input~.valid-feedback{margin-left:.5em}.input-group>.form-control:not(:focus).is-valid,.input-group>.form-floating:not(:focus-within).is-valid,.input-group>.form-select:not(:focus).is-valid,.was-validated .input-group>.form-control:not(:focus):valid,.was-validated .input-group>.form-floating:not(:focus-within):valid,.was-validated .input-group>.form-select:not(:focus):valid{z-index:3}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:var(--bs-form-invalid-color)}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;color:#fff;background-color:var(--bs-danger);border-radius:var(--bs-border-radius)}.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:var(--bs-form-invalid-border-color);padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:var(--bs-form-invalid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.form-select.is-invalid,.was-validated .form-select:invalid{border-color:var(--bs-form-invalid-border-color)}.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"],.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select:invalid:not([multiple])[size="1"]{--bs-form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");padding-right:4.125rem;background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}.form-select.is-invalid:focus,.was-validated .form-select:invalid:focus{border-color:var(--bs-form-invalid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}.form-control-color.is-invalid,.was-validated .form-control-color:invalid{width:calc(3rem + calc(1.5em + .75rem))}.form-check-input.is-invalid,.was-validated .form-check-input:invalid{border-color:var(--bs-form-invalid-border-color)}.form-check-input.is-invalid:checked,.was-validated .form-check-input:invalid:checked{background-color:var(--bs-form-invalid-color)}.form-check-input.is-invalid:focus,.was-validated .form-check-input:invalid:focus{box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:var(--bs-form-invalid-color)}.form-check-inline .form-check-input~.invalid-feedback{margin-left:.5em}.input-group>.form-control:not(:focus).is-invalid,.input-group>.form-floating:not(:focus-within).is-invalid,.input-group>.form-select:not(:focus).is-invalid,.was-validated .input-group>.form-control:not(:focus):invalid,.was-validated .input-group>.form-floating:not(:focus-within):invalid,.was-validated .input-group>.form-select:not(:focus):invalid{z-index:4}.btn{--bs-btn-padding-x:0.75rem;--bs-btn-padding-y:0.375rem;--bs-btn-font-family: ;--bs-btn-font-size:1rem;--bs-btn-font-weight:400;--bs-btn-line-height:1.5;--bs-btn-color:var(--bs-body-color);--bs-btn-bg:transparent;--bs-btn-border-width:var(--bs-border-width);--bs-btn-border-color:transparent;--bs-btn-border-radius:var(--bs-border-radius);--bs-btn-hover-border-color:transparent;--bs-btn-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);--bs-btn-disabled-opacity:0.65;--bs-btn-focus-box-shadow:0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);display:inline-block;padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);font-family:var(--bs-btn-font-family);font-size:var(--bs-btn-font-size);font-weight:var(--bs-btn-font-weight);line-height:var(--bs-btn-line-height);color:var(--bs-btn-color);text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);border-radius:var(--bs-btn-border-radius);background-color:var(--bs-btn-bg);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color)}.btn-check+.btn:hover{color:var(--bs-btn-color);background-color:var(--bs-btn-bg);border-color:var(--bs-btn-border-color)}.btn:focus-visible{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:focus-visible+.btn{border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:checked+.btn,.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.btn:active{color:var(--bs-btn-active-color);background-color:var(--bs-btn-active-bg);border-color:var(--bs-btn-active-border-color)}.btn-check:checked+.btn:focus-visible,.btn.active:focus-visible,.btn.show:focus-visible,.btn:first-child:active:focus-visible,:not(.btn-check)+.btn:active:focus-visible{box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:checked:focus-visible+.btn{box-shadow:var(--bs-btn-focus-box-shadow)}.btn.disabled,.btn:disabled,fieldset:disabled .btn{color:var(--bs-btn-disabled-color);pointer-events:none;background-color:var(--bs-btn-disabled-bg);border-color:var(--bs-btn-disabled-border-color);opacity:var(--bs-btn-disabled-opacity)}.btn-primary{--bs-btn-color:#fff;--bs-btn-bg:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0b5ed7;--bs-btn-hover-border-color:#0a58ca;--bs-btn-focus-shadow-rgb:49,132,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0a58ca;--bs-btn-active-border-color:#0a53be;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#0d6efd;--bs-btn-disabled-border-color:#0d6efd}.btn-secondary{--bs-btn-color:#fff;--bs-btn-bg:#6c757d;--bs-btn-border-color:#6c757d;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#5c636a;--bs-btn-hover-border-color:#565e64;--bs-btn-focus-shadow-rgb:130,138,145;--bs-btn-active-color:#fff;--bs-btn-active-bg:#565e64;--bs-btn-active-border-color:#51585e;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#6c757d;--bs-btn-disabled-border-color:#6c757d}.btn-success{--bs-btn-color:#fff;--bs-btn-bg:#198754;--bs-btn-border-color:#198754;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#157347;--bs-btn-hover-border-color:#146c43;--bs-btn-focus-shadow-rgb:60,153,110;--bs-btn-active-color:#fff;--bs-btn-active-bg:#146c43;--bs-btn-active-border-color:#13653f;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#198754;--bs-btn-disabled-border-color:#198754}.btn-info{--bs-btn-color:#000;--bs-btn-bg:#0dcaf0;--bs-btn-border-color:#0dcaf0;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#31d2f2;--bs-btn-hover-border-color:#25cff2;--bs-btn-focus-shadow-rgb:11,172,204;--bs-btn-active-color:#000;--bs-btn-active-bg:#3dd5f3;--bs-btn-active-border-color:#25cff2;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#0dcaf0;--bs-btn-disabled-border-color:#0dcaf0}.btn-warning{--bs-btn-color:#000;--bs-btn-bg:#ffc107;--bs-btn-border-color:#ffc107;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#ffca2c;--bs-btn-hover-border-color:#ffc720;--bs-btn-focus-shadow-rgb:217,164,6;--bs-btn-active-color:#000;--bs-btn-active-bg:#ffcd39;--bs-btn-active-border-color:#ffc720;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#ffc107;--bs-btn-disabled-border-color:#ffc107}.btn-danger{--bs-btn-color:#fff;--bs-btn-bg:#dc3545;--bs-btn-border-color:#dc3545;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#bb2d3b;--bs-btn-hover-border-color:#b02a37;--bs-btn-focus-shadow-rgb:225,83,97;--bs-btn-active-color:#fff;--bs-btn-active-bg:#b02a37;--bs-btn-active-border-color:#a52834;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#dc3545;--bs-btn-disabled-border-color:#dc3545}.btn-light{--bs-btn-color:#000;--bs-btn-bg:#f8f9fa;--bs-btn-border-color:#f8f9fa;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#d3d4d5;--bs-btn-hover-border-color:#c6c7c8;--bs-btn-focus-shadow-rgb:211,212,213;--bs-btn-active-color:#000;--bs-btn-active-bg:#c6c7c8;--bs-btn-active-border-color:#babbbc;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#f8f9fa;--bs-btn-disabled-border-color:#f8f9fa}.btn-dark{--bs-btn-color:#fff;--bs-btn-bg:#212529;--bs-btn-border-color:#212529;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#424649;--bs-btn-hover-border-color:#373b3e;--bs-btn-focus-shadow-rgb:66,70,73;--bs-btn-active-color:#fff;--bs-btn-active-bg:#4d5154;--bs-btn-active-border-color:#373b3e;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#212529;--bs-btn-disabled-border-color:#212529}.btn-outline-primary{--bs-btn-color:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0d6efd;--bs-btn-hover-border-color:#0d6efd;--bs-btn-focus-shadow-rgb:13,110,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0d6efd;--bs-btn-active-border-color:#0d6efd;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#0d6efd;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#0d6efd;--bs-gradient:none}.btn-outline-secondary{--bs-btn-color:#6c757d;--bs-btn-border-color:#6c757d;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#6c757d;--bs-btn-hover-border-color:#6c757d;--bs-btn-focus-shadow-rgb:108,117,125;--bs-btn-active-color:#fff;--bs-btn-active-bg:#6c757d;--bs-btn-active-border-color:#6c757d;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#6c757d;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#6c757d;--bs-gradient:none}.btn-outline-success{--bs-btn-color:#198754;--bs-btn-border-color:#198754;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#198754;--bs-btn-hover-border-color:#198754;--bs-btn-focus-shadow-rgb:25,135,84;--bs-btn-active-color:#fff;--bs-btn-active-bg:#198754;--bs-btn-active-border-color:#198754;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#198754;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#198754;--bs-gradient:none}.btn-outline-info{--bs-btn-color:#0dcaf0;--bs-btn-border-color:#0dcaf0;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#0dcaf0;--bs-btn-hover-border-color:#0dcaf0;--bs-btn-focus-shadow-rgb:13,202,240;--bs-btn-active-color:#000;--bs-btn-active-bg:#0dcaf0;--bs-btn-active-border-color:#0dcaf0;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#0dcaf0;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#0dcaf0;--bs-gradient:none}.btn-outline-warning{--bs-btn-color:#ffc107;--bs-btn-border-color:#ffc107;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#ffc107;--bs-btn-hover-border-color:#ffc107;--bs-btn-focus-shadow-rgb:255,193,7;--bs-btn-active-color:#000;--bs-btn-active-bg:#ffc107;--bs-btn-active-border-color:#ffc107;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#ffc107;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#ffc107;--bs-gradient:none}.btn-outline-danger{--bs-btn-color:#dc3545;--bs-btn-border-color:#dc3545;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#dc3545;--bs-btn-hover-border-color:#dc3545;--bs-btn-focus-shadow-rgb:220,53,69;--bs-btn-active-color:#fff;--bs-btn-active-bg:#dc3545;--bs-btn-active-border-color:#dc3545;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#dc3545;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#dc3545;--bs-gradient:none}.btn-outline-light{--bs-btn-color:#f8f9fa;--bs-btn-border-color:#f8f9fa;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#f8f9fa;--bs-btn-hover-border-color:#f8f9fa;--bs-btn-focus-shadow-rgb:248,249,250;--bs-btn-active-color:#000;--bs-btn-active-bg:#f8f9fa;--bs-btn-active-border-color:#f8f9fa;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#f8f9fa;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#f8f9fa;--bs-gradient:none}.btn-outline-dark{--bs-btn-color:#212529;--bs-btn-border-color:#212529;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#212529;--bs-btn-hover-border-color:#212529;--bs-btn-focus-shadow-rgb:33,37,41;--bs-btn-active-color:#fff;--bs-btn-active-bg:#212529;--bs-btn-active-border-color:#212529;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#212529;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#212529;--bs-gradient:none}.btn-link{--bs-btn-font-weight:400;--bs-btn-color:var(--bs-link-color);--bs-btn-bg:transparent;--bs-btn-border-color:transparent;--bs-btn-hover-color:var(--bs-link-hover-color);--bs-btn-hover-border-color:transparent;--bs-btn-active-color:var(--bs-link-hover-color);--bs-btn-active-border-color:transparent;--bs-btn-disabled-color:#6c757d;--bs-btn-disabled-border-color:transparent;--bs-btn-box-shadow:0 0 0 #000;--bs-btn-focus-shadow-rgb:49,132,253;text-decoration:underline}.btn-link:focus-visible{color:var(--bs-btn-color)}.btn-link:hover{color:var(--bs-btn-hover-color)}.btn-group-lg>.btn,.btn-lg{--bs-btn-padding-y:0.5rem;--bs-btn-padding-x:1rem;--bs-btn-font-size:1.25rem;--bs-btn-border-radius:var(--bs-border-radius-lg)}.btn-group-sm>.btn,.btn-sm{--bs-btn-padding-y:0.25rem;--bs-btn-padding-x:0.5rem;--bs-btn-font-size:0.875rem;--bs-btn-border-radius:var(--bs-border-radius-sm)}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.collapsing.collapse-horizontal{width:0;height:auto;transition:width .35s ease}@media (prefers-reduced-motion:reduce){.collapsing.collapse-horizontal{transition:none}}.dropdown,.dropdown-center,.dropend,.dropstart,.dropup,.dropup-center{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{--bs-dropdown-zindex:1000;--bs-dropdown-min-width:10rem;--bs-dropdown-padding-x:0;--bs-dropdown-padding-y:0.5rem;--bs-dropdown-spacer:0.125rem;--bs-dropdown-font-size:1rem;--bs-dropdown-color:var(--bs-body-color);--bs-dropdown-bg:var(--bs-body-bg);--bs-dropdown-border-color:var(--bs-border-color-translucent);--bs-dropdown-border-radius:var(--bs-border-radius);--bs-dropdown-border-width:var(--bs-border-width);--bs-dropdown-inner-border-radius:calc(var(--bs-border-radius) - var(--bs-border-width));--bs-dropdown-divider-bg:var(--bs-border-color-translucent);--bs-dropdown-divider-margin-y:0.5rem;--bs-dropdown-box-shadow:var(--bs-box-shadow);--bs-dropdown-link-color:var(--bs-body-color);--bs-dropdown-link-hover-color:var(--bs-body-color);--bs-dropdown-link-hover-bg:var(--bs-tertiary-bg);--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:#0d6efd;--bs-dropdown-link-disabled-color:var(--bs-tertiary-color);--bs-dropdown-item-padding-x:1rem;--bs-dropdown-item-padding-y:0.25rem;--bs-dropdown-header-color:#6c757d;--bs-dropdown-header-padding-x:1rem;--bs-dropdown-header-padding-y:0.5rem;position:absolute;z-index:var(--bs-dropdown-zindex);display:none;min-width:var(--bs-dropdown-min-width);padding:var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);margin:0;font-size:var(--bs-dropdown-font-size);color:var(--bs-dropdown-color);text-align:left;list-style:none;background-color:var(--bs-dropdown-bg);background-clip:padding-box;border:var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);border-radius:var(--bs-dropdown-border-radius)}.dropdown-menu[data-bs-popper]{top:100%;left:0;margin-top:var(--bs-dropdown-spacer)}.dropdown-menu-start{--bs-position:start}.dropdown-menu-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-end{--bs-position:end}.dropdown-menu-end[data-bs-popper]{right:0;left:auto}@media (min-width:576px){.dropdown-menu-sm-start{--bs-position:start}.dropdown-menu-sm-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-sm-end{--bs-position:end}.dropdown-menu-sm-end[data-bs-popper]{right:0;left:auto}}@media (min-width:768px){.dropdown-menu-md-start{--bs-position:start}.dropdown-menu-md-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-md-end{--bs-position:end}.dropdown-menu-md-end[data-bs-popper]{right:0;left:auto}}@media (min-width:992px){.dropdown-menu-lg-start{--bs-position:start}.dropdown-menu-lg-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-lg-end{--bs-position:end}.dropdown-menu-lg-end[data-bs-popper]{right:0;left:auto}}@media (min-width:1200px){.dropdown-menu-xl-start{--bs-position:start}.dropdown-menu-xl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xl-end{--bs-position:end}.dropdown-menu-xl-end[data-bs-popper]{right:0;left:auto}}@media (min-width:1400px){.dropdown-menu-xxl-start{--bs-position:start}.dropdown-menu-xxl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xxl-end{--bs-position:end}.dropdown-menu-xxl-end[data-bs-popper]{right:0;left:auto}}.dropup .dropdown-menu[data-bs-popper]{top:auto;bottom:100%;margin-top:0;margin-bottom:var(--bs-dropdown-spacer)}.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropend .dropdown-menu[data-bs-popper]{top:0;right:auto;left:100%;margin-top:0;margin-left:var(--bs-dropdown-spacer)}.dropend .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropend .dropdown-toggle:empty::after{margin-left:0}.dropend .dropdown-toggle::after{vertical-align:0}.dropstart .dropdown-menu[data-bs-popper]{top:0;right:100%;left:auto;margin-top:0;margin-right:var(--bs-dropdown-spacer)}.dropstart .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}.dropstart .dropdown-toggle::after{display:none}.dropstart .dropdown-toggle::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropstart .dropdown-toggle:empty::after{margin-left:0}.dropstart .dropdown-toggle::before{vertical-align:0}.dropdown-divider{height:0;margin:var(--bs-dropdown-divider-margin-y) 0;overflow:hidden;border-top:1px solid var(--bs-dropdown-divider-bg);opacity:1}.dropdown-item{display:block;width:100%;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);clear:both;font-weight:400;color:var(--bs-dropdown-link-color);text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0;border-radius:var(--bs-dropdown-item-border-radius,0)}.dropdown-item:focus,.dropdown-item:hover{color:var(--bs-dropdown-link-hover-color);background-color:var(--bs-dropdown-link-hover-bg)}.dropdown-item.active,.dropdown-item:active{color:var(--bs-dropdown-link-active-color);text-decoration:none;background-color:var(--bs-dropdown-link-active-bg)}.dropdown-item.disabled,.dropdown-item:disabled{color:var(--bs-dropdown-link-disabled-color);pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);margin-bottom:0;font-size:.875rem;color:var(--bs-dropdown-header-color);white-space:nowrap}.dropdown-item-text{display:block;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);color:var(--bs-dropdown-link-color)}.dropdown-menu-dark{--bs-dropdown-color:#dee2e6;--bs-dropdown-bg:#343a40;--bs-dropdown-border-color:var(--bs-border-color-translucent);--bs-dropdown-box-shadow: ;--bs-dropdown-link-color:#dee2e6;--bs-dropdown-link-hover-color:#fff;--bs-dropdown-divider-bg:var(--bs-border-color-translucent);--bs-dropdown-link-hover-bg:rgba(255, 255, 255, 0.15);--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:#0d6efd;--bs-dropdown-link-disabled-color:#adb5bd;--bs-dropdown-header-color:#adb5bd}.btn-group,.btn-group-vertical{position:relative;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;flex:1 1 auto}.btn-group-vertical>.btn-check:checked+.btn,.btn-group-vertical>.btn-check:focus+.btn,.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn-check:checked+.btn,.btn-group>.btn-check:focus+.btn,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:1}.btn-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group{border-radius:var(--bs-border-radius)}.btn-group>.btn-group:not(:first-child),.btn-group>:not(.btn-check:first-child)+.btn{margin-left:calc(-1 * var(--bs-border-width))}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn.dropdown-toggle-split:first-child,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:nth-child(n+3),.btn-group>:not(.btn-check)+.btn{border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after,.dropend .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}.dropstart .dropdown-toggle-split::before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{flex-direction:column;align-items:flex-start;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:calc(-1 * var(--bs-border-width))}.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:nth-child(n+3),.btn-group-vertical>:not(.btn-check)+.btn{border-top-left-radius:0;border-top-right-radius:0}.nav{--bs-nav-link-padding-x:1rem;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-link-color);--bs-nav-link-hover-color:var(--bs-link-hover-color);--bs-nav-link-disabled-color:var(--bs-secondary-color);display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);font-size:var(--bs-nav-link-font-size);font-weight:var(--bs-nav-link-font-weight);color:var(--bs-nav-link-color);text-decoration:none;background:0 0;border:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}@media (prefers-reduced-motion:reduce){.nav-link{transition:none}}.nav-link:focus,.nav-link:hover{color:var(--bs-nav-link-hover-color)}.nav-link:focus-visible{outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.nav-link.disabled,.nav-link:disabled{color:var(--bs-nav-link-disabled-color);pointer-events:none;cursor:default}.nav-tabs{--bs-nav-tabs-border-width:var(--bs-border-width);--bs-nav-tabs-border-color:var(--bs-border-color);--bs-nav-tabs-border-radius:var(--bs-border-radius);--bs-nav-tabs-link-hover-border-color:var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);--bs-nav-tabs-link-active-color:var(--bs-emphasis-color);--bs-nav-tabs-link-active-bg:var(--bs-body-bg);--bs-nav-tabs-link-active-border-color:var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);border-bottom:var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)}.nav-tabs .nav-link{margin-bottom:calc(-1 * var(--bs-nav-tabs-border-width));border:var(--bs-nav-tabs-border-width) solid transparent;border-top-left-radius:var(--bs-nav-tabs-border-radius);border-top-right-radius:var(--bs-nav-tabs-border-radius)}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{isolation:isolate;border-color:var(--bs-nav-tabs-link-hover-border-color)}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}.nav-tabs .dropdown-menu{margin-top:calc(-1 * var(--bs-nav-tabs-border-width));border-top-left-radius:0;border-top-right-radius:0}.nav-pills{--bs-nav-pills-border-radius:var(--bs-border-radius);--bs-nav-pills-link-active-color:#fff;--bs-nav-pills-link-active-bg:#0d6efd}.nav-pills .nav-link{border-radius:var(--bs-nav-pills-border-radius)}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:var(--bs-nav-pills-link-active-color);background-color:var(--bs-nav-pills-link-active-bg)}.nav-underline{--bs-nav-underline-gap:1rem;--bs-nav-underline-border-width:0.125rem;--bs-nav-underline-link-active-color:var(--bs-emphasis-color);gap:var(--bs-nav-underline-gap)}.nav-underline .nav-link{padding-right:0;padding-left:0;border-bottom:var(--bs-nav-underline-border-width) solid transparent}.nav-underline .nav-link:focus,.nav-underline .nav-link:hover{border-bottom-color:currentcolor}.nav-underline .nav-link.active,.nav-underline .show>.nav-link{font-weight:700;color:var(--bs-nav-underline-link-active-color);border-bottom-color:currentcolor}.nav-fill .nav-item,.nav-fill>.nav-link{flex:1 1 auto;text-align:center}.nav-justified .nav-item,.nav-justified>.nav-link{flex-grow:1;flex-basis:0;text-align:center}.nav-fill .nav-item .nav-link,.nav-justified .nav-item .nav-link{width:100%}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{--bs-navbar-padding-x:0;--bs-navbar-padding-y:0.5rem;--bs-navbar-color:rgba(var(--bs-emphasis-color-rgb), 0.65);--bs-navbar-hover-color:rgba(var(--bs-emphasis-color-rgb), 0.8);--bs-navbar-disabled-color:rgba(var(--bs-emphasis-color-rgb), 0.3);--bs-navbar-active-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-brand-padding-y:0.3125rem;--bs-navbar-brand-margin-end:1rem;--bs-navbar-brand-font-size:1.25rem;--bs-navbar-brand-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-brand-hover-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-nav-link-padding-x:0.5rem;--bs-navbar-toggler-padding-y:0.25rem;--bs-navbar-toggler-padding-x:0.75rem;--bs-navbar-toggler-font-size:1.25rem;--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");--bs-navbar-toggler-border-color:rgba(var(--bs-emphasis-color-rgb), 0.15);--bs-navbar-toggler-border-radius:var(--bs-border-radius);--bs-navbar-toggler-focus-width:0.25rem;--bs-navbar-toggler-transition:box-shadow 0.15s ease-in-out;position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)}.navbar>.container,.navbar>.container-fluid,.navbar>.container-lg,.navbar>.container-md,.navbar>.container-sm,.navbar>.container-xl,.navbar>.container-xxl{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}.navbar-brand{padding-top:var(--bs-navbar-brand-padding-y);padding-bottom:var(--bs-navbar-brand-padding-y);margin-right:var(--bs-navbar-brand-margin-end);font-size:var(--bs-navbar-brand-font-size);color:var(--bs-navbar-brand-color);text-decoration:none;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{color:var(--bs-navbar-brand-hover-color)}.navbar-nav{--bs-nav-link-padding-x:0;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-navbar-color);--bs-nav-link-hover-color:var(--bs-navbar-hover-color);--bs-nav-link-disabled-color:var(--bs-navbar-disabled-color);display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link.active,.navbar-nav .nav-link.show{color:var(--bs-navbar-active-color)}.navbar-nav .dropdown-menu{position:static}.navbar-text{padding-top:.5rem;padding-bottom:.5rem;color:var(--bs-navbar-color)}.navbar-text a,.navbar-text a:focus,.navbar-text a:hover{color:var(--bs-navbar-active-color)}.navbar-collapse{flex-grow:1;flex-basis:100%;align-items:center}.navbar-toggler{padding:var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);font-size:var(--bs-navbar-toggler-font-size);line-height:1;color:var(--bs-navbar-color);background-color:transparent;border:var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);border-radius:var(--bs-navbar-toggler-border-radius);transition:var(--bs-navbar-toggler-transition)}@media (prefers-reduced-motion:reduce){.navbar-toggler{transition:none}}.navbar-toggler:hover{text-decoration:none}.navbar-toggler:focus{text-decoration:none;outline:0;box-shadow:0 0 0 var(--bs-navbar-toggler-focus-width)}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-image:var(--bs-navbar-toggler-icon-bg);background-repeat:no-repeat;background-position:center;background-size:100%}.navbar-nav-scroll{max-height:var(--bs-scroll-height,75vh);overflow-y:auto}@media (min-width:576px){.navbar-expand-sm{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-sm .navbar-nav{flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-sm .navbar-nav-scroll{overflow:visible}.navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}.navbar-expand-sm .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-sm .offcanvas .offcanvas-header{display:none}.navbar-expand-sm .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:768px){.navbar-expand-md{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-md .navbar-nav{flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-md .navbar-nav-scroll{overflow:visible}.navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}.navbar-expand-md .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-md .offcanvas .offcanvas-header{display:none}.navbar-expand-md .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:992px){.navbar-expand-lg{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-lg .navbar-nav-scroll{overflow:visible}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}.navbar-expand-lg .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-lg .offcanvas .offcanvas-header{display:none}.navbar-expand-lg .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:1200px){.navbar-expand-xl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xl .navbar-nav{flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-xl .navbar-nav-scroll{overflow:visible}.navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}.navbar-expand-xl .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-xl .offcanvas .offcanvas-header{display:none}.navbar-expand-xl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:1400px){.navbar-expand-xxl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xxl .navbar-nav{flex-direction:row}.navbar-expand-xxl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xxl .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-xxl .navbar-nav-scroll{overflow:visible}.navbar-expand-xxl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xxl .navbar-toggler{display:none}.navbar-expand-xxl .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-xxl .offcanvas .offcanvas-header{display:none}.navbar-expand-xxl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}.navbar-expand{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand .navbar-nav{flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand .navbar-nav-scroll{overflow:visible}.navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-expand .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand .offcanvas .offcanvas-header{display:none}.navbar-expand .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}.navbar-dark,.navbar[data-bs-theme=dark]{--bs-navbar-color:rgba(255, 255, 255, 0.55);--bs-navbar-hover-color:rgba(255, 255, 255, 0.75);--bs-navbar-disabled-color:rgba(255, 255, 255, 0.25);--bs-navbar-active-color:#fff;--bs-navbar-brand-color:#fff;--bs-navbar-brand-hover-color:#fff;--bs-navbar-toggler-border-color:rgba(255, 255, 255, 0.1);--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}[data-bs-theme=dark] .navbar-toggler-icon{--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.card{--bs-card-spacer-y:1rem;--bs-card-spacer-x:1rem;--bs-card-title-spacer-y:0.5rem;--bs-card-title-color: ;--bs-card-subtitle-color: ;--bs-card-border-width:var(--bs-border-width);--bs-card-border-color:var(--bs-border-color-translucent);--bs-card-border-radius:var(--bs-border-radius);--bs-card-box-shadow: ;--bs-card-inner-border-radius:calc(var(--bs-border-radius) - (var(--bs-border-width)));--bs-card-cap-padding-y:0.5rem;--bs-card-cap-padding-x:1rem;--bs-card-cap-bg:rgba(var(--bs-body-color-rgb), 0.03);--bs-card-cap-color: ;--bs-card-height: ;--bs-card-color: ;--bs-card-bg:var(--bs-body-bg);--bs-card-img-overlay-padding:1rem;--bs-card-group-margin:0.75rem;position:relative;display:flex;flex-direction:column;min-width:0;height:var(--bs-card-height);color:var(--bs-body-color);word-wrap:break-word;background-color:var(--bs-card-bg);background-clip:border-box;border:var(--bs-card-border-width) solid var(--bs-card-border-color);border-radius:var(--bs-card-border-radius)}.card>hr{margin-right:0;margin-left:0}.card>.list-group{border-top:inherit;border-bottom:inherit}.card>.list-group:first-child{border-top-width:0;border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}.card-body{flex:1 1 auto;padding:var(--bs-card-spacer-y) var(--bs-card-spacer-x);color:var(--bs-card-color)}.card-title{margin-bottom:var(--bs-card-title-spacer-y);color:var(--bs-card-title-color)}.card-subtitle{margin-top:calc(-.5 * var(--bs-card-title-spacer-y));margin-bottom:0;color:var(--bs-card-subtitle-color)}.card-text:last-child{margin-bottom:0}.card-link+.card-link{margin-left:var(--bs-card-spacer-x)}.card-header{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);margin-bottom:0;color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-bottom:var(--bs-card-border-width) solid var(--bs-card-border-color)}.card-header:first-child{border-radius:var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0}.card-footer{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-top:var(--bs-card-border-width) solid var(--bs-card-border-color)}.card-footer:last-child{border-radius:0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)}.card-header-tabs{margin-right:calc(-.5 * var(--bs-card-cap-padding-x));margin-bottom:calc(-1 * var(--bs-card-cap-padding-y));margin-left:calc(-.5 * var(--bs-card-cap-padding-x));border-bottom:0}.card-header-tabs .nav-link.active{background-color:var(--bs-card-bg);border-bottom-color:var(--bs-card-bg)}.card-header-pills{margin-right:calc(-.5 * var(--bs-card-cap-padding-x));margin-left:calc(-.5 * var(--bs-card-cap-padding-x))}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--bs-card-img-overlay-padding);border-radius:var(--bs-card-inner-border-radius)}.card-img,.card-img-bottom,.card-img-top{width:100%}.card-img,.card-img-top{border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}.card-img,.card-img-bottom{border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}.card-group>.card{margin-bottom:var(--bs-card-group-margin)}@media (min-width:576px){.card-group{display:flex;flex-flow:row wrap}.card-group>.card{flex:1 0 0;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child)>.card-header,.card-group>.card:not(:last-child)>.card-img-top{border-top-right-radius:0}.card-group>.card:not(:last-child)>.card-footer,.card-group>.card:not(:last-child)>.card-img-bottom{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child)>.card-header,.card-group>.card:not(:first-child)>.card-img-top{border-top-left-radius:0}.card-group>.card:not(:first-child)>.card-footer,.card-group>.card:not(:first-child)>.card-img-bottom{border-bottom-left-radius:0}}.accordion{--bs-accordion-color:var(--bs-body-color);--bs-accordion-bg:var(--bs-body-bg);--bs-accordion-transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;--bs-accordion-border-color:var(--bs-border-color);--bs-accordion-border-width:var(--bs-border-width);--bs-accordion-border-radius:var(--bs-border-radius);--bs-accordion-inner-border-radius:calc(var(--bs-border-radius) - (var(--bs-border-width)));--bs-accordion-btn-padding-x:1.25rem;--bs-accordion-btn-padding-y:1rem;--bs-accordion-btn-color:var(--bs-body-color);--bs-accordion-btn-bg:var(--bs-accordion-bg);--bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");--bs-accordion-btn-icon-width:1.25rem;--bs-accordion-btn-icon-transform:rotate(-180deg);--bs-accordion-btn-icon-transition:transform 0.2s ease-in-out;--bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");--bs-accordion-btn-focus-box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-accordion-body-padding-x:1.25rem;--bs-accordion-body-padding-y:1rem;--bs-accordion-active-color:var(--bs-primary-text-emphasis);--bs-accordion-active-bg:var(--bs-primary-bg-subtle)}.accordion-button{position:relative;display:flex;align-items:center;width:100%;padding:var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);font-size:1rem;color:var(--bs-accordion-btn-color);text-align:left;background-color:var(--bs-accordion-btn-bg);border:0;border-radius:0;overflow-anchor:none;transition:var(--bs-accordion-transition)}@media (prefers-reduced-motion:reduce){.accordion-button{transition:none}}.accordion-button:not(.collapsed){color:var(--bs-accordion-active-color);background-color:var(--bs-accordion-active-bg);box-shadow:inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)}.accordion-button:not(.collapsed)::after{background-image:var(--bs-accordion-btn-active-icon);transform:var(--bs-accordion-btn-icon-transform)}.accordion-button::after{flex-shrink:0;width:var(--bs-accordion-btn-icon-width);height:var(--bs-accordion-btn-icon-width);margin-left:auto;content:"";background-image:var(--bs-accordion-btn-icon);background-repeat:no-repeat;background-size:var(--bs-accordion-btn-icon-width);transition:var(--bs-accordion-btn-icon-transition)}@media (prefers-reduced-motion:reduce){.accordion-button::after{transition:none}}.accordion-button:hover{z-index:2}.accordion-button:focus{z-index:3;outline:0;box-shadow:var(--bs-accordion-btn-focus-box-shadow)}.accordion-header{margin-bottom:0}.accordion-item{color:var(--bs-accordion-color);background-color:var(--bs-accordion-bg);border:var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)}.accordion-item:first-of-type{border-top-left-radius:var(--bs-accordion-border-radius);border-top-right-radius:var(--bs-accordion-border-radius)}.accordion-item:first-of-type>.accordion-header .accordion-button{border-top-left-radius:var(--bs-accordion-inner-border-radius);border-top-right-radius:var(--bs-accordion-inner-border-radius)}.accordion-item:not(:first-of-type){border-top:0}.accordion-item:last-of-type{border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius)}.accordion-item:last-of-type>.accordion-header .accordion-button.collapsed{border-bottom-right-radius:var(--bs-accordion-inner-border-radius);border-bottom-left-radius:var(--bs-accordion-inner-border-radius)}.accordion-item:last-of-type>.accordion-collapse{border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius)}.accordion-body{padding:var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)}.accordion-flush>.accordion-item{border-right:0;border-left:0;border-radius:0}.accordion-flush>.accordion-item:first-child{border-top:0}.accordion-flush>.accordion-item:last-child{border-bottom:0}.accordion-flush>.accordion-item>.accordion-collapse,.accordion-flush>.accordion-item>.accordion-header .accordion-button,.accordion-flush>.accordion-item>.accordion-header .accordion-button.collapsed{border-radius:0}[data-bs-theme=dark] .accordion-button::after{--bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");--bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e")}.breadcrumb{--bs-breadcrumb-padding-x:0;--bs-breadcrumb-padding-y:0;--bs-breadcrumb-margin-bottom:1rem;--bs-breadcrumb-bg: ;--bs-breadcrumb-border-radius: ;--bs-breadcrumb-divider-color:var(--bs-secondary-color);--bs-breadcrumb-item-padding-x:0.5rem;--bs-breadcrumb-item-active-color:var(--bs-secondary-color);display:flex;flex-wrap:wrap;padding:var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);margin-bottom:var(--bs-breadcrumb-margin-bottom);font-size:var(--bs-breadcrumb-font-size);list-style:none;background-color:var(--bs-breadcrumb-bg);border-radius:var(--bs-breadcrumb-border-radius)}.breadcrumb-item+.breadcrumb-item{padding-left:var(--bs-breadcrumb-item-padding-x)}.breadcrumb-item+.breadcrumb-item::before{float:left;padding-right:var(--bs-breadcrumb-item-padding-x);color:var(--bs-breadcrumb-divider-color);content:var(--bs-breadcrumb-divider, "/")}.breadcrumb-item.active{color:var(--bs-breadcrumb-item-active-color)}.pagination{--bs-pagination-padding-x:0.75rem;--bs-pagination-padding-y:0.375rem;--bs-pagination-font-size:1rem;--bs-pagination-color:var(--bs-link-color);--bs-pagination-bg:var(--bs-body-bg);--bs-pagination-border-width:var(--bs-border-width);--bs-pagination-border-color:var(--bs-border-color);--bs-pagination-border-radius:var(--bs-border-radius);--bs-pagination-hover-color:var(--bs-link-hover-color);--bs-pagination-hover-bg:var(--bs-tertiary-bg);--bs-pagination-hover-border-color:var(--bs-border-color);--bs-pagination-focus-color:var(--bs-link-hover-color);--bs-pagination-focus-bg:var(--bs-secondary-bg);--bs-pagination-focus-box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-pagination-active-color:#fff;--bs-pagination-active-bg:#0d6efd;--bs-pagination-active-border-color:#0d6efd;--bs-pagination-disabled-color:var(--bs-secondary-color);--bs-pagination-disabled-bg:var(--bs-secondary-bg);--bs-pagination-disabled-border-color:var(--bs-border-color);display:flex;padding-left:0;list-style:none}.page-link{position:relative;display:block;padding:var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);font-size:var(--bs-pagination-font-size);color:var(--bs-pagination-color);text-decoration:none;background-color:var(--bs-pagination-bg);border:var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.page-link{transition:none}}.page-link:hover{z-index:2;color:var(--bs-pagination-hover-color);background-color:var(--bs-pagination-hover-bg);border-color:var(--bs-pagination-hover-border-color)}.page-link:focus{z-index:3;color:var(--bs-pagination-focus-color);background-color:var(--bs-pagination-focus-bg);outline:0;box-shadow:var(--bs-pagination-focus-box-shadow)}.active>.page-link,.page-link.active{z-index:3;color:var(--bs-pagination-active-color);background-color:var(--bs-pagination-active-bg);border-color:var(--bs-pagination-active-border-color)}.disabled>.page-link,.page-link.disabled{color:var(--bs-pagination-disabled-color);pointer-events:none;background-color:var(--bs-pagination-disabled-bg);border-color:var(--bs-pagination-disabled-border-color)}.page-item:not(:first-child) .page-link{margin-left:calc(-1 * var(--bs-border-width))}.page-item:first-child .page-link{border-top-left-radius:var(--bs-pagination-border-radius);border-bottom-left-radius:var(--bs-pagination-border-radius)}.page-item:last-child .page-link{border-top-right-radius:var(--bs-pagination-border-radius);border-bottom-right-radius:var(--bs-pagination-border-radius)}.pagination-lg{--bs-pagination-padding-x:1.5rem;--bs-pagination-padding-y:0.75rem;--bs-pagination-font-size:1.25rem;--bs-pagination-border-radius:var(--bs-border-radius-lg)}.pagination-sm{--bs-pagination-padding-x:0.5rem;--bs-pagination-padding-y:0.25rem;--bs-pagination-font-size:0.875rem;--bs-pagination-border-radius:var(--bs-border-radius-sm)}.badge{--bs-badge-padding-x:0.65em;--bs-badge-padding-y:0.35em;--bs-badge-font-size:0.75em;--bs-badge-font-weight:700;--bs-badge-color:#fff;--bs-badge-border-radius:var(--bs-border-radius);display:inline-block;padding:var(--bs-badge-padding-y) var(--bs-badge-padding-x);font-size:var(--bs-badge-font-size);font-weight:var(--bs-badge-font-weight);line-height:1;color:var(--bs-badge-color);text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:var(--bs-badge-border-radius)}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.alert{--bs-alert-bg:transparent;--bs-alert-padding-x:1rem;--bs-alert-padding-y:1rem;--bs-alert-margin-bottom:1rem;--bs-alert-color:inherit;--bs-alert-border-color:transparent;--bs-alert-border:var(--bs-border-width) solid var(--bs-alert-border-color);--bs-alert-border-radius:var(--bs-border-radius);--bs-alert-link-color:inherit;position:relative;padding:var(--bs-alert-padding-y) var(--bs-alert-padding-x);margin-bottom:var(--bs-alert-margin-bottom);color:var(--bs-alert-color);background-color:var(--bs-alert-bg);border:var(--bs-alert-border);border-radius:var(--bs-alert-border-radius)}.alert-heading{color:inherit}.alert-link{font-weight:700;color:var(--bs-alert-link-color)}.alert-dismissible{padding-right:3rem}.alert-dismissible .btn-close{position:absolute;top:0;right:0;z-index:2;padding:1.25rem 1rem}.alert-primary{--bs-alert-color:var(--bs-primary-text-emphasis);--bs-alert-bg:var(--bs-primary-bg-subtle);--bs-alert-border-color:var(--bs-primary-border-subtle);--bs-alert-link-color:var(--bs-primary-text-emphasis)}.alert-secondary{--bs-alert-color:var(--bs-secondary-text-emphasis);--bs-alert-bg:var(--bs-secondary-bg-subtle);--bs-alert-border-color:var(--bs-secondary-border-subtle);--bs-alert-link-color:var(--bs-secondary-text-emphasis)}.alert-success{--bs-alert-color:var(--bs-success-text-emphasis);--bs-alert-bg:var(--bs-success-bg-subtle);--bs-alert-border-color:var(--bs-success-border-subtle);--bs-alert-link-color:var(--bs-success-text-emphasis)}.alert-info{--bs-alert-color:var(--bs-info-text-emphasis);--bs-alert-bg:var(--bs-info-bg-subtle);--bs-alert-border-color:var(--bs-info-border-subtle);--bs-alert-link-color:var(--bs-info-text-emphasis)}.alert-warning{--bs-alert-color:var(--bs-warning-text-emphasis);--bs-alert-bg:var(--bs-warning-bg-subtle);--bs-alert-border-color:var(--bs-warning-border-subtle);--bs-alert-link-color:var(--bs-warning-text-emphasis)}.alert-danger{--bs-alert-color:var(--bs-danger-text-emphasis);--bs-alert-bg:var(--bs-danger-bg-subtle);--bs-alert-border-color:var(--bs-danger-border-subtle);--bs-alert-link-color:var(--bs-danger-text-emphasis)}.alert-light{--bs-alert-color:var(--bs-light-text-emphasis);--bs-alert-bg:var(--bs-light-bg-subtle);--bs-alert-border-color:var(--bs-light-border-subtle);--bs-alert-link-color:var(--bs-light-text-emphasis)}.alert-dark{--bs-alert-color:var(--bs-dark-text-emphasis);--bs-alert-bg:var(--bs-dark-bg-subtle);--bs-alert-border-color:var(--bs-dark-border-subtle);--bs-alert-link-color:var(--bs-dark-text-emphasis)}@keyframes progress-bar-stripes{0%{background-position-x:var(--bs-progress-height)}}.progress,.progress-stacked{--bs-progress-height:1rem;--bs-progress-font-size:0.75rem;--bs-progress-bg:var(--bs-secondary-bg);--bs-progress-border-radius:var(--bs-border-radius);--bs-progress-box-shadow:var(--bs-box-shadow-inset);--bs-progress-bar-color:#fff;--bs-progress-bar-bg:#0d6efd;--bs-progress-bar-transition:width 0.6s ease;display:flex;height:var(--bs-progress-height);overflow:hidden;font-size:var(--bs-progress-font-size);background-color:var(--bs-progress-bg);border-radius:var(--bs-progress-border-radius)}.progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:var(--bs-progress-bar-color);text-align:center;white-space:nowrap;background-color:var(--bs-progress-bar-bg);transition:var(--bs-progress-bar-transition)}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:var(--bs-progress-height) var(--bs-progress-height)}.progress-stacked>.progress{overflow:visible}.progress-stacked>.progress>.progress-bar{width:100%}.progress-bar-animated{animation:1s linear infinite progress-bar-stripes}@media (prefers-reduced-motion:reduce){.progress-bar-animated{animation:none}}.list-group{--bs-list-group-color:var(--bs-body-color);--bs-list-group-bg:var(--bs-body-bg);--bs-list-group-border-color:var(--bs-border-color);--bs-list-group-border-width:var(--bs-border-width);--bs-list-group-border-radius:var(--bs-border-radius);--bs-list-group-item-padding-x:1rem;--bs-list-group-item-padding-y:0.5rem;--bs-list-group-action-color:var(--bs-secondary-color);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-tertiary-bg);--bs-list-group-action-active-color:var(--bs-body-color);--bs-list-group-action-active-bg:var(--bs-secondary-bg);--bs-list-group-disabled-color:var(--bs-secondary-color);--bs-list-group-disabled-bg:var(--bs-body-bg);--bs-list-group-active-color:#fff;--bs-list-group-active-bg:#0d6efd;--bs-list-group-active-border-color:#0d6efd;display:flex;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:var(--bs-list-group-border-radius)}.list-group-numbered{list-style-type:none;counter-reset:section}.list-group-numbered>.list-group-item::before{content:counters(section, ".") ". ";counter-increment:section}.list-group-item{position:relative;display:block;padding:var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);color:var(--bs-list-group-color);text-decoration:none;background-color:var(--bs-list-group-bg);border:var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)}.list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.list-group-item.disabled,.list-group-item:disabled{color:var(--bs-list-group-disabled-color);pointer-events:none;background-color:var(--bs-list-group-disabled-bg)}.list-group-item.active{z-index:2;color:var(--bs-list-group-active-color);background-color:var(--bs-list-group-active-bg);border-color:var(--bs-list-group-active-border-color)}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{margin-top:calc(-1 * var(--bs-list-group-border-width));border-top-width:var(--bs-list-group-border-width)}.list-group-item-action{width:100%;color:var(--bs-list-group-action-color);text-align:inherit}.list-group-item-action:not(.active):focus,.list-group-item-action:not(.active):hover{z-index:1;color:var(--bs-list-group-action-hover-color);text-decoration:none;background-color:var(--bs-list-group-action-hover-bg)}.list-group-item-action:not(.active):active{color:var(--bs-list-group-action-active-color);background-color:var(--bs-list-group-action-active-bg)}.list-group-horizontal{flex-direction:row}.list-group-horizontal>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal>.list-group-item.active{margin-top:0}.list-group-horizontal>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}@media (min-width:576px){.list-group-horizontal-sm{flex-direction:row}.list-group-horizontal-sm>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-sm>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-sm>.list-group-item.active{margin-top:0}.list-group-horizontal-sm>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-sm>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:768px){.list-group-horizontal-md{flex-direction:row}.list-group-horizontal-md>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-md>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-md>.list-group-item.active{margin-top:0}.list-group-horizontal-md>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-md>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:992px){.list-group-horizontal-lg{flex-direction:row}.list-group-horizontal-lg>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-lg>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-lg>.list-group-item.active{margin-top:0}.list-group-horizontal-lg>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-lg>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:1200px){.list-group-horizontal-xl{flex-direction:row}.list-group-horizontal-xl>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-xl>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-xl>.list-group-item.active{margin-top:0}.list-group-horizontal-xl>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-xl>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:1400px){.list-group-horizontal-xxl{flex-direction:row}.list-group-horizontal-xxl>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-xxl>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-xxl>.list-group-item.active{margin-top:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}.list-group-flush{border-radius:0}.list-group-flush>.list-group-item{border-width:0 0 var(--bs-list-group-border-width)}.list-group-flush>.list-group-item:last-child{border-bottom-width:0}.list-group-item-primary{--bs-list-group-color:var(--bs-primary-text-emphasis);--bs-list-group-bg:var(--bs-primary-bg-subtle);--bs-list-group-border-color:var(--bs-primary-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-primary-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-primary-border-subtle);--bs-list-group-active-color:var(--bs-primary-bg-subtle);--bs-list-group-active-bg:var(--bs-primary-text-emphasis);--bs-list-group-active-border-color:var(--bs-primary-text-emphasis)}.list-group-item-secondary{--bs-list-group-color:var(--bs-secondary-text-emphasis);--bs-list-group-bg:var(--bs-secondary-bg-subtle);--bs-list-group-border-color:var(--bs-secondary-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-secondary-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-secondary-border-subtle);--bs-list-group-active-color:var(--bs-secondary-bg-subtle);--bs-list-group-active-bg:var(--bs-secondary-text-emphasis);--bs-list-group-active-border-color:var(--bs-secondary-text-emphasis)}.list-group-item-success{--bs-list-group-color:var(--bs-success-text-emphasis);--bs-list-group-bg:var(--bs-success-bg-subtle);--bs-list-group-border-color:var(--bs-success-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-success-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-success-border-subtle);--bs-list-group-active-color:var(--bs-success-bg-subtle);--bs-list-group-active-bg:var(--bs-success-text-emphasis);--bs-list-group-active-border-color:var(--bs-success-text-emphasis)}.list-group-item-info{--bs-list-group-color:var(--bs-info-text-emphasis);--bs-list-group-bg:var(--bs-info-bg-subtle);--bs-list-group-border-color:var(--bs-info-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-info-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-info-border-subtle);--bs-list-group-active-color:var(--bs-info-bg-subtle);--bs-list-group-active-bg:var(--bs-info-text-emphasis);--bs-list-group-active-border-color:var(--bs-info-text-emphasis)}.list-group-item-warning{--bs-list-group-color:var(--bs-warning-text-emphasis);--bs-list-group-bg:var(--bs-warning-bg-subtle);--bs-list-group-border-color:var(--bs-warning-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-warning-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-warning-border-subtle);--bs-list-group-active-color:var(--bs-warning-bg-subtle);--bs-list-group-active-bg:var(--bs-warning-text-emphasis);--bs-list-group-active-border-color:var(--bs-warning-text-emphasis)}.list-group-item-danger{--bs-list-group-color:var(--bs-danger-text-emphasis);--bs-list-group-bg:var(--bs-danger-bg-subtle);--bs-list-group-border-color:var(--bs-danger-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-danger-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-danger-border-subtle);--bs-list-group-active-color:var(--bs-danger-bg-subtle);--bs-list-group-active-bg:var(--bs-danger-text-emphasis);--bs-list-group-active-border-color:var(--bs-danger-text-emphasis)}.list-group-item-light{--bs-list-group-color:var(--bs-light-text-emphasis);--bs-list-group-bg:var(--bs-light-bg-subtle);--bs-list-group-border-color:var(--bs-light-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-light-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-light-border-subtle);--bs-list-group-active-color:var(--bs-light-bg-subtle);--bs-list-group-active-bg:var(--bs-light-text-emphasis);--bs-list-group-active-border-color:var(--bs-light-text-emphasis)}.list-group-item-dark{--bs-list-group-color:var(--bs-dark-text-emphasis);--bs-list-group-bg:var(--bs-dark-bg-subtle);--bs-list-group-border-color:var(--bs-dark-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-dark-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-dark-border-subtle);--bs-list-group-active-color:var(--bs-dark-bg-subtle);--bs-list-group-active-bg:var(--bs-dark-text-emphasis);--bs-list-group-active-border-color:var(--bs-dark-text-emphasis)}.btn-close{--bs-btn-close-color:#000;--bs-btn-close-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");--bs-btn-close-opacity:0.5;--bs-btn-close-hover-opacity:0.75;--bs-btn-close-focus-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-btn-close-focus-opacity:1;--bs-btn-close-disabled-opacity:0.25;box-sizing:content-box;width:1em;height:1em;padding:.25em .25em;color:var(--bs-btn-close-color);background:transparent var(--bs-btn-close-bg) center/1em auto no-repeat;filter:var(--bs-btn-close-filter);border:0;border-radius:.375rem;opacity:var(--bs-btn-close-opacity)}.btn-close:hover{color:var(--bs-btn-close-color);text-decoration:none;opacity:var(--bs-btn-close-hover-opacity)}.btn-close:focus{outline:0;box-shadow:var(--bs-btn-close-focus-shadow);opacity:var(--bs-btn-close-focus-opacity)}.btn-close.disabled,.btn-close:disabled{pointer-events:none;-webkit-user-select:none;user-select:none;opacity:var(--bs-btn-close-disabled-opacity)}.btn-close-white{--bs-btn-close-filter:invert(1) grayscale(100%) brightness(200%)}:root,[data-bs-theme=light]{--bs-btn-close-filter: }[data-bs-theme=dark]{--bs-btn-close-filter:invert(1) grayscale(100%) brightness(200%)}.toast{--bs-toast-zindex:1090;--bs-toast-padding-x:0.75rem;--bs-toast-padding-y:0.5rem;--bs-toast-spacing:1.5rem;--bs-toast-max-width:350px;--bs-toast-font-size:0.875rem;--bs-toast-color: ;--bs-toast-bg:rgba(var(--bs-body-bg-rgb), 0.85);--bs-toast-border-width:var(--bs-border-width);--bs-toast-border-color:var(--bs-border-color-translucent);--bs-toast-border-radius:var(--bs-border-radius);--bs-toast-box-shadow:var(--bs-box-shadow);--bs-toast-header-color:var(--bs-secondary-color);--bs-toast-header-bg:rgba(var(--bs-body-bg-rgb), 0.85);--bs-toast-header-border-color:var(--bs-border-color-translucent);width:var(--bs-toast-max-width);max-width:100%;font-size:var(--bs-toast-font-size);color:var(--bs-toast-color);pointer-events:auto;background-color:var(--bs-toast-bg);background-clip:padding-box;border:var(--bs-toast-border-width) solid var(--bs-toast-border-color);box-shadow:var(--bs-toast-box-shadow);border-radius:var(--bs-toast-border-radius)}.toast.showing{opacity:0}.toast:not(.show){display:none}.toast-container{--bs-toast-zindex:1090;position:absolute;z-index:var(--bs-toast-zindex);width:max-content;max-width:100%;pointer-events:none}.toast-container>:not(:last-child){margin-bottom:var(--bs-toast-spacing)}.toast-header{display:flex;align-items:center;padding:var(--bs-toast-padding-y) var(--bs-toast-padding-x);color:var(--bs-toast-header-color);background-color:var(--bs-toast-header-bg);background-clip:padding-box;border-bottom:var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);border-top-left-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));border-top-right-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width))}.toast-header .btn-close{margin-right:calc(-.5 * var(--bs-toast-padding-x));margin-left:var(--bs-toast-padding-x)}.toast-body{padding:var(--bs-toast-padding-x);word-wrap:break-word}.modal{--bs-modal-zindex:1055;--bs-modal-width:500px;--bs-modal-padding:1rem;--bs-modal-margin:0.5rem;--bs-modal-color:var(--bs-body-color);--bs-modal-bg:var(--bs-body-bg);--bs-modal-border-color:var(--bs-border-color-translucent);--bs-modal-border-width:var(--bs-border-width);--bs-modal-border-radius:var(--bs-border-radius-lg);--bs-modal-box-shadow:var(--bs-box-shadow-sm);--bs-modal-inner-border-radius:calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));--bs-modal-header-padding-x:1rem;--bs-modal-header-padding-y:1rem;--bs-modal-header-padding:1rem 1rem;--bs-modal-header-border-color:var(--bs-border-color);--bs-modal-header-border-width:var(--bs-border-width);--bs-modal-title-line-height:1.5;--bs-modal-footer-gap:0.5rem;--bs-modal-footer-bg: ;--bs-modal-footer-border-color:var(--bs-border-color);--bs-modal-footer-border-width:var(--bs-border-width);position:fixed;top:0;left:0;z-index:var(--bs-modal-zindex);display:none;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0}.modal-dialog{position:relative;width:auto;margin:var(--bs-modal-margin);pointer-events:none}.modal.fade .modal-dialog{transform:translate(0,-50px);transition:transform .3s ease-out}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{transform:none}.modal.modal-static .modal-dialog{transform:scale(1.02)}.modal-dialog-scrollable{height:calc(100% - var(--bs-modal-margin) * 2)}.modal-dialog-scrollable .modal-content{max-height:100%;overflow:hidden}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - var(--bs-modal-margin) * 2)}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;color:var(--bs-modal-color);pointer-events:auto;background-color:var(--bs-modal-bg);background-clip:padding-box;border:var(--bs-modal-border-width) solid var(--bs-modal-border-color);border-radius:var(--bs-modal-border-radius);outline:0}.modal-backdrop{--bs-backdrop-zindex:1050;--bs-backdrop-bg:#000;--bs-backdrop-opacity:0.5;position:fixed;top:0;left:0;z-index:var(--bs-backdrop-zindex);width:100vw;height:100vh;background-color:var(--bs-backdrop-bg)}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:var(--bs-backdrop-opacity)}.modal-header{display:flex;flex-shrink:0;align-items:center;padding:var(--bs-modal-header-padding);border-bottom:var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);border-top-left-radius:var(--bs-modal-inner-border-radius);border-top-right-radius:var(--bs-modal-inner-border-radius)}.modal-header .btn-close{padding:calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);margin-top:calc(-.5 * var(--bs-modal-header-padding-y));margin-right:calc(-.5 * var(--bs-modal-header-padding-x));margin-bottom:calc(-.5 * var(--bs-modal-header-padding-y));margin-left:auto}.modal-title{margin-bottom:0;line-height:var(--bs-modal-title-line-height)}.modal-body{position:relative;flex:1 1 auto;padding:var(--bs-modal-padding)}.modal-footer{display:flex;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding:calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);background-color:var(--bs-modal-footer-bg);border-top:var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);border-bottom-right-radius:var(--bs-modal-inner-border-radius);border-bottom-left-radius:var(--bs-modal-inner-border-radius)}.modal-footer>*{margin:calc(var(--bs-modal-footer-gap) * .5)}@media (min-width:576px){.modal{--bs-modal-margin:1.75rem;--bs-modal-box-shadow:var(--bs-box-shadow)}.modal-dialog{max-width:var(--bs-modal-width);margin-right:auto;margin-left:auto}.modal-sm{--bs-modal-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{--bs-modal-width:800px}}@media (min-width:1200px){.modal-xl{--bs-modal-width:1140px}}.modal-fullscreen{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen .modal-footer,.modal-fullscreen .modal-header{border-radius:0}.modal-fullscreen .modal-body{overflow-y:auto}@media (max-width:575.98px){.modal-fullscreen-sm-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-sm-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-sm-down .modal-footer,.modal-fullscreen-sm-down .modal-header{border-radius:0}.modal-fullscreen-sm-down .modal-body{overflow-y:auto}}@media (max-width:767.98px){.modal-fullscreen-md-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-md-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-md-down .modal-footer,.modal-fullscreen-md-down .modal-header{border-radius:0}.modal-fullscreen-md-down .modal-body{overflow-y:auto}}@media (max-width:991.98px){.modal-fullscreen-lg-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-lg-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-lg-down .modal-footer,.modal-fullscreen-lg-down .modal-header{border-radius:0}.modal-fullscreen-lg-down .modal-body{overflow-y:auto}}@media (max-width:1199.98px){.modal-fullscreen-xl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xl-down .modal-footer,.modal-fullscreen-xl-down .modal-header{border-radius:0}.modal-fullscreen-xl-down .modal-body{overflow-y:auto}}@media (max-width:1399.98px){.modal-fullscreen-xxl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xxl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xxl-down .modal-footer,.modal-fullscreen-xxl-down .modal-header{border-radius:0}.modal-fullscreen-xxl-down .modal-body{overflow-y:auto}}.tooltip{--bs-tooltip-zindex:1080;--bs-tooltip-max-width:200px;--bs-tooltip-padding-x:0.5rem;--bs-tooltip-padding-y:0.25rem;--bs-tooltip-margin: ;--bs-tooltip-font-size:0.875rem;--bs-tooltip-color:var(--bs-body-bg);--bs-tooltip-bg:var(--bs-emphasis-color);--bs-tooltip-border-radius:var(--bs-border-radius);--bs-tooltip-opacity:0.9;--bs-tooltip-arrow-width:0.8rem;--bs-tooltip-arrow-height:0.4rem;z-index:var(--bs-tooltip-zindex);display:block;margin:var(--bs-tooltip-margin);font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--bs-tooltip-font-size);word-wrap:break-word;opacity:0}.tooltip.show{opacity:var(--bs-tooltip-opacity)}.tooltip .tooltip-arrow{display:block;width:var(--bs-tooltip-arrow-width);height:var(--bs-tooltip-arrow-height)}.tooltip .tooltip-arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,.bs-tooltip-top .tooltip-arrow{bottom:calc(-1 * var(--bs-tooltip-arrow-height))}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,.bs-tooltip-top .tooltip-arrow::before{top:-1px;border-width:var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;border-top-color:var(--bs-tooltip-bg)}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,.bs-tooltip-end .tooltip-arrow{left:calc(-1 * var(--bs-tooltip-arrow-height));width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,.bs-tooltip-end .tooltip-arrow::before{right:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;border-right-color:var(--bs-tooltip-bg)}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,.bs-tooltip-bottom .tooltip-arrow{top:calc(-1 * var(--bs-tooltip-arrow-height))}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,.bs-tooltip-bottom .tooltip-arrow::before{bottom:-1px;border-width:0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);border-bottom-color:var(--bs-tooltip-bg)}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,.bs-tooltip-start .tooltip-arrow{right:calc(-1 * var(--bs-tooltip-arrow-height));width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,.bs-tooltip-start .tooltip-arrow::before{left:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);border-left-color:var(--bs-tooltip-bg)}.tooltip-inner{max-width:var(--bs-tooltip-max-width);padding:var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);color:var(--bs-tooltip-color);text-align:center;background-color:var(--bs-tooltip-bg);border-radius:var(--bs-tooltip-border-radius)}.popover{--bs-popover-zindex:1070;--bs-popover-max-width:276px;--bs-popover-font-size:0.875rem;--bs-popover-bg:var(--bs-body-bg);--bs-popover-border-width:var(--bs-border-width);--bs-popover-border-color:var(--bs-border-color-translucent);--bs-popover-border-radius:var(--bs-border-radius-lg);--bs-popover-inner-border-radius:calc(var(--bs-border-radius-lg) - var(--bs-border-width));--bs-popover-box-shadow:var(--bs-box-shadow);--bs-popover-header-padding-x:1rem;--bs-popover-header-padding-y:0.5rem;--bs-popover-header-font-size:1rem;--bs-popover-header-color:inherit;--bs-popover-header-bg:var(--bs-secondary-bg);--bs-popover-body-padding-x:1rem;--bs-popover-body-padding-y:1rem;--bs-popover-body-color:var(--bs-body-color);--bs-popover-arrow-width:1rem;--bs-popover-arrow-height:0.5rem;--bs-popover-arrow-border:var(--bs-popover-border-color);z-index:var(--bs-popover-zindex);display:block;max-width:var(--bs-popover-max-width);font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--bs-popover-font-size);word-wrap:break-word;background-color:var(--bs-popover-bg);background-clip:padding-box;border:var(--bs-popover-border-width) solid var(--bs-popover-border-color);border-radius:var(--bs-popover-border-radius)}.popover .popover-arrow{display:block;width:var(--bs-popover-arrow-width);height:var(--bs-popover-arrow-height)}.popover .popover-arrow::after,.popover .popover-arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid;border-width:0}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow,.bs-popover-top>.popover-arrow{bottom:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::after,.bs-popover-top>.popover-arrow::before{border-width:var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::before{bottom:0;border-top-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,.bs-popover-top>.popover-arrow::after{bottom:var(--bs-popover-border-width);border-top-color:var(--bs-popover-bg)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow,.bs-popover-end>.popover-arrow{left:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));width:var(--bs-popover-arrow-height);height:var(--bs-popover-arrow-width)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,.bs-popover-end>.popover-arrow::after,.bs-popover-end>.popover-arrow::before{border-width:calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,.bs-popover-end>.popover-arrow::before{left:0;border-right-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,.bs-popover-end>.popover-arrow::after{left:var(--bs-popover-border-width);border-right-color:var(--bs-popover-bg)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,.bs-popover-bottom>.popover-arrow{top:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::after,.bs-popover-bottom>.popover-arrow::before{border-width:0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::before{top:0;border-bottom-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,.bs-popover-bottom>.popover-arrow::after{top:var(--bs-popover-border-width);border-bottom-color:var(--bs-popover-bg)}.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:var(--bs-popover-arrow-width);margin-left:calc(-.5 * var(--bs-popover-arrow-width));content:"";border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-header-bg)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow,.bs-popover-start>.popover-arrow{right:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));width:var(--bs-popover-arrow-height);height:var(--bs-popover-arrow-width)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,.bs-popover-start>.popover-arrow::after,.bs-popover-start>.popover-arrow::before{border-width:calc(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,.bs-popover-start>.popover-arrow::before{right:0;border-left-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,.bs-popover-start>.popover-arrow::after{right:var(--bs-popover-border-width);border-left-color:var(--bs-popover-bg)}.popover-header{padding:var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);margin-bottom:0;font-size:var(--bs-popover-header-font-size);color:var(--bs-popover-header-color);background-color:var(--bs-popover-header-bg);border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-border-color);border-top-left-radius:var(--bs-popover-inner-border-radius);border-top-right-radius:var(--bs-popover-inner-border-radius)}.popover-header:empty{display:none}.popover-body{padding:var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);color:var(--bs-popover-body-color)}.carousel{position:relative}.carousel.pointer-event{touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner::after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;backface-visibility:hidden;transition:transform .6s ease-in-out}@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-end,.carousel-item-next:not(.carousel-item-start){transform:translateX(100%)}.active.carousel-item-start,.carousel-item-prev:not(.carousel-item-end){transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;transform:none}.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{z-index:0;opacity:0;transition:opacity 0s .6s}@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{transition:none}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;width:15%;padding:0;color:#fff;text-align:center;background:0 0;filter:var(--bs-carousel-control-icon-filter);border:0;opacity:.5;transition:opacity .15s ease}@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:2rem;height:2rem;background-repeat:no-repeat;background-position:50%;background-size:100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;justify-content:center;padding:0;margin-right:15%;margin-bottom:1rem;margin-left:15%}.carousel-indicators [data-bs-target]{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;padding:0;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:var(--bs-carousel-indicator-active-bg);background-clip:padding-box;border:0;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators [data-bs-target]{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:1.25rem;left:15%;padding-top:1.25rem;padding-bottom:1.25rem;color:var(--bs-carousel-caption-color);text-align:center}.carousel-dark{--bs-carousel-indicator-active-bg:#000;--bs-carousel-caption-color:#000;--bs-carousel-control-icon-filter:invert(1) grayscale(100)}:root,[data-bs-theme=light]{--bs-carousel-indicator-active-bg:#fff;--bs-carousel-caption-color:#fff;--bs-carousel-control-icon-filter: }[data-bs-theme=dark]{--bs-carousel-indicator-active-bg:#000;--bs-carousel-caption-color:#000;--bs-carousel-control-icon-filter:invert(1) grayscale(100)}.spinner-border,.spinner-grow{display:inline-block;flex-shrink:0;width:var(--bs-spinner-width);height:var(--bs-spinner-height);vertical-align:var(--bs-spinner-vertical-align);border-radius:50%;animation:var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)}@keyframes spinner-border{to{transform:rotate(360deg)}}.spinner-border{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-border-width:0.25em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-border;border:var(--bs-spinner-border-width) solid currentcolor;border-right-color:transparent}.spinner-border-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem;--bs-spinner-border-width:0.2em}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.spinner-grow{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-grow;background-color:currentcolor;opacity:0}.spinner-grow-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem}@media (prefers-reduced-motion:reduce){.spinner-border,.spinner-grow{--bs-spinner-animation-speed:1.5s}}.offcanvas,.offcanvas-lg,.offcanvas-md,.offcanvas-sm,.offcanvas-xl,.offcanvas-xxl{--bs-offcanvas-zindex:1045;--bs-offcanvas-width:400px;--bs-offcanvas-height:30vh;--bs-offcanvas-padding-x:1rem;--bs-offcanvas-padding-y:1rem;--bs-offcanvas-color:var(--bs-body-color);--bs-offcanvas-bg:var(--bs-body-bg);--bs-offcanvas-border-width:var(--bs-border-width);--bs-offcanvas-border-color:var(--bs-border-color-translucent);--bs-offcanvas-box-shadow:var(--bs-box-shadow-sm);--bs-offcanvas-transition:transform 0.3s ease-in-out;--bs-offcanvas-title-line-height:1.5}@media (max-width:575.98px){.offcanvas-sm{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:575.98px) and (prefers-reduced-motion:reduce){.offcanvas-sm{transition:none}}@media (max-width:575.98px){.offcanvas-sm.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-sm.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-sm.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-sm.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-sm.show:not(.hiding),.offcanvas-sm.showing{transform:none}.offcanvas-sm.hiding,.offcanvas-sm.show,.offcanvas-sm.showing{visibility:visible}}@media (min-width:576px){.offcanvas-sm{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-sm .offcanvas-header{display:none}.offcanvas-sm .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:767.98px){.offcanvas-md{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:767.98px) and (prefers-reduced-motion:reduce){.offcanvas-md{transition:none}}@media (max-width:767.98px){.offcanvas-md.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-md.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-md.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-md.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-md.show:not(.hiding),.offcanvas-md.showing{transform:none}.offcanvas-md.hiding,.offcanvas-md.show,.offcanvas-md.showing{visibility:visible}}@media (min-width:768px){.offcanvas-md{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-md .offcanvas-header{display:none}.offcanvas-md .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:991.98px){.offcanvas-lg{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:991.98px) and (prefers-reduced-motion:reduce){.offcanvas-lg{transition:none}}@media (max-width:991.98px){.offcanvas-lg.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-lg.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-lg.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-lg.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-lg.show:not(.hiding),.offcanvas-lg.showing{transform:none}.offcanvas-lg.hiding,.offcanvas-lg.show,.offcanvas-lg.showing{visibility:visible}}@media (min-width:992px){.offcanvas-lg{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-lg .offcanvas-header{display:none}.offcanvas-lg .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:1199.98px){.offcanvas-xl{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:1199.98px) and (prefers-reduced-motion:reduce){.offcanvas-xl{transition:none}}@media (max-width:1199.98px){.offcanvas-xl.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-xl.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-xl.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-xl.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-xl.show:not(.hiding),.offcanvas-xl.showing{transform:none}.offcanvas-xl.hiding,.offcanvas-xl.show,.offcanvas-xl.showing{visibility:visible}}@media (min-width:1200px){.offcanvas-xl{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-xl .offcanvas-header{display:none}.offcanvas-xl .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:1399.98px){.offcanvas-xxl{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:1399.98px) and (prefers-reduced-motion:reduce){.offcanvas-xxl{transition:none}}@media (max-width:1399.98px){.offcanvas-xxl.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-xxl.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-xxl.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-xxl.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-xxl.show:not(.hiding),.offcanvas-xxl.showing{transform:none}.offcanvas-xxl.hiding,.offcanvas-xxl.show,.offcanvas-xxl.showing{visibility:visible}}@media (min-width:1400px){.offcanvas-xxl{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-xxl .offcanvas-header{display:none}.offcanvas-xxl .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}.offcanvas{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}@media (prefers-reduced-motion:reduce){.offcanvas{transition:none}}.offcanvas.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas.show:not(.hiding),.offcanvas.showing{transform:none}.offcanvas.hiding,.offcanvas.show,.offcanvas.showing{visibility:visible}.offcanvas-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.offcanvas-backdrop.fade{opacity:0}.offcanvas-backdrop.show{opacity:.5}.offcanvas-header{display:flex;align-items:center;padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)}.offcanvas-header .btn-close{padding:calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5);margin-top:calc(-.5 * var(--bs-offcanvas-padding-y));margin-right:calc(-.5 * var(--bs-offcanvas-padding-x));margin-bottom:calc(-.5 * var(--bs-offcanvas-padding-y));margin-left:auto}.offcanvas-title{margin-bottom:0;line-height:var(--bs-offcanvas-title-line-height)}.offcanvas-body{flex-grow:1;padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);overflow-y:auto}.placeholder{display:inline-block;min-height:1em;vertical-align:middle;cursor:wait;background-color:currentcolor;opacity:.5}.placeholder.btn::before{display:inline-block;content:""}.placeholder-xs{min-height:.6em}.placeholder-sm{min-height:.8em}.placeholder-lg{min-height:1.2em}.placeholder-glow .placeholder{animation:placeholder-glow 2s ease-in-out infinite}@keyframes placeholder-glow{50%{opacity:.2}}.placeholder-wave{mask-image:linear-gradient(130deg,#000 55%,rgba(0,0,0,0.8) 75%,#000 95%);mask-size:200% 100%;animation:placeholder-wave 2s linear infinite}@keyframes placeholder-wave{100%{mask-position:-200% 0%}}.clearfix::after{display:block;clear:both;content:""}.text-bg-primary{color:#fff!important;background-color:RGBA(var(--bs-primary-rgb),var(--bs-bg-opacity,1))!important}.text-bg-secondary{color:#fff!important;background-color:RGBA(var(--bs-secondary-rgb),var(--bs-bg-opacity,1))!important}.text-bg-success{color:#fff!important;background-color:RGBA(var(--bs-success-rgb),var(--bs-bg-opacity,1))!important}.text-bg-info{color:#000!important;background-color:RGBA(var(--bs-info-rgb),var(--bs-bg-opacity,1))!important}.text-bg-warning{color:#000!important;background-color:RGBA(var(--bs-warning-rgb),var(--bs-bg-opacity,1))!important}.text-bg-danger{color:#fff!important;background-color:RGBA(var(--bs-danger-rgb),var(--bs-bg-opacity,1))!important}.text-bg-light{color:#000!important;background-color:RGBA(var(--bs-light-rgb),var(--bs-bg-opacity,1))!important}.text-bg-dark{color:#fff!important;background-color:RGBA(var(--bs-dark-rgb),var(--bs-bg-opacity,1))!important}.link-primary{color:RGBA(var(--bs-primary-rgb),var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(var(--bs-primary-rgb),var(--bs-link-underline-opacity,1))!important}.link-primary:focus,.link-primary:hover{color:RGBA(10,88,202,var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(10,88,202,var(--bs-link-underline-opacity,1))!important}.link-secondary{color:RGBA(var(--bs-secondary-rgb),var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(var(--bs-secondary-rgb),var(--bs-link-underline-opacity,1))!important}.link-secondary:focus,.link-secondary:hover{color:RGBA(86,94,100,var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(86,94,100,var(--bs-link-underline-opacity,1))!important}.link-success{color:RGBA(var(--bs-success-rgb),var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(var(--bs-success-rgb),var(--bs-link-underline-opacity,1))!important}.link-success:focus,.link-success:hover{color:RGBA(20,108,67,var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(20,108,67,var(--bs-link-underline-opacity,1))!important}.link-info{color:RGBA(var(--bs-info-rgb),var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(var(--bs-info-rgb),var(--bs-link-underline-opacity,1))!important}.link-info:focus,.link-info:hover{color:RGBA(61,213,243,var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(61,213,243,var(--bs-link-underline-opacity,1))!important}.link-warning{color:RGBA(var(--bs-warning-rgb),var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(var(--bs-warning-rgb),var(--bs-link-underline-opacity,1))!important}.link-warning:focus,.link-warning:hover{color:RGBA(255,205,57,var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(255,205,57,var(--bs-link-underline-opacity,1))!important}.link-danger{color:RGBA(var(--bs-danger-rgb),var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(var(--bs-danger-rgb),var(--bs-link-underline-opacity,1))!important}.link-danger:focus,.link-danger:hover{color:RGBA(176,42,55,var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(176,42,55,var(--bs-link-underline-opacity,1))!important}.link-light{color:RGBA(var(--bs-light-rgb),var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(var(--bs-light-rgb),var(--bs-link-underline-opacity,1))!important}.link-light:focus,.link-light:hover{color:RGBA(249,250,251,var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(249,250,251,var(--bs-link-underline-opacity,1))!important}.link-dark{color:RGBA(var(--bs-dark-rgb),var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(var(--bs-dark-rgb),var(--bs-link-underline-opacity,1))!important}.link-dark:focus,.link-dark:hover{color:RGBA(26,30,33,var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(26,30,33,var(--bs-link-underline-opacity,1))!important}.link-body-emphasis{color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,1))!important}.link-body-emphasis:focus,.link-body-emphasis:hover{color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity,.75))!important;text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,0.75))!important}.focus-ring:focus{outline:0;box-shadow:var(--bs-focus-ring-x,0) var(--bs-focus-ring-y,0) var(--bs-focus-ring-blur,0) var(--bs-focus-ring-width) var(--bs-focus-ring-color)}.icon-link{display:inline-flex;gap:.375rem;align-items:center;text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,0.5));text-underline-offset:0.25em;backface-visibility:hidden}.icon-link>.bi{flex-shrink:0;width:1em;height:1em;fill:currentcolor;transition:.2s ease-in-out transform}@media (prefers-reduced-motion:reduce){.icon-link>.bi{transition:none}}.icon-link-hover:focus-visible>.bi,.icon-link-hover:hover>.bi{transform:var(--bs-icon-link-transform,translate3d(.25em,0,0))}.ratio{position:relative;width:100%}.ratio::before{display:block;padding-top:var(--bs-aspect-ratio);content:""}.ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}.ratio-1x1{--bs-aspect-ratio:100%}.ratio-4x3{--bs-aspect-ratio:75%}.ratio-16x9{--bs-aspect-ratio:56.25%}.ratio-21x9{--bs-aspect-ratio:42.8571428571%}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}.sticky-top{position:sticky;top:0;z-index:1020}.sticky-bottom{position:sticky;bottom:0;z-index:1020}@media (min-width:576px){.sticky-sm-top{position:sticky;top:0;z-index:1020}.sticky-sm-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width:768px){.sticky-md-top{position:sticky;top:0;z-index:1020}.sticky-md-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width:992px){.sticky-lg-top{position:sticky;top:0;z-index:1020}.sticky-lg-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width:1200px){.sticky-xl-top{position:sticky;top:0;z-index:1020}.sticky-xl-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width:1400px){.sticky-xxl-top{position:sticky;top:0;z-index:1020}.sticky-xxl-bottom{position:sticky;bottom:0;z-index:1020}}.hstack{display:flex;flex-direction:row;align-items:center;align-self:stretch}.vstack{display:flex;flex:1 1 auto;flex-direction:column;align-self:stretch}.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption),.visually-hidden:not(caption){position:absolute!important}.visually-hidden *,.visually-hidden-focusable:not(:focus):not(:focus-within) *{overflow:hidden!important}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:""}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vr{display:inline-block;align-self:stretch;width:var(--bs-border-width);min-height:1em;background-color:currentcolor;opacity:.25}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.float-start{float:left!important}.float-end{float:right!important}.float-none{float:none!important}.object-fit-contain{object-fit:contain!important}.object-fit-cover{object-fit:cover!important}.object-fit-fill{object-fit:fill!important}.object-fit-scale{object-fit:scale-down!important}.object-fit-none{object-fit:none!important}.opacity-0{opacity:0!important}.opacity-25{opacity:.25!important}.opacity-50{opacity:.5!important}.opacity-75{opacity:.75!important}.opacity-100{opacity:1!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-visible{overflow:visible!important}.overflow-scroll{overflow:scroll!important}.overflow-x-auto{overflow-x:auto!important}.overflow-x-hidden{overflow-x:hidden!important}.overflow-x-visible{overflow-x:visible!important}.overflow-x-scroll{overflow-x:scroll!important}.overflow-y-auto{overflow-y:auto!important}.overflow-y-hidden{overflow-y:hidden!important}.overflow-y-visible{overflow-y:visible!important}.overflow-y-scroll{overflow-y:scroll!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-grid{display:grid!important}.d-inline-grid{display:inline-grid!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-none{display:none!important}.shadow{box-shadow:var(--bs-box-shadow)!important}.shadow-sm{box-shadow:var(--bs-box-shadow-sm)!important}.shadow-lg{box-shadow:var(--bs-box-shadow-lg)!important}.shadow-none{box-shadow:none!important}.focus-ring-primary{--bs-focus-ring-color:rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity))}.focus-ring-secondary{--bs-focus-ring-color:rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity))}.focus-ring-success{--bs-focus-ring-color:rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity))}.focus-ring-info{--bs-focus-ring-color:rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity))}.focus-ring-warning{--bs-focus-ring-color:rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity))}.focus-ring-danger{--bs-focus-ring-color:rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity))}.focus-ring-light{--bs-focus-ring-color:rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity))}.focus-ring-dark{--bs-focus-ring-color:rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity))}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:sticky!important}.top-0{top:0!important}.top-50{top:50%!important}.top-100{top:100%!important}.bottom-0{bottom:0!important}.bottom-50{bottom:50%!important}.bottom-100{bottom:100%!important}.start-0{left:0!important}.start-50{left:50%!important}.start-100{left:100%!important}.end-0{right:0!important}.end-50{right:50%!important}.end-100{right:100%!important}.translate-middle{transform:translate(-50%,-50%)!important}.translate-middle-x{transform:translateX(-50%)!important}.translate-middle-y{transform:translateY(-50%)!important}.border{border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-0{border:0!important}.border-top{border-top:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-top-0{border-top:0!important}.border-end{border-right:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-end-0{border-right:0!important}.border-bottom{border-bottom:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-bottom-0{border-bottom:0!important}.border-start{border-left:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-start-0{border-left:0!important}.border-primary{--bs-border-opacity:1;border-color:rgba(var(--bs-primary-rgb),var(--bs-border-opacity))!important}.border-secondary{--bs-border-opacity:1;border-color:rgba(var(--bs-secondary-rgb),var(--bs-border-opacity))!important}.border-success{--bs-border-opacity:1;border-color:rgba(var(--bs-success-rgb),var(--bs-border-opacity))!important}.border-info{--bs-border-opacity:1;border-color:rgba(var(--bs-info-rgb),var(--bs-border-opacity))!important}.border-warning{--bs-border-opacity:1;border-color:rgba(var(--bs-warning-rgb),var(--bs-border-opacity))!important}.border-danger{--bs-border-opacity:1;border-color:rgba(var(--bs-danger-rgb),var(--bs-border-opacity))!important}.border-light{--bs-border-opacity:1;border-color:rgba(var(--bs-light-rgb),var(--bs-border-opacity))!important}.border-dark{--bs-border-opacity:1;border-color:rgba(var(--bs-dark-rgb),var(--bs-border-opacity))!important}.border-black{--bs-border-opacity:1;border-color:rgba(var(--bs-black-rgb),var(--bs-border-opacity))!important}.border-white{--bs-border-opacity:1;border-color:rgba(var(--bs-white-rgb),var(--bs-border-opacity))!important}.border-primary-subtle{border-color:var(--bs-primary-border-subtle)!important}.border-secondary-subtle{border-color:var(--bs-secondary-border-subtle)!important}.border-success-subtle{border-color:var(--bs-success-border-subtle)!important}.border-info-subtle{border-color:var(--bs-info-border-subtle)!important}.border-warning-subtle{border-color:var(--bs-warning-border-subtle)!important}.border-danger-subtle{border-color:var(--bs-danger-border-subtle)!important}.border-light-subtle{border-color:var(--bs-light-border-subtle)!important}.border-dark-subtle{border-color:var(--bs-dark-border-subtle)!important}.border-1{border-width:1px!important}.border-2{border-width:2px!important}.border-3{border-width:3px!important}.border-4{border-width:4px!important}.border-5{border-width:5px!important}.border-opacity-10{--bs-border-opacity:0.1}.border-opacity-25{--bs-border-opacity:0.25}.border-opacity-50{--bs-border-opacity:0.5}.border-opacity-75{--bs-border-opacity:0.75}.border-opacity-100{--bs-border-opacity:1}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.mw-100{max-width:100%!important}.vw-100{width:100vw!important}.min-vw-100{min-width:100vw!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mh-100{max-height:100%!important}.vh-100{height:100vh!important}.min-vh-100{min-height:100vh!important}.flex-fill{flex:1 1 auto!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.justify-content-evenly{justify-content:space-evenly!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.order-first{order:-1!important}.order-0{order:0!important}.order-1{order:1!important}.order-2{order:2!important}.order-3{order:3!important}.order-4{order:4!important}.order-5{order:5!important}.order-last{order:6!important}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.m-auto{margin:auto!important}.mx-0{margin-right:0!important;margin-left:0!important}.mx-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-3{margin-right:1rem!important;margin-left:1rem!important}.mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-5{margin-right:3rem!important;margin-left:3rem!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mt-auto{margin-top:auto!important}.me-0{margin-right:0!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}.me-3{margin-right:1rem!important}.me-4{margin-right:1.5rem!important}.me-5{margin-right:3rem!important}.me-auto{margin-right:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.mb-auto{margin-bottom:auto!important}.ms-0{margin-left:0!important}.ms-1{margin-left:.25rem!important}.ms-2{margin-left:.5rem!important}.ms-3{margin-left:1rem!important}.ms-4{margin-left:1.5rem!important}.ms-5{margin-left:3rem!important}.ms-auto{margin-left:auto!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.px-0{padding-right:0!important;padding-left:0!important}.px-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-5{padding-right:3rem!important;padding-left:3rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pt-5{padding-top:3rem!important}.pe-0{padding-right:0!important}.pe-1{padding-right:.25rem!important}.pe-2{padding-right:.5rem!important}.pe-3{padding-right:1rem!important}.pe-4{padding-right:1.5rem!important}.pe-5{padding-right:3rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:3rem!important}.ps-0{padding-left:0!important}.ps-1{padding-left:.25rem!important}.ps-2{padding-left:.5rem!important}.ps-3{padding-left:1rem!important}.ps-4{padding-left:1.5rem!important}.ps-5{padding-left:3rem!important}.gap-0{gap:0!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.gap-3{gap:1rem!important}.gap-4{gap:1.5rem!important}.gap-5{gap:3rem!important}.row-gap-0{row-gap:0!important}.row-gap-1{row-gap:.25rem!important}.row-gap-2{row-gap:.5rem!important}.row-gap-3{row-gap:1rem!important}.row-gap-4{row-gap:1.5rem!important}.row-gap-5{row-gap:3rem!important}.column-gap-0{column-gap:0!important}.column-gap-1{column-gap:.25rem!important}.column-gap-2{column-gap:.5rem!important}.column-gap-3{column-gap:1rem!important}.column-gap-4{column-gap:1.5rem!important}.column-gap-5{column-gap:3rem!important}.font-monospace{font-family:var(--bs-font-monospace)!important}.fs-1{font-size:calc(1.375rem + 1.5vw)!important}.fs-2{font-size:calc(1.325rem + .9vw)!important}.fs-3{font-size:calc(1.3rem + .6vw)!important}.fs-4{font-size:calc(1.275rem + .3vw)!important}.fs-5{font-size:1.25rem!important}.fs-6{font-size:1rem!important}.fst-italic{font-style:italic!important}.fst-normal{font-style:normal!important}.fw-lighter{font-weight:lighter!important}.fw-light{font-weight:300!important}.fw-normal{font-weight:400!important}.fw-medium{font-weight:500!important}.fw-semibold{font-weight:600!important}.fw-bold{font-weight:700!important}.fw-bolder{font-weight:bolder!important}.lh-1{line-height:1!important}.lh-sm{line-height:1.25!important}.lh-base{line-height:1.5!important}.lh-lg{line-height:2!important}.text-start{text-align:left!important}.text-end{text-align:right!important}.text-center{text-align:center!important}.text-decoration-none{text-decoration:none!important}.text-decoration-underline{text-decoration:underline!important}.text-decoration-line-through{text-decoration:line-through!important}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-break{word-wrap:break-word!important;word-break:break-word!important}.text-primary{--bs-text-opacity:1;color:rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important}.text-secondary{--bs-text-opacity:1;color:rgba(var(--bs-secondary-rgb),var(--bs-text-opacity))!important}.text-success{--bs-text-opacity:1;color:rgba(var(--bs-success-rgb),var(--bs-text-opacity))!important}.text-info{--bs-text-opacity:1;color:rgba(var(--bs-info-rgb),var(--bs-text-opacity))!important}.text-warning{--bs-text-opacity:1;color:rgba(var(--bs-warning-rgb),var(--bs-text-opacity))!important}.text-danger{--bs-text-opacity:1;color:rgba(var(--bs-danger-rgb),var(--bs-text-opacity))!important}.text-light{--bs-text-opacity:1;color:rgba(var(--bs-light-rgb),var(--bs-text-opacity))!important}.text-dark{--bs-text-opacity:1;color:rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important}.text-black{--bs-text-opacity:1;color:rgba(var(--bs-black-rgb),var(--bs-text-opacity))!important}.text-white{--bs-text-opacity:1;color:rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important}.text-body{--bs-text-opacity:1;color:rgba(var(--bs-body-color-rgb),var(--bs-text-opacity))!important}.text-muted{--bs-text-opacity:1;color:var(--bs-secondary-color)!important}.text-black-50{--bs-text-opacity:1;color:rgba(0,0,0,.5)!important}.text-white-50{--bs-text-opacity:1;color:rgba(255,255,255,.5)!important}.text-body-secondary{--bs-text-opacity:1;color:var(--bs-secondary-color)!important}.text-body-tertiary{--bs-text-opacity:1;color:var(--bs-tertiary-color)!important}.text-body-emphasis{--bs-text-opacity:1;color:var(--bs-emphasis-color)!important}.text-reset{--bs-text-opacity:1;color:inherit!important}.text-opacity-25{--bs-text-opacity:0.25}.text-opacity-50{--bs-text-opacity:0.5}.text-opacity-75{--bs-text-opacity:0.75}.text-opacity-100{--bs-text-opacity:1}.text-primary-emphasis{color:var(--bs-primary-text-emphasis)!important}.text-secondary-emphasis{color:var(--bs-secondary-text-emphasis)!important}.text-success-emphasis{color:var(--bs-success-text-emphasis)!important}.text-info-emphasis{color:var(--bs-info-text-emphasis)!important}.text-warning-emphasis{color:var(--bs-warning-text-emphasis)!important}.text-danger-emphasis{color:var(--bs-danger-text-emphasis)!important}.text-light-emphasis{color:var(--bs-light-text-emphasis)!important}.text-dark-emphasis{color:var(--bs-dark-text-emphasis)!important}.link-opacity-10{--bs-link-opacity:0.1}.link-opacity-10-hover:hover{--bs-link-opacity:0.1}.link-opacity-25{--bs-link-opacity:0.25}.link-opacity-25-hover:hover{--bs-link-opacity:0.25}.link-opacity-50{--bs-link-opacity:0.5}.link-opacity-50-hover:hover{--bs-link-opacity:0.5}.link-opacity-75{--bs-link-opacity:0.75}.link-opacity-75-hover:hover{--bs-link-opacity:0.75}.link-opacity-100{--bs-link-opacity:1}.link-opacity-100-hover:hover{--bs-link-opacity:1}.link-offset-1{text-underline-offset:0.125em!important}.link-offset-1-hover:hover{text-underline-offset:0.125em!important}.link-offset-2{text-underline-offset:0.25em!important}.link-offset-2-hover:hover{text-underline-offset:0.25em!important}.link-offset-3{text-underline-offset:0.375em!important}.link-offset-3-hover:hover{text-underline-offset:0.375em!important}.link-underline-primary{--bs-link-underline-opacity:1;text-decoration-color:rgba(var(--bs-primary-rgb),var(--bs-link-underline-opacity))!important}.link-underline-secondary{--bs-link-underline-opacity:1;text-decoration-color:rgba(var(--bs-secondary-rgb),var(--bs-link-underline-opacity))!important}.link-underline-success{--bs-link-underline-opacity:1;text-decoration-color:rgba(var(--bs-success-rgb),var(--bs-link-underline-opacity))!important}.link-underline-info{--bs-link-underline-opacity:1;text-decoration-color:rgba(var(--bs-info-rgb),var(--bs-link-underline-opacity))!important}.link-underline-warning{--bs-link-underline-opacity:1;text-decoration-color:rgba(var(--bs-warning-rgb),var(--bs-link-underline-opacity))!important}.link-underline-danger{--bs-link-underline-opacity:1;text-decoration-color:rgba(var(--bs-danger-rgb),var(--bs-link-underline-opacity))!important}.link-underline-light{--bs-link-underline-opacity:1;text-decoration-color:rgba(var(--bs-light-rgb),var(--bs-link-underline-opacity))!important}.link-underline-dark{--bs-link-underline-opacity:1;text-decoration-color:rgba(var(--bs-dark-rgb),var(--bs-link-underline-opacity))!important}.link-underline{--bs-link-underline-opacity:1;text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-underline-opacity,1))!important}.link-underline-opacity-0{--bs-link-underline-opacity:0}.link-underline-opacity-0-hover:hover{--bs-link-underline-opacity:0}.link-underline-opacity-10{--bs-link-underline-opacity:0.1}.link-underline-opacity-10-hover:hover{--bs-link-underline-opacity:0.1}.link-underline-opacity-25{--bs-link-underline-opacity:0.25}.link-underline-opacity-25-hover:hover{--bs-link-underline-opacity:0.25}.link-underline-opacity-50{--bs-link-underline-opacity:0.5}.link-underline-opacity-50-hover:hover{--bs-link-underline-opacity:0.5}.link-underline-opacity-75{--bs-link-underline-opacity:0.75}.link-underline-opacity-75-hover:hover{--bs-link-underline-opacity:0.75}.link-underline-opacity-100{--bs-link-underline-opacity:1}.link-underline-opacity-100-hover:hover{--bs-link-underline-opacity:1}.bg-primary{--bs-bg-opacity:1;background-color:rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important}.bg-secondary{--bs-bg-opacity:1;background-color:rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity))!important}.bg-success{--bs-bg-opacity:1;background-color:rgba(var(--bs-success-rgb),var(--bs-bg-opacity))!important}.bg-info{--bs-bg-opacity:1;background-color:rgba(var(--bs-info-rgb),var(--bs-bg-opacity))!important}.bg-warning{--bs-bg-opacity:1;background-color:rgba(var(--bs-warning-rgb),var(--bs-bg-opacity))!important}.bg-danger{--bs-bg-opacity:1;background-color:rgba(var(--bs-danger-rgb),var(--bs-bg-opacity))!important}.bg-light{--bs-bg-opacity:1;background-color:rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important}.bg-dark{--bs-bg-opacity:1;background-color:rgba(var(--bs-dark-rgb),var(--bs-bg-opacity))!important}.bg-black{--bs-bg-opacity:1;background-color:rgba(var(--bs-black-rgb),var(--bs-bg-opacity))!important}.bg-white{--bs-bg-opacity:1;background-color:rgba(var(--bs-white-rgb),var(--bs-bg-opacity))!important}.bg-body{--bs-bg-opacity:1;background-color:rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity))!important}.bg-transparent{--bs-bg-opacity:1;background-color:transparent!important}.bg-body-secondary{--bs-bg-opacity:1;background-color:rgba(var(--bs-secondary-bg-rgb),var(--bs-bg-opacity))!important}.bg-body-tertiary{--bs-bg-opacity:1;background-color:rgba(var(--bs-tertiary-bg-rgb),var(--bs-bg-opacity))!important}.bg-opacity-10{--bs-bg-opacity:0.1}.bg-opacity-25{--bs-bg-opacity:0.25}.bg-opacity-50{--bs-bg-opacity:0.5}.bg-opacity-75{--bs-bg-opacity:0.75}.bg-opacity-100{--bs-bg-opacity:1}.bg-primary-subtle{background-color:var(--bs-primary-bg-subtle)!important}.bg-secondary-subtle{background-color:var(--bs-secondary-bg-subtle)!important}.bg-success-subtle{background-color:var(--bs-success-bg-subtle)!important}.bg-info-subtle{background-color:var(--bs-info-bg-subtle)!important}.bg-warning-subtle{background-color:var(--bs-warning-bg-subtle)!important}.bg-danger-subtle{background-color:var(--bs-danger-bg-subtle)!important}.bg-light-subtle{background-color:var(--bs-light-bg-subtle)!important}.bg-dark-subtle{background-color:var(--bs-dark-bg-subtle)!important}.bg-gradient{background-image:var(--bs-gradient)!important}.user-select-all{-webkit-user-select:all!important;user-select:all!important}.user-select-auto{-webkit-user-select:auto!important;user-select:auto!important}.user-select-none{-webkit-user-select:none!important;user-select:none!important}.pe-none{pointer-events:none!important}.pe-auto{pointer-events:auto!important}.rounded{border-radius:var(--bs-border-radius)!important}.rounded-0{border-radius:0!important}.rounded-1{border-radius:var(--bs-border-radius-sm)!important}.rounded-2{border-radius:var(--bs-border-radius)!important}.rounded-3{border-radius:var(--bs-border-radius-lg)!important}.rounded-4{border-radius:var(--bs-border-radius-xl)!important}.rounded-5{border-radius:var(--bs-border-radius-xxl)!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:var(--bs-border-radius-pill)!important}.rounded-top{border-top-left-radius:var(--bs-border-radius)!important;border-top-right-radius:var(--bs-border-radius)!important}.rounded-top-0{border-top-left-radius:0!important;border-top-right-radius:0!important}.rounded-top-1{border-top-left-radius:var(--bs-border-radius-sm)!important;border-top-right-radius:var(--bs-border-radius-sm)!important}.rounded-top-2{border-top-left-radius:var(--bs-border-radius)!important;border-top-right-radius:var(--bs-border-radius)!important}.rounded-top-3{border-top-left-radius:var(--bs-border-radius-lg)!important;border-top-right-radius:var(--bs-border-radius-lg)!important}.rounded-top-4{border-top-left-radius:var(--bs-border-radius-xl)!important;border-top-right-radius:var(--bs-border-radius-xl)!important}.rounded-top-5{border-top-left-radius:var(--bs-border-radius-xxl)!important;border-top-right-radius:var(--bs-border-radius-xxl)!important}.rounded-top-circle{border-top-left-radius:50%!important;border-top-right-radius:50%!important}.rounded-top-pill{border-top-left-radius:var(--bs-border-radius-pill)!important;border-top-right-radius:var(--bs-border-radius-pill)!important}.rounded-end{border-top-right-radius:var(--bs-border-radius)!important;border-bottom-right-radius:var(--bs-border-radius)!important}.rounded-end-0{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.rounded-end-1{border-top-right-radius:var(--bs-border-radius-sm)!important;border-bottom-right-radius:var(--bs-border-radius-sm)!important}.rounded-end-2{border-top-right-radius:var(--bs-border-radius)!important;border-bottom-right-radius:var(--bs-border-radius)!important}.rounded-end-3{border-top-right-radius:var(--bs-border-radius-lg)!important;border-bottom-right-radius:var(--bs-border-radius-lg)!important}.rounded-end-4{border-top-right-radius:var(--bs-border-radius-xl)!important;border-bottom-right-radius:var(--bs-border-radius-xl)!important}.rounded-end-5{border-top-right-radius:var(--bs-border-radius-xxl)!important;border-bottom-right-radius:var(--bs-border-radius-xxl)!important}.rounded-end-circle{border-top-right-radius:50%!important;border-bottom-right-radius:50%!important}.rounded-end-pill{border-top-right-radius:var(--bs-border-radius-pill)!important;border-bottom-right-radius:var(--bs-border-radius-pill)!important}.rounded-bottom{border-bottom-right-radius:var(--bs-border-radius)!important;border-bottom-left-radius:var(--bs-border-radius)!important}.rounded-bottom-0{border-bottom-right-radius:0!important;border-bottom-left-radius:0!important}.rounded-bottom-1{border-bottom-right-radius:var(--bs-border-radius-sm)!important;border-bottom-left-radius:var(--bs-border-radius-sm)!important}.rounded-bottom-2{border-bottom-right-radius:var(--bs-border-radius)!important;border-bottom-left-radius:var(--bs-border-radius)!important}.rounded-bottom-3{border-bottom-right-radius:var(--bs-border-radius-lg)!important;border-bottom-left-radius:var(--bs-border-radius-lg)!important}.rounded-bottom-4{border-bottom-right-radius:var(--bs-border-radius-xl)!important;border-bottom-left-radius:var(--bs-border-radius-xl)!important}.rounded-bottom-5{border-bottom-right-radius:var(--bs-border-radius-xxl)!important;border-bottom-left-radius:var(--bs-border-radius-xxl)!important}.rounded-bottom-circle{border-bottom-right-radius:50%!important;border-bottom-left-radius:50%!important}.rounded-bottom-pill{border-bottom-right-radius:var(--bs-border-radius-pill)!important;border-bottom-left-radius:var(--bs-border-radius-pill)!important}.rounded-start{border-bottom-left-radius:var(--bs-border-radius)!important;border-top-left-radius:var(--bs-border-radius)!important}.rounded-start-0{border-bottom-left-radius:0!important;border-top-left-radius:0!important}.rounded-start-1{border-bottom-left-radius:var(--bs-border-radius-sm)!important;border-top-left-radius:var(--bs-border-radius-sm)!important}.rounded-start-2{border-bottom-left-radius:var(--bs-border-radius)!important;border-top-left-radius:var(--bs-border-radius)!important}.rounded-start-3{border-bottom-left-radius:var(--bs-border-radius-lg)!important;border-top-left-radius:var(--bs-border-radius-lg)!important}.rounded-start-4{border-bottom-left-radius:var(--bs-border-radius-xl)!important;border-top-left-radius:var(--bs-border-radius-xl)!important}.rounded-start-5{border-bottom-left-radius:var(--bs-border-radius-xxl)!important;border-top-left-radius:var(--bs-border-radius-xxl)!important}.rounded-start-circle{border-bottom-left-radius:50%!important;border-top-left-radius:50%!important}.rounded-start-pill{border-bottom-left-radius:var(--bs-border-radius-pill)!important;border-top-left-radius:var(--bs-border-radius-pill)!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}.z-n1{z-index:-1!important}.z-0{z-index:0!important}.z-1{z-index:1!important}.z-2{z-index:2!important}.z-3{z-index:3!important}@media (min-width:576px){.float-sm-start{float:left!important}.float-sm-end{float:right!important}.float-sm-none{float:none!important}.object-fit-sm-contain{object-fit:contain!important}.object-fit-sm-cover{object-fit:cover!important}.object-fit-sm-fill{object-fit:fill!important}.object-fit-sm-scale{object-fit:scale-down!important}.object-fit-sm-none{object-fit:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-grid{display:grid!important}.d-sm-inline-grid{display:inline-grid!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:flex!important}.d-sm-inline-flex{display:inline-flex!important}.d-sm-none{display:none!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.justify-content-sm-evenly{justify-content:space-evenly!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}.order-sm-first{order:-1!important}.order-sm-0{order:0!important}.order-sm-1{order:1!important}.order-sm-2{order:2!important}.order-sm-3{order:3!important}.order-sm-4{order:4!important}.order-sm-5{order:5!important}.order-sm-last{order:6!important}.m-sm-0{margin:0!important}.m-sm-1{margin:.25rem!important}.m-sm-2{margin:.5rem!important}.m-sm-3{margin:1rem!important}.m-sm-4{margin:1.5rem!important}.m-sm-5{margin:3rem!important}.m-sm-auto{margin:auto!important}.mx-sm-0{margin-right:0!important;margin-left:0!important}.mx-sm-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-sm-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-sm-3{margin-right:1rem!important;margin-left:1rem!important}.mx-sm-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-sm-5{margin-right:3rem!important;margin-left:3rem!important}.mx-sm-auto{margin-right:auto!important;margin-left:auto!important}.my-sm-0{margin-top:0!important;margin-bottom:0!important}.my-sm-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-sm-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-sm-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-sm-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-sm-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-sm-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-sm-0{margin-top:0!important}.mt-sm-1{margin-top:.25rem!important}.mt-sm-2{margin-top:.5rem!important}.mt-sm-3{margin-top:1rem!important}.mt-sm-4{margin-top:1.5rem!important}.mt-sm-5{margin-top:3rem!important}.mt-sm-auto{margin-top:auto!important}.me-sm-0{margin-right:0!important}.me-sm-1{margin-right:.25rem!important}.me-sm-2{margin-right:.5rem!important}.me-sm-3{margin-right:1rem!important}.me-sm-4{margin-right:1.5rem!important}.me-sm-5{margin-right:3rem!important}.me-sm-auto{margin-right:auto!important}.mb-sm-0{margin-bottom:0!important}.mb-sm-1{margin-bottom:.25rem!important}.mb-sm-2{margin-bottom:.5rem!important}.mb-sm-3{margin-bottom:1rem!important}.mb-sm-4{margin-bottom:1.5rem!important}.mb-sm-5{margin-bottom:3rem!important}.mb-sm-auto{margin-bottom:auto!important}.ms-sm-0{margin-left:0!important}.ms-sm-1{margin-left:.25rem!important}.ms-sm-2{margin-left:.5rem!important}.ms-sm-3{margin-left:1rem!important}.ms-sm-4{margin-left:1.5rem!important}.ms-sm-5{margin-left:3rem!important}.ms-sm-auto{margin-left:auto!important}.p-sm-0{padding:0!important}.p-sm-1{padding:.25rem!important}.p-sm-2{padding:.5rem!important}.p-sm-3{padding:1rem!important}.p-sm-4{padding:1.5rem!important}.p-sm-5{padding:3rem!important}.px-sm-0{padding-right:0!important;padding-left:0!important}.px-sm-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-sm-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-sm-3{padding-right:1rem!important;padding-left:1rem!important}.px-sm-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-sm-5{padding-right:3rem!important;padding-left:3rem!important}.py-sm-0{padding-top:0!important;padding-bottom:0!important}.py-sm-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-sm-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-sm-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-sm-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-sm-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-sm-0{padding-top:0!important}.pt-sm-1{padding-top:.25rem!important}.pt-sm-2{padding-top:.5rem!important}.pt-sm-3{padding-top:1rem!important}.pt-sm-4{padding-top:1.5rem!important}.pt-sm-5{padding-top:3rem!important}.pe-sm-0{padding-right:0!important}.pe-sm-1{padding-right:.25rem!important}.pe-sm-2{padding-right:.5rem!important}.pe-sm-3{padding-right:1rem!important}.pe-sm-4{padding-right:1.5rem!important}.pe-sm-5{padding-right:3rem!important}.pb-sm-0{padding-bottom:0!important}.pb-sm-1{padding-bottom:.25rem!important}.pb-sm-2{padding-bottom:.5rem!important}.pb-sm-3{padding-bottom:1rem!important}.pb-sm-4{padding-bottom:1.5rem!important}.pb-sm-5{padding-bottom:3rem!important}.ps-sm-0{padding-left:0!important}.ps-sm-1{padding-left:.25rem!important}.ps-sm-2{padding-left:.5rem!important}.ps-sm-3{padding-left:1rem!important}.ps-sm-4{padding-left:1.5rem!important}.ps-sm-5{padding-left:3rem!important}.gap-sm-0{gap:0!important}.gap-sm-1{gap:.25rem!important}.gap-sm-2{gap:.5rem!important}.gap-sm-3{gap:1rem!important}.gap-sm-4{gap:1.5rem!important}.gap-sm-5{gap:3rem!important}.row-gap-sm-0{row-gap:0!important}.row-gap-sm-1{row-gap:.25rem!important}.row-gap-sm-2{row-gap:.5rem!important}.row-gap-sm-3{row-gap:1rem!important}.row-gap-sm-4{row-gap:1.5rem!important}.row-gap-sm-5{row-gap:3rem!important}.column-gap-sm-0{column-gap:0!important}.column-gap-sm-1{column-gap:.25rem!important}.column-gap-sm-2{column-gap:.5rem!important}.column-gap-sm-3{column-gap:1rem!important}.column-gap-sm-4{column-gap:1.5rem!important}.column-gap-sm-5{column-gap:3rem!important}.text-sm-start{text-align:left!important}.text-sm-end{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.float-md-start{float:left!important}.float-md-end{float:right!important}.float-md-none{float:none!important}.object-fit-md-contain{object-fit:contain!important}.object-fit-md-cover{object-fit:cover!important}.object-fit-md-fill{object-fit:fill!important}.object-fit-md-scale{object-fit:scale-down!important}.object-fit-md-none{object-fit:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-grid{display:grid!important}.d-md-inline-grid{display:inline-grid!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:flex!important}.d-md-inline-flex{display:inline-flex!important}.d-md-none{display:none!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.justify-content-md-evenly{justify-content:space-evenly!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}.order-md-first{order:-1!important}.order-md-0{order:0!important}.order-md-1{order:1!important}.order-md-2{order:2!important}.order-md-3{order:3!important}.order-md-4{order:4!important}.order-md-5{order:5!important}.order-md-last{order:6!important}.m-md-0{margin:0!important}.m-md-1{margin:.25rem!important}.m-md-2{margin:.5rem!important}.m-md-3{margin:1rem!important}.m-md-4{margin:1.5rem!important}.m-md-5{margin:3rem!important}.m-md-auto{margin:auto!important}.mx-md-0{margin-right:0!important;margin-left:0!important}.mx-md-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-md-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-md-3{margin-right:1rem!important;margin-left:1rem!important}.mx-md-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-md-5{margin-right:3rem!important;margin-left:3rem!important}.mx-md-auto{margin-right:auto!important;margin-left:auto!important}.my-md-0{margin-top:0!important;margin-bottom:0!important}.my-md-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-md-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-md-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-md-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-md-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-md-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-md-0{margin-top:0!important}.mt-md-1{margin-top:.25rem!important}.mt-md-2{margin-top:.5rem!important}.mt-md-3{margin-top:1rem!important}.mt-md-4{margin-top:1.5rem!important}.mt-md-5{margin-top:3rem!important}.mt-md-auto{margin-top:auto!important}.me-md-0{margin-right:0!important}.me-md-1{margin-right:.25rem!important}.me-md-2{margin-right:.5rem!important}.me-md-3{margin-right:1rem!important}.me-md-4{margin-right:1.5rem!important}.me-md-5{margin-right:3rem!important}.me-md-auto{margin-right:auto!important}.mb-md-0{margin-bottom:0!important}.mb-md-1{margin-bottom:.25rem!important}.mb-md-2{margin-bottom:.5rem!important}.mb-md-3{margin-bottom:1rem!important}.mb-md-4{margin-bottom:1.5rem!important}.mb-md-5{margin-bottom:3rem!important}.mb-md-auto{margin-bottom:auto!important}.ms-md-0{margin-left:0!important}.ms-md-1{margin-left:.25rem!important}.ms-md-2{margin-left:.5rem!important}.ms-md-3{margin-left:1rem!important}.ms-md-4{margin-left:1.5rem!important}.ms-md-5{margin-left:3rem!important}.ms-md-auto{margin-left:auto!important}.p-md-0{padding:0!important}.p-md-1{padding:.25rem!important}.p-md-2{padding:.5rem!important}.p-md-3{padding:1rem!important}.p-md-4{padding:1.5rem!important}.p-md-5{padding:3rem!important}.px-md-0{padding-right:0!important;padding-left:0!important}.px-md-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-md-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-md-3{padding-right:1rem!important;padding-left:1rem!important}.px-md-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-md-5{padding-right:3rem!important;padding-left:3rem!important}.py-md-0{padding-top:0!important;padding-bottom:0!important}.py-md-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-md-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-md-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-md-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-md-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-md-0{padding-top:0!important}.pt-md-1{padding-top:.25rem!important}.pt-md-2{padding-top:.5rem!important}.pt-md-3{padding-top:1rem!important}.pt-md-4{padding-top:1.5rem!important}.pt-md-5{padding-top:3rem!important}.pe-md-0{padding-right:0!important}.pe-md-1{padding-right:.25rem!important}.pe-md-2{padding-right:.5rem!important}.pe-md-3{padding-right:1rem!important}.pe-md-4{padding-right:1.5rem!important}.pe-md-5{padding-right:3rem!important}.pb-md-0{padding-bottom:0!important}.pb-md-1{padding-bottom:.25rem!important}.pb-md-2{padding-bottom:.5rem!important}.pb-md-3{padding-bottom:1rem!important}.pb-md-4{padding-bottom:1.5rem!important}.pb-md-5{padding-bottom:3rem!important}.ps-md-0{padding-left:0!important}.ps-md-1{padding-left:.25rem!important}.ps-md-2{padding-left:.5rem!important}.ps-md-3{padding-left:1rem!important}.ps-md-4{padding-left:1.5rem!important}.ps-md-5{padding-left:3rem!important}.gap-md-0{gap:0!important}.gap-md-1{gap:.25rem!important}.gap-md-2{gap:.5rem!important}.gap-md-3{gap:1rem!important}.gap-md-4{gap:1.5rem!important}.gap-md-5{gap:3rem!important}.row-gap-md-0{row-gap:0!important}.row-gap-md-1{row-gap:.25rem!important}.row-gap-md-2{row-gap:.5rem!important}.row-gap-md-3{row-gap:1rem!important}.row-gap-md-4{row-gap:1.5rem!important}.row-gap-md-5{row-gap:3rem!important}.column-gap-md-0{column-gap:0!important}.column-gap-md-1{column-gap:.25rem!important}.column-gap-md-2{column-gap:.5rem!important}.column-gap-md-3{column-gap:1rem!important}.column-gap-md-4{column-gap:1.5rem!important}.column-gap-md-5{column-gap:3rem!important}.text-md-start{text-align:left!important}.text-md-end{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.float-lg-start{float:left!important}.float-lg-end{float:right!important}.float-lg-none{float:none!important}.object-fit-lg-contain{object-fit:contain!important}.object-fit-lg-cover{object-fit:cover!important}.object-fit-lg-fill{object-fit:fill!important}.object-fit-lg-scale{object-fit:scale-down!important}.object-fit-lg-none{object-fit:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-grid{display:grid!important}.d-lg-inline-grid{display:inline-grid!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:flex!important}.d-lg-inline-flex{display:inline-flex!important}.d-lg-none{display:none!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.justify-content-lg-evenly{justify-content:space-evenly!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}.order-lg-first{order:-1!important}.order-lg-0{order:0!important}.order-lg-1{order:1!important}.order-lg-2{order:2!important}.order-lg-3{order:3!important}.order-lg-4{order:4!important}.order-lg-5{order:5!important}.order-lg-last{order:6!important}.m-lg-0{margin:0!important}.m-lg-1{margin:.25rem!important}.m-lg-2{margin:.5rem!important}.m-lg-3{margin:1rem!important}.m-lg-4{margin:1.5rem!important}.m-lg-5{margin:3rem!important}.m-lg-auto{margin:auto!important}.mx-lg-0{margin-right:0!important;margin-left:0!important}.mx-lg-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-lg-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-lg-3{margin-right:1rem!important;margin-left:1rem!important}.mx-lg-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-lg-5{margin-right:3rem!important;margin-left:3rem!important}.mx-lg-auto{margin-right:auto!important;margin-left:auto!important}.my-lg-0{margin-top:0!important;margin-bottom:0!important}.my-lg-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-lg-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-lg-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-lg-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-lg-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-lg-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-lg-0{margin-top:0!important}.mt-lg-1{margin-top:.25rem!important}.mt-lg-2{margin-top:.5rem!important}.mt-lg-3{margin-top:1rem!important}.mt-lg-4{margin-top:1.5rem!important}.mt-lg-5{margin-top:3rem!important}.mt-lg-auto{margin-top:auto!important}.me-lg-0{margin-right:0!important}.me-lg-1{margin-right:.25rem!important}.me-lg-2{margin-right:.5rem!important}.me-lg-3{margin-right:1rem!important}.me-lg-4{margin-right:1.5rem!important}.me-lg-5{margin-right:3rem!important}.me-lg-auto{margin-right:auto!important}.mb-lg-0{margin-bottom:0!important}.mb-lg-1{margin-bottom:.25rem!important}.mb-lg-2{margin-bottom:.5rem!important}.mb-lg-3{margin-bottom:1rem!important}.mb-lg-4{margin-bottom:1.5rem!important}.mb-lg-5{margin-bottom:3rem!important}.mb-lg-auto{margin-bottom:auto!important}.ms-lg-0{margin-left:0!important}.ms-lg-1{margin-left:.25rem!important}.ms-lg-2{margin-left:.5rem!important}.ms-lg-3{margin-left:1rem!important}.ms-lg-4{margin-left:1.5rem!important}.ms-lg-5{margin-left:3rem!important}.ms-lg-auto{margin-left:auto!important}.p-lg-0{padding:0!important}.p-lg-1{padding:.25rem!important}.p-lg-2{padding:.5rem!important}.p-lg-3{padding:1rem!important}.p-lg-4{padding:1.5rem!important}.p-lg-5{padding:3rem!important}.px-lg-0{padding-right:0!important;padding-left:0!important}.px-lg-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-lg-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-lg-3{padding-right:1rem!important;padding-left:1rem!important}.px-lg-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-lg-5{padding-right:3rem!important;padding-left:3rem!important}.py-lg-0{padding-top:0!important;padding-bottom:0!important}.py-lg-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-lg-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-lg-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-lg-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-lg-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-lg-0{padding-top:0!important}.pt-lg-1{padding-top:.25rem!important}.pt-lg-2{padding-top:.5rem!important}.pt-lg-3{padding-top:1rem!important}.pt-lg-4{padding-top:1.5rem!important}.pt-lg-5{padding-top:3rem!important}.pe-lg-0{padding-right:0!important}.pe-lg-1{padding-right:.25rem!important}.pe-lg-2{padding-right:.5rem!important}.pe-lg-3{padding-right:1rem!important}.pe-lg-4{padding-right:1.5rem!important}.pe-lg-5{padding-right:3rem!important}.pb-lg-0{padding-bottom:0!important}.pb-lg-1{padding-bottom:.25rem!important}.pb-lg-2{padding-bottom:.5rem!important}.pb-lg-3{padding-bottom:1rem!important}.pb-lg-4{padding-bottom:1.5rem!important}.pb-lg-5{padding-bottom:3rem!important}.ps-lg-0{padding-left:0!important}.ps-lg-1{padding-left:.25rem!important}.ps-lg-2{padding-left:.5rem!important}.ps-lg-3{padding-left:1rem!important}.ps-lg-4{padding-left:1.5rem!important}.ps-lg-5{padding-left:3rem!important}.gap-lg-0{gap:0!important}.gap-lg-1{gap:.25rem!important}.gap-lg-2{gap:.5rem!important}.gap-lg-3{gap:1rem!important}.gap-lg-4{gap:1.5rem!important}.gap-lg-5{gap:3rem!important}.row-gap-lg-0{row-gap:0!important}.row-gap-lg-1{row-gap:.25rem!important}.row-gap-lg-2{row-gap:.5rem!important}.row-gap-lg-3{row-gap:1rem!important}.row-gap-lg-4{row-gap:1.5rem!important}.row-gap-lg-5{row-gap:3rem!important}.column-gap-lg-0{column-gap:0!important}.column-gap-lg-1{column-gap:.25rem!important}.column-gap-lg-2{column-gap:.5rem!important}.column-gap-lg-3{column-gap:1rem!important}.column-gap-lg-4{column-gap:1.5rem!important}.column-gap-lg-5{column-gap:3rem!important}.text-lg-start{text-align:left!important}.text-lg-end{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.float-xl-start{float:left!important}.float-xl-end{float:right!important}.float-xl-none{float:none!important}.object-fit-xl-contain{object-fit:contain!important}.object-fit-xl-cover{object-fit:cover!important}.object-fit-xl-fill{object-fit:fill!important}.object-fit-xl-scale{object-fit:scale-down!important}.object-fit-xl-none{object-fit:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-grid{display:grid!important}.d-xl-inline-grid{display:inline-grid!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:flex!important}.d-xl-inline-flex{display:inline-flex!important}.d-xl-none{display:none!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.justify-content-xl-evenly{justify-content:space-evenly!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}.order-xl-first{order:-1!important}.order-xl-0{order:0!important}.order-xl-1{order:1!important}.order-xl-2{order:2!important}.order-xl-3{order:3!important}.order-xl-4{order:4!important}.order-xl-5{order:5!important}.order-xl-last{order:6!important}.m-xl-0{margin:0!important}.m-xl-1{margin:.25rem!important}.m-xl-2{margin:.5rem!important}.m-xl-3{margin:1rem!important}.m-xl-4{margin:1.5rem!important}.m-xl-5{margin:3rem!important}.m-xl-auto{margin:auto!important}.mx-xl-0{margin-right:0!important;margin-left:0!important}.mx-xl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xl-auto{margin-right:auto!important;margin-left:auto!important}.my-xl-0{margin-top:0!important;margin-bottom:0!important}.my-xl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xl-0{margin-top:0!important}.mt-xl-1{margin-top:.25rem!important}.mt-xl-2{margin-top:.5rem!important}.mt-xl-3{margin-top:1rem!important}.mt-xl-4{margin-top:1.5rem!important}.mt-xl-5{margin-top:3rem!important}.mt-xl-auto{margin-top:auto!important}.me-xl-0{margin-right:0!important}.me-xl-1{margin-right:.25rem!important}.me-xl-2{margin-right:.5rem!important}.me-xl-3{margin-right:1rem!important}.me-xl-4{margin-right:1.5rem!important}.me-xl-5{margin-right:3rem!important}.me-xl-auto{margin-right:auto!important}.mb-xl-0{margin-bottom:0!important}.mb-xl-1{margin-bottom:.25rem!important}.mb-xl-2{margin-bottom:.5rem!important}.mb-xl-3{margin-bottom:1rem!important}.mb-xl-4{margin-bottom:1.5rem!important}.mb-xl-5{margin-bottom:3rem!important}.mb-xl-auto{margin-bottom:auto!important}.ms-xl-0{margin-left:0!important}.ms-xl-1{margin-left:.25rem!important}.ms-xl-2{margin-left:.5rem!important}.ms-xl-3{margin-left:1rem!important}.ms-xl-4{margin-left:1.5rem!important}.ms-xl-5{margin-left:3rem!important}.ms-xl-auto{margin-left:auto!important}.p-xl-0{padding:0!important}.p-xl-1{padding:.25rem!important}.p-xl-2{padding:.5rem!important}.p-xl-3{padding:1rem!important}.p-xl-4{padding:1.5rem!important}.p-xl-5{padding:3rem!important}.px-xl-0{padding-right:0!important;padding-left:0!important}.px-xl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xl-0{padding-top:0!important;padding-bottom:0!important}.py-xl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xl-0{padding-top:0!important}.pt-xl-1{padding-top:.25rem!important}.pt-xl-2{padding-top:.5rem!important}.pt-xl-3{padding-top:1rem!important}.pt-xl-4{padding-top:1.5rem!important}.pt-xl-5{padding-top:3rem!important}.pe-xl-0{padding-right:0!important}.pe-xl-1{padding-right:.25rem!important}.pe-xl-2{padding-right:.5rem!important}.pe-xl-3{padding-right:1rem!important}.pe-xl-4{padding-right:1.5rem!important}.pe-xl-5{padding-right:3rem!important}.pb-xl-0{padding-bottom:0!important}.pb-xl-1{padding-bottom:.25rem!important}.pb-xl-2{padding-bottom:.5rem!important}.pb-xl-3{padding-bottom:1rem!important}.pb-xl-4{padding-bottom:1.5rem!important}.pb-xl-5{padding-bottom:3rem!important}.ps-xl-0{padding-left:0!important}.ps-xl-1{padding-left:.25rem!important}.ps-xl-2{padding-left:.5rem!important}.ps-xl-3{padding-left:1rem!important}.ps-xl-4{padding-left:1.5rem!important}.ps-xl-5{padding-left:3rem!important}.gap-xl-0{gap:0!important}.gap-xl-1{gap:.25rem!important}.gap-xl-2{gap:.5rem!important}.gap-xl-3{gap:1rem!important}.gap-xl-4{gap:1.5rem!important}.gap-xl-5{gap:3rem!important}.row-gap-xl-0{row-gap:0!important}.row-gap-xl-1{row-gap:.25rem!important}.row-gap-xl-2{row-gap:.5rem!important}.row-gap-xl-3{row-gap:1rem!important}.row-gap-xl-4{row-gap:1.5rem!important}.row-gap-xl-5{row-gap:3rem!important}.column-gap-xl-0{column-gap:0!important}.column-gap-xl-1{column-gap:.25rem!important}.column-gap-xl-2{column-gap:.5rem!important}.column-gap-xl-3{column-gap:1rem!important}.column-gap-xl-4{column-gap:1.5rem!important}.column-gap-xl-5{column-gap:3rem!important}.text-xl-start{text-align:left!important}.text-xl-end{text-align:right!important}.text-xl-center{text-align:center!important}}@media (min-width:1400px){.float-xxl-start{float:left!important}.float-xxl-end{float:right!important}.float-xxl-none{float:none!important}.object-fit-xxl-contain{object-fit:contain!important}.object-fit-xxl-cover{object-fit:cover!important}.object-fit-xxl-fill{object-fit:fill!important}.object-fit-xxl-scale{object-fit:scale-down!important}.object-fit-xxl-none{object-fit:none!important}.d-xxl-inline{display:inline!important}.d-xxl-inline-block{display:inline-block!important}.d-xxl-block{display:block!important}.d-xxl-grid{display:grid!important}.d-xxl-inline-grid{display:inline-grid!important}.d-xxl-table{display:table!important}.d-xxl-table-row{display:table-row!important}.d-xxl-table-cell{display:table-cell!important}.d-xxl-flex{display:flex!important}.d-xxl-inline-flex{display:inline-flex!important}.d-xxl-none{display:none!important}.flex-xxl-fill{flex:1 1 auto!important}.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xxl-start{justify-content:flex-start!important}.justify-content-xxl-end{justify-content:flex-end!important}.justify-content-xxl-center{justify-content:center!important}.justify-content-xxl-between{justify-content:space-between!important}.justify-content-xxl-around{justify-content:space-around!important}.justify-content-xxl-evenly{justify-content:space-evenly!important}.align-items-xxl-start{align-items:flex-start!important}.align-items-xxl-end{align-items:flex-end!important}.align-items-xxl-center{align-items:center!important}.align-items-xxl-baseline{align-items:baseline!important}.align-items-xxl-stretch{align-items:stretch!important}.align-content-xxl-start{align-content:flex-start!important}.align-content-xxl-end{align-content:flex-end!important}.align-content-xxl-center{align-content:center!important}.align-content-xxl-between{align-content:space-between!important}.align-content-xxl-around{align-content:space-around!important}.align-content-xxl-stretch{align-content:stretch!important}.align-self-xxl-auto{align-self:auto!important}.align-self-xxl-start{align-self:flex-start!important}.align-self-xxl-end{align-self:flex-end!important}.align-self-xxl-center{align-self:center!important}.align-self-xxl-baseline{align-self:baseline!important}.align-self-xxl-stretch{align-self:stretch!important}.order-xxl-first{order:-1!important}.order-xxl-0{order:0!important}.order-xxl-1{order:1!important}.order-xxl-2{order:2!important}.order-xxl-3{order:3!important}.order-xxl-4{order:4!important}.order-xxl-5{order:5!important}.order-xxl-last{order:6!important}.m-xxl-0{margin:0!important}.m-xxl-1{margin:.25rem!important}.m-xxl-2{margin:.5rem!important}.m-xxl-3{margin:1rem!important}.m-xxl-4{margin:1.5rem!important}.m-xxl-5{margin:3rem!important}.m-xxl-auto{margin:auto!important}.mx-xxl-0{margin-right:0!important;margin-left:0!important}.mx-xxl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xxl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xxl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xxl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xxl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xxl-auto{margin-right:auto!important;margin-left:auto!important}.my-xxl-0{margin-top:0!important;margin-bottom:0!important}.my-xxl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xxl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xxl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xxl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xxl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xxl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xxl-0{margin-top:0!important}.mt-xxl-1{margin-top:.25rem!important}.mt-xxl-2{margin-top:.5rem!important}.mt-xxl-3{margin-top:1rem!important}.mt-xxl-4{margin-top:1.5rem!important}.mt-xxl-5{margin-top:3rem!important}.mt-xxl-auto{margin-top:auto!important}.me-xxl-0{margin-right:0!important}.me-xxl-1{margin-right:.25rem!important}.me-xxl-2{margin-right:.5rem!important}.me-xxl-3{margin-right:1rem!important}.me-xxl-4{margin-right:1.5rem!important}.me-xxl-5{margin-right:3rem!important}.me-xxl-auto{margin-right:auto!important}.mb-xxl-0{margin-bottom:0!important}.mb-xxl-1{margin-bottom:.25rem!important}.mb-xxl-2{margin-bottom:.5rem!important}.mb-xxl-3{margin-bottom:1rem!important}.mb-xxl-4{margin-bottom:1.5rem!important}.mb-xxl-5{margin-bottom:3rem!important}.mb-xxl-auto{margin-bottom:auto!important}.ms-xxl-0{margin-left:0!important}.ms-xxl-1{margin-left:.25rem!important}.ms-xxl-2{margin-left:.5rem!important}.ms-xxl-3{margin-left:1rem!important}.ms-xxl-4{margin-left:1.5rem!important}.ms-xxl-5{margin-left:3rem!important}.ms-xxl-auto{margin-left:auto!important}.p-xxl-0{padding:0!important}.p-xxl-1{padding:.25rem!important}.p-xxl-2{padding:.5rem!important}.p-xxl-3{padding:1rem!important}.p-xxl-4{padding:1.5rem!important}.p-xxl-5{padding:3rem!important}.px-xxl-0{padding-right:0!important;padding-left:0!important}.px-xxl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xxl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xxl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xxl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xxl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xxl-0{padding-top:0!important;padding-bottom:0!important}.py-xxl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xxl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xxl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xxl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xxl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xxl-0{padding-top:0!important}.pt-xxl-1{padding-top:.25rem!important}.pt-xxl-2{padding-top:.5rem!important}.pt-xxl-3{padding-top:1rem!important}.pt-xxl-4{padding-top:1.5rem!important}.pt-xxl-5{padding-top:3rem!important}.pe-xxl-0{padding-right:0!important}.pe-xxl-1{padding-right:.25rem!important}.pe-xxl-2{padding-right:.5rem!important}.pe-xxl-3{padding-right:1rem!important}.pe-xxl-4{padding-right:1.5rem!important}.pe-xxl-5{padding-right:3rem!important}.pb-xxl-0{padding-bottom:0!important}.pb-xxl-1{padding-bottom:.25rem!important}.pb-xxl-2{padding-bottom:.5rem!important}.pb-xxl-3{padding-bottom:1rem!important}.pb-xxl-4{padding-bottom:1.5rem!important}.pb-xxl-5{padding-bottom:3rem!important}.ps-xxl-0{padding-left:0!important}.ps-xxl-1{padding-left:.25rem!important}.ps-xxl-2{padding-left:.5rem!important}.ps-xxl-3{padding-left:1rem!important}.ps-xxl-4{padding-left:1.5rem!important}.ps-xxl-5{padding-left:3rem!important}.gap-xxl-0{gap:0!important}.gap-xxl-1{gap:.25rem!important}.gap-xxl-2{gap:.5rem!important}.gap-xxl-3{gap:1rem!important}.gap-xxl-4{gap:1.5rem!important}.gap-xxl-5{gap:3rem!important}.row-gap-xxl-0{row-gap:0!important}.row-gap-xxl-1{row-gap:.25rem!important}.row-gap-xxl-2{row-gap:.5rem!important}.row-gap-xxl-3{row-gap:1rem!important}.row-gap-xxl-4{row-gap:1.5rem!important}.row-gap-xxl-5{row-gap:3rem!important}.column-gap-xxl-0{column-gap:0!important}.column-gap-xxl-1{column-gap:.25rem!important}.column-gap-xxl-2{column-gap:.5rem!important}.column-gap-xxl-3{column-gap:1rem!important}.column-gap-xxl-4{column-gap:1.5rem!important}.column-gap-xxl-5{column-gap:3rem!important}.text-xxl-start{text-align:left!important}.text-xxl-end{text-align:right!important}.text-xxl-center{text-align:center!important}}@media (min-width:1200px){.fs-1{font-size:2.5rem!important}.fs-2{font-size:2rem!important}.fs-3{font-size:1.75rem!important}.fs-4{font-size:1.5rem!important}}@media print{.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-grid{display:grid!important}.d-print-inline-grid{display:inline-grid!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:flex!important}.d-print-inline-flex{display:inline-flex!important}.d-print-none{display:none!important}} /*# sourceMappingURL=bootstrap.min.css.map */ /*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[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.v2.scss?ngGlobalStyle ***! \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ @charset "UTF-8"; /* You can add global styles to this file, and also import other style files */ /* U.S.Bank Circular Fonts */ @font-face { font-family: "Circular-USB-Light"; src: url("https://content.usbank.com/content/dam/onlinebanking/common/static/fonts/U.S.BankCircularWeb-Light.woff2") format("woff2"), url("https://content.usbank.com/content/dam/onlinebanking/common/static/fonts/U.S.BankCircularWeb-Light.woff") format("woff"); font-display: swap; } @font-face { font-family: "Circular-USB-LightItalic"; src: url("https://content.usbank.com/content/dam/onlinebanking/common/static/fonts/U.S.BankCircularWeb-LightItalic.woff2") format("woff2"), url("https://content.usbank.com/content/dam/onlinebanking/common/static/fonts/U.S.BankCircularWeb-LightItalic.woff") format("woff"); font-display: swap; } @font-face { font-family: "Circular-USB-Regular"; src: url("https://content.usbank.com/content/dam/onlinebanking/common/static/fonts/U.S.BankCircularWeb-Regular.woff2") format("woff2"), url("https://content.usbank.com/content/dam/onlinebanking/common/static/fonts/U.S.BankCircularWeb-Regular.woff") format("woff"); font-display: swap; } @font-face { font-family: "Circular-USB-Italic"; src: url("https://content.usbank.com/content/dam/onlinebanking/common/static/fonts/U.S.BankCircularWeb-Italic.woff2") format("woff2"), url("https://content.usbank.com/content/dam/onlinebanking/common/static/fonts/U.S.BankCircularWeb-Italic.woff") format("woff"); font-display: swap; } @font-face { font-family: "Circular-USB-Book"; src: url("https://content.usbank.com/content/dam/onlinebanking/common/static/fonts/U.S.BankCircularWeb-Book.woff2") format("woff2"), url("https://content.usbank.com/content/dam/onlinebanking/common/static/fonts/U.S.BankCircularWeb-Book.woff") format("woff"); font-display: swap; } @font-face { font-family: "Circular-USB-BookItalic"; src: url("https://content.usbank.com/content/dam/onlinebanking/common/static/fonts/U.S.BankCircularWeb-BookItalic.woff2") format("woff2"), url("https://content.usbank.com/content/dam/onlinebanking/common/static/fonts/U.S.BankCircularWeb-BookItalic.woff") format("woff"); font-display: swap; } @font-face { font-family: "Circular-USB-Medium"; src: url("https://content.usbank.com/content/dam/onlinebanking/common/static/fonts/U.S.BankCircularWeb-Medium.woff2") format("woff2"), url("https://content.usbank.com/content/dam/onlinebanking/common/static/fonts/U.S.BankCircularWeb-Medium.woff") format("woff"); font-display: swap; } @font-face { font-family: "Circular-USB-MediumItalic"; src: url("https://content.usbank.com/content/dam/onlinebanking/common/static/fonts/U.S.BankCircularWeb-MediumItalic.woff2") format("woff2"), url("https://content.usbank.com/content/dam/onlinebanking/common/static/fonts/U.S.BankCircularWeb-MediumItalic.woff") format("woff"); font-display: swap; } @font-face { font-family: "Circular-USB-Bold"; src: url("https://content.usbank.com/content/dam/onlinebanking/common/static/fonts/U.S.BankCircularWeb-Bold.woff2") format("woff2"), url("https://content.usbank.com/content/dam/onlinebanking/common/static/fonts/U.S.BankCircularWeb-Bold.woff") format("woff"); font-display: swap; } @font-face { font-family: "Circular-USB-BoldItalic"; src: url("https://content.usbank.com/content/dam/onlinebanking/common/static/fonts/U.S.BankCircularWeb-BoldItalic.woff2") format("woff2"), url("https://content.usbank.com/content/dam/onlinebanking/common/static/fonts/U.S.BankCircularWeb-BoldItalic.woff") format("woff"); font-display: swap; } @font-face { font-family: "Circular-USB-Black"; src: url("https://content.usbank.com/content/dam/onlinebanking/common/static/fonts/U.S.BankCircularWeb-Black.woff2") format("woff2"), url("https://content.usbank.com/content/dam/onlinebanking/common/static/fonts/U.S.BankCircularWeb-Black.woff") format("woff"); font-display: swap; } @font-face { font-family: "Circular-USB-BlackItalic"; src: url("https://content.usbank.com/content/dam/onlinebanking/common/static/fonts/U.S.BankCircularWeb-BlackItalic.woff2") format("woff2"), url("https://content.usbank.com/content/dam/onlinebanking/common/static/fonts/U.S.BankCircularWeb-BlackItalic.woff") format("woff"); font-display: swap; } /*import all component scss files here */ /*! * Bootstrap v5.3.8 (https://getbootstrap.com/) * Copyright 2011-2025 The Bootstrap Authors * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ :root, [data-bs-theme=light] { --bs-blue: #0d6efd; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #dc3545; --bs-orange: #fd7e14; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-black: #000; --bs-white: #fff; --bs-gray: #6c757d; --bs-gray-dark: #343a40; --bs-gray-100: #f8f9fa; --bs-gray-200: #e9ecef; --bs-gray-300: #dee2e6; --bs-gray-400: #ced4da; --bs-gray-500: #adb5bd; --bs-gray-600: #6c757d; --bs-gray-700: #495057; --bs-gray-800: #343a40; --bs-gray-900: #212529; --bs-primary: #0d6efd; --bs-secondary: #6c757d; --bs-success: #198754; --bs-info: #0dcaf0; --bs-warning: #ffc107; --bs-danger: #dc3545; --bs-light: #f8f9fa; --bs-dark: #212529; --bs-primary-rgb: 13, 110, 253; --bs-secondary-rgb: 108, 117, 125; --bs-success-rgb: 25, 135, 84; --bs-info-rgb: 13, 202, 240; --bs-warning-rgb: 255, 193, 7; --bs-danger-rgb: 220, 53, 69; --bs-light-rgb: 248, 249, 250; --bs-dark-rgb: 33, 37, 41; --bs-primary-text-emphasis: #052c65; --bs-secondary-text-emphasis: #2b2f32; --bs-success-text-emphasis: #0a3622; --bs-info-text-emphasis: #055160; --bs-warning-text-emphasis: #664d03; --bs-danger-text-emphasis: #58151c; --bs-light-text-emphasis: #495057; --bs-dark-text-emphasis: #495057; --bs-primary-bg-subtle: #cfe2ff; --bs-secondary-bg-subtle: #e2e3e5; --bs-success-bg-subtle: #d1e7dd; --bs-info-bg-subtle: #cff4fc; --bs-warning-bg-subtle: #fff3cd; --bs-danger-bg-subtle: #f8d7da; --bs-light-bg-subtle: #fcfcfd; --bs-dark-bg-subtle: #ced4da; --bs-primary-border-subtle: #9ec5fe; --bs-secondary-border-subtle: #c4c8cb; --bs-success-border-subtle: #a3cfbb; --bs-info-border-subtle: #9eeaf9; --bs-warning-border-subtle: #ffe69c; --bs-danger-border-subtle: #f1aeb5; --bs-light-border-subtle: #e9ecef; --bs-dark-border-subtle: #adb5bd; --bs-white-rgb: 255, 255, 255; --bs-black-rgb: 0, 0, 0; --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-body-font-family: var(--bs-font-sans-serif); --bs-body-font-size: 1rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.5; --bs-body-color: #212529; --bs-body-color-rgb: 33, 37, 41; --bs-body-bg: #fff; --bs-body-bg-rgb: 255, 255, 255; --bs-emphasis-color: #000; --bs-emphasis-color-rgb: 0, 0, 0; --bs-secondary-color: rgba(33, 37, 41, 0.75); --bs-secondary-color-rgb: 33, 37, 41; --bs-secondary-bg: #e9ecef; --bs-secondary-bg-rgb: 233, 236, 239; --bs-tertiary-color: rgba(33, 37, 41, 0.5); --bs-tertiary-color-rgb: 33, 37, 41; --bs-tertiary-bg: #f8f9fa; --bs-tertiary-bg-rgb: 248, 249, 250; --bs-heading-color: inherit; --bs-link-color: #0d6efd; --bs-link-color-rgb: 13, 110, 253; --bs-link-decoration: underline; --bs-link-hover-color: #0a58ca; --bs-link-hover-color-rgb: 10, 88, 202; --bs-code-color: #d63384; --bs-highlight-color: #212529; --bs-highlight-bg: #fff3cd; --bs-border-width: 1px; --bs-border-style: solid; --bs-border-color: #dee2e6; --bs-border-color-translucent: rgba(0, 0, 0, 0.175); --bs-border-radius: 0.375rem; --bs-border-radius-sm: 0.25rem; --bs-border-radius-lg: 0.5rem; --bs-border-radius-xl: 1rem; --bs-border-radius-xxl: 2rem; --bs-border-radius-2xl: var(--bs-border-radius-xxl); --bs-border-radius-pill: 50rem; --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175); --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075); --bs-focus-ring-width: 0.25rem; --bs-focus-ring-opacity: 0.25; --bs-focus-ring-color: rgba(13, 110, 253, 0.25); --bs-form-valid-color: #198754; --bs-form-valid-border-color: #198754; --bs-form-invalid-color: #dc3545; --bs-form-invalid-border-color: #dc3545; } [data-bs-theme=dark] { color-scheme: dark; --bs-body-color: #dee2e6; --bs-body-color-rgb: 222, 226, 230; --bs-body-bg: #212529; --bs-body-bg-rgb: 33, 37, 41; --bs-emphasis-color: #fff; --bs-emphasis-color-rgb: 255, 255, 255; --bs-secondary-color: rgba(222, 226, 230, 0.75); --bs-secondary-color-rgb: 222, 226, 230; --bs-secondary-bg: #343a40; --bs-secondary-bg-rgb: 52, 58, 64; --bs-tertiary-color: rgba(222, 226, 230, 0.5); --bs-tertiary-color-rgb: 222, 226, 230; --bs-tertiary-bg: #2b3035; --bs-tertiary-bg-rgb: 43, 48, 53; --bs-primary-text-emphasis: #6ea8fe; --bs-secondary-text-emphasis: #a7acb1; --bs-success-text-emphasis: #75b798; --bs-info-text-emphasis: #6edff6; --bs-warning-text-emphasis: #ffda6a; --bs-danger-text-emphasis: #ea868f; --bs-light-text-emphasis: #f8f9fa; --bs-dark-text-emphasis: #dee2e6; --bs-primary-bg-subtle: #031633; --bs-secondary-bg-subtle: #161719; --bs-success-bg-subtle: #051b11; --bs-info-bg-subtle: #032830; --bs-warning-bg-subtle: #332701; --bs-danger-bg-subtle: #2c0b0e; --bs-light-bg-subtle: #343a40; --bs-dark-bg-subtle: #1a1d20; --bs-primary-border-subtle: #084298; --bs-secondary-border-subtle: #41464b; --bs-success-border-subtle: #0f5132; --bs-info-border-subtle: #087990; --bs-warning-border-subtle: #997404; --bs-danger-border-subtle: #842029; --bs-light-border-subtle: #495057; --bs-dark-border-subtle: #343a40; --bs-heading-color: inherit; --bs-link-color: #6ea8fe; --bs-link-hover-color: #8bb9fe; --bs-link-color-rgb: 110, 168, 254; --bs-link-hover-color-rgb: 139, 185, 254; --bs-code-color: #e685b5; --bs-highlight-color: #dee2e6; --bs-highlight-bg: #664d03; --bs-border-color: #495057; --bs-border-color-translucent: rgba(255, 255, 255, 0.15); --bs-form-valid-color: #75b798; --bs-form-valid-border-color: #75b798; --bs-form-invalid-color: #ea868f; --bs-form-invalid-border-color: #ea868f; } *, *::before, *::after { box-sizing: border-box; } @media (prefers-reduced-motion: no-preference) { :root { scroll-behavior: smooth; } } body { margin: 0; font-family: var(--bs-body-font-family); font-size: var(--bs-body-font-size); font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); color: var(--bs-body-color); text-align: var(--bs-body-text-align); background-color: var(--bs-body-bg); -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } hr { margin: 1rem 0; color: inherit; border: 0; border-top: var(--bs-border-width) solid; opacity: 0.25; } h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 { margin-top: 0; margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; color: var(--bs-heading-color); } h1, .h1 { font-size: calc(1.375rem + 1.5vw); } @media (min-width: 1200px) { h1, .h1 { font-size: 2.5rem; } } h2, .h2 { font-size: calc(1.325rem + 0.9vw); } @media (min-width: 1200px) { h2, .h2 { font-size: 2rem; } } h3, .h3 { font-size: calc(1.3rem + 0.6vw); } @media (min-width: 1200px) { h3, .h3 { font-size: 1.75rem; } } h4, .h4 { font-size: calc(1.275rem + 0.3vw); } @media (min-width: 1200px) { h4, .h4 { font-size: 1.5rem; } } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title] { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul { padding-left: 2rem; } 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, .small { font-size: 0.875em; } mark, .mark { padding: 0.1875em; color: var(--bs-highlight-color); background-color: var(--bs-highlight-bg); } sub, sup { position: relative; font-size: 0.75em; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1)); text-decoration: underline; } a:hover { --bs-link-color-rgb: var(--bs-link-hover-color-rgb); } a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none; } pre, code, kbd, samp { font-family: var(--bs-font-monospace); font-size: 1em; } pre { display: block; margin-top: 0; margin-bottom: 1rem; overflow: auto; font-size: 0.875em; } pre code { font-size: inherit; color: inherit; word-break: normal; } code { font-size: 0.875em; color: var(--bs-code-color); word-wrap: break-word; } a > code { color: inherit; } kbd { padding: 0.1875rem 0.375rem; font-size: 0.875em; color: var(--bs-body-bg); background-color: var(--bs-body-color); border-radius: 0.25rem; } kbd kbd { padding: 0; font-size: 1em; } figure { margin: 0 0 1rem; } img, svg { vertical-align: middle; } table { caption-side: bottom; border-collapse: collapse; } caption { padding-top: 0.5rem; padding-bottom: 0.5rem; color: var(--bs-secondary-color); text-align: left; } th { text-align: inherit; text-align: -webkit-match-parent; } thead, tbody, tfoot, tr, td, th { border-color: inherit; border-style: solid; border-width: 0; } label { display: inline-block; } 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, select { text-transform: none; } [role=button] { cursor: pointer; } select { word-wrap: normal; } select:disabled { opacity: 1; } [list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator { display: none !important; } 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; } ::-moz-focus-inner { padding: 0; border-style: none; } textarea { resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { float: left; width: 100%; padding: 0; margin-bottom: 0.5rem; line-height: inherit; font-size: calc(1.275rem + 0.3vw); } @media (min-width: 1200px) { legend { font-size: 1.5rem; } } legend + * { clear: left; } ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-year-field { padding: 0; } ::-webkit-inner-spin-button { height: auto; } [type=search] { -webkit-appearance: textfield; outline-offset: -2px; } [type=search]::-webkit-search-cancel-button { cursor: pointer; filter: grayscale(1); } /* rtl:raw: [type="tel"], [type="url"], [type="email"], [type="number"] { direction: ltr; } */ ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-color-swatch-wrapper { padding: 0; } ::file-selector-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } iframe { border: 0; } summary { display: list-item; cursor: pointer; } progress { vertical-align: baseline; } [hidden] { display: none !important; } .lead { font-size: 1.25rem; font-weight: 300; } .display-1 { font-weight: 300; line-height: 1.2; font-size: calc(1.625rem + 4.5vw); } @media (min-width: 1200px) { .display-1 { font-size: 5rem; } } .display-2 { font-weight: 300; line-height: 1.2; font-size: calc(1.575rem + 3.9vw); } @media (min-width: 1200px) { .display-2 { font-size: 4.5rem; } } .display-3 { font-weight: 300; line-height: 1.2; font-size: calc(1.525rem + 3.3vw); } @media (min-width: 1200px) { .display-3 { font-size: 4rem; } } .display-4 { font-weight: 300; line-height: 1.2; font-size: calc(1.475rem + 2.7vw); } @media (min-width: 1200px) { .display-4 { font-size: 3.5rem; } } .display-5 { font-weight: 300; line-height: 1.2; font-size: calc(1.425rem + 2.1vw); } @media (min-width: 1200px) { .display-5 { font-size: 3rem; } } .display-6 { font-weight: 300; line-height: 1.2; font-size: calc(1.375rem + 1.5vw); } @media (min-width: 1200px) { .display-6 { font-size: 2.5rem; } } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .initialism { font-size: 0.875em; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .blockquote > :last-child { margin-bottom: 0; } .blockquote-footer { margin-top: -1rem; margin-bottom: 1rem; font-size: 0.875em; color: #6c757d; } .blockquote-footer::before { content: "— "; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: var(--bs-body-bg); border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 0.875em; color: var(--bs-secondary-color); } .container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container-sm, .container { max-width: 540px; } } @media (min-width: 768px) { .container-md, .container-sm, .container { max-width: 720px; } } @media (min-width: 992px) { .container-lg, .container-md, .container-sm, .container { max-width: 960px; } } @media (min-width: 1200px) { .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1140px; } } @media (min-width: 1400px) { .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1320px; } } :root { --bs-breakpoint-xs: 0; --bs-breakpoint-sm: 576px; --bs-breakpoint-md: 768px; --bs-breakpoint-lg: 992px; --bs-breakpoint-xl: 1200px; --bs-breakpoint-xxl: 1400px; } .row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-0.5 * var(--bs-gutter-x)); margin-left: calc(-0.5 * var(--bs-gutter-x)); } .row > * { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); margin-top: var(--bs-gutter-y); } .col { flex: 1 0 0; } .row-cols-auto > * { flex: 0 0 auto; width: auto; } .row-cols-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-auto { flex: 0 0 auto; width: auto; } .col-1 { flex: 0 0 auto; width: 8.33333333%; } .col-2 { flex: 0 0 auto; width: 16.66666667%; } .col-3 { flex: 0 0 auto; width: 25%; } .col-4 { flex: 0 0 auto; width: 33.33333333%; } .col-5 { flex: 0 0 auto; width: 41.66666667%; } .col-6 { flex: 0 0 auto; width: 50%; } .col-7 { flex: 0 0 auto; width: 58.33333333%; } .col-8 { flex: 0 0 auto; width: 66.66666667%; } .col-9 { flex: 0 0 auto; width: 75%; } .col-10 { flex: 0 0 auto; width: 83.33333333%; } .col-11 { flex: 0 0 auto; width: 91.66666667%; } .col-12 { flex: 0 0 auto; width: 100%; } .offset-1 { margin-left: 8.33333333%; } .offset-2 { margin-left: 16.66666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333333%; } .offset-5 { margin-left: 41.66666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333333%; } .offset-8 { margin-left: 66.66666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333333%; } .offset-11 { margin-left: 91.66666667%; } .g-0, .gx-0 { --bs-gutter-x: 0; } .g-0, .gy-0 { --bs-gutter-y: 0; } .g-1, .gx-1 { --bs-gutter-x: 0.25rem; } .g-1, .gy-1 { --bs-gutter-y: 0.25rem; } .g-2, .gx-2 { --bs-gutter-x: 0.5rem; } .g-2, .gy-2 { --bs-gutter-y: 0.5rem; } .g-3, .gx-3 { --bs-gutter-x: 1rem; } .g-3, .gy-3 { --bs-gutter-y: 1rem; } .g-4, .gx-4 { --bs-gutter-x: 1.5rem; } .g-4, .gy-4 { --bs-gutter-y: 1.5rem; } .g-5, .gx-5 { --bs-gutter-x: 3rem; } .g-5, .gy-5 { --bs-gutter-y: 3rem; } @media (min-width: 576px) { .col-sm { flex: 1 0 0; } .row-cols-sm-auto > * { flex: 0 0 auto; width: auto; } .row-cols-sm-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-sm-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-sm-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-sm-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-sm-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-sm-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-sm-auto { flex: 0 0 auto; width: auto; } .col-sm-1 { flex: 0 0 auto; width: 8.33333333%; } .col-sm-2 { flex: 0 0 auto; width: 16.66666667%; } .col-sm-3 { flex: 0 0 auto; width: 25%; } .col-sm-4 { flex: 0 0 auto; width: 33.33333333%; } .col-sm-5 { flex: 0 0 auto; width: 41.66666667%; } .col-sm-6 { flex: 0 0 auto; width: 50%; } .col-sm-7 { flex: 0 0 auto; width: 58.33333333%; } .col-sm-8 { flex: 0 0 auto; width: 66.66666667%; } .col-sm-9 { flex: 0 0 auto; width: 75%; } .col-sm-10 { flex: 0 0 auto; width: 83.33333333%; } .col-sm-11 { flex: 0 0 auto; width: 91.66666667%; } .col-sm-12 { flex: 0 0 auto; width: 100%; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333333%; } .offset-sm-2 { margin-left: 16.66666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333333%; } .offset-sm-5 { margin-left: 41.66666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333333%; } .offset-sm-8 { margin-left: 66.66666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333333%; } .offset-sm-11 { margin-left: 91.66666667%; } .g-sm-0, .gx-sm-0 { --bs-gutter-x: 0; } .g-sm-0, .gy-sm-0 { --bs-gutter-y: 0; } .g-sm-1, .gx-sm-1 { --bs-gutter-x: 0.25rem; } .g-sm-1, .gy-sm-1 { --bs-gutter-y: 0.25rem; } .g-sm-2, .gx-sm-2 { --bs-gutter-x: 0.5rem; } .g-sm-2, .gy-sm-2 { --bs-gutter-y: 0.5rem; } .g-sm-3, .gx-sm-3 { --bs-gutter-x: 1rem; } .g-sm-3, .gy-sm-3 { --bs-gutter-y: 1rem; } .g-sm-4, .gx-sm-4 { --bs-gutter-x: 1.5rem; } .g-sm-4, .gy-sm-4 { --bs-gutter-y: 1.5rem; } .g-sm-5, .gx-sm-5 { --bs-gutter-x: 3rem; } .g-sm-5, .gy-sm-5 { --bs-gutter-y: 3rem; } } @media (min-width: 768px) { .col-md { flex: 1 0 0; } .row-cols-md-auto > * { flex: 0 0 auto; width: auto; } .row-cols-md-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-md-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-md-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-md-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-md-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-md-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-md-auto { flex: 0 0 auto; width: auto; } .col-md-1 { flex: 0 0 auto; width: 8.33333333%; } .col-md-2 { flex: 0 0 auto; width: 16.66666667%; } .col-md-3 { flex: 0 0 auto; width: 25%; } .col-md-4 { flex: 0 0 auto; width: 33.33333333%; } .col-md-5 { flex: 0 0 auto; width: 41.66666667%; } .col-md-6 { flex: 0 0 auto; width: 50%; } .col-md-7 { flex: 0 0 auto; width: 58.33333333%; } .col-md-8 { flex: 0 0 auto; width: 66.66666667%; } .col-md-9 { flex: 0 0 auto; width: 75%; } .col-md-10 { flex: 0 0 auto; width: 83.33333333%; } .col-md-11 { flex: 0 0 auto; width: 91.66666667%; } .col-md-12 { flex: 0 0 auto; width: 100%; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333333%; } .offset-md-2 { margin-left: 16.66666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333333%; } .offset-md-5 { margin-left: 41.66666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333333%; } .offset-md-8 { margin-left: 66.66666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333333%; } .offset-md-11 { margin-left: 91.66666667%; } .g-md-0, .gx-md-0 { --bs-gutter-x: 0; } .g-md-0, .gy-md-0 { --bs-gutter-y: 0; } .g-md-1, .gx-md-1 { --bs-gutter-x: 0.25rem; } .g-md-1, .gy-md-1 { --bs-gutter-y: 0.25rem; } .g-md-2, .gx-md-2 { --bs-gutter-x: 0.5rem; } .g-md-2, .gy-md-2 { --bs-gutter-y: 0.5rem; } .g-md-3, .gx-md-3 { --bs-gutter-x: 1rem; } .g-md-3, .gy-md-3 { --bs-gutter-y: 1rem; } .g-md-4, .gx-md-4 { --bs-gutter-x: 1.5rem; } .g-md-4, .gy-md-4 { --bs-gutter-y: 1.5rem; } .g-md-5, .gx-md-5 { --bs-gutter-x: 3rem; } .g-md-5, .gy-md-5 { --bs-gutter-y: 3rem; } } @media (min-width: 992px) { .col-lg { flex: 1 0 0; } .row-cols-lg-auto > * { flex: 0 0 auto; width: auto; } .row-cols-lg-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-lg-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-lg-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-lg-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-lg-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-lg-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-lg-auto { flex: 0 0 auto; width: auto; } .col-lg-1 { flex: 0 0 auto; width: 8.33333333%; } .col-lg-2 { flex: 0 0 auto; width: 16.66666667%; } .col-lg-3 { flex: 0 0 auto; width: 25%; } .col-lg-4 { flex: 0 0 auto; width: 33.33333333%; } .col-lg-5 { flex: 0 0 auto; width: 41.66666667%; } .col-lg-6 { flex: 0 0 auto; width: 50%; } .col-lg-7 { flex: 0 0 auto; width: 58.33333333%; } .col-lg-8 { flex: 0 0 auto; width: 66.66666667%; } .col-lg-9 { flex: 0 0 auto; width: 75%; } .col-lg-10 { flex: 0 0 auto; width: 83.33333333%; } .col-lg-11 { flex: 0 0 auto; width: 91.66666667%; } .col-lg-12 { flex: 0 0 auto; width: 100%; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333333%; } .offset-lg-2 { margin-left: 16.66666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333333%; } .offset-lg-5 { margin-left: 41.66666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333333%; } .offset-lg-8 { margin-left: 66.66666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333333%; } .offset-lg-11 { margin-left: 91.66666667%; } .g-lg-0, .gx-lg-0 { --bs-gutter-x: 0; } .g-lg-0, .gy-lg-0 { --bs-gutter-y: 0; } .g-lg-1, .gx-lg-1 { --bs-gutter-x: 0.25rem; } .g-lg-1, .gy-lg-1 { --bs-gutter-y: 0.25rem; } .g-lg-2, .gx-lg-2 { --bs-gutter-x: 0.5rem; } .g-lg-2, .gy-lg-2 { --bs-gutter-y: 0.5rem; } .g-lg-3, .gx-lg-3 { --bs-gutter-x: 1rem; } .g-lg-3, .gy-lg-3 { --bs-gutter-y: 1rem; } .g-lg-4, .gx-lg-4 { --bs-gutter-x: 1.5rem; } .g-lg-4, .gy-lg-4 { --bs-gutter-y: 1.5rem; } .g-lg-5, .gx-lg-5 { --bs-gutter-x: 3rem; } .g-lg-5, .gy-lg-5 { --bs-gutter-y: 3rem; } } @media (min-width: 1200px) { .col-xl { flex: 1 0 0; } .row-cols-xl-auto > * { flex: 0 0 auto; width: auto; } .row-cols-xl-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-xl-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-xl-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-xl-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-xl-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-xl-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-xl-auto { flex: 0 0 auto; width: auto; } .col-xl-1 { flex: 0 0 auto; width: 8.33333333%; } .col-xl-2 { flex: 0 0 auto; width: 16.66666667%; } .col-xl-3 { flex: 0 0 auto; width: 25%; } .col-xl-4 { flex: 0 0 auto; width: 33.33333333%; } .col-xl-5 { flex: 0 0 auto; width: 41.66666667%; } .col-xl-6 { flex: 0 0 auto; width: 50%; } .col-xl-7 { flex: 0 0 auto; width: 58.33333333%; } .col-xl-8 { flex: 0 0 auto; width: 66.66666667%; } .col-xl-9 { flex: 0 0 auto; width: 75%; } .col-xl-10 { flex: 0 0 auto; width: 83.33333333%; } .col-xl-11 { flex: 0 0 auto; width: 91.66666667%; } .col-xl-12 { flex: 0 0 auto; width: 100%; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333333%; } .offset-xl-2 { margin-left: 16.66666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333333%; } .offset-xl-5 { margin-left: 41.66666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333333%; } .offset-xl-8 { margin-left: 66.66666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333333%; } .offset-xl-11 { margin-left: 91.66666667%; } .g-xl-0, .gx-xl-0 { --bs-gutter-x: 0; } .g-xl-0, .gy-xl-0 { --bs-gutter-y: 0; } .g-xl-1, .gx-xl-1 { --bs-gutter-x: 0.25rem; } .g-xl-1, .gy-xl-1 { --bs-gutter-y: 0.25rem; } .g-xl-2, .gx-xl-2 { --bs-gutter-x: 0.5rem; } .g-xl-2, .gy-xl-2 { --bs-gutter-y: 0.5rem; } .g-xl-3, .gx-xl-3 { --bs-gutter-x: 1rem; } .g-xl-3, .gy-xl-3 { --bs-gutter-y: 1rem; } .g-xl-4, .gx-xl-4 { --bs-gutter-x: 1.5rem; } .g-xl-4, .gy-xl-4 { --bs-gutter-y: 1.5rem; } .g-xl-5, .gx-xl-5 { --bs-gutter-x: 3rem; } .g-xl-5, .gy-xl-5 { --bs-gutter-y: 3rem; } } @media (min-width: 1400px) { .col-xxl { flex: 1 0 0; } .row-cols-xxl-auto > * { flex: 0 0 auto; width: auto; } .row-cols-xxl-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-xxl-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-xxl-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-xxl-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-xxl-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-xxl-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-xxl-auto { flex: 0 0 auto; width: auto; } .col-xxl-1 { flex: 0 0 auto; width: 8.33333333%; } .col-xxl-2 { flex: 0 0 auto; width: 16.66666667%; } .col-xxl-3 { flex: 0 0 auto; width: 25%; } .col-xxl-4 { flex: 0 0 auto; width: 33.33333333%; } .col-xxl-5 { flex: 0 0 auto; width: 41.66666667%; } .col-xxl-6 { flex: 0 0 auto; width: 50%; } .col-xxl-7 { flex: 0 0 auto; width: 58.33333333%; } .col-xxl-8 { flex: 0 0 auto; width: 66.66666667%; } .col-xxl-9 { flex: 0 0 auto; width: 75%; } .col-xxl-10 { flex: 0 0 auto; width: 83.33333333%; } .col-xxl-11 { flex: 0 0 auto; width: 91.66666667%; } .col-xxl-12 { flex: 0 0 auto; width: 100%; } .offset-xxl-0 { margin-left: 0; } .offset-xxl-1 { margin-left: 8.33333333%; } .offset-xxl-2 { margin-left: 16.66666667%; } .offset-xxl-3 { margin-left: 25%; } .offset-xxl-4 { margin-left: 33.33333333%; } .offset-xxl-5 { margin-left: 41.66666667%; } .offset-xxl-6 { margin-left: 50%; } .offset-xxl-7 { margin-left: 58.33333333%; } .offset-xxl-8 { margin-left: 66.66666667%; } .offset-xxl-9 { margin-left: 75%; } .offset-xxl-10 { margin-left: 83.33333333%; } .offset-xxl-11 { margin-left: 91.66666667%; } .g-xxl-0, .gx-xxl-0 { --bs-gutter-x: 0; } .g-xxl-0, .gy-xxl-0 { --bs-gutter-y: 0; } .g-xxl-1, .gx-xxl-1 { --bs-gutter-x: 0.25rem; } .g-xxl-1, .gy-xxl-1 { --bs-gutter-y: 0.25rem; } .g-xxl-2, .gx-xxl-2 { --bs-gutter-x: 0.5rem; } .g-xxl-2, .gy-xxl-2 { --bs-gutter-y: 0.5rem; } .g-xxl-3, .gx-xxl-3 { --bs-gutter-x: 1rem; } .g-xxl-3, .gy-xxl-3 { --bs-gutter-y: 1rem; } .g-xxl-4, .gx-xxl-4 { --bs-gutter-x: 1.5rem; } .g-xxl-4, .gy-xxl-4 { --bs-gutter-y: 1.5rem; } .g-xxl-5, .gx-xxl-5 { --bs-gutter-x: 3rem; } .g-xxl-5, .gy-xxl-5 { --bs-gutter-y: 3rem; } } .table { --bs-table-color-type: initial; --bs-table-bg-type: initial; --bs-table-color-state: initial; --bs-table-bg-state: initial; --bs-table-color: var(--bs-emphasis-color); --bs-table-bg: var(--bs-body-bg); --bs-table-border-color: var(--bs-border-color); --bs-table-accent-bg: transparent; --bs-table-striped-color: var(--bs-emphasis-color); --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05); --bs-table-active-color: var(--bs-emphasis-color); --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1); --bs-table-hover-color: var(--bs-emphasis-color); --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075); width: 100%; margin-bottom: 1rem; vertical-align: top; border-color: var(--bs-table-border-color); } .table > :not(caption) > * > * { padding: 0.5rem 0.5rem; color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color))); background-color: var(--bs-table-bg); border-bottom-width: var(--bs-border-width); box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg))); } .table > tbody { vertical-align: inherit; } .table > thead { vertical-align: bottom; } .table-group-divider { border-top: calc(var(--bs-border-width) * 2) solid currentcolor; } .caption-top { caption-side: top; } .table-sm > :not(caption) > * > * { padding: 0.25rem 0.25rem; } .table-bordered > :not(caption) > * { border-width: var(--bs-border-width) 0; } .table-bordered > :not(caption) > * > * { border-width: 0 var(--bs-border-width); } .table-borderless > :not(caption) > * > * { border-bottom-width: 0; } .table-borderless > :not(:first-child) { border-top-width: 0; } .table-striped > tbody > tr:nth-of-type(odd) > * { --bs-table-color-type: var(--bs-table-striped-color); --bs-table-bg-type: var(--bs-table-striped-bg); } .table-striped-columns > :not(caption) > tr > :nth-child(even) { --bs-table-color-type: var(--bs-table-striped-color); --bs-table-bg-type: var(--bs-table-striped-bg); } .table-active { --bs-table-color-state: var(--bs-table-active-color); --bs-table-bg-state: var(--bs-table-active-bg); } .table-hover > tbody > tr:hover > * { --bs-table-color-state: var(--bs-table-hover-color); --bs-table-bg-state: var(--bs-table-hover-bg); } .table-primary { --bs-table-color: #000; --bs-table-bg: #cfe2ff; --bs-table-border-color: #a6b5cc; --bs-table-striped-bg: #c5d7f2; --bs-table-striped-color: #000; --bs-table-active-bg: #bacbe6; --bs-table-active-color: #000; --bs-table-hover-bg: #bfd1ec; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-secondary { --bs-table-color: #000; --bs-table-bg: #e2e3e5; --bs-table-border-color: #b5b6b7; --bs-table-striped-bg: #d7d8da; --bs-table-striped-color: #000; --bs-table-active-bg: #cbccce; --bs-table-active-color: #000; --bs-table-hover-bg: #d1d2d4; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-success { --bs-table-color: #000; --bs-table-bg: #d1e7dd; --bs-table-border-color: #a7b9b1; --bs-table-striped-bg: #c7dbd2; --bs-table-striped-color: #000; --bs-table-active-bg: #bcd0c7; --bs-table-active-color: #000; --bs-table-hover-bg: #c1d6cc; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-info { --bs-table-color: #000; --bs-table-bg: #cff4fc; --bs-table-border-color: #a6c3ca; --bs-table-striped-bg: #c5e8ef; --bs-table-striped-color: #000; --bs-table-active-bg: #badce3; --bs-table-active-color: #000; --bs-table-hover-bg: #bfe2e9; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-warning { --bs-table-color: #000; --bs-table-bg: #fff3cd; --bs-table-border-color: #ccc2a4; --bs-table-striped-bg: #f2e7c3; --bs-table-striped-color: #000; --bs-table-active-bg: #e6dbb9; --bs-table-active-color: #000; --bs-table-hover-bg: #ece1be; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-danger { --bs-table-color: #000; --bs-table-bg: #f8d7da; --bs-table-border-color: #c6acae; --bs-table-striped-bg: #eccccf; --bs-table-striped-color: #000; --bs-table-active-bg: #dfc2c4; --bs-table-active-color: #000; --bs-table-hover-bg: #e5c7ca; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-light { --bs-table-color: #000; --bs-table-bg: #f8f9fa; --bs-table-border-color: #c6c7c8; --bs-table-striped-bg: #ecedee; --bs-table-striped-color: #000; --bs-table-active-bg: #dfe0e1; --bs-table-active-color: #000; --bs-table-hover-bg: #e5e6e7; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-dark { --bs-table-color: #fff; --bs-table-bg: #212529; --bs-table-border-color: #4d5154; --bs-table-striped-bg: #2c3034; --bs-table-striped-color: #fff; --bs-table-active-bg: #373b3e; --bs-table-active-color: #fff; --bs-table-hover-bg: #323539; --bs-table-hover-color: #fff; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; } @media (max-width: 575.98px) { .table-responsive-sm { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 767.98px) { .table-responsive-md { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 991.98px) { .table-responsive-lg { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 1199.98px) { .table-responsive-xl { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 1399.98px) { .table-responsive-xxl { overflow-x: auto; -webkit-overflow-scrolling: touch; } } .form-label { margin-bottom: 0.5rem; } .col-form-label { padding-top: calc(0.375rem + var(--bs-border-width)); padding-bottom: calc(0.375rem + var(--bs-border-width)); margin-bottom: 0; font-size: inherit; line-height: 1.5; } .col-form-label-lg { padding-top: calc(0.5rem + var(--bs-border-width)); padding-bottom: calc(0.5rem + var(--bs-border-width)); font-size: 1.25rem; } .col-form-label-sm { padding-top: calc(0.25rem + var(--bs-border-width)); padding-bottom: calc(0.25rem + var(--bs-border-width)); font-size: 0.875rem; } .form-text { margin-top: 0.25rem; font-size: 0.875em; color: var(--bs-secondary-color); } .form-control { display: block; width: 100%; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: var(--bs-body-color); appearance: none; background-color: var(--bs-body-bg); background-clip: padding-box; border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); 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[type=file] { overflow: hidden; } .form-control[type=file]:not(:disabled):not([readonly]) { cursor: pointer; } .form-control:focus { color: var(--bs-body-color); background-color: var(--bs-body-bg); border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .form-control::-webkit-date-and-time-value { min-width: 85px; height: 1.5em; margin: 0; } .form-control::-webkit-datetime-edit { display: block; padding: 0; } .form-control::placeholder { color: var(--bs-secondary-color); opacity: 1; } .form-control:disabled { background-color: var(--bs-secondary-bg); opacity: 1; } .form-control::file-selector-button { padding: 0.375rem 0.75rem; margin: -0.375rem -0.75rem; margin-inline-end: 0.75rem; color: var(--bs-body-color); background-color: var(--bs-tertiary-bg); pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: var(--bs-border-width); border-radius: 0; 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) { .form-control::file-selector-button { transition: none; } } .form-control:hover:not(:disabled):not([readonly])::file-selector-button { background-color: var(--bs-secondary-bg); } .form-control-plaintext { display: block; width: 100%; padding: 0.375rem 0; margin-bottom: 0; line-height: 1.5; color: var(--bs-body-color); background-color: transparent; border: solid transparent; border-width: var(--bs-border-width) 0; } .form-control-plaintext:focus { outline: 0; } .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0; } .form-control-sm { min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2)); padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: var(--bs-border-radius-sm); } .form-control-sm::file-selector-button { padding: 0.25rem 0.5rem; margin: -0.25rem -0.5rem; margin-inline-end: 0.5rem; } .form-control-lg { min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2)); padding: 0.5rem 1rem; font-size: 1.25rem; border-radius: var(--bs-border-radius-lg); } .form-control-lg::file-selector-button { padding: 0.5rem 1rem; margin: -0.5rem -1rem; margin-inline-end: 1rem; } textarea.form-control { min-height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2)); } textarea.form-control-sm { min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2)); } textarea.form-control-lg { min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2)); } .form-control-color { width: 3rem; height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2)); padding: 0.375rem; } .form-control-color:not(:disabled):not([readonly]) { cursor: pointer; } .form-control-color::-moz-color-swatch { border: 0 !important; border-radius: var(--bs-border-radius); } .form-control-color::-webkit-color-swatch { border: 0 !important; border-radius: var(--bs-border-radius); } .form-control-color.form-control-sm { height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2)); } .form-control-color.form-control-lg { height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2)); } .form-select { --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); display: block; width: 100%; padding: 0.375rem 2.25rem 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: var(--bs-body-color); appearance: none; background-color: var(--bs-body-bg); background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none); background-repeat: no-repeat; background-position: right 0.75rem center; background-size: 16px 12px; border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-select { transition: none; } } .form-select:focus { border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .form-select[multiple], .form-select[size]:not([size="1"]) { padding-right: 0.75rem; background-image: none; } .form-select:disabled { background-color: var(--bs-secondary-bg); } .form-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 var(--bs-body-color); } .form-select-sm { padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; font-size: 0.875rem; border-radius: var(--bs-border-radius-sm); } .form-select-lg { padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; font-size: 1.25rem; border-radius: var(--bs-border-radius-lg); } [data-bs-theme=dark] .form-select { --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); } .form-check { display: block; min-height: 1.5rem; padding-left: 1.5em; margin-bottom: 0.125rem; } .form-check .form-check-input { float: left; margin-left: -1.5em; } .form-check-reverse { padding-right: 1.5em; padding-left: 0; text-align: right; } .form-check-reverse .form-check-input { float: right; margin-right: -1.5em; margin-left: 0; } .form-check-input { --bs-form-check-bg: var(--bs-body-bg); flex-shrink: 0; width: 1em; height: 1em; margin-top: 0.25em; vertical-align: top; appearance: none; background-color: var(--bs-form-check-bg); background-image: var(--bs-form-check-bg-image); background-repeat: no-repeat; background-position: center; background-size: contain; border: var(--bs-border-width) solid var(--bs-border-color); print-color-adjust: exact; } .form-check-input[type=checkbox] { border-radius: 0.25em; } .form-check-input[type=radio] { border-radius: 50%; } .form-check-input:active { filter: brightness(90%); } .form-check-input:focus { border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .form-check-input:checked { background-color: #0d6efd; border-color: #0d6efd; } .form-check-input:checked[type=checkbox] { --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e"); } .form-check-input:checked[type=radio] { --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e"); } .form-check-input[type=checkbox]:indeterminate { background-color: #0d6efd; border-color: #0d6efd; --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); } .form-check-input:disabled { pointer-events: none; filter: none; opacity: 0.5; } .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { cursor: default; opacity: 0.5; } .form-switch { padding-left: 2.5em; } .form-switch .form-check-input { --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e"); width: 2em; margin-left: -2.5em; background-image: var(--bs-form-switch-bg); background-position: left center; border-radius: 2em; transition: background-position 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-switch .form-check-input { transition: none; } } .form-switch .form-check-input:focus { --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e"); } .form-switch .form-check-input:checked { background-position: right center; --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); } .form-switch.form-check-reverse { padding-right: 2.5em; padding-left: 0; } .form-switch.form-check-reverse .form-check-input { margin-right: -2.5em; margin-left: 0; } .form-check-inline { display: inline-block; margin-right: 1rem; } .btn-check { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .btn-check[disabled] + .btn, .btn-check:disabled + .btn { pointer-events: none; filter: none; opacity: 0.65; } [data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) { --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e"); } .form-range { width: 100%; height: 1.5rem; padding: 0; appearance: none; background-color: transparent; } .form-range:focus { outline: 0; } .form-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .form-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .form-range::-moz-focus-outer { border: 0; } .form-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; appearance: none; background-color: #0d6efd; 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; } @media (prefers-reduced-motion: reduce) { .form-range::-webkit-slider-thumb { -webkit-transition: none; transition: none; } } .form-range::-webkit-slider-thumb:active { background-color: #b6d4fe; } .form-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: var(--bs-secondary-bg); border-color: transparent; border-radius: 1rem; } .form-range::-moz-range-thumb { width: 1rem; height: 1rem; appearance: none; background-color: #0d6efd; 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; } @media (prefers-reduced-motion: reduce) { .form-range::-moz-range-thumb { -moz-transition: none; transition: none; } } .form-range::-moz-range-thumb:active { background-color: #b6d4fe; } .form-range::-moz-range-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: var(--bs-secondary-bg); border-color: transparent; border-radius: 1rem; } .form-range:disabled { pointer-events: none; } .form-range:disabled::-webkit-slider-thumb { background-color: var(--bs-secondary-color); } .form-range:disabled::-moz-range-thumb { background-color: var(--bs-secondary-color); } .form-floating { position: relative; } .form-floating > .form-control, .form-floating > .form-control-plaintext, .form-floating > .form-select { height: calc(3.5rem + calc(var(--bs-border-width) * 2)); min-height: calc(3.5rem + calc(var(--bs-border-width) * 2)); line-height: 1.25; } .form-floating > label { position: absolute; top: 0; left: 0; z-index: 2; max-width: 100%; height: 100%; padding: 1rem 0.75rem; overflow: hidden; color: rgba(var(--bs-body-color-rgb), 0.65); text-align: start; text-overflow: ellipsis; white-space: nowrap; pointer-events: none; border: var(--bs-border-width) solid transparent; transform-origin: 0 0; transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-floating > label { transition: none; } } .form-floating > .form-control, .form-floating > .form-control-plaintext { padding: 1rem 0.75rem; } .form-floating > .form-control::placeholder, .form-floating > .form-control-plaintext::placeholder { color: transparent; } .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown), .form-floating > .form-control-plaintext:focus, .form-floating > .form-control-plaintext:not(:placeholder-shown) { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating > .form-control:-webkit-autofill, .form-floating > .form-control-plaintext:-webkit-autofill { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating > .form-select { padding-top: 1.625rem; padding-bottom: 0.625rem; padding-left: 0.75rem; } .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-control-plaintext ~ label, .form-floating > .form-select ~ label { transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } .form-floating > .form-control:-webkit-autofill ~ label { transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } .form-floating > textarea:focus ~ label::after, .form-floating > textarea:not(:placeholder-shown) ~ label::after { position: absolute; inset: 1rem 0.375rem; z-index: -1; height: 1.5em; content: ""; background-color: var(--bs-body-bg); border-radius: var(--bs-border-radius); } .form-floating > textarea:disabled ~ label::after { background-color: var(--bs-secondary-bg); } .form-floating > .form-control-plaintext ~ label { border-width: var(--bs-border-width) 0; } .form-floating > :disabled ~ label, .form-floating > .form-control:disabled ~ label { color: #6c757d; } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .input-group > .form-control, .input-group > .form-select, .input-group > .form-floating { position: relative; flex: 1 1 auto; width: 1%; min-width: 0; } .input-group > .form-control:focus, .input-group > .form-select:focus, .input-group > .form-floating:focus-within { z-index: 5; } .input-group .btn { position: relative; z-index: 2; } .input-group .btn:focus { z-index: 5; } .input-group-text { display: flex; align-items: center; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: var(--bs-body-color); text-align: center; white-space: nowrap; background-color: var(--bs-tertiary-bg); border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); } .input-group-lg > .form-control, .input-group-lg > .form-select, .input-group-lg > .input-group-text, .input-group-lg > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; border-radius: var(--bs-border-radius-lg); } .input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text, .input-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: var(--bs-border-radius-sm); } .input-group-lg > .form-select, .input-group-sm > .form-select { padding-right: 3rem; } .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), .input-group.has-validation > .dropdown-toggle:nth-last-child(n+4), .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control, .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-left: calc(-1 * var(--bs-border-width)); border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group > .form-floating:not(:first-child) > .form-control, .input-group > .form-floating:not(:first-child) > .form-select { border-top-left-radius: 0; border-bottom-left-radius: 0; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: var(--bs-form-valid-color); } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; color: #fff; background-color: var(--bs-success); border-radius: var(--bs-border-radius); } .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: var(--bs-form-valid-border-color); padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%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: var(--bs-form-valid-border-color); box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25); } .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 .form-select:valid, .form-select.is-valid { border-color: var(--bs-form-valid-border-color); } .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] { --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e"); padding-right: 4.125rem; background-position: right 0.75rem center, center right 2.25rem; background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-select:valid:focus, .form-select.is-valid:focus { border-color: var(--bs-form-valid-border-color); box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25); } .was-validated .form-control-color:valid, .form-control-color.is-valid { width: calc(3rem + calc(1.5em + 0.75rem)); } .was-validated .form-check-input:valid, .form-check-input.is-valid { border-color: var(--bs-form-valid-border-color); } .was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked { background-color: var(--bs-form-valid-color); } .was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus { box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25); } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: var(--bs-form-valid-color); } .form-check-inline .form-check-input ~ .valid-feedback { margin-left: 0.5em; } .was-validated .input-group > .form-control:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid, .was-validated .input-group > .form-select:not(:focus):valid, .input-group > .form-select:not(:focus).is-valid, .was-validated .input-group > .form-floating:not(:focus-within):valid, .input-group > .form-floating:not(:focus-within).is-valid { z-index: 3; } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: var(--bs-form-invalid-color); } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; color: #fff; background-color: var(--bs-danger); border-radius: var(--bs-border-radius); } .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: var(--bs-form-invalid-border-color); padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(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: var(--bs-form-invalid-border-color); box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25); } .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 .form-select:invalid, .form-select.is-invalid { border-color: var(--bs-form-invalid-border-color); } .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] { --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); padding-right: 4.125rem; background-position: right 0.75rem center, center right 2.25rem; background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-select:invalid:focus, .form-select.is-invalid:focus { border-color: var(--bs-form-invalid-border-color); box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25); } .was-validated .form-control-color:invalid, .form-control-color.is-invalid { width: calc(3rem + calc(1.5em + 0.75rem)); } .was-validated .form-check-input:invalid, .form-check-input.is-invalid { border-color: var(--bs-form-invalid-border-color); } .was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked { background-color: var(--bs-form-invalid-color); } .was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus { box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25); } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: var(--bs-form-invalid-color); } .form-check-inline .form-check-input ~ .invalid-feedback { margin-left: 0.5em; } .was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid, .was-validated .input-group > .form-select:not(:focus):invalid, .input-group > .form-select:not(:focus).is-invalid, .was-validated .input-group > .form-floating:not(:focus-within):invalid, .input-group > .form-floating:not(:focus-within).is-invalid { z-index: 4; } .btn { --bs-btn-padding-x: 0.75rem; --bs-btn-padding-y: 0.375rem; --bs-btn-font-family: ; --bs-btn-font-size: 1rem; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: var(--bs-body-color); --bs-btn-bg: transparent; --bs-btn-border-width: var(--bs-border-width); --bs-btn-border-color: transparent; --bs-btn-border-radius: var(--bs-border-radius); --bs-btn-hover-border-color: transparent; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); font-size: var(--bs-btn-font-size); font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); color: var(--bs-btn-color); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-user-select: none; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: var(--bs-btn-border-radius); background-color: var(--bs-btn-bg); transition: color 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: var(--bs-btn-hover-color); background-color: var(--bs-btn-hover-bg); border-color: var(--bs-btn-hover-border-color); } .btn-check + .btn:hover { color: var(--bs-btn-color); background-color: var(--bs-btn-bg); border-color: var(--bs-btn-border-color); } .btn:focus-visible { color: var(--bs-btn-hover-color); background-color: var(--bs-btn-hover-bg); border-color: var(--bs-btn-hover-border-color); outline: 0; box-shadow: var(--bs-btn-focus-box-shadow); } .btn-check:focus-visible + .btn { border-color: var(--bs-btn-hover-border-color); outline: 0; box-shadow: var(--bs-btn-focus-box-shadow); } .btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show { color: var(--bs-btn-active-color); background-color: var(--bs-btn-active-bg); border-color: var(--bs-btn-active-border-color); } .btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible { box-shadow: var(--bs-btn-focus-box-shadow); } .btn-check:checked:focus-visible + .btn { box-shadow: var(--bs-btn-focus-box-shadow); } .btn:disabled, .btn.disabled, fieldset:disabled .btn { color: var(--bs-btn-disabled-color); pointer-events: none; background-color: var(--bs-btn-disabled-bg); border-color: var(--bs-btn-disabled-border-color); opacity: var(--bs-btn-disabled-opacity); } .btn-primary { --bs-btn-color: #fff; --bs-btn-bg: #0d6efd; --bs-btn-border-color: #0d6efd; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #0b5ed7; --bs-btn-hover-border-color: #0a58ca; --bs-btn-focus-shadow-rgb: 49, 132, 253; --bs-btn-active-color: #fff; --bs-btn-active-bg: #0a58ca; --bs-btn-active-border-color: #0a53be; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #0d6efd; --bs-btn-disabled-border-color: #0d6efd; } .btn-secondary { --bs-btn-color: #fff; --bs-btn-bg: #6c757d; --bs-btn-border-color: #6c757d; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #5c636a; --bs-btn-hover-border-color: #565e64; --bs-btn-focus-shadow-rgb: 130, 138, 145; --bs-btn-active-color: #fff; --bs-btn-active-bg: #565e64; --bs-btn-active-border-color: #51585e; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #6c757d; --bs-btn-disabled-border-color: #6c757d; } .btn-success { --bs-btn-color: #fff; --bs-btn-bg: #198754; --bs-btn-border-color: #198754; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #157347; --bs-btn-hover-border-color: #146c43; --bs-btn-focus-shadow-rgb: 60, 153, 110; --bs-btn-active-color: #fff; --bs-btn-active-bg: #146c43; --bs-btn-active-border-color: #13653f; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #198754; --bs-btn-disabled-border-color: #198754; } .btn-info { --bs-btn-color: #000; --bs-btn-bg: #0dcaf0; --bs-btn-border-color: #0dcaf0; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #31d2f2; --bs-btn-hover-border-color: #25cff2; --bs-btn-focus-shadow-rgb: 11, 172, 204; --bs-btn-active-color: #000; --bs-btn-active-bg: #3dd5f3; --bs-btn-active-border-color: #25cff2; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #0dcaf0; --bs-btn-disabled-border-color: #0dcaf0; } .btn-warning { --bs-btn-color: #000; --bs-btn-bg: #ffc107; --bs-btn-border-color: #ffc107; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #ffca2c; --bs-btn-hover-border-color: #ffc720; --bs-btn-focus-shadow-rgb: 217, 164, 6; --bs-btn-active-color: #000; --bs-btn-active-bg: #ffcd39; --bs-btn-active-border-color: #ffc720; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #ffc107; --bs-btn-disabled-border-color: #ffc107; } .btn-danger { --bs-btn-color: #fff; --bs-btn-bg: #dc3545; --bs-btn-border-color: #dc3545; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #bb2d3b; --bs-btn-hover-border-color: #b02a37; --bs-btn-focus-shadow-rgb: 225, 83, 97; --bs-btn-active-color: #fff; --bs-btn-active-bg: #b02a37; --bs-btn-active-border-color: #a52834; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #dc3545; --bs-btn-disabled-border-color: #dc3545; } .btn-light { --bs-btn-color: #000; --bs-btn-bg: #f8f9fa; --bs-btn-border-color: #f8f9fa; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #d3d4d5; --bs-btn-hover-border-color: #c6c7c8; --bs-btn-focus-shadow-rgb: 211, 212, 213; --bs-btn-active-color: #000; --bs-btn-active-bg: #c6c7c8; --bs-btn-active-border-color: #babbbc; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #f8f9fa; --bs-btn-disabled-border-color: #f8f9fa; } .btn-dark { --bs-btn-color: #fff; --bs-btn-bg: #212529; --bs-btn-border-color: #212529; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #424649; --bs-btn-hover-border-color: #373b3e; --bs-btn-focus-shadow-rgb: 66, 70, 73; --bs-btn-active-color: #fff; --bs-btn-active-bg: #4d5154; --bs-btn-active-border-color: #373b3e; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #212529; --bs-btn-disabled-border-color: #212529; } .btn-outline-primary { --bs-btn-color: #0d6efd; --bs-btn-border-color: #0d6efd; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #0d6efd; --bs-btn-hover-border-color: #0d6efd; --bs-btn-focus-shadow-rgb: 13, 110, 253; --bs-btn-active-color: #fff; --bs-btn-active-bg: #0d6efd; --bs-btn-active-border-color: #0d6efd; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #0d6efd; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #0d6efd; --bs-gradient: none; } .btn-outline-secondary { --bs-btn-color: #6c757d; --bs-btn-border-color: #6c757d; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #6c757d; --bs-btn-hover-border-color: #6c757d; --bs-btn-focus-shadow-rgb: 108, 117, 125; --bs-btn-active-color: #fff; --bs-btn-active-bg: #6c757d; --bs-btn-active-border-color: #6c757d; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #6c757d; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #6c757d; --bs-gradient: none; } .btn-outline-success { --bs-btn-color: #198754; --bs-btn-border-color: #198754; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #198754; --bs-btn-hover-border-color: #198754; --bs-btn-focus-shadow-rgb: 25, 135, 84; --bs-btn-active-color: #fff; --bs-btn-active-bg: #198754; --bs-btn-active-border-color: #198754; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #198754; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #198754; --bs-gradient: none; } .btn-outline-info { --bs-btn-color: #0dcaf0; --bs-btn-border-color: #0dcaf0; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #0dcaf0; --bs-btn-hover-border-color: #0dcaf0; --bs-btn-focus-shadow-rgb: 13, 202, 240; --bs-btn-active-color: #000; --bs-btn-active-bg: #0dcaf0; --bs-btn-active-border-color: #0dcaf0; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #0dcaf0; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #0dcaf0; --bs-gradient: none; } .btn-outline-warning { --bs-btn-color: #ffc107; --bs-btn-border-color: #ffc107; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #ffc107; --bs-btn-hover-border-color: #ffc107; --bs-btn-focus-shadow-rgb: 255, 193, 7; --bs-btn-active-color: #000; --bs-btn-active-bg: #ffc107; --bs-btn-active-border-color: #ffc107; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #ffc107; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #ffc107; --bs-gradient: none; } .btn-outline-danger { --bs-btn-color: #dc3545; --bs-btn-border-color: #dc3545; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #dc3545; --bs-btn-hover-border-color: #dc3545; --bs-btn-focus-shadow-rgb: 220, 53, 69; --bs-btn-active-color: #fff; --bs-btn-active-bg: #dc3545; --bs-btn-active-border-color: #dc3545; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #dc3545; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #dc3545; --bs-gradient: none; } .btn-outline-light { --bs-btn-color: #f8f9fa; --bs-btn-border-color: #f8f9fa; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #f8f9fa; --bs-btn-hover-border-color: #f8f9fa; --bs-btn-focus-shadow-rgb: 248, 249, 250; --bs-btn-active-color: #000; --bs-btn-active-bg: #f8f9fa; --bs-btn-active-border-color: #f8f9fa; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #f8f9fa; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #f8f9fa; --bs-gradient: none; } .btn-outline-dark { --bs-btn-color: #212529; --bs-btn-border-color: #212529; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #212529; --bs-btn-hover-border-color: #212529; --bs-btn-focus-shadow-rgb: 33, 37, 41; --bs-btn-active-color: #fff; --bs-btn-active-bg: #212529; --bs-btn-active-border-color: #212529; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #212529; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #212529; --bs-gradient: none; } .btn-link { --bs-btn-font-weight: 400; --bs-btn-color: var(--bs-link-color); --bs-btn-bg: transparent; --bs-btn-border-color: transparent; --bs-btn-hover-color: var(--bs-link-hover-color); --bs-btn-hover-border-color: transparent; --bs-btn-active-color: var(--bs-link-hover-color); --bs-btn-active-border-color: transparent; --bs-btn-disabled-color: #6c757d; --bs-btn-disabled-border-color: transparent; --bs-btn-box-shadow: 0 0 0 #000; --bs-btn-focus-shadow-rgb: 49, 132, 253; text-decoration: underline; } .btn-link:focus-visible { color: var(--bs-btn-color); } .btn-link:hover { color: var(--bs-btn-hover-color); } .btn-lg, .btn-group-lg > .btn { --bs-btn-padding-y: 0.5rem; --bs-btn-padding-x: 1rem; --bs-btn-font-size: 1.25rem; --bs-btn-border-radius: var(--bs-border-radius-lg); } .btn-sm, .btn-group-sm > .btn { --bs-btn-padding-y: 0.25rem; --bs-btn-padding-x: 0.5rem; --bs-btn-font-size: 0.875rem; --bs-btn-border-radius: var(--bs-border-radius-sm); } .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 { height: 0; overflow: hidden; transition: height 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } .collapsing.collapse-horizontal { width: 0; height: auto; transition: width 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing.collapse-horizontal { transition: none; } } .dropup, .dropend, .dropdown, .dropstart, .dropup-center, .dropdown-center { 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 { --bs-dropdown-zindex: 1000; --bs-dropdown-min-width: 10rem; --bs-dropdown-padding-x: 0; --bs-dropdown-padding-y: 0.5rem; --bs-dropdown-spacer: 0.125rem; --bs-dropdown-font-size: 1rem; --bs-dropdown-color: var(--bs-body-color); --bs-dropdown-bg: var(--bs-body-bg); --bs-dropdown-border-color: var(--bs-border-color-translucent); --bs-dropdown-border-radius: var(--bs-border-radius); --bs-dropdown-border-width: var(--bs-border-width); --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width)); --bs-dropdown-divider-bg: var(--bs-border-color-translucent); --bs-dropdown-divider-margin-y: 0.5rem; --bs-dropdown-box-shadow: var(--bs-box-shadow); --bs-dropdown-link-color: var(--bs-body-color); --bs-dropdown-link-hover-color: var(--bs-body-color); --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg); --bs-dropdown-link-active-color: #fff; --bs-dropdown-link-active-bg: #0d6efd; --bs-dropdown-link-disabled-color: var(--bs-tertiary-color); --bs-dropdown-item-padding-x: 1rem; --bs-dropdown-item-padding-y: 0.25rem; --bs-dropdown-header-color: #6c757d; --bs-dropdown-header-padding-x: 1rem; --bs-dropdown-header-padding-y: 0.5rem; position: absolute; z-index: var(--bs-dropdown-zindex); display: none; min-width: var(--bs-dropdown-min-width); padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x); margin: 0; font-size: var(--bs-dropdown-font-size); color: var(--bs-dropdown-color); text-align: left; list-style: none; background-color: var(--bs-dropdown-bg); background-clip: padding-box; border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color); border-radius: var(--bs-dropdown-border-radius); } .dropdown-menu[data-bs-popper] { top: 100%; left: 0; margin-top: var(--bs-dropdown-spacer); } .dropdown-menu-start { --bs-position: start; } .dropdown-menu-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-end { --bs-position: end; } .dropdown-menu-end[data-bs-popper] { right: 0; left: auto; } @media (min-width: 576px) { .dropdown-menu-sm-start { --bs-position: start; } .dropdown-menu-sm-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-sm-end { --bs-position: end; } .dropdown-menu-sm-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width: 768px) { .dropdown-menu-md-start { --bs-position: start; } .dropdown-menu-md-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-md-end { --bs-position: end; } .dropdown-menu-md-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width: 992px) { .dropdown-menu-lg-start { --bs-position: start; } .dropdown-menu-lg-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-lg-end { --bs-position: end; } .dropdown-menu-lg-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width: 1200px) { .dropdown-menu-xl-start { --bs-position: start; } .dropdown-menu-xl-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-xl-end { --bs-position: end; } .dropdown-menu-xl-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width: 1400px) { .dropdown-menu-xxl-start { --bs-position: start; } .dropdown-menu-xxl-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-xxl-end { --bs-position: end; } .dropdown-menu-xxl-end[data-bs-popper] { right: 0; left: auto; } } .dropup .dropdown-menu[data-bs-popper] { top: auto; bottom: 100%; margin-top: 0; margin-bottom: var(--bs-dropdown-spacer); } .dropup .dropdown-toggle::after { display: inline-block; margin-left: 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; } .dropend .dropdown-menu[data-bs-popper] { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: var(--bs-dropdown-spacer); } .dropend .dropdown-toggle::after { display: inline-block; margin-left: 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; } .dropend .dropdown-toggle:empty::after { margin-left: 0; } .dropend .dropdown-toggle::after { vertical-align: 0; } .dropstart .dropdown-menu[data-bs-popper] { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: var(--bs-dropdown-spacer); } .dropstart .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .dropstart .dropdown-toggle::after { display: none; } .dropstart .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; } .dropstart .dropdown-toggle:empty::after { margin-left: 0; } .dropstart .dropdown-toggle::before { vertical-align: 0; } .dropdown-divider { height: 0; margin: var(--bs-dropdown-divider-margin-y) 0; overflow: hidden; border-top: 1px solid var(--bs-dropdown-divider-bg); opacity: 1; } .dropdown-item { display: block; width: 100%; padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); clear: both; font-weight: 400; color: var(--bs-dropdown-link-color); text-align: inherit; text-decoration: none; white-space: nowrap; background-color: transparent; border: 0; border-radius: var(--bs-dropdown-item-border-radius, 0); } .dropdown-item:hover, .dropdown-item:focus { color: var(--bs-dropdown-link-hover-color); background-color: var(--bs-dropdown-link-hover-bg); } .dropdown-item.active, .dropdown-item:active { color: var(--bs-dropdown-link-active-color); text-decoration: none; background-color: var(--bs-dropdown-link-active-bg); } .dropdown-item.disabled, .dropdown-item:disabled { color: var(--bs-dropdown-link-disabled-color); pointer-events: none; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x); margin-bottom: 0; font-size: 0.875rem; color: var(--bs-dropdown-header-color); white-space: nowrap; } .dropdown-item-text { display: block; padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); color: var(--bs-dropdown-link-color); } .dropdown-menu-dark { --bs-dropdown-color: #dee2e6; --bs-dropdown-bg: #343a40; --bs-dropdown-border-color: var(--bs-border-color-translucent); --bs-dropdown-box-shadow: ; --bs-dropdown-link-color: #dee2e6; --bs-dropdown-link-hover-color: #fff; --bs-dropdown-divider-bg: var(--bs-border-color-translucent); --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15); --bs-dropdown-link-active-color: #fff; --bs-dropdown-link-active-bg: #0d6efd; --bs-dropdown-link-disabled-color: #adb5bd; --bs-dropdown-header-color: #adb5bd; } .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; flex: 1 1 auto; } .btn-group > .btn-check:checked + .btn, .btn-group > .btn-check:focus + .btn, .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn-check:checked + .btn, .btn-group-vertical > .btn-check:focus + .btn, .btn-group-vertical > .btn:hover, .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 { border-radius: var(--bs-border-radius); } .btn-group > :not(.btn-check:first-child) + .btn, .btn-group > .btn-group:not(:first-child) { margin-left: calc(-1 * var(--bs-border-width)); } .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn.dropdown-toggle-split:first-child, .btn-group > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:nth-child(n+3), .btn-group > :not(.btn-check) + .btn, .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, .dropend .dropdown-toggle-split::after { margin-left: 0; } .dropstart .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: calc(-1 * var(--bs-border-width)); } .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:nth-child(n+3), .btn-group-vertical > :not(.btn-check) + .btn, .btn-group-vertical > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-top-right-radius: 0; } .nav { --bs-nav-link-padding-x: 1rem; --bs-nav-link-padding-y: 0.5rem; --bs-nav-link-font-weight: ; --bs-nav-link-color: var(--bs-link-color); --bs-nav-link-hover-color: var(--bs-link-hover-color); --bs-nav-link-disabled-color: var(--bs-secondary-color); display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x); font-size: var(--bs-nav-link-font-size); font-weight: var(--bs-nav-link-font-weight); color: var(--bs-nav-link-color); text-decoration: none; background: none; border: 0; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .nav-link { transition: none; } } .nav-link:hover, .nav-link:focus { color: var(--bs-nav-link-hover-color); } .nav-link:focus-visible { outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .nav-link.disabled, .nav-link:disabled { color: var(--bs-nav-link-disabled-color); pointer-events: none; cursor: default; } .nav-tabs { --bs-nav-tabs-border-width: var(--bs-border-width); --bs-nav-tabs-border-color: var(--bs-border-color); --bs-nav-tabs-border-radius: var(--bs-border-radius); --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color); --bs-nav-tabs-link-active-color: var(--bs-emphasis-color); --bs-nav-tabs-link-active-bg: var(--bs-body-bg); --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg); border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color); } .nav-tabs .nav-link { margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width)); border: var(--bs-nav-tabs-border-width) solid transparent; border-top-left-radius: var(--bs-nav-tabs-border-radius); border-top-right-radius: var(--bs-nav-tabs-border-radius); } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { isolation: isolate; border-color: var(--bs-nav-tabs-link-hover-border-color); } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: var(--bs-nav-tabs-link-active-color); background-color: var(--bs-nav-tabs-link-active-bg); border-color: var(--bs-nav-tabs-link-active-border-color); } .nav-tabs .dropdown-menu { margin-top: calc(-1 * var(--bs-nav-tabs-border-width)); border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills { --bs-nav-pills-border-radius: var(--bs-border-radius); --bs-nav-pills-link-active-color: #fff; --bs-nav-pills-link-active-bg: #0d6efd; } .nav-pills .nav-link { border-radius: var(--bs-nav-pills-border-radius); } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: var(--bs-nav-pills-link-active-color); background-color: var(--bs-nav-pills-link-active-bg); } .nav-underline { --bs-nav-underline-gap: 1rem; --bs-nav-underline-border-width: 0.125rem; --bs-nav-underline-link-active-color: var(--bs-emphasis-color); gap: var(--bs-nav-underline-gap); } .nav-underline .nav-link { padding-right: 0; padding-left: 0; border-bottom: var(--bs-nav-underline-border-width) solid transparent; } .nav-underline .nav-link:hover, .nav-underline .nav-link:focus { border-bottom-color: currentcolor; } .nav-underline .nav-link.active, .nav-underline .show > .nav-link { font-weight: 700; color: var(--bs-nav-underline-link-active-color); border-bottom-color: currentcolor; } .nav-fill > .nav-link, .nav-fill .nav-item { flex: 1 1 auto; text-align: center; } .nav-justified > .nav-link, .nav-justified .nav-item { flex-grow: 1; flex-basis: 0; text-align: center; } .nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link { width: 100%; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { --bs-navbar-padding-x: 0; --bs-navbar-padding-y: 0.5rem; --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65); --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8); --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3); --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1); --bs-navbar-brand-padding-y: 0.3125rem; --bs-navbar-brand-margin-end: 1rem; --bs-navbar-brand-font-size: 1.25rem; --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1); --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1); --bs-navbar-nav-link-padding-x: 0.5rem; --bs-navbar-toggler-padding-y: 0.25rem; --bs-navbar-toggler-padding-x: 0.75rem; --bs-navbar-toggler-font-size: 1.25rem; --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15); --bs-navbar-toggler-border-radius: var(--bs-border-radius); --bs-navbar-toggler-focus-width: 0.25rem; --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out; position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x); } .navbar > .container, .navbar > .container-fluid, .navbar > .container-sm, .navbar > .container-md, .navbar > .container-lg, .navbar > .container-xl, .navbar > .container-xxl { display: flex; flex-wrap: inherit; align-items: center; justify-content: space-between; } .navbar-brand { padding-top: var(--bs-navbar-brand-padding-y); padding-bottom: var(--bs-navbar-brand-padding-y); margin-right: var(--bs-navbar-brand-margin-end); font-size: var(--bs-navbar-brand-font-size); color: var(--bs-navbar-brand-color); text-decoration: none; white-space: nowrap; } .navbar-brand:hover, .navbar-brand:focus { color: var(--bs-navbar-brand-hover-color); } .navbar-nav { --bs-nav-link-padding-x: 0; --bs-nav-link-padding-y: 0.5rem; --bs-nav-link-font-weight: ; --bs-nav-link-color: var(--bs-navbar-color); --bs-nav-link-hover-color: var(--bs-navbar-hover-color); --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color); display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link.active, .navbar-nav .nav-link.show { color: var(--bs-navbar-active-color); } .navbar-nav .dropdown-menu { position: static; } .navbar-text { padding-top: 0.5rem; padding-bottom: 0.5rem; color: var(--bs-navbar-color); } .navbar-text a, .navbar-text a:hover, .navbar-text a:focus { color: var(--bs-navbar-active-color); } .navbar-collapse { flex-grow: 1; flex-basis: 100%; align-items: center; } .navbar-toggler { padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x); font-size: var(--bs-navbar-toggler-font-size); line-height: 1; color: var(--bs-navbar-color); background-color: transparent; border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color); border-radius: var(--bs-navbar-toggler-border-radius); transition: var(--bs-navbar-toggler-transition); } @media (prefers-reduced-motion: reduce) { .navbar-toggler { transition: none; } } .navbar-toggler:hover { text-decoration: none; } .navbar-toggler:focus { text-decoration: none; outline: 0; box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width); } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; background-image: var(--bs-navbar-toggler-icon-bg); background-repeat: no-repeat; background-position: center; background-size: 100%; } .navbar-nav-scroll { max-height: var(--bs-scroll-height, 75vh); overflow-y: auto; } @media (min-width: 576px) { .navbar-expand-sm { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand-sm .navbar-nav-scroll { overflow: visible; } .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } .navbar-expand-sm .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } .navbar-expand-sm .offcanvas .offcanvas-header { display: none; } .navbar-expand-sm .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } @media (min-width: 768px) { .navbar-expand-md { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-md .navbar-nav { flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand-md .navbar-nav-scroll { overflow: visible; } .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } .navbar-expand-md .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } .navbar-expand-md .offcanvas .offcanvas-header { display: none; } .navbar-expand-md .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } @media (min-width: 992px) { .navbar-expand-lg { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand-lg .navbar-nav-scroll { overflow: visible; } .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } .navbar-expand-lg .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } .navbar-expand-lg .offcanvas .offcanvas-header { display: none; } .navbar-expand-lg .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } @media (min-width: 1200px) { .navbar-expand-xl { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand-xl .navbar-nav-scroll { overflow: visible; } .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } .navbar-expand-xl .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } .navbar-expand-xl .offcanvas .offcanvas-header { display: none; } .navbar-expand-xl .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } @media (min-width: 1400px) { .navbar-expand-xxl { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-xxl .navbar-nav { flex-direction: row; } .navbar-expand-xxl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xxl .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand-xxl .navbar-nav-scroll { overflow: visible; } .navbar-expand-xxl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xxl .navbar-toggler { display: none; } .navbar-expand-xxl .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } .navbar-expand-xxl .offcanvas .offcanvas-header { display: none; } .navbar-expand-xxl .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } .navbar-expand { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand .navbar-nav { flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand .navbar-nav-scroll { overflow: visible; } .navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; } .navbar-expand .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } .navbar-expand .offcanvas .offcanvas-header { display: none; } .navbar-expand .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } .navbar-dark, .navbar[data-bs-theme=dark] { --bs-navbar-color: rgba(255, 255, 255, 0.55); --bs-navbar-hover-color: rgba(255, 255, 255, 0.75); --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25); --bs-navbar-active-color: #fff; --bs-navbar-brand-color: #fff; --bs-navbar-brand-hover-color: #fff; --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1); --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } [data-bs-theme=dark] .navbar-toggler-icon { --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .card { --bs-card-spacer-y: 1rem; --bs-card-spacer-x: 1rem; --bs-card-title-spacer-y: 0.5rem; --bs-card-title-color: ; --bs-card-subtitle-color: ; --bs-card-border-width: var(--bs-border-width); --bs-card-border-color: var(--bs-border-color-translucent); --bs-card-border-radius: var(--bs-border-radius); --bs-card-box-shadow: ; --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width))); --bs-card-cap-padding-y: 0.5rem; --bs-card-cap-padding-x: 1rem; --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03); --bs-card-cap-color: ; --bs-card-height: ; --bs-card-color: ; --bs-card-bg: var(--bs-body-bg); --bs-card-img-overlay-padding: 1rem; --bs-card-group-margin: 0.75rem; position: relative; display: flex; flex-direction: column; min-width: 0; height: var(--bs-card-height); color: var(--bs-body-color); word-wrap: break-word; background-color: var(--bs-card-bg); background-clip: border-box; border: var(--bs-card-border-width) solid var(--bs-card-border-color); border-radius: var(--bs-card-border-radius); } .card > hr { margin-right: 0; margin-left: 0; } .card > .list-group { border-top: inherit; border-bottom: inherit; } .card > .list-group:first-child { border-top-width: 0; border-top-left-radius: var(--bs-card-inner-border-radius); border-top-right-radius: var(--bs-card-inner-border-radius); } .card > .list-group:last-child { border-bottom-width: 0; border-bottom-right-radius: var(--bs-card-inner-border-radius); border-bottom-left-radius: var(--bs-card-inner-border-radius); } .card > .card-header + .list-group, .card > .list-group + .card-footer { border-top: 0; } .card-body { flex: 1 1 auto; padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x); color: var(--bs-card-color); } .card-title { margin-bottom: var(--bs-card-title-spacer-y); color: var(--bs-card-title-color); } .card-subtitle { margin-top: calc(-0.5 * var(--bs-card-title-spacer-y)); margin-bottom: 0; color: var(--bs-card-subtitle-color); } .card-text:last-child { margin-bottom: 0; } .card-link + .card-link { margin-left: var(--bs-card-spacer-x); } .card-header { padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x); margin-bottom: 0; color: var(--bs-card-cap-color); background-color: var(--bs-card-cap-bg); border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color); } .card-header:first-child { border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0; } .card-footer { padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x); color: var(--bs-card-cap-color); background-color: var(--bs-card-cap-bg); border-top: var(--bs-card-border-width) solid var(--bs-card-border-color); } .card-footer:last-child { border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius); } .card-header-tabs { margin-right: calc(-0.5 * var(--bs-card-cap-padding-x)); margin-bottom: calc(-1 * var(--bs-card-cap-padding-y)); margin-left: calc(-0.5 * var(--bs-card-cap-padding-x)); border-bottom: 0; } .card-header-tabs .nav-link.active { background-color: var(--bs-card-bg); border-bottom-color: var(--bs-card-bg); } .card-header-pills { margin-right: calc(-0.5 * var(--bs-card-cap-padding-x)); margin-left: calc(-0.5 * var(--bs-card-cap-padding-x)); } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: var(--bs-card-img-overlay-padding); border-radius: var(--bs-card-inner-border-radius); } .card-img, .card-img-top, .card-img-bottom { width: 100%; } .card-img, .card-img-top { border-top-left-radius: var(--bs-card-inner-border-radius); border-top-right-radius: var(--bs-card-inner-border-radius); } .card-img, .card-img-bottom { border-bottom-right-radius: var(--bs-card-inner-border-radius); border-bottom-left-radius: var(--bs-card-inner-border-radius); } .card-group > .card { margin-bottom: var(--bs-card-group-margin); } @media (min-width: 576px) { .card-group { display: flex; flex-flow: row wrap; } .card-group > .card { flex: 1 0 0; margin-bottom: 0; } .card-group > .card + .card { margin-left: 0; border-left: 0; } .card-group > .card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group > .card:not(:last-child) > .card-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; } } .accordion { --bs-accordion-color: var(--bs-body-color); --bs-accordion-bg: var(--bs-body-bg); --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease; --bs-accordion-border-color: var(--bs-border-color); --bs-accordion-border-width: var(--bs-border-width); --bs-accordion-border-radius: var(--bs-border-radius); --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width))); --bs-accordion-btn-padding-x: 1.25rem; --bs-accordion-btn-padding-y: 1rem; --bs-accordion-btn-color: var(--bs-body-color); --bs-accordion-btn-bg: var(--bs-accordion-bg); --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); --bs-accordion-btn-icon-width: 1.25rem; --bs-accordion-btn-icon-transform: rotate(-180deg); --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out; --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); --bs-accordion-body-padding-x: 1.25rem; --bs-accordion-body-padding-y: 1rem; --bs-accordion-active-color: var(--bs-primary-text-emphasis); --bs-accordion-active-bg: var(--bs-primary-bg-subtle); } .accordion-button { position: relative; display: flex; align-items: center; width: 100%; padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x); font-size: 1rem; color: var(--bs-accordion-btn-color); text-align: left; background-color: var(--bs-accordion-btn-bg); border: 0; border-radius: 0; overflow-anchor: none; transition: var(--bs-accordion-transition); } @media (prefers-reduced-motion: reduce) { .accordion-button { transition: none; } } .accordion-button:not(.collapsed) { color: var(--bs-accordion-active-color); background-color: var(--bs-accordion-active-bg); box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color); } .accordion-button:not(.collapsed)::after { background-image: var(--bs-accordion-btn-active-icon); transform: var(--bs-accordion-btn-icon-transform); } .accordion-button::after { flex-shrink: 0; width: var(--bs-accordion-btn-icon-width); height: var(--bs-accordion-btn-icon-width); margin-left: auto; content: ""; background-image: var(--bs-accordion-btn-icon); background-repeat: no-repeat; background-size: var(--bs-accordion-btn-icon-width); transition: var(--bs-accordion-btn-icon-transition); } @media (prefers-reduced-motion: reduce) { .accordion-button::after { transition: none; } } .accordion-button:hover { z-index: 2; } .accordion-button:focus { z-index: 3; outline: 0; box-shadow: var(--bs-accordion-btn-focus-box-shadow); } .accordion-header { margin-bottom: 0; } .accordion-item { color: var(--bs-accordion-color); background-color: var(--bs-accordion-bg); border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color); } .accordion-item:first-of-type { border-top-left-radius: var(--bs-accordion-border-radius); border-top-right-radius: var(--bs-accordion-border-radius); } .accordion-item:first-of-type > .accordion-header .accordion-button { border-top-left-radius: var(--bs-accordion-inner-border-radius); border-top-right-radius: var(--bs-accordion-inner-border-radius); } .accordion-item:not(:first-of-type) { border-top: 0; } .accordion-item:last-of-type { border-bottom-right-radius: var(--bs-accordion-border-radius); border-bottom-left-radius: var(--bs-accordion-border-radius); } .accordion-item:last-of-type > .accordion-header .accordion-button.collapsed { border-bottom-right-radius: var(--bs-accordion-inner-border-radius); border-bottom-left-radius: var(--bs-accordion-inner-border-radius); } .accordion-item:last-of-type > .accordion-collapse { border-bottom-right-radius: var(--bs-accordion-border-radius); border-bottom-left-radius: var(--bs-accordion-border-radius); } .accordion-body { padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x); } .accordion-flush > .accordion-item { border-right: 0; border-left: 0; border-radius: 0; } .accordion-flush > .accordion-item:first-child { border-top: 0; } .accordion-flush > .accordion-item:last-child { border-bottom: 0; } .accordion-flush > .accordion-item > .accordion-collapse, .accordion-flush > .accordion-item > .accordion-header .accordion-button, .accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed { border-radius: 0; } [data-bs-theme=dark] .accordion-button::after { --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e"); --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e"); } .breadcrumb { --bs-breadcrumb-padding-x: 0; --bs-breadcrumb-padding-y: 0; --bs-breadcrumb-margin-bottom: 1rem; --bs-breadcrumb-bg: ; --bs-breadcrumb-border-radius: ; --bs-breadcrumb-divider-color: var(--bs-secondary-color); --bs-breadcrumb-item-padding-x: 0.5rem; --bs-breadcrumb-item-active-color: var(--bs-secondary-color); display: flex; flex-wrap: wrap; padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x); margin-bottom: var(--bs-breadcrumb-margin-bottom); font-size: var(--bs-breadcrumb-font-size); list-style: none; background-color: var(--bs-breadcrumb-bg); border-radius: var(--bs-breadcrumb-border-radius); } .breadcrumb-item + .breadcrumb-item { padding-left: var(--bs-breadcrumb-item-padding-x); } .breadcrumb-item + .breadcrumb-item::before { float: left; padding-right: var(--bs-breadcrumb-item-padding-x); color: var(--bs-breadcrumb-divider-color); content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */; } .breadcrumb-item.active { color: var(--bs-breadcrumb-item-active-color); } .pagination { --bs-pagination-padding-x: 0.75rem; --bs-pagination-padding-y: 0.375rem; --bs-pagination-font-size: 1rem; --bs-pagination-color: var(--bs-link-color); --bs-pagination-bg: var(--bs-body-bg); --bs-pagination-border-width: var(--bs-border-width); --bs-pagination-border-color: var(--bs-border-color); --bs-pagination-border-radius: var(--bs-border-radius); --bs-pagination-hover-color: var(--bs-link-hover-color); --bs-pagination-hover-bg: var(--bs-tertiary-bg); --bs-pagination-hover-border-color: var(--bs-border-color); --bs-pagination-focus-color: var(--bs-link-hover-color); --bs-pagination-focus-bg: var(--bs-secondary-bg); --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); --bs-pagination-active-color: #fff; --bs-pagination-active-bg: #0d6efd; --bs-pagination-active-border-color: #0d6efd; --bs-pagination-disabled-color: var(--bs-secondary-color); --bs-pagination-disabled-bg: var(--bs-secondary-bg); --bs-pagination-disabled-border-color: var(--bs-border-color); display: flex; padding-left: 0; list-style: none; } .page-link { position: relative; display: block; padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x); font-size: var(--bs-pagination-font-size); color: var(--bs-pagination-color); text-decoration: none; background-color: var(--bs-pagination-bg); border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color); transition: color 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) { .page-link { transition: none; } } .page-link:hover { z-index: 2; color: var(--bs-pagination-hover-color); background-color: var(--bs-pagination-hover-bg); border-color: var(--bs-pagination-hover-border-color); } .page-link:focus { z-index: 3; color: var(--bs-pagination-focus-color); background-color: var(--bs-pagination-focus-bg); outline: 0; box-shadow: var(--bs-pagination-focus-box-shadow); } .page-link.active, .active > .page-link { z-index: 3; color: var(--bs-pagination-active-color); background-color: var(--bs-pagination-active-bg); border-color: var(--bs-pagination-active-border-color); } .page-link.disabled, .disabled > .page-link { color: var(--bs-pagination-disabled-color); pointer-events: none; background-color: var(--bs-pagination-disabled-bg); border-color: var(--bs-pagination-disabled-border-color); } .page-item:not(:first-child) .page-link { margin-left: calc(-1 * var(--bs-border-width)); } .page-item:first-child .page-link { border-top-left-radius: var(--bs-pagination-border-radius); border-bottom-left-radius: var(--bs-pagination-border-radius); } .page-item:last-child .page-link { border-top-right-radius: var(--bs-pagination-border-radius); border-bottom-right-radius: var(--bs-pagination-border-radius); } .pagination-lg { --bs-pagination-padding-x: 1.5rem; --bs-pagination-padding-y: 0.75rem; --bs-pagination-font-size: 1.25rem; --bs-pagination-border-radius: var(--bs-border-radius-lg); } .pagination-sm { --bs-pagination-padding-x: 0.5rem; --bs-pagination-padding-y: 0.25rem; --bs-pagination-font-size: 0.875rem; --bs-pagination-border-radius: var(--bs-border-radius-sm); } .badge { --bs-badge-padding-x: 0.65em; --bs-badge-padding-y: 0.35em; --bs-badge-font-size: 0.75em; --bs-badge-font-weight: 700; --bs-badge-color: #fff; --bs-badge-border-radius: var(--bs-border-radius); display: inline-block; padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x); font-size: var(--bs-badge-font-size); font-weight: var(--bs-badge-font-weight); line-height: 1; color: var(--bs-badge-color); text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: var(--bs-badge-border-radius); } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .alert { --bs-alert-bg: transparent; --bs-alert-padding-x: 1rem; --bs-alert-padding-y: 1rem; --bs-alert-margin-bottom: 1rem; --bs-alert-color: inherit; --bs-alert-border-color: transparent; --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color); --bs-alert-border-radius: var(--bs-border-radius); --bs-alert-link-color: inherit; position: relative; padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x); margin-bottom: var(--bs-alert-margin-bottom); color: var(--bs-alert-color); background-color: var(--bs-alert-bg); border: var(--bs-alert-border); border-radius: var(--bs-alert-border-radius); } .alert-heading { color: inherit; } .alert-link { font-weight: 700; color: var(--bs-alert-link-color); } .alert-dismissible { padding-right: 3rem; } .alert-dismissible .btn-close { position: absolute; top: 0; right: 0; z-index: 2; padding: 1.25rem 1rem; } .alert-primary { --bs-alert-color: var(--bs-primary-text-emphasis); --bs-alert-bg: var(--bs-primary-bg-subtle); --bs-alert-border-color: var(--bs-primary-border-subtle); --bs-alert-link-color: var(--bs-primary-text-emphasis); } .alert-secondary { --bs-alert-color: var(--bs-secondary-text-emphasis); --bs-alert-bg: var(--bs-secondary-bg-subtle); --bs-alert-border-color: var(--bs-secondary-border-subtle); --bs-alert-link-color: var(--bs-secondary-text-emphasis); } .alert-success { --bs-alert-color: var(--bs-success-text-emphasis); --bs-alert-bg: var(--bs-success-bg-subtle); --bs-alert-border-color: var(--bs-success-border-subtle); --bs-alert-link-color: var(--bs-success-text-emphasis); } .alert-info { --bs-alert-color: var(--bs-info-text-emphasis); --bs-alert-bg: var(--bs-info-bg-subtle); --bs-alert-border-color: var(--bs-info-border-subtle); --bs-alert-link-color: var(--bs-info-text-emphasis); } .alert-warning { --bs-alert-color: var(--bs-warning-text-emphasis); --bs-alert-bg: var(--bs-warning-bg-subtle); --bs-alert-border-color: var(--bs-warning-border-subtle); --bs-alert-link-color: var(--bs-warning-text-emphasis); } .alert-danger { --bs-alert-color: var(--bs-danger-text-emphasis); --bs-alert-bg: var(--bs-danger-bg-subtle); --bs-alert-border-color: var(--bs-danger-border-subtle); --bs-alert-link-color: var(--bs-danger-text-emphasis); } .alert-light { --bs-alert-color: var(--bs-light-text-emphasis); --bs-alert-bg: var(--bs-light-bg-subtle); --bs-alert-border-color: var(--bs-light-border-subtle); --bs-alert-link-color: var(--bs-light-text-emphasis); } .alert-dark { --bs-alert-color: var(--bs-dark-text-emphasis); --bs-alert-bg: var(--bs-dark-bg-subtle); --bs-alert-border-color: var(--bs-dark-border-subtle); --bs-alert-link-color: var(--bs-dark-text-emphasis); } @keyframes progress-bar-stripes { 0% { background-position-x: var(--bs-progress-height); } } .progress, .progress-stacked { --bs-progress-height: 1rem; --bs-progress-font-size: 0.75rem; --bs-progress-bg: var(--bs-secondary-bg); --bs-progress-border-radius: var(--bs-border-radius); --bs-progress-box-shadow: var(--bs-box-shadow-inset); --bs-progress-bar-color: #fff; --bs-progress-bar-bg: #0d6efd; --bs-progress-bar-transition: width 0.6s ease; display: flex; height: var(--bs-progress-height); overflow: hidden; font-size: var(--bs-progress-font-size); background-color: var(--bs-progress-bg); border-radius: var(--bs-progress-border-radius); } .progress-bar { display: flex; flex-direction: column; justify-content: center; overflow: hidden; color: var(--bs-progress-bar-color); text-align: center; white-space: nowrap; background-color: var(--bs-progress-bar-bg); transition: var(--bs-progress-bar-transition); } @media (prefers-reduced-motion: reduce) { .progress-bar { transition: none; } } .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 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: var(--bs-progress-height) var(--bs-progress-height); } .progress-stacked > .progress { overflow: visible; } .progress-stacked > .progress > .progress-bar { width: 100%; } .progress-bar-animated { animation: 1s linear infinite progress-bar-stripes; } @media (prefers-reduced-motion: reduce) { .progress-bar-animated { animation: none; } } .list-group { --bs-list-group-color: var(--bs-body-color); --bs-list-group-bg: var(--bs-body-bg); --bs-list-group-border-color: var(--bs-border-color); --bs-list-group-border-width: var(--bs-border-width); --bs-list-group-border-radius: var(--bs-border-radius); --bs-list-group-item-padding-x: 1rem; --bs-list-group-item-padding-y: 0.5rem; --bs-list-group-action-color: var(--bs-secondary-color); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-tertiary-bg); --bs-list-group-action-active-color: var(--bs-body-color); --bs-list-group-action-active-bg: var(--bs-secondary-bg); --bs-list-group-disabled-color: var(--bs-secondary-color); --bs-list-group-disabled-bg: var(--bs-body-bg); --bs-list-group-active-color: #fff; --bs-list-group-active-bg: #0d6efd; --bs-list-group-active-border-color: #0d6efd; display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; border-radius: var(--bs-list-group-border-radius); } .list-group-numbered { list-style-type: none; counter-reset: section; } .list-group-numbered > .list-group-item::before { content: counters(section, ".") ". "; counter-increment: section; } .list-group-item { position: relative; display: block; padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x); color: var(--bs-list-group-color); text-decoration: none; background-color: var(--bs-list-group-bg); border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color); } .list-group-item:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit; } .list-group-item:last-child { border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; } .list-group-item.disabled, .list-group-item:disabled { color: var(--bs-list-group-disabled-color); pointer-events: none; background-color: var(--bs-list-group-disabled-bg); } .list-group-item.active { z-index: 2; color: var(--bs-list-group-active-color); background-color: var(--bs-list-group-active-bg); border-color: var(--bs-list-group-active-border-color); } .list-group-item + .list-group-item { border-top-width: 0; } .list-group-item + .list-group-item.active { margin-top: calc(-1 * var(--bs-list-group-border-width)); border-top-width: var(--bs-list-group-border-width); } .list-group-item-action { width: 100%; color: var(--bs-list-group-action-color); text-align: inherit; } .list-group-item-action:not(.active):hover, .list-group-item-action:not(.active):focus { z-index: 1; color: var(--bs-list-group-action-hover-color); text-decoration: none; background-color: var(--bs-list-group-action-hover-bg); } .list-group-item-action:not(.active):active { color: var(--bs-list-group-action-active-color); background-color: var(--bs-list-group-action-active-bg); } .list-group-horizontal { flex-direction: row; } .list-group-horizontal > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0; } .list-group-horizontal > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0; } .list-group-horizontal > .list-group-item.active { margin-top: 0; } .list-group-horizontal > .list-group-item + .list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0; } .list-group-horizontal > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); } @media (min-width: 576px) { .list-group-horizontal-sm { flex-direction: row; } .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0; } .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0; } .list-group-horizontal-sm > .list-group-item.active { margin-top: 0; } .list-group-horizontal-sm > .list-group-item + .list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0; } .list-group-horizontal-sm > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); } } @media (min-width: 768px) { .list-group-horizontal-md { flex-direction: row; } .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0; } .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0; } .list-group-horizontal-md > .list-group-item.active { margin-top: 0; } .list-group-horizontal-md > .list-group-item + .list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0; } .list-group-horizontal-md > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); } } @media (min-width: 992px) { .list-group-horizontal-lg { flex-direction: row; } .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0; } .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0; } .list-group-horizontal-lg > .list-group-item.active { margin-top: 0; } .list-group-horizontal-lg > .list-group-item + .list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0; } .list-group-horizontal-lg > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); } } @media (min-width: 1200px) { .list-group-horizontal-xl { flex-direction: row; } .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0; } .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0; } .list-group-horizontal-xl > .list-group-item.active { margin-top: 0; } .list-group-horizontal-xl > .list-group-item + .list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0; } .list-group-horizontal-xl > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); } } @media (min-width: 1400px) { .list-group-horizontal-xxl { flex-direction: row; } .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0; } .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0; } .list-group-horizontal-xxl > .list-group-item.active { margin-top: 0; } .list-group-horizontal-xxl > .list-group-item + .list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0; } .list-group-horizontal-xxl > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); } } .list-group-flush { border-radius: 0; } .list-group-flush > .list-group-item { border-width: 0 0 var(--bs-list-group-border-width); } .list-group-flush > .list-group-item:last-child { border-bottom-width: 0; } .list-group-item-primary { --bs-list-group-color: var(--bs-primary-text-emphasis); --bs-list-group-bg: var(--bs-primary-bg-subtle); --bs-list-group-border-color: var(--bs-primary-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-primary-border-subtle); --bs-list-group-active-color: var(--bs-primary-bg-subtle); --bs-list-group-active-bg: var(--bs-primary-text-emphasis); --bs-list-group-active-border-color: var(--bs-primary-text-emphasis); } .list-group-item-secondary { --bs-list-group-color: var(--bs-secondary-text-emphasis); --bs-list-group-bg: var(--bs-secondary-bg-subtle); --bs-list-group-border-color: var(--bs-secondary-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle); --bs-list-group-active-color: var(--bs-secondary-bg-subtle); --bs-list-group-active-bg: var(--bs-secondary-text-emphasis); --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis); } .list-group-item-success { --bs-list-group-color: var(--bs-success-text-emphasis); --bs-list-group-bg: var(--bs-success-bg-subtle); --bs-list-group-border-color: var(--bs-success-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-success-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-success-border-subtle); --bs-list-group-active-color: var(--bs-success-bg-subtle); --bs-list-group-active-bg: var(--bs-success-text-emphasis); --bs-list-group-active-border-color: var(--bs-success-text-emphasis); } .list-group-item-info { --bs-list-group-color: var(--bs-info-text-emphasis); --bs-list-group-bg: var(--bs-info-bg-subtle); --bs-list-group-border-color: var(--bs-info-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-info-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-info-border-subtle); --bs-list-group-active-color: var(--bs-info-bg-subtle); --bs-list-group-active-bg: var(--bs-info-text-emphasis); --bs-list-group-active-border-color: var(--bs-info-text-emphasis); } .list-group-item-warning { --bs-list-group-color: var(--bs-warning-text-emphasis); --bs-list-group-bg: var(--bs-warning-bg-subtle); --bs-list-group-border-color: var(--bs-warning-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-warning-border-subtle); --bs-list-group-active-color: var(--bs-warning-bg-subtle); --bs-list-group-active-bg: var(--bs-warning-text-emphasis); --bs-list-group-active-border-color: var(--bs-warning-text-emphasis); } .list-group-item-danger { --bs-list-group-color: var(--bs-danger-text-emphasis); --bs-list-group-bg: var(--bs-danger-bg-subtle); --bs-list-group-border-color: var(--bs-danger-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-danger-border-subtle); --bs-list-group-active-color: var(--bs-danger-bg-subtle); --bs-list-group-active-bg: var(--bs-danger-text-emphasis); --bs-list-group-active-border-color: var(--bs-danger-text-emphasis); } .list-group-item-light { --bs-list-group-color: var(--bs-light-text-emphasis); --bs-list-group-bg: var(--bs-light-bg-subtle); --bs-list-group-border-color: var(--bs-light-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-light-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-light-border-subtle); --bs-list-group-active-color: var(--bs-light-bg-subtle); --bs-list-group-active-bg: var(--bs-light-text-emphasis); --bs-list-group-active-border-color: var(--bs-light-text-emphasis); } .list-group-item-dark { --bs-list-group-color: var(--bs-dark-text-emphasis); --bs-list-group-bg: var(--bs-dark-bg-subtle); --bs-list-group-border-color: var(--bs-dark-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-dark-border-subtle); --bs-list-group-active-color: var(--bs-dark-bg-subtle); --bs-list-group-active-bg: var(--bs-dark-text-emphasis); --bs-list-group-active-border-color: var(--bs-dark-text-emphasis); } .btn-close { --bs-btn-close-color: #000; --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e"); --bs-btn-close-opacity: 0.5; --bs-btn-close-hover-opacity: 0.75; --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); --bs-btn-close-focus-opacity: 1; --bs-btn-close-disabled-opacity: 0.25; box-sizing: content-box; width: 1em; height: 1em; padding: 0.25em 0.25em; color: var(--bs-btn-close-color); background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat; filter: var(--bs-btn-close-filter); border: 0; border-radius: 0.375rem; opacity: var(--bs-btn-close-opacity); } .btn-close:hover { color: var(--bs-btn-close-color); text-decoration: none; opacity: var(--bs-btn-close-hover-opacity); } .btn-close:focus { outline: 0; box-shadow: var(--bs-btn-close-focus-shadow); opacity: var(--bs-btn-close-focus-opacity); } .btn-close:disabled, .btn-close.disabled { pointer-events: none; -webkit-user-select: none; user-select: none; opacity: var(--bs-btn-close-disabled-opacity); } .btn-close-white { --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%); } :root, [data-bs-theme=light] { --bs-btn-close-filter: ; } [data-bs-theme=dark] { --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%); } .toast { --bs-toast-zindex: 1090; --bs-toast-padding-x: 0.75rem; --bs-toast-padding-y: 0.5rem; --bs-toast-spacing: 1.5rem; --bs-toast-max-width: 350px; --bs-toast-font-size: 0.875rem; --bs-toast-color: ; --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85); --bs-toast-border-width: var(--bs-border-width); --bs-toast-border-color: var(--bs-border-color-translucent); --bs-toast-border-radius: var(--bs-border-radius); --bs-toast-box-shadow: var(--bs-box-shadow); --bs-toast-header-color: var(--bs-secondary-color); --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85); --bs-toast-header-border-color: var(--bs-border-color-translucent); width: var(--bs-toast-max-width); max-width: 100%; font-size: var(--bs-toast-font-size); color: var(--bs-toast-color); pointer-events: auto; background-color: var(--bs-toast-bg); background-clip: padding-box; border: var(--bs-toast-border-width) solid var(--bs-toast-border-color); box-shadow: var(--bs-toast-box-shadow); border-radius: var(--bs-toast-border-radius); } .toast.showing { opacity: 0; } .toast:not(.show) { display: none; } .toast-container { --bs-toast-zindex: 1090; position: absolute; z-index: var(--bs-toast-zindex); width: max-content; max-width: 100%; pointer-events: none; } .toast-container > :not(:last-child) { margin-bottom: var(--bs-toast-spacing); } .toast-header { display: flex; align-items: center; padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x); color: var(--bs-toast-header-color); background-color: var(--bs-toast-header-bg); background-clip: padding-box; border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color); border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width)); border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width)); } .toast-header .btn-close { margin-right: calc(-0.5 * var(--bs-toast-padding-x)); margin-left: var(--bs-toast-padding-x); } .toast-body { padding: var(--bs-toast-padding-x); word-wrap: break-word; } .modal { --bs-modal-zindex: 1055; --bs-modal-width: 500px; --bs-modal-padding: 1rem; --bs-modal-margin: 0.5rem; --bs-modal-color: var(--bs-body-color); --bs-modal-bg: var(--bs-body-bg); --bs-modal-border-color: var(--bs-border-color-translucent); --bs-modal-border-width: var(--bs-border-width); --bs-modal-border-radius: var(--bs-border-radius-lg); --bs-modal-box-shadow: var(--bs-box-shadow-sm); --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width))); --bs-modal-header-padding-x: 1rem; --bs-modal-header-padding-y: 1rem; --bs-modal-header-padding: 1rem 1rem; --bs-modal-header-border-color: var(--bs-border-color); --bs-modal-header-border-width: var(--bs-border-width); --bs-modal-title-line-height: 1.5; --bs-modal-footer-gap: 0.5rem; --bs-modal-footer-bg: ; --bs-modal-footer-border-color: var(--bs-border-color); --bs-modal-footer-border-width: var(--bs-border-width); position: fixed; top: 0; left: 0; z-index: var(--bs-modal-zindex); display: none; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; outline: 0; } .modal-dialog { position: relative; width: auto; margin: var(--bs-modal-margin); pointer-events: none; } .modal.fade .modal-dialog { transform: translate(0, -50px); transition: transform 0.3s ease-out; } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } } .modal.show .modal-dialog { transform: none; } .modal.modal-static .modal-dialog { transform: scale(1.02); } .modal-dialog-scrollable { height: calc(100% - var(--bs-modal-margin) * 2); } .modal-dialog-scrollable .modal-content { max-height: 100%; overflow: hidden; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - var(--bs-modal-margin) * 2); } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; color: var(--bs-modal-color); pointer-events: auto; background-color: var(--bs-modal-bg); background-clip: padding-box; border: var(--bs-modal-border-width) solid var(--bs-modal-border-color); border-radius: var(--bs-modal-border-radius); outline: 0; } .modal-backdrop { --bs-backdrop-zindex: 1050; --bs-backdrop-bg: #000; --bs-backdrop-opacity: 0.5; position: fixed; top: 0; left: 0; z-index: var(--bs-backdrop-zindex); width: 100vw; height: 100vh; background-color: var(--bs-backdrop-bg); } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: var(--bs-backdrop-opacity); } .modal-header { display: flex; flex-shrink: 0; align-items: center; padding: var(--bs-modal-header-padding); border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color); border-top-left-radius: var(--bs-modal-inner-border-radius); border-top-right-radius: var(--bs-modal-inner-border-radius); } .modal-header .btn-close { padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5); margin-top: calc(-0.5 * var(--bs-modal-header-padding-y)); margin-right: calc(-0.5 * var(--bs-modal-header-padding-x)); margin-bottom: calc(-0.5 * var(--bs-modal-header-padding-y)); margin-left: auto; } .modal-title { margin-bottom: 0; line-height: var(--bs-modal-title-line-height); } .modal-body { position: relative; flex: 1 1 auto; padding: var(--bs-modal-padding); } .modal-footer { display: flex; flex-shrink: 0; flex-wrap: wrap; align-items: center; justify-content: flex-end; padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5); background-color: var(--bs-modal-footer-bg); border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color); border-bottom-right-radius: var(--bs-modal-inner-border-radius); border-bottom-left-radius: var(--bs-modal-inner-border-radius); } .modal-footer > * { margin: calc(var(--bs-modal-footer-gap) * 0.5); } @media (min-width: 576px) { .modal { --bs-modal-margin: 1.75rem; --bs-modal-box-shadow: var(--bs-box-shadow); } .modal-dialog { max-width: var(--bs-modal-width); margin-right: auto; margin-left: auto; } .modal-sm { --bs-modal-width: 300px; } } @media (min-width: 992px) { .modal-lg, .modal-xl { --bs-modal-width: 800px; } } @media (min-width: 1200px) { .modal-xl { --bs-modal-width: 1140px; } } .modal-fullscreen { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen .modal-header, .modal-fullscreen .modal-footer { border-radius: 0; } .modal-fullscreen .modal-body { overflow-y: auto; } @media (max-width: 575.98px) { .modal-fullscreen-sm-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-sm-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-sm-down .modal-header, .modal-fullscreen-sm-down .modal-footer { border-radius: 0; } .modal-fullscreen-sm-down .modal-body { overflow-y: auto; } } @media (max-width: 767.98px) { .modal-fullscreen-md-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-md-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-md-down .modal-header, .modal-fullscreen-md-down .modal-footer { border-radius: 0; } .modal-fullscreen-md-down .modal-body { overflow-y: auto; } } @media (max-width: 991.98px) { .modal-fullscreen-lg-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-lg-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-lg-down .modal-header, .modal-fullscreen-lg-down .modal-footer { border-radius: 0; } .modal-fullscreen-lg-down .modal-body { overflow-y: auto; } } @media (max-width: 1199.98px) { .modal-fullscreen-xl-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-xl-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-xl-down .modal-header, .modal-fullscreen-xl-down .modal-footer { border-radius: 0; } .modal-fullscreen-xl-down .modal-body { overflow-y: auto; } } @media (max-width: 1399.98px) { .modal-fullscreen-xxl-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-xxl-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-xxl-down .modal-header, .modal-fullscreen-xxl-down .modal-footer { border-radius: 0; } .modal-fullscreen-xxl-down .modal-body { overflow-y: auto; } } .tooltip { --bs-tooltip-zindex: 1080; --bs-tooltip-max-width: 200px; --bs-tooltip-padding-x: 0.5rem; --bs-tooltip-padding-y: 0.25rem; --bs-tooltip-margin: ; --bs-tooltip-font-size: 0.875rem; --bs-tooltip-color: var(--bs-body-bg); --bs-tooltip-bg: var(--bs-emphasis-color); --bs-tooltip-border-radius: var(--bs-border-radius); --bs-tooltip-opacity: 0.9; --bs-tooltip-arrow-width: 0.8rem; --bs-tooltip-arrow-height: 0.4rem; z-index: var(--bs-tooltip-zindex); display: block; margin: var(--bs-tooltip-margin); font-family: var(--bs-font-sans-serif); font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; white-space: normal; word-spacing: normal; line-break: auto; font-size: var(--bs-tooltip-font-size); word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: var(--bs-tooltip-opacity); } .tooltip .tooltip-arrow { display: block; width: var(--bs-tooltip-arrow-width); height: var(--bs-tooltip-arrow-height); } .tooltip .tooltip-arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow { bottom: calc(-1 * var(--bs-tooltip-arrow-height)); } .bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before { top: -1px; border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0; border-top-color: var(--bs-tooltip-bg); } /* rtl:begin:ignore */ .bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow { left: calc(-1 * var(--bs-tooltip-arrow-height)); width: var(--bs-tooltip-arrow-height); height: var(--bs-tooltip-arrow-width); } .bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before { right: -1px; border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0; border-right-color: var(--bs-tooltip-bg); } /* rtl:end:ignore */ .bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow { top: calc(-1 * var(--bs-tooltip-arrow-height)); } .bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before { bottom: -1px; border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height); border-bottom-color: var(--bs-tooltip-bg); } /* rtl:begin:ignore */ .bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow { right: calc(-1 * var(--bs-tooltip-arrow-height)); width: var(--bs-tooltip-arrow-height); height: var(--bs-tooltip-arrow-width); } .bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before { left: -1px; border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height); border-left-color: var(--bs-tooltip-bg); } /* rtl:end:ignore */ .tooltip-inner { max-width: var(--bs-tooltip-max-width); padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x); color: var(--bs-tooltip-color); text-align: center; background-color: var(--bs-tooltip-bg); border-radius: var(--bs-tooltip-border-radius); } .popover { --bs-popover-zindex: 1070; --bs-popover-max-width: 276px; --bs-popover-font-size: 0.875rem; --bs-popover-bg: var(--bs-body-bg); --bs-popover-border-width: var(--bs-border-width); --bs-popover-border-color: var(--bs-border-color-translucent); --bs-popover-border-radius: var(--bs-border-radius-lg); --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width)); --bs-popover-box-shadow: var(--bs-box-shadow); --bs-popover-header-padding-x: 1rem; --bs-popover-header-padding-y: 0.5rem; --bs-popover-header-font-size: 1rem; --bs-popover-header-color: inherit; --bs-popover-header-bg: var(--bs-secondary-bg); --bs-popover-body-padding-x: 1rem; --bs-popover-body-padding-y: 1rem; --bs-popover-body-color: var(--bs-body-color); --bs-popover-arrow-width: 1rem; --bs-popover-arrow-height: 0.5rem; --bs-popover-arrow-border: var(--bs-popover-border-color); z-index: var(--bs-popover-zindex); display: block; max-width: var(--bs-popover-max-width); font-family: var(--bs-font-sans-serif); font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; white-space: normal; word-spacing: normal; line-break: auto; font-size: var(--bs-popover-font-size); word-wrap: break-word; background-color: var(--bs-popover-bg); background-clip: padding-box; border: var(--bs-popover-border-width) solid var(--bs-popover-border-color); border-radius: var(--bs-popover-border-radius); } .popover .popover-arrow { display: block; width: var(--bs-popover-arrow-width); height: var(--bs-popover-arrow-height); } .popover .popover-arrow::before, .popover .popover-arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; border-width: 0; } .bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow { bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); } .bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after { border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0; } .bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before { bottom: 0; border-top-color: var(--bs-popover-arrow-border); } .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after { bottom: var(--bs-popover-border-width); border-top-color: var(--bs-popover-bg); } /* rtl:begin:ignore */ .bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow { left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); width: var(--bs-popover-arrow-height); height: var(--bs-popover-arrow-width); } .bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after { border-width: calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0; } .bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before { left: 0; border-right-color: var(--bs-popover-arrow-border); } .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after { left: var(--bs-popover-border-width); border-right-color: var(--bs-popover-bg); } /* rtl:end:ignore */ .bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow { top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); } .bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after { border-width: 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height); } .bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before { top: 0; border-bottom-color: var(--bs-popover-arrow-border); } .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after { top: var(--bs-popover-border-width); border-bottom-color: var(--bs-popover-bg); } .bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: var(--bs-popover-arrow-width); margin-left: calc(-0.5 * var(--bs-popover-arrow-width)); content: ""; border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg); } /* rtl:begin:ignore */ .bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow { right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); width: var(--bs-popover-arrow-height); height: var(--bs-popover-arrow-width); } .bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after { border-width: calc(var(--bs-popover-arrow-width) * 0.5) 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height); } .bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before { right: 0; border-left-color: var(--bs-popover-arrow-border); } .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after { right: var(--bs-popover-border-width); border-left-color: var(--bs-popover-bg); } /* rtl:end:ignore */ .popover-header { padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x); margin-bottom: 0; font-size: var(--bs-popover-header-font-size); color: var(--bs-popover-header-color); background-color: var(--bs-popover-header-bg); border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color); border-top-left-radius: var(--bs-popover-inner-border-radius); border-top-right-radius: var(--bs-popover-inner-border-radius); } .popover-header:empty { display: none; } .popover-body { padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x); color: var(--bs-popover-body-color); } .carousel { position: relative; } .carousel.pointer-event { touch-action: pan-y; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner::after { display: block; clear: both; content: ""; } .carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; 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-start), .active.carousel-item-end { transform: translateX(100%); } .carousel-item-prev:not(.carousel-item-end), .active.carousel-item-start { 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-start, .carousel-fade .carousel-item-prev.carousel-item-end { z-index: 1; opacity: 1; } .carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end { z-index: 0; opacity: 0; transition: opacity 0s 0.6s; } @media (prefers-reduced-motion: reduce) { .carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end { 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; filter: var(--bs-carousel-control-icon-filter); 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: 2rem; height: 2rem; background-repeat: no-repeat; background-position: 50%; background-size: 100% 100%; } .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e")*/; } .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e")*/; } .carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; display: flex; justify-content: center; padding: 0; margin-right: 15%; margin-bottom: 1rem; margin-left: 15%; } .carousel-indicators [data-bs-target] { box-sizing: content-box; flex: 0 1 auto; width: 30px; height: 3px; padding: 0; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: var(--bs-carousel-indicator-active-bg); background-clip: padding-box; border: 0; 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 [data-bs-target] { transition: none; } } .carousel-indicators .active { opacity: 1; } .carousel-caption { position: absolute; right: 15%; bottom: 1.25rem; left: 15%; padding-top: 1.25rem; padding-bottom: 1.25rem; color: var(--bs-carousel-caption-color); text-align: center; } .carousel-dark { --bs-carousel-indicator-active-bg: #000; --bs-carousel-caption-color: #000; --bs-carousel-control-icon-filter: invert(1) grayscale(100); } :root, [data-bs-theme=light] { --bs-carousel-indicator-active-bg: #fff; --bs-carousel-caption-color: #fff; --bs-carousel-control-icon-filter: ; } [data-bs-theme=dark] { --bs-carousel-indicator-active-bg: #000; --bs-carousel-caption-color: #000; --bs-carousel-control-icon-filter: invert(1) grayscale(100); } .spinner-grow, .spinner-border { display: inline-block; flex-shrink: 0; width: var(--bs-spinner-width); height: var(--bs-spinner-height); vertical-align: var(--bs-spinner-vertical-align); border-radius: 50%; animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name); } @keyframes spinner-border { to { transform: rotate(360deg) /* rtl:ignore */; } } .spinner-border { --bs-spinner-width: 2rem; --bs-spinner-height: 2rem; --bs-spinner-vertical-align: -0.125em; --bs-spinner-border-width: 0.25em; --bs-spinner-animation-speed: 0.75s; --bs-spinner-animation-name: spinner-border; border: var(--bs-spinner-border-width) solid currentcolor; border-right-color: transparent; } .spinner-border-sm { --bs-spinner-width: 1rem; --bs-spinner-height: 1rem; --bs-spinner-border-width: 0.2em; } @keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; transform: none; } } .spinner-grow { --bs-spinner-width: 2rem; --bs-spinner-height: 2rem; --bs-spinner-vertical-align: -0.125em; --bs-spinner-animation-speed: 0.75s; --bs-spinner-animation-name: spinner-grow; background-color: currentcolor; opacity: 0; } .spinner-grow-sm { --bs-spinner-width: 1rem; --bs-spinner-height: 1rem; } @media (prefers-reduced-motion: reduce) { .spinner-border, .spinner-grow { --bs-spinner-animation-speed: 1.5s; } } .offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm { --bs-offcanvas-zindex: 1045; --bs-offcanvas-width: 400px; --bs-offcanvas-height: 30vh; --bs-offcanvas-padding-x: 1rem; --bs-offcanvas-padding-y: 1rem; --bs-offcanvas-color: var(--bs-body-color); --bs-offcanvas-bg: var(--bs-body-bg); --bs-offcanvas-border-width: var(--bs-border-width); --bs-offcanvas-border-color: var(--bs-border-color-translucent); --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm); --bs-offcanvas-transition: transform 0.3s ease-in-out; --bs-offcanvas-title-line-height: 1.5; } @media (max-width: 575.98px) { .offcanvas-sm { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--bs-offcanvas-transition); } } @media (max-width: 575.98px) and (prefers-reduced-motion: reduce) { .offcanvas-sm { transition: none; } } @media (max-width: 575.98px) { .offcanvas-sm.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } .offcanvas-sm.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } .offcanvas-sm.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } .offcanvas-sm.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } .offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding) { transform: none; } .offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show { visibility: visible; } } @media (min-width: 576px) { .offcanvas-sm { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important; } .offcanvas-sm .offcanvas-header { display: none; } .offcanvas-sm .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important; } } @media (max-width: 767.98px) { .offcanvas-md { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--bs-offcanvas-transition); } } @media (max-width: 767.98px) and (prefers-reduced-motion: reduce) { .offcanvas-md { transition: none; } } @media (max-width: 767.98px) { .offcanvas-md.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } .offcanvas-md.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } .offcanvas-md.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } .offcanvas-md.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } .offcanvas-md.showing, .offcanvas-md.show:not(.hiding) { transform: none; } .offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show { visibility: visible; } } @media (min-width: 768px) { .offcanvas-md { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important; } .offcanvas-md .offcanvas-header { display: none; } .offcanvas-md .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important; } } @media (max-width: 991.98px) { .offcanvas-lg { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--bs-offcanvas-transition); } } @media (max-width: 991.98px) and (prefers-reduced-motion: reduce) { .offcanvas-lg { transition: none; } } @media (max-width: 991.98px) { .offcanvas-lg.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } .offcanvas-lg.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } .offcanvas-lg.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } .offcanvas-lg.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } .offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) { transform: none; } .offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show { visibility: visible; } } @media (min-width: 992px) { .offcanvas-lg { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important; } .offcanvas-lg .offcanvas-header { display: none; } .offcanvas-lg .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important; } } @media (max-width: 1199.98px) { .offcanvas-xl { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--bs-offcanvas-transition); } } @media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) { .offcanvas-xl { transition: none; } } @media (max-width: 1199.98px) { .offcanvas-xl.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } .offcanvas-xl.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } .offcanvas-xl.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } .offcanvas-xl.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } .offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) { transform: none; } .offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show { visibility: visible; } } @media (min-width: 1200px) { .offcanvas-xl { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important; } .offcanvas-xl .offcanvas-header { display: none; } .offcanvas-xl .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important; } } @media (max-width: 1399.98px) { .offcanvas-xxl { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--bs-offcanvas-transition); } } @media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) { .offcanvas-xxl { transition: none; } } @media (max-width: 1399.98px) { .offcanvas-xxl.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } .offcanvas-xxl.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } .offcanvas-xxl.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } .offcanvas-xxl.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } .offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding) { transform: none; } .offcanvas-xxl.showing, .offcanvas-xxl.hiding, .offcanvas-xxl.show { visibility: visible; } } @media (min-width: 1400px) { .offcanvas-xxl { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important; } .offcanvas-xxl .offcanvas-header { display: none; } .offcanvas-xxl .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important; } } .offcanvas { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--bs-offcanvas-transition); } @media (prefers-reduced-motion: reduce) { .offcanvas { transition: none; } } .offcanvas.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } .offcanvas.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } .offcanvas.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } .offcanvas.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } .offcanvas.showing, .offcanvas.show:not(.hiding) { transform: none; } .offcanvas.showing, .offcanvas.hiding, .offcanvas.show { visibility: visible; } .offcanvas-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000; } .offcanvas-backdrop.fade { opacity: 0; } .offcanvas-backdrop.show { opacity: 0.5; } .offcanvas-header { display: flex; align-items: center; padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x); } .offcanvas-header .btn-close { padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5); margin-top: calc(-0.5 * var(--bs-offcanvas-padding-y)); margin-right: calc(-0.5 * var(--bs-offcanvas-padding-x)); margin-bottom: calc(-0.5 * var(--bs-offcanvas-padding-y)); margin-left: auto; } .offcanvas-title { margin-bottom: 0; line-height: var(--bs-offcanvas-title-line-height); } .offcanvas-body { flex-grow: 1; padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x); overflow-y: auto; } .placeholder { display: inline-block; min-height: 1em; vertical-align: middle; cursor: wait; background-color: currentcolor; opacity: 0.5; } .placeholder.btn::before { display: inline-block; content: ""; } .placeholder-xs { min-height: 0.6em; } .placeholder-sm { min-height: 0.8em; } .placeholder-lg { min-height: 1.2em; } .placeholder-glow .placeholder { animation: placeholder-glow 2s ease-in-out infinite; } @keyframes placeholder-glow { 50% { opacity: 0.2; } } .placeholder-wave { mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%); mask-size: 200% 100%; animation: placeholder-wave 2s linear infinite; } @keyframes placeholder-wave { 100% { mask-position: -200% 0%; } } .clearfix::after { display: block; clear: both; content: ""; } .text-bg-primary { color: #fff !important; background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-secondary { color: #fff !important; background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-success { color: #fff !important; background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-info { color: #000 !important; background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-warning { color: #000 !important; background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-danger { color: #fff !important; background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-light { color: #000 !important; background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-dark { color: #fff !important; background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important; } .link-primary { color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-primary:hover, .link-primary:focus { color: RGBA(10, 88, 202, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important; } .link-secondary { color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-secondary:hover, .link-secondary:focus { color: RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important; } .link-success { color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-success:hover, .link-success:focus { color: RGBA(20, 108, 67, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important; } .link-info { color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-info:hover, .link-info:focus { color: RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important; } .link-warning { color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-warning:hover, .link-warning:focus { color: RGBA(255, 205, 57, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important; } .link-danger { color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-danger:hover, .link-danger:focus { color: RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important; } .link-light { color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-light:hover, .link-light:focus { color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important; } .link-dark { color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-dark:hover, .link-dark:focus { color: RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important; } .link-body-emphasis { color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-body-emphasis:hover, .link-body-emphasis:focus { color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important; text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important; } .focus-ring:focus { outline: 0; box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color); } .icon-link { display: inline-flex; gap: 0.375rem; align-items: center; text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5)); text-underline-offset: 0.25em; backface-visibility: hidden; } .icon-link > .bi { flex-shrink: 0; width: 1em; height: 1em; fill: currentcolor; transition: 0.2s ease-in-out transform; } @media (prefers-reduced-motion: reduce) { .icon-link > .bi { transition: none; } } .icon-link-hover:hover > .bi, .icon-link-hover:focus-visible > .bi { transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0)); } .ratio { position: relative; width: 100%; } .ratio::before { display: block; padding-top: var(--bs-aspect-ratio); content: ""; } .ratio > * { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ratio-1x1 { --bs-aspect-ratio: 100%; } .ratio-4x3 { --bs-aspect-ratio: 75%; } .ratio-16x9 { --bs-aspect-ratio: 56.25%; } .ratio-21x9 { --bs-aspect-ratio: 42.8571428571%; } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } .sticky-top { position: sticky; top: 0; z-index: 1020; } .sticky-bottom { position: sticky; bottom: 0; z-index: 1020; } @media (min-width: 576px) { .sticky-sm-top { position: sticky; top: 0; z-index: 1020; } .sticky-sm-bottom { position: sticky; bottom: 0; z-index: 1020; } } @media (min-width: 768px) { .sticky-md-top { position: sticky; top: 0; z-index: 1020; } .sticky-md-bottom { position: sticky; bottom: 0; z-index: 1020; } } @media (min-width: 992px) { .sticky-lg-top { position: sticky; top: 0; z-index: 1020; } .sticky-lg-bottom { position: sticky; bottom: 0; z-index: 1020; } } @media (min-width: 1200px) { .sticky-xl-top { position: sticky; top: 0; z-index: 1020; } .sticky-xl-bottom { position: sticky; bottom: 0; z-index: 1020; } } @media (min-width: 1400px) { .sticky-xxl-top { position: sticky; top: 0; z-index: 1020; } .sticky-xxl-bottom { position: sticky; bottom: 0; z-index: 1020; } } .hstack { display: flex; flex-direction: row; align-items: center; align-self: stretch; } .vstack { display: flex; flex: 1 1 auto; flex-direction: column; align-self: stretch; } .visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) { width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .visually-hidden:not(caption), .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) { position: absolute !important; } .visually-hidden *, .visually-hidden-focusable:not(:focus):not(:focus-within) * { overflow: hidden !important; } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: ""; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .vr { display: inline-block; align-self: stretch; width: var(--bs-border-width); min-height: 1em; background-color: currentcolor; opacity: 0.25; } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .float-start { float: left !important; } .float-end { float: right !important; } .float-none { float: none !important; } .object-fit-contain { object-fit: contain !important; } .object-fit-cover { object-fit: cover !important; } .object-fit-fill { object-fit: fill !important; } .object-fit-scale { object-fit: scale-down !important; } .object-fit-none { object-fit: none !important; } .opacity-0 { opacity: 0 !important; } .opacity-25 { opacity: 0.25 !important; } .opacity-50 { opacity: 0.5 !important; } .opacity-75 { opacity: 0.75 !important; } .opacity-100 { opacity: 1 !important; } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .overflow-visible { overflow: visible !important; } .overflow-scroll { overflow: scroll !important; } .overflow-x-auto { overflow-x: auto !important; } .overflow-x-hidden { overflow-x: hidden !important; } .overflow-x-visible { overflow-x: visible !important; } .overflow-x-scroll { overflow-x: scroll !important; } .overflow-y-auto { overflow-y: auto !important; } .overflow-y-hidden { overflow-y: hidden !important; } .overflow-y-visible { overflow-y: visible !important; } .overflow-y-scroll { overflow-y: scroll !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-grid { display: grid !important; } .d-inline-grid { display: inline-grid !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } .d-none { display: none !important; } .shadow { box-shadow: var(--bs-box-shadow) !important; } .shadow-sm { box-shadow: var(--bs-box-shadow-sm) !important; } .shadow-lg { box-shadow: var(--bs-box-shadow-lg) !important; } .shadow-none { box-shadow: none !important; } .focus-ring-primary { --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-secondary { --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-success { --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-info { --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-warning { --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-danger { --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-light { --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-dark { --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity)); } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: sticky !important; } .top-0 { top: 0 !important; } .top-50 { top: 50% !important; } .top-100 { top: 100% !important; } .bottom-0 { bottom: 0 !important; } .bottom-50 { bottom: 50% !important; } .bottom-100 { bottom: 100% !important; } .start-0 { left: 0 !important; } .start-50 { left: 50% !important; } .start-100 { left: 100% !important; } .end-0 { right: 0 !important; } .end-50 { right: 50% !important; } .end-100 { right: 100% !important; } .translate-middle { transform: translate(-50%, -50%) !important; } .translate-middle-x { transform: translateX(-50%) !important; } .translate-middle-y { transform: translateY(-50%) !important; } .border { border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-0 { border: 0 !important; } .border-top { border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-top-0 { border-top: 0 !important; } .border-end { border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-end-0 { border-right: 0 !important; } .border-bottom { border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-start { border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-start-0 { border-left: 0 !important; } .border-primary { --bs-border-opacity: 1; border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important; } .border-secondary { --bs-border-opacity: 1; border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important; } .border-success { --bs-border-opacity: 1; border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important; } .border-info { --bs-border-opacity: 1; border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important; } .border-warning { --bs-border-opacity: 1; border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important; } .border-danger { --bs-border-opacity: 1; border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important; } .border-light { --bs-border-opacity: 1; border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important; } .border-dark { --bs-border-opacity: 1; border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important; } .border-black { --bs-border-opacity: 1; border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important; } .border-white { --bs-border-opacity: 1; border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important; } .border-primary-subtle { border-color: var(--bs-primary-border-subtle) !important; } .border-secondary-subtle { border-color: var(--bs-secondary-border-subtle) !important; } .border-success-subtle { border-color: var(--bs-success-border-subtle) !important; } .border-info-subtle { border-color: var(--bs-info-border-subtle) !important; } .border-warning-subtle { border-color: var(--bs-warning-border-subtle) !important; } .border-danger-subtle { border-color: var(--bs-danger-border-subtle) !important; } .border-light-subtle { border-color: var(--bs-light-border-subtle) !important; } .border-dark-subtle { border-color: var(--bs-dark-border-subtle) !important; } .border-1 { border-width: 1px !important; } .border-2 { border-width: 2px !important; } .border-3 { border-width: 3px !important; } .border-4 { border-width: 4px !important; } .border-5 { border-width: 5px !important; } .border-opacity-10 { --bs-border-opacity: 0.1; } .border-opacity-25 { --bs-border-opacity: 0.25; } .border-opacity-50 { --bs-border-opacity: 0.5; } .border-opacity-75 { --bs-border-opacity: 0.75; } .border-opacity-100 { --bs-border-opacity: 1; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .mw-100 { max-width: 100% !important; } .vw-100 { width: 100vw !important; } .min-vw-100 { min-width: 100vw !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mh-100 { max-height: 100% !important; } .vh-100 { height: 100vh !important; } .min-vh-100 { min-height: 100vh !important; } .flex-fill { flex: 1 1 auto !important; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .justify-content-evenly { justify-content: space-evenly !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } .order-first { order: -1 !important; } .order-0 { order: 0 !important; } .order-1 { order: 1 !important; } .order-2 { order: 2 !important; } .order-3 { order: 3 !important; } .order-4 { order: 4 !important; } .order-5 { order: 5 !important; } .order-last { order: 6 !important; } .m-0 { margin: 0 !important; } .m-1 { margin: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .m-3 { margin: 1rem !important; } .m-4 { margin: 1.5rem !important; } .m-5 { margin: 3rem !important; } .m-auto { margin: auto !important; } .mx-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-auto { margin-right: auto !important; margin-left: auto !important; } .my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-0 { margin-top: 0 !important; } .mt-1 { margin-top: 0.25rem !important; } .mt-2 { margin-top: 0.5rem !important; } .mt-3 { margin-top: 1rem !important; } .mt-4 { margin-top: 1.5rem !important; } .mt-5 { margin-top: 3rem !important; } .mt-auto { margin-top: auto !important; } .me-0 { margin-right: 0 !important; } .me-1 { margin-right: 0.25rem !important; } .me-2 { margin-right: 0.5rem !important; } .me-3 { margin-right: 1rem !important; } .me-4 { margin-right: 1.5rem !important; } .me-5 { margin-right: 3rem !important; } .me-auto { margin-right: auto !important; } .mb-0 { margin-bottom: 0 !important; } .mb-1 { margin-bottom: 0.25rem !important; } .mb-2 { margin-bottom: 0.5rem !important; } .mb-3 { margin-bottom: 1rem !important; } .mb-4 { margin-bottom: 1.5rem !important; } .mb-5 { margin-bottom: 3rem !important; } .mb-auto { margin-bottom: auto !important; } .ms-0 { margin-left: 0 !important; } .ms-1 { margin-left: 0.25rem !important; } .ms-2 { margin-left: 0.5rem !important; } .ms-3 { margin-left: 1rem !important; } .ms-4 { margin-left: 1.5rem !important; } .ms-5 { margin-left: 3rem !important; } .ms-auto { margin-left: auto !important; } .p-0 { padding: 0 !important; } .p-1 { padding: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .p-3 { padding: 1rem !important; } .p-4 { padding: 1.5rem !important; } .p-5 { padding: 3rem !important; } .px-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-0 { padding-top: 0 !important; } .pt-1 { padding-top: 0.25rem !important; } .pt-2 { padding-top: 0.5rem !important; } .pt-3 { padding-top: 1rem !important; } .pt-4 { padding-top: 1.5rem !important; } .pt-5 { padding-top: 3rem !important; } .pe-0 { padding-right: 0 !important; } .pe-1 { padding-right: 0.25rem !important; } .pe-2 { padding-right: 0.5rem !important; } .pe-3 { padding-right: 1rem !important; } .pe-4 { padding-right: 1.5rem !important; } .pe-5 { padding-right: 3rem !important; } .pb-0 { padding-bottom: 0 !important; } .pb-1 { padding-bottom: 0.25rem !important; } .pb-2 { padding-bottom: 0.5rem !important; } .pb-3 { padding-bottom: 1rem !important; } .pb-4 { padding-bottom: 1.5rem !important; } .pb-5 { padding-bottom: 3rem !important; } .ps-0 { padding-left: 0 !important; } .ps-1 { padding-left: 0.25rem !important; } .ps-2 { padding-left: 0.5rem !important; } .ps-3 { padding-left: 1rem !important; } .ps-4 { padding-left: 1.5rem !important; } .ps-5 { padding-left: 3rem !important; } .gap-0 { gap: 0 !important; } .gap-1 { gap: 0.25rem !important; } .gap-2 { gap: 0.5rem !important; } .gap-3 { gap: 1rem !important; } .gap-4 { gap: 1.5rem !important; } .gap-5 { gap: 3rem !important; } .row-gap-0 { row-gap: 0 !important; } .row-gap-1 { row-gap: 0.25rem !important; } .row-gap-2 { row-gap: 0.5rem !important; } .row-gap-3 { row-gap: 1rem !important; } .row-gap-4 { row-gap: 1.5rem !important; } .row-gap-5 { row-gap: 3rem !important; } .column-gap-0 { column-gap: 0 !important; } .column-gap-1 { column-gap: 0.25rem !important; } .column-gap-2 { column-gap: 0.5rem !important; } .column-gap-3 { column-gap: 1rem !important; } .column-gap-4 { column-gap: 1.5rem !important; } .column-gap-5 { column-gap: 3rem !important; } .font-monospace { font-family: var(--bs-font-monospace) !important; } .fs-1 { font-size: calc(1.375rem + 1.5vw) !important; } .fs-2 { font-size: calc(1.325rem + 0.9vw) !important; } .fs-3 { font-size: calc(1.3rem + 0.6vw) !important; } .fs-4 { font-size: calc(1.275rem + 0.3vw) !important; } .fs-5 { font-size: 1.25rem !important; } .fs-6 { font-size: 1rem !important; } .fst-italic { font-style: italic !important; } .fst-normal { font-style: normal !important; } .fw-lighter { font-weight: lighter !important; } .fw-light { font-weight: 300 !important; } .fw-normal { font-weight: 400 !important; } .fw-medium { font-weight: 500 !important; } .fw-semibold { font-weight: 600 !important; } .fw-bold { font-weight: 700 !important; } .fw-bolder { font-weight: bolder !important; } .lh-1 { line-height: 1 !important; } .lh-sm { line-height: 1.25 !important; } .lh-base { line-height: 1.5 !important; } .lh-lg { line-height: 2 !important; } .text-start { text-align: left !important; } .text-end { text-align: right !important; } .text-center { text-align: center !important; } .text-decoration-none { text-decoration: none !important; } .text-decoration-underline { text-decoration: underline !important; } .text-decoration-line-through { text-decoration: line-through !important; } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } /* rtl:begin:remove */ .text-break { word-wrap: break-word !important; word-break: break-word !important; } /* rtl:end:remove */ .text-primary { --bs-text-opacity: 1; color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important; } .text-secondary { --bs-text-opacity: 1; color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important; } .text-success { --bs-text-opacity: 1; color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important; } .text-info { --bs-text-opacity: 1; color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important; } .text-warning { --bs-text-opacity: 1; color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important; } .text-danger { --bs-text-opacity: 1; color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important; } .text-light { --bs-text-opacity: 1; color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important; } .text-dark { --bs-text-opacity: 1; color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important; } .text-black { --bs-text-opacity: 1; color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important; } .text-white { --bs-text-opacity: 1; color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important; } .text-body { --bs-text-opacity: 1; color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important; } .text-muted { --bs-text-opacity: 1; color: var(--bs-secondary-color) !important; } .text-black-50 { --bs-text-opacity: 1; color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { --bs-text-opacity: 1; color: rgba(255, 255, 255, 0.5) !important; } .text-body-secondary { --bs-text-opacity: 1; color: var(--bs-secondary-color) !important; } .text-body-tertiary { --bs-text-opacity: 1; color: var(--bs-tertiary-color) !important; } .text-body-emphasis { --bs-text-opacity: 1; color: var(--bs-emphasis-color) !important; } .text-reset { --bs-text-opacity: 1; color: inherit !important; } .text-opacity-25 { --bs-text-opacity: 0.25; } .text-opacity-50 { --bs-text-opacity: 0.5; } .text-opacity-75 { --bs-text-opacity: 0.75; } .text-opacity-100 { --bs-text-opacity: 1; } .text-primary-emphasis { color: var(--bs-primary-text-emphasis) !important; } .text-secondary-emphasis { color: var(--bs-secondary-text-emphasis) !important; } .text-success-emphasis { color: var(--bs-success-text-emphasis) !important; } .text-info-emphasis { color: var(--bs-info-text-emphasis) !important; } .text-warning-emphasis { color: var(--bs-warning-text-emphasis) !important; } .text-danger-emphasis { color: var(--bs-danger-text-emphasis) !important; } .text-light-emphasis { color: var(--bs-light-text-emphasis) !important; } .text-dark-emphasis { color: var(--bs-dark-text-emphasis) !important; } .link-opacity-10 { --bs-link-opacity: 0.1; } .link-opacity-10-hover:hover { --bs-link-opacity: 0.1; } .link-opacity-25 { --bs-link-opacity: 0.25; } .link-opacity-25-hover:hover { --bs-link-opacity: 0.25; } .link-opacity-50 { --bs-link-opacity: 0.5; } .link-opacity-50-hover:hover { --bs-link-opacity: 0.5; } .link-opacity-75 { --bs-link-opacity: 0.75; } .link-opacity-75-hover:hover { --bs-link-opacity: 0.75; } .link-opacity-100 { --bs-link-opacity: 1; } .link-opacity-100-hover:hover { --bs-link-opacity: 1; } .link-offset-1 { text-underline-offset: 0.125em !important; } .link-offset-1-hover:hover { text-underline-offset: 0.125em !important; } .link-offset-2 { text-underline-offset: 0.25em !important; } .link-offset-2-hover:hover { text-underline-offset: 0.25em !important; } .link-offset-3 { text-underline-offset: 0.375em !important; } .link-offset-3-hover:hover { text-underline-offset: 0.375em !important; } .link-underline-primary { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-secondary { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-success { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-info { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-warning { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-danger { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-light { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-dark { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-underline-opacity-0 { --bs-link-underline-opacity: 0; } .link-underline-opacity-0-hover:hover { --bs-link-underline-opacity: 0; } .link-underline-opacity-10 { --bs-link-underline-opacity: 0.1; } .link-underline-opacity-10-hover:hover { --bs-link-underline-opacity: 0.1; } .link-underline-opacity-25 { --bs-link-underline-opacity: 0.25; } .link-underline-opacity-25-hover:hover { --bs-link-underline-opacity: 0.25; } .link-underline-opacity-50 { --bs-link-underline-opacity: 0.5; } .link-underline-opacity-50-hover:hover { --bs-link-underline-opacity: 0.5; } .link-underline-opacity-75 { --bs-link-underline-opacity: 0.75; } .link-underline-opacity-75-hover:hover { --bs-link-underline-opacity: 0.75; } .link-underline-opacity-100 { --bs-link-underline-opacity: 1; } .link-underline-opacity-100-hover:hover { --bs-link-underline-opacity: 1; } .bg-primary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important; } .bg-secondary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important; } .bg-success { --bs-bg-opacity: 1; background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important; } .bg-info { --bs-bg-opacity: 1; background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important; } .bg-warning { --bs-bg-opacity: 1; background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important; } .bg-danger { --bs-bg-opacity: 1; background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important; } .bg-light { --bs-bg-opacity: 1; background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important; } .bg-dark { --bs-bg-opacity: 1; background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important; } .bg-black { --bs-bg-opacity: 1; background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important; } .bg-white { --bs-bg-opacity: 1; background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important; } .bg-body { --bs-bg-opacity: 1; background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important; } .bg-transparent { --bs-bg-opacity: 1; background-color: transparent !important; } .bg-body-secondary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important; } .bg-body-tertiary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important; } .bg-opacity-10 { --bs-bg-opacity: 0.1; } .bg-opacity-25 { --bs-bg-opacity: 0.25; } .bg-opacity-50 { --bs-bg-opacity: 0.5; } .bg-opacity-75 { --bs-bg-opacity: 0.75; } .bg-opacity-100 { --bs-bg-opacity: 1; } .bg-primary-subtle { background-color: var(--bs-primary-bg-subtle) !important; } .bg-secondary-subtle { background-color: var(--bs-secondary-bg-subtle) !important; } .bg-success-subtle { background-color: var(--bs-success-bg-subtle) !important; } .bg-info-subtle { background-color: var(--bs-info-bg-subtle) !important; } .bg-warning-subtle { background-color: var(--bs-warning-bg-subtle) !important; } .bg-danger-subtle { background-color: var(--bs-danger-bg-subtle) !important; } .bg-light-subtle { background-color: var(--bs-light-bg-subtle) !important; } .bg-dark-subtle { background-color: var(--bs-dark-bg-subtle) !important; } .bg-gradient { background-image: var(--bs-gradient) !important; } .user-select-all { -webkit-user-select: all !important; user-select: all !important; } .user-select-auto { -webkit-user-select: auto !important; user-select: auto !important; } .user-select-none { -webkit-user-select: none !important; user-select: none !important; } .pe-none { pointer-events: none !important; } .pe-auto { pointer-events: auto !important; } .rounded { border-radius: var(--bs-border-radius) !important; } .rounded-0 { border-radius: 0 !important; } .rounded-1 { border-radius: var(--bs-border-radius-sm) !important; } .rounded-2 { border-radius: var(--bs-border-radius) !important; } .rounded-3 { border-radius: var(--bs-border-radius-lg) !important; } .rounded-4 { border-radius: var(--bs-border-radius-xl) !important; } .rounded-5 { border-radius: var(--bs-border-radius-xxl) !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: var(--bs-border-radius-pill) !important; } .rounded-top { border-top-left-radius: var(--bs-border-radius) !important; border-top-right-radius: var(--bs-border-radius) !important; } .rounded-top-0 { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } .rounded-top-1 { border-top-left-radius: var(--bs-border-radius-sm) !important; border-top-right-radius: var(--bs-border-radius-sm) !important; } .rounded-top-2 { border-top-left-radius: var(--bs-border-radius) !important; border-top-right-radius: var(--bs-border-radius) !important; } .rounded-top-3 { border-top-left-radius: var(--bs-border-radius-lg) !important; border-top-right-radius: var(--bs-border-radius-lg) !important; } .rounded-top-4 { border-top-left-radius: var(--bs-border-radius-xl) !important; border-top-right-radius: var(--bs-border-radius-xl) !important; } .rounded-top-5 { border-top-left-radius: var(--bs-border-radius-xxl) !important; border-top-right-radius: var(--bs-border-radius-xxl) !important; } .rounded-top-circle { border-top-left-radius: 50% !important; border-top-right-radius: 50% !important; } .rounded-top-pill { border-top-left-radius: var(--bs-border-radius-pill) !important; border-top-right-radius: var(--bs-border-radius-pill) !important; } .rounded-end { border-top-right-radius: var(--bs-border-radius) !important; border-bottom-right-radius: var(--bs-border-radius) !important; } .rounded-end-0 { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .rounded-end-1 { border-top-right-radius: var(--bs-border-radius-sm) !important; border-bottom-right-radius: var(--bs-border-radius-sm) !important; } .rounded-end-2 { border-top-right-radius: var(--bs-border-radius) !important; border-bottom-right-radius: var(--bs-border-radius) !important; } .rounded-end-3 { border-top-right-radius: var(--bs-border-radius-lg) !important; border-bottom-right-radius: var(--bs-border-radius-lg) !important; } .rounded-end-4 { border-top-right-radius: var(--bs-border-radius-xl) !important; border-bottom-right-radius: var(--bs-border-radius-xl) !important; } .rounded-end-5 { border-top-right-radius: var(--bs-border-radius-xxl) !important; border-bottom-right-radius: var(--bs-border-radius-xxl) !important; } .rounded-end-circle { border-top-right-radius: 50% !important; border-bottom-right-radius: 50% !important; } .rounded-end-pill { border-top-right-radius: var(--bs-border-radius-pill) !important; border-bottom-right-radius: var(--bs-border-radius-pill) !important; } .rounded-bottom { border-bottom-right-radius: var(--bs-border-radius) !important; border-bottom-left-radius: var(--bs-border-radius) !important; } .rounded-bottom-0 { border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; } .rounded-bottom-1 { border-bottom-right-radius: var(--bs-border-radius-sm) !important; border-bottom-left-radius: var(--bs-border-radius-sm) !important; } .rounded-bottom-2 { border-bottom-right-radius: var(--bs-border-radius) !important; border-bottom-left-radius: var(--bs-border-radius) !important; } .rounded-bottom-3 { border-bottom-right-radius: var(--bs-border-radius-lg) !important; border-bottom-left-radius: var(--bs-border-radius-lg) !important; } .rounded-bottom-4 { border-bottom-right-radius: var(--bs-border-radius-xl) !important; border-bottom-left-radius: var(--bs-border-radius-xl) !important; } .rounded-bottom-5 { border-bottom-right-radius: var(--bs-border-radius-xxl) !important; border-bottom-left-radius: var(--bs-border-radius-xxl) !important; } .rounded-bottom-circle { border-bottom-right-radius: 50% !important; border-bottom-left-radius: 50% !important; } .rounded-bottom-pill { border-bottom-right-radius: var(--bs-border-radius-pill) !important; border-bottom-left-radius: var(--bs-border-radius-pill) !important; } .rounded-start { border-bottom-left-radius: var(--bs-border-radius) !important; border-top-left-radius: var(--bs-border-radius) !important; } .rounded-start-0 { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; } .rounded-start-1 { border-bottom-left-radius: var(--bs-border-radius-sm) !important; border-top-left-radius: var(--bs-border-radius-sm) !important; } .rounded-start-2 { border-bottom-left-radius: var(--bs-border-radius) !important; border-top-left-radius: var(--bs-border-radius) !important; } .rounded-start-3 { border-bottom-left-radius: var(--bs-border-radius-lg) !important; border-top-left-radius: var(--bs-border-radius-lg) !important; } .rounded-start-4 { border-bottom-left-radius: var(--bs-border-radius-xl) !important; border-top-left-radius: var(--bs-border-radius-xl) !important; } .rounded-start-5 { border-bottom-left-radius: var(--bs-border-radius-xxl) !important; border-top-left-radius: var(--bs-border-radius-xxl) !important; } .rounded-start-circle { border-bottom-left-radius: 50% !important; border-top-left-radius: 50% !important; } .rounded-start-pill { border-bottom-left-radius: var(--bs-border-radius-pill) !important; border-top-left-radius: var(--bs-border-radius-pill) !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } .z-n1 { z-index: -1 !important; } .z-0 { z-index: 0 !important; } .z-1 { z-index: 1 !important; } .z-2 { z-index: 2 !important; } .z-3 { z-index: 3 !important; } @media (min-width: 576px) { .float-sm-start { float: left !important; } .float-sm-end { float: right !important; } .float-sm-none { float: none !important; } .object-fit-sm-contain { object-fit: contain !important; } .object-fit-sm-cover { object-fit: cover !important; } .object-fit-sm-fill { object-fit: fill !important; } .object-fit-sm-scale { object-fit: scale-down !important; } .object-fit-sm-none { object-fit: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-grid { display: grid !important; } .d-sm-inline-grid { display: inline-grid !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } .d-sm-none { display: none !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .justify-content-sm-evenly { justify-content: space-evenly !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } .order-sm-first { order: -1 !important; } .order-sm-0 { order: 0 !important; } .order-sm-1 { order: 1 !important; } .order-sm-2 { order: 2 !important; } .order-sm-3 { order: 3 !important; } .order-sm-4 { order: 4 !important; } .order-sm-5 { order: 5 !important; } .order-sm-last { order: 6 !important; } .m-sm-0 { margin: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .m-sm-auto { margin: auto !important; } .mx-sm-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-sm-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-sm-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-sm-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-sm-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-sm-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-sm-auto { margin-right: auto !important; margin-left: auto !important; } .my-sm-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-sm-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-sm-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-sm-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-sm-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-sm-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-sm-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-sm-0 { margin-top: 0 !important; } .mt-sm-1 { margin-top: 0.25rem !important; } .mt-sm-2 { margin-top: 0.5rem !important; } .mt-sm-3 { margin-top: 1rem !important; } .mt-sm-4 { margin-top: 1.5rem !important; } .mt-sm-5 { margin-top: 3rem !important; } .mt-sm-auto { margin-top: auto !important; } .me-sm-0 { margin-right: 0 !important; } .me-sm-1 { margin-right: 0.25rem !important; } .me-sm-2 { margin-right: 0.5rem !important; } .me-sm-3 { margin-right: 1rem !important; } .me-sm-4 { margin-right: 1.5rem !important; } .me-sm-5 { margin-right: 3rem !important; } .me-sm-auto { margin-right: auto !important; } .mb-sm-0 { margin-bottom: 0 !important; } .mb-sm-1 { margin-bottom: 0.25rem !important; } .mb-sm-2 { margin-bottom: 0.5rem !important; } .mb-sm-3 { margin-bottom: 1rem !important; } .mb-sm-4 { margin-bottom: 1.5rem !important; } .mb-sm-5 { margin-bottom: 3rem !important; } .mb-sm-auto { margin-bottom: auto !important; } .ms-sm-0 { margin-left: 0 !important; } .ms-sm-1 { margin-left: 0.25rem !important; } .ms-sm-2 { margin-left: 0.5rem !important; } .ms-sm-3 { margin-left: 1rem !important; } .ms-sm-4 { margin-left: 1.5rem !important; } .ms-sm-5 { margin-left: 3rem !important; } .ms-sm-auto { margin-left: auto !important; } .p-sm-0 { padding: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .px-sm-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-sm-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-sm-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-sm-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-sm-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-sm-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-sm-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-sm-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-sm-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-sm-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-sm-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-sm-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-sm-0 { padding-top: 0 !important; } .pt-sm-1 { padding-top: 0.25rem !important; } .pt-sm-2 { padding-top: 0.5rem !important; } .pt-sm-3 { padding-top: 1rem !important; } .pt-sm-4 { padding-top: 1.5rem !important; } .pt-sm-5 { padding-top: 3rem !important; } .pe-sm-0 { padding-right: 0 !important; } .pe-sm-1 { padding-right: 0.25rem !important; } .pe-sm-2 { padding-right: 0.5rem !important; } .pe-sm-3 { padding-right: 1rem !important; } .pe-sm-4 { padding-right: 1.5rem !important; } .pe-sm-5 { padding-right: 3rem !important; } .pb-sm-0 { padding-bottom: 0 !important; } .pb-sm-1 { padding-bottom: 0.25rem !important; } .pb-sm-2 { padding-bottom: 0.5rem !important; } .pb-sm-3 { padding-bottom: 1rem !important; } .pb-sm-4 { padding-bottom: 1.5rem !important; } .pb-sm-5 { padding-bottom: 3rem !important; } .ps-sm-0 { padding-left: 0 !important; } .ps-sm-1 { padding-left: 0.25rem !important; } .ps-sm-2 { padding-left: 0.5rem !important; } .ps-sm-3 { padding-left: 1rem !important; } .ps-sm-4 { padding-left: 1.5rem !important; } .ps-sm-5 { padding-left: 3rem !important; } .gap-sm-0 { gap: 0 !important; } .gap-sm-1 { gap: 0.25rem !important; } .gap-sm-2 { gap: 0.5rem !important; } .gap-sm-3 { gap: 1rem !important; } .gap-sm-4 { gap: 1.5rem !important; } .gap-sm-5 { gap: 3rem !important; } .row-gap-sm-0 { row-gap: 0 !important; } .row-gap-sm-1 { row-gap: 0.25rem !important; } .row-gap-sm-2 { row-gap: 0.5rem !important; } .row-gap-sm-3 { row-gap: 1rem !important; } .row-gap-sm-4 { row-gap: 1.5rem !important; } .row-gap-sm-5 { row-gap: 3rem !important; } .column-gap-sm-0 { column-gap: 0 !important; } .column-gap-sm-1 { column-gap: 0.25rem !important; } .column-gap-sm-2 { column-gap: 0.5rem !important; } .column-gap-sm-3 { column-gap: 1rem !important; } .column-gap-sm-4 { column-gap: 1.5rem !important; } .column-gap-sm-5 { column-gap: 3rem !important; } .text-sm-start { text-align: left !important; } .text-sm-end { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .float-md-start { float: left !important; } .float-md-end { float: right !important; } .float-md-none { float: none !important; } .object-fit-md-contain { object-fit: contain !important; } .object-fit-md-cover { object-fit: cover !important; } .object-fit-md-fill { object-fit: fill !important; } .object-fit-md-scale { object-fit: scale-down !important; } .object-fit-md-none { object-fit: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-grid { display: grid !important; } .d-md-inline-grid { display: inline-grid !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } .d-md-none { display: none !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .justify-content-md-evenly { justify-content: space-evenly !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } .order-md-first { order: -1 !important; } .order-md-0 { order: 0 !important; } .order-md-1 { order: 1 !important; } .order-md-2 { order: 2 !important; } .order-md-3 { order: 3 !important; } .order-md-4 { order: 4 !important; } .order-md-5 { order: 5 !important; } .order-md-last { order: 6 !important; } .m-md-0 { margin: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .m-md-auto { margin: auto !important; } .mx-md-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-md-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-md-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-md-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-md-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-md-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-md-auto { margin-right: auto !important; margin-left: auto !important; } .my-md-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-md-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-md-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-md-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-md-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-md-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-md-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-md-0 { margin-top: 0 !important; } .mt-md-1 { margin-top: 0.25rem !important; } .mt-md-2 { margin-top: 0.5rem !important; } .mt-md-3 { margin-top: 1rem !important; } .mt-md-4 { margin-top: 1.5rem !important; } .mt-md-5 { margin-top: 3rem !important; } .mt-md-auto { margin-top: auto !important; } .me-md-0 { margin-right: 0 !important; } .me-md-1 { margin-right: 0.25rem !important; } .me-md-2 { margin-right: 0.5rem !important; } .me-md-3 { margin-right: 1rem !important; } .me-md-4 { margin-right: 1.5rem !important; } .me-md-5 { margin-right: 3rem !important; } .me-md-auto { margin-right: auto !important; } .mb-md-0 { margin-bottom: 0 !important; } .mb-md-1 { margin-bottom: 0.25rem !important; } .mb-md-2 { margin-bottom: 0.5rem !important; } .mb-md-3 { margin-bottom: 1rem !important; } .mb-md-4 { margin-bottom: 1.5rem !important; } .mb-md-5 { margin-bottom: 3rem !important; } .mb-md-auto { margin-bottom: auto !important; } .ms-md-0 { margin-left: 0 !important; } .ms-md-1 { margin-left: 0.25rem !important; } .ms-md-2 { margin-left: 0.5rem !important; } .ms-md-3 { margin-left: 1rem !important; } .ms-md-4 { margin-left: 1.5rem !important; } .ms-md-5 { margin-left: 3rem !important; } .ms-md-auto { margin-left: auto !important; } .p-md-0 { padding: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .px-md-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-md-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-md-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-md-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-md-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-md-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-md-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-md-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-md-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-md-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-md-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-md-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-md-0 { padding-top: 0 !important; } .pt-md-1 { padding-top: 0.25rem !important; } .pt-md-2 { padding-top: 0.5rem !important; } .pt-md-3 { padding-top: 1rem !important; } .pt-md-4 { padding-top: 1.5rem !important; } .pt-md-5 { padding-top: 3rem !important; } .pe-md-0 { padding-right: 0 !important; } .pe-md-1 { padding-right: 0.25rem !important; } .pe-md-2 { padding-right: 0.5rem !important; } .pe-md-3 { padding-right: 1rem !important; } .pe-md-4 { padding-right: 1.5rem !important; } .pe-md-5 { padding-right: 3rem !important; } .pb-md-0 { padding-bottom: 0 !important; } .pb-md-1 { padding-bottom: 0.25rem !important; } .pb-md-2 { padding-bottom: 0.5rem !important; } .pb-md-3 { padding-bottom: 1rem !important; } .pb-md-4 { padding-bottom: 1.5rem !important; } .pb-md-5 { padding-bottom: 3rem !important; } .ps-md-0 { padding-left: 0 !important; } .ps-md-1 { padding-left: 0.25rem !important; } .ps-md-2 { padding-left: 0.5rem !important; } .ps-md-3 { padding-left: 1rem !important; } .ps-md-4 { padding-left: 1.5rem !important; } .ps-md-5 { padding-left: 3rem !important; } .gap-md-0 { gap: 0 !important; } .gap-md-1 { gap: 0.25rem !important; } .gap-md-2 { gap: 0.5rem !important; } .gap-md-3 { gap: 1rem !important; } .gap-md-4 { gap: 1.5rem !important; } .gap-md-5 { gap: 3rem !important; } .row-gap-md-0 { row-gap: 0 !important; } .row-gap-md-1 { row-gap: 0.25rem !important; } .row-gap-md-2 { row-gap: 0.5rem !important; } .row-gap-md-3 { row-gap: 1rem !important; } .row-gap-md-4 { row-gap: 1.5rem !important; } .row-gap-md-5 { row-gap: 3rem !important; } .column-gap-md-0 { column-gap: 0 !important; } .column-gap-md-1 { column-gap: 0.25rem !important; } .column-gap-md-2 { column-gap: 0.5rem !important; } .column-gap-md-3 { column-gap: 1rem !important; } .column-gap-md-4 { column-gap: 1.5rem !important; } .column-gap-md-5 { column-gap: 3rem !important; } .text-md-start { text-align: left !important; } .text-md-end { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .float-lg-start { float: left !important; } .float-lg-end { float: right !important; } .float-lg-none { float: none !important; } .object-fit-lg-contain { object-fit: contain !important; } .object-fit-lg-cover { object-fit: cover !important; } .object-fit-lg-fill { object-fit: fill !important; } .object-fit-lg-scale { object-fit: scale-down !important; } .object-fit-lg-none { object-fit: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-grid { display: grid !important; } .d-lg-inline-grid { display: inline-grid !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } .d-lg-none { display: none !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .justify-content-lg-evenly { justify-content: space-evenly !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } .order-lg-first { order: -1 !important; } .order-lg-0 { order: 0 !important; } .order-lg-1 { order: 1 !important; } .order-lg-2 { order: 2 !important; } .order-lg-3 { order: 3 !important; } .order-lg-4 { order: 4 !important; } .order-lg-5 { order: 5 !important; } .order-lg-last { order: 6 !important; } .m-lg-0 { margin: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .m-lg-auto { margin: auto !important; } .mx-lg-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-lg-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-lg-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-lg-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-lg-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-lg-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-lg-auto { margin-right: auto !important; margin-left: auto !important; } .my-lg-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-lg-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-lg-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-lg-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-lg-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-lg-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-lg-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-lg-0 { margin-top: 0 !important; } .mt-lg-1 { margin-top: 0.25rem !important; } .mt-lg-2 { margin-top: 0.5rem !important; } .mt-lg-3 { margin-top: 1rem !important; } .mt-lg-4 { margin-top: 1.5rem !important; } .mt-lg-5 { margin-top: 3rem !important; } .mt-lg-auto { margin-top: auto !important; } .me-lg-0 { margin-right: 0 !important; } .me-lg-1 { margin-right: 0.25rem !important; } .me-lg-2 { margin-right: 0.5rem !important; } .me-lg-3 { margin-right: 1rem !important; } .me-lg-4 { margin-right: 1.5rem !important; } .me-lg-5 { margin-right: 3rem !important; } .me-lg-auto { margin-right: auto !important; } .mb-lg-0 { margin-bottom: 0 !important; } .mb-lg-1 { margin-bottom: 0.25rem !important; } .mb-lg-2 { margin-bottom: 0.5rem !important; } .mb-lg-3 { margin-bottom: 1rem !important; } .mb-lg-4 { margin-bottom: 1.5rem !important; } .mb-lg-5 { margin-bottom: 3rem !important; } .mb-lg-auto { margin-bottom: auto !important; } .ms-lg-0 { margin-left: 0 !important; } .ms-lg-1 { margin-left: 0.25rem !important; } .ms-lg-2 { margin-left: 0.5rem !important; } .ms-lg-3 { margin-left: 1rem !important; } .ms-lg-4 { margin-left: 1.5rem !important; } .ms-lg-5 { margin-left: 3rem !important; } .ms-lg-auto { margin-left: auto !important; } .p-lg-0 { padding: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .px-lg-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-lg-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-lg-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-lg-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-lg-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-lg-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-lg-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-lg-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-lg-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-lg-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-lg-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-lg-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-lg-0 { padding-top: 0 !important; } .pt-lg-1 { padding-top: 0.25rem !important; } .pt-lg-2 { padding-top: 0.5rem !important; } .pt-lg-3 { padding-top: 1rem !important; } .pt-lg-4 { padding-top: 1.5rem !important; } .pt-lg-5 { padding-top: 3rem !important; } .pe-lg-0 { padding-right: 0 !important; } .pe-lg-1 { padding-right: 0.25rem !important; } .pe-lg-2 { padding-right: 0.5rem !important; } .pe-lg-3 { padding-right: 1rem !important; } .pe-lg-4 { padding-right: 1.5rem !important; } .pe-lg-5 { padding-right: 3rem !important; } .pb-lg-0 { padding-bottom: 0 !important; } .pb-lg-1 { padding-bottom: 0.25rem !important; } .pb-lg-2 { padding-bottom: 0.5rem !important; } .pb-lg-3 { padding-bottom: 1rem !important; } .pb-lg-4 { padding-bottom: 1.5rem !important; } .pb-lg-5 { padding-bottom: 3rem !important; } .ps-lg-0 { padding-left: 0 !important; } .ps-lg-1 { padding-left: 0.25rem !important; } .ps-lg-2 { padding-left: 0.5rem !important; } .ps-lg-3 { padding-left: 1rem !important; } .ps-lg-4 { padding-left: 1.5rem !important; } .ps-lg-5 { padding-left: 3rem !important; } .gap-lg-0 { gap: 0 !important; } .gap-lg-1 { gap: 0.25rem !important; } .gap-lg-2 { gap: 0.5rem !important; } .gap-lg-3 { gap: 1rem !important; } .gap-lg-4 { gap: 1.5rem !important; } .gap-lg-5 { gap: 3rem !important; } .row-gap-lg-0 { row-gap: 0 !important; } .row-gap-lg-1 { row-gap: 0.25rem !important; } .row-gap-lg-2 { row-gap: 0.5rem !important; } .row-gap-lg-3 { row-gap: 1rem !important; } .row-gap-lg-4 { row-gap: 1.5rem !important; } .row-gap-lg-5 { row-gap: 3rem !important; } .column-gap-lg-0 { column-gap: 0 !important; } .column-gap-lg-1 { column-gap: 0.25rem !important; } .column-gap-lg-2 { column-gap: 0.5rem !important; } .column-gap-lg-3 { column-gap: 1rem !important; } .column-gap-lg-4 { column-gap: 1.5rem !important; } .column-gap-lg-5 { column-gap: 3rem !important; } .text-lg-start { text-align: left !important; } .text-lg-end { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .float-xl-start { float: left !important; } .float-xl-end { float: right !important; } .float-xl-none { float: none !important; } .object-fit-xl-contain { object-fit: contain !important; } .object-fit-xl-cover { object-fit: cover !important; } .object-fit-xl-fill { object-fit: fill !important; } .object-fit-xl-scale { object-fit: scale-down !important; } .object-fit-xl-none { object-fit: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-grid { display: grid !important; } .d-xl-inline-grid { display: inline-grid !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } .d-xl-none { display: none !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .justify-content-xl-evenly { justify-content: space-evenly !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } .order-xl-first { order: -1 !important; } .order-xl-0 { order: 0 !important; } .order-xl-1 { order: 1 !important; } .order-xl-2 { order: 2 !important; } .order-xl-3 { order: 3 !important; } .order-xl-4 { order: 4 !important; } .order-xl-5 { order: 5 !important; } .order-xl-last { order: 6 !important; } .m-xl-0 { margin: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .m-xl-auto { margin: auto !important; } .mx-xl-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-xl-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-xl-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-xl-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-xl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-xl-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-xl-auto { margin-right: auto !important; margin-left: auto !important; } .my-xl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-xl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-xl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-xl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-xl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-xl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-xl-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-xl-0 { margin-top: 0 !important; } .mt-xl-1 { margin-top: 0.25rem !important; } .mt-xl-2 { margin-top: 0.5rem !important; } .mt-xl-3 { margin-top: 1rem !important; } .mt-xl-4 { margin-top: 1.5rem !important; } .mt-xl-5 { margin-top: 3rem !important; } .mt-xl-auto { margin-top: auto !important; } .me-xl-0 { margin-right: 0 !important; } .me-xl-1 { margin-right: 0.25rem !important; } .me-xl-2 { margin-right: 0.5rem !important; } .me-xl-3 { margin-right: 1rem !important; } .me-xl-4 { margin-right: 1.5rem !important; } .me-xl-5 { margin-right: 3rem !important; } .me-xl-auto { margin-right: auto !important; } .mb-xl-0 { margin-bottom: 0 !important; } .mb-xl-1 { margin-bottom: 0.25rem !important; } .mb-xl-2 { margin-bottom: 0.5rem !important; } .mb-xl-3 { margin-bottom: 1rem !important; } .mb-xl-4 { margin-bottom: 1.5rem !important; } .mb-xl-5 { margin-bottom: 3rem !important; } .mb-xl-auto { margin-bottom: auto !important; } .ms-xl-0 { margin-left: 0 !important; } .ms-xl-1 { margin-left: 0.25rem !important; } .ms-xl-2 { margin-left: 0.5rem !important; } .ms-xl-3 { margin-left: 1rem !important; } .ms-xl-4 { margin-left: 1.5rem !important; } .ms-xl-5 { margin-left: 3rem !important; } .ms-xl-auto { margin-left: auto !important; } .p-xl-0 { padding: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .px-xl-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-xl-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-xl-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-xl-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-xl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-xl-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-xl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-xl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-xl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-xl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-xl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-xl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-xl-0 { padding-top: 0 !important; } .pt-xl-1 { padding-top: 0.25rem !important; } .pt-xl-2 { padding-top: 0.5rem !important; } .pt-xl-3 { padding-top: 1rem !important; } .pt-xl-4 { padding-top: 1.5rem !important; } .pt-xl-5 { padding-top: 3rem !important; } .pe-xl-0 { padding-right: 0 !important; } .pe-xl-1 { padding-right: 0.25rem !important; } .pe-xl-2 { padding-right: 0.5rem !important; } .pe-xl-3 { padding-right: 1rem !important; } .pe-xl-4 { padding-right: 1.5rem !important; } .pe-xl-5 { padding-right: 3rem !important; } .pb-xl-0 { padding-bottom: 0 !important; } .pb-xl-1 { padding-bottom: 0.25rem !important; } .pb-xl-2 { padding-bottom: 0.5rem !important; } .pb-xl-3 { padding-bottom: 1rem !important; } .pb-xl-4 { padding-bottom: 1.5rem !important; } .pb-xl-5 { padding-bottom: 3rem !important; } .ps-xl-0 { padding-left: 0 !important; } .ps-xl-1 { padding-left: 0.25rem !important; } .ps-xl-2 { padding-left: 0.5rem !important; } .ps-xl-3 { padding-left: 1rem !important; } .ps-xl-4 { padding-left: 1.5rem !important; } .ps-xl-5 { padding-left: 3rem !important; } .gap-xl-0 { gap: 0 !important; } .gap-xl-1 { gap: 0.25rem !important; } .gap-xl-2 { gap: 0.5rem !important; } .gap-xl-3 { gap: 1rem !important; } .gap-xl-4 { gap: 1.5rem !important; } .gap-xl-5 { gap: 3rem !important; } .row-gap-xl-0 { row-gap: 0 !important; } .row-gap-xl-1 { row-gap: 0.25rem !important; } .row-gap-xl-2 { row-gap: 0.5rem !important; } .row-gap-xl-3 { row-gap: 1rem !important; } .row-gap-xl-4 { row-gap: 1.5rem !important; } .row-gap-xl-5 { row-gap: 3rem !important; } .column-gap-xl-0 { column-gap: 0 !important; } .column-gap-xl-1 { column-gap: 0.25rem !important; } .column-gap-xl-2 { column-gap: 0.5rem !important; } .column-gap-xl-3 { column-gap: 1rem !important; } .column-gap-xl-4 { column-gap: 1.5rem !important; } .column-gap-xl-5 { column-gap: 3rem !important; } .text-xl-start { text-align: left !important; } .text-xl-end { text-align: right !important; } .text-xl-center { text-align: center !important; } } @media (min-width: 1400px) { .float-xxl-start { float: left !important; } .float-xxl-end { float: right !important; } .float-xxl-none { float: none !important; } .object-fit-xxl-contain { object-fit: contain !important; } .object-fit-xxl-cover { object-fit: cover !important; } .object-fit-xxl-fill { object-fit: fill !important; } .object-fit-xxl-scale { object-fit: scale-down !important; } .object-fit-xxl-none { object-fit: none !important; } .d-xxl-inline { display: inline !important; } .d-xxl-inline-block { display: inline-block !important; } .d-xxl-block { display: block !important; } .d-xxl-grid { display: grid !important; } .d-xxl-inline-grid { display: inline-grid !important; } .d-xxl-table { display: table !important; } .d-xxl-table-row { display: table-row !important; } .d-xxl-table-cell { display: table-cell !important; } .d-xxl-flex { display: flex !important; } .d-xxl-inline-flex { display: inline-flex !important; } .d-xxl-none { display: none !important; } .flex-xxl-fill { flex: 1 1 auto !important; } .flex-xxl-row { flex-direction: row !important; } .flex-xxl-column { flex-direction: column !important; } .flex-xxl-row-reverse { flex-direction: row-reverse !important; } .flex-xxl-column-reverse { flex-direction: column-reverse !important; } .flex-xxl-grow-0 { flex-grow: 0 !important; } .flex-xxl-grow-1 { flex-grow: 1 !important; } .flex-xxl-shrink-0 { flex-shrink: 0 !important; } .flex-xxl-shrink-1 { flex-shrink: 1 !important; } .flex-xxl-wrap { flex-wrap: wrap !important; } .flex-xxl-nowrap { flex-wrap: nowrap !important; } .flex-xxl-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-xxl-start { justify-content: flex-start !important; } .justify-content-xxl-end { justify-content: flex-end !important; } .justify-content-xxl-center { justify-content: center !important; } .justify-content-xxl-between { justify-content: space-between !important; } .justify-content-xxl-around { justify-content: space-around !important; } .justify-content-xxl-evenly { justify-content: space-evenly !important; } .align-items-xxl-start { align-items: flex-start !important; } .align-items-xxl-end { align-items: flex-end !important; } .align-items-xxl-center { align-items: center !important; } .align-items-xxl-baseline { align-items: baseline !important; } .align-items-xxl-stretch { align-items: stretch !important; } .align-content-xxl-start { align-content: flex-start !important; } .align-content-xxl-end { align-content: flex-end !important; } .align-content-xxl-center { align-content: center !important; } .align-content-xxl-between { align-content: space-between !important; } .align-content-xxl-around { align-content: space-around !important; } .align-content-xxl-stretch { align-content: stretch !important; } .align-self-xxl-auto { align-self: auto !important; } .align-self-xxl-start { align-self: flex-start !important; } .align-self-xxl-end { align-self: flex-end !important; } .align-self-xxl-center { align-self: center !important; } .align-self-xxl-baseline { align-self: baseline !important; } .align-self-xxl-stretch { align-self: stretch !important; } .order-xxl-first { order: -1 !important; } .order-xxl-0 { order: 0 !important; } .order-xxl-1 { order: 1 !important; } .order-xxl-2 { order: 2 !important; } .order-xxl-3 { order: 3 !important; } .order-xxl-4 { order: 4 !important; } .order-xxl-5 { order: 5 !important; } .order-xxl-last { order: 6 !important; } .m-xxl-0 { margin: 0 !important; } .m-xxl-1 { margin: 0.25rem !important; } .m-xxl-2 { margin: 0.5rem !important; } .m-xxl-3 { margin: 1rem !important; } .m-xxl-4 { margin: 1.5rem !important; } .m-xxl-5 { margin: 3rem !important; } .m-xxl-auto { margin: auto !important; } .mx-xxl-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-xxl-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-xxl-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-xxl-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-xxl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-xxl-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-xxl-auto { margin-right: auto !important; margin-left: auto !important; } .my-xxl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-xxl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-xxl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-xxl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-xxl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-xxl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-xxl-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-xxl-0 { margin-top: 0 !important; } .mt-xxl-1 { margin-top: 0.25rem !important; } .mt-xxl-2 { margin-top: 0.5rem !important; } .mt-xxl-3 { margin-top: 1rem !important; } .mt-xxl-4 { margin-top: 1.5rem !important; } .mt-xxl-5 { margin-top: 3rem !important; } .mt-xxl-auto { margin-top: auto !important; } .me-xxl-0 { margin-right: 0 !important; } .me-xxl-1 { margin-right: 0.25rem !important; } .me-xxl-2 { margin-right: 0.5rem !important; } .me-xxl-3 { margin-right: 1rem !important; } .me-xxl-4 { margin-right: 1.5rem !important; } .me-xxl-5 { margin-right: 3rem !important; } .me-xxl-auto { margin-right: auto !important; } .mb-xxl-0 { margin-bottom: 0 !important; } .mb-xxl-1 { margin-bottom: 0.25rem !important; } .mb-xxl-2 { margin-bottom: 0.5rem !important; } .mb-xxl-3 { margin-bottom: 1rem !important; } .mb-xxl-4 { margin-bottom: 1.5rem !important; } .mb-xxl-5 { margin-bottom: 3rem !important; } .mb-xxl-auto { margin-bottom: auto !important; } .ms-xxl-0 { margin-left: 0 !important; } .ms-xxl-1 { margin-left: 0.25rem !important; } .ms-xxl-2 { margin-left: 0.5rem !important; } .ms-xxl-3 { margin-left: 1rem !important; } .ms-xxl-4 { margin-left: 1.5rem !important; } .ms-xxl-5 { margin-left: 3rem !important; } .ms-xxl-auto { margin-left: auto !important; } .p-xxl-0 { padding: 0 !important; } .p-xxl-1 { padding: 0.25rem !important; } .p-xxl-2 { padding: 0.5rem !important; } .p-xxl-3 { padding: 1rem !important; } .p-xxl-4 { padding: 1.5rem !important; } .p-xxl-5 { padding: 3rem !important; } .px-xxl-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-xxl-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-xxl-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-xxl-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-xxl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-xxl-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-xxl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-xxl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-xxl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-xxl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-xxl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-xxl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-xxl-0 { padding-top: 0 !important; } .pt-xxl-1 { padding-top: 0.25rem !important; } .pt-xxl-2 { padding-top: 0.5rem !important; } .pt-xxl-3 { padding-top: 1rem !important; } .pt-xxl-4 { padding-top: 1.5rem !important; } .pt-xxl-5 { padding-top: 3rem !important; } .pe-xxl-0 { padding-right: 0 !important; } .pe-xxl-1 { padding-right: 0.25rem !important; } .pe-xxl-2 { padding-right: 0.5rem !important; } .pe-xxl-3 { padding-right: 1rem !important; } .pe-xxl-4 { padding-right: 1.5rem !important; } .pe-xxl-5 { padding-right: 3rem !important; } .pb-xxl-0 { padding-bottom: 0 !important; } .pb-xxl-1 { padding-bottom: 0.25rem !important; } .pb-xxl-2 { padding-bottom: 0.5rem !important; } .pb-xxl-3 { padding-bottom: 1rem !important; } .pb-xxl-4 { padding-bottom: 1.5rem !important; } .pb-xxl-5 { padding-bottom: 3rem !important; } .ps-xxl-0 { padding-left: 0 !important; } .ps-xxl-1 { padding-left: 0.25rem !important; } .ps-xxl-2 { padding-left: 0.5rem !important; } .ps-xxl-3 { padding-left: 1rem !important; } .ps-xxl-4 { padding-left: 1.5rem !important; } .ps-xxl-5 { padding-left: 3rem !important; } .gap-xxl-0 { gap: 0 !important; } .gap-xxl-1 { gap: 0.25rem !important; } .gap-xxl-2 { gap: 0.5rem !important; } .gap-xxl-3 { gap: 1rem !important; } .gap-xxl-4 { gap: 1.5rem !important; } .gap-xxl-5 { gap: 3rem !important; } .row-gap-xxl-0 { row-gap: 0 !important; } .row-gap-xxl-1 { row-gap: 0.25rem !important; } .row-gap-xxl-2 { row-gap: 0.5rem !important; } .row-gap-xxl-3 { row-gap: 1rem !important; } .row-gap-xxl-4 { row-gap: 1.5rem !important; } .row-gap-xxl-5 { row-gap: 3rem !important; } .column-gap-xxl-0 { column-gap: 0 !important; } .column-gap-xxl-1 { column-gap: 0.25rem !important; } .column-gap-xxl-2 { column-gap: 0.5rem !important; } .column-gap-xxl-3 { column-gap: 1rem !important; } .column-gap-xxl-4 { column-gap: 1.5rem !important; } .column-gap-xxl-5 { column-gap: 3rem !important; } .text-xxl-start { text-align: left !important; } .text-xxl-end { text-align: right !important; } .text-xxl-center { text-align: center !important; } } @media (min-width: 1200px) { .fs-1 { font-size: 2.5rem !important; } .fs-2 { font-size: 2rem !important; } .fs-3 { font-size: 1.75rem !important; } .fs-4 { font-size: 1.5rem !important; } } @media print { .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-grid { display: grid !important; } .d-print-inline-grid { display: inline-grid !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } .d-print-none { display: none !important; } } .whitespace-wrap { white-space: pre-wrap; } .row-container { display: table; clear: both; overflow-x: hidden; overflow-y: hidden; } .spinner-background { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; display: table-cell; vertical-align: middle; border: solid 1px #979797; z-index: 99999; pointer-events: all; background-color: rgba(0, 0, 0, 0.8); } .spinner { width: 146px; height: 146px; background-color: #0f2472; } .spinner-center { margin-left: 45%; margin-top: 18%; } * { color-adjust: exact !important; } .popover-body { background-color: #0f2472; color: #FFFFFF; } .why-ssn-popover .arrow::after { border-bottom-color: #0f2472 !important; } .float-right { float: right; } .contactUs-float-right { float: right; } .float-left { float: left; } .block-left { float: left; margin: 30px 15px; } .block-right { float: right; margin: 30px 15px; } .back-button { width: 263px; height: 60px; border: solid 2px #0c2074; background-color: #ffffff; margin-bottom: 17px; font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: 0.3px; text-align: center; color: #0c2074; display: inline-block; cursor: pointer !important; } .next-button { width: 263px; height: 60px; padding-right: 35px; padding-left: 35px; border: solid 2px #0c2074; background-color: #0c2074; font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: 0.3px; text-align: center; color: #ffffff; display: inline-block; cursor: pointer !important; } .back-button-lg { display: inline-block; width: 200px; height: 60px; border: solid 2px #0c2074; background-color: #ffffff; letter-spacing: 0.3px; text-align: center; color: #0c2074; margin-left: 12px; font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.5; } .next-button-lg { display: inline-block; width: 200px; height: 60px; border: solid 2px #0c2074; background-color: #0c2074; line-height: 1.5; letter-spacing: 0.3px; text-align: center; color: #ffffff; margin-left: 67px !important; } .nav-button { width: 100%; height: 60px; line-height: 58px; color: #ffffff; border: solid 2px #0c2074; background-color: #0c2074; position: relative; margin: 15px; } .selectdropdown { padding: 0 0 0 30px; margin-bottom: -45px; } .dropdown { width: 555px; height: 80px; border: none; border-bottom: 1px solid lightgray; border-top: 1px solid lightgray; border-left: 1px solid lightgray; border-right: 1px solid lightgray; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; font-size: 22px; font-weight: 400; font-style: normal; font-stretch: normal; line-height: 1.29; letter-spacing: 0.3px; color: #0c2074; background: url(/assets/images/arrow.svg) right 55% no-repeat; -webkit-appearance: none; padding-left: 20PX; } .dropdown:focus { color: #0c2074; } .dropdown-error { width: 75%; height: 80px; border: solid 1px #d83b48; border-radius: 0px; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; font-size: 22px; font-weight: 500; font-style: normal; line-height: 1; letter-spacing: normal; color: #818aac; background: white url("/assets/images/icon-error-info.svg") right no-repeat; padding-right: 17px; background-size: 40% 40%; background-position: 125% 55%; box-shadow: none; } .dropdown-drop { width: 75%; height: 80px; border: solid 1px #cccccc; border-radius: 0px; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; font-size: 22px !important; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1; letter-spacing: normal; color: #818aac; background-size: 5% 15%; background-position: 96% 50%; } .dropdown-drop-error { width: 75%; height: 62px; border: solid 1px #d83b48; border-radius: 0px; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; font-size: 22px !important; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1; letter-spacing: normal; color: #818aac; background: white url("/assets/images/icon-error-info.svg") right no-repeat; padding-right: 17px; background-size: 6% 50% !important; background-position: 97% 50% !important; } .radiobutton { position: absolute; top: 4px; left: 0; width: 18px; height: 18px; border: solid 1px #737373; border-radius: 50%; } .radiobutton:after { content: ""; position: absolute; display: none; } .radiobutton-container { display: block; position: relative; padding-left: 25px; cursor: pointer; -webkit-user-select: none; user-select: none; font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: 0.3px; color: #636466; } .radiobutton-container input { opacity: 0; cursor: pointer; } .radiobutton-container input:focus ~ .radiobutton { box-sizing: border-box !important; border: 2px solid #007bff; } .radiobutton-container input:checked ~ .radiobutton { background-color: #007cbe; border: none; } .radiobutton-container input:checked ~ .radiobutton:after { display: block; } .radiobutton-container .radiobutton-container:hover input ~ .radiobutton { border: solid 1px #007cbe; } .radiobutton-container .radiobutton:after { top: 3px; left: 3px; width: 12px; height: 12px; border: solid 1px #ffffff; background-color: #007cbe; border-radius: 50%; } .input-field { width: 90%; height: 80px; border: solid 1px #cccccc; border-radius: 0px; font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; font-size: 30px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1; letter-spacing: normal; color: #818aac; } .input-field:focus { color: #0c2074; } .instructional-text { width: 553px; font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.57; letter-spacing: 0.3px; color: #636466; margin-left: 30px; margin-top: 15px; } .label-text { font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; font-size: 15px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.4; letter-spacing: normal; color: #0c2074; } .textfield { width: 75% !important; height: 80px !important; border-radius: 0 !important; border: solid 1px #cccccc; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; font-size: 22px !important; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1; letter-spacing: normal; color: #818aac !important; } .textfield:focus { color: #0c2074; } .custom-control-label { position: relative; margin-bottom: 0; vertical-align: top; font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; font-size: 16px; color: #555555; } .textfield-error { width: 75%; height: 62px; border-radius: 0 !important; border: solid 1px #d83b48 !important; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; font-size: 22px !important; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1; letter-spacing: normal; color: #818aac; background: url(/assets/images/icon-error-info.svg) no-repeat; background-size: 6% 48%; background-position: 97% 50%; } .textfield-error:focus { box-shadow: none !important; } .form-check-inline { margin-right: 20px !important; } .textarea { width: 75% !important; height: 80px !important; border: solid 1px #cccccc; border-radius: 0px !important; font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; font-size: 30px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1; letter-spacing: normal; color: #818aac; resize: none; } .textarea-error { width: 75% !important; height: 80px !important; border-radius: 0px !important; font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; font-size: 30px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1; letter-spacing: normal; color: #818aac; resize: none; border: solid 1px #d83b48 !important; background: white url("/assets/images/icon-error-info.svg") right no-repeat; padding-right: 17px; background-size: 40% 40%; background-position: 125% 55%; box-shadow: none !important; } .textarea:focus { color: #0c2074; } button { height: auto; color: #fff; border: 2px solid #0c2074; background-color: #0c2074; position: relative; border-radius: 0; } .next-button-disabled { cursor: not-allowed !important; border: solid 2px #a4a9ad; background-color: #f5f5f5; } .nav-button-text-disabled { cursor: default; color: #636466; } .client-main-heading { width: 553px; height: 41px; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 21px; letter-spacing: 1px; color: #2C2C2C; margin: 5px 6px -10px 0px; } .client-reg-trademark { font-size: 20px; } .client-screen-heading { width: 555px; height: 40px; font-family: Circular-USB-Bold, Helvetica, Arial, sans-serif; font-size: 32px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 40px; letter-spacing: normal; color: #0D2074; } .client-screen-heading:focus-visible { outline: none; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { select::-ms-expand { display: none; } input[type=text]::-ms-clear { display: none; } input[type=email]::-ms-clear { display: none; } } .advErrorMsg { font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.57; letter-spacing: 0.3px; color: #cb2430; margin-right: 64px; float: right; } .save-close-button-lg { display: inline-block; width: 200px; height: 60px; border: solid 2px #0c2074; background-color: #ffffff; margin-bottom: 17px; font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: 0.3px; text-align: center; color: #0c2074; margin-left: 65px; } .main-heading { font-family: Circular-USB-Light, Helvetica, Arial, sans-serif; font-size: 44px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.09; letter-spacing: 0.3px; color: #0c2074; outline: none; } .rout-row-container { display: table; clear: both; } .overflow-division { overflow: auto; z-index: 100; } .modal-size { height: 470px; width: 792px; overflow-x: hidden; overflow-y: auto; margin-right: 0px; } @media (min-width: 1367px) { .modal-size { height: 650px; } } .bodynoscroll { overflow-y: hidden; } .wrap-name-text { word-wrap: break-word; } .advisor-button-bg-white { border: solid 1px #0A41C5; background-color: #ffffff; font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: 0.3px; text-align: center; color: #0A41C5; display: inline-block; cursor: pointer !important; border-radius: 4px; } .advisor-button-bg-blue { border: solid 1px #0A41C5; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: 0.3px; text-align: center; color: #ffffff; display: inline-block; cursor: pointer !important; border-radius: 4px; background-color: #0A41C5; } .advisor-bt-disabled { border: solid 2px #CDCDD3 !important; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: 0.3px; text-align: center; color: #555555; display: inline-block; cursor: not-allowed !important; border-radius: 4px; background-color: #CDCDD3 !important; } .input-disabled { cursor: not-allowed !important; background-color: #e9ecef !important; opacity: 1 !important; } .cursor-disabled { cursor: not-allowed !important; } .cursor-hand { cursor: pointer; } /** Dashboard link disable **/ .cursor-check { cursor: default !important; color: black !important; text-decoration: none !important; } .text-margin-back { margin-left: 4%; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .selectaccountdropdown option:hover { background: #1E90FF !important; color: white !important; } .selectaccountdropdown option :checked { background: transparent !important; color: #0c2074 !important; } .selectaccountdropdown option:active { background: #1E90FF !important; color: white !important; } .selectaccountdropdown option:focus { background: #1E90FF !important; color: white !important; } } @media screen and (min-width: 320px) and (max-width: 500px) { .textfield { width: 100% !important; } .contactUs-float-right { float: none; } .dropdown-drop { width: 100% !important; } .displayNoneXS { display: none; } .displayBlockXS { display: block !important; } .textfield-error { width: 100% !important; } .dropdown-drop-error { width: 100% !important; } .client-main-heading { margin: 0; width: 100%; height: auto; } .client-screen-heading { margin-top: 8px; width: 100%; margin-bottom: 17px; } .custumTimeOutModal .modal-dialog { padding-left: 5%; margin: 0; padding-right: 5%; } .custumTimeOutModal .modal-content { margin-top: 7%; } } .displayNone { display: none; } .displayBlock { display: block; } .noResult-bar { height: 50px; background-color: #ffffff; padding: 1%; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; font-size: 24px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 0px; text-align: center; color: #555555; } .new-radiobutton-container { display: block; position: relative; cursor: pointer; -webkit-user-select: none; user-select: none; font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: 0px; color: #555555; padding-left: 2rem !important; } .new-radiobutton-container input { position: absolute; opacity: 0; cursor: pointer; } .new-radiobutton-container input:focus ~ .new-radiobutton { box-sizing: border-box !important; border: 2px solid #0A41C5; } .new-radiobutton-container input:hover ~ .new-radiobutton { box-sizing: border-box !important; border: 2px solid #0A41C5; } .new-radiobutton-container input:checked ~ .new-radiobutton { background-color: #0A41C5; border: none; } .new-radiobutton-container input:checked ~ .new-radiobutton:after { display: block; } .new-radiobutton-container .new-radiobutton-container:hover input ~ .new-radiobutton { border: solid 1px #0A41C5; } .new-radiobutton-container .new-radiobutton:after { top: 2px; left: 2px; width: 16px; height: 16px; border: solid 2.5px #ffffff; background-color: #0A41C5; border-radius: 10px; } .new-radiobutton { position: absolute; top: 2px; left: 0; width: 20px; height: 20px; background-color: #FFFFFF; border: solid 1px #858585; border-radius: 10px; } .new-radiobutton:after { content: ""; position: absolute; display: none; } .ms-radiobutton-error:focus { position: absolute; top: 4px; left: 0; width: 18px; height: 18px; border: solid 2px #007bff !important; border-radius: 50%; } .radiobutton-error:focus { border: solid 2px #007bff !important; } .new-radiobutton-error { border: solid 2px #BE1324; } .new-radiobutton-error:hover { border: solid 2px #0A41C5 !important; } /*** PI Tooltip Style ****/ .hide-fun { display: none; margin-left: 265px; margin-top: 2px; position: absolute; } .img-upload:hover + .hide-fun { display: block; } .img-upload:focus + .hide-fun { display: block; } .confirmacc-popover-upload { background-color: #0C2074; height: 89px; width: 213px; border-radius: 2px; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.15); color: #FFFFFF; margin-top: -2px; margin-left: 296px; } /*** Client Error Banner ****/ .cli-upload-fail-msg { color: #2c2c2c; font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; border: 1px solid rgba(190, 19, 36, 0.16); width: 94.7%; padding: 1.3%; border-radius: 4px; background-color: #faedef; border-top: 4px solid #be1324; } .cli-table-error-margin { margin-bottom: 1%; height: auto; width: 100%; } .cli-width-75 { width: 95%; margin-left: 12px; margin-top: 10px; } .cli-warning-sign-red { width: 20px; height: 20px; margin-bottom: 8px; margin-right: 5px; } .cli-table-error-heading-list li { padding-top: 0.69% !important; font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 21px; letter-spacing: normal; color: #555555; margin-left: 10px !important; } .cli-table-error-heading { width: 100%; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 24px; letter-spacing: normal; color: #2c2c2c; } .err-msz-link { font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 21px; color: #0A41C5; text-decoration: underline; padding-left: 1.5%; cursor: pointer; } .errorMsgRed { color: #d83b48 !important; width: auto !important; } /*** Client Error Banner End ****/ /** tootip-common-class **/ .up-arrow .tooltip-inner { max-width: 450px; padding: 0.5rem 0.5rem; color: #3E3D3D; background-color: #fff; border-radius: 0.25rem; border: 1px solid #8d959e; text-align: left; display: inline-block; position: relative; text-decoration: none; } .up-arrow:before { content: ""; display: block; position: absolute; left: 11px; bottom: 94%; width: 0; height: 0; border: 10px solid transparent; border-bottom-color: #8d959e; } .up-arrow:after { content: ""; display: block; position: absolute; left: 12px; bottom: 94%; width: 0; height: 0; border: 9px solid transparent; border-bottom-color: #fff; } .ssn-tooltip .tooltip-inner { max-width: 450px; padding: 0.5rem 0.5rem; color: #3E3D3D; background-color: #fff; border-radius: 0.25rem; border: 1px solid #8d959e; text-align: left; display: inline-block; position: relative; text-decoration: none; } .ssn-tooltip:before { content: ""; display: block; position: absolute; left: 11px; bottom: 96%; width: 0; height: 0; border: 10px solid transparent; border-bottom-color: #8d959e; } .ssn-tooltip:after { content: ""; display: block; position: absolute; left: 12px; bottom: 96%; width: 0; height: 0; border: 9px solid transparent; border-bottom-color: #fff; } .addComment-modal .modal-content { height: auto; width: 746px !important; border-radius: 12px; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15); background-color: var(--white); } .client-input-field-label { position: absolute; transition: all 200ms; font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; font-size: 16px; color: #555555; margin-top: -26px; padding-left: 5px; } @media screen and (min-width: 320px) and (max-width: 500px) { .client-input-field-label { margin-top: -28px; } } .dropdown-menu + .client-input-field-label, .form-control:focus + .client-input-field-label, .floating-label-input + .client-input-field-label { padding-left: 0px; margin-top: -32px !important; font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.4; letter-spacing: normal; color: #6E6E6E; transform: translate3d(0, -100%, 0); font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; } @media screen and (min-width: 320px) and (max-width: 500px) { .dropdown-menu + .client-input-field-label, .form-control:focus + .client-input-field-label, .floating-label-input + .client-input-field-label { margin-top: -32px; } } .floating-label-input-error:focus + .client-input-field-label { color: #555555; } .client-input-field, .client-select-wrap .dropdown { height: 51px; border: none; border-bottom: 1px solid #858585; box-sizing: border-box; padding-left: 0px; color: #2c2c2c; font-size: 16px; font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; border-radius: 0px; padding-top: 18px; padding-bottom: 0; } .client-input-field:focus, .client-select-wrap .dropdown:focus { box-shadow: none; border-bottom: 2px solid #0A41C5; } @media screen and (min-width: 320px) and (max-width: 500px) { .client-input-field, .client-select-wrap .dropdown { padding-top: 8%; } } @media screen and (min-width: 1456px) { .client-input-field, .client-select-wrap .dropdown { width: 100% !important; } } .client-flied-required { color: #6E6E6E; font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; font-size: 12px; letter-spacing: 0; line-height: 18px; } .client-feild-error { color: #BE1324 !important; font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; font-size: 12px; letter-spacing: 0; line-height: 18px; } .client-field-error-img { width: 14px; height: 14px; margin-top: -1%; margin-right: 0.5%; } .client-error-color { color: #BE1324 !important; } .client-border-error { border-bottom: 2px solid #BE1324; } /* new checkbox styling start */ .new-checkbox-container { display: block; position: relative; cursor: pointer; -webkit-user-select: none; user-select: none; font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: 0px; color: #555555; } .new-checkbox-container input { position: absolute; opacity: 0; cursor: pointer; } .new-checkbox-container input:focus ~ .new-checkbox { box-sizing: border-box !important; border: 2px solid #0A41C5; } .new-checkbox-container input:hover ~ .new-checkbox { box-sizing: border-box !important; border: 2px solid #0A41C5; } .new-checkbox-container input:checked ~ .new-checkbox { background-color: #0A41C5; border: none; } .new-checkbox-container input:checked ~ .new-checkbox:after { display: block; } .new-checkbox-container .new-checkbox-container:hover input ~ .new-checkbox { border: solid 1px #0A41C5; } .new-checkbox-container .new-checkbox:after { left: 6px; top: 0px; height: 15px; width: 8px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); } .new-checkbox { position: absolute; top: 2px; left: 0; width: 20px; height: 20px; background-color: #FFFFFF; border: solid 1px #858585; border-radius: 4px; } .new-checkbox:after { content: ""; position: absolute; display: none; } /* new checkbox styling end */ /** Radio label **/ .client-legend-label { height: 60px; width: 100%; color: #2C2C2C; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; font-size: 16px; letter-spacing: 0; line-height: 24px; } .validation-error { font-size: 12px; color: #BE1324 !important; width: 100%; margin: 3px 0px 0px 0px; font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; } /** Radio label end **/ .client-select-wrap { padding: 18px 0px 0px 0px; position: relative; } @media screen and (min-width: 1456px) { .client-select-wrap { width: 100% !important; } } .client-select-wrap .dropdown { width: 100% !important; background: url(/assets/images/Chevron_Grey.svg) right 55% no-repeat !important; -webkit-appearance: none; font-size: 16px !important; text-align: left; height: 26px !important; padding-top: 0px !important; padding-right: 5% !important; white-space: nowrap; text-overflow: ellipsis; z-index: 1; } .client-select-wrap .dropdown:focus-visible { outline: none; } .client-select-wrap .dropdown:focus { color: #2c2c2c; } .client-select-wrap .dropdown option { cursor: pointer; height: 40px; border-bottom: 1px solid #CDCDD3; color: #2C2C2C !important; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; font-size: 16px; letter-spacing: 0; line-height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background-color: #f2f2f5; } .client-select-wrap::after { content: ""; position: absolute; border: 2px solid transparent; border-radius: 0.25rem; width: 100%; left: 0px; top: -7px; height: 58px; } .client-select-wrap:hover::after { border-color: transparent; } .footer-row-container-alignment { clear: both; overflow-x: hidden; overflow-y: hidden; } .new-checkbox-error { border: solid 2px #BE1324; } .new-checkbox-error:hover { border: solid 2px #0A41C5 !important; } .client-trust-text_area-wrapper { background-color: #fff; border: 1px solid #858585; border-radius: 0.25rem; color: #2c2c2c; display: flex; flex-direction: column; padding: 0.5rem; position: relative; } .client-trust-text_area-wrapper .client-input-field, .client-trust-text_area-wrapper .client-select-wrap .dropdown, .client-select-wrap .client-trust-text_area-wrapper .dropdown { border: none; padding-top: 0px; } .client-trust-text_area-wrapper .client-input-field-label { margin-top: -10px; } .client-trust-text_area-wrapper .form-control:focus + .client-input-field-label, .client-trust-text_area-wrapper .floating-label-input + .client-input-field-label { margin-top: -10px !important; margin-left: -10px !important; } .client-trust-text_area-border-error { border: 2px solid #BE1324 !important; } .radio-btn-disabled { cursor: auto; } .radio-btn-enable { cursor: pointer; } .loan-new-radiobutton-container { display: block; position: relative; -webkit-user-select: none; user-select: none; font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: 0px; color: #555555; width: 100%; } .loan-new-radiobutton-container input { position: absolute; opacity: 0; } .loan-new-radiobutton-container input:focus ~ .new-radiobutton { box-sizing: border-box !important; border: 2px solid #0A41C5; } .loan-new-radiobutton-container input:hover ~ .new-radiobutton { box-sizing: border-box !important; border: 2px solid #0A41C5; } .loan-new-radiobutton-container input:checked ~ .new-radiobutton { background-color: #0A41C5; border: none; } .loan-new-radiobutton-container input:checked ~ .new-radiobutton:after { display: block; } .loan-new-radiobutton-container .loan-new-radiobutton-container:hover input ~ .new-radiobutton { border: solid 1px #0A41C5; } .loan-new-radiobutton-container .new-radiobutton:after { top: 2.3px; left: 2px; width: 16px; height: 16px; border: solid 2.5px #ffffff; background-color: #0A41C5; border-radius: 10px; } .nd-error-msg { width: 35rem; margin-top: 0; } .modal-title-save { height: 30px; width: 311px; color: #2C2C2C; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; font-size: 24px; line-height: 30px; text-align: center; margin-top: 30px; margin-left: 13px; } .modal-text-save { height: 24px; width: 311px; color: #555555; font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 24px; text-align: center; margin-top: 10px; margin-left: 13px; } .wif-modal-image-align { text-align: center; } .wif-modal-save-stroke { box-sizing: border-box; height: 67.82px; width: 67.82px; margin-top: 15px; } .save-modal-confomation .modal-content { height: 249px; width: 343px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; border-top-right-radius: 8px; border-top-left-radius: 8px; } .save-modal-confomation .modal-dialog { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) !important; } .text { border: 2px solid #0A41C5; border-radius: 4px; padding: 5px; } .word-wrap { overflow-wrap: break-word; } .font-16 { font-size: 16px; } .width-100 { width: 100%; } .Circular-USB-Medium { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; } .scroll-y { overflow-y: scroll; } .Circular-USB-Regular { font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; } .trustname__popover { max-width: 600px; margin-left: -200px; } @media (max-width: 992px) { .trustname__popover { max-width: 450px; margin-left: 0px; } } .refresh-modal { display: block; position: fixed; z-index: 200; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.8); padding-top: 7%; font-style: Circular-USB-Medium, Helvetica, Arial, sans-serif; } .refresh-modal-content { background-color: #FFFFFF; margin: auto; width: 746px; height: 363px; border-radius: 12px; } .refresh-modal-body { background-color: #FFFFFF; border-radius: 12px; padding-left: 40px; width: 744px; padding-bottom: 0px; } .cross-image { height: 20px; width: 20px; float: right; } .refresh-modal-text { height: 36px; font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 30px; letter-spacing: 0; color: #555555; margin-top: 16px; } .refresh-status { color: #2C2C2C; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; font-size: 28px; line-height: 35px; } .mar-t-20 { margin-top: 20px !important; } .bnkr-modal-footer { width: 744px; height: 88px; background-color: #F7F7FA; border: none; padding: 20px; margin-top: 95px; border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; } .btn-height { height: 40px; width: 134px; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; } .illustration-row-margin { margin-left: 0px; } .ill-detail-collateral-details { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; height: 1.44%; width: 100%; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: normal; text-align: right; color: #0A41C5 !important; cursor: pointer; margin-left: 10%; } @media (min-width: 1367px) { .ill-detail-collateral-details { margin-left: 27%; } } .link-align-right { float: right; margin-top: 8%; text-decoration: none; margin-right: -9%; } .display-flex { display: flex; } .align-items-center { align-items: center; } .justify-content-space-between { justify-content: space-between; } .display-flex-center { display: flex; justify-content: space-between; } .banker-breadcums { text-decoration: none; float: right; margin-right: 7%; } .all-dates-format-heading-main { display: flex; width: 100%; align-items: center; justify-content: space-between; margin-bottom: 10px; } .all-dates-format-heading-left-right { display: flex; width: 100%; align-items: center; border-top: 2px solid #ccc; } .all-dates-format-heading-center { font-size: 14px; color: #000000; line-height: 16px; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; font-weight: 400; display: flex; width: 80%; align-items: center; justify-content: center; } .all-date-text-padding { padding: 0rem 2.6rem !important; } .u-s-bank-flexible { height: 41px; width: 450px; color: #636466; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; font-size: 14px; letter-spacing: 0.25px; line-height: 36px; } .ang-page-title { font-family: Circular-USB-Light, Helvetica, Arial, sans-serif; font-size: 40px; font-weight: 700; font-style: normal; font-stretch: normal; line-height: 1.09; letter-spacing: 0.3px; color: #0c2074; } .block-margin { margin-bottom: 24px; } .p-0-15 { padding: 0px 15px; } .p-20 { padding: 20px; } .p-t-20 { padding-top: 20px; } .update-modal { display: block; position: fixed; z-index: 200; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.8); padding-top: 7%; font-style: Circular-USB-Medium, Helvetica, Arial, sans-serif; } .update-modal .bnkr-modal-content { background-color: #FFFFFF; margin: auto; width: 746px; height: auto; border-radius: 12px; } .pad-l-8 { padding-left: 8px; } .close-popup { float: right; cursor: pointer; margin-top: -2%; } .cancel_btn { background-color: #f7f7fa; color: #0a41c5; width: 16%; height: 48px; border: solid 1px #0a41c5; border-radius: 7px; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; } .cancel_btn.primary { background-color: #0a41c5; color: #FFFFFF; border: solid 1px #0a41c5; font-size: 16px; width: 90px; height: 40px; } .modal-header-text { color: #2E2E32; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; font-size: 20px; line-height: 30px; font-weight: 500; height: 30px; } .cancel_btn.outlined { background-color: inherit; color: #0a41c5; border: solid 1px #0a41c5; font-size: 16px; width: 90px; height: 40px; } .save_btn.primary { background-color: #0a41c5; color: #FFFFFF; border: solid 1px #0a41c5; font-size: 16px; width: 90px; height: 40px; border-radius: 7px; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; } .mar-top-error { margin-top: -48px !important; } .orange-bg { width: 96%; background-color: #EFF3FC; box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1215686275); border: solid 1px #DE8600; border-radius: 5px; } .orange-bg .error-sub-block-orange { height: 4px; width: 100%; border-radius: 10px 10px 0 0; background-color: #DE8600; } .orange-bg .notification { font-size: 14px; color: #2E2E32; font-weight: 400; padding-left: 10px; } .orange-bg .close-icon { cursor: pointer; } .padding-warning-box-content { padding: 12px 10px; } .lif-top-overflow .padding-warning-box-content { padding: 0px 10px; } .small-modal-width { width: 470px !important; } .display-inline { display: inline !important; } .select-banker-rm-main { margin-right: 30px; margin-top: 70px; display: flex; justify-content: space-between; align-items: center; } .select-banker-rm-main .modal-dropdown { width: 300px !important; } .save-btn { width: 176px; height: 48px; margin-right: 30px; } .save-btn-disable { width: 176px; height: 48px; cursor: not-allowed !important; margin-right: 30px; } .button-width { width: 16%; border-radius: 7px; } .dropdown-menu + .client-input-field-label, .form-control:focus + .client-input-field-label, .floating-label-input + .client-input-field-label { margin-top: -30px !important; } .bnkr-modal-text { /* width: 520px; */ height: 36px; font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 24px; letter-spacing: 0; color: #4C4C50; margin-top: 16px; width: 94%; } .alert { font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; border-radius: 5px; color: #2D2D3E; font-weight: 400; } .blue-bg-warning-box { width: 96%; background-color: #EFF3FC; box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1215686275); border: solid 1px #AAD2FF; border-radius: 5px; } .blue-bg-warning-box .error-sub-block-blue { height: 4px; width: 100%; border-radius: 10px 10px 0 0; background-color: #3668DA; } .blue-bg-warning-box .notification { font-size: 14px; color: #2D2D3E; font-weight: 400; font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; } .blue-bg-warning-box .close-icon { cursor: pointer; } .text-align-left { text-align: left; } .font-weight-600 { font-weight: 600 !important; } .font-weight-500 { font-weight: 500 !important; } .font-weight-400 { font-weight: 400 !important; } .display-flex-only { display: flex !important; } .modal-content { background-color: #fff !important; } .me-16 { margin-right: 16px; } .col-2 { min-width: 16.66%; } .la-card-container table th { background-color: #0c2074 !important; } .mangefirm-card-container table th { background-color: #f2f2f5 !important; } .pe-10 { padding-right: 10px; } .ps-10 { padding-left: 10px; } .select-columns-main-ul { z-index: 1000; position: relative; will-change: transform; top: 0px; left: 0px; transform: translate3d(15px, -47px, 0px); } .display-flex-end-center { display: flex; justify-content: flex-end; align-items: center; } .form-check-input:disabled { opacity: 0 !important; } .dropdown-list { z-index: 1000; position: relative; will-change: transform; top: 47px; left: -16px; transform: translate3d(15px, -47px, 0px); } .aip-apply-btn { height: 39px; width: -webkit-fill-available; border-radius: 5px; background-color: #0A41C5; border: none; font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; } .main-header { height: 45px; } .align-item-center { align-items: center; } .width-100 { width: 100%; } .position-absolute { position: absolute !important; } .position-relative { position: relative !important; } .top-142 { top: 142px !important; } .text-align-right { text-align: right; } .success-sub-block-green { height: 4px; width: 100%; border-radius: 10px 10px 0 0; background-color: #007D1E; } .success-warning-content { background-color: #E5F8E8 !important; color: #000000 !important; padding: 15px; } .error-sub-block-red { height: 4px; width: 100%; border-radius: 10px 10px 0 0; background-color: #CF2A36; } .error-warning-content { background-color: #FFE9EA !important; padding: 15px; } .p-r-35 { padding-right: 35px; } .pledged-accounts-details { height: 20px; font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 1.67; letter-spacing: 0.3px; color: #555555 !important; text-align: left; } .table-striped > tbody > tr:nth-of-type(odd) > * { --bs-table-color-type: unset !important; --bs-table-bg-type: unset !important; } .table > :not(caption) > * > * { background-color: unset !important; color: unset; } .table.account-details-table > :not(caption) > * > * { background-color: unset !important; color: #000; } .account-details-table tr, .account-details-table tr.account-details-divider { border-bottom: 2px solid #F2F2F5 !important; } .row-font { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; font-size: 14px !important; font-weight: normal !important; font-style: normal !important; font-stretch: normal !important; line-height: 1 !important; letter-spacing: 0.25px !important; color: #636466 !important; text-align: center !important; } .row-font-firm { padding-left: 3%; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; font-size: 14px !important; font-weight: normal !important; font-style: normal !important; font-stretch: normal !important; line-height: 1 !important; letter-spacing: 0.33px !important; color: #555555 !important; } .row-font-text-alpha { text-align: left !important; } .row-font-numbers { text-align: right !important; } .borrower-name { text-align: left !important; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1; letter-spacing: 0.33px; color: #0a41c5 !important; text-decoration: underline; cursor: pointer; margin-bottom: 8px; word-break: break-word; /*For Chrome and Safari*/ word-wrap: break-word; /* for IE and Mozilla*/ } .client-input-field-label-ssn { position: relative; transition: all 200ms; font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; font-size: 16px; color: #555555; top: -28px; padding-left: 5px; } .dropdown-menu + .client-input-field-label-ssn, .form-control:focus + .client-input-field-label-ssn, .floating-label-input + .client-input-field-label-ssn { padding-left: 0px; top: -38px !important; font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.4; letter-spacing: normal; color: #6E6E6E; transform: translate3d(0, -100%, 0); font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; } .floating-label-input-error:focus + .client-input-field-label-ssn { color: #555555; } .main-header, .table > thead { position: sticky; top: -1px; z-index: 100; background-color: #fff; color: #fff; /* display: flex; */ border-bottom: solid 1px #ccc; width: 100%; border-top-left-radius: 10px; border-top-right-radius: 10px; } .select-all-padding { padding: 10px; border-bottom: 3px solid #979797; } .table tr:first-child th { position: sticky; top: -1px; z-index: 100; background-color: #0c2074; } .table tr:first-child th .roundedCornersleft { border-top: 1px solid #ffffff; border-radius: 0 12px 0 0; } .table tr:first-child th .roundedCornersright { border-top: 1px solid #ffffff; border-radius: 0 12px 0 0; } .checkmark { height: 20px !important; max-height: 20px !important; min-height: 20px !important; width: 20px !important; max-width: 20px !important; min-width: 20px !important; } .list-rect { height: auto !important; } .list-rect .container { margin-bottom: 0px !important; } .list-group-item { margin-top: 0px !important; } .display-flex-start { display: flex; justify-content: flex-start; } a { text-decoration: none; } .sr-loanNo:hover { text-decoration: underline; } .display-flex-start-center { display: flex; justify-content: flex-start; align-items: center; } .validation-error { display: block; } .main-block-tile { width: 100%; } .font-size14 { font-size: 14px !important; } .panel-space { margin-top: 19px; margin-left: 62px; } .position-none { position: unset !important; } .sr-library-wrapper .page-header { justify-content: space-between; } .smart-grid-content-main { width: 100% !important; } .custumTimeOutModal { background-color: rgba(0, 0, 0, 0.7); --bs-modal-zindex: 10000!important; } .usb--checkbox-wrapper { width: -webkit-fill-available !important; } .padding-30 { padding: 30px !important; } .padding-left-30 { padding: 30px !important; } .pad-l-10 { padding-left: 10px !important; } .sc-card ul, .sc-card li { font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif !important; } .suitability-content .sa-heading-text-wrapper .sub-heading-text { padding-right: 10px !important; } .react-banker-lif-tile-main-wrapper button { font-size: 14px !important; } .react-banker-lif-tile-main-wrapper div:nth-child(1) > div:nth-child(1) > div:nth-child(1) { padding-right: 7px !important; } .react-banker-lif-tile-main-wrapper div:nth-child(1) > div:nth-child(1) > div:nth-child(2) { padding-left: 6px !important; padding-right: 6px !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/@usb-wealthmanagement-npb/application-inprogress/dist/styles/index.css?ngGlobalStyle ***! \*******************************************************************************************************************************************************************************************************************************************************************************************/ .aip-dashboard-page-main { color: #636466 !important; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; } .application-count { display: flex; align-items: flex-start; justify-content: flex-start; padding: 10px; margin: 0px 20px 10px 20px; } .application-count-lable { font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; font-size: 1rem; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 0.1px; color: #555555; } .application-count-data { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; font-size: 1rem; font-weight: bold; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 0.1px; text-align: left; color: #555555; margin-left: 0.5rem; } /* .applicationStatus { align-items: start; } */ .custom-filter-checkbox .usb--checkbox-label-text { display: inline !important; font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif !important; color: #0c2074 !important; } .application-status-name { display: inline !important; } .application-status-value { display: inline !important; } .application-status-filter-options-main { background-color: white; border: solid 1px #ccc; position: absolute; list-style: none; z-index: 1000; width: 350px; overflow-y: auto; max-height: 80vh; padding: 0px; } .application-status-filter-options-main legend { display: none !important; } .application-status-filter-options-main ul { padding: 0px; margin: 0px; } .application-status-filter-options-main li { padding: 0px 10px 0px 10px; cursor: pointer; display: inline-block; width: 100%; border-bottom: solid 1px #ccc; } .application-status-filter-options-main li:first-child { border-bottom: solid 2px #a39898 !important; } .application-status-filter-options-main .usb--checkbox-wrapper:last-child { margin-bottom: 0px !important; } .application-status-filter-options-main .usb--checkbox-wrapper { border-bottom: none !important; padding: 10px 0px !important; } .app-summary-layout { background-color: #f2f2f5 !important; } .app-card { background-color: white; width: auto; margin: 0.5rem 1.5rem !important; padding: 1rem 2rem !important; box-sizing: border-box; border-radius: 0.75rem; } .app-min-card { min-height: 20rem; background-color: white; width: auto; padding: 1rem !important; box-sizing: border-box; border-radius: 0.75rem; margin: 10px !important; } .aip-line { width: 76px; height: 5px; border-bottom: 4px solid #e0dcd1; object-fit: contain; } .app-details-headers { text-align: center; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; font-size: 12px; color: #0c2074; line-height: 2.5; letter-spacing: 3px; } .app-details-items { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; font-size: 1rem; color: #636466; line-height: 1.3; width: 100%; word-break: break-word; } .aip-application-status { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; color: #0c2074; font-size: 12px; letter-spacing: 3px; line-height: 1.67; margin-top: 0% !important; width: 100%; } .first-card-margin { margin-top: 1rem !important; } .account-pledge { padding-top: 5%; } .account-pledge ul { padding: 0px !important; margin: 0px !important; } .account-pledge .usb-list-item { display: block; padding-top: 0px !important; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; color: #636466; min-height: 0rem; width: 100%; word-break: break-word; } .font-req { font-size: 12px !important; font-family: Circular-USB-Bold, Helvetica, Arial, sans-serif; } .primary-borrower_Title { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; font-size: 0.875rem; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.75; letter-spacing: 0.25px; color: #636466; } .min-card-padding { padding-top: 1rem !important; padding-left: 1rem !important; width: 100%; } .accounts-pledge-acc-details { font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.75; letter-spacing: 0.25px; color: #636466; padding-left: 0px; } .app-progress-indicator { width: 100%; margin-left: -1.25rem; margin-top: 1.25rem; } .app-progress-indicator ol li span { left: 0 !important; } .progress-status { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; font-size: 0.75rem; color: #0c2074; position: relative; top: -52px; } .app-progress-bar-column { justify-content: center !important; } .aip-borrower-section { margin-top: 5%; } .borrower-title { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; font-size: 0.875rem; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.75; letter-spacing: 0.25px; color: #636466; } .borrower span { font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.75; letter-spacing: 0.25px; color: #636466; word-break: break-word; } .app-header-link { align-items: end !important; padding: 0.75rem !important; } .illustration-section { margin-top: 5%; } .illustration-item { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; font-size: 0.875rem !important; font-weight: normal !important; font-style: normal !important; font-stretch: normal !important; letter-spacing: 0.19px !important; text-align: left; } .illustration-item-compnent { line-height: 1.83; } .borrower { font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; font-size: 0.875rem; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.75; letter-spacing: 0.25px; color: #4c4c50; word-break: break-word; } .usb-progress-indicator__bar { display: none; } .progress-subtask { position: absolute; top: 44px; left: 0px; font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; color: #0c2074; } .progress-bottom-text { position: absolute; top: 16px; left: 0px; font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.83; letter-spacing: 0.2px; color: #636466; } .app-footer-btns-devider { margin-right: 1.5rem; } @media screen and (min-width: 320px) and (max-width: 500px) { .app-footer-btns-devider { margin-bottom: 1.5rem; } } .app-footer-btns { display: flex; width: 100%; padding: 1.5rem; justify-content: end; } .app-footer-btns .button { margin-right: 2rem; } @media screen and (min-width: 320px) and (max-width: 500px) { .app-footer-btns { flex-direction: column-reverse; justify-content: center; } } .app-offramp-notification { width: 100%; margin-bottom: 1rem; } .app-offramp-notification li:last-child { display: none; } .app-offramp-notification h2 { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; font-size: 0.875rem !important; font-weight: normal !important; font-style: normal !important; font-stretch: normal !important; } .app-offramp-notification li { font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif !important; font-size: 0.875rem !important; font-weight: normal !important; font-style: normal !important; font-stretch: normal !important; } .app-inprogress-header-link { margin-bottom: 0.5rem !important; padding: 0rem !important; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; } .page-header-container { width: 100% !important; } .remove-app-header { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; font-size: 1rem !important; font-weight: normal !important; font-style: normal !important; font-stretch: normal !important; } .remove-app-paragraphs { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; font-size: 0.875rem !important; font-weight: normal !important; font-style: normal !important; font-stretch: normal !important; } .footer-btns { width: 100%; } .agreement-name { margin-bottom: 0rem; } .app-progress-bar-card { height: 220px; } @media only screen and (max-width: 820px) { .app-progress-bar-card { height: auto; } } /*# layout mobile */ @media only screen and (max-width: 500px) { .agreement-name { font-size: 0.75rem; } .app-details-headers { font-size: 0.75rem; } .app-details-items { font-size: 0.75rem; } .app-card { padding: 1rem !important; } .application-status { font-size: 0.65rem; } .min-card-top-padding { padding-top: 1rem !important; } .app-min-card { min-height: auto !important; } } .p-0-0 { padding: 0px !important; } .pad-0-10 { padding: 0px 10px !important; } .loanAmount.smart-grid-content-row-item, .proposedAmount.smart-grid-content-row-item { justify-content: flex-end !important; } .assignPartyName { text-align: left !important; } @media screen and (min-width: 320px) and (max-width: 750px) { .aip-dashboard-page-main .application-functions-container { margin-top: 10px; flex-direction: column; gap: 10px; } } @media screen and (min-width: 320px) and (max-width: 750px) { .aip-dashboard-page-main .application-functions-container .usb-button { align-self: baseline; width: 100%; max-width: 100%; } } @media screen and (min-width: 320px) and (max-width: 750px) { .aip-dashboard-page-main .application-functions-container > a { width: 100%; max-width: 100%; } } @media screen and (max-width: 786px) { .page-title { width: 100%; display: flex; flex-direction: column; margin-bottom: 1rem; } } .aip-verticalBaseAlign { vertical-align: middle; width: 20px; height: 20px; } .column-config-wrapper .usb--checkbox-label { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; } .pagination-perpage-dropdawn button { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; } .pagination-perpage-dropdawn button:focus { outline: 3px solid #235ae4 !important; outline-offset: 4px !important; outline-style: auto !important; border-radius: 0.25rem !important; } .filtered-text-button { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; } .filter-options-main ul li label span { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; } .application-status-filter-options-main ul li label span { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; } .helper_label--wrapper span { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; } .smart-grid-filter-item button span { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; } .column-visibility-button span { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; } .application-functions-container .usb-button { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; } .column-selction-apply .usb-button { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; } .dropdown__btn { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; } .filter-options-main { min-width: 250px !important; } .smart-grid-filter-item.applicationStatus, .smart-grid-header-item-main.applicationStatus, .applicationStatus.smart-grid-content-row-item { min-width: 150px !important; } .smart-grid-filter-item.assignedRelMgrNm, .smart-grid-header-item-main.assignedRelMgrNm, .assignedRelMgrNm.smart-grid-content-row-item { min-width: 150px !important; } .smart-grid-filter-item.proposedAmount, .smart-grid-header-item-main.proposedAmount, .proposedAmount.smart-grid-content-row-item, .smart-grid-filter-item.loanAmount, .smart-grid-header-item-main.loanAmount, .loanAmount.smart-grid-content-row-item { min-width: 150px !important; } .smart-grid-filter-item.applicationNumberBanker, .smart-grid-header-item-main.applicationNumberBanker, .applicationNumberBanker.smart-grid-content-row-item { min-width: 110px !important; } .createdBy.smart-grid-content-row-item, .advisorName.smart-grid-content-row-item, .assignPartyName.smart-grid-content-row-item, .requestedBy.smart-grid-content-row-item, .firm.smart-grid-content-row-item, .advisor.smart-grid-content-row-item, .banker.smart-grid-content-row-item, .relationshipManager.smart-grid-content-row-item { word-break: break-word; } .smart-grid-content-row-item .download-application-link, .smart-grid-content-row-item .usb-link.is-size-medium, .smart-grid-content-row-item .usb-link.size_medium { font-size: 0.88rem !important; } @media screen and (min-width: 900px) { .select-firm-type-modal .usb--select--wrapper { width: 50% !important; } } .select-option-alert { color: red !important; } .usb-modal-v2.select-update-status-modal option[value="Underwriting - Missing Information"], .usb-modal-v2.select-update-status-modal option[value="Underwriting - Loan Withdrawn"], .usb-modal-v2.select-update-status-modal option[value="Underwriting - Loan Denied"], .usb-modal-v2.select-update-status-modal option[value="Loan Packet - Missing Information"], .usb-modal-v2.select-update-status-modal option[value="Loan Packet - Loan Packet Missing Information"], .usb-modal-v2.select-update-status-modal option[value="Booking Funding - Missing Information"], .usb-modal-v2.select-update-status-modal option[value="Underwriting - Loan Approved with Counteroffer"], .usb-modal-v2.select-update-status-modal option[value="Loan Packet - Loan Withdrawn"] { color: #cb2430 !important; } .usb-modal-v2.select-update-status-modal option[value="Underwriting - In Process"], .usb-modal-v2.select-update-status-modal option[value="Underwriting - Loan Approved"], .usb-modal-v2.select-update-status-modal option[value="Loan Packet - In Process"], .usb-modal-v2.select-update-status-modal option[value="Loan Packet - Out for signature"], .usb-modal-v2.select-update-status-modal option[value="Loan Packet - Complete"], .usb-modal-v2.select-update-status-modal option[value="Booking Funding - In Process"], .usb-modal-v2.select-update-status-modal option[value="Booking Funding - Complete"], .usb-modal-v2.select-update-status-modal option[value="Done - Loan in Force"], .usb-modal-v2.select-update-status-modal option[value="Done - Loan on Dashboard"] { color: black !important; } .usb-modal-v2.select-update-status-modal .select-update-status-body { display: flex; flex-direction: column; gap: 1rem; } .usb-modal-v2.select-update-status-modal .sa-notice-content { font-size: 14px !important; } .warning-modal-form-container { display: flex; flex-direction: column; gap: 1rem; } @media screen and (min-width: 500px) { .warning-modal-form-container { flex-direction: row; } } .min-wid-155 { min-width: 155px !important; } .border-b-eee { border-bottom: 1px solid #eee; } .border-b-eee:last-child { border-bottom: none; } @media only screen and (max-width: 480px) { .aip-tile-hide-mobile { display: none; } } @media only screen and (min-width: 481px) { .aip-tile-hide-desktop { display: none; } } @media screen and (max-width: 400px) { .summary-tile-heading.usb-link.is-size-medium { font-size: 1.2rem !important; padding: 0px !important; letter-spacing: normal !important; } } @media screen and (max-width: 320px) { .banker-home-title-section, .home-user-row-header { padding: 4px !important; } } /* Style the select element when the selected option value is "test" */ select:has(option:checked[value="Underwriting - Missing Information"]), select:has(option:checked[value="Underwriting - Loan Withdrawn"]), select:has(option:checked[value="Underwriting - Loan Denied"]), select:has(option:checked[value="Loan Packet - Missing Information"]), select:has(option:checked[value="Loan Packet - Loan Packet Missing Information"]), select:has(option:checked[value="Booking Funding - Missing Information"]), select:has(option:checked[value="Underwriting - Loan Approved with Counteroffer"]), select:has(option:checked[value="Loan Packet - Loan Withdrawn"]) { color: #cb2430 !important; } .banker-application-detail-page-main .banker-app-detail-header { display: flex; justify-content: space-between; align-items: flex-end; } @media screen and (max-width: 768px) { .banker-application-detail-page-main .banker-app-detail-header { flex-direction: column; align-items: flex-start; } } @media screen and (max-width: 480px) { .banker-application-detail-page-main .banker-app-detail-header h2 { font-size: 1.2rem; } } .banker-application-detail-page-main .banker-app-detail-header .banker-app-detail-title, .banker-application-detail-page-main .banker-app-detail-header .welcome-back-text { font-size: 36px; line-height: 1; letter-spacing: 0.3px; color: #0c2074; white-space: nowrap; } .banker-application-detail-page-main .welcome-back-text { font-weight: 400; font-family: USB-Regular, Arial, sans-serif; } .banker-application-detail-page-main .wrapper-padding { padding: 30px 20px; } .banker-application-detail-page-main .banker-app-basic-card { width: 100%; height: auto; object-fit: contain; background-color: #ffffff; padding-top: 18px; padding-bottom: 28px; padding-left: 22px; padding-right: 22px; border-radius: 10px; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3); margin-bottom: 20px; } .banker-application-detail-page-main .banker-app-detail-card { width: 100%; height: auto; object-fit: contain; background-color: #ffffff; padding-top: 5px; padding-bottom: 28px; padding-left: 22px; padding-right: 22px; border-radius: 10px; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3); } .banker-application-detail-page-main .banker-app-detail-card .banker-app-basic-card-header { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 21px; letter-spacing: 1px; color: #2C2C2C; display: flex; border-bottom: solid 2px #cdcdd3; padding: 10px 0px; text-transform: uppercase; } .banker-application-detail-page-main .banker-app-basic-card-row { width: 100%; display: flex; justify-content: space-between; } @media screen and (max-width: 786px) { .banker-application-detail-page-main .banker-app-basic-card-row { flex-direction: column; gap: 20px; } } .banker-application-detail-page-main .banker-app-basic-card-row:not(:last-child) { padding-bottom: 30px; } .banker-application-detail-page-main .banker-app-basic-card-row .banker-app-basic-card-column { flex: 1; } @media screen and (max-width: 786px) { .banker-application-detail-page-main .banker-app-basic-card-row .banker-app-basic-card-column { width: 100%; display: flex; justify-content: space-between; } } .banker-application-detail-page-main .banker-app-detail-label { font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; letter-spacing: 0.33px; color: #636466; font-size: 14px; padding-left: 20px; } @media screen and (max-width: 786px) { .banker-application-detail-page-main .banker-app-detail-label { padding-left: 0px; } } .banker-application-detail-page-main .banker-app-detail-value { color: #636466; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; letter-spacing: 0.25px; padding-top: 2px; padding-left: 20px; } .banker-application-detail-page-main .banker-app-details-acc-firm-illus-wrapper { display: flex; justify-content: space-between; gap: 10px; } @media screen and (max-width: 768px) { .banker-application-detail-page-main .banker-app-details-acc-firm-illus-wrapper { flex-direction: column; align-items: center; } } .banker-application-detail-page-main .banker-app-basic-card-body ul { margin: 0px !important; margin-left: 0px !important; padding-left: 0px !important; } .banker-application-detail-page-main .banker-app-basic-card-body .acct-list-li { list-style-type: none; padding: 10px; margin-top: 5px; display: flex; justify-content: space-between; align-items: baseline; } .banker-application-detail-page-main .banker-app-basic-card-body .acct-list-li div { flex: 1; color: #636466; } .banker-application-detail-page-main .banker-app-basic-card-body .acct-list-li div:first-child { text-align: right; padding-right: 10px; font-size: 12px; line-height: 2; letter-spacing: 0.21px; color: #636466; } .banker-application-detail-page-main .banker-app-basic-card-body .acct-list-li div:last-child { text-align: left; padding-left: 10px; font-size: 12px; font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif !important; } .banker-application-detail-page-main .banker-app-basic-card-heading-text { font-size: 14px; } .banker-application-detail-page-main .flex-row-space-between { display: flex; justify-content: space-between; align-items: flex-end; } @media screen and (max-width: 786px) { .banker-application-detail-page-main .flex-row-space-between { flex-direction: column; align-items: flex-start; gap: 10px; } } .banker-application-detail-page-main .assign-card-heading-text { font-size: 20px; color: #2C2C2C; font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif !important; } .banker-application-detail-page-main .firm-advisor-items-wrapper { display: flex; justify-content: space-between; align-items: baseline; margin-top: 2px; padding: 4px; } .banker-application-detail-page-main .firm-advisor-items-wrapper div { color: #636466; word-break: break-all; } .banker-application-detail-page-main .firm-advisor-items-wrapper div:first-child { text-align: right; flex: 0.7; padding-right: 10px; font-size: 12px; letter-spacing: 0.21px; font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif !important; } .banker-application-detail-page-main .firm-advisor-items-wrapper div:last-child { text-align: left; padding-left: 10px; font-size: 12px; flex: 1.3; } .banker-application-detail-page-main .firm-advisor-card-link-wrapper { margin-top: 30px; text-align: right; padding-right: 20%; } @media screen and (max-width: 768px) { .banker-application-detail-page-main .firm-advisor-card-link-wrapper { display: grid; } } .banker-application-detail-page-main .banker-aip-detail-illustration-card-btns-wrapper { display: flex; justify-content: space-between; gap: 10px; align-items: flex-end; height: 70%; } @media screen and (max-width: 480px) { .banker-application-detail-page-main .banker-aip-detail-illustration-card-btns-wrapper { flex-direction: column; align-items: stretch; } .banker-application-detail-page-main .banker-aip-detail-illustration-card-btns-wrapper button { width: 100%; } } .banker-application-detail-page-main .banker-aip-detail-illustration-card-btns-wrapper button { flex: 1; } .banker-application-detail-page-main .additional-underwriting-details-ul { list-style-type: none; padding: 0px; margin: 10px 0px 0px 0px; } .banker-application-detail-page-main .additional-underwriting-details-li { display: flex; justify-content: space-between; padding: 5px 10px; } .banker-application-detail-page-main .additional-underwriting-details-li:nth-child(odd) { background-color: #EFF3FC; } .banker-application-detail-page-main .additional-underwriting-details-li:first-child { margin-top: 10px; } .banker-application-detail-page-main .underwriting-accordion-header { display: flex; align-items: center; gap: 10px; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; justify-content: space-between; width: 100%; } .banker-application-detail-page-main .underwriting-accordion-header div { flex: 1; } .banker-application-detail-page-main .underwriting-accordion-header div:last-child { text-align: right; } .banker-application-detail-page-main .accordion-panel__header-title { width: 100%; } .banker-application-detail-page-main .accordion-panel__content ul { list-style: none; padding-left: 10px; margin: 10px 0px 10px 0px; } .banker-application-detail-page-main .accordion-panel__content li { list-style: none; padding: 3px 10px; font-size: 14px; } .banker-application-detail-page-main .accordion-panel__content li span { font-size: 14px; } .banker-application-detail-page-main .as-of-date-text { line-height: 1.29; letter-spacing: 0.3px; text-align: right; color: #636466; float: right; font-size: 14px; } .banker-application-detail-page-main .progress-bar-wrapper .usb-progress-indicator { margin-top: 20px; margin-bottom: 20px; padding: 10px 20px; } .banker-application-detail-page-main .progress-bar-wrapper .usb-progress-indicator__steps li.completed { background-color: #235ae4 !important; } .banker-application-detail-page-main .color-gray { color: #636466 !important; } .banker-application-detail-page-main .banker-app-progress-bar-wrapper { padding-top: 2rem; padding-bottom: 2rem; } .banker-application-detail-page-main .banker-app-progress-bar-wrapper .step-name, .banker-application-detail-page-main .banker-app-progress-bar-wrapper div, .banker-application-detail-page-main .banker-app-progress-bar-wrapper span { font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; } .banker-application-detail-page-main .banker-app-progress-bar-wrapper .underlined { text-decoration: underline; } .banker-application-detail-page-main .banker-app-progress-bar-wrapper .cursor-pointer { cursor: pointer; } .banker-application-detail-page-main .banker-app-progress-bar-wrapper .top-20 { top: 20px !important; } @media screen and (max-width: 1024px) { .banker-application-detail-page-main .banker-app-progress-bar-wrapper .top-20 { top: 10px !important; } } .banker-application-detail-page-main .banker-app-progress-bar-wrapper .top-40 { top: 40px !important; } @media screen and (max-width: 1024px) { .banker-application-detail-page-main .banker-app-progress-bar-wrapper .top-40 { top: 25px !important; } } .banker-application-detail-page-main .banker-app-reassign-banker-card { margin-top: 20px; width: 100%; height: auto; object-fit: contain; background-color: #ffffff; border-radius: 12px; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3); } .banker-application-detail-page-main .banker-app-reassign-banker-card .usb-children-notification { font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; } .banker-application-detail-page-main .banker-app-reassign-banker-card-header { padding: 4px 16px; background-color: #F2F2F5; border-bottom: 1px solid #eee; border-radius: 12px 12px 0 0; color: #2C2C2C; font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; font-size: 20px; } @media screen and (max-width: 786px) { .banker-application-detail-page-main .banker-app-reassign-banker-card-header .flex-row-space-between { flex-direction: row; align-items: flex-end; gap: 10px; } } .banker-application-detail-page-main .banker-app-reassign-banker-form-wrapper { padding: 0px 16px 10px 16px; display: flex; flex-direction: row; gap: 30px; align-items: center; } @media screen and (max-width: 786px) { .banker-application-detail-page-main .banker-app-reassign-banker-form-wrapper { padding: 8px; gap: 10px; flex-direction: column; } .banker-application-detail-page-main .banker-app-reassign-banker-form-wrapper button { width: 100%; } } .banker-application-detail-page-main .stepper-item .li_end { max-width: 162px; } .banker-application-detail-page-main .underwriting-header-border { border-bottom: solid 1px #cdcdd3 !important; } .banker-application-detail-page-main .toggle-btn.active { background-color: #0c2074 !important; } .banker-application-detail-page-main .date-alerted-value { color: #cb2430 !important; } .banker-application-detail-page-main .font-regular { font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif !important; font-weight: 400 !important; } .banker-application-detail-page-main .detailed-applicant-info { margin-top: 10px; } .banker-application-detail-page-main .detailed-applicant-info div, .banker-application-detail-page-main .detailed-applicant-info span { font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif !important; padding: 5px 0px; color: #555555; } .banker-application-detail-page-main .detailed-applicant-info div.font-MD, .banker-application-detail-page-main .detailed-applicant-info span.font-MD { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; } .banker-application-detail-page-main .detailed-applicant-info div.color-gray90, .banker-application-detail-page-main .detailed-applicant-info span.color-gray90 { color: #2C2C2C !important; } .banker-application-detail-page-main .banker-alerted-value { color: #cb2430 !important; } .banker-application-detail-page-main .usb--select--wrapper.is-disabled { background-color: inherit !important; cursor: not-allowed !important; } .banker-application-detail-page-main .error-banner-wrapper { padding: 30px 20px !important; margin-bottom: 0 !important; } .retrieve-download-wrapper-main .heading { color: #0c2074; } .retrieve-download-wrapper-main .sub-heading, .retrieve-download-wrapper-main .list-heading { letter-spacing: 0.25px; color: #636466; font-size: 20px; margin-top: 10px; margin-bottom: 20px; } .retrieve-download-wrapper-main .file-list-container { margin-top: 10px; margin-bottom: 20px; } .retrieve-download-wrapper-main .file-list-container .list-heading { padding-bottom: 10px; border-bottom: solid 2px #636466; } .retrieve-download-wrapper-main .file-list-container .no-files-found { font-size: 16px; color: #636466; margin-top: 20px; } .retrieve-download-wrapper-main .file-list-container ul, .retrieve-download-wrapper-main .file-list-container li { list-style-type: none; padding: 0 !important; margin: 0 !important; display: flex; align-items: center; gap: 20px; } @media screen and (max-width: 1023px) { .retrieve-download-wrapper-main .file-list-container ul, .retrieve-download-wrapper-main .file-list-container li { flex-direction: column; align-items: flex-start; } } .retrieve-download-wrapper-main .file-list-container ul li, .retrieve-download-wrapper-main .file-list-container li li { gap: 2px !important; flex: 1; } @media screen and (max-width: 1023px) { .retrieve-download-wrapper-main .file-list-container ul li, .retrieve-download-wrapper-main .file-list-container li li { flex-direction: row; align-items: center; gap: 10px !important; } } .retrieve-download-wrapper-main .retrieve-download-container { padding: 20px 5%; } /*progress bar**/ .progressbar { display: flex; flex-direction: row; align-items: center; width: 100%; justify-content: space-between; padding-top: 2rem; } .stepper-item { display: flex; flex-direction: column; align-items: self-start; position: relative; width: 100%; } .step-name { position: relative; top: -30px; font-family: Circular-USB-Bold, Helvetica, Arial, sans-serif; font-size: 0.75rem; color: #0c2074; } .step::before { content: ""; position: absolute; top: 0; left: 0; height: 8px; width: 8px; background-color: #cdcdcd; border-radius: 50%; } .step::after { position: absolute; content: ""; height: 2px; background-color: #cdcdcd; margin: 0; width: 100%; left: 11px; top: 3px; padding-right: 15px; background-clip: content-box; } .step.current::before { background-color: #0c2074; } .step.active::after { background-color: #0c2074; } .step.active::before { background-color: #0c2074; } .stepper-item:last-child span::after { width: 0%; } .step-subtask { position: absolute; top: 60px; left: 0px; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.83; letter-spacing: 0.2px; color: #0c2074; padding: 0px; } .step-comment { position: absolute; top: 10px; left: 0px; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.83; letter-spacing: 0.2px; color: #4c4c50; padding: 0px; } .step-comment-date { position: absolute; top: 35px; left: 0px; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.83; letter-spacing: 0.2px; color: #4c4c50; padding: 0px; } .alert { color: #cb2430; } @media screen and (max-width: 1024px) { .progressbar { flex-direction: column; } .stepper-item { flex-direction: column; padding-bottom: 50px; } .step-name { position: relative; top: -10px; left: 15px; bottom: 0; color: #0c2074; } .step::after { content: ""; position: absolute; z-index: 1; left: 3px; height: auto; border-left: 2px #cdcdcd solid; box-sizing: border-box; width: 2px; top: 12px; bottom: 4px; padding-bottom: 2px; object-fit: contain; } .stepper-item:last-child span::after { height: 0%; } .step.current::before { border-left: 2px #0c2074 solid; } .step.active::after { border-left: 2px #0c2074 solid; } .step.active::before { border-left: 2px #0c2074 solid; } .step-subtask { left: 1rem; bottom: 0; top: 40px; } .step-comment { left: 1rem; top: 10px; } .step-comment-date { left: 1rem; top: 23px; } } @media screen and (max-width: 500px) { .step-subtask { font-size: 11px; } } .usb-button { border-radius: var(--button-primary-border-radius, 0.5rem); cursor: pointer; font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-size: var(--button-font-size-default, 0.875rem); font-weight: var(--token-font-weight-med, 500); height: auto; line-height: var(--token-line-height-base, 1); max-width: 100%; outline: transparent; position: relative; transition: color var(--token-timing-fast-ease, 0.1s ease), border var(--token-timing-fast-ease, 0.1s ease); white-space: nowrap; display: inline-flex; flex-direction: row; align-items: center; justify-content: center; gap: var(--token-spacing-2, 0.5rem); -webkit-text-decoration: none; text-decoration: none; } .usb-button, .usb-button * { -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; -webkit-tap-highlight-color: transparent !important; -webkit-focus-ring-color: transparent !important; } .usb-button.button--layout_row { flex-direction: row; } .usb-button.button--layout_column { flex-direction: column; } .usb-button--icon, .usb-button .usb-icon { display: inline-flex; pointer-events: none; vertical-align: bottom; } .usb-button--icon svg, .usb-button .usb-icon svg { fill: currentColor !important; } .usb-button.button--small { min-height: var(--token-spacing-8, 2rem); max-height: var(--token-spacing-8, 2rem); padding: var(--token-spacing-2, 0.5rem) var(--token-spacing-3, 0.75rem); font-size: var(--button-small-font-size, 0.875rem); } .usb-button.button--small--icon-only { padding: var(--token-spacing-2, 0.5rem); width: var(--token-spacing-8, 2rem); } .usb-button.button--small.button--layout_column { gap: var(--token-spacing-1, 0.25rem); max-height: unset; padding: var(--token-spacing-3, 0.75rem) var(--token-spacing-2, 0.5rem); } .usb-button.button--small .usb-button--icon, .usb-button.button--small .usb-button--icon svg, .usb-button.button--small .usb-icon, .usb-button.button--small .usb-icon svg { width: var(--token-spacing-4, 1rem); height: var(--token-spacing-4, 1rem); min-width: var(--token-spacing-4, 1rem); min-height: var(--token-spacing-4, 1rem); max-width: var(--token-spacing-4, 1rem); max-height: var(--token-spacing-4, 1rem); } .usb-button.button--medium { min-height: var(--token-spacing-10, 2.5rem); max-height: var(--token-spacing-10, 2.5rem); line-height: var(--token-line-height-3xl, 1.5); padding: var(--token-spacing-2, 0.5rem) var(--token-spacing-6, 1.5rem); font-size: var(--button-medium-font-size, 1rem); } .usb-button.button--medium--icon-only { padding: var(--token-spacing-2, 0.5rem); width: var(--token-spacing-10, 2.5rem); } .usb-button.button--medium.button--layout_column { gap: var(--token-spacing-1, 0.25rem); max-height: unset; padding: 0.625rem var(--token-spacing-6, 1.5rem); } .usb-button.button--medium .usb-button--icon, .usb-button.button--medium .usb-button--icon svg, .usb-button.button--medium .usb-icon, .usb-button.button--medium .usb-icon svg { width: var(--token-spacing-5, 1.25rem); height: var(--token-spacing-5, 1.25rem); min-width: var(--token-spacing-5, 1.25rem); min-height: var(--token-spacing-5, 1.25rem); max-width: var(--token-spacing-5, 1.25rem); max-height: var(--token-spacing-5, 1.25rem); } .usb-button.button--medium:after { content: ""; position: absolute; top: calc(var(--token-spacing-1, 0.25rem) * -1); bottom: calc(var(--token-spacing-1, 0.25rem) * -1); left: var(--token-spacing-0, 0); right: var(--token-spacing-0, 0); } .usb-button.button--large { font-size: var(--button-large-font-size, 1rem); min-height: var(--token-spacing-12, 3rem); line-height: var(--token-line-height-3xl, 1.5); padding: var(--token-spacing-3, 0.75rem) var(--token-spacing-8, 2rem); } .usb-button.button--large--icon-only { padding: var(--token-spacing-3, 0.75rem); width: var(--token-spacing-12, 3rem); } .usb-button.button--large.button--layout_column { gap: var(--token-spacing-1, 0.25rem); max-height: unset; padding: 0.875rem var(--token-spacing-8, 2rem); } .usb-button.button--large .usb-button--icon, .usb-button.button--large .usb-button--icon svg, .usb-button.button--large .usb-icon, .usb-button.button--large .usb-icon svg { width: var(--token-spacing-5, 1.25rem); height: var(--token-spacing-5, 1.25rem); min-width: var(--token-spacing-5, 1.25rem); min-height: var(--token-spacing-5, 1.25rem); max-width: var(--token-spacing-5, 1.25rem); max-height: var(--token-spacing-5, 1.25rem); } .usb-button.button--highlight { font-family: var(--button-loud-font-family, Circular-USB, Arial, Helvetica, sans-serif); font-weight: var(--button-loud-font-weight, 500); line-height: var(--button-loud-line-height, 1); } .usb-button.button--highlight--heavy { background: var(--button-loud-background-color, #ce2935); border-color: var(--button-loud-border-color, transparent); border-width: var(--button-loud-border-width, 0); border-radius: var(--button-loud-border-radius, 0.5rem); color: var(--button-loud-text-color, #fff); } .usb-button.button--highlight--heavy .svg-icon { color: var(--button-loud-icon-fill-color, #fff); } .usb-button.button--highlight--heavy:hover { background: var(--button-loud-hover-background-color, #9b0a28); color: var(--button-loud-hover-text-color, #fff); border-color: var(--button-loud-hover-border-color, transparent); } .usb-button.button--highlight--heavy:hover .svg-icon { color: var(--button-loud-hover-icon-fill-color, #fff); } .usb-button.button--highlight--heavy:active { background: var(--button-loud-active-background-color, #6f0303); color: var(--button-loud-active-text-color, hsla(0, 0%, 100%, 0.78)); border-color: var(--button-loud-active-border-color, transparent); } .usb-button.button--highlight--heavy:active .svg-icon { color: var(--button-loud-active-icon-fill-color, hsla(0, 0%, 100%, 0.78)); } .usb-button.button--highlight--subtle { background: var(--button-text-background-color, transparent); border: var(--button-secondary-border-width, 1px) solid var(--button-loud-background-color, #ce2935); border-radius: var(--button-loud-border-radius, 0.5rem); } .usb-button.button--highlight--subtle, .usb-button.button--highlight--subtle .svg-icon { color: var(--button-loud-background-color, #ce2935); } .usb-button.button--highlight--subtle:hover { background: var(--button-loud-hover-background-color, #9b0a28); color: var(--button-loud-hover-text-color, #fff); } .usb-button.button--highlight--subtle:hover .svg-icon { color: var(--button-loud-hover-icon-fill-color, #fff); } .usb-button.button--highlight--subtle:active { background: var(--button-loud-active-background-color, #6f0303); color: var(--button-loud-active-text-color, hsla(0, 0%, 100%, 0.78)); } .usb-button.button--highlight--subtle:active .svg-icon { color: var(--button-loud-active-icon-fill-color, hsla(0, 0%, 100%, 0.78)); } .usb-button.button--highlight--minimal { background: var(--button-text-background-color, transparent); border-color: var(--button-text-border-color, transparent); border-width: var(--button-text-border-width, 0); border-radius: var(--button-text-border-radius, 0.5rem); } .usb-button.button--highlight--minimal, .usb-button.button--highlight--minimal .svg-icon { color: var(--button-loud-background-color, #ce2935); } .usb-button.button--highlight--minimal:hover { background: var(--button-loud-hover-background-color, #9b0a28); color: var(--button-loud-hover-text-color, #fff); } .usb-button.button--highlight--minimal:hover .svg-icon { color: var(--button-loud-hover-icon-fill-color, #fff); } .usb-button.button--highlight--minimal:active { background: var(--button-loud-active-background-color, #6f0303); color: var(--button-loud-active-text-color, hsla(0, 0%, 100%, 0.78)); } .usb-button.button--highlight--minimal:active .svg-icon { color: var(--button-loud-active-icon-fill-color, hsla(0, 0%, 100%, 0.78)); } @media (hover: none) and (pointer: coarse) { .usb-button.button--highlight { background: var(--button-loud-background-color, #ce2935); border: none; } .usb-button.button--highlight, .usb-button.button--highlight .svg-icon { color: var(--button-loud-text-color, #fff); } .usb-button.button--highlight:focus, .usb-button.button--highlight:hover { background: var(--button-loud-background-color, #ce2935); color: var(--button-loud-text-color, #fff); border: none; } .usb-button.button--highlight:focus .svg-icon, .usb-button.button--highlight:hover .svg-icon { color: var(--button-loud-text-color, #fff); } .usb-button.button--highlight:focus:before, .usb-button.button--highlight:hover:before { border: 2px solid var(--token-border-focus, #235ae4); border-radius: var(--button-primary-border-radius, 0.5rem); content: ""; height: calc(100% + var(--token-spacing-3, 0.75rem)); position: absolute; left: -0.375rem; top: -0.375rem; width: calc(100% + var(--token-spacing-3, 0.75rem)); } .usb-button.button--highlight:active { background: var(--button-loud-active-background-color, #6f0303); border: none; } .usb-button.button--highlight:active, .usb-button.button--highlight:active .svg-icon { color: var(--token-text-color-interaction-active, hsla(0, 0%, 100%, 0.78)); } } .usb-button.button--standard--heavy { border-radius: var(--button-primary-border-radius, 0.5rem); font-family: var(--button-primary-font-family, Circular-USB, Arial, Helvetica, sans-serif); font-weight: var(--button-primary-font-weight, 500); line-height: var(--button-primary-line-height, 1); background: var(--button-primary-background-color, #235ae4); border-color: var(--button-primary-border-color, transparent); border-width: var(--button-primary-border-width, 0); color: var(--button-primary-text-color, #fff); } .usb-button.button--standard--heavy .svg-icon { color: var(--button-primary-icon-fill-color, #fff); } .usb-button.button--standard--heavy:hover { border-color: var(--button-primary-hover-border-color, transparent); background: var(--button-primary-hover-background-color, #003cc8); } .usb-button.button--standard--heavy:active { border-color: var(--button-primary-active-border-color, transparent); background: var(--button-primary-active-background-color, #001e79); } .usb-button.button--standard--subtle { background: var(--button-text-background-color, transparent); border: var(--button-secondary-border-width, 1px) solid var(--button-secondary-border-color, #235ae4); color: var(--button-secondary-text-color, #235ae4); } .usb-button.button--standard--subtle .svg-icon { color: var(--button-secondary-icon-fill-color, #235ae4); } .usb-button.button--standard--subtle:hover { background: var(--button-primary-hover-background-color, #003cc8); color: var(--button-primary-hover-text-color, #fff); } .usb-button.button--standard--subtle:hover .svg-icon { color: var(--button-primary-hover-icon-fill-color, #fff); } .usb-button.button--standard--subtle:active { background: var(--button-primary-active-background-color, #001e79); color: var(--button-primary-active-text-color, hsla(0, 0%, 100%, 0.78)); } .usb-button.button--standard--subtle:active .svg-icon { color: var(--button-primary-active-icon-fill-color, hsla(0, 0%, 100%, 0.78)); } .usb-button.button--standard--minimal { background: var(--button-text-background-color, transparent); border-color: var(--button-text-border-color, transparent); border-width: var(--button-text-border-width, 0); border-radius: var(--button-text-border-radius, 0.5rem); color: var(--button-text-text-color, #235ae4); } .usb-button.button--standard--minimal .svg-icon { color: var(--button-secondary-icon-fill-color, #235ae4); } .usb-button.button--standard--minimal:hover { background: var(--button-text-hover-background-color, #003cc8); color: var(--button-text-hover-text-color, #fff); -webkit-text-decoration: var(--button-text-hover-text-decoration, none); text-decoration: var(--button-text-hover-text-decoration, none); } .usb-button.button--standard--minimal:hover .svg-icon { color: var(--button-text-hover-icon-fill-color, #fff); } .usb-button.button--standard--minimal:active { background: var(--button-text-active-background-color, #001e79); color: var(--button-text-active-text-color, hsla(0, 0%, 100%, 0.78)); } .usb-button.button--standard--minimal:active .svg-icon { color: var(--button-text-active-icon-fill-color, hsla(0, 0%, 100%, 0.78)); } @media (hover: none) and (pointer: coarse) { .usb-button.button--standard--minimal { background: var(--button-text-background-color, transparent); border: none; } .usb-button.button--standard--minimal, .usb-button.button--standard--minimal .svg-icon { color: var(--button-text-text-color, #235ae4); } .usb-button.button--standard--minimal:focus, .usb-button.button--standard--minimal:hover { background: var(--button-text-background-color, transparent); color: var(--button-text-text-color, #235ae4); border: none; } .usb-button.button--standard--minimal:focus .svg-icon, .usb-button.button--standard--minimal:hover .svg-icon { color: var(--button-text-text-color, #235ae4); } .usb-button.button--standard--minimal:focus:before, .usb-button.button--standard--minimal:hover:before { border: 2px solid var(--token-border-focus, #235ae4); border-radius: var(--button-primary-border-radius, 0.5rem); content: ""; height: calc(100% + var(--token-spacing-3, 0.75rem)); position: absolute; left: -0.375rem; top: -0.375rem; width: calc(100% + var(--token-spacing-3, 0.75rem)); } .usb-button.button--standard--minimal:active { background: var(--button-text-active-background-color, #001e79); border: none; } .usb-button.button--standard--minimal:active, .usb-button.button--standard--minimal:active .svg-icon { color: var(--token-text-color-interaction-active, hsla(0, 0%, 100%, 0.78)); } } @media (hover: none) and (pointer: coarse) { .usb-button.button--standard { background: var(--button-primary-background-color, #235ae4); border: none; } .usb-button.button--standard, .usb-button.button--standard .svg-icon { color: var(--button-primary-text-color, #fff); } .usb-button.button--standard:focus, .usb-button.button--standard:hover { background: var(--button-primary-background-color, #235ae4); color: var(--button-primary-text-color, #fff); border: none; } .usb-button.button--standard:focus .svg-icon, .usb-button.button--standard:hover .svg-icon { color: var(--button-primary-text-color, #fff); } .usb-button.button--standard:focus:before, .usb-button.button--standard:hover:before { border: 2px solid var(--token-border-focus, #235ae4); border-radius: var(--button-primary-border-radius, 0.5rem); content: ""; height: calc(100% + var(--token-spacing-3, 0.75rem)); position: absolute; left: -0.375rem; top: -0.375rem; width: calc(100% + var(--token-spacing-3, 0.75rem)); } .usb-button.button--standard:active { background: var(--button-primary-active-background-color, #001e79); border: none; } .usb-button.button--standard:active, .usb-button.button--standard:active .svg-icon { color: var(--token-text-color-interaction-active, hsla(0, 0%, 100%, 0.78)); } } .usb-button.button--secondary { background: var(--button-secondary-background-color, transparent); border-width: var(--button-secondary-border-width, 1px); border-color: var(--button-secondary-border-color, #235ae4); border-radius: var(--button-secondary-border-radius, 0.5rem); color: var(--button-secondary-text-color, #235ae4); font-family: var(--button-secondary-font-family, Circular-USB, Arial, Helvetica, sans-serif); font-weight: var(--button-secondary-font-weight, 500); line-height: var(--button-secondary-line-height, 1); transition: margin var(--token-timing-fast-ease, 0.1s ease); } .usb-button.button--secondary .svg-icon { color: var(--button-secondary-icon-fill-color, #235ae4); } .usb-button.button--secondary:hover { background: var(--button-secondary-hover-background-color, #003cc8); border: var(--button-secondary-hover-border-width, 1px) solid var(--button-secondary-hover-active-border-color, #001e79); color: var(--button-secondary-hover-text-color, #fff); } .usb-button.button--secondary:hover .svg-icon { color: var(--button-secondary-hover-icon-fill-color, #fff); } .usb-button.button--secondary:active { background: var(--button-secondary-active-background-color, #001e79); color: var(--button-secondary-active-text-color, hsla(0, 0%, 100%, 0.78)); } .usb-button.button--secondary:active .svg-icon { color: var(--button-secondary-hover-icon-fill-color, #fff); } @media (hover: none) and (pointer: coarse) { .usb-button.button--secondary { background: var(--button-secondary-background-color, transparent); border: var(--button-secondary-border-width, 1px) solid var(--button-secondary-border-color, #235ae4); } .usb-button.button--secondary, .usb-button.button--secondary .svg-icon { color: var(--button-secondary-text-color, #235ae4); } .usb-button.button--secondary:focus, .usb-button.button--secondary:hover { background: var(--button-secondary-background-color, transparent); color: var(--button-secondary-text-color, #235ae4); border: var(--button-secondary-border-width, 1px) solid var(--button-secondary-border-color, #235ae4); } .usb-button.button--secondary:focus .svg-icon, .usb-button.button--secondary:hover .svg-icon { color: var(--button-secondary-text-color, #235ae4); } .usb-button.button--secondary:focus:before, .usb-button.button--secondary:hover:before { border: 2px solid var(--token-border-focus, #235ae4); border-radius: var(--button-primary-border-radius, 0.5rem); content: ""; height: calc(100% + var(--token-spacing-3, 0.75rem)); position: absolute; left: -0.375rem; top: -0.375rem; width: calc(100% + var(--token-spacing-3, 0.75rem)); } .usb-button.button--secondary:active { background: var(--button-secondary-active-background-color, #001e79); border: var(--button-secondary-border-width, 1px) solid var(--button-secondary-border-color, #235ae4); } .usb-button.button--secondary:active, .usb-button.button--secondary:active .svg-icon { color: var(--token-text-color-interaction-active, hsla(0, 0%, 100%, 0.78)); } } .usb-button.button--utility { font-family: var(--button-utility-font-family, Circular-USB, Arial, Helvetica, sans-serif); font-weight: var(--button-utility-font-weight, 500); line-height: var(--button-utility-line-height, 1); transition: margin var(--token-timing-fast-ease, 0.1s ease); } .usb-button.button--utility--heavy { background: var(--button-utility-border-color, #484861); border-color: var(--button-utility-border-color, #484861); border-width: var(--button-utility-border-width, 1px); border-radius: var(--button-utility-border-radius, 0.5rem); } .usb-button.button--utility--heavy, .usb-button.button--utility--heavy .svg-icon { color: var(--button-loud-text-color, #fff); } .usb-button.button--utility--heavy:hover { background: var(--button-text-background-color, transparent); border: var(--button-secondary-border-width, 1px) solid var(--button-utility-border-color, #484861); border-radius: var(--button-secondary-border-radius, 0.5rem); } .usb-button.button--utility--heavy:hover, .usb-button.button--utility--heavy:hover .svg-icon, .usb-button.button--utility--subtle { color: var(--button-utility-border-color, #484861); } .usb-button.button--utility--subtle { background: var(--button-text-background-color, transparent); border: var(--button-secondary-border-width, 1px) solid var(--button-utility-border-color, #484861); border-radius: var(--button-secondary-border-radius, 0.5rem); } .usb-button.button--utility--subtle .svg-icon { color: var(--button-utility-border-color, #484861); } .usb-button.button--utility--subtle:hover { background: var(--button-utility-border-color, #484861); color: var(--button-loud-hover-text-color, #fff); } .usb-button.button--utility--subtle:hover .svg-icon { color: var(--button-loud-hover-icon-fill-color, #fff); } .usb-button.button--utility--subtle:active { background: var(--button-loud-active-background-color, #6f0303); color: var(--button-loud-active-text-color, hsla(0, 0%, 100%, 0.78)); } .usb-button.button--utility--subtle:active .svg-icon { color: var(--button-loud-active-icon-fill-color, hsla(0, 0%, 100%, 0.78)); } .usb-button.button--utility--minimal { background: var(--button-text-background-color, transparent); border: var(--button-text-border-color, transparent) solid var(--button-secondary-border-width, 1px); border-radius: var(--button-utility-border-radius, 0.5rem); } .usb-button.button--utility--minimal, .usb-button.button--utility--minimal .svg-icon { color: var(--button-utility-border-color, #484861); } .usb-button.button--utility--minimal:hover { background: var(--button-utility-hover-background-color, #7a7a95); color: var(--button-utility-hover-text-color, #fff); } .usb-button.button--utility--minimal:hover .svg-icon { color: var(--button-utility-hover-icon-fill-color, #fff); } .usb-button.button--utility--minimal:active { background: var(--button-utility-active-background-color, #484861); color: var(--button-utility-active-text-color, hsla(0, 0%, 100%, 0.78)); } .usb-button.button--utility--minimal:active .svg-icon { color: var(--button-utility-active-icon-fill-color, hsla(0, 0%, 100%, 0.78)); } .usb-button.button--utility.button--large--icon-only, .usb-button.button--utility.button--medium--icon-only, .usb-button.button--utility.button--small--icon-only { border: none; } .usb-button.button--utility .svg-icon { color: var(--button-utility-icon-fill-color, #484861); } .usb-button.button--utility:hover { background: var(--button-utility-hover-background-color, #7a7a95); border: none; color: var(--button-utility-hover-text-color, #fff); padding: calc(var(--token-spacing-3, 0.75rem) + 1px) calc(var(--token-spacing-6, 1.5rem) + 1px); } .usb-button.button--utility:hover.button--large { padding: calc(var(--token-spacing-4, 1rem) + 1px) calc(var(--token-spacing-8, 2rem) + 1px); } .usb-button.button--utility:hover.button--small { padding: calc(var(--token-spacing-2, 0.5rem) + 1px) calc(var(--token-spacing-5, 1.25rem) + 1px); padding-left: calc(0.75rem + 1px); padding-right: calc(0.75rem + 1px); } .usb-button.button--utility:hover.button--small.button--small--icon-only { padding: var(--token-spacing-2, 0.5rem); } .usb-button.button--utility:hover.button--medium { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); } .usb-button.button--utility:hover.button--medium.button--medium--icon-only { padding: var(--token-spacing-2, 0.5rem); } .usb-button.button--utility:hover.button--large { padding-top: calc(0.75rem + 1px); padding-bottom: calc(0.7rem + 1px); } .usb-button.button--utility:hover.button--large.button--large--icon-only { padding: var(--token-spacing-3, 0.75rem); } .usb-button.button--utility:hover .svg-icon { color: var(--button-utility-hover-icon-fill-color, #fff); } .usb-button.button--utility:active { background: var(--button-utility-active-background-color, #484861); } .usb-button.button--utility:active, .usb-button.button--utility:active .svg-icon { color: var(--token-text-color-interaction-active, hsla(0, 0%, 100%, 0.78)); } @media (hover: none) and (pointer: coarse) { .usb-button.button--utility { background: var(--button-utility-background-color, #fff); border: var(--button-utility-hover-border-width, 0) solid var(--button-utility-hover-border-color, #7a7a95); } .usb-button.button--utility, .usb-button.button--utility .svg-icon { color: var(--button-utility-text-color, #484861); } .usb-button.button--utility:focus, .usb-button.button--utility:hover { background: var(--button-utility-background-color, #fff); color: var(--button-utility-text-color, #484861); border: var(--button-utility-hover-border-width, 0) solid var(--button-utility-hover-border-color, #7a7a95); } .usb-button.button--utility:focus .svg-icon, .usb-button.button--utility:hover .svg-icon { color: var(--button-utility-text-color, #484861); } .usb-button.button--utility:focus:before, .usb-button.button--utility:hover:before { border: 2px solid var(--token-border-focus, #235ae4); border-radius: var(--button-primary-border-radius, 0.5rem); content: ""; height: calc(100% + var(--token-spacing-3, 0.75rem)); position: absolute; left: -0.375rem; top: -0.375rem; width: calc(100% + var(--token-spacing-3, 0.75rem)); } .usb-button.button--utility:active { background: var(--button-utility-active-background-color, #484861); border: var(--button-utility-hover-border-width, 0) solid var(--button-utility-hover-border-color, #7a7a95); color: var(--token-text-color-interaction-active, hsla(0, 0%, 100%, 0.78)); padding: calc(var(--token-spacing-3, 0.75rem) + 1px) calc(var(--token-spacing-6, 1.5rem) + 1px); } .usb-button.button--utility:active.button--large { padding: calc(var(--token-spacing-4, 1rem) + 1px) calc(var(--token-spacing-8, 2rem) + 1px); } .usb-button.button--utility:active.button--small { padding: calc(var(--token-spacing-2, 0.5rem) + 1px) calc(var(--token-spacing-5, 1.25rem) + 1px); } .usb-button.button--utility:active .svg-icon { color: var(--token-text-color-interaction-active, hsla(0, 0%, 100%, 0.78)); } } .usb-button.button--text { background: var(--button-text-background-color, transparent); border-color: var(--button-text-border-color, transparent); border-width: var(--button-text-border-width, 0); border-radius: var(--button-text-border-radius, 0.5rem); color: var(--button-text-text-color, #235ae4); font-family: var(--button-text-font-family, Circular-USB, Arial, Helvetica, sans-serif); font-weight: var(--button-text-font-weight, 500); line-height: var(--button-text-line-height, 1); } .usb-button.button--text .svg-icon { color: var(--button-text-icon-fill-color, #235ae4); } .usb-button.button--text:hover { background: var(--button-text-hover-background-color, #003cc8); color: var(--button-text-hover-text-color, #fff); -webkit-text-decoration: var(--button-text-hover-text-decoration, none); text-decoration: var(--button-text-hover-text-decoration, none); } .usb-button.button--text:hover .svg-icon { color: var(--button-text-hover-icon-fill-color, #fff); } .usb-button.button--text:active { background: var(--button-text-active-background-color, #001e79); color: var(--button-text-active-text-color, hsla(0, 0%, 100%, 0.78)); } .usb-button.button--text:active .svg-icon { color: var(--button-text-active-icon-fill-color, hsla(0, 0%, 100%, 0.78)); } @media (hover: none) and (pointer: coarse) { .usb-button.button--text { background: var(--button-text-background-color, transparent); border: none; } .usb-button.button--text, .usb-button.button--text .svg-icon { color: var(--button-text-text-color, #235ae4); } .usb-button.button--text:focus, .usb-button.button--text:hover { background: var(--button-text-background-color, transparent); color: var(--button-text-text-color, #235ae4); border: none; } .usb-button.button--text:focus .svg-icon, .usb-button.button--text:hover .svg-icon { color: var(--button-text-text-color, #235ae4); } .usb-button.button--text:focus:before, .usb-button.button--text:hover:before { border: 2px solid var(--token-border-focus, #235ae4); border-radius: var(--button-primary-border-radius, 0.5rem); content: ""; height: calc(100% + var(--token-spacing-3, 0.75rem)); position: absolute; left: -0.375rem; top: -0.375rem; width: calc(100% + var(--token-spacing-3, 0.75rem)); } .usb-button.button--text:active { background: var(--button-text-active-background-color, #001e79); border: none; } .usb-button.button--text:active, .usb-button.button--text:active .svg-icon { color: var(--token-text-color-interaction-active, hsla(0, 0%, 100%, 0.78)); } } .usb-button.button--naked { line-height: var(--token-line-height-base, 1); } .usb-button.button--naked, .usb-button.button--naked:hover { background: var(--token-background-transparent, transparent); border: 0 var(--token-border-transparent, transparent); color: inherit; } .usb-button.button--naked .usb-icon { margin-right: var(--token-spacing-1, 0.25rem); } .usb-button.button--naked .usb-icon svg { fill: currentColor; } @media (hover: none) and (pointer: coarse) { .usb-button.button--naked, .usb-button.button--naked:hover { background: var(--token-background-transparent, transparent); color: inherit; } } .usb-button:focus:before { border: 2px solid var(--token-border-focus, #235ae4); border-radius: var(--button-primary-border-radius, 0.5rem); content: ""; height: calc(100% + var(--token-spacing-3, 0.75rem)); position: absolute; left: -0.375rem; top: -0.375rem; width: calc(100% + var(--token-spacing-3, 0.75rem)); } .usb-button:disabled, .usb-button[aria-disabled=true] { background: var(--token-disabled-background, rgba(205, 209, 226, 0.4)) !important; cursor: not-allowed !important; border-color: var(--token-border-transparent, transparent) !important; } .usb-button:disabled, .usb-button:disabled .svg-icon, .usb-button[aria-disabled=true], .usb-button[aria-disabled=true] .svg-icon { color: var(--token-disabled-foreground, #7a7a95) !important; } @media (hover: none) and (pointer: coarse) { .usb-button:disabled, .usb-button:disabled:focus, .usb-button:disabled:hover, .usb-button[aria-disabled=true], .usb-button[aria-disabled=true]:focus, .usb-button[aria-disabled=true]:hover { background: var(--token-disabled-background, rgba(205, 209, 226, 0.4)); color: var(--token-disabled-foreground, #7a7a95); } .usb-button:disabled:focus:before, .usb-button:disabled:hover:before, .usb-button[aria-disabled=true]:focus:before, .usb-button[aria-disabled=true]:hover:before { border-color: var(--token-border-transparent, transparent); } } .usb-notification > .confirmation, .usb-notification > .error, .usb-notification > .information, .usb-notification > .warning { display: flex; align-items: flex-start; width: 100%; padding: var(--token-spacing-4, 1rem) var(--token-spacing-10, 2.5rem) var(--token-spacing-4, 1rem) var(--token-spacing-4, 1rem); border-radius: var(--token-rounded-sm, 0.25rem); position: relative; outline-offset: -1px; color: var(--notification-text-color, #2d2d3e); font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-weight: var(--token-font-weight-reg, 400); font-size: var(--token-font-size-sm, 0.875rem); line-height: var(--token-line-height-3xl, 1.5); } .usb-notification > .confirmation > div, .usb-notification > .error > div, .usb-notification > .information > div, .usb-notification > .warning > div { margin-right: var(--token-spacing-3, 0.75rem); } .usb-notification > .confirmation h2, .usb-notification > .error h2, .usb-notification > .information h2, .usb-notification > .warning h2 { position: relative; color: var(--notification-heading-text-color, #2d2d3e); font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-weight: var(--token-font-weight-med, 500); font-size: var(--token-font-size-sm, 0.875rem); line-height: var(--token-line-height-3xl, 1.5); display: flex; } .usb-notification > .confirmation ul, .usb-notification > .error ul, .usb-notification > .information ul, .usb-notification > .warning ul { list-style-type: disc; margin: var(--token-spacing-1, 0.25rem) var(--token-spacing-0, 0) var(--token-spacing-0, 0) var(--token-spacing-12, 3rem); } .usb-notification > .confirmation ul li, .usb-notification > .error ul li, .usb-notification > .information ul li, .usb-notification > .warning ul li { margin: var(--token-spacing-2, 0.5rem) var(--token-spacing-0, 0) var(--token-spacing-0, 0); vertical-align: middle; font-size: var(--token-font-size-sm, 0.875rem); } .usb-notification > .confirmation ul li .button--naked, .usb-notification > .error ul li .button--naked, .usb-notification > .information ul li .button--naked, .usb-notification > .warning ul li .button--naked { margin: var(--token-spacing-0, 0); -webkit-text-decoration: underline; text-decoration: underline; line-height: inherit; vertical-align: initial; border: none; background: none; padding: var(--token-spacing-0, 0); display: inline; } .usb-notification > .confirmation a, .usb-notification > .confirmation button:not(.usb-button), .usb-notification > .error a, .usb-notification > .error button:not(.usb-button), .usb-notification > .information a, .usb-notification > .information button:not(.usb-button), .usb-notification > .warning a, .usb-notification > .warning button:not(.usb-button) { -webkit-text-decoration: none; text-decoration: none; border: none; background: none; padding: var(--token-spacing-0, 0); line-height: var(--token-line-height-3xl, 1.5); } .usb-notification > .confirmation .notification--content-group, .usb-notification > .error .notification--content-group, .usb-notification > .information .notification--content-group, .usb-notification > .warning .notification--content-group { white-space: normal; } @media only screen and (min-width: 30rem) { .usb-notification > .confirmation .notification--content-group, .usb-notification > .error .notification--content-group, .usb-notification > .information .notification--content-group, .usb-notification > .warning .notification--content-group { white-space: nowrap; } } .usb-notification > .confirmation .multiple-notification--text, .usb-notification > .confirmation .single-notification--text, .usb-notification > .error .multiple-notification--text, .usb-notification > .error .single-notification--text, .usb-notification > .information .multiple-notification--text, .usb-notification > .information .single-notification--text, .usb-notification > .warning .multiple-notification--text, .usb-notification > .warning .single-notification--text { display: inline-flex; flex-direction: row; -webkit-text-decoration: none; text-decoration: none; font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); line-height: var(--token-line-height-3xl, 1.5); font-size: var(--token-font-size-sm, 0.875rem); font-weight: var(--token-font-weight-reg, 400); color: var(--notification-message-text-color, #2d2d3e); } .usb-notification > .confirmation .multiple-notification--text.single-notification--header, .usb-notification > .confirmation .single-notification--text.single-notification--header, .usb-notification > .error .multiple-notification--text.single-notification--header, .usb-notification > .error .single-notification--text.single-notification--header, .usb-notification > .information .multiple-notification--text.single-notification--header, .usb-notification > .information .single-notification--text.single-notification--header, .usb-notification > .warning .multiple-notification--text.single-notification--header, .usb-notification > .warning .single-notification--text.single-notification--header { outline: none; } .usb-notification > .confirmation .single-notification--text, .usb-notification > .confirmation .single-notification--text + span.notification--content-group, .usb-notification > .error .single-notification--text, .usb-notification > .error .single-notification--text + span.notification--content-group, .usb-notification > .information .single-notification--text, .usb-notification > .information .single-notification--text + span.notification--content-group, .usb-notification > .warning .single-notification--text, .usb-notification > .warning .single-notification--text + span.notification--content-group { vertical-align: middle; } .usb-notification > .confirmation .multiple-notification--btn-text, .usb-notification > .confirmation .multiple-notification--link-text, .usb-notification > .confirmation .single-notification--link-btn, .usb-notification > .confirmation .single-notification--link-text, .usb-notification > .error .multiple-notification--btn-text, .usb-notification > .error .multiple-notification--link-text, .usb-notification > .error .single-notification--link-btn, .usb-notification > .error .single-notification--link-text, .usb-notification > .information .multiple-notification--btn-text, .usb-notification > .information .multiple-notification--link-text, .usb-notification > .information .single-notification--link-btn, .usb-notification > .information .single-notification--link-text, .usb-notification > .warning .multiple-notification--btn-text, .usb-notification > .warning .multiple-notification--link-text, .usb-notification > .warning .single-notification--link-btn, .usb-notification > .warning .single-notification--link-text { color: var(--notification-message-link-text-color, #235ae4); font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-size: var(--token-font-size-base, 1rem); font-size: var(--token-font-size-sm, 0.875rem); font-weight: var(--token-font-weight-reg, 400); -webkit-text-decoration: underline; text-decoration: underline; text-align: left; line-height: var(--token-line-height-3xl, 1.5); } .usb-notification > .confirmation .multiple-notification--btn-text:hover, .usb-notification > .confirmation .multiple-notification--link-text:hover, .usb-notification > .confirmation .single-notification--link-btn:hover, .usb-notification > .confirmation .single-notification--link-text:hover, .usb-notification > .error .multiple-notification--btn-text:hover, .usb-notification > .error .multiple-notification--link-text:hover, .usb-notification > .error .single-notification--link-btn:hover, .usb-notification > .error .single-notification--link-text:hover, .usb-notification > .information .multiple-notification--btn-text:hover, .usb-notification > .information .multiple-notification--link-text:hover, .usb-notification > .information .single-notification--link-btn:hover, .usb-notification > .information .single-notification--link-text:hover, .usb-notification > .warning .multiple-notification--btn-text:hover, .usb-notification > .warning .multiple-notification--link-text:hover, .usb-notification > .warning .single-notification--link-btn:hover, .usb-notification > .warning .single-notification--link-text:hover { -webkit-text-decoration: none; text-decoration: none; } .usb-notification > .confirmation .multiple-notification--link, .usb-notification > .error .multiple-notification--link, .usb-notification > .information .multiple-notification--link, .usb-notification > .warning .multiple-notification--link { margin-left: var(--token-spacing-1, 0.25rem); } .usb-notification > .confirmation .single-notification--btn-text, .usb-notification > .confirmation .single-notification--link-text, .usb-notification > .error .single-notification--btn-text, .usb-notification > .error .single-notification--link-text, .usb-notification > .information .single-notification--btn-text, .usb-notification > .information .single-notification--link-text, .usb-notification > .warning .single-notification--btn-text, .usb-notification > .warning .single-notification--link-text { color: var(--notification-message-link-text-color, #235ae4); font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-size: var(--token-font-size-base, 1rem); font-size: var(--token-font-size-sm, 0.875rem); font-weight: var(--token-font-weight-reg, 400); -webkit-text-decoration: underline; text-decoration: underline; line-height: var(--token-line-height-3xl, 1.5); margin: var(--token-spacing-0, 0) var(--token-spacing-1, 0.25rem); } .usb-notification > .confirmation .single-notification--btn-text:hover, .usb-notification > .confirmation .single-notification--link-text:hover, .usb-notification > .error .single-notification--btn-text:hover, .usb-notification > .error .single-notification--link-text:hover, .usb-notification > .information .single-notification--btn-text:hover, .usb-notification > .information .single-notification--link-text:hover, .usb-notification > .warning .single-notification--btn-text:hover, .usb-notification > .warning .single-notification--link-text:hover { -webkit-text-decoration: none; text-decoration: none; } .usb-notification > .confirmation .single-notification--text-end-short, .usb-notification > .error .single-notification--text-end-short, .usb-notification > .information .single-notification--text-end-short, .usb-notification > .warning .single-notification--text-end-short { margin: var(--token-spacing-0, 0) var(--token-spacing-0, 0) var(--token-spacing-0, 0) var(--token-spacing-1, 0.25rem); } .usb-notification > .confirmation .single-notification--link-btn, .usb-notification > .confirmation .single-notification--text, .usb-notification > .error .single-notification--link-btn, .usb-notification > .error .single-notification--text, .usb-notification > .information .single-notification--link-btn, .usb-notification > .information .single-notification--text, .usb-notification > .warning .single-notification--link-btn, .usb-notification > .warning .single-notification--text { -webkit-text-decoration: none; text-decoration: none; color: var(--notification-message-button-background-color, #2d2d3e); font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-size: var(--token-font-size-base, 1rem); line-height: var(--token-line-height-3xl, 1.5); font-size: var(--token-font-size-sm, 0.875rem); font-weight: var(--token-font-weight-reg, 400); } @media (-ms-high-contrast: active), (-ms-high-contrast: none) { .usb-notification > .confirmation .single-notification--link-btn, .usb-notification > .confirmation .single-notification--text, .usb-notification > .error .single-notification--link-btn, .usb-notification > .error .single-notification--text, .usb-notification > .information .single-notification--link-btn, .usb-notification > .information .single-notification--text, .usb-notification > .warning .single-notification--link-btn, .usb-notification > .warning .single-notification--text { margin-left: 12px; } } .usb-notification > .confirmation .single-notification--link-btn:focus, .usb-notification > .confirmation .single-notification--text:focus, .usb-notification > .error .single-notification--link-btn:focus, .usb-notification > .error .single-notification--text:focus, .usb-notification > .information .single-notification--link-btn:focus, .usb-notification > .information .single-notification--text:focus, .usb-notification > .warning .single-notification--link-btn:focus, .usb-notification > .warning .single-notification--text:focus { outline-offset: var(--token-spacing-1, 0.25rem); outline-color: var(--token-text-color-interaction, #235ae4); } .usb-notification > .confirmation .single-notification--btn-wrapper, .usb-notification > .error .single-notification--btn-wrapper, .usb-notification > .information .single-notification--btn-wrapper, .usb-notification > .warning .single-notification--btn-wrapper { display: flex; } .usb-notification > .confirmation #children-notification-children-notification, .usb-notification > .error #children-notification-children-notification, .usb-notification > .information #children-notification-children-notification, .usb-notification > .warning #children-notification-children-notification { padding-top: var(--token-spacing-1, 0.25rem); } .usb-notification > .confirmation #children-notification-children-notification a, .usb-notification > .error #children-notification-children-notification a, .usb-notification > .information #children-notification-children-notification a, .usb-notification > .warning #children-notification-children-notification a { -webkit-text-decoration: underline; text-decoration: underline; } .usb-notification .usb-children-notification { margin-left: var(--token-spacing-8, 2rem); } .usb-notification .usb-children-notification .usb-icon { position: absolute; left: var(--token-spacing-4, 1rem); } .usb-notification .icon { width: var(--token-spacing-5, 1.25rem); height: var(--token-spacing-5, 1.25rem); margin-right: var(--token-spacing-3, 0.75rem); } @media (-ms-high-contrast: active), (-ms-high-contrast: none) { .usb-notification .icon { width: 20px; } } .usb-notification .usb-button.usb-button--close-btn { position: absolute; top: var(--token-spacing-4, 1rem); right: var(--token-spacing-5, 1.25rem); cursor: pointer; padding: var(--token-spacing-0, 0); height: var(--token-spacing-5, 1.25rem); min-height: 0; min-width: 0; width: var(--token-spacing-5, 1.25rem); background: transparent; } .usb-notification .usb-button.usb-button--close-btn .svg-icon svg circle, .usb-notification .usb-button.usb-button--close-btn .svg-icon svg ellipse, .usb-notification .usb-button.usb-button--close-btn .svg-icon svg g, .usb-notification .usb-button.usb-button--close-btn .svg-icon svg path { fill: var(--notification-close-icon-fill-color, #2d2d3e); } .usb-notification .usb-button.usb-button--close-btn:hover { background: transparent; } .usb-notification > .error { border: 1px solid var(--notification-error-border-color, #ffbeb4); border-top: 4px solid var(--notification-error-border-top, #ce2935); background-color: var(--notification-error-background-color, #ffe9ea); box-shadow: var(--token-shadow-sm, 0 1px 3px 0 rgba(0, 0, 0, 0.12)); } .usb-notification > .error .usb-button:hover .svg-icon svg circle, .usb-notification > .error .usb-button:hover .svg-icon svg g, .usb-notification > .error .usb-button:hover .svg-icon svg path, .usb-notification > .error .usb-button:hover .svg-icon svg rect { fill: var(--notification-error-hover-icon-fill-color, #2d2d3e); } .usb-notification > .confirmation { border: 1px solid var(--notification-confirmation-border-color, #a0dcaa); border-top: 4px solid var(--notification-confirmation-border-top, #007d1e); background-color: var(--notification-confirmation-background-color, #e5f8e8); box-shadow: var(--token-shadow-sm, 0 1px 3px 0 rgba(0, 0, 0, 0.12)); } .usb-notification > .confirmation .usb-button:hover .svg-icon svg circle, .usb-notification > .confirmation .usb-button:hover .svg-icon svg g, .usb-notification > .confirmation .usb-button:hover .svg-icon svg path, .usb-notification > .confirmation .usb-button:hover .svg-icon svg rect { fill: var(--notification-confirmation-hover-icon-fill-color, #2d2d3e); } .usb-notification > .warning { border: 1px solid var(--notification-warning-border-color, #ffd589); border-top: 4px solid var(--notification-warning-border-top, #eb5e01); background-color: var(--notification-warning-background-color, #fff4e4); box-shadow: var(--token-shadow-sm, 0 1px 3px 0 rgba(0, 0, 0, 0.12)); } .usb-notification > .warning .svg-icon { transform: rotate(180deg); } .usb-notification > .warning .usb-button:hover .svg-icon svg circle, .usb-notification > .warning .usb-button:hover .svg-icon svg g, .usb-notification > .warning .usb-button:hover .svg-icon svg path, .usb-notification > .warning .usb-button:hover .svg-icon svg rect { fill: var(--notification-warning-hover-icon-fill-color, #2d2d3e); } .usb-notification > .information { box-shadow: var(--token-shadow-sm, 0 1px 3px 0 rgba(0, 0, 0, 0.12)); border: 1px solid var(--notification-information-border-color, #aad2ff); border-top: 4px solid var(--notification-information-border-top, #235ae4); background-color: var(--notification-information-background-color, #eef6ff); } .usb-notification > .information .usb-button:hover .svg-icon svg circle, .usb-notification > .information .usb-button:hover .svg-icon svg g, .usb-notification > .information .usb-button:hover .svg-icon svg path, .usb-notification > .information .usb-button:hover .svg-icon svg rect { fill: var(--notification-information-hover-icon-fill-color, #2d2d3e); } .svg-icon { max-width: 100%; display: inline; } .svg-icon svg.single circle, .svg-icon svg.single ellipse, .svg-icon svg.single g, .svg-icon svg.single path { fill: inherit; transition: fill 0.1s ease; } .svg-icon.v-align-middle { display: inline-block; } .svg-icon.v-align-middle svg { vertical-align: middle; } .svg-icon.block { display: block; } .svg-icon.default { color: var(--icon-default-text-color, #7a7a95); fill: var(--icon-default-fill-color, #484861); } .svg-icon.light { color: var(--icon-light-text-color, #fff); fill: var(--icon-light-fill-color, #fff); } .svg-icon.brand-primary { color: var(--icon-brand-primary-text-color, #001e79); fill: var(--icon-brand-primary-fill-color, #001e79); } .svg-icon.brand-secondary { color: var(--icon-brand-secondary-text-color, #7a7a95); fill: var(--icon-brand-secondary-fill-color, #7a7a95); } .svg-icon.interaction { color: var(--icon-interaction-text-color, #235ae4); fill: var(--icon-interaction-fill-color, #235ae4); } .svg-icon.error { color: var(--icon-error-text-color, #ce2935); fill: var(--icon-error-fill-color, #ce2935); } .svg-icon.warning { color: var(--icon-warning-text-color, #eb5e01); fill: var(--icon-warning-fill-color, #eb5e01); } .svg-icon.success { color: var(--icon-success-text-color, #007d1e); fill: var(--icon-success-fill-color, #007d1e); } .svg-icon.neutral { color: var(--icon-neutral-msg-text-color, #235ae4); fill: var(--icon-neutral-msg-fill-color, #235ae4); } .svg-icon.grey10 { color: var(--icon-neutral-1-text-color, #f1f5fb); fill: var(--icon-neutral-1-fill-color, #f1f5fb); } .svg-icon.grey20 { color: var(--icon-neutral-2-text-color, #ebeff6); fill: var(--icon-neutral-2-fill-color, #ebeff6); } .svg-icon.grey30 { color: var(--icon-neutral-3-text-color, #cdd1e2); fill: var(--icon-neutral-3-fill-color, #cdd1e2); } .svg-icon.grey60 { color: var(--icon-neutral-4-text-color, #7a7a95); fill: var(--icon-neutral-4-fill-color, #7a7a95); } .svg-icon.grey70 { color: var(--icon-neutral-5-text-color, #63637f); fill: var(--icon-neutral-5-fill-color, #63637f); } .svg-icon.grey80 { color: var(--icon-neutral-6-text-color, #484861); fill: var(--icon-neutral-6-fill-color, #484861); } .svg-icon.grey90 { color: var(--icon-neutral-7-text-color, #2d2d3e); fill: var(--icon-neutral-7-fill-color, #2d2d3e); } .usb--error-message { display: flex; justify-content: flex-start; align-items: flex-start; font-size: 0.75rem; font-size: var(--token-font-size-xs, 0.75rem); } .usb--error-message svg { color: #cf2a36; color: var(--token-status-danger-mid, #cf2a36); fill: #cf2a36; fill: var(--token-status-danger-mid, #cf2a36); height: 1rem; height: var(--token-spacing-4, 1rem); margin-right: 0.25rem; margin-right: var(--token-spacing-1, 0.25rem); width: 0.75rem; width: var(--token-spacing-3, 0.75rem); } .usb--error-message span { color: #cf2a36; color: var(--token-status-danger-mid, #cf2a36); line-height: 1.25; line-height: var(--token-line-height-lg, 1.25); margin-top: 0.25rem; margin-top: var(--token-spacing-1, 0.25rem); } .usb--error-message span.usb-icon { line-height: 1; line-height: var(--token-line-height-base, 1); } .optionalSpan { color: #63637f; color: var(--token-text-color-tertiary, #63637f); display: flex; font-family: Circular-USB, sans-serif; font-family: var(--token-font-base, Circular-USB, sans-serif); font-size: 0.75rem; font-size: var(--token-font-size-xs, 0.75rem); font-weight: 400; font-weight: var(--token-font-weight-reg, 400); line-height: 1.5; line-height: var(--token-line-height-3xl, 1.5); padding-top: 0.25rem; padding-top: var(--token-spacing-1, 0.25rem); } .helper_label--wrapper { display: flex; justify-content: flex-start; align-items: flex-start; } .helper_label--wrapper .en_dash { color: #63637f; color: var(--token-text-color-tertiary, #63637f); font-family: Circular-USB, sans-serif; font-family: var(--token-font-base, Circular-USB, sans-serif); font-size: 0.75rem; font-size: var(--token-font-size-xs, 0.75rem); font-weight: 400; font-weight: var(--token-font-weight-reg, 400); line-height: 1.5; line-height: var(--token-line-height-3xl, 1.5); padding: 4px 0.25rem 0; padding: 4px var(--token-spacing-1, 0.25rem) 0; } .shakeWarning { display: block; animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; transform: translateZ(0); backface-visibility: hidden; perspective: 1000px; } @keyframes shake { 10%, 90% { transform: translate3d(-1px, 0, 0); } 20%, 80% { transform: translate3d(2px, 0, 0); } 30%, 50%, 70% { transform: translate3d(-4px, 0, 0); } 40%, 60% { transform: translate3d(4px, 0, 0); } } .icon-container { margin: 0; position: absolute; right: 0; top: 0.25rem; top: var(--token-spacing-1, 0.25rem); } .usb--wrapper button.show-hide__button { background-color: initial; border: none; color: #63637f; color: var(--token-text-color-tertiary, #63637f); font-size: 0.875rem; font-size: var(--token-font-size-sm, 0.875rem); font-weight: 400; font-weight: var(--token-font-weight-reg, 400); line-height: 1.25rem; line-height: var(--token-spacing-5, 1.25rem); min-height: 1.5rem; min-height: var(--token-spacing-6, 1.5rem); margin: 0; outline: none; padding: 0; position: absolute; right: 0; right: var(--forms-base-label-show-hide-right, 0); top: 1rem; top: var(--forms-base-label-show-hide-top, 1rem); } .usb--wrapper button.show-hide__button:after { content: ""; border: 2px solid transparent; border-radius: 0.25rem; border-radius: var(--token-rounded-sm, 0.25rem); height: calc(100% + 0.5rem); height: calc(100% + var(--token-spacing-2, 0.5rem)); position: absolute; left: -0.25rem; left: calc(var(--token-spacing-1, 0.25rem) * -1); top: -0.25rem; top: calc(var(--token-spacing-1, 0.25rem) * -1); transition: 0.1s ease border; transition: var(--token-timing-fast-ease, 0.1s ease) border; width: calc(100% + 0.5rem); width: calc(100% + var(--token-spacing-2, 0.5rem)); } .usb--wrapper button.show-hide__button:hover { -webkit-text-decoration: none; text-decoration: none; } .usb--wrapper button.show-hide__button:focus:after { border-color: #235ae4; border-color: var(--token-border-focus, #235ae4); } .usb--checkbox--fieldset { border: 0; margin-bottom: -1.25rem; margin-bottom: calc(var(--token-spacing-5, 1.25rem) * -1); } .usb--checkbox-group--legend { color: #2d2d3e; color: var(--checkbox-group-label-text-color, #2d2d3e); font-family: Circular-USB, sans-serif; font-family: var(--token-font-base, Circular-USB, sans-serif); font-size: 1rem; font-size: var(--token-font-size-base, 1rem); font-weight: 500; font-weight: var(--token-font-weight-med, 500); line-height: 1.5; line-height: var(--token-line-height-3xl, 1.5); position: relative; } .usb--checkbox-group--legend .usb--error-message span { margin-top: 0.25rem; margin-top: var(--token-spacing-1, 0.25rem); } .usb--checkbox-group--legend .usb-toggletip-container { display: inline-block; position: relative; left: -0.25rem; left: calc(var(--token-spacing-1, 0.25rem) * -1); right: auto; top: 0.25rem; top: var(--token-spacing-1, 0.25rem); transform: none; } .usb--checkbox-group--legend .usb-toggletip-container + .helper_label--wrapper span { padding-top: 0; } .usb--checkbox-group--legend .usb-toggletip-container + .usb--error-message span { margin-top: 0; } .usb--checkbox-group--legend .helper_label--wrapper span { padding-top: 0.25rem; padding-top: var(--token-spacing-1, 0.25rem); } .usb--checkbox-wrapper { margin-top: 0; margin-bottom: 1.25rem; margin-bottom: var(--token-spacing-5, 1.25rem); min-height: unset; padding-top: 0; flex-basis: 50%; } .usb--checkbox-list { margin-top: 1.5rem; margin-top: var(--token-spacing-6, 1.5rem); } @media only screen and (min-width: 41.9375rem) { .usb--checkbox-list .checkbox-column { flex-basis: 50%; } .usb--checkbox-list .checkbox-column:not(:first-of-type) { margin-left: 2rem; margin-left: var(--token-spacing-8, 2rem); } .usb--checkbox-list.columns { display: flex; } } .usb--checkbox-indeterminate_parent + ul > li { margin-bottom: 1.25rem; margin-bottom: var(--token-spacing-5, 1.25rem); } .usb--checkbox-indeterminate_child { margin-left: 1.25rem; margin-left: var(--token-spacing-5, 1.25rem); } .usb--checkbox--fieldset.usb--selectable-card { margin-bottom: 0; } .usb--checkbox--fieldset.usb--selectable-card .usb--checkbox-list { margin-top: 0; } .usb--checkbox--fieldset.usb--selectable-card .usb--error-message { margin-bottom: 0.75rem; margin-bottom: var(--token-spacing-3, 0.75rem); } .usb--checkbox--fieldset.usb--selectable-card .usb--selectablecard-wrapper { padding-top: 1px; padding-bottom: 1rem; } .usb--checkbox-input { cursor: pointer; height: 2.75rem; height: var(--token-spacing-11, 2.75rem); opacity: 0; position: absolute; left: -0.75rem; left: calc(var(--token-spacing-3, 0.75rem) * -1); top: -0.75rem; top: calc(var(--token-spacing-3, 0.75rem) * -1); width: 2.75rem; width: var(--token-spacing-11, 2.75rem); z-index: 10; } .usb--checkbox-input:checked + label .usb--checkbox-svg svg, .usb--checkbox-input[aria-checked=mixed] + label .usb--checkbox-svg svg, .usb--checkbox-input[aria-checked=true] + label .usb--checkbox-svg svg { border-width: 0; background: #235ae4; background: var(--checkbox-checked-icon-background-color, #235ae4); fill: #fff; fill: var(--checkbox-checked-icon-fill-color, #fff); } .usb--checkbox-input:checked:disabled + label .usb--checkbox-svg svg, .usb--checkbox-input[aria-checked=mixed]:disabled + label .usb--checkbox-svg svg, .usb--checkbox-input[aria-checked=true]:disabled + label .usb--checkbox-svg svg { fill: #484861; fill: var(--checkbox-checked-disabled-icon-fill-color, #484861); } .usb--checkbox-input[aria-checked=mixed] + label .usb--checkbox-svg svg { stroke: #fff; stroke: var(--checkbox-checked-icon-fill-color, #fff); } .usb--checkbox-input[aria-checked=mixed]:disabled + label .usb--checkbox-svg svg { stroke: #484861; stroke: var(--checkbox-checked-disabled-icon-fill-color, #484861); } .usb--checkbox-input:focus + label:after { border-color: #003cc8; border-color: var(--checkbox-focus-border-color, #003cc8); } .usb--checkbox-input:disabled, .usb--checkbox-input:disabled + label, .usb--checkbox-input:disabled + label .usb--checkbox-svg svg { cursor: not-allowed; } .usb--checkbox-input:disabled + label .usb--checkbox-svg svg { background: #ccccd2; background: var(--checkbox-disabled-label-icon-background-color, #ccccd2); border-width: 0; } .usb--checkbox-input ~ .helper_label--wrapper { margin-left: 2rem; margin-left: var(--token-spacing-8, 2rem); } .usb--checkbox-icon { margin-right: 0.5rem; margin-right: var(--token-spacing-2, 0.5rem); margin-top: -0.25rem; width: 2rem; width: var(--token-spacing-8, 2rem); min-width: 2rem; min-width: var(--token-spacing-8, 2rem); text-align: center; height: 2rem !important; height: var(--token-spacing-8, 2rem) !important; } .usb--checkbox-icon-radius, .usb--checkbox-icon-radius svg { border-radius: 50%; } .usb--checkbox-label { color: #484861; color: var(--checkbox-label-text-color, #484861); cursor: pointer; display: flex; align-items: flex-start; flex-direction: row-reverse; justify-content: flex-end; font-family: Circular-USB, sans-serif; font-family: var(--checkbox-label-font-family, Circular-USB, sans-serif); font-size: 1rem; font-size: var(--checkbox-label-font-size, 1rem); font-weight: 400; font-weight: var(--checkbox-label-font-weight, 400); position: relative; width: 100%; } .usb--checkbox-label:after { content: ""; border: 2px solid transparent; border-radius: 0.25rem; border-radius: var(--checkbox-focus-border-radius, 0.25rem); height: 2rem; height: var(--token-spacing-8, 2rem); position: absolute; left: -0.375rem; top: -0.375rem; width: 2rem; width: var(--token-spacing-8, 2rem); } .usb--checkbox-label span { display: flex; align-items: center; justify-content: center; } .usb--checkbox-label span.usb--checkbox-svg svg { background: #fff; background: var(--checkbox-icon-background-color, #fff); border: 1px solid #7a7a95; border: 1px solid var(--checkbox-border-color, #7a7a95); border-radius: 0.25rem; border-radius: var(--checkbox-border-radius, 0.25rem); fill: transparent; stroke: transparent; height: 1.25rem; height: var(--token-spacing-5, 1.25rem); transition: border-color 0.25s ease; transition: border-color var(--token-timing-default-ease, 0.25s ease); pointer-events: none; min-width: 1.25rem; min-width: var(--token-spacing-5, 1.25rem); margin-right: 0.75rem; margin-right: var(--token-spacing-3, 0.75rem); position: relative; vertical-align: middle; width: 1.25rem; width: var(--token-spacing-5, 1.25rem); } .usb--checkbox-label span.usb--checkbox-label-text { display: inline; } .usb--checkbox-label + .usb--error-message { margin-left: 2rem; margin-left: var(--token-spacing-8, 2rem); } .usb--checkbox-legend { color: #2d2d3e; color: var(--checkbox-group-label-text-color, #2d2d3e); font-family: Circular-USB, sans-serif; font-family: var(--token-font-base, Circular-USB, sans-serif); font-size: 1rem; font-size: var(--token-font-size-base, 1rem); font-weight: 500; font-weight: var(--token-font-weight-med, 500); line-height: 1.5; line-height: var(--token-line-height-3xl, 1.5); position: relative; } .usb--checkbox-legend .usb--error-message span { margin-top: 0.25rem; margin-top: var(--token-spacing-1, 0.25rem); } .usb--checkbox-legend .usb-toggletip-container { display: inline-block; position: relative; left: -0.25rem; left: calc(var(--token-spacing-1, 0.25rem) * -1); right: auto; top: 0.25rem; top: var(--token-spacing-1, 0.25rem); transform: none; } .usb--checkbox-legend .usb-toggletip-container + .helper_label--wrapper span { padding-top: 0; } .usb--checkbox-legend .usb-toggletip-container + .usb--error-message span { margin-top: 0; } .usb--checkbox-legend .helper_label--wrapper span { padding-top: 0.25rem; padding-top: var(--token-spacing-1, 0.25rem); } .usb--checkbox-wrapper { position: relative; } .usb--checkbox-wrapper.usb--checkbox--fieldset > .usb--checkbox-label { margin-top: 1.5rem; margin-top: var(--token-spacing-6, 1.5rem); } .usb--checkbox-wrapper.usb--checkbox--fieldset > .usb--checkbox-input { top: 0.75rem; top: var(--token-spacing-3, 0.75rem); } .usb--checkbox-wrapper .helper_label--wrapper span { color: #63637f; color: var(--checkbox-helper-text-text-color, #63637f); } .usb--checkbox-wrapper.is-error .usb--checkbox-input + label .usb--checkbox-svg svg { background: #fff; background: var(--checkbox-error-icon-background-color, #fff); border: 2px solid #cf2a36; border: 2px solid var(--checkbox-error-border-color, #cf2a36); } .usb--checkbox-wrapper.is-error .usb--checkbox-input:checked + label .usb--checkbox-svg svg, .usb--checkbox-wrapper.is-error .usb--checkbox-input[aria-checked=true] + label svg { fill: #cf2a36; fill: var(--checkbox-error-icon-fill-color, #cf2a36); } .usb--checkbox-wrapper.is-error .usb--checkbox-input[aria-checked=mixed] + label svg { stroke: #cf2a36; stroke: var(--checkbox-error-icon-fill-color, #cf2a36); } .usb--checkbox-wrapper.is-error:hover .usb--checkbox-input:checked + label .usb--checkbox-svg svg, .usb--checkbox-wrapper.is-error:hover .usb--checkbox-input[aria-checked=mixed] + label .usb--checkbox-svg svg, .usb--checkbox-wrapper.is-error:hover .usb--checkbox-input[aria-checked=true] + label .usb--checkbox-svg svg { background: #fff; background: var(--checkbox-hover-error-icon-background-color, #fff); border: 2px solid #001e79; border: 2px solid var(--checkbox-hover-error-border-color, #001e79); fill: #cf2a36; fill: var(--checkbox-hover-error-icon-fill-color, #cf2a36); } .usb--checkbox-wrapper.is-error:hover .usb--checkbox-input[aria-checked=mixed] + label .usb--checkbox-svg svg { stroke: #cf2a36; stroke: var(--checkbox-hover-error-icon-fill-color, #cf2a36); } .usb--checkbox-wrapper:hover:not(.is-read-only):not(.is-disabled) .usb--checkbox-input + label .usb--checkbox-svg svg { border: 2px solid #003cc8; border: 2px solid var(--checkbox-hover-border-color, #003cc8); } .usb--checkbox-wrapper:hover:not(.is-read-only):not(.is-disabled) .usb--checkbox-input:active + label .usb--checkbox-svg svg { border: 2px solid #001e79; border: 2px solid var(--checkbox-hover-active-border-color, #001e79); } .usb--checkbox-wrapper:hover:not(.is-read-only):not(.is-disabled) .usb--checkbox-input:checked + label .usb--checkbox-svg svg, .usb--checkbox-wrapper:hover:not(.is-read-only):not(.is-disabled) .usb--checkbox-input[aria-checked=mixed] + label .usb--checkbox-svg svg, .usb--checkbox-wrapper:hover:not(.is-read-only):not(.is-disabled) .usb--checkbox-input[aria-checked=true] + label .usb--checkbox-svg svg { background: #003cc8; background: var(--checkbox-checked-hover-icon-background-color, #003cc8); border-width: 0; fill: #fff; fill: var(--checkbox-checked-hover-icon-fill-color, #fff); } .usb--checkbox-wrapper:hover:not(.is-read-only):not(.is-disabled) .usb--checkbox-input:checked:active + label .usb--checkbox-svg svg, .usb--checkbox-wrapper:hover:not(.is-read-only):not(.is-disabled) .usb--checkbox-input[aria-checked=mixed]:active + label .usb--checkbox-svg svg, .usb--checkbox-wrapper:hover:not(.is-read-only):not(.is-disabled) .usb--checkbox-input[aria-checked=true]:active + label .usb--checkbox-svg svg { background: hsla(0, 0%, 100%, 0.78); background: var(--checkbox-checked-hover-active-icon-background-color, hsla(0, 0%, 100%, 0.78)); } .usb--checkbox-wrapper:hover:not(.is-read-only):not(.is-disabled) .usb--checkbox-input[aria-checked=mixed] + label .usb--checkbox-svg svg { stroke: #fff; stroke: var(--checkbox-checked-hover-icon-fill-color, #fff); } .usb--checkbox-wrapper.is-read-only { cursor: not-allowed; } .usb--checkbox-wrapper.is-read-only .usb--checkbox-input, .usb--checkbox-wrapper.is-read-only .usb--checkbox-input + label { pointer-events: none; } .usb--checkbox-wrapper.is-read-only .usb--checkbox-input + label:after { content: ""; border: 2px solid transparent; border-radius: 0.25rem; border-radius: var(--checkbox-focus-border-radius, 0.25rem); height: 2rem; height: var(--token-spacing-8, 2rem); position: absolute; left: -0.375rem; top: -0.375rem; width: 2rem; width: var(--token-spacing-8, 2rem); } .usb--checkbox-wrapper.is-read-only .usb--checkbox-input + label span { display: flex; align-items: center; justify-content: center; } .usb--checkbox-wrapper.is-read-only .usb--checkbox-input + label span.usb--checkbox-svg svg { background: #fff; background: var(--checkbox-icon-background-color, #fff); border: 1px solid #7a7a95; border: 1px solid var(--checkbox-border-color, #7a7a95); border-radius: 0.25rem; border-radius: var(--checkbox-border-radius, 0.25rem); fill: transparent; height: 1.25rem; height: var(--token-spacing-5, 1.25rem); transition: border-color 0.25s ease; transition: border-color var(--token-timing-default-ease, 0.25s ease); pointer-events: none; min-width: 1.25rem; min-width: var(--token-spacing-5, 1.25rem); margin-right: 0.75rem; margin-right: var(--token-spacing-3, 0.75rem); position: relative; vertical-align: middle; width: 1.25rem; width: var(--token-spacing-5, 1.25rem); } .usb--checkbox-wrapper.is-read-only .usb--checkbox-input + label span.usb--checkbox-label-text { display: inline; } .usb--checkbox-wrapper.is-read-only .usb--checkbox-input + label span:checked + label .usb--checkbox-svg svg, .usb--checkbox-wrapper.is-read-only .usb--checkbox-input + label span[aria-checked=true] + label .usb--checkbox-svg svg { fill: #484861; fill: var(--checkbox-readonly-icon-fill-color, #484861); } .usb--checkbox-wrapper.is-read-only .usb--checkbox-input + label span[aria-checked=mixed] + label .usb--checkbox-svg svg { stroke: #484861; stroke: var(--checkbox-readonly-icon-fill-color, #484861); } .usb--wrapper { background-color: transparent; background-color: var(--text-input-wrapper-background-color, transparent); margin-top: 0.5rem; margin-top: var(--token-spacing-2, 0.5rem); min-height: 3rem; min-height: var(--token-spacing-12, 3rem); padding-top: 1rem; padding-top: var(--token-spacing-4, 1rem); position: relative; width: 100%; z-index: 0; } .usb--wrapper.is-long-label { margin-top: 1.75rem; margin-top: calc(var(--token-spacing-2, 0.5rem) + var(--token-spacing-5, 1.25rem)); } .usb--wrapper .usb--basic-input { background-color: transparent; background-color: var(--text-input-basic-background-color, transparent); border-radius: 0; border-radius: var(--text-input-basic-border-radius, 0); border-top: 0 solid #7a7a95; border-top: var(--text-input-basic-border-top-width, 0) var(--text-input-basic-border-style, solid) var(--text-input-basic-border-color, #7a7a95); border-right: 0 solid #7a7a95; border-right: var(--text-input-basic-border-right-width, 0) var(--text-input-basic-border-style, solid) var(--text-input-basic-border-color, #7a7a95); border-bottom: 1px solid #7a7a95; border-bottom: var(--text-input-basic-border-bottom-width, 1px) var(--text-input-basic-border-style, solid) var(--text-input-basic-border-color, #7a7a95); border-left: 0 solid #7a7a95; border-left: var(--text-input-basic-border-left-width, 0) var(--text-input-basic-border-style, solid) var(--text-input-basic-border-color, #7a7a95); color: #484861; color: var(--text-input-basic-text-color, #484861); font-family: Circular-USB, sans-serif; font-family: var(--text-input-basic-font-family, Circular-USB, sans-serif); font-size: 1rem; font-size: var(--text-input-basic-font-size, 1rem); font-weight: 400; font-weight: var(--text-input-basic-font-weight, 400); line-height: 1.5; line-height: var(--token-line-height-3xl, 1.5); margin: 0.313rem auto auto auto; margin: var(--text-input-basic-margin-top, 0.313rem) var(--text-input-basic-margin-right, auto) var(--text-input-basic-margin-bottom, auto) var(--text-input-basic-margin-left, auto); padding: 0 0 0.25rem 0; padding: var(--text-input-basic-padding-top, 0) var(--text-input-basic-padding-right, 0) var(--text-input-basic-padding-bottom, 0.25rem) var(--text-input-basic-padding-left, 0); width: 100%; } .usb--wrapper .usb--basic-input.input__date-picker, .usb--wrapper .usb--basic-input.input__show-hide { padding-right: 2.5rem; padding-right: var(--token-spacing-10, 2.5rem); } .usb--wrapper .usb--basic-input.input__has-toggletip { padding-right: 1.5rem; padding-right: var(--token-spacing-6, 1.5rem); } .usb--wrapper .usb--basic-input.input__has-toggletip + .show-hide__button { right: 2rem; right: var(--token-spacing-8, 2rem); } .usb--wrapper .usb--basic-input.input__is-large-currency, .usb--wrapper .usb--basic-input.input__is-large-currency-with-label { font-size: 3rem; font-size: var(--token-font-size-5xl, 3rem); color: #2d2d3e; color: var(--token-text-color-primary, #2d2d3e); font-weight: 700; font-weight: var(--token-font-weight-bold, 700); } .usb--wrapper .usb--basic-input.is-large-currency-expressive { color: #484861; color: var(--token-color-grey-80, #484861); } .usb--wrapper .usb--basic-input.is-large-currency-expressive:focus { color: #235ae4; color: var(--token-text-color-interaction, #235ae4); } .usb--wrapper .usb--basic-input.is-large-currency-expressive-complete { color: #001e79; color: var(--token-text-color-brand-primary, #001e79); } .usb--wrapper .usb--basic-input::-ms-clear { display: none; height: 0; height: var(--token-spacing-0, 0); width: 0; width: var(--token-spacing-0, 0); } .usb--wrapper .usb--floating-label { background-color: transparent; background-color: var(--text-input-label-background-color, transparent); color: #63637f; color: var(--text-input-label-text-color, #63637f); font-family: Circular-USB, sans-serif; font-family: var(--text-input-label-font-family, Circular-USB, sans-serif); font-weight: 400; font-weight: var(--text-input-label-font-weight, 400); font-size: 1rem; font-size: var(--text-input-label-font-size, 1rem); line-height: 1.5; line-height: var(--text-input-label-line-height, 1.5); position: absolute; position: var(--text-input-label-position, absolute); top: 1rem; top: var(--text-input-label-top, 1rem); left: 0; left: var(--token-spacing-0, 0); transition: all 0.25s ease; transition: all var(--token-timing-default-ease, 0.25s ease); } .usb--wrapper .usb--floating-label_overflow { top: calc(var(--text-input-label-line-height) * -1 * var(--text-input-label-font-size)); } .usb--wrapper .usb--error-text-container { height: auto; max-height: 0; opacity: 0; transition: max-height 0.5s ease-in-out, opacity 0.5s ease-in-out; transition: max-height var(--token-timing-moderate-ease-in-out, 0.5s ease-in-out), opacity var(--token-timing-moderate-ease-in-out, 0.5s ease-in-out); overflow: hidden; } .usb--wrapper.is-focused:after { content: ""; border: 2px solid #235ae4; border: var(--text-input-focus-active-wrapper-border-width, 2px) solid var(--text-input-focus-wrapper-border-color, #235ae4); border-radius: 0.25rem; border-radius: var(--text-input-focus-active-wrapper-border-radius, 0.25rem); height: calc(100% + 0.75rem); height: calc(100% + var(--token-spacing-3, 0.75rem)); position: absolute; left: -0.375rem; top: -0.375rem; width: calc(100% + 0.75rem); width: calc(100% + var(--token-spacing-3, 0.75rem)); z-index: -1; } .usb--wrapper.is-focused.is-long-label:after { height: calc(100% + 1.5rem + 0.375rem); height: calc(100% + var(--token-spacing-6, 1.5rem) + 0.375rem); top: -1.5rem; } .usb--wrapper.is-focused.is-value label, .usb--wrapper.is-focused label { color: #63637f; color: var(--text-input-active-label-text-color, #63637f); font-family: Circular-USB, sans-serif; font-family: var(--text-input-active-label-font-family, Circular-USB, sans-serif); font-weight: 400; font-weight: var(--text-input-focus-active-label-font-weight, 400); font-size: 0.75rem; font-size: var(--text-input-focus-active-label-font-size, 0.75rem); line-height: 1.5; line-height: var(--text-input-focus-active-label-line-height, 1.5); top: 0; top: var(--text-input-focus-active-label-top, 0); } .usb--wrapper.is-focused.is-value label.usb--floating-label_overflow, .usb--wrapper.is-focused label.usb--floating-label_overflow { top: calc(var(--text-input-label-line-height) * -1 * var(--text-input-label-font-size)); } .usb--wrapper.is-focused .usb--basic-input { outline: transparent; border-top: 0 solid #235ae4; border-top: var(--text-input-focus-border-top-width, 0) var(--text-input-focus-active-border-style, solid) var(--text-input-basic-focus-active-border-color, #235ae4); border-right: 0 solid #235ae4; border-right: var(--text-input-focus-border-right-width, 0) var(--text-input-focus-active-border-style, solid) var(--text-input-basic-focus-active-border-color, #235ae4); border-bottom: 1px solid #235ae4; border-bottom: var(--text-input-focus-border-bottom-width, 1px) var(--text-input-focus-active-border-style, solid) var(--text-input-basic-focus-active-border-color, #235ae4); border-left: 0 solid #235ae4; border-left: var(--text-input-focus-border-left-width, 0) var(--text-input-focus-active-border-style, solid) var(--text-input-basic-focus-active-border-color, #235ae4); font-family: Circular-USB, sans-serif; font-family: var(--text-input-basic-focus-active-font-family, Circular-USB, sans-serif); } .usb--wrapper.is-focused.is-value .usb--basic-input, .usb--wrapper.is-focused .usb--basic-input { margin: auto -1px -1px -1px; margin: var(--text-input-basic-focus-active-margin-top, auto) var(--text-input-basic-focus-active-margin-right, -1px) var(--text-input-basic-focus-active-margin-bottom, -1px) var(--text-input-basic-focus-active-margin-left, -1px); } .usb--wrapper.is-focused.is-value .usb--basic-input { border-width: 0 0 2px 0; border-width: var(--text-input-basic-focus-active-border-top-width, 0) var(--text-input-basic-focus-active-border-right-width, 0) var(--text-input-basic-focus-active-border-bottom-width, 2px) var(--text-input-basic-focus-active-border-left-width, 0); color: #484861; color: var(--text-input-basic-focus-active-text-color, #484861); font-family: Circular-USB, sans-serif; font-family: var(--text-input-basic-active-font-family, Circular-USB, sans-serif); font-weight: 400; font-weight: var(--text-input-basic-focus-active-font-weight, 400); font-size: 1rem; font-size: var(--text-input-basic-focus-active-font-size, 1rem); line-height: 1.5; line-height: var(--text-input-basic-focus-active-line-height, 1.5); } .usb--wrapper.is-value .usb--basic-input { font-weight: 400; font-weight: var(--text-input-basic-active-font-weight, 400); font-size: 1rem; font-size: var(--text-input-basic-active-font-size, 1rem); line-height: 1.5; line-height: var(--text-input-basic-active-line-height, 1.5); } .usb--wrapper.is-value .usb--basic-input.input__is-large-currency, .usb--wrapper.is-value .usb--basic-input.input__is-large-currency-with-label { font-size: 3rem; font-size: var(--token-font-size-5xl, 3rem); color: #2d2d3e; color: var(--token-text-color-primary, #2d2d3e); font-weight: 700; font-weight: var(--token-font-weight-bold, 700); } .usb--wrapper.is-value .usb--basic-input.is-large-currency-expressive { color: #484861; color: var(--token-color-grey-80, #484861); } .usb--wrapper.is-value .usb--basic-input.is-large-currency-expressive:focus { color: #235ae4; color: var(--token-text-color-interaction, #235ae4); } .usb--wrapper.is-value .usb--basic-input.is-large-currency-expressive-complete { color: #001e79; color: var(--token-text-color-brand-primary, #001e79); } .usb--wrapper.is-disabled .en_dash, .usb--wrapper.is-disabled.is-value .optionalSpan, .usb--wrapper.is-disabled .show-hide__button, .usb--wrapper.is-disabled .usb--info-message, .usb--wrapper.is-disabled .usb-toggletip-container, .usb--wrapper.is-read-only .en_dash, .usb--wrapper.is-read-only.is-value .optionalSpan, .usb--wrapper.is-read-only .show-hide__button, .usb--wrapper.is-read-only .usb--info-message, .usb--wrapper.is-read-only .usb-toggletip-container { display: none; } .usb--wrapper.is-disabled .usb--floating-label, .usb--wrapper.is-read-only .usb--floating-label { cursor: not-allowed; } .usb--wrapper.is-disabled .usb--basic-input, .usb--wrapper.is-read-only .usb--basic-input { cursor: not-allowed; background: transparent; background: var(--text-input-basic-disabled-background-color, transparent); color: #2d2d3e; color: var(--text-input-basic-disabled-text-color, #2d2d3e); border: none; border-bottom: 1px solid transparent; border-bottom: 1px solid var(--text-input-basic-disabled-border-color, transparent); } .usb--wrapper.is-disabled .button__date-picker, .usb--wrapper.is-read-only .button__date-picker { cursor: not-allowed; } .usb--wrapper.is-value .usb--floating-label { color: #63637f; color: var(--text-input-active-label-text-color, #63637f); font-family: Circular-USB, sans-serif; font-family: var(--text-input-active-label-font-family, Circular-USB, sans-serif); font-weight: 400; font-weight: var(--text-input-active-label-font-weight, 400); font-size: 0.75rem; font-size: var(--text-input-active-label-font-size, 0.75rem); line-height: 1.5; line-height: var(--text-input-active-label-line-height, 1.5); top: 0; top: var(--text-input-focus-active-label-top, 0); } .usb--wrapper.is-value .usb--floating-label_overflow { top: -1.125rem; top: var(--text-input-focus-active-label-top, 0)-1.125rem; } .usb--wrapper.is-error.is-focused .usb--floating-label, .usb--wrapper.is-error.is-value .usb--floating-label, .usb--wrapper.is-error .usb--floating-label { color: #cf2a36; color: var(--text-input-error-label-text-color, #cf2a36); } .usb--wrapper.is-error.is-focused .usb--basic-input, .usb--wrapper.is-error.is-value .usb--basic-input, .usb--wrapper.is-error .usb--basic-input { border-top: 0 solid #cf2a36; border-top: var(--text-input-focus-error-border-top-width, 0) var(--text-input-focus-error-border-style, solid) var(--text-input-basic-error-border-color, #cf2a36); border-right: 0 solid #cf2a36; border-right: var(--text-input-focus-error-border-right-width, 0) var(--text-input-focus-error-border-style, solid) var(--text-input-basic-error-border-color, #cf2a36); border-bottom: 2px solid #cf2a36; border-bottom: var(--text-input-focus-error-border-bottom-width, 2px) var(--text-input-focus-error-border-style, solid) var(--text-input-basic-error-border-color, #cf2a36); border-left: 0 solid #cf2a36; border-left: var(--text-input-focus-error-border-left-width, 0) var(--text-input-focus-error-border-style, solid) var(--text-input-basic-error-border-color, #cf2a36); } .usb--wrapper.is-error.is-focused .usb--error-text-container, .usb--wrapper.is-error.is-value .usb--error-text-container, .usb--wrapper.is-error .usb--error-text-container { max-height: 4rem; opacity: 1; } .usb--wrapper.is-large-currency { padding-top: 0; padding-top: var(--token-spacing-0, 0); } .usb--wrapper.is-large-currency-with-label { padding-top: 0.9rem; } .usb--wrapper .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; padding: var(--token-spacing-0, 0); margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; border: var(--token-spacing-0, 0); } .usb--wrapper .button__date-picker { background-color: transparent; background-color: var(--date-picker-button-background-color, transparent); border: none; position: absolute; right: 0; right: var(--date-picker-button-right, 0); top: 1rem; top: var(--date-picker-button-top, 1rem); } .usb--wrapper.is-card-icon .usb--basic-input.input__show-hide { padding-right: 4.5rem; padding-right: var(--token-spacing-18, 4.5rem); } .usb--wrapper.is-card-icon button.show-hide__button { right: 2rem !important; right: var(--token-spacing-8, 2rem) !important; transition: all 0.3s ease-out; } .usb--wrapper.is-card-icon .icon-container { top: 1.1rem; } .usb--radio-fieldset { border: 0; } .usb--radio-legend { color: #2d2d3e; color: var(--forms-radio-group-legend-text-color, #2d2d3e); font-family: Circular-USB, sans-serif; font-family: var(--token-font-base, Circular-USB, sans-serif); font-size: 1rem; font-size: var(--token-font-size-base, 1rem); font-weight: 500; font-weight: var(--token-font-weight-med, 500); line-height: 1.5; line-height: var(--token-line-height-3xl, 1.5); position: relative; } .usb--radio-legend + .usb--error-message { margin-bottom: 0.75rem; margin-bottom: var(--token-spacing-3, 0.75rem); } .usb--radio-legend + .usb--error-message span { margin-top: 0.25rem; margin-top: var(--token-spacing-1, 0.25rem); } .usb--radio-wrapper { display: flex; align-items: flex-start; margin-left: -0.75rem; margin-left: calc(var(--token-spacing-3, 0.75rem) * -1); position: relative; z-index: 0; } .usb--radio-wrapper.is-disabled:not(.is-chips), .usb--radio-wrapper.is-read-only:not(.is-chips) { cursor: not-allowed; } .usb--radio-wrapper.is-disabled:not(.is-chips) > *, .usb--radio-wrapper.is-read-only:not(.is-chips) > * { pointer-events: none; } .usb--radio-wrapper.is-disabled:not(.is-chips) input[type=radio], .usb--radio-wrapper.is-read-only:not(.is-chips) input[type=radio] { border: none; background-clip: content-box; padding: 0; } .usb--radio-wrapper.is-disabled:not(.is-chips) input[type=radio]:not(:checked), .usb--radio-wrapper.is-read-only:not(.is-chips) input[type=radio]:not(:checked) { background-color: #ccccd2; background-color: var(--checkbox-disabled-icon-background-color, #ccccd2); } .usb--radio-wrapper.is-disabled:not(.is-chips) input[type=radio]:not(:checked):before, .usb--radio-wrapper.is-read-only:not(.is-chips) input[type=radio]:not(:checked):before { background: #ccccd2; background: var(--checkbox-disabled-icon-background-color, #ccccd2); } .usb--radio-wrapper.is-disabled:not(.is-chips) input[type=radio]:not(:checked)::-ms-check, .usb--radio-wrapper.is-read-only:not(.is-chips) input[type=radio]:not(:checked)::-ms-check { border: none; background-color: #ccccd2; background-color: var(--checkbox-disabled-icon-background-color, #ccccd2); } .usb--radio-wrapper.is-disabled:not(.is-chips) input[type=radio]:checked, .usb--radio-wrapper.is-read-only:not(.is-chips) input[type=radio]:checked { background-color: #ccccd2; background-color: var(--checkbox-disabled-icon-background-color, #ccccd2); } .usb--radio-wrapper.is-disabled:not(.is-chips) input[type=radio]:checked:before, .usb--radio-wrapper.is-read-only:not(.is-chips) input[type=radio]:checked:before { background: #484861; background: var(--checkbox-checked-disabled-label-icon-fill-color, #484861); } .usb--radio-wrapper.is-disabled:not(.is-chips) input[type=radio]:checked::-ms-check, .usb--radio-wrapper.is-read-only:not(.is-chips) input[type=radio]:checked::-ms-check { border: none; background-color: #ccccd2; background-color: var(--checkbox-disabled-icon-background-color, #ccccd2); } .usb--radio-wrapper.is-focused:after { content: ""; display: block; border: 2px solid #235ae4; border: 2px solid var(--forms-radio-input-focus-border-color, #235ae4); border-radius: 0.25rem; border-radius: var(--token-rounded-sm, 0.25rem); height: 1.75rem; height: var(--token-spacing-7, 1.75rem); position: absolute; left: 0.5rem; left: var(--token-spacing-2, 0.5rem); top: 0.5rem; top: var(--token-spacing-2, 0.5rem); width: 1.75rem; width: var(--token-spacing-7, 1.75rem); z-index: -1; } .usb--radio-label { cursor: pointer; margin-top: 0.75rem; margin-top: var(--token-spacing-3, 0.75rem); } .usb--radio-label + .helper_label--wrapper span { color: #63637f; color: var(--forms-radio-helper-text-text-color, #63637f); } .usb--radio-label_container { color: #484861; color: var(--forms-radio-group-label-text-color, #484861); font-family: Circular-USB, sans-serif; font-family: var(--token-font-base, Circular-USB, sans-serif); font-size: 1rem; font-size: var(--token-font-size-base, 1rem); line-height: 1.25; line-height: var(--token-line-height-lg, 1.25); position: relative; vertical-align: top; width: 100%; margin-top: 0.75rem; margin-top: var(--token-spacing-3, 0.75rem); } .usb--radio-label_container .helper_label--wrapper { margin-bottom: 0.75rem; margin-bottom: var(--token-spacing-3, 0.75rem); } .usb--radio-label_container.has-icon { padding-left: 2.5rem; padding-left: var(--token-spacing-10, 2.5rem); } .usb--radio-label_container.has-icon .usb--radio-icon { position: absolute; left: 0; } .usb--radio-input { appearance: none; background-color: #fff; background-color: var(--forms-radio-input-background-color, #fff); border: 1px solid #7a7a95; border: 1px solid var(--forms-radio-input-border-color, #7a7a95); border-radius: 50%; border-radius: var(--token-rounded-full, 50%); cursor: pointer; height: 1.25rem; height: var(--token-spacing-5, 1.25rem); margin: 0.75rem; margin: var(--token-spacing-3, 0.75rem); min-width: 1.25rem; min-width: var(--token-spacing-5, 1.25rem); outline: none; padding: 3px; position: relative; width: 1.25rem; width: var(--token-spacing-5, 1.25rem); } .usb--radio-input:before { background: #fff; background: var(--forms-radio-input-background-color, #fff); border-radius: 50%; border-radius: var(--token-rounded-full, 50%); content: ""; height: 0.625rem; height: calc(var(--token-spacing-2, 0.5rem) + 0.125rem); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 0.625rem; width: calc(var(--token-spacing-2, 0.5rem) + 0.125rem); } .usb--radio-input:checked { border: 2px solid #235ae4; border: 2px solid var(--forms-radio-input-checked-border-color, #235ae4); } .usb--radio-input:checked:before { background: #235ae4; background: var(--forms-radio-input-checked-background-color, #235ae4); } .usb--radio-input:checked::-ms-check { border: 2px solid #235ae4; border: 2px solid var(--forms-radio-input-checked-border-color, #235ae4); color: #0058ff; color: var(--token-color-brand-interaction, #0058ff); } .usb--radio-input:hover:not(:disabled) { border: 2px solid #235ae4; border: 2px solid var(--forms-radio-input-hover-border-color, #235ae4); } .usb--radio-input:hover:not(:disabled):checked:before { background: #235ae4; background: var(--forms-radio-input-hover-background-color, #235ae4); } .usb--radio-input:hover:not(:disabled)::-ms-check { border: 2px solid #235ae4; border: 2px solid var(--forms-radio-input-hover-border-color, #235ae4); color: #0058ff; color: var(--token-color-brand-interaction, #0058ff); } .is-focused .usb--radio-input:active:not(:disabled) { border: 2px solid #235ae4; border: 2px solid var(--forms-radio-input-focus-border-color, #235ae4); } .is-focused .usb--radio-input:active:not(:disabled):checked:before { background: #235ae4; background: var(--forms-radio-input-focus-background-color, #235ae4); } .is-focused .usb--radio-input:active:not(:disabled)::-ms-check { border: 2px solid #235ae4; border: 2px solid var(--forms-radio-input-focus-border-color, #235ae4); color: #001e79; color: var(--token-background-brand-primary, #001e79); } .usb--radio-input.is-error { border: 2px solid #cf2a36; border: 2px solid var(--forms-radio-input-error-border-color, #cf2a36); } .usb--radio-input.is-error:checked:before { background: #cf2a36; background: var(--forms-radio-input-error-background-color, #cf2a36); } .usb--radio-input.is-error::-ms-check { border: 2px solid #cf2a36; border: 2px solid var(--forms-radio-input-error-border-color, #cf2a36); color: #001e79; color: var(--token-background-brand-primary, #001e79); } .usb--radio-icon { margin-right: 0.5rem; margin-right: var(--token-spacing-2, 0.5rem); text-align: center; height: 2rem; height: var(--token-spacing-8, 2rem); } .usb--radio-icon-radius { border-radius: 50%; } .usb--radio-img { min-width: 2rem; min-width: var(--token-spacing-8, 2rem); } .usb--radio-img, .usb--radio-svg svg { width: 2rem; width: var(--token-spacing-8, 2rem); margin-top: -0.25rem; margin-top: calc(var(--token-spacing-1, 0.25rem) * -1); height: 2rem; height: var(--token-spacing-8, 2rem); vertical-align: top; } .usb--radio-fieldset .usb--selectablecard-wrapper { padding-top: 1px; padding-bottom: 1rem; } .usb--select--wrapper { margin-top: 0.5rem; margin-top: var(--token-spacing-2, 0.5rem); min-height: 3rem; min-height: var(--token-spacing-12, 3rem); position: relative; width: 100%; z-index: 0; } .usb--select--wrapper.is-focused:after { content: ""; border: 2px solid #235ae4; border: var(--forms-select-wrapper-focused-border-width, 2px) solid var(--token-border-focus, #235ae4); border-radius: 0.25rem; border-radius: var(--token-rounded-sm, 0.25rem); height: calc(100% + 0.75rem); height: calc(100% + var(--token-spacing-3, 0.75rem)); position: absolute; left: -0.375rem; top: -0.375rem; width: calc(100% + 0.75rem); width: calc(100% + var(--token-spacing-3, 0.75rem)); } .usb--select--wrapper.is-focused .usb--select--container { border-top: 0 solid #235ae4; border-top: var(--forms-select-focused-border-top-width, 0) var(--forms-select-focused-border-style, solid) var(--forms-select-focused-border-color, #235ae4); border-right: 0 solid #235ae4; border-right: var(--forms-select-focused-border-right-width, 0) var(--forms-select-focused-border-style, solid) var(--forms-select-focused-border-color, #235ae4); border-bottom: 2px solid #235ae4; border-bottom: var(--forms-select-focused-border-bottom-width, 2px) var(--forms-select-focused-border-style, solid) var(--forms-select-focused-border-color, #235ae4); border-left: 0 solid #235ae4; border-left: var(--forms-select-focused-border-left-width, 0) var(--forms-select-focused-border-style, solid) var(--forms-select-focused-border-color, #235ae4); padding-top: 0; padding-top: var(--forms-select-focused-padding-top, 0); } .usb--select--wrapper.is-error .usb--select--label { color: #cf2a36; color: var(--token-text-color-error, #cf2a36); } .usb--select--wrapper.is-error .usb--select--container { border-top: 0 solid #cf2a36; border-top: var(--forms-select-focused-error-border-top-width, 0) var(--forms-select-focused-error-border-style, solid) var(--forms-select-focused-error-border-color, #cf2a36); border-right: 0 solid #cf2a36; border-right: var(--forms-select-focused-error-border-right-width, 0) var(--forms-select-focused-error-border-style, solid) var(--forms-select-focused-error-border-color, #cf2a36); border-bottom: 2px solid #cf2a36; border-bottom: var(--forms-select-focused-error-border-bottom-width, 2px) var(--forms-select-focused-error-border-style, solid) var(--forms-select-focused-error-border-color, #cf2a36); border-left: 0 solid #cf2a36; border-left: var(--forms-select-focused-error-border-left-width, 0) var(--forms-select-focused-error-border-style, solid) var(--forms-select-focused-error-border-color, #cf2a36); padding-top: 0; padding-top: var(--forms-select-focused-padding-top, 0); } .usb--select--wrapper.is-error.is-focused .usb--select--label, .usb--select--wrapper.is-error.is-value .usb--select--label, .usb--select--wrapper.is-error .usb--select--label { color: #cf2a36; color: var(--token-text-color-error, #cf2a36); } .usb--select--wrapper.is-error.is-focused .usb--select--container, .usb--select--wrapper.is-error.is-value .usb--select--container, .usb--select--wrapper.is-error .usb--select--container { border-top: 0 solid #cf2a36; border-top: var(--forms-select-focused-error-border-top-width, 0) var(--forms-select-focused-error-border-style, solid) var(--forms-select-focused-error-border-color, #cf2a36); border-right: 0 solid #cf2a36; border-right: var(--forms-select-focused-error-border-right-width, 0) var(--forms-select-focused-error-border-style, solid) var(--forms-select-focused-error-border-color, #cf2a36); border-bottom: 2px solid #cf2a36; border-bottom: var(--forms-select-focused-error-border-bottom-width, 2px) var(--forms-select-focused-error-border-style, solid) var(--forms-select-focused-error-border-color, #cf2a36); border-left: 0 solid #cf2a36; border-left: var(--forms-select-focused-error-border-left-width, 0) var(--forms-select-focused-error-border-style, solid) var(--forms-select-focused-error-border-color, #cf2a36); padding-top: 0; padding-top: var(--forms-select-focused-padding-top, 0); } .usb--select--wrapper .usb--select--label { color: #63637f; color: var(--token-text-color-tertiary, #63637f); display: inline-block; font-family: Circular-USB, sans-serif; font-family: var(--token-font-base, Circular-USB, sans-serif); font-size: 0.75rem; font-size: var(--token-font-size-xs, 0.75rem); font-weight: 400; font-weight: var(--token-font-weight-reg, 400); line-height: 1.5; line-height: var(--token-line-height-3xl, 1.5); position: relative; z-index: 2; top: 0.125rem; } .usb--select--wrapper .usb--select--container { background-color: #fff; background-color: var(--token-background-primary, #fff); border-radius: 0; border-radius: var(--forms-select-border-radius, 0); border-top: 0 solid #7a7a95; border-top: var(--forms-select-border-top-width, 0) var(--forms-select-border-style, solid) var(--forms-select-border-color, #7a7a95); border-right: 0 solid #7a7a95; border-right: var(--forms-select-border-right-width, 0) var(--forms-select-border-style, solid) var(--forms-select-border-color, #7a7a95); border-bottom: 1px solid #7a7a95; border-bottom: var(--forms-select-border-bottom-width, 1px) var(--forms-select-border-style, solid) var(--forms-select-border-color, #7a7a95); border-left: 0 solid #7a7a95; border-left: var(--forms-select-border-left-width, 0) var(--forms-select-border-style, solid) var(--forms-select-border-color, #7a7a95); padding: 0 0 0 0; padding: var(--forms-select-padding-top, 0) var(--forms-select-padding-right, 0) var(--forms-select-padding-bottom, 0) var(--forms-select-padding-left, 0); position: relative; z-index: 1; } .usb--select--wrapper .usb--select--container .usb--select { appearance: none; background-color: #fff; background-color: var(--token-background-primary, #fff); border: none; border-radius: 0; border-radius: var(--token-rounded-square, 0); color: #484861; color: var(--token-text-color-secondary, #484861); font-family: Circular-USB, sans-serif; font-family: var(--token-font-base, Circular-USB, sans-serif); font-weight: 400; font-weight: var(--token-font-weight-reg, 400); font-size: 1rem; font-size: var(--token-font-size-base, 1rem); line-height: 1.5; line-height: var(--token-line-height-3xl, 1.5); padding-left: 0; padding-left: var(--token-spacing-0, 0); padding-right: 20px; transition: all 0.25s ease; transition: all var(--token-timing-default-ease, 0.25s ease); width: 100%; } @media (-ms-high-contrast: active), (-ms-high-contrast: none) { .usb--select--wrapper .usb--select--container .usb--select { color: #484861; color: var(--token-text-color-secondary, #484861); } } .usb--select--wrapper .usb--select--container .usb--select::-ms-expand { display: none; } .usb--select--wrapper .usb--select--container .usb--select:focus { margin: 0; margin: var(--token-spacing-0, 0); outline: none; } .usb--select--wrapper .usb--select--container .usb--select:focus::-ms-value { background-color: #fff; background-color: var(--token-background-primary, #fff); color: #484861; color: var(--token-text-color-secondary, #484861); } .usb--select--wrapper .usb--select--container .usb--select:-moz-focusring { color: #484861; color: var(--token-text-color-secondary, #484861); -moz-appearance: none; } .usb--select--wrapper .usb--select--container .select--chevron { position: absolute; right: 0; right: var(--forms-select-chevron-right, 0); top: 0; top: var(--forms-select-chevron-top, 0); pointer-events: none; } .usb--select--wrapper .usb--select--container .select--chevron svg { fill: #484861; fill: var(--token-text-color-secondary, #484861); } .usb--select--wrapper.is-value .usb--select { color: #2d2d3e; color: var(--token-text-color-primary, #2d2d3e); } .usb--select--wrapper.is-value .usb--select:-moz-focusring { color: #2d2d3e; color: var(--token-text-color-primary, #2d2d3e); } @media (-ms-high-contrast: active), (-ms-high-contrast: none) { .usb--select--wrapper.is-value .usb--select:focus::-ms-value { background-color: #fff; background-color: var(--token-background-primary, #fff); color: #2d2d3e; color: var(--token-text-color-primary, #2d2d3e); } } .usb--select--wrapper.is-disabled, .usb--select--wrapper.is-read-only { cursor: not-allowed; } .usb--select--wrapper.is-disabled .en_dash, .usb--select--wrapper.is-disabled.is-value .optionalSpan, .usb--select--wrapper.is-disabled .show-hide__button, .usb--select--wrapper.is-disabled .usb--info-message, .usb--select--wrapper.is-disabled .usb-toggletip-container, .usb--select--wrapper.is-read-only .en_dash, .usb--select--wrapper.is-read-only.is-value .optionalSpan, .usb--select--wrapper.is-read-only .show-hide__button, .usb--select--wrapper.is-read-only .usb--info-message, .usb--select--wrapper.is-read-only .usb-toggletip-container { display: none; } .usb--select--wrapper.is-disabled .usb--select--label, .usb--select--wrapper.is-read-only .usb--select--label { pointer-events: none; } .usb--select--wrapper.is-disabled .usb--select--container, .usb--select--wrapper.is-read-only .usb--select--container { background: transparent; border: none; border-bottom: 1px solid transparent; pointer-events: none; } .usb--select--wrapper.is-disabled .usb--select--container .usb--select, .usb--select--wrapper.is-read-only .usb--select--container .usb--select { color: #484861; color: var(--token-text-color-secondary, #484861); pointer-events: none; } .usb--select--wrapper.is-disabled .usb--select--container .select--chevron, .usb--select--wrapper.is-read-only .usb--select--container .select--chevron { display: none; } .usb-text_area { display: flex; flex-direction: column; position: relative; width: 100%; z-index: 0; } .usb-text_area.is-focused:after { content: ""; border: 2px solid #235ae4; border: 2px solid var(--text-area-focus-outline-border-color, #235ae4); border-radius: 0.25rem; border-radius: var(--token-rounded-sm, 0.25rem); height: calc(100% + 0.75rem); height: calc(100% + var(--token-spacing-3, 0.75rem)); position: absolute; left: -0.375rem; top: -0.375rem; width: calc(100% + 0.75rem); width: calc(100% + var(--token-spacing-3, 0.75rem)); z-index: -1; } .usb-text_area.is-focused .usb-text_area--wrapper { border-color: #235ae4; border-color: var(--text-area-focus-border-color, #235ae4); } .usb-text_area.is-focused label, .usb-text_area.is-value label { color: #63637f; color: var(--text-area-focus-label-text-color, #63637f); font-size: 0.75rem; font-size: var(--token-font-size-xs, 0.75rem); } .usb-text_area.is-disabled, .usb-text_area.is-read-only { cursor: not-allowed; } .usb-text_area.is-disabled label, .usb-text_area.is-read-only label { pointer-events: none; } .usb-text_area.is-disabled .usb-text_area--helpers, .usb-text_area.is-read-only .usb-text_area--helpers { display: none; } .usb-text_area.is-error .usb-text_area--wrapper { border: 2px solid #cf2a36; border: 2px solid var(--text-area-error-border-color, #cf2a36); } .usb-text_area.is-error .usb-text_area--wrapper label { color: #cf2a36; color: var(--text-area-error-label-text-color, #cf2a36); } .usb-text_area.not-resizable textarea { resize: none; } .usb-text_area--wrapper { background-color: #fff; background-color: var(--token-background-primary, #fff); border: 1px solid #7a7a95; border: 1px solid var(--text-area-border-color, #7a7a95); border-radius: 0.25rem; border-radius: var(--token-rounded-sm, 0.25rem); color: #2d2d3e; color: var(--token-text-color-primary, #2d2d3e); display: flex; flex-direction: column; padding: 0.5rem 1rem; padding: var(--token-spacing-2, 0.5rem) var(--token-spacing-4, 1rem); position: relative; } .usb-text_area--wrapper label { color: #484861; color: var(--text-area-label-text-color, #484861); font-weight: 400; font-weight: var(--token-font-weight-reg, 400); min-height: 1.5rem; min-height: var(--token-spacing-6, 1.5rem); transition: all 0.25s ease; transition: all var(--token-timing-default-ease, 0.25s ease); } .usb-text_area--wrapper .usb-text_area-basic, .usb-text_area--wrapper label { background-color: initial; font-family: Circular-USB, sans-serif; font-family: var(--token-font-base, Circular-USB, sans-serif); font-size: 1rem; font-size: var(--token-font-size-base, 1rem); line-height: 1.5; line-height: var(--token-line-height-3xl, 1.5); } .usb-text_area--wrapper .usb-text_area-basic { border: none; color: #2d2d3e; color: var(--text-area-input-value-text-color, #2d2d3e); margin-top: 0; margin-top: var(--token-spacing-0, 0); outline: none; overflow-x: hidden; overflow-y: auto; padding: 0; padding: var(--token-spacing-0, 0); resize: vertical; width: 100%; } .usb-text_area--wrapper .usb-text_area-basic:disabled, .usb-text_area--wrapper .usb-text_area-basic:read-only { color: #484861; color: var(--token-text-color-secondary, #484861); cursor: not-allowed; resize: none; } .usb-text_area--helpers { display: flex; justify-content: flex-end; width: 100%; } .usb-text_area--helpers_content { display: flex; flex-direction: column; flex-grow: 2; padding-right: 0.5rem; padding-right: var(--token-spacing-2, 0.5rem); } .usb-text_area--helpers_counter { color: #63637f; color: var(--text-area-helper-text-text-color, #63637f); font-family: Circular-USB, sans-serif; font-family: var(--token-font-base, Circular-USB, sans-serif); font-size: 0.75rem; font-size: var(--token-font-size-xs, 0.75rem); font-weight: 400; font-weight: var(--token-font-weight-reg, 400); line-height: 1.5; line-height: var(--token-line-height-3xl, 1.5); padding-top: 0.25rem; padding-top: var(--token-spacing-1, 0.25rem); white-space: nowrap; } .usb-text_area--helpers_counter.max-length-exceeded { color: #cf2a36; color: var(--token-text-color-error, #cf2a36); font-weight: 700; font-weight: var(--token-font-weight-bold, 700); } .usb-toggletip-container { margin: 0; position: absolute; right: -0.75rem; right: var(--forms-base-toggletip-button-right, -0.75rem); top: 0.25rem; top: var(--forms-base-toggletip-button-top, 0.25rem); } .usb-toggletip-container, .usb-toggletip-container button { height: 2.75rem; height: var(--token-spacing-11, 2.75rem); width: 2.75rem; width: var(--token-spacing-11, 2.75rem); } .usb-toggletip-container button { background-color: initial; border: none; font-size: 0.75rem; font-size: var(--token-font-size-xs, 0.75rem); font-weight: 400; font-weight: var(--token-font-weight-reg, 400); line-height: 1.5; line-height: var(--token-line-height-3xl, 1.5); outline: none; padding: 0; position: relative; } .usb-toggletip-container button:focus > span:after { content: ""; border: 2px solid #235ae4; border: 2px solid var(--token-border-focus, #235ae4); border-radius: 0.25rem; border-radius: var(--token-rounded-sm, 0.25rem); height: 1.75rem; height: var(--token-spacing-7, 1.75rem); position: absolute; left: -0.25rem; left: calc(var(--token-spacing-1, 0.25rem) * -1); top: -0.25rem; top: calc(var(--token-spacing-1, 0.25rem) * -1); width: 1.75rem; width: var(--token-spacing-7, 1.75rem); } .usb-toggletip-container button > span { display: block; height: 1.25rem; margin: 0 auto; position: relative; width: 1.25rem; } .usb-toggletip-container button > span svg:focus { outline: none; } .usb-toggletip-container button.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .usb-toggletip-container .usb-toggletip-flyout { font-size: 0.75rem; font-size: var(--token-font-size-xs, 0.75rem); outline: none; position: absolute; right: 0.5rem; right: var(--token-spacing-2, 0.5rem); bottom: calc(100% + 0.5rem); width: 11.25rem; z-index: 1; } .usb-toggletip-container .usb-toggletip-flyout_children { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.12); box-shadow: var(--token-shadow-md, 0 4px 6px -1px rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.12)); line-height: 1.5; line-height: var(--token-line-height-3xl, 1.5); padding: 0.25rem 0.5rem; padding: var(--token-spacing-1, 0.25rem) var(--token-spacing-2, 0.5rem); } .usb-toggletip-container .usb-toggletip-flyout.dark { background-color: #001e79; background-color: var(--token-background-inverse-primary, #001e79); color: #fff; color: var(--token-text-color-inverse-primary, #fff); } .usb-toggletip-container .usb-toggletip-flyout.light { background-color: #fff; background-color: var(--token-background-primary, #fff); color: #484861; color: var(--token-text-color-secondary, #484861); } .usb-toggletip-container .usb-toggletip-flyout:focus:after { content: ""; border: 2px solid #235ae4; border: 2px solid var(--token-border-focus, #235ae4); border-radius: 0.25rem; border-radius: var(--token-rounded-sm, 0.25rem); height: calc(100% + 0.75rem); height: calc(100% + var(--token-spacing-3, 0.75rem)); position: absolute; left: -0.375rem; top: -0.375rem; width: calc(100% + 0.75rem); width: calc(100% + var(--token-spacing-3, 0.75rem)); } .usb--info-message { color: #63637f; color: var(--token-text-color-tertiary, #63637f); display: flex; font-family: Circular-USB, sans-serif; font-family: var(--token-font-base, Circular-USB, sans-serif); font-size: 0.75rem; font-size: var(--token-font-size-xs, 0.75rem); font-weight: 400; font-weight: var(--token-font-weight-reg, 400); line-height: 1.5; line-height: var(--token-line-height-3xl, 1.5); padding-top: 0.25rem; padding-top: var(--token-spacing-1, 0.25rem); } .usb--info-message.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .usb--selectablecard { transition: box-shadow 0.25s ease-out; margin: 2px; border-radius: 10px; position: relative; background-color: #fff; background-color: var(--token-background-primary, #fff); cursor: pointer; } .usb--selectablecard .usb--checkbox-svg .usb-icon { width: 1.25rem; height: 1.25rem; margin: 1rem; display: block; border: 1px solid #7a7a95; border: 1px solid var(--token-color-grey-60, #7a7a95); border-radius: 4px; overflow: hidden; } .usb--selectablecard .usb--checkbox-svg .usb-icon svg { display: none; } .usb--selectablecard .usb--selectablecard-body { border: 1px solid #cdd1e2; border: 1px solid var(--token-color-grey-30, #cdd1e2); border-radius: 10px; } .usb--selectablecard .usb--selectablecard-labeltext { font-size: 1.25rem; font-size: var(--token-font-size-lg, 1.25rem); font-weight: 500; font-weight: var(--token-font-weight-med, 500); color: #001e79; color: var(--token-text-color-brand-primary, #001e79); } .usb--selectablecard .usb--selectablecard-helper { font-size: 0.875rem; font-size: var(--token-font-size-sm, 0.875rem); } .usb--selectablecard .usb--radio-input { margin: 1rem; } .usb--selectablecard:hover:not(.is-disabled) { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.12); box-shadow: var(--token-shadow-md, 0 4px 6px -1px rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.12)); } .usb--selectablecard:hover:not(.is-disabled) .usb--checkbox-svg .usb-icon, .usb--selectablecard:hover:not(.is-disabled) .usb--radio-input { border: 2px solid #235ae4; border: 2px solid var(--token-background-brand-interaction, #235ae4); } .usb--selectablecard:active:not(.is-disabled) { box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12); box-shadow: var(--token-shadow-sm, 0 1px 3px 0 rgba(0, 0, 0, 0.12)); } .usb--selectablecard:not(.is-disabled) .usb--checkbox-input:checked + .usb--checkbox-svg svg { display: block; border: none; background: #235ae4; background: var(--token-background-brand-interaction, #235ae4); fill: #fff; fill: var(--token-background-primary, #fff); } .usb--selectablecard:not(.is-disabled) .usb--checkbox-input:checked + .usb--checkbox-svg .usb-icon { border: none; } .usb--selectablecard:not(.is-disabled).is-error .usb--checkbox-input:checked + .usb--checkbox-svg .usb-icon { border: 2px solid #be1324; border: 2px solid var(--token-color-error-msg, #be1324); } .usb--selectablecard:not(.is-disabled).is-error:hover .usb--checkbox-input:checked + .usb--checkbox-svg .usb-icon { border: 2px solid #235ae4; border: 2px solid var(--token-background-brand-interaction, #235ae4); } .usb--selectablecard.is-error:not(.is-disabled), .usb--selectablecard:active:not(.is-disabled), .usb--selectablecard:focus-within:not(.is-disabled) { margin: 0; border: 2px solid #235ae4; border: 2px solid var(--token-background-brand-interaction, #235ae4); border-radius: 12px; } .usb--selectablecard.is-error:not(.is-disabled) .usb--selectablecard-body, .usb--selectablecard:active:not(.is-disabled) .usb--selectablecard-body, .usb--selectablecard:focus-within:not(.is-disabled) .usb--selectablecard-body { border-color: transparent; } .usb--selectablecard:focus-within:not(.is-disabled) .usb--checkbox-svg:after, .usb--selectablecard:focus-within:not(.is-disabled) .usb--radio-input:after { content: ""; display: block; position: absolute; top: -0.375rem; left: -0.375rem; width: 1.75rem; height: 1.75rem; border: 2px solid #235ae4; border: 2px solid var(--token-background-brand-interaction, #235ae4); border-radius: 4px; } .usb--selectablecard:focus-within:not(.is-disabled) .usb--checkbox-svg:after { top: 0.75rem; left: 0.75rem; } .usb--selectablecard.is-error:not(.is-disabled) { border-color: #be1324; border-color: var(--token-color-error-msg, #be1324); } .usb--selectablecard.is-error:not(.is-disabled) .usb--radio-input { border: 2px solid #be1324; border: 2px solid var(--token-color-error-msg, #be1324); } .usb--selectablecard.is-error:not(.is-disabled) .usb--radio-input:hover { border: 2px solid #235ae4; border: 2px solid var(--token-background-brand-interaction, #235ae4); } .usb--selectablecard.is-error:not(.is-disabled) .usb--radio-input:checked:before { background-color: #be1324; background-color: var(--token-color-error-msg, #be1324); } .usb--selectablecard.is-error:not(.is-disabled) .usb--checkbox-svg .usb-icon { border: 2px solid #be1324; border: 2px solid var(--token-color-error-msg, #be1324); } .usb--selectablecard.is-error:not(.is-disabled) .usb--checkbox-svg .usb-icon svg { background: transparent; fill: #be1324; fill: var(--token-color-error-msg, #be1324); margin-top: -1px; margin-left: -2px; } .usb--selectablecard.is-disabled { pointer-events: none; } .usb--selectablecard.is-disabled .usb--radio-input { border: 2px solid #cdd1e2; border: 2px solid var(--token-color-grey-30, #cdd1e2); background-color: #cdd1e2; background-color: var(--token-color-grey-30, #cdd1e2); } .usb--selectablecard.is-disabled .usb--radio-input:before { display: none; } .usb--selectablecard.is-disabled .usb--checkbox-svg .usb-icon { border: 1px solid #cdd1e2; border: 1px solid var(--token-color-grey-30, #cdd1e2); background-color: #cdd1e2; background-color: var(--token-color-grey-30, #cdd1e2); } .usb--selectablecard.is-read-only { pointer-events: none; } .usb--selectablecard.is-read-only .usb--radio-input { border: 2px solid #cdd1e2; border: 2px solid var(--token-color-grey-30, #cdd1e2); background-color: #cdd1e2; background-color: var(--token-color-grey-30, #cdd1e2); } .usb--selectablecard.is-read-only .usb--radio-input:before { display: none; } .usb--selectablecard.is-read-only .usb--checkbox-svg .usb-icon { border: 1px solid #cdd1e2; border: 1px solid var(--token-color-grey-30, #cdd1e2); background-color: #cdd1e2; background-color: var(--token-color-grey-30, #cdd1e2); } .usb--selectablecard.horizontal-illustration, .usb--selectablecard.horizontal-image { display: flex; flex-direction: column; justify-content: center; } .usb--selectablecard.horizontal-illustration .usb--selectablecard-body, .usb--selectablecard.horizontal-image .usb--selectablecard-body { padding: 1rem 3rem 1rem 6.625rem; min-height: 5.625rem; display: flex; flex-direction: column; justify-content: center; } .usb--selectablecard.horizontal-illustration .usb--checkbox-svg, .usb--selectablecard.horizontal-illustration input, .usb--selectablecard.horizontal-image .usb--checkbox-svg, .usb--selectablecard.horizontal-image input { position: absolute; right: 0; top: 50%; margin-top: -0.65rem; left: unset; } .usb--selectablecard.horizontal-illustration input[type=checkbox], .usb--selectablecard.horizontal-image input[type=checkbox] { margin-top: -1.4rem; } .usb--selectablecard.horizontal-illustration .usb--checkbox-svg, .usb--selectablecard.horizontal-image .usb--checkbox-svg { margin-top: -1.6rem; } .usb--selectablecard.horizontal-illustration .usb--selectablecard-image, .usb--selectablecard.horizontal-image .usb--selectablecard-image { position: absolute; left: 0; top: 0; width: 5.525rem; height: 100%; border-top-left-radius: 10px; border-bottom-left-radius: 10px; overflow: hidden; } .usb--selectablecard.horizontal-illustration .usb--selectablecard-image img, .usb--selectablecard.horizontal-image .usb--selectablecard-image img { width: 100%; height: 100%; object-fit: cover; } .usb--selectablecard.usb--selectablecard.horizontal-image .usb--selectablecard-helper { font-size: 1rem; font-size: var(--token-font-size-base, 1rem); } .usb--selectablecard.horizontal-illustration .usb--selectablecard-image { padding: 0 0 0 1rem; width: 6.5rem; } .usb--selectablecard.horizontal-illustration .usb--selectablecard-image svg { width: 100%; height: 100%; } .usb--selectablecard.horizontal-illustration .usb--selectablecard-body { padding-left: 7.625rem; } .usb--selectablecard.vertical-illustration, .usb--selectablecard.vertical-image { display: flex; flex-direction: column; } .usb--selectablecard.vertical-illustration .usb--checkbox-svg, .usb--selectablecard.vertical-illustration input, .usb--selectablecard.vertical-image .usb--checkbox-svg, .usb--selectablecard.vertical-image input { position: absolute; top: 12.75rem; left: 0.125rem; } .usb--selectablecard.vertical-illustration .usb--selectablecard-body, .usb--selectablecard.vertical-image .usb--selectablecard-body { padding-bottom: 1.5rem; } .usb--selectablecard.vertical-illustration .usb--selectablecard-body label, .usb--selectablecard.vertical-image .usb--selectablecard-body label { display: flex; flex-direction: column; } .usb--selectablecard.vertical-illustration .usb--selectablecard-image, .usb--selectablecard.vertical-image .usb--selectablecard-image { width: calc(100% + 2px); margin: -1px 0 0 -1px; border-top-left-radius: 10px; border-top-right-radius: 10px; order: -1; height: 12.125rem; overflow: hidden; } .usb--selectablecard.vertical-illustration .usb--selectablecard-image img, .usb--selectablecard.vertical-image .usb--selectablecard-image img { width: 100%; } .usb--selectablecard.vertical-illustration .usb--selectablecard-helper, .usb--selectablecard.vertical-illustration .usb--selectablecard-labeltext, .usb--selectablecard.vertical-image .usb--selectablecard-helper, .usb--selectablecard.vertical-image .usb--selectablecard-labeltext { margin-left: 3.3rem; margin-right: 1rem; } .usb--selectablecard.vertical-illustration .usb--selectablecard-labeltext, .usb--selectablecard.vertical-image .usb--selectablecard-labeltext { margin-top: 1.5rem; } .usb--selectablecard.vertical-image .usb--selectablecard-image { display: flex; flex-direction: column; justify-content: center; } .usb--selectablecard.vertical-illustration .usb--checkbox-svg, .usb--selectablecard.vertical-illustration input { top: 0; right: 0; left: unset; } .usb--selectablecard.vertical-illustration .usb--selectablecard-image { padding: 1rem; height: 6.5rem; text-align: center; } .usb--selectablecard.vertical-illustration .usb--selectablecard-image img, .usb--selectablecard.vertical-illustration .usb--selectablecard-image svg { width: 5.5rem; } .usb--selectablecard.vertical-illustration .usb--selectablecard-helper, .usb--selectablecard.vertical-illustration .usb--selectablecard-labeltext { margin-left: 1rem; text-align: center; display: block; } .usb--selectablecard.vertical-illustration .usb--selectablecard-labeltext { margin-top: 0.5rem; font-size: 1rem; font-size: var(--token-font-size-base, 1rem); } /*!**************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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/@usb-wealthmanagement-npb/react-common-base/dist/styles/index.css?ngGlobalStyle ***! \**************************************************************************************************************************************************************************************************************************************************************************************/ .page-title { font-family: Circular-USB-Light, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-stretch: normal; line-height: 1.09; letter-spacing: 0.3px; color: #0c2074; } .page-header-container { padding: 10px 20px; width: 80%; } .u-s-bank-flexible-title { font-size: 14px; color: #636466; letter-spacing: 0.25px; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; margin-bottom: 10px; } .react-spinner { display: flex; justify-content: center; align-items: center; height: 100vh; width: 100vw; position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 1000; } .react-fidelity-error-page { width: 100%; height: 700px; background-color: #ffffff; } .react-error-heading-rectangle { background-color: #f5f5f5; margin-top: 3%; margin-bottom: 23px; width: 65%; height: 124px; padding: 20px; margin-left: 7%; } @media screen and (max-width: 1000px) { .react-error-heading-rectangle { width: 90%; height: auto; } } .react-error-text-heading { font-family: Circular-USB-Bold, Helvetica, Arial, sans-serif; font-size: 46px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: 1.33; letter-spacing: 0.3px; color: #0c2074; } @media screen and (max-width: 768px) { .react-error-text-heading { font-size: 26px; line-height: 1.3; } } .react-dont-worry-container { height: 99px; margin-left: 10%; margin-bottom: 90px; } .react-dont-worry-container span { font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; font-size: 21px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 2.05; letter-spacing: normal; color: #4a4a4a; } @media screen and (max-width: 768px) { .react-dont-worry-container span { font-size: 16px; } } .react-options-container { font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; font-size: 18px; font-weight: normal; font-style: normal; font-stretch: normal; letter-spacing: -0.1px; color: #0f2472; margin-left: 10%; margin-top: 30px; } .react-option-heading { font-size: 24px; font-weight: bold; font-family: Circular-USB-Bold, Helvetica, Arial, sans-serif; } @media screen and (max-width: 768px) { .react-option-heading { font-size: 20px !important; } } .global-error-link span { font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif !important; font-size: 18px !important; font-weight: normal !important; font-style: normal; font-stretch: normal; letter-spacing: -0.1px; } @media screen and (max-width: 768px) { .global-error-link span { font-size: 14px !important; } } .react-option-body ul { padding-left: 15px; padding-top: 5px; } .react-option-body li { font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif !important; font-size: 18px !important; font-weight: normal !important; font-style: normal; font-stretch: normal; letter-spacing: -0.1px; margin: 0 0 10px 0; } @media screen and (max-width: 768px) { .react-option-body li { font-size: 14px !important; } } .react-option-body ol { margin-top: 5px; } @media screen and (max-width: 768px) { .react-option-body ol { font-size: 14px !important; } } .m-0-10 { margin: 0 0 10px 0; } .react-option-body ul li:nth-child(3) { list-style-type: none; } .dup-session-modal-header { color: #2C2C2C; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; font-size: 28px !important; line-height: 35px !important; } .dup-session-modal-body-text { color: #555555; font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif !important; font-size: 16px !important; letter-spacing: 0 !important; line-height: 30px !important; } .off-ramp-wrapper .sub-heading-text { padding-right: 20px; } .off-ramp-wrapper .or-contact-details li { min-height: 1rem; padding-top: 0; padding-bottom: 0; } .off-ramp-wrapper .content-wrapper { padding: 20px 2%; justify-content: space-between; } .off-ramp-wrapper .content-wrapper .or-header-whats-next { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; font-size: 28px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.29; letter-spacing: 0.3px; color: #0c2074; margin-top: 25px; } @media screen and (max-width: 820px) { .off-ramp-wrapper .content-wrapper { flex-direction: column; padding: 20px 5%; } } .off-ramp-wrapper .content-wrapper .sa-ca-wrapper { flex: 1.2; } .off-ramp-wrapper .content-wrapper .contact-info-wrapper { flex: 0.8; display: flex; justify-content: end; } @media screen and (max-width: 820px) { .off-ramp-wrapper .content-wrapper .contact-info-wrapper { justify-content: center; } } .off-ramp-wrapper .sa-confirm-accounts-footer-action-wrapper { margin-top: 30px; margin-bottom: 20px; display: flex; align-items: center; } @media screen and (min-width: 820px) { .off-ramp-wrapper .sa-confirm-accounts-footer-action-wrapper button { min-width: 250px; } } @media screen and (max-width: 819px) { .off-ramp-wrapper .sa-confirm-accounts-footer-action-wrapper button { min-width: 40%; } } @media screen and (max-width: 667px) { .off-ramp-wrapper .sa-confirm-accounts-footer-action-wrapper button { min-width: 80%; } } .off-ramp-wrapper .sa-confirm-accounts-footer-action-wrapper .sa-confirm-accounts-button { margin-left: 20px; } @media screen and (max-width: 667px) { .off-ramp-wrapper .sa-confirm-accounts-footer-action-wrapper { flex-direction: column-reverse; gap: 20px; justify-content: start; align-items: baseline; } } .off-ramp-wrapper .sub-heading-text { max-width: 625px; } .download-application-form-btn { margin-left: 20px; } .header-main { background-color: #0c2074; padding: 10px; width: 100%; display: flex; justify-content: space-between; align-items: center; height: 70px; } .header-logo-section { margin-left: 2rem; vertical-align: middle; align-self: start; justify-content: center; display: flex; } @media screen and (min-width: 320px) and (max-width: 670px) { .header-logo-section { margin-left: 0rem; } } .whiteMenu { color: #fff !important; font-size: 14px; } .whiteMenu .svg-icon { fill: #fff !important; } /* Header menu styles */ .header-menu-rect { display: flex; justify-content: space-evenly; margin-bottom: 0; } .header-menu-rect .usb-link:focus:before { border: none !important; } .header-menu-section-rect { align-self: center; } .header-menu-rect li { display: inline; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.57; letter-spacing: 0.3px; cursor: pointer; color: #fff; margin: auto; padding-right: 35px; } .header-menu-item-rect { font-family: Circular-USB-Bold, Helvetica, Arial, sans-serif !important; color: #fff !important; } .header-sub-menu-area-rect::after { content: ""; position: absolute; top: 0; left: 50%; box-sizing: border-box; border: 7px solid black; border-color: transparent transparent #ffffff #ffffff; transform-origin: 0 0; transform: rotate(135deg); } .header-sub-menu-area-rect { background-color: white; position: absolute; top: 60px; list-style: none; z-index: 9999; min-width: 300px; border: 1px solid #ccccd2; font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif !important; transform: translateX(-35%); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.247) 0px 2px 4px; } @media screen and (min-width: 1024px) and (max-width: 1371px) { .header-sub-menu-area-rect { top: 60px; } } @media screen and (min-width: 1372px) { .header-sub-menu-area-rect { top: 50px; } } .header-sub-menu-area-rect .submenu-rect { margin-bottom: 0.5rem; } .header-sub-menu-area-rect .submenu-rect li { display: flex; line-height: 1.57; letter-spacing: 0.3px; cursor: pointer; margin: auto; height: 40px; } .header-sub-menu-item-rect { font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif !important; } .header-submenu-contactus { font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif !important; font-size: 16px !important; display: flex !important; margin: 1rem 1rem 1rem 2.5rem !important; cursor: auto !important; color: #636466 !important; } .header-submenu-contactus.header { color: #636466 !important; margin-bottom: 0.5rem !important; } .header-submenu-contactus.phone { color: #636466 !important; font-weight: bolder !important; margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .header-submenu-contactus.email { color: #636466 !important; margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .header-submenu-contactus.timing { color: #636466 !important; margin-top: 0.5rem !important; } .header-submenu-contactus-lable { font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif !important; font-size: 16px !important; font-weight: normal !important; } .header-submenu-contactus-email { margin-left: 5px; } .header-submenu-contactus-phone { margin-left: 5px; } /* Header menu styles End */ /* Mobile Header menu item styles */ .mobile-menu-section { display: flex; justify-content: space-between; align-items: center; margin: 0 auto; } @media screen and (min-width: 320px) and (max-width: 670px) { .mobile-menu-section { justify-content: flex-end; margin: 0; width: 100%; } } .mobile-menu-section .usb-link:focus:before { border: none !important; } .mobile-menu-item-area { background-color: white; position: absolute; top: 60px; height: min-content; list-style: none; z-index: 9999; max-height: 100vh; width: auto; overflow-y: auto; border-radius: 10px; color: rgb(99, 100, 102); box-shadow: rgba(0, 0, 0, 0.247) 0px 2px 4px; padding: 20px; border: 1px solid #ccccd2; } .mobile-menu-item-area ul { padding-left: 0rem; } @media screen and (min-width: 320px) and (max-width: 475px) { .mobile-menu-item-area { transform: translateX(50%); width: 315px; } } @media screen and (min-width: 476px) and (max-width: 662px) { .mobile-menu-item-area { transform: translateX(50%); width: 400px; } } @media screen and (min-width: 663px) and (max-width: 1024px) { .mobile-menu-item-area { transform: translateX(-40%); width: 400px; } } .mobile-menu-item-area li { display: block; min-height: 50px; cursor: pointer; margin: auto; } .mobile-menu-item-area li .usb-link.basic { text-decoration: none !important; } .mobile-submenu li { display: block; min-height: 25px; cursor: pointer; margin: auto; padding: 8px; } .header-dropdown-submenu-item-rect-mobile { font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif !important; } .mobile-submenu-contactus-header { font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif !important; font-size: 16px !important; display: flex !important; } .mobile-submenu-contactus-phone { display: inline-flex !important; } .mobile-submenu-contactus-phone-label { font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif !important; font-size: 16px !important; display: flex !important; } .mobile-submenu-contactus-email { font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif !important; display: inline-flex !important; } .mobile-submenu-contactus-email-label { font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif !important; font-size: 16px !important; display: flex !important; } .mobile-submenu-contactus-timing { font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif !important; font-size: 16px !important; display: flex !important; } .mobile-submenu-contactus-area { padding-top: 10px; padding-bottom: 15px; } .mobile-submenu .mobile-submenu-contactus-area li { padding: 0rem; } .mobile-contactus-margin-left { margin-left: 5px; } .mobile-submenu-logout { font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif !important; } /* Mobile Header menu item styles End*/ /*libor rate css*/ .header-right-section { align-items: center !important; flex-direction: row !important; } .header-libor-section { display: flex; justify-content: center; } @media screen and (min-width: 320px) and (max-width: 475px) { .header-libor-section { margin-left: 1rem; } } .header-libor-content { display: flex; flex-direction: column; padding-left: 1rem; padding-right: 1rem; font-family: Circular-USB-Light, Helvetica, Arial, sans-serif; font-size: 12px; color: #fff; letter-spacing: 0.3px; align-items: stretch; justify-content: center; } @media screen and (min-width: 320px) and (max-width: 475px) { .header-libor-content { line-height: 10px; padding-left: 0.4rem; padding-right: 0.4rem; } } .header-libor-info { font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; font-size: 12px; } @media screen and (min-width: 320px) and (max-width: 670px) { .header-libor-info { font-size: 10px; } } .header-libor-rate { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; font-size: 16px; } @media screen and (min-width: 320px) and (max-width: 670px) { .header-libor-rate { font-size: 12px; } } .header-libor-row1 { display: flex; flex-direction: column; display: inline-block; line-height: 16px; } .header-libor-date { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; font-size: 14px; } @media screen and (min-width: 320px) and (max-width: 670px) { .header-libor-date { font-size: 12px; } } .header-libor-asof { font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; font-size: 14px; } @media screen and (min-width: 320px) and (max-width: 670px) { .header-libor-asof { font-size: 12px; } } .header-gear { display: flex; justify-content: center; padding: 0 1rem; } .header-logout-area-rect { background-color: white; position: absolute; right: 0; top: 65px; list-style: none; z-index: 9999; min-width: 150px; padding: 10px; border: 1px solid #ccccd2; font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif !important; border-radius: 5px !important; box-shadow: rgba(0, 0, 0, 0.247) 0px 2px 4px; } @media screen and (min-width: 1024px) and (max-width: 1371px) { .header-logout-area-rect { top: 38px !important; } } @media screen and (min-width: 1372px) { .header-logout-area-rect { top: 50px; } } .header-logout-area-rect::after { content: ""; position: absolute; top: 0; right: 14px !important; box-sizing: border-box; border-color: transparent transparent #ccccd2 #ccccd2; transform-origin: 100% 0; transform: rotate(45deg); border: 1px solid #fff; border-width: 7px; } .header-logout-item-rect { font-size: 16px; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; } .logout-rect { list-style: none; margin: 0 !important; display: flex; gap: 30px; align-items: center; cursor: pointer; justify-content: flex-end; padding: 2px 5px 2px 10px !important; } .desktop-left-right-border { border-left: 1px solid #ffffff !important; border-right: 1px solid #ffffff !important; } .npb-footer-container { width: 100%; background-color: #0f2472; page-break-inside: avoid; display: inline-block; break-inside: avoid; position: relative; clear: both; overflow-x: hidden; overflow-y: hidden; height: auto; } .npb-footer-content-container { margin: 30px; } @media screen and (min-width: 320px) and (max-width: 767px) { .npb-footer-content-container { margin: 15px; } } .npb-footer-important-disclosure { font-family: Circular-USB-Bold, Helvetica, Arial, sans-serif; font-size: 18px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #ffffff; height: 32px; } .npb-footer-illustration-text { font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.13; letter-spacing: normal; color: #fdfdfd; } .npb-footer-rectangle { width: 100%; height: auto; border: solid 1px #ffffff; background-color: rgba(216, 216, 216, 0); margin-top: 0.5rem; } .npb-footer-rectangle-content { padding: 12px 15px; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #ffffff; } .npb-footer-flexible-Capital-Lin { font-family: Circular-USB-Bold, Helvetica, Arial, sans-serif; line-height: 1.13; } .npb-footer-detail-desc { font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; } .npb-footer-icon-content { padding-top: 6px; } .npb-footer-equal-Housing-Lender { margin-left: 4px; font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #ffffff; } .npb-footer-equal-housing-icon { height: 36px; width: 36px; } .npb-footer-suitability-notice { height: auto; font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.13; letter-spacing: normal; color: #fdfdfd; margin-top: 1.5rem; } .npb-footer-suitability-notice span { font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; } .npb-suitable-link { font-family: Circular-USB-Bold, Helvetica, Arial, sans-serif !important; display: inline !important; color: #ffffff; } .npb-footer-copyright { font-family: Circular-USB-Bold, Helvetica, Arial, sans-serif; margin-bottom: 40px; color: #ffffff; margin-top: 30px; } .npb-footer-journey-line { padding-bottom: 40px; } .npb-footer-disclosure-fidelity { height: auto; font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.13; letter-spacing: normal; color: #fdfdfd; margin-top: 1.5rem; } .npb-footer-coll-page-area { height: auto; font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.13; letter-spacing: normal; color: #fdfdfd; margin-top: 2rem; } .npb-libor-banner-header-border { height: 4px; max-width: 100%; background-color: #3668da; } .npb-libor-banner-body { min-height: 20px; height: auto; background-color: #e5eaf6; padding: 1rem; display: inline-flex; width: 100%; } .npb-libor-banner-body-cancel { align-items: self-start; float: right; display: flex; justify-content: flex-end; } .npb-libor-banner-body-icon { float: left; } .npb-libor-banner-body-message { float: left; margin-left: 1rem; display: flex; width: 100%; } .lib-text-color { font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; color: #3668da; letter-spacing: 1px; font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; white-space: pre-wrap; } .form-element-wrapper .form-element-input label { color: #555555 !important; font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif !important; letter-spacing: 0.3px; } .form-element-wrapper .form-element-input input { color: #2c2c2c !important; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; } .form-element-wrapper .form-element-select label { color: #6E6E6E !important; font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif !important; letter-spacing: 0.3px; font-size: 12px; } .form-element-wrapper .form-element-select select { color: #2c2c2c !important; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; } .form-element-wrapper .form-element-radio legend { color: #2C2C2C !important; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; letter-spacing: 0.3px; } .form-element-wrapper .form-element-radio .usb--radio-label_container { margin: 0; } .contact-information-wrapper { margin-top: 30px; width: auto; } @media screen and (max-width: 820px) { .contact-information-wrapper { width: 100%; } } .contact-information-wrapper .sa-advisor-contactus { border-radius: 10px; box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.2483); } .contact-information-wrapper .sa-advisor-contactus .sa-contact-title { font-size: 16px; color: #2c2c2c; background-color: #f2f2f5; font-weight: 500; font-family: Circular-USB-Bold, Helvetica, Arial, sans-serif; padding: 10px 15px; border-radius: 10px 10px 0px 0px; } .contact-information-wrapper .sa-advisor-contactus .sa-advisor-contact-content-wrapper { padding: 0px 30px 20px 20px; } .contact-information-wrapper .sa-advisor-contactus .sa-contactus-fidelity { font-family: Circular-USB-Bold, Helvetica, Arial, sans-serif; color: #0c2074; padding-top: 10px; padding-bottom: 10px; font-size: 14px; } .contact-information-wrapper .sa-advisor-contactus .sa-display-flex { display: flex; } .contact-information-wrapper .sa-advisor-contactus .sa-contact-details { padding-left: 10px; padding-right: 20px; font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; font-size: 14px; color: #2c2c2c; padding-bottom: 10px; } .contact-information-wrapper .sa-advisor-contactus .sa-contact-day-time { font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.67; letter-spacing: 0.3px; color: #2c2c2c; } .contact-information-wrapper .sa-advisor-contactus .sa-contact-mailbox { display: flex; } .contact-information-wrapper .sa-advisor-contactus .sa-contact-mailbox .sa-contact-details { padding-bottom: 0px; } .contact-information-wrapper .sa-advisor-contactus .sa-contact-mailbox a { text-decoration: none !important; padding-left: 10px; } .error-banner-wrapper { margin-bottom: 20px; } .error-banner-wrapper .banner-header { display: flex; justify-content: space-between; } .error-banner-wrapper .header-content { width: 65%; } .error-banner-wrapper .error-list { margin: 0 !important; } .error-banner-wrapper .error-list li { cursor: pointer; width: -moz-fit-content; width: fit-content; } .error-banner-wrapper .error-list button { text-decoration: underline; color: #0a41c5; font-size: inherit; cursor: pointer; background-color: transparent; } .page-header-wrapper { padding: 20px 2%; background-color: #eaf1f2; display: flex; align-items: end; justify-content: space-between; } @media screen and (max-width: 666px) { .page-header-wrapper { flex-direction: column; align-items: start; justify-content: start; line-height: 1.5; } } @media screen and (max-width: 820px) { .page-header-wrapper { padding: 20px 5%; } } .page-header-wrapper .application-number-section { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; font-size: 28px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.29; letter-spacing: 0.3px; color: #636466; } @media screen and (max-width: 667px) { .page-header-wrapper .application-number-section { font-size: 20px; } } .page-header-wrapper .back-to-my-dash-section { padding-top: 10px; } .page-header-wrapper .back-to-my-dash-section button { text-decoration: none !important; display: flex; align-items: center; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; } .page-header-wrapper .initiated-at-main { display: flex; align-items: end; justify-content: end; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; letter-spacing: 0.3px; color: #636466; } .page-header-wrapper .icon-back-to-my-dash { color: #235ae4 !important; fill: #235ae4 !important; } .page-header-wrapper .app-num-nav-link-main { display: inline-block; } @media screen and (max-width: 666px) { .page-header-wrapper .app-num-nav-link-main { display: flex; flex-direction: column-reverse; } } .usb-notification > .confirmation, .usb-notification > .error, .usb-notification > .information, .usb-notification > .warning { display: flex; align-items: flex-start; width: 100%; padding: var(--token-spacing-4, 1rem) var(--token-spacing-10, 2.5rem) var(--token-spacing-4, 1rem) var(--token-spacing-4, 1rem); border-radius: var(--token-rounded-sm, 0.25rem); position: relative; outline-offset: -1px; color: var(--notification-text-color, #2d2d3e); font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-weight: var(--token-font-weight-reg, 400); font-size: var(--token-font-size-sm, 0.875rem); line-height: var(--token-line-height-3xl, 1.5); } .usb-notification > .confirmation > div, .usb-notification > .error > div, .usb-notification > .information > div, .usb-notification > .warning > div { margin-right: var(--token-spacing-3, 0.75rem); } .usb-notification > .confirmation h2, .usb-notification > .error h2, .usb-notification > .information h2, .usb-notification > .warning h2 { position: relative; color: var(--notification-heading-text-color, #2d2d3e); font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-weight: var(--token-font-weight-med, 500); font-size: var(--token-font-size-sm, 0.875rem); line-height: var(--token-line-height-3xl, 1.5); display: flex; } .usb-notification > .confirmation ul, .usb-notification > .error ul, .usb-notification > .information ul, .usb-notification > .warning ul { list-style-type: disc; margin: var(--token-spacing-1, 0.25rem) var(--token-spacing-0, 0) var(--token-spacing-0, 0) var(--token-spacing-12, 3rem); } .usb-notification > .confirmation ul li, .usb-notification > .error ul li, .usb-notification > .information ul li, .usb-notification > .warning ul li { margin: var(--token-spacing-2, 0.5rem) var(--token-spacing-0, 0) var(--token-spacing-0, 0); vertical-align: middle; font-size: var(--token-font-size-sm, 0.875rem); } .usb-notification > .confirmation ul li .button--naked, .usb-notification > .error ul li .button--naked, .usb-notification > .information ul li .button--naked, .usb-notification > .warning ul li .button--naked { margin: var(--token-spacing-0, 0); -webkit-text-decoration: underline; text-decoration: underline; line-height: inherit; vertical-align: initial; border: none; background: none; padding: var(--token-spacing-0, 0); display: inline; } .usb-notification > .confirmation a, .usb-notification > .confirmation button:not(.usb-button), .usb-notification > .error a, .usb-notification > .error button:not(.usb-button), .usb-notification > .information a, .usb-notification > .information button:not(.usb-button), .usb-notification > .warning a, .usb-notification > .warning button:not(.usb-button) { -webkit-text-decoration: none; text-decoration: none; border: none; background: none; padding: var(--token-spacing-0, 0); line-height: var(--token-line-height-3xl, 1.5); } .usb-notification > .confirmation .notification--content-group, .usb-notification > .error .notification--content-group, .usb-notification > .information .notification--content-group, .usb-notification > .warning .notification--content-group { white-space: normal; } @media only screen and (min-width: 30rem) { .usb-notification > .confirmation .notification--content-group, .usb-notification > .error .notification--content-group, .usb-notification > .information .notification--content-group, .usb-notification > .warning .notification--content-group { white-space: nowrap; } } .usb-notification > .confirmation .multiple-notification--text, .usb-notification > .confirmation .single-notification--text, .usb-notification > .error .multiple-notification--text, .usb-notification > .error .single-notification--text, .usb-notification > .information .multiple-notification--text, .usb-notification > .information .single-notification--text, .usb-notification > .warning .multiple-notification--text, .usb-notification > .warning .single-notification--text { display: inline-flex; flex-direction: row; -webkit-text-decoration: none; text-decoration: none; font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); line-height: var(--token-line-height-3xl, 1.5); font-size: var(--token-font-size-sm, 0.875rem); font-weight: var(--token-font-weight-reg, 400); color: var(--notification-message-text-color, #2d2d3e); } .usb-notification > .confirmation .multiple-notification--text.single-notification--header, .usb-notification > .confirmation .single-notification--text.single-notification--header, .usb-notification > .error .multiple-notification--text.single-notification--header, .usb-notification > .error .single-notification--text.single-notification--header, .usb-notification > .information .multiple-notification--text.single-notification--header, .usb-notification > .information .single-notification--text.single-notification--header, .usb-notification > .warning .multiple-notification--text.single-notification--header, .usb-notification > .warning .single-notification--text.single-notification--header { outline: none; } .usb-notification > .confirmation .single-notification--text, .usb-notification > .confirmation .single-notification--text + span.notification--content-group, .usb-notification > .error .single-notification--text, .usb-notification > .error .single-notification--text + span.notification--content-group, .usb-notification > .information .single-notification--text, .usb-notification > .information .single-notification--text + span.notification--content-group, .usb-notification > .warning .single-notification--text, .usb-notification > .warning .single-notification--text + span.notification--content-group { vertical-align: middle; } .usb-notification > .confirmation .multiple-notification--btn-text, .usb-notification > .confirmation .multiple-notification--link-text, .usb-notification > .confirmation .single-notification--link-btn, .usb-notification > .confirmation .single-notification--link-text, .usb-notification > .error .multiple-notification--btn-text, .usb-notification > .error .multiple-notification--link-text, .usb-notification > .error .single-notification--link-btn, .usb-notification > .error .single-notification--link-text, .usb-notification > .information .multiple-notification--btn-text, .usb-notification > .information .multiple-notification--link-text, .usb-notification > .information .single-notification--link-btn, .usb-notification > .information .single-notification--link-text, .usb-notification > .warning .multiple-notification--btn-text, .usb-notification > .warning .multiple-notification--link-text, .usb-notification > .warning .single-notification--link-btn, .usb-notification > .warning .single-notification--link-text { color: var(--notification-message-link-text-color, #235ae4); font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-size: var(--token-font-size-base, 1rem); font-size: var(--token-font-size-sm, 0.875rem); font-weight: var(--token-font-weight-reg, 400); -webkit-text-decoration: underline; text-decoration: underline; text-align: left; line-height: var(--token-line-height-3xl, 1.5); } .usb-notification > .confirmation .multiple-notification--btn-text:hover, .usb-notification > .confirmation .multiple-notification--link-text:hover, .usb-notification > .confirmation .single-notification--link-btn:hover, .usb-notification > .confirmation .single-notification--link-text:hover, .usb-notification > .error .multiple-notification--btn-text:hover, .usb-notification > .error .multiple-notification--link-text:hover, .usb-notification > .error .single-notification--link-btn:hover, .usb-notification > .error .single-notification--link-text:hover, .usb-notification > .information .multiple-notification--btn-text:hover, .usb-notification > .information .multiple-notification--link-text:hover, .usb-notification > .information .single-notification--link-btn:hover, .usb-notification > .information .single-notification--link-text:hover, .usb-notification > .warning .multiple-notification--btn-text:hover, .usb-notification > .warning .multiple-notification--link-text:hover, .usb-notification > .warning .single-notification--link-btn:hover, .usb-notification > .warning .single-notification--link-text:hover { -webkit-text-decoration: none; text-decoration: none; } .usb-notification > .confirmation .multiple-notification--link, .usb-notification > .error .multiple-notification--link, .usb-notification > .information .multiple-notification--link, .usb-notification > .warning .multiple-notification--link { margin-left: var(--token-spacing-1, 0.25rem); } .usb-notification > .confirmation .single-notification--btn-text, .usb-notification > .confirmation .single-notification--link-text, .usb-notification > .error .single-notification--btn-text, .usb-notification > .error .single-notification--link-text, .usb-notification > .information .single-notification--btn-text, .usb-notification > .information .single-notification--link-text, .usb-notification > .warning .single-notification--btn-text, .usb-notification > .warning .single-notification--link-text { color: var(--notification-message-link-text-color, #235ae4); font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-size: var(--token-font-size-base, 1rem); font-size: var(--token-font-size-sm, 0.875rem); font-weight: var(--token-font-weight-reg, 400); -webkit-text-decoration: underline; text-decoration: underline; line-height: var(--token-line-height-3xl, 1.5); margin: var(--token-spacing-0, 0) var(--token-spacing-1, 0.25rem); } .usb-notification > .confirmation .single-notification--btn-text:hover, .usb-notification > .confirmation .single-notification--link-text:hover, .usb-notification > .error .single-notification--btn-text:hover, .usb-notification > .error .single-notification--link-text:hover, .usb-notification > .information .single-notification--btn-text:hover, .usb-notification > .information .single-notification--link-text:hover, .usb-notification > .warning .single-notification--btn-text:hover, .usb-notification > .warning .single-notification--link-text:hover { -webkit-text-decoration: none; text-decoration: none; } .usb-notification > .confirmation .single-notification--text-end-short, .usb-notification > .error .single-notification--text-end-short, .usb-notification > .information .single-notification--text-end-short, .usb-notification > .warning .single-notification--text-end-short { margin: var(--token-spacing-0, 0) var(--token-spacing-0, 0) var(--token-spacing-0, 0) var(--token-spacing-1, 0.25rem); } .usb-notification > .confirmation .single-notification--link-btn, .usb-notification > .confirmation .single-notification--text, .usb-notification > .error .single-notification--link-btn, .usb-notification > .error .single-notification--text, .usb-notification > .information .single-notification--link-btn, .usb-notification > .information .single-notification--text, .usb-notification > .warning .single-notification--link-btn, .usb-notification > .warning .single-notification--text { -webkit-text-decoration: none; text-decoration: none; color: var(--notification-message-button-background-color, #2d2d3e); font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-size: var(--token-font-size-base, 1rem); line-height: var(--token-line-height-3xl, 1.5); font-size: var(--token-font-size-sm, 0.875rem); font-weight: var(--token-font-weight-reg, 400); } @media (-ms-high-contrast: active), (-ms-high-contrast: none) { .usb-notification > .confirmation .single-notification--link-btn, .usb-notification > .confirmation .single-notification--text, .usb-notification > .error .single-notification--link-btn, .usb-notification > .error .single-notification--text, .usb-notification > .information .single-notification--link-btn, .usb-notification > .information .single-notification--text, .usb-notification > .warning .single-notification--link-btn, .usb-notification > .warning .single-notification--text { margin-left: 12px; } } .usb-notification > .confirmation .single-notification--link-btn:focus, .usb-notification > .confirmation .single-notification--text:focus, .usb-notification > .error .single-notification--link-btn:focus, .usb-notification > .error .single-notification--text:focus, .usb-notification > .information .single-notification--link-btn:focus, .usb-notification > .information .single-notification--text:focus, .usb-notification > .warning .single-notification--link-btn:focus, .usb-notification > .warning .single-notification--text:focus { outline-offset: var(--token-spacing-1, 0.25rem); outline-color: var(--token-text-color-interaction, #235ae4); } .usb-notification > .confirmation .single-notification--btn-wrapper, .usb-notification > .error .single-notification--btn-wrapper, .usb-notification > .information .single-notification--btn-wrapper, .usb-notification > .warning .single-notification--btn-wrapper { display: flex; } .usb-notification > .confirmation #children-notification-children-notification, .usb-notification > .error #children-notification-children-notification, .usb-notification > .information #children-notification-children-notification, .usb-notification > .warning #children-notification-children-notification { padding-top: var(--token-spacing-1, 0.25rem); } .usb-notification > .confirmation #children-notification-children-notification a, .usb-notification > .error #children-notification-children-notification a, .usb-notification > .information #children-notification-children-notification a, .usb-notification > .warning #children-notification-children-notification a { -webkit-text-decoration: underline; text-decoration: underline; } .usb-notification .usb-children-notification { margin-left: var(--token-spacing-8, 2rem); } .usb-notification .usb-children-notification .usb-icon { position: absolute; left: var(--token-spacing-4, 1rem); } .usb-notification .icon { width: var(--token-spacing-5, 1.25rem); height: var(--token-spacing-5, 1.25rem); margin-right: var(--token-spacing-3, 0.75rem); } @media (-ms-high-contrast: active), (-ms-high-contrast: none) { .usb-notification .icon { width: 20px; } } .usb-notification .usb-button.usb-button--close-btn { position: absolute; top: var(--token-spacing-4, 1rem); right: var(--token-spacing-5, 1.25rem); cursor: pointer; padding: var(--token-spacing-0, 0); height: var(--token-spacing-5, 1.25rem); min-height: 0; min-width: 0; width: var(--token-spacing-5, 1.25rem); background: transparent; } .usb-notification .usb-button.usb-button--close-btn .svg-icon svg circle, .usb-notification .usb-button.usb-button--close-btn .svg-icon svg ellipse, .usb-notification .usb-button.usb-button--close-btn .svg-icon svg g, .usb-notification .usb-button.usb-button--close-btn .svg-icon svg path { fill: var(--notification-close-icon-fill-color, #2d2d3e); } .usb-notification .usb-button.usb-button--close-btn:hover { background: transparent; } .usb-notification > .error { border: 1px solid var(--notification-error-border-color, #ffbeb4); border-top: 4px solid var(--notification-error-border-top, #ce2935); background-color: var(--notification-error-background-color, #ffe9ea); box-shadow: var(--token-shadow-sm, 0 1px 3px 0 rgba(0, 0, 0, 0.12)); } .usb-notification > .error .usb-button:hover .svg-icon svg circle, .usb-notification > .error .usb-button:hover .svg-icon svg g, .usb-notification > .error .usb-button:hover .svg-icon svg path, .usb-notification > .error .usb-button:hover .svg-icon svg rect { fill: var(--notification-error-hover-icon-fill-color, #2d2d3e); } .usb-notification > .confirmation { border: 1px solid var(--notification-confirmation-border-color, #a0dcaa); border-top: 4px solid var(--notification-confirmation-border-top, #007d1e); background-color: var(--notification-confirmation-background-color, #e5f8e8); box-shadow: var(--token-shadow-sm, 0 1px 3px 0 rgba(0, 0, 0, 0.12)); } .usb-notification > .confirmation .usb-button:hover .svg-icon svg circle, .usb-notification > .confirmation .usb-button:hover .svg-icon svg g, .usb-notification > .confirmation .usb-button:hover .svg-icon svg path, .usb-notification > .confirmation .usb-button:hover .svg-icon svg rect { fill: var(--notification-confirmation-hover-icon-fill-color, #2d2d3e); } .usb-notification > .warning { border: 1px solid var(--notification-warning-border-color, #ffd589); border-top: 4px solid var(--notification-warning-border-top, #eb5e01); background-color: var(--notification-warning-background-color, #fff4e4); box-shadow: var(--token-shadow-sm, 0 1px 3px 0 rgba(0, 0, 0, 0.12)); } .usb-notification > .warning .svg-icon { transform: rotate(180deg); } .usb-notification > .warning .usb-button:hover .svg-icon svg circle, .usb-notification > .warning .usb-button:hover .svg-icon svg g, .usb-notification > .warning .usb-button:hover .svg-icon svg path, .usb-notification > .warning .usb-button:hover .svg-icon svg rect { fill: var(--notification-warning-hover-icon-fill-color, #2d2d3e); } .usb-notification > .information { box-shadow: var(--token-shadow-sm, 0 1px 3px 0 rgba(0, 0, 0, 0.12)); border: 1px solid var(--notification-information-border-color, #aad2ff); border-top: 4px solid var(--notification-information-border-top, #235ae4); background-color: var(--notification-information-background-color, #eef6ff); } .usb-notification > .information .usb-button:hover .svg-icon svg circle, .usb-notification > .information .usb-button:hover .svg-icon svg g, .usb-notification > .information .usb-button:hover .svg-icon svg path, .usb-notification > .information .usb-button:hover .svg-icon svg rect { fill: var(--notification-information-hover-icon-fill-color, #2d2d3e); } .usb-button { border-radius: var(--button-primary-border-radius, 0.5rem); cursor: pointer; font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-size: var(--button-font-size-default, 0.875rem); font-weight: var(--token-font-weight-med, 500); height: auto; line-height: var(--token-line-height-base, 1); max-width: 100%; outline: transparent; position: relative; transition: color var(--token-timing-fast-ease, 0.1s ease), border var(--token-timing-fast-ease, 0.1s ease); white-space: nowrap; display: inline-flex; flex-direction: row; align-items: center; justify-content: center; gap: var(--token-spacing-2, 0.5rem); -webkit-text-decoration: none; text-decoration: none; } .usb-button, .usb-button * { -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; -webkit-tap-highlight-color: transparent !important; -webkit-focus-ring-color: transparent !important; } .usb-button.button--layout_row { flex-direction: row; } .usb-button.button--layout_column { flex-direction: column; } .usb-button--icon, .usb-button .usb-icon { display: inline-flex; pointer-events: none; vertical-align: bottom; } .usb-button--icon svg, .usb-button .usb-icon svg { fill: currentColor !important; } .usb-button.button--small { min-height: var(--token-spacing-8, 2rem); max-height: var(--token-spacing-8, 2rem); padding: var(--token-spacing-2, 0.5rem) var(--token-spacing-3, 0.75rem); font-size: var(--button-small-font-size, 0.875rem); } .usb-button.button--small--icon-only { padding: var(--token-spacing-2, 0.5rem); width: var(--token-spacing-8, 2rem); } .usb-button.button--small.button--layout_column { gap: var(--token-spacing-1, 0.25rem); max-height: unset; padding: var(--token-spacing-3, 0.75rem) var(--token-spacing-2, 0.5rem); } .usb-button.button--small .usb-button--icon, .usb-button.button--small .usb-button--icon svg, .usb-button.button--small .usb-icon, .usb-button.button--small .usb-icon svg { width: var(--token-spacing-4, 1rem); height: var(--token-spacing-4, 1rem); min-width: var(--token-spacing-4, 1rem); min-height: var(--token-spacing-4, 1rem); max-width: var(--token-spacing-4, 1rem); max-height: var(--token-spacing-4, 1rem); } .usb-button.button--medium { min-height: var(--token-spacing-10, 2.5rem); max-height: var(--token-spacing-10, 2.5rem); line-height: var(--token-line-height-3xl, 1.5); padding: var(--token-spacing-2, 0.5rem) var(--token-spacing-6, 1.5rem); font-size: var(--button-medium-font-size, 1rem); } .usb-button.button--medium--icon-only { padding: var(--token-spacing-2, 0.5rem); width: var(--token-spacing-10, 2.5rem); } .usb-button.button--medium.button--layout_column { gap: var(--token-spacing-1, 0.25rem); max-height: unset; padding: 0.625rem var(--token-spacing-6, 1.5rem); } .usb-button.button--medium .usb-button--icon, .usb-button.button--medium .usb-button--icon svg, .usb-button.button--medium .usb-icon, .usb-button.button--medium .usb-icon svg { width: var(--token-spacing-5, 1.25rem); height: var(--token-spacing-5, 1.25rem); min-width: var(--token-spacing-5, 1.25rem); min-height: var(--token-spacing-5, 1.25rem); max-width: var(--token-spacing-5, 1.25rem); max-height: var(--token-spacing-5, 1.25rem); } .usb-button.button--medium:after { content: ""; position: absolute; top: calc(var(--token-spacing-1, 0.25rem) * -1); bottom: calc(var(--token-spacing-1, 0.25rem) * -1); left: var(--token-spacing-0, 0); right: var(--token-spacing-0, 0); } .usb-button.button--large { font-size: var(--button-large-font-size, 1rem); min-height: var(--token-spacing-12, 3rem); line-height: var(--token-line-height-3xl, 1.5); padding: var(--token-spacing-3, 0.75rem) var(--token-spacing-8, 2rem); } .usb-button.button--large--icon-only { padding: var(--token-spacing-3, 0.75rem); width: var(--token-spacing-12, 3rem); } .usb-button.button--large.button--layout_column { gap: var(--token-spacing-1, 0.25rem); max-height: unset; padding: 0.875rem var(--token-spacing-8, 2rem); } .usb-button.button--large .usb-button--icon, .usb-button.button--large .usb-button--icon svg, .usb-button.button--large .usb-icon, .usb-button.button--large .usb-icon svg { width: var(--token-spacing-5, 1.25rem); height: var(--token-spacing-5, 1.25rem); min-width: var(--token-spacing-5, 1.25rem); min-height: var(--token-spacing-5, 1.25rem); max-width: var(--token-spacing-5, 1.25rem); max-height: var(--token-spacing-5, 1.25rem); } .usb-button.button--highlight { font-family: var(--button-loud-font-family, Circular-USB, Arial, Helvetica, sans-serif); font-weight: var(--button-loud-font-weight, 500); line-height: var(--button-loud-line-height, 1); } .usb-button.button--highlight--heavy { background: var(--button-loud-background-color, #ce2935); border-color: var(--button-loud-border-color, transparent); border-width: var(--button-loud-border-width, 0); border-radius: var(--button-loud-border-radius, 0.5rem); color: var(--button-loud-text-color, #fff); } .usb-button.button--highlight--heavy .svg-icon { color: var(--button-loud-icon-fill-color, #fff); } .usb-button.button--highlight--heavy:hover { background: var(--button-loud-hover-background-color, #9b0a28); color: var(--button-loud-hover-text-color, #fff); border-color: var(--button-loud-hover-border-color, transparent); } .usb-button.button--highlight--heavy:hover .svg-icon { color: var(--button-loud-hover-icon-fill-color, #fff); } .usb-button.button--highlight--heavy:active { background: var(--button-loud-active-background-color, #6f0303); color: var(--button-loud-active-text-color, hsla(0, 0%, 100%, 0.78)); border-color: var(--button-loud-active-border-color, transparent); } .usb-button.button--highlight--heavy:active .svg-icon { color: var(--button-loud-active-icon-fill-color, hsla(0, 0%, 100%, 0.78)); } .usb-button.button--highlight--subtle { background: var(--button-text-background-color, transparent); border: var(--button-secondary-border-width, 1px) solid var(--button-loud-background-color, #ce2935); border-radius: var(--button-loud-border-radius, 0.5rem); } .usb-button.button--highlight--subtle, .usb-button.button--highlight--subtle .svg-icon { color: var(--button-loud-background-color, #ce2935); } .usb-button.button--highlight--subtle:hover { background: var(--button-loud-hover-background-color, #9b0a28); color: var(--button-loud-hover-text-color, #fff); } .usb-button.button--highlight--subtle:hover .svg-icon { color: var(--button-loud-hover-icon-fill-color, #fff); } .usb-button.button--highlight--subtle:active { background: var(--button-loud-active-background-color, #6f0303); color: var(--button-loud-active-text-color, hsla(0, 0%, 100%, 0.78)); } .usb-button.button--highlight--subtle:active .svg-icon { color: var(--button-loud-active-icon-fill-color, hsla(0, 0%, 100%, 0.78)); } .usb-button.button--highlight--minimal { background: var(--button-text-background-color, transparent); border-color: var(--button-text-border-color, transparent); border-width: var(--button-text-border-width, 0); border-radius: var(--button-text-border-radius, 0.5rem); } .usb-button.button--highlight--minimal, .usb-button.button--highlight--minimal .svg-icon { color: var(--button-loud-background-color, #ce2935); } .usb-button.button--highlight--minimal:hover { background: var(--button-loud-hover-background-color, #9b0a28); color: var(--button-loud-hover-text-color, #fff); } .usb-button.button--highlight--minimal:hover .svg-icon { color: var(--button-loud-hover-icon-fill-color, #fff); } .usb-button.button--highlight--minimal:active { background: var(--button-loud-active-background-color, #6f0303); color: var(--button-loud-active-text-color, hsla(0, 0%, 100%, 0.78)); } .usb-button.button--highlight--minimal:active .svg-icon { color: var(--button-loud-active-icon-fill-color, hsla(0, 0%, 100%, 0.78)); } @media (hover: none) and (pointer: coarse) { .usb-button.button--highlight { background: var(--button-loud-background-color, #ce2935); border: none; } .usb-button.button--highlight, .usb-button.button--highlight .svg-icon { color: var(--button-loud-text-color, #fff); } .usb-button.button--highlight:focus, .usb-button.button--highlight:hover { background: var(--button-loud-background-color, #ce2935); color: var(--button-loud-text-color, #fff); border: none; } .usb-button.button--highlight:focus .svg-icon, .usb-button.button--highlight:hover .svg-icon { color: var(--button-loud-text-color, #fff); } .usb-button.button--highlight:focus:before, .usb-button.button--highlight:hover:before { border: 2px solid var(--token-border-focus, #235ae4); border-radius: var(--button-primary-border-radius, 0.5rem); content: ""; height: calc(100% + var(--token-spacing-3, 0.75rem)); position: absolute; left: -0.375rem; top: -0.375rem; width: calc(100% + var(--token-spacing-3, 0.75rem)); } .usb-button.button--highlight:active { background: var(--button-loud-active-background-color, #6f0303); border: none; } .usb-button.button--highlight:active, .usb-button.button--highlight:active .svg-icon { color: var(--token-text-color-interaction-active, hsla(0, 0%, 100%, 0.78)); } } .usb-button.button--standard--heavy { border-radius: var(--button-primary-border-radius, 0.5rem); font-family: var(--button-primary-font-family, Circular-USB, Arial, Helvetica, sans-serif); font-weight: var(--button-primary-font-weight, 500); line-height: var(--button-primary-line-height, 1); background: var(--button-primary-background-color, #235ae4); border-color: var(--button-primary-border-color, transparent); border-width: var(--button-primary-border-width, 0); color: var(--button-primary-text-color, #fff); } .usb-button.button--standard--heavy .svg-icon { color: var(--button-primary-icon-fill-color, #fff); } .usb-button.button--standard--heavy:hover { border-color: var(--button-primary-hover-border-color, transparent); background: var(--button-primary-hover-background-color, #003cc8); } .usb-button.button--standard--heavy:active { border-color: var(--button-primary-active-border-color, transparent); background: var(--button-primary-active-background-color, #001e79); } .usb-button.button--standard--subtle { background: var(--button-text-background-color, transparent); border: var(--button-secondary-border-width, 1px) solid var(--button-secondary-border-color, #235ae4); color: var(--button-secondary-text-color, #235ae4); } .usb-button.button--standard--subtle .svg-icon { color: var(--button-secondary-icon-fill-color, #235ae4); } .usb-button.button--standard--subtle:hover { background: var(--button-primary-hover-background-color, #003cc8); color: var(--button-primary-hover-text-color, #fff); } .usb-button.button--standard--subtle:hover .svg-icon { color: var(--button-primary-hover-icon-fill-color, #fff); } .usb-button.button--standard--subtle:active { background: var(--button-primary-active-background-color, #001e79); color: var(--button-primary-active-text-color, hsla(0, 0%, 100%, 0.78)); } .usb-button.button--standard--subtle:active .svg-icon { color: var(--button-primary-active-icon-fill-color, hsla(0, 0%, 100%, 0.78)); } .usb-button.button--standard--minimal { background: var(--button-text-background-color, transparent); border-color: var(--button-text-border-color, transparent); border-width: var(--button-text-border-width, 0); border-radius: var(--button-text-border-radius, 0.5rem); color: var(--button-text-text-color, #235ae4); } .usb-button.button--standard--minimal .svg-icon { color: var(--button-secondary-icon-fill-color, #235ae4); } .usb-button.button--standard--minimal:hover { background: var(--button-text-hover-background-color, #003cc8); color: var(--button-text-hover-text-color, #fff); -webkit-text-decoration: var(--button-text-hover-text-decoration, none); text-decoration: var(--button-text-hover-text-decoration, none); } .usb-button.button--standard--minimal:hover .svg-icon { color: var(--button-text-hover-icon-fill-color, #fff); } .usb-button.button--standard--minimal:active { background: var(--button-text-active-background-color, #001e79); color: var(--button-text-active-text-color, hsla(0, 0%, 100%, 0.78)); } .usb-button.button--standard--minimal:active .svg-icon { color: var(--button-text-active-icon-fill-color, hsla(0, 0%, 100%, 0.78)); } @media (hover: none) and (pointer: coarse) { .usb-button.button--standard--minimal { background: var(--button-text-background-color, transparent); border: none; } .usb-button.button--standard--minimal, .usb-button.button--standard--minimal .svg-icon { color: var(--button-text-text-color, #235ae4); } .usb-button.button--standard--minimal:focus, .usb-button.button--standard--minimal:hover { background: var(--button-text-background-color, transparent); color: var(--button-text-text-color, #235ae4); border: none; } .usb-button.button--standard--minimal:focus .svg-icon, .usb-button.button--standard--minimal:hover .svg-icon { color: var(--button-text-text-color, #235ae4); } .usb-button.button--standard--minimal:focus:before, .usb-button.button--standard--minimal:hover:before { border: 2px solid var(--token-border-focus, #235ae4); border-radius: var(--button-primary-border-radius, 0.5rem); content: ""; height: calc(100% + var(--token-spacing-3, 0.75rem)); position: absolute; left: -0.375rem; top: -0.375rem; width: calc(100% + var(--token-spacing-3, 0.75rem)); } .usb-button.button--standard--minimal:active { background: var(--button-text-active-background-color, #001e79); border: none; } .usb-button.button--standard--minimal:active, .usb-button.button--standard--minimal:active .svg-icon { color: var(--token-text-color-interaction-active, hsla(0, 0%, 100%, 0.78)); } } @media (hover: none) and (pointer: coarse) { .usb-button.button--standard { background: var(--button-primary-background-color, #235ae4); border: none; } .usb-button.button--standard, .usb-button.button--standard .svg-icon { color: var(--button-primary-text-color, #fff); } .usb-button.button--standard:focus, .usb-button.button--standard:hover { background: var(--button-primary-background-color, #235ae4); color: var(--button-primary-text-color, #fff); border: none; } .usb-button.button--standard:focus .svg-icon, .usb-button.button--standard:hover .svg-icon { color: var(--button-primary-text-color, #fff); } .usb-button.button--standard:focus:before, .usb-button.button--standard:hover:before { border: 2px solid var(--token-border-focus, #235ae4); border-radius: var(--button-primary-border-radius, 0.5rem); content: ""; height: calc(100% + var(--token-spacing-3, 0.75rem)); position: absolute; left: -0.375rem; top: -0.375rem; width: calc(100% + var(--token-spacing-3, 0.75rem)); } .usb-button.button--standard:active { background: var(--button-primary-active-background-color, #001e79); border: none; } .usb-button.button--standard:active, .usb-button.button--standard:active .svg-icon { color: var(--token-text-color-interaction-active, hsla(0, 0%, 100%, 0.78)); } } .usb-button.button--secondary { background: var(--button-secondary-background-color, transparent); border-width: var(--button-secondary-border-width, 1px); border-color: var(--button-secondary-border-color, #235ae4); border-radius: var(--button-secondary-border-radius, 0.5rem); color: var(--button-secondary-text-color, #235ae4); font-family: var(--button-secondary-font-family, Circular-USB, Arial, Helvetica, sans-serif); font-weight: var(--button-secondary-font-weight, 500); line-height: var(--button-secondary-line-height, 1); transition: margin var(--token-timing-fast-ease, 0.1s ease); } .usb-button.button--secondary .svg-icon { color: var(--button-secondary-icon-fill-color, #235ae4); } .usb-button.button--secondary:hover { background: var(--button-secondary-hover-background-color, #003cc8); border: var(--button-secondary-hover-border-width, 1px) solid var(--button-secondary-hover-active-border-color, #001e79); color: var(--button-secondary-hover-text-color, #fff); } .usb-button.button--secondary:hover .svg-icon { color: var(--button-secondary-hover-icon-fill-color, #fff); } .usb-button.button--secondary:active { background: var(--button-secondary-active-background-color, #001e79); color: var(--button-secondary-active-text-color, hsla(0, 0%, 100%, 0.78)); } .usb-button.button--secondary:active .svg-icon { color: var(--button-secondary-hover-icon-fill-color, #fff); } @media (hover: none) and (pointer: coarse) { .usb-button.button--secondary { background: var(--button-secondary-background-color, transparent); border: var(--button-secondary-border-width, 1px) solid var(--button-secondary-border-color, #235ae4); } .usb-button.button--secondary, .usb-button.button--secondary .svg-icon { color: var(--button-secondary-text-color, #235ae4); } .usb-button.button--secondary:focus, .usb-button.button--secondary:hover { background: var(--button-secondary-background-color, transparent); color: var(--button-secondary-text-color, #235ae4); border: var(--button-secondary-border-width, 1px) solid var(--button-secondary-border-color, #235ae4); } .usb-button.button--secondary:focus .svg-icon, .usb-button.button--secondary:hover .svg-icon { color: var(--button-secondary-text-color, #235ae4); } .usb-button.button--secondary:focus:before, .usb-button.button--secondary:hover:before { border: 2px solid var(--token-border-focus, #235ae4); border-radius: var(--button-primary-border-radius, 0.5rem); content: ""; height: calc(100% + var(--token-spacing-3, 0.75rem)); position: absolute; left: -0.375rem; top: -0.375rem; width: calc(100% + var(--token-spacing-3, 0.75rem)); } .usb-button.button--secondary:active { background: var(--button-secondary-active-background-color, #001e79); border: var(--button-secondary-border-width, 1px) solid var(--button-secondary-border-color, #235ae4); } .usb-button.button--secondary:active, .usb-button.button--secondary:active .svg-icon { color: var(--token-text-color-interaction-active, hsla(0, 0%, 100%, 0.78)); } } .usb-button.button--utility { font-family: var(--button-utility-font-family, Circular-USB, Arial, Helvetica, sans-serif); font-weight: var(--button-utility-font-weight, 500); line-height: var(--button-utility-line-height, 1); transition: margin var(--token-timing-fast-ease, 0.1s ease); } .usb-button.button--utility--heavy { background: var(--button-utility-border-color, #484861); border-color: var(--button-utility-border-color, #484861); border-width: var(--button-utility-border-width, 1px); border-radius: var(--button-utility-border-radius, 0.5rem); } .usb-button.button--utility--heavy, .usb-button.button--utility--heavy .svg-icon { color: var(--button-loud-text-color, #fff); } .usb-button.button--utility--heavy:hover { background: var(--button-text-background-color, transparent); border: var(--button-secondary-border-width, 1px) solid var(--button-utility-border-color, #484861); border-radius: var(--button-secondary-border-radius, 0.5rem); } .usb-button.button--utility--heavy:hover, .usb-button.button--utility--heavy:hover .svg-icon, .usb-button.button--utility--subtle { color: var(--button-utility-border-color, #484861); } .usb-button.button--utility--subtle { background: var(--button-text-background-color, transparent); border: var(--button-secondary-border-width, 1px) solid var(--button-utility-border-color, #484861); border-radius: var(--button-secondary-border-radius, 0.5rem); } .usb-button.button--utility--subtle .svg-icon { color: var(--button-utility-border-color, #484861); } .usb-button.button--utility--subtle:hover { background: var(--button-utility-border-color, #484861); color: var(--button-loud-hover-text-color, #fff); } .usb-button.button--utility--subtle:hover .svg-icon { color: var(--button-loud-hover-icon-fill-color, #fff); } .usb-button.button--utility--subtle:active { background: var(--button-loud-active-background-color, #6f0303); color: var(--button-loud-active-text-color, hsla(0, 0%, 100%, 0.78)); } .usb-button.button--utility--subtle:active .svg-icon { color: var(--button-loud-active-icon-fill-color, hsla(0, 0%, 100%, 0.78)); } .usb-button.button--utility--minimal { background: var(--button-text-background-color, transparent); border: var(--button-text-border-color, transparent) solid var(--button-secondary-border-width, 1px); border-radius: var(--button-utility-border-radius, 0.5rem); } .usb-button.button--utility--minimal, .usb-button.button--utility--minimal .svg-icon { color: var(--button-utility-border-color, #484861); } .usb-button.button--utility--minimal:hover { background: var(--button-utility-hover-background-color, #7a7a95); color: var(--button-utility-hover-text-color, #fff); } .usb-button.button--utility--minimal:hover .svg-icon { color: var(--button-utility-hover-icon-fill-color, #fff); } .usb-button.button--utility--minimal:active { background: var(--button-utility-active-background-color, #484861); color: var(--button-utility-active-text-color, hsla(0, 0%, 100%, 0.78)); } .usb-button.button--utility--minimal:active .svg-icon { color: var(--button-utility-active-icon-fill-color, hsla(0, 0%, 100%, 0.78)); } .usb-button.button--utility.button--large--icon-only, .usb-button.button--utility.button--medium--icon-only, .usb-button.button--utility.button--small--icon-only { border: none; } .usb-button.button--utility .svg-icon { color: var(--button-utility-icon-fill-color, #484861); } .usb-button.button--utility:hover { background: var(--button-utility-hover-background-color, #7a7a95); border: none; color: var(--button-utility-hover-text-color, #fff); padding: calc(var(--token-spacing-3, 0.75rem) + 1px) calc(var(--token-spacing-6, 1.5rem) + 1px); } .usb-button.button--utility:hover.button--large { padding: calc(var(--token-spacing-4, 1rem) + 1px) calc(var(--token-spacing-8, 2rem) + 1px); } .usb-button.button--utility:hover.button--small { padding: calc(var(--token-spacing-2, 0.5rem) + 1px) calc(var(--token-spacing-5, 1.25rem) + 1px); padding-left: calc(0.75rem + 1px); padding-right: calc(0.75rem + 1px); } .usb-button.button--utility:hover.button--small.button--small--icon-only { padding: var(--token-spacing-2, 0.5rem); } .usb-button.button--utility:hover.button--medium { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); } .usb-button.button--utility:hover.button--medium.button--medium--icon-only { padding: var(--token-spacing-2, 0.5rem); } .usb-button.button--utility:hover.button--large { padding-top: calc(0.75rem + 1px); padding-bottom: calc(0.7rem + 1px); } .usb-button.button--utility:hover.button--large.button--large--icon-only { padding: var(--token-spacing-3, 0.75rem); } .usb-button.button--utility:hover .svg-icon { color: var(--button-utility-hover-icon-fill-color, #fff); } .usb-button.button--utility:active { background: var(--button-utility-active-background-color, #484861); } .usb-button.button--utility:active, .usb-button.button--utility:active .svg-icon { color: var(--token-text-color-interaction-active, hsla(0, 0%, 100%, 0.78)); } @media (hover: none) and (pointer: coarse) { .usb-button.button--utility { background: var(--button-utility-background-color, #fff); border: var(--button-utility-hover-border-width, 0) solid var(--button-utility-hover-border-color, #7a7a95); } .usb-button.button--utility, .usb-button.button--utility .svg-icon { color: var(--button-utility-text-color, #484861); } .usb-button.button--utility:focus, .usb-button.button--utility:hover { background: var(--button-utility-background-color, #fff); color: var(--button-utility-text-color, #484861); border: var(--button-utility-hover-border-width, 0) solid var(--button-utility-hover-border-color, #7a7a95); } .usb-button.button--utility:focus .svg-icon, .usb-button.button--utility:hover .svg-icon { color: var(--button-utility-text-color, #484861); } .usb-button.button--utility:focus:before, .usb-button.button--utility:hover:before { border: 2px solid var(--token-border-focus, #235ae4); border-radius: var(--button-primary-border-radius, 0.5rem); content: ""; height: calc(100% + var(--token-spacing-3, 0.75rem)); position: absolute; left: -0.375rem; top: -0.375rem; width: calc(100% + var(--token-spacing-3, 0.75rem)); } .usb-button.button--utility:active { background: var(--button-utility-active-background-color, #484861); border: var(--button-utility-hover-border-width, 0) solid var(--button-utility-hover-border-color, #7a7a95); color: var(--token-text-color-interaction-active, hsla(0, 0%, 100%, 0.78)); padding: calc(var(--token-spacing-3, 0.75rem) + 1px) calc(var(--token-spacing-6, 1.5rem) + 1px); } .usb-button.button--utility:active.button--large { padding: calc(var(--token-spacing-4, 1rem) + 1px) calc(var(--token-spacing-8, 2rem) + 1px); } .usb-button.button--utility:active.button--small { padding: calc(var(--token-spacing-2, 0.5rem) + 1px) calc(var(--token-spacing-5, 1.25rem) + 1px); } .usb-button.button--utility:active .svg-icon { color: var(--token-text-color-interaction-active, hsla(0, 0%, 100%, 0.78)); } } .usb-button.button--text { background: var(--button-text-background-color, transparent); border-color: var(--button-text-border-color, transparent); border-width: var(--button-text-border-width, 0); border-radius: var(--button-text-border-radius, 0.5rem); color: var(--button-text-text-color, #235ae4); font-family: var(--button-text-font-family, Circular-USB, Arial, Helvetica, sans-serif); font-weight: var(--button-text-font-weight, 500); line-height: var(--button-text-line-height, 1); } .usb-button.button--text .svg-icon { color: var(--button-text-icon-fill-color, #235ae4); } .usb-button.button--text:hover { background: var(--button-text-hover-background-color, #003cc8); color: var(--button-text-hover-text-color, #fff); -webkit-text-decoration: var(--button-text-hover-text-decoration, none); text-decoration: var(--button-text-hover-text-decoration, none); } .usb-button.button--text:hover .svg-icon { color: var(--button-text-hover-icon-fill-color, #fff); } .usb-button.button--text:active { background: var(--button-text-active-background-color, #001e79); color: var(--button-text-active-text-color, hsla(0, 0%, 100%, 0.78)); } .usb-button.button--text:active .svg-icon { color: var(--button-text-active-icon-fill-color, hsla(0, 0%, 100%, 0.78)); } @media (hover: none) and (pointer: coarse) { .usb-button.button--text { background: var(--button-text-background-color, transparent); border: none; } .usb-button.button--text, .usb-button.button--text .svg-icon { color: var(--button-text-text-color, #235ae4); } .usb-button.button--text:focus, .usb-button.button--text:hover { background: var(--button-text-background-color, transparent); color: var(--button-text-text-color, #235ae4); border: none; } .usb-button.button--text:focus .svg-icon, .usb-button.button--text:hover .svg-icon { color: var(--button-text-text-color, #235ae4); } .usb-button.button--text:focus:before, .usb-button.button--text:hover:before { border: 2px solid var(--token-border-focus, #235ae4); border-radius: var(--button-primary-border-radius, 0.5rem); content: ""; height: calc(100% + var(--token-spacing-3, 0.75rem)); position: absolute; left: -0.375rem; top: -0.375rem; width: calc(100% + var(--token-spacing-3, 0.75rem)); } .usb-button.button--text:active { background: var(--button-text-active-background-color, #001e79); border: none; } .usb-button.button--text:active, .usb-button.button--text:active .svg-icon { color: var(--token-text-color-interaction-active, hsla(0, 0%, 100%, 0.78)); } } .usb-button.button--naked { line-height: var(--token-line-height-base, 1); } .usb-button.button--naked, .usb-button.button--naked:hover { background: var(--token-background-transparent, transparent); border: 0 var(--token-border-transparent, transparent); color: inherit; } .usb-button.button--naked .usb-icon { margin-right: var(--token-spacing-1, 0.25rem); } .usb-button.button--naked .usb-icon svg { fill: currentColor; } @media (hover: none) and (pointer: coarse) { .usb-button.button--naked, .usb-button.button--naked:hover { background: var(--token-background-transparent, transparent); color: inherit; } } .usb-button:focus:before { border: 2px solid var(--token-border-focus, #235ae4); border-radius: var(--button-primary-border-radius, 0.5rem); content: ""; height: calc(100% + var(--token-spacing-3, 0.75rem)); position: absolute; left: -0.375rem; top: -0.375rem; width: calc(100% + var(--token-spacing-3, 0.75rem)); } .usb-button:disabled, .usb-button[aria-disabled=true] { background: var(--token-disabled-background, rgba(205, 209, 226, 0.4)) !important; cursor: not-allowed !important; border-color: var(--token-border-transparent, transparent) !important; } .usb-button:disabled, .usb-button:disabled .svg-icon, .usb-button[aria-disabled=true], .usb-button[aria-disabled=true] .svg-icon { color: var(--token-disabled-foreground, #7a7a95) !important; } @media (hover: none) and (pointer: coarse) { .usb-button:disabled, .usb-button:disabled:focus, .usb-button:disabled:hover, .usb-button[aria-disabled=true], .usb-button[aria-disabled=true]:focus, .usb-button[aria-disabled=true]:hover { background: var(--token-disabled-background, rgba(205, 209, 226, 0.4)); color: var(--token-disabled-foreground, #7a7a95); } .usb-button:disabled:focus:before, .usb-button:disabled:hover:before, .usb-button[aria-disabled=true]:focus:before, .usb-button[aria-disabled=true]:hover:before { border-color: var(--token-border-transparent, transparent); } } .svg-icon { max-width: 100%; display: inline; } .svg-icon svg.single circle, .svg-icon svg.single ellipse, .svg-icon svg.single g, .svg-icon svg.single path { fill: inherit; transition: fill 0.1s ease; } .svg-icon.v-align-middle { display: inline-block; } .svg-icon.v-align-middle svg { vertical-align: middle; } .svg-icon.block { display: block; } .svg-icon.default { color: var(--icon-default-text-color, #7a7a95); fill: var(--icon-default-fill-color, #484861); } .svg-icon.light { color: var(--icon-light-text-color, #fff); fill: var(--icon-light-fill-color, #fff); } .svg-icon.brand-primary { color: var(--icon-brand-primary-text-color, #001e79); fill: var(--icon-brand-primary-fill-color, #001e79); } .svg-icon.brand-secondary { color: var(--icon-brand-secondary-text-color, #7a7a95); fill: var(--icon-brand-secondary-fill-color, #7a7a95); } .svg-icon.interaction { color: var(--icon-interaction-text-color, #235ae4); fill: var(--icon-interaction-fill-color, #235ae4); } .svg-icon.error { color: var(--icon-error-text-color, #ce2935); fill: var(--icon-error-fill-color, #ce2935); } .svg-icon.warning { color: var(--icon-warning-text-color, #eb5e01); fill: var(--icon-warning-fill-color, #eb5e01); } .svg-icon.success { color: var(--icon-success-text-color, #007d1e); fill: var(--icon-success-fill-color, #007d1e); } .svg-icon.neutral { color: var(--icon-neutral-msg-text-color, #235ae4); fill: var(--icon-neutral-msg-fill-color, #235ae4); } .svg-icon.grey10 { color: var(--icon-neutral-1-text-color, #f1f5fb); fill: var(--icon-neutral-1-fill-color, #f1f5fb); } .svg-icon.grey20 { color: var(--icon-neutral-2-text-color, #ebeff6); fill: var(--icon-neutral-2-fill-color, #ebeff6); } .svg-icon.grey30 { color: var(--icon-neutral-3-text-color, #cdd1e2); fill: var(--icon-neutral-3-fill-color, #cdd1e2); } .svg-icon.grey60 { color: var(--icon-neutral-4-text-color, #7a7a95); fill: var(--icon-neutral-4-fill-color, #7a7a95); } .svg-icon.grey70 { color: var(--icon-neutral-5-text-color, #63637f); fill: var(--icon-neutral-5-fill-color, #63637f); } .svg-icon.grey80 { color: var(--icon-neutral-6-text-color, #484861); fill: var(--icon-neutral-6-fill-color, #484861); } .svg-icon.grey90 { color: var(--icon-neutral-7-text-color, #2d2d3e); fill: var(--icon-neutral-7-fill-color, #2d2d3e); } /*!*******************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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/@usb-wealthmanagement-npb/smart-grid/dist/styles/index.css?ngGlobalStyle ***! \*******************************************************************************************************************************************************************************************************************************************************************************/ .smartgrid-wrapper div, .smartgrid-wrapper p, .smartgrid-wrapper li, .smartgrid-wrapper a, .smartgrid-wrapper span, .smartgrid-wrapper button, .smartgrid-wrapper label, .smartgrid-wrapper ul { font-size: 0.88rem; } .smartgrid-wrapper .scroll-left { border-left: 2px solid; border-image: linear-gradient(to right, black 50%, transparent) 1; /* Apply gradient only to the left border */ border-radius: 5px; position: relative; /* Ensure the pseudo-elements are positioned relative to this element */ } .smartgrid-wrapper .scroll-left::before, .smartgrid-wrapper .scroll-left::after { content: ""; position: absolute; top: 0; bottom: 0; width: 10px; /* Adjust the width as needed */ pointer-events: none; /* Ensure the pseudo-elements don't interfere with scrolling */ } .smartgrid-wrapper .scroll-left::before { left: 0; background: linear-gradient(to right, black, transparent); } .smartgrid-wrapper .scroll-right { border-left: 2px solid; border-image: linear-gradient(to right, black 50%, transparent) 1; /* Apply gradient only to the left border */ border-radius: 5px; position: relative; /* Ensure the pseudo-elements are positioned relative to this element */ } .smartgrid-wrapper .scroll-right::before, .smartgrid-wrapper .scroll-right::after { content: ""; position: absolute; top: 0; bottom: 0; width: 10px; /* Adjust the width as needed */ pointer-events: none; /* Ensure the pseudo-elements don't interfere with scrolling */ } .smartgrid-wrapper .scroll-right::after { right: 0; background: linear-gradient(to left, black, transparent); } @media screen and (max-width: 899px) { .smartgrid-wrapper { overflow-x: auto; } } .smart-grid-header-main { position: sticky; top: -1px; z-index: 1; background-color: #fff; color: #fff; display: flex; border-bottom: solid 1px #ccc; width: 100%; border-top-left-radius: 10px; border-top-right-radius: 10px; } .smart-grid-header-item-main { margin-right: 0px; color: #fff; background-color: #0c2074; flex: 1; padding: 10px 2px 10px 10px !important; border-right: solid 1px #fff; letter-spacing: 0.33px; min-width: 100px; } .smart-grid-header-item-main span { color: #fff !important; } .smart-grid-header-item-main:focus, .smart-grid-header-item-main:hover { text-decoration: underline; } .smart-grid-header-item-main:last-child { margin-right: 0px; } .smart-grid-header-item-main:first-child { border-top-left-radius: 10px; } .smart-grid-header-item-main:last-child { border-top-right-radius: 10px; min-width: min-content; border-right: 1px solid #0c2074; } .smart-grid-header-item { display: flex; align-items: center; } .smart-grid-filter-main { display: flex; align-items: center; border-bottom: solid 1px #ccc; width: 100%; padding: 2px; background-color: #f2f2f5; } .smart-grid-filter-item { flex: 1; padding: 4px; margin: 0px !important; min-width: 100px; display: flex; } .smart-grid-filter-item input { border-radius: 5px; margin: 10px 10px 0px 10px; } .smart-grid-filter-item .usb-button-with-icon { width: 100% !important; } .smart-grid-content-row { display: flex; align-items: baseline; border-bottom: solid 1px #ccc; width: 100%; letter-spacing: 0.33px; } .smart-grid-content-row:nth-child(even) { background-color: rgba(242, 242, 245, 0.2784313725); } .smart-grid-content-row-item { flex: 1; padding: 10px; text-align: center; width: 10px; word-wrap: break-word; display: flex; align-items: baseline; justify-content: flex-start; } .filter-options-main { font-size: 14px; background-color: white; border: solid 1px #ccc; position: absolute; width: min-content; top: 100%; height: min-content; list-style: none; z-index: 99; max-height: 80vh; overflow-y: auto; } .filter-options-main ul { padding: 0px; margin: 0px; } .filter-options-main li { padding: 0px 10px 0px 10px; cursor: pointer; display: inline-block; width: 100%; border-bottom: solid 1px #ccc; } .filter-options-main li:first-child { border-bottom: solid 2px #a39898 !important; } .filter-options-main .usb--checkbox-wrapper:last-child { margin-bottom: 0px !important; } .filter-options-main .usb--checkbox-wrapper { border-bottom: none !important; padding: 10px 0px !important; } .filter-options-main .calender-wrapper { width: max-content; display: flex; padding: 5px; } .filter-options-main .calender-wrapper .usb--wrapper { border: 2px solid black; border-radius: 4px; } .filter-options-main .calender-wrapper .usb--basic-input.input__date-picker { border: none; } .filter-options-main .calender-wrapper .usb-calendar { position: sticky; } .smart-grid-content-min-height { min-height: 550px; } @media screen and (min-width: 320px) and (max-width: 670px) { .smart-grid-content-min-height { min-height: 600px; } } .no-results-msg { margin-top: 10px; height: 50px; background-color: #fff; padding: 1%; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; font-size: 24px !important; font-weight: 400; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 0px; text-align: center; color: #555; } .usb-button-with-icon span.filtered-text-button { color: #39bf71 !important; } .smart-grid-header-item-main.illustrationDate:hover, .smart-grid-header-item-main.startApp:hover, .smart-grid-header-item-main.illustrationDate:focus, .smart-grid-header-item-main.startApp:focus { text-decoration: none !important; } .illustrationDate .pdf-link { text-align: start !important; } .usb--wrapper.filter-column-input-text, .usb--wrapper.filter-column-input-text.is-focused { margin: auto !important; width: 90% !important; } .usb--wrapper.filter-column-input-text.is-focused, .usb--wrapper.filter-column-input-text.is-focused.is-focused { margin-bottom: 10px !important; } .usb--wrapper.filter-column-input-text .usb--basic-input, .usb--wrapper.filter-column-input-text.is-focused .usb--basic-input { height: 20px; } .usb--wrapper.filter-column-input-text.is-focused { top: 5px !important; } .usb--wrapper.filter-column-input { margin-left: 5px; margin-right: 5px; } .usb--wrapper.filter-column-input .usb--basic-input { width: 90% !important; } .smart-grid-header-item-main button:focus-visible { outline: 2px solid #235ae4 !important; outline-offset: -3px !important; border: none !important; border-radius: 5pt !important; } .smartgrid-tooltip { opacity: 1; z-index: 101 !important; } .smartgrid-tooltip p { margin-bottom: 0px; } .smartgrid-tooltip .tooltip__content { border-top: solid 1px #fff; z-index: 101 !important; min-width: 75vh; padding: 1rem; } .smartgrid-tooltip .tooltip__content p { font-size: 0.875rem; font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif !important; } .smartgrid-tooltip .tooltip__trigger { width: auto; height: auto; padding: 1px; } .smart-grid-header-fixed { position: sticky; z-index: 99; top: -1px; } .grid-container { padding: 20px; width: 100%; } .application-top { display: flex; align-items: center; justify-content: space-between; padding: 10px; border: solid 1px #ccc; border-radius: 10px; margin: 20px; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08); } @media screen and (min-width: 0px) and (max-width: 320px) { .application-top { display: block; width: -webkit-fill-available; margin: 15px; } } @media screen and (min-width: 321px) and (max-width: 600px) { .application-top { display: grid; justify-content: space-around; } } @media screen and (min-width: 601px) and (max-width: 1054px) { .application-top { display: grid; width: -webkit-fill-available; align-self: flex-start; gap: 15px; } } @media screen and (min-width: 1100px) { .application-top { padding: 30px; } } .smart-grid-main { position: relative; display: grid; width: 100%; height: auto; overflow: auto; border: 1px solid #636466; border-top-left-radius: 12px; border-top-right-radius: 12px; } .smart-grid-content-main { height: 600px; overflow-y: auto; } .startApp.smart-grid-content-row-item { display: flex !important; align-items: center !important; justify-content: center !important; width: 100%; height: 100%; padding: 10px; text-align: center; } .all-dates-format-heading-main { display: flex; width: 100%; align-items: center; justify-content: space-between; margin-bottom: 10px; } .all-dates-format-heading-left-right { display: flex; width: 100%; align-items: center; border-top: 2px solid #ccc; } .all-dates-format-heading-center { color: #000; line-height: 16px; font-size: 14px; font-weight: 400; display: flex; width: -moz-fit-content; width: fit-content; min-width: 400px; align-items: center; justify-content: center; } @media screen and (min-width: 320px) and (max-width: 750px) { .all-dates-format-heading-center { font-size: 12px; min-width: 300px; margin: auto; } } .all-dates-format-heading-left-right { display: flex; width: 100%; align-items: center; border-top: 2px solid #ccc; } @media screen and (min-width: 320px) and (max-width: 750px) { .all-dates-format-heading-left-right { display: none; } } .pagination-main .usb-button, .pagination-main .usb-button.button--standard--subtle { border-radius: 0px !important; border: solid 1px #555 !important; } .pagination-main .usb-button.button--standard--subtle:hover { background-color: #fff !important; color: transparent !important; } .pagination-main .usb-button.button--standard--subtle[aria-disabled=true]:hover { background-color: #ccccd2 !important; color: transparent !important; } @media screen and (min-width: 320px) and (max-width: 750px) { .pagination-main { flex-direction: column; gap: 10px; } } .pagination-button { display: flex; padding: 9px 14px; border: solid 1px #555; background-color: #fff; padding: 12px !important; border-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-bottom-left-radius: 0px !important; } .pagination-button img { height: 20px; width: 20px; } @media screen and (min-width: 320px) and (max-width: 750px) { .pagination-button { padding: 7px 7px; } } .pagination-button:disabled { background-color: #ccc !important; border: solid 1px #555 !important; color: #ccc !important; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-bottom-left-radius: 0px !important; } .pagination-main { height: auto !important; } @media screen and (min-width: 320px) and (max-width: 750px) { .pagination-main > .usb-dropdown { margin-left: 0; } } .pagination-main .pagination-button:first-of-type { border-top-left-radius: 5px !important; border-bottom-left-radius: 5px !important; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; border-right: none !important; border: solid 1px #555; } .pagination-main .pagination-button:last-of-type { border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-top-left-radius: 0px !important; border-bottom-left-radius: 0px !important; border-left: none !important; border: solid 1px #555; } .pagination-main .usb-dropdown .dropdown__btn.subtle { border: solid 1px #555 !important; } .page-summary-labael { width: 100%; padding: 7px 20px; display: flex; align-items: center; border-top: solid 1px #555; border-bottom: solid 1px #555; } @media screen and (min-width: 768px) and (max-width: 1024px) { .page-summary-labael { padding: 7px 2px; } } @media screen and (min-width: 320px) and (max-width: 750px) { .page-summary-labael { padding: 5px; } } @media screen and (min-width: 320px) and (max-width: 750px) { .page-summary-labael { padding: 5px !important; min-width: 92px !important; text-align: center !important; display: flex !important; justify-content: center !important; font-size: 14px !important; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .page-summary-labael { padding: 7px 2px !important; min-width: 100px !important; display: flex !important; justify-content: center !important; } } .column-config-wrapper { display: flex; align-items: center; justify-content: flex-start; } @media screen and (min-width: 320px) and (max-width: 750px) { .column-config-wrapper { flex-direction: column; gap: 10px; } } @media screen and (min-width: 320px) and (max-width: 750px) { .column-config-wrapper .column-selction-apply, .column-config-wrapper .column-config-button { width: 100%; max-width: 100%; } } @media screen and (min-width: 320px) and (max-width: 750px) { .column-config-wrapper .column-selction-apply .usb-button, .column-config-wrapper .column-config-button .usb-button { width: 100%; max-width: 100%; } } .column-config-button { position: relative; } .column-selection-group { position: absolute; background: white; z-index: 1001; border: solid 1px #ccc; width: 96%; } .select-all-column-checkbox-input { margin-bottom: 10px !important; border-bottom: solid 2px #6E6E6E !important; padding: 10px !important; } .column-config-button .usb--checkbox-list { margin-top: 0px !important; } .column-config-button .usb--checkbox-group--legend { margin-bottom: 0px !important; } .column-visibility-button { width: 250px; } .date-filter-options-main { background-color: white; border: solid 1px #ccc; position: absolute; list-style: none; z-index: 99; width: 350px; overflow-y: visible; max-height: 80vh; padding: 0px; top: 100%; } .date-filter-options-main legend { display: none !important; } .date-filter-options-main .usb-date_picker--expanded, .date-filter-options-main .usb-date_picker { width: 100%; padding: 0px 10px 10px 10px; } /*!**********************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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/@usb-wealthmanagement-npb/illustrations/dist/styles/index.css?ngGlobalStyle ***! \**********************************************************************************************************************************************************************************************************************************************************************************/ .illustration-dashboard-page-main, .illustrations-detail-page-main { color: #636466 !important; } .illustration-dashboard-page-main div, .illustrations-detail-page-main div { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; } .illustration-dashboard-page-main .page-summary-labael, .illustrations-detail-page-main .page-summary-labael { font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif !important; color: #2d2d3e !important; } .illustration-dashboard-page-main .all-dates-format-heading-center, .illustrations-detail-page-main .all-dates-format-heading-center { color: #2d2d3e !important; } .illustration-dashboard-page-main .usb-link.emphasis_heavy, .illustration-dashboard-page-main .usb-link.emphasis_subtle, .illustration-dashboard-page-main .usb-link.is-underlined, .illustrations-detail-page-main .usb-link.emphasis_heavy, .illustrations-detail-page-main .usb-link.emphasis_subtle, .illustrations-detail-page-main .usb-link.is-underlined { -webkit-text-decoration: none !important; text-decoration: none !important; } .illustration-dashboard-page-main .usb-link.emphasis_heavy:hover, .illustration-dashboard-page-main .usb-link.emphasis_subtle:hover, .illustration-dashboard-page-main .usb-link.is-underlined:hover, .illustrations-detail-page-main .usb-link.emphasis_heavy:hover, .illustrations-detail-page-main .usb-link.emphasis_subtle:hover, .illustrations-detail-page-main .usb-link.is-underlined:hover { -webkit-text-decoration: underline !important; text-decoration: underline !important; } .illustration-dashboard-page-main .usb-table_table.row-borders-only td, .illustrations-detail-page-main .usb-table_table.row-borders-only td { color: #636466 !important; } .illustration-dashboard-page-main .usb-table_table.stackable, .illustrations-detail-page-main .usb-table_table.stackable { margin-top: 0px !important; } .illustration-dashboard-page-main .smart-grid-main, .illustrations-detail-page-main .smart-grid-main { display: inline-block !important; } .illustration-dashboard-page-main .smart-grid-main .smart-grid-content-row-item.accountHolders, .illustrations-detail-page-main .smart-grid-main .smart-grid-content-row-item.accountHolders { padding-left: 10px; } .illustration-dashboard-page-main .smart-grid-main .smart-grid-content-row-item.accountNumbers, .illustrations-detail-page-main .smart-grid-main .smart-grid-content-row-item.accountNumbers { padding-left: 20px; } .illustration-dashboard-page-main .smart-grid-main .smart-grid-content-row-item.accountNumbers ul, .illustrations-detail-page-main .smart-grid-main .smart-grid-content-row-item.accountNumbers ul { padding-left: 0; margin: 0; list-style-type: none; } .illustration-dashboard-page-main .smart-grid-main .smart-grid-content-row-item, .illustrations-detail-page-main .smart-grid-main .smart-grid-content-row-item { padding-left: 20px; } .illustration-dashboard-page-main .usb-button.button--standard--heavy, .illustrations-detail-page-main .usb-button.button--standard--heavy { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; } .illustration-dashboard-page-main .usb-modal-v2--header h1, .illustrations-detail-page-main .usb-modal-v2--header h1 { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; } @media screen and (min-width: 320px) and (max-width: 750px) { .illustration-dashboard-page-main .illustration-functions-container, .illustrations-detail-page-main .illustration-functions-container { margin-top: 10px; flex-direction: column; gap: 10px; } } @media screen and (min-width: 750px) and (max-width: 860px) { .illustration-dashboard-page-main .illustration-functions-container, .illustrations-detail-page-main .illustration-functions-container { justify-content: flex-start !important; } } @media screen and (min-width: 320px) and (max-width: 750px) { .illustration-dashboard-page-main .illustration-functions-container > a, .illustrations-detail-page-main .illustration-functions-container > a { width: 100%; max-width: 100%; } } @media screen and (min-width: 320px) and (max-width: 750px) { .illustration-dashboard-page-main .illustration-functions-container .usb-button, .illustrations-detail-page-main .illustration-functions-container .usb-button { align-self: baseline; width: 100%; max-width: 100%; } } .p-t-20 { padding-top: 20px; } .usb-button { border-radius: 5px !important; } .mar-r-20 { margin-right: 20px; } .app-name-link-item:hover { text-decoration: none; } .mar-r-10 { margin-right: 10px; } .mar-l-r-10 { margin-left: 10px; margin-right: 10px; } .headers th { background: #dedede; padding: 10px; } .rows td { padding: 10px; } .application-top { align-items: center; padding: 10px; border: solid 1px #ccc; border-radius: 10px; margin: 0px 20px 10px 20px; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08); } @media screen and (min-width: 0px) and (max-width: 320px) { .application-top { padding: 10px; margin: 10px; } } @media screen and (min-width: 321px) and (max-width: 750px) { .application-top .application-top { display: grid; justify-content: space-around; } } @media screen and (min-width: 861px) and (max-width: 1025px) { .application-top s .illustration-functions-container { margin-top: 10px; } } @media screen and (min-width: 1300px) { .application-top { padding: 30px; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .application-top .column-config-wrapper { gap: 10px; width: 33.33%; max-width: 33.33%; } } @media screen and (min-width: 750px) and (max-width: 860px) { .application-top .column-config-wrapper { align-self: flex-start; } } .header-container { display: flex; } @media screen and (min-width: 320px) and (max-width: 600px) { .header-container { display: block; } } .grid-container { padding: 20px; width: 100%; } .grid-container .smartgrid-wrapper div, .grid-container .smartgrid-wrapper p, .grid-container .smartgrid-wrapper li, .grid-container .smartgrid-wrapper a, .grid-container .smartgrid-wrapper span, .grid-container .smartgrid-wrapper button, .grid-container .smartgrid-wrapper label, .grid-container .smartgrid-wrapper ul { font-size: 0.88rem; } @media screen and (min-width: 320px) and (max-width: 899px) { .grid-container .smartgrid-wrapper .smart-grid-main { min-width: 900px; } } @media screen and (max-width: 899px) { .grid-container .smartgrid-wrapper { max-width: 940px; width: 100vw; overflow-x: scroll; font-size: 0.88rem; } } .pagination-perpage-dropdawn { max-width: 100px; z-index: 1000; } .usb-button-with-icon { background-color: #fff !important; background: #fff !important; color: #555555 !important; margin-right: 10px; padding: 0px 10px !important; border: solid 1px #ccc; border-radius: 5px !important; cursor: pointer; display: flex; justify-content: space-between !important; } .usb-button-with-icon span { color: #555555 !important; } .usb--checkbox-list { margin-top: 5px !important; } .usb--checkbox-wrapper { padding: 8px 10px !important; border-bottom: solid 1px #ccc; margin-bottom: 0px !important; } .usb--checkbox-wrapper:last-child { margin-bottom: 20px !important; } .usb-outlined-button { background-color: #fff !important; background: #fff !important; border-radius: 5px !important; } .export-smart-grid-btn { display: flex; align-items: center; } .mar-l-r-20 { margin-left: 20px; margin-right: 20px; } .bottom-pagination-main { margin-top: 20px; margin-bottom: 20px; padding-right: 20px; display: flex; justify-content: flex-end; } @media screen and (min-width: 0px) and (max-width: 600px) { .bottom-pagination-main { justify-content: flex-start; padding-left: 10px; padding-right: 0px; } } .grid-nav-menu { margin: 10px; display: flex; width: 100%; } .grid-nav-menu .link-menu { align-self: self-end; } .usb-danger-icons { color: #be1324; fill: #be1324; } .loading-icon { position: absolute; top: 50vh; left: 50vw; } .grid-info { padding: 10px 20px; display: flex; width: 100%; } .grid-info .link-menu { align-self: self-end; } .grid-info .alerts-info { font-weight: 700; background-color: #dc3545; padding: 0 10px; border-radius: 5px; color: #fff; } .app-name-link-item { cursor: pointer; } .app-name-link-item.download-illustration span { margin-left: 5px; } .disabled-link { cursor: default; border: none; background: none; color: unset; } .illustration-details-info { display: flex; justify-content: space-between; background: #fff; border-radius: 10px; margin: 20px; padding: 10px 45px; } @media screen and (max-width: 600px) { .illustration-details-info { flex-direction: column; padding: 10px; margin: 10px; } } .column-block-style { font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif !important; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.67; letter-spacing: 3px; color: #0c2074; padding: 10px 5px 10px 0px; margin: 0; flex: 1; } .heading-border { width: 76px; height: 5px; object-fit: contain; border-bottom: 4px solid #e0dcd1; } .column-value-style { font-weight: 500; line-height: 1.3; letter-spacing: 0.5px; color: #636466; word-wrap: break-word; padding-top: 4px; } .font-sm { font-size: 12px; font-weight: 500; } .account-data ul.usb-list, .illustration-widget ul.usb-list { list-style: none; } .account-data li, .illustration-widget li { line-height: 1.38; letter-spacing: 0.25px; color: #636466; padding-top: 30px; } .aggregatedAccountNumbers ul.usb-list { list-style: none !important; padding-left: 0px !important; margin: 0px !important; text-align: left !important; } .pdf-link { border: none; background-color: transparent; padding: 2px; text-align: left; } .pdf-link.link-collateral-evaluation.usb-link.is-underlined { text-decoration: none !important; } .edit-button { display: inline-block; height: 30px; width: 30px; text-align: center; border: none; background-color: transparent; } .start-application-button { width: 100%; text-align: right; padding-right: 15px; padding-bottom: 30px; padding-top: 10px; } .edit-icon { color: #0c2074; fill: #0c2074; cursor: pointer; } .illustration-detail-widgets { display: flex; margin: 20px; justify-content: space-between; } @media screen and (max-width: 600px) { .illustration-detail-widgets { display: block; margin: 10px; } .illustration-detail-widgets .accounts-pledged-widget { width: 100%; display: inline-block; } .illustration-detail-widgets .illustration-widget { margin-top: 20px; width: 100%; display: inline-block; } .illustration-detail-widgets .usb-table_body--cell:first-child { margin-top: 30px !important; } } .illustration-detail-widgets ul { list-style-type: none; margin: 0px; padding: 0px; } .accounts-pledged-widget { margin-bottom: 10px; border-radius: 10px; padding: 20px 10px 40px 45px; background-color: #fff; width: 66%; } @media screen and (max-width: 600px) { .accounts-pledged-widget { padding: 10px; } } .illustration-widget { margin-bottom: 10px; border-radius: 10px; padding: 20px 10px 40px 45px; background-color: #fff; width: 33%; } @media screen and (max-width: 600px) { .illustration-widget { padding: 10px 10px 20px 10px; } } .illustration-widget button > span > span > svg { margin-left: 3px; margin-bottom: 3px; } .usb-modal-v2--container .illustration-modal-title { color: #2c2c2c; font-weight: 500; } .usb-modal-v2--container .input-wrapper { position: relative; display: inline-block; width: 100%; } .usb-modal-v2--container .name-editing-field { width: 100%; background-color: transparent; padding: 20px; /* Adjust based on the size of your button */ height: 60px; border: solid 1px #cccccc; color: #818aac; font-weight: 600; } .usb-modal-v2--container .input-button { position: absolute; right: 20px; top: 20px; border: none; background: none; cursor: pointer; } .usb-modal-v2--container .usb-button.button--standard--minimal:hover { background-color: transparent; } .pad-l-10 { padding-left: 10px; } .pad-l-r-10 { padding-left: 10px; padding-right: 10px; } .illustration-details-dashboard-nav-menu { margin-top: 30px; margin-bottom: 20px; text-align: right; padding-right: 10px; } @media screen and (max-width: 600px) { .illustration-details-dashboard-nav-menu { display: flex; flex-direction: column; align-items: start; text-align: left; padding-right: 0px; padding-left: 10px; margin-top: 0px; } } .illustration-details-dashboard-nav-menu .nav-links { border: none; background-color: transparent; color: #0056b3; } .illustration-details-dashboard-nav-menu button:first-child { padding-bottom: 10px; } .aggregatedAccountHolderNames.smart-grid-content-row-item > .app-name-link-item { text-decoration: underline; } .edit-button:focus-visible { outline: 2px solid #235ae4 !important; outline-offset: 2px !important; border: none !important; border-radius: 2pt !important; } .nav-links:focus:before { border: 2px solid #235ae4 !important; border-radius: 0.5rem !important; position: absolute !important; left: -2px !important; top: -2px !important; } .edit-name-modal .usb-modal-v2--container .usb-modal-v2--body { min-height: 260px; } .creditLineAmount.smart-grid-content-row-item, .smart-grid-content-row-item.creditLineAmount { justify-content: flex-end !important; } .firm.smart-grid-content-row-item, .smart-grid-content-row-item.firm { text-align: start; } .usb-button { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; } .usb-modal-v2--body { font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif !important; } .usb-modal-v2--body div, .usb-modal-v2--body p { font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif !important; } .usb-modal-v2--header h1 { font-size: 28px !important; } .usb-list-item { display: block; } .aggregatedAccountNumbers ul { padding: 0; } .filter-options-main { min-width: 250px !important; } .float-end { float: inline-end; } .illus-pledged-account-table .usb-table_table.row-borders-only th { letter-spacing: 1px; color: #0c2074; font-weight: normal; font-style: normal; font-stretch: normal; font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif !important; } .smart-grid-header-item-main.colateralEvaluation:hover { text-decoration: none; } @media screen and (max-width: 1023px) { .illustration-detail-widgets.USBI { display: block; } .illustration-detail-widgets.USBI .accounts-pledged-widget, .illustration-detail-widgets.USBI .illustration-widget { width: 100%; display: inline-block; margin-bottom: 20px; } } .toggle-btn { position: relative; width: 100px; height: 32px; background: #e0e0e0; border: none; border-radius: 16px; cursor: pointer; outline: none; transition: background 0.2s; padding: 0; } .toggle-btn.active { background: #007bff; } .toggle-btn::before { content: ""; position: absolute; top: 4px; left: 4px; width: 24px; height: 24px; background: #fff; border-radius: 50%; transition: left 0.2s; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); } .toggle-btn.active::before { left: 70px; } .toggle-btn-label { position: absolute; top: 50%; left: 60%; transform: translate(-50%, -50%); font-size: 13px; color: #333; pointer-events: none; z-index: 1; } .toggle-btn.active .toggle-btn-label { color: #fff; left: 30px; } .toggle-btn.disabled { background: #ccc; cursor: not-allowed; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .usb-table { display: block; position: relative; width: 100%; } .usb-table .usb-table_dataType-currency { text-align: right; } .usb-table .usb-table_accessor-cell-expander, .usb-table .usb-table_accessor-showsubrows { padding-right: 0; padding-left: 0; } .usb-table .usb-table_accessor-cell-expander[focus-within], .usb-table .usb-table_accessor-showsubrows[focus-within] { outline: none !important; } .usb-table .usb-table_accessor-cell-expander:focus-within, .usb-table .usb-table_accessor-showsubrows:focus-within { outline: none !important; } .usb-table .usb-table_accessor-cell-expander.isStacked, .usb-table .usb-table_accessor-showsubrows.isStacked { border-top-color: var(--token-utility-subdued, #ccccd2); border-radius: var(--token-rounded-sm, 0.25rem); border-top: var(--token-border-width-default, 1px) solid transparent; } .usb-table .usb-table_accessor-header-of-expanded-cell { border-top: var(--token-border-width-default, 1px) solid var(--token-utility-subdued, #ccccd2); border-radius: var(--token-rounded-sm, 0.25rem); } .usb-table .usb-dropdown { margin-bottom: var(--token-spacing-18, 4.5rem); z-index: 6; } .usb-table_heading { color: var(--table-heading-text-color, #2e2e32); font-weight: var(--token-font-weight-med, 500); font-size: var(--token-font-size-lg, 1.25rem); line-height: var(--token-line-height-lg, 1.25); } .usb-table_caption, .usb-table_heading { font-family: var(--token-font-base, Circular-USB, sans-serif); margin-bottom: var(--token-spacing-3, 0.75rem); } .usb-table_caption { color: var(--table-caption-text-color, #2e2e32); font-weight: var(--token-font-weight-reg, 400); font-size: var(--token-font-size-base, 1rem); line-height: var(--token-line-height-3xl, 1.5); text-align: left; } .usb-table_pagination { display: flex; justify-content: flex-end; } .usb-table_pagination--container { display: flex; flex-direction: row; margin-top: var(--token-spacing-2, 0.5rem); } .usb-table_pagination--container .dropdown__btn-selection, .usb-table_pagination--container.usb-dropdown .dropdown__btn { margin-right: var(--token-spacing-5, 1.25rem); } .usb-table_pagination--container .button--standard--minimal, .usb-table_pagination--container.usb-button { display: flex; flex-direction: row; margin: 0 var(--token-spacing-1, 0.25rem) 0 var(--token-spacing-1, 0.25rem); padding-top: var(--token-spacing-3, 0.75rem); font-size: var(--token-font-size-base, 1rem); font-weight: var(--token-font-weight-bold, 700); background-color: var(--table-pagination-arrow-background-color, #fff); color: var(--table-pagination-arrow, #4c4c50); } .usb-table_pagination--page_count { display: flex; flex-direction: row; flex-shrink: 0; padding-top: var(--token-spacing-3, 0.75rem); padding-left: var(--token-spacing-4, 1rem); padding-right: var(--token-spacing-3, 0.75rem); } .usb-table_pagination--chevron { width: 0; } .usb-table_container:after, .usb-table_container:before { transition: opacity 0.25s ease; content: ""; position: absolute; top: 0; bottom: 0; width: 20px; opacity: 0; } .usb-table_container:before { background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), rgba(0, 0, 0, 0.25)); right: 0; } .usb-table_container:after { background: linear-gradient(270deg, hsla(0, 0%, 100%, 0), rgba(0, 0, 0, 0.25)); left: 0; } .usb-table_container-shadow { position: relative; } .usb-table_container-shadow--right:before { opacity: 1; z-index: 25; } .usb-table_container-shadow--left { opacity: 1; border-left: var(--token-border-width-default, 1px) solid var(--token-utility-subdued, #ccccd2); border-radius: var(--token-rounded-md, 0.5rem); z-index: 25; } .usb-table_container--scroll { overflow: scroll; border-radius: var(--token-rounded-md, 0.5rem); } .usb-table_table { border-collapse: initial; table-layout: auto; border: var(--token-border-width-default, 1px) solid var(--token-utility-subdued, #ccccd2); border-radius: var(--token-rounded-md, 0.5rem); } .usb-table_table.scroll-active { border-left: none; } .usb-table_table.scroll-top-active { border-top: none; } .usb-table_table td, .usb-table_table th { border-right: var(--token-border-width-default, 1px) solid var(--token-utility-subdued, #ccccd2); border-bottom: var(--token-border-width-default, 1px) solid var(--token-utility-subdued, #ccccd2); } .usb-table_table td:first-of-type, .usb-table_table th:first-of-type { border-top-left-radius: var(--token-rounded-md, 0.5rem); } .usb-table_table td:last-of-type, .usb-table_table th:last-of-type { border-right-color: transparent; } .usb-table_table tr th.table-sticky-header-border { border-bottom-color: var(--token-color-grey-60, #7f7f84); } .usb-table_table tr th.table-sticky-header-border:nth-last-of-type(2) { border-top-right-radius: var(--token-rounded-md, 0.5rem); } .usb-table_table tr th.scroll-top-active { border-top: var(--token-border-width-default, 1px) solid var(--token-utility-subdued, #ccccd2); } .usb-table_table tr:last-of-type { border-bottom-right-radius: var(--token-rounded-md, 0.5rem); border-bottom-left-radius: var(--token-rounded-md, 0.5rem); } .usb-table_table.cell-size-small td, .usb-table_table.cell-size-small th { padding-top: var(--token-spacing-1, 0.25rem); padding-bottom: var(--token-spacing-1, 0.25rem); } .usb-table_table.cell-size-small td.table-editable-cell, .usb-table_table.cell-size-small th.table-editable-cell { padding: 0; vertical-align: middle; } .usb-table_table.cell-size-large td, .usb-table_table.cell-size-large th { padding-top: var(--token-spacing-5, 1.25rem); padding-bottom: var(--token-spacing-5, 1.25rem); } .usb-table_table.cell-size-large td.table-editable-cell, .usb-table_table.cell-size-large th.table-editable-cell { padding: 0; vertical-align: middle; } .usb-table_table.cell-size-default td, .usb-table_table.cell-size-default th { padding-top: var(--token-spacing-3, 0.75rem); padding-bottom: var(--token-spacing-3, 0.75rem); } .usb-table_table.cell-size-default td.table-editable-cell, .usb-table_table.cell-size-default th.table-editable-cell { padding: 0; vertical-align: middle; } .usb-table_table.zebra-striped.scrollable .usb-table_body--subrow:nth-child(2n), .usb-table_table.zebra-striped.scrollable .usb-table_body--zebra { background-color: var(--table-row-secondary-background-color, #f5f5fa); } .usb-table_table.zebra-striped.scrollable.child-background-match-parent .usb-table_body--subrow { background-color: initial; } .usb-table_table.zebra-striped.scrollable.child-background-match-parent .usb-table_body--subrowZebra { background-color: var(--table-row-secondary-background-color, #f5f5fa); } .usb-table_table.alt-header .usb-table_header--row { background-color: var(--table-header-background-color, #001e79); } .usb-table_table.alt-header .usb-table_header--cell, .usb-table_table.alt-header .usb-table_header--sort-button { color: var(--table-sort-button-color, #fff); border-left: none; border-bottom: none; } .usb-table_table.alt-header .usb-table_header .usb-icon { fill: var(--table-sort-button-color, #fff); } .usb-table_table.alt-header.no-data .usb-table_header--row { background-color: var(--table-danger-background-color, #4c4c50); } .usb-table_table.alt-header.stackable .usb-table_body--cell { background: linear-gradient(270deg, var(--table-stackable-background-color, #001e79) 0, var(--table-stackable-background-color, #001e79)); background-repeat: no-repeat; background-size: 50%; } .usb-table_table.alt-header.stackable .usb-table_body--cell .stackable-header { padding-top: var(--token-spacing-2, 0.5rem); color: var(--table-stackable-row-text-color, #fff); } .usb-table_table.stackable { border: none; border-spacing: 0 var(--token-spacing-6, 1.5rem); margin-top: calc(var(--token-spacing-9, 2.25rem) * -2); overflow: hidden; table-layout: auto; text-align: left; text-overflow: ellipsis; white-space: nowrap; width: 100%; word-wrap: break-word; } .usb-table_table.stackable .usb-table_header { display: none; } .usb-table_table.stackable .usb-table_body--row { font-weight: var(--token-font-weight-reg, 400); line-height: var(--token-line-height-3xl, 1.5); padding: 0.7em 2vw; border-bottom: var(--token-border-width-default, 1px) solid var(--token-utility-subdued, #ccccd2); margin-top: var(--token-spacing-2, 0.5rem); } .usb-table_table.stackable .usb-table_body--subrow { padding: 0; margin: 0.7em 2vw; } .usb-table_table.stackable .usb-table_body--cell { border-left: var(--token-border-width-default, 1px) solid var(--token-utility-subdued, #ccccd2); border-right: var(--token-border-width-default, 1px) solid var(--token-utility-subdued, #ccccd2); display: flex; flex-direction: row; justify-content: space-between; } .usb-table_table.stackable .usb-table_body--cell[focus-within] { outline: 2px solid var(--table-interaction-color, #0058ff) !important; outline-offset: -2px; } .usb-table_table.stackable .usb-table_body--cell:focus-within { outline: 2px solid var(--table-interaction-color, #0058ff) !important; outline-offset: -2px; } .usb-table_table.stackable .usb-table_body--cell:first-of-type { border-top: var(--token-border-width-default, 1px) solid var(--token-utility-subdued, #ccccd2); border-left: var(--token-border-width-default, 1px) solid var(--token-utility-subdued, #ccccd2); } .usb-table_table.stackable .stackable-header { padding-top: var(--token-spacing-2, 0.5rem); font-weight: var(--token-font-weight-bold, 700); } .usb-table_table.stackable .stackable-header:before { content: attr(data-column-header); } .usb-table_table.stackable .stackable-cell { padding-left: var(--token-spacing-3, 0.75rem); padding-top: var(--token-spacing-2, 0.5rem); text-align: left; white-space: normal; width: 50%; } .usb-table_table.stackable .stackable-cell .usb--checkbox-label-text { margin-top: -2px; } .usb-table_table.stackable .remove-cell:nth-last-child(2) { display: flex; flex-direction: row; justify-content: space-between; } .usb-table_table.stackable .remove-cell:last-child { display: none; } .usb-table_table.stackable .stackable-expanded-cell { border-left: var(--token-border-width-default, 1px) solid var(--token-utility-subdued, #ccccd2); border-right: var(--token-border-width-default, 1px) solid var(--token-utility-subdued, #ccccd2); border-bottom: var(--token-border-width-default, 1px) solid var(--token-utility-subdued, #ccccd2); } .usb-table_table.stackable .stackable-expanded-cell:focus { outline: 2px solid var(--table-interaction-color, #0058ff); } .usb-table_table.stackable .stackable-cell-expander { display: grid; margin-left: auto; margin-right: auto; } .usb-table_table.stackable .stackable-cell-expand-button { margin-left: auto; margin-right: auto; font-size: var(--token-font-size-base, 1rem); background: transparent; } .usb-table_table.stackable .stackable-cell-expand-button:focus { outline: 2px solid var(--table-interaction-color, #0058ff); } .usb-table_table.stackable .stackable-cell-expand-text { color: var(--table-stackable-expanded-text-color, #4c4c50); font-weight: var(--token-font-weight-bold, 700); vertical-align: top; margin-left: var(--token-spacing-2, 0.5rem); } .usb-table_table.stackable .table-input-value { padding-left: 0; } .usb-table_table.no-borders:not(.stackable) { border-color: transparent; } .usb-table_table.no-borders:not(.stackable) th { border-left-color: transparent; border-right-color: transparent; } .usb-table_table.no-borders:not(.stackable) tr:first-child th { border-top-color: transparent; } .usb-table_table.no-borders:not(.stackable) td { border-bottom-color: transparent; border-left-color: transparent; border-right-color: transparent; } .usb-table_table.row-borders-only { border-color: transparent; } .usb-table_table.row-borders-only th { border-left-color: transparent; border-right-color: transparent; border-top-color: transparent; } .usb-table_table.row-borders-only tr:first-child th { border-top-color: transparent; } .usb-table_table.row-borders-only td { border-right-color: transparent; border-left-color: transparent; } .usb-table_table.row-borders-only td:first-of-type { border-top-color: transparent; border-left-color: transparent; } .usb-table_header--cell { color: var(--table-header-cell-text-color, #4c4c50); padding-left: var(--token-spacing-6, 1.5rem); padding-right: var(--token-spacing-6, 1.5rem); text-align: left; white-space: normal; word-wrap: normal; } .usb-table_header--cell:nth-last-child(2) { border-right: none; } .usb-table_header--cell[focus-within] { outline: 2px solid var(--table-interaction-color, #0058ff); outline-offset: -2.25px; } .usb-table_header--cell:focus-within { outline: 2px solid var(--table-interaction-color, #0058ff); outline-offset: -2.25px; } .usb-table_header--cell:last-child { border-bottom: var(--token-border-width-default, 1px) solid var(--token-utility-subdued, #ccccd2); } .usb-table_header--cell:last-child.expanded-cell { position: absolute; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } .no-data .usb-table_header tr { background-color: var(--token-color-grey-30, #ccccd2); } .usb-table_header--sort-button { background-color: initial; border: none; color: var(--table-header-cell-text-color, #4c4c50); font-family: inherit; font-size: var(--token-font-size-base, 1rem); font-weight: var(--token-font-weight-bold, 700); padding: 0; text-align: left; width: 100%; } .usb-table_header--sort-button:focus { outline: none; } .usb-table_header--sort-button .sort-icon { float: right; } .usb-table_header--sort-button .sort-icon--currency { margin-left: var(--token-spacing-3, 0.75rem); } .usb-table_header--sort-button * { pointer-events: none; } .usb-table_body tr:last-of-type .usb-table_body--cell--expanded-cell:last-of-type { border-bottom: none; } .usb-table_body--cell { padding-right: var(--token-spacing-6, 1.5rem); padding-left: var(--token-spacing-6, 1.5rem); text-align: left; white-space: normal; word-wrap: break-word; } .usb-table_body--cell:nth-last-child(2) { border-right: none; } .usb-table_body--cell--expanded-cell { grid-column-start: -1; grid-column-end: 1; padding: var(--token-spacing-4, 1rem); border-bottom: var(--token-border-width-default, 1px) solid var(--token-utility-subdued, #ccccd2); } .usb-table_body--cell--expanded-cell:focus { outline: none; } .usb-table_body--cell--expanded-cell[focus-within] { outline: none !important; } .usb-table_body--cell--expanded-cell:focus-within { outline: none !important; } .usb-table_body--cell:first-child.toggle-first { padding-left: 0; padding-right: 0; } .usb-table_body--cell:first-child.toggle-first[focus-within] { outline: none !important; } .usb-table_body--cell:first-child.toggle-first:focus-within { outline: none !important; } .usb-table_body--cell.reduce-cell:last-child, .usb-table_body--cell.remove-cell:nth-last-child(2) { display: none; } .usb-table_body--cell.table-row-checkbox-cell { padding-right: var(--token-spacing-3, 0.75rem); padding-left: var(--token-spacing-3, 0.75rem); } .usb-table_body--cell.stackable-table-row-checkbox-cell { background-color: var(--table-stackable-row-checkbox-cell-background-color, #f5f5fa); } .usb-table .usb-table_body--row, .usb-table .usb-table_header--row { background-color: var(--token-background-primary, #fff); color: var(--token-text-color-secondary, #4c4c50); font-size: var(--token-font-size-base, 1rem); font-weight: var(--token-font-weight-reg, 400); line-height: var(--token-line-height-3xl, 1.5); } .usb-table .usb-table_body--row:last-child, .usb-table .usb-table_body--row:last-child .usb-table_body--cell.not-stacked, .usb-table .usb-table_header--row:last-child, .usb-table .usb-table_header--row:last-child .usb-table_body--cell.not-stacked { border-bottom: none; } .usb-table .usb-table_body--row:last-child .usb-table_body--cell.remove-cell, .usb-table .usb-table_header--row:last-child .usb-table_body--cell.remove-cell { border-bottom: var(--token-border-width-default, 1px) solid var(--token-utility-subdued, #ccccd2); } .usb-table .child-cell-size-small .usb-table_body--subrow .usb-table_body--cell { padding-top: var(--token-spacing-1, 0.25rem); padding-bottom: var(--token-spacing-1, 0.25rem); } .usb-table .child-cell-size-large .usb-table_body--subrow .usb-table_body--cell { padding-top: var(--token-spacing-5, 1.25rem); padding-bottom: var(--token-spacing-5, 1.25rem); } .usb-table .child-cell-size-default .usb-table_body--subrow .usb-table_body--cell { padding-top: var(--token-spacing-3, 0.75rem); padding-bottom: var(--token-spacing-3, 0.75rem); } @media only screen and (min-width: 48rem) { .usb-table .usb-table_body--subrow_first { opacity: 0.999; box-shadow: inset 0 4px 6px -1px rgba(0, 0, 0, 0.12); } .usb-table .usb-table_body--subrow_last { opacity: 0.999; box-shadow: inset 0 -4px 6px -1px rgba(0, 0, 0, 0.12); } .usb-table .usb-table_body--subrow_first.usb-table_body--subrow_last { box-shadow: inset 0 4px 6px -1px rgba(0, 0, 0, 0.12), inset 0 -4px 6px -1px rgba(0, 0, 0, 0.12); } } .usb-table .no-data td, .usb-table .usb-table_body--subrow_last td:first-of-type { border-bottom: var(--token-border-width-default, 1px) solid var(--token-utility-subdued, #ccccd2); } .usb-table .no-data td { padding: 2rem; } .usb-table_no-data { display: flex; flex-direction: row; } .usb-table_no-data--container { display: flex; flex-direction: column; margin-top: var(--token-spacing-2, 0.5rem); } .usb-table_no-data--title { color: var(--table-danger-title-text-color, #001e79); font-size: var(--token-font-size-2xl, 1.75rem); font-weight: var(--token-font-weight-bold, 700); } .usb-table_no-data--text { display: flex; flex-direction: column; font-size: var(--token-font-size-lg, 1.25rem); margin-top: var(--token-spacing-4, 1rem); white-space: pre-wrap; } .usb-table_no-data--button { margin-top: auto; margin-left: auto; } .usb-table table:focus, .usb-table table[focus-within] { outline: none; } .usb-table table:focus, .usb-table table:focus-within { outline: none; } .usb-table table:focus td, .usb-table table[focus-within] td { transition: outline-offset 0.2s linear; outline: none; } .usb-table table:focus-within td, .usb-table table:focus td { transition: outline-offset 0.2s linear; outline: none; } .usb-table table:focus td[focus-within], .usb-table table[focus-within] td[focus-within] { outline: 2px solid var(--table-interaction-color, #0058ff); outline-offset: -2.25px; } .usb-table table:focus-within td:focus-within, .usb-table table:focus td:focus-within { outline: 2px solid var(--table-interaction-color, #0058ff); outline-offset: -2.25px; } .usb-table table:focus td[tabindex="0"].roleIsGrid, .usb-table table[focus-within] td[tabindex="0"].roleIsGrid { outline: 2px solid var(--table-interaction-color, #0058ff); outline-offset: -2.25px; } .usb-table table:focus-within td[tabindex="0"].roleIsGrid, .usb-table table:focus td[tabindex="0"].roleIsGrid { outline: 2px solid var(--table-interaction-color, #0058ff); outline-offset: -2.25px; } .usb-table table:focus td[tabindex="-1"].roleIsGrid, .usb-table table[focus-within] td[tabindex="-1"].roleIsGrid { outline: 2px solid var(--table-interaction-color, #0058ff); outline-offset: -2.25px; } .usb-table table:focus-within td[tabindex="-1"].roleIsGrid, .usb-table table:focus td[tabindex="-1"].roleIsGrid { outline: 2px solid var(--table-interaction-color, #0058ff); outline-offset: -2.25px; } .usb-table table:focus th, .usb-table table[focus-within] th { transition: outline-offset 0.2s linear; } .usb-table table:focus-within th, .usb-table table:focus th { transition: outline-offset 0.2s linear; } .usb-table table:focus th[tabindex="0"].roleIsGrid, .usb-table table[focus-within] th[tabindex="0"].roleIsGrid { outline: 2px solid var(--table-interaction-color, #0058ff); outline-offset: -2.25px; } .usb-table table:focus-within th[tabindex="0"].roleIsGrid, .usb-table table:focus th[tabindex="0"].roleIsGrid { outline: 2px solid var(--table-interaction-color, #0058ff); outline-offset: -2.25px; } .usb-table .usb--checkbox-wrapper.table-checkbox-label { margin-bottom: 0; flex-basis: 0; padding-left: 1.37rem; padding-top: var(--token-spacing-1, 0.25rem); margin-left: -1.25rem; } .usb-table .usb--checkbox-wrapper.table-header-checkbox-label { margin-bottom: 0; flex-basis: 0; padding-left: 0.7rem; padding-top: var(--token-spacing-1, 0.25rem); margin-left: 0; } .usb-table .usb--checkbox-label.table-checkbox-label { justify-content: center; } .usb-table .usb--checkbox-label.table-checkbox-label:after { content: ""; border: 2px solid transparent; border-radius: var(--checkbox-focus-border-radius, 0.25rem); position: absolute; left: 0.15rem; } .show-label .usb--checkbox-label { z-index: -10; } .table-pagination-nav { display: flex; flex: none; } .table-pagination-nav-list { display: flex; } .table-expander { padding: 0; font-size: var(--token-font-size-base, 1rem); margin-left: var(--token-spacing-4, 1rem); margin-right: var(--token-spacing-4, 1rem); border: none; background-color: initial; vertical-align: middle; height: var(--token-spacing-5, 1.25rem); } .table-expander:focus { outline: 2px solid var(--table-interaction-color, #0058ff); border-radius: var(--token-rounded-sm, 0.25rem); } .table-icon-hover:hover { color: var(--table-interaction-color, #0058ff); fill: var(--table-interaction-color, #0058ff); } .demo-action { align-self: flex-end; } .table-actions-row { display: flex; flex-flow: wrap; flex-direction: row; max-width: 100%; } .table-actions-row.show-hide-modal-only, .table-actions-row.toolbar-only { justify-content: start; } .table-actions-row.row-size-small { padding-top: var(--token-spacing-1, 0.25rem); padding-bottom: var(--token-spacing-1, 0.25rem); } .table-actions-row.row-size-large { padding-top: var(--token-spacing-5, 1.25rem); padding-bottom: var(--token-spacing-5, 1.25rem); } .table-actions-row.row-size-default { padding-top: var(--token-spacing-3, 0.75rem); padding-bottom: var(--token-spacing-3, 0.75rem); } .table-actions-row.enable-dropdown-menu { justify-content: end; } .responsive-stacked .usb-table_table.zebra-striped tbody tr { background-color: initial; } .responsive-stacked .table-actions-row { display: block; margin-bottom: 2rem; border: none; } .responsive-stacked .usb-table_table.stackable .usb-table_body--cell.table-row-checkbox-cell .stackable-header { display: none; } .responsive-stacked .usb-table_table.stackable .usb-table_body--cell.table-row-checkbox-cell .usb--checkbox-wrapper { padding-left: var(--token-spacing-4, 1rem); padding-top: 0; } .responsive-stacked .usb-table_table.stackable .usb-table_body--cell.table-row-checkbox-cell .usb--checkbox-label span.usb--checkbox-label-text { display: inline; } .show-hide-modal.stackable-show-hide-button { width: 100%; } .show-hide-column-modal-text { font-size: var(--token-font-size-base, 1rem); } .table-modal .usb--checkbox--fieldset, .table-modal .usb--checkbox-group--legend, .table-modal.usb--modal-v2--dialog, .table-modal .usb-modal-v2--body, .table-modal .usb-modal-v2--container { text-align: left; } .table-modal-text { font-size: var(--token-font-size-base, 1rem); margin-bottom: var(--token-spacing-4, 1rem); } .table-modal-button { border: transparent; border-radius: var(--token-rounded-sm, 0.25rem); } .table-modal-button.stackable-show-hide-button { width: 100%; } .table-modal-button.stackable-show-hide-button.usb-button.button--small { justify-content: start; border: transparent; border-radius: var(--token-rounded-sm, 0.25rem); z-index: 5; padding: var(--token-spacing-5, 1.25rem) var(--token-spacing-3, 0.75rem); } .table-modal-button.stackable-show-hide-button.usb-button.button--small:hover { background-color: #f5f5fa; color: #235ae4; } .table-modal-button.stackable-show-hide-button.usb-button:focus { border-top: 1px solid #fff; border-bottom: 1px solid #fff; color: #235ae4; outline: 2px solid #235ae4; background-color: #f5f5fa; outline-offset: -0.15rem; border-top-left-radius: 0; border-top-right-radius: 0; } .table-modal-button.stackable-show-hide-button.usb-button:before { border: none; border-radius: 0; height: none; position: absolute; left: 0; top: 0; width: none; } .table-modal-button.enable-dropdown-menu.usb-button.button--small { margin: 0 var(--token-spacing-3, 0.75rem) 0 0; width: 100%; border: transparent; border-radius: var(--token-rounded-sm, 0.25rem); justify-content: start; z-index: 5; } .table-modal-button-text { vertical-align: top; font-weight: var(--token-font-weight-med, 500); } .table-modal-button-text.stackable-show-hide-button { font-weight: var(--token-font-weight-reg, 400); } .table-selected-rows-label { display: flex; font-size: var(--token-font-size-base, 1rem); flex-direction: column; justify-content: center; margin: var(--token-spacing-3, 0.75rem) var(--token-spacing-3, 0.75rem) 0 0; white-space: nowrap; } .stackable-selected-rows-label { margin-bottom: var(--token-spacing-4, 1rem); text-align: right; } .table-toolbar { display: block; } .table-toolbar .usb-button-group { display: flex; flex-direction: row; flex-wrap: wrap; } .table-toolbar .usb-button-group.stackable-table-toolbar-button-group { margin-left: 0; padding-left: 0; padding-right: 0; flex-wrap: wrap; justify-content: center; } .table-toolbar .usb-button-group .usb-button.button--small { margin: var(--token-spacing-3, 0.75rem) var(--token-spacing-3, 0.75rem) 0 0; } .table-toolbar .usb-button-group .usb-button.button--small.stackable-table-button { width: 100%; margin-top: var(--token-spacing-2, 0.5rem); margin-right: 0; } .table-row-checkbox { border-bottom: var(--token-border-width-default, 1px) solid var(--token-utility-subdued, #ccccd2); } .table-row-checkbox[focus-within] { outline: 2px solid var(--table-interaction-color, #0058ff) !important; outline-offset: -2px; } .table-row-checkbox:focus-within { outline: 2px solid var(--table-interaction-color, #0058ff) !important; outline-offset: -2px; } .table-input-display { display: flex; flex-direction: column; justify-content: center; height: 100%; } .table-input-button { display: flex; justify-content: space-between; width: 100%; background-color: initial; border: none; outline: none; color: var(--table-interaction-color, #0058ff); padding-right: 0; padding-left: 0; } .table-input-value { padding-left: var(--token-spacing-6, 1.5rem); padding-top: 0.15rem; font-size: var(--token-font-size-base, 1rem); text-align: left; } .table-input-icon { padding-right: var(--token-spacing-6, 1.5rem); } .table-input-icon, .table-text-input { padding-left: var(--token-spacing-2, 0.5rem); } .table-text-input { margin-top: 0; padding-top: 0; padding-right: var(--token-spacing-2, 0.5rem); min-height: 0; border: none; } .table-text-input input { padding: 0.5rem 1rem 6px 15px; color: var(--table-text-input-text-color, #2e2e32); border: var(--token-border-width-default, 1px) solid var(--token-utility-subdued, #ccccd2); border-radius: var(--token-rounded-sm, 0.25rem); width: 100%; } .table-text-input.is-error { margin: 0.5rem 0; } .table-text-input.is-error input { border: 2px solid var(--text-input-basic-error-border-color, #cf2a36); } .table-expanded-menu { z-index: 30; } .table-toolbar-button-group { padding-left: 0; } .table-toolbar-menu.usb-action__button-utility:hover, .table-toolbar-menu .usb-action__link-utility:hover { background-color: #4c4c50; } .table-toolbar-menu.usb-menu-composable__trigger { min-width: unset !important; max-height: var(--token-spacing-8, 2rem); font-size: var(--token-font-size-sm, 0.875rem); } .table-toolbar-menu.usb-menu-composable__trigger .usb-action__text .usb-menu-composable__menu-btn__label { font-weight: var(--token-font-weight-med, 500); } .table-toolbar-menu.usb-menu-composable__trigger .usb-action__icon { margin-top: 3px; } .table-toolbar-menu.usb-menu-composable__trigger.stackable-table-button { width: 100%; margin-top: 0; justify-content: start; border: transparent; border-top-left-radius: var(--token-rounded-sm, 0.25rem); border-top-right-radius: var(--token-rounded-sm, 0.25rem); border-bottom-left-radius: var(--token-rounded-sm, 0.25rem); border-bottom-right-radius: var(--token-rounded-sm, 0.25rem); } .table-toolbar-menu.usb-action:focus:before { outline: 2px solid var(--table-interaction-color, #0058ff); outline-offset: -2px !important; height: calc(100% + 0.75rem) !important; width: calc(100% + 0.75rem) !important; left: -6px !important; top: -6px !important; } .table-toolbar-menu.usb-action__button-utility-medium { min-height: var(--token-spacing-8, 2rem); margin: var(--token-spacing-3, 0.75rem) var(--token-spacing-3, 0.75rem) 0 0; } .stackable-toolbar-row, .table-toolbar-row { display: flex; flex-wrap: wrap-reverse; } .stackable-table-menu { display: block; width: 100%; } .stackable-table-menu .usb-menu-composable__container.expanded { width: 100%; } .table-sticky-header { z-index: 10; } .table-sticky-first-column, .table-sticky-header { position: sticky; top: 0; background-color: var(--token-background-primary, #fff); } .table-sticky-first-column { left: 0; z-index: 5; } .table-sticky-first-column.table-sticky-row-header-shadow:after { content: ""; position: absolute; top: 0; right: -20px; width: 20px; height: 100%; background-image: linear-gradient(270deg, transparent, rgba(0, 0, 0, 0.25)); } .table-sticky-row { position: sticky; left: 0; z-index: 5; background-color: var(--token-background-primary, #fff); } .table-sticky-row.table-sticky-row-header-shadow:after { content: ""; position: absolute; top: 0; right: -20px; width: 20px; height: 100%; background-image: linear-gradient(270deg, transparent, rgba(0, 0, 0, 0.25)); } .batch-actions-mobile-button { width: 100%; background: transparent; border: 1px solid var(--token-utility-subdued, #ccccd2); border-radius: var(--token-rounded-sm, 0.25rem); color: var(--token-color-grey-70, #66666a); padding: var(--token-spacing-2, 0.5rem) var(--token-spacing-3, 0.75rem); margin-bottom: var(--token-spacing-1, 0.25rem); text-align: left; } .batch-actions-mobile-button:focus { outline: 3px solid #235ae4; outline-offset: -0.2rem; } .batch-actions-mobile-button-row { display: flex; justify-content: space-between; } .batch-actions-mobile-actions-text { margin: auto 0; color: var(--token-label-vivid, #2e2e32); font-size: var(--token-font-size-sm, 0.875rem); font-family: var(--token-font-base, Circular-USB, sans-serif); } .table-mobile-button { width: 100%; } .table-mobile-button.usb-button.button--utility--subtle { border: transparent; border-radius: var(--token-rounded-sm, 0.25rem); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--token-utility-vivid, #4c4c50); padding: var(--token-spacing-5, 1.25rem) var(--token-spacing-3, 0.75rem); justify-content: start; font-weight: var(--token-font-weight-reg, 400); border-bottom: var(--token-border-width-default, 1px) solid var(--token-utility-subdued, #ccccd2); } .table-mobile-button.usb-button.button--utility--subtle:hover { background-color: var(--token-color-grey-10, #f5f5fa); color: #235ae4; } .table-mobile-button.usb-button.button--utility--subtle.usb-button:focus { border-top: 1px solid #fff; border-bottom: 1px solid #fff; color: #235ae4; outline: 2px solid #235ae4; background-color: #f5f5fa; outline-offset: -0.15rem; border-top-left-radius: 0; border-top-right-radius: 0; } .table-mobile-button.usb-button.button--utility--subtle.usb-button:before { border: none; border-radius: 0; height: none; position: absolute; left: 0; top: 0; width: none; } .table-mobile-expand-panel { position: absolute; top: var(--token-spacing-15, 3.75rem); z-index: 50; width: 100%; background-color: var(--table-row-background-color, #fff); border: var(--token-border-width-default, 1px) solid var(--token-utility-subdued, #ccccd2); border-radius: var(--token-rounded-sm, 0.25rem); box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.12); } /*!********************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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/@usb-wealthmanagement-npb/what-if-iam/dist/styles/index.css?ngGlobalStyle ***! \********************************************************************************************************************************************************************************************************************************************************************************/ .whatif-page-main { color: #636466 !important; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; padding: 20px; } .whatif-page-main .usb-button.button--standard--heavy { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; } .whatif-page-main .usb-modal-v2--header h1 { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; } .whatif-page-main .application-top-right-wrapper { display: flex; justify-content: flex-end; align-items: center; } @media screen and (max-width: 766px) { .whatif-page-main .application-top-right-wrapper { flex-direction: column; margin-top: 10px; } .whatif-page-main .application-top-right-wrapper .dropdown__btn-label { display: none; } .whatif-page-main .application-top-right-wrapper .upload-button-child > button { width: 100%; } .whatif-page-main .application-top-right-wrapper button { width: 100%; display: flex; justify-content: center; } .whatif-page-main .application-top-right-wrapper button.mar-r-10 { margin-right: 0px; } .whatif-page-main .application-top-right-wrapper a { width: 100%; margin-top: 10px; } .whatif-page-main .application-top-right-wrapper .pagination-main { width: 100%; margin-top: 10px; } .whatif-page-main .application-top-right-wrapper .pagination-main .mar-l-r-10 { margin-left: 0px; } .whatif-page-main .application-top-right-wrapper .page-summary-labael { justify-content: center; } } @media screen and (min-width: 767px) and (max-width: 1300px) { .whatif-page-main .application-top-right-wrapper { margin-top: 10px; justify-content: flex-start; } } .whatif-page-main .grid-info-header { display: flex; flex-direction: row; margin: 10px 0px 5px 0px; } .whatif-page-main .grid-info-header .info-left, .whatif-page-main .grid-info-header .info-right { flex: 2; border: 1px solid #0c2074; } .whatif-page-main .grid-info-header .grid-tooltip { opacity: 1; } .whatif-page-main .grid-info-header .grid-tooltip p.tooltip__content--children { margin-bottom: 0px; } .whatif-page-main .grid-info-header .grid-tooltip .tooltip__content { max-width: 500px; width: 90vw; border-top: solid 1px #fff; padding: 10px; } @media screen and (min-width: 1024px) { .whatif-page-main .grid-info-header .grid-tooltip .tooltip__content { max-width: 900px; width: 90vw; } } .whatif-page-main .grid-info-header .info-left { border-right-color: #FFFFFF; border-bottom-color: #FFFFFF; margin-right: 10px; } .whatif-page-main .grid-info-header .info-right { border-left-color: #FFFFFF; border-bottom-color: #FFFFFF; margin-left: 10px; } .whatif-page-main .grid-info-header .info-middle { margin-top: -14px; } .whatif-page-main .grid-info-header .info-middle p.tooltip__content--children > p { font-size: 12px !important; } .whatif-page-main .smart-grid-container { padding: 15px; } .whatif-page-main .smart-grid-header-item-main { justify-content: center; } .whatif-page-main .page-title { font-weight: 700; font-style: normal; font-stretch: normal; line-height: 1.09; letter-spacing: 0.3px; color: #0c2074; } .whatif-page-main .p-l-20 { padding-left: 20px; } .whatif-page-main .p-t-20 { padding-top: 20px; } .whatif-page-main .usb-button { border-radius: 5px !important; } .whatif-page-main .mar-r-20 { margin-right: 20px; } .whatif-page-main .app-name-link-item:hover { text-decoration: none; } .whatif-page-main .mar-r-10 { margin-right: 10px; } .whatif-page-main .mar-l-10 { margin-right: 10px; } .whatif-page-main .mar-l-r-10 { margin-left: 10px; margin-right: 10px; } .whatif-page-main .headers th { background: #dedede; padding: 10px; } .whatif-page-main .rows td { padding: 10px; } .whatif-page-main .filter-options-main { background-color: #fff !important; border: solid 1px #ccc; position: absolute; top: 45px; list-style: none; z-index: 101 !important; width: -moz-fit-content; width: fit-content; min-width: 255px; max-height: 80vh; overflow-y: auto; } .whatif-page-main .filter-options-main ul { padding: 0px; margin: 0px; } .whatif-page-main .filter-options-main li { padding: 0px 10px 0px 10px; cursor: pointer; display: inline-block; width: 100%; border-bottom: solid 1px #ccc; } .whatif-page-main .filter-options-main li:first-child { border-bottom: solid 2px #a39898 !important; } .whatif-page-main .filter-options-main .usb--checkbox-wrapper:last-child { margin-bottom: 0px !important; } .whatif-page-main .filter-options-main .usb--checkbox-wrapper { border-bottom: none !important; padding: 10px 0px !important; } .whatif-page-main .filter-options-main .usb--checkbox-label { font-size: 14px; } .whatif-page-main .application-top { justify-content: flex-start; margin: 0px; margin-top: 10px; margin-bottom: 10px; } @media screen and (min-width: 800px) { .whatif-page-main .application-top { flex-direction: column; align-items: flex-start; padding: 30px; display: flex; gap: 15px; } } .whatif-page-main .error-banner-wrapper { margin-bottom: 20px; } .whatif-page-main .error-banner-wrapper .banner-header { display: flex; justify-content: space-between; } .whatif-page-main .error-banner-wrapper .header-content { width: 65%; } .whatif-page-main .error-banner-wrapper .error-list { margin: 0; } .whatif-page-main .error-banner-wrapper .error-list li { cursor: pointer; width: -moz-fit-content; width: fit-content; } .whatif-page-main .data-buttons { display: flex; } @media screen and (min-width: 320px) and (max-width: 800px) { .whatif-page-main .data-buttons { flex-direction: column; } } .whatif-page-main .pagination-perpage-dropdawn { max-width: 100px; z-index: 1000; } .whatif-page-main .usb-button-with-icon { background-color: #fff !important; background: #fff !important; color: #555555 !important; margin-right: 10px; padding: 0px 10px !important; border: solid 1px #ccc; border-radius: 5px !important; cursor: pointer; width: 200px; display: flex; justify-content: space-between !important; } .whatif-page-main .usb-button-with-icon span { color: #555555 !important; } .whatif-page-main .usb-button-with-icon span.filtered-text-button { color: #39BF71 !important; } .whatif-page-main .usb--checkbox-list { margin-top: 5px !important; } .whatif-page-main .usb--checkbox-wrapper { padding: 8px 10px !important; border-bottom: solid 1px #ccc; margin-bottom: 0px !important; } .whatif-page-main .usb--checkbox-wrapper:last-child { margin-bottom: 20px !important; } .whatif-page-main .usb-outlined-button { background-color: #fff !important; background: #fff !important; border: solid 1px #0a41c5 !important; border-radius: 5px !important; } .whatif-page-main .export-smart-grid-btn { display: flex; align-items: center; } .whatif-page-main .mar-l-r-20 { margin-left: 20px; margin-right: 20px; } .whatif-page-main .bottom-pagination-main { margin-top: 20px; margin-bottom: 20px; display: flex; justify-content: flex-end; } .whatif-page-main .grid-nav-menu { margin: 10px; display: flex; width: 100%; } .whatif-page-main .grid-nav-menu .link-menu { align-self: self-end; } .whatif-page-main .usb-danger-icons { color: #be1324; fill: #be1324; } .whatif-page-main .loading-icon { position: absolute; top: 50vh; left: 50vw; } .whatif-page-main .grid-info { padding: 10px 20px; display: flex; width: 100%; font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; font-size: 16px; } .whatif-page-main .grid-info .link-menu { align-self: self-end; } .whatif-page-main .grid-info .alerts-info { font-weight: 700; background-color: #dc3545; padding: 0 10px; border-radius: 5px; color: #fff; font-size: 14px; } .whatif-page-main .app-name-link-item { cursor: pointer; } .whatif-page-main .app-name-link-item.download-illustration { display: flex; align-items: center; justify-content: center; } .whatif-page-main .app-name-link-item.download-illustration span { margin-left: 5px; } .whatif-page-main .app-name-link-item.disabled-link { cursor: default !important; } .whatif-page-main .column-name-block { font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.67; letter-spacing: 3px; color: #0c2074; padding: 10px 0px; flex: 1; } .whatif-page-main .heading-border { width: 76px; height: 5px; object-fit: contain; border-bottom: 4px solid #e0dcd1; } .whatif-page-main .column-name-value { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; font-size: 20px; font-weight: 500; line-height: 1.3; letter-spacing: 0.5px; color: #636466; word-wrap: break-word; padding-top: 4px; } .whatif-page-main .name-data { font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.38; letter-spacing: 0.25px; color: #636466; padding-top: 20px; } .whatif-page-main .pdf-link { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; font-size: 14px; border: none; background-color: transparent; padding: 2px; text-align: left; } .whatif-page-main .pad-l-r-10 { padding-left: 10px; padding-right: 10px; } .whatif-page-main .smart-grid-header-item-main.actionItem:hover { text-decoration: none; } .whatif-page-main .inputfile { display: none; } .whatif-page-main .upload-button-child { padding-left: 15px; } .whatif-page-main .upload-button-child button { width: 100%; } @media screen and (max-width: 800px) { .whatif-page-main .upload-button-child { padding-left: 0px; margin-top: 10px; } } .whatif-page-main .smart-grid-filter-item.actionItem { display: flex; justify-content: center; } .whatif-page-main .smart-grid-filter-item.actionItem .usb-button { width: 95%; } .whatif-page-main .what-iff-sub-header { display: flex; justify-content: space-between; font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; margin-top: 10px; } .whatif-page-main .what-iff-sub-header .back-to-dash-wrapper { width: 45%; text-align: end; } @media screen and (max-width: 1000px) { .whatif-page-main .what-iff-sub-header .back-to-dash-wrapper { width: 100%; text-align: start; margin-top: 10px; } } .whatif-page-main .what-iff-sub-header .nav-links { border: none; background-color: transparent; color: #0056b3; } .whatif-page-main .what-iff-sub-header h2 { font-size: 20px !important; width: 100%; max-width: 866px; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; color: #626466; letter-spacing: 0.25px; font-weight: normal; } @media screen and (max-width: 1000px) { .whatif-page-main .what-iff-sub-header h2 { width: 100%; } } @media screen and (max-width: 1000px) { .whatif-page-main .what-iff-sub-header { flex-direction: column; } } .whatif-page-main .smart-grid-content-row-item { height: auto; min-height: 60px; } .whatif-page-main .what-if-iam-footer { display: flex; justify-content: flex-end; margin: 20px 0px; align-items: center; } .whatif-page-main .what-if-iam-footer .add-a-single-asset-main { flex: 1; display: flex; justify-content: flex-start; align-items: center; } .whatif-page-main .what-if-iam-footer .add-a-single-asset-main button:first-child { margin-right: 10px; } .whatif-page-main .what-if-iam-footer .add-a-single-asset-main button:last-child { margin-left: 10px; } @media screen and (min-width: 0px) and (max-width: 600px) { .whatif-page-main .what-if-iam-footer .add-a-single-asset-main button:last-child { margin-left: 0px; min-width: 255px; } } .whatif-page-main .what-if-iam-footer .bottom-pagination-main { flex: 1; } @media screen and (min-width: 0px) and (max-width: 600px) { .whatif-page-main .what-if-iam-footer { gap: 10px; flex-direction: column-reverse; align-items: flex-start; } } .whatif-page-main .what-if-iam-footer-cal-bc-btn { display: flex; justify-content: flex-end; align-items: center; width: 100%; padding-top: 10px; } @media screen and (min-width: 0px) and (max-width: 600px) { .whatif-page-main .what-if-iam-footer-cal-bc-btn { justify-content: flex-start; } } .whatif-page-main .whatifiam-row-text-wrapper { min-width: 100%; min-height: 30px; cursor: pointer; display: flex; align-items: center; justify-content: center; overflow-wrap: anywhere; text-align: start; } @media screen and (min-width: 0px) and (max-width: 1000px) { .whatif-page-main .what-if-iam-footer-main { padding-left: 10px; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .whatif-page-main .page-summary-labael { min-width: 100px; justify-content: center; } } .whatif-page-main .smartgrid-wrapper .smart-grid-main div, .whatif-page-main .smartgrid-wrapper .smart-grid-main p, .whatif-page-main .smartgrid-wrapper .smart-grid-main li, .whatif-page-main .smartgrid-wrapper .smart-grid-main a, .whatif-page-main .smartgrid-wrapper .smart-grid-main span, .whatif-page-main .smartgrid-wrapper .smart-grid-main button, .whatif-page-main .smartgrid-wrapper .smart-grid-main label, .whatif-page-main .smartgrid-wrapper .smart-grid-main ul { font-size: 0.88rem; } .whatif-page-main .smartgrid-wrapper .smart-grid-main { width: 100%; max-width: 100%; min-width: 100%; } @media screen and (min-width: 0px) and (max-width: 768px) { .whatif-page-main .smartgrid-wrapper .smart-grid-main { width: 768px; max-width: 768px; min-width: 768px; overflow-x: scroll; } } @media screen and (min-width: 769px) and (max-width: 1024px) { .whatif-page-main .smartgrid-wrapper .smart-grid-main { width: 1024px; max-width: 1024px; min-width: 1024px; overflow-x: scroll; } } .whatif-page-main .leave-page-modal #header { display: flex; align-items: center; } .whatif-page-main .leave-page-modal #header h1 { font-size: 28px !important; } .whatif-page-main .leave-page-modal .usb-button { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; } .whatif-page-main .success-banner-wrapper { position: fixed; top: 72px; /* Adjust as needed */ right: 2px; /* Adjust as needed */ z-index: 1000; /* Ensure it stays above other content */ border-radius: 5px; /* Optional: Add rounded corners */ padding-left: 10px; /* Optional: Add some padding */ } .whatif-page-main .fade-out { animation: fadeOut 5s linear forwards; } @keyframes fadeOut { 0% { opacity: 1; } 10% { opacity: 1; } 25% { opacity: 1; } 50% { opacity: 1; } 75% { opacity: 0.8; } 90% { opacity: 0.6; } 100% { opacity: 0; } } .whatif-page-main .smart-grid-content-row-item .whatifiam-row-text-wrapper { justify-content: flex-start !important; } .whatif-page-main .quantity.smart-grid-content-row-item .whatifiam-row-text-wrapper, .whatif-page-main .smart-grid-content-row-item.quantity .whatifiam-row-text-wrapper { justify-content: flex-end !important; } .whatif-page-main .actionItem.smart-grid-content-row-item, .whatif-page-main .smart-grid-content-row-item.actionItem { text-align: center !important; justify-content: center !important; } .whatif-page-main .save-asstes-success-modal-backdrop { opacity: 0.5; background: #000; width: 100%; height: 100%; z-index: 10000; top: 0; left: 0; position: fixed; } .whatif-page-main .save-asstes-success-modal-content { width: -moz-fit-content; width: fit-content; position: fixed; z-index: 10010; background-color: #fff; background: #fff; padding: 20px; border-radius: 5px; top: 25%; left: 38%; opacity: 1; } .whatif-page-main .save-asstes-success-modal-content h1 { font-size: 20px; } .whatif-page-main .usb-button { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; } .whatif-page-main .usb-modal-v2--body { font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif !important; } .whatif-page-main .usb-modal-v2--body div, .whatif-page-main .usb-modal-v2--body p { font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif !important; } .whatif-page-main .usb-modal-v2--header h1 { font-size: 28px !important; } .whatif-page-main .sr-only { display: none; } .whatif-page-main .usb--error-message span { font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif !important; font-size: 0.75rem; } .whatif-page-main .select-firm-type-modal-body-text { font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; color: #555555; } .whatif-page-main .info-middle button:focus-visible { outline: 2px solid #235ae4 !important; border: none !important; } .whatif-page-main .info-middle button:focus { outline: none !important; } .whatif-page-main .info-middle span:focus-visible, .whatif-page-main .info-middle span:focus { outline: none !important; border: none !important; } @media screen and (min-width: 1024px) { .whatif-page-main .smart-grid-main { position: unset !important; overflow: unset !important; } .whatif-page-main .smart-grid-content-main, .whatif-page-main .smart-grid-content-min-height { height: auto !important; min-height: auto !important; } } .usb-button { border-radius: var(--button-primary-border-radius, 0.5rem); cursor: pointer; font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-size: var(--button-font-size-default, 0.875rem); font-weight: var(--token-font-weight-med, 500); height: auto; line-height: var(--token-line-height-base, 1); max-width: 100%; outline: transparent; position: relative; transition: color var(--token-timing-fast-ease, 0.1s ease), border var(--token-timing-fast-ease, 0.1s ease); white-space: nowrap; display: inline-flex; flex-direction: row; align-items: center; justify-content: center; gap: var(--token-spacing-2, 0.5rem); -webkit-text-decoration: none; text-decoration: none; } .usb-button, .usb-button * { -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; -webkit-tap-highlight-color: transparent !important; -webkit-focus-ring-color: transparent !important; } .usb-button.button--layout_row { flex-direction: row; } .usb-button.button--layout_column { flex-direction: column; } .usb-button--icon, .usb-button .usb-icon { display: inline-flex; pointer-events: none; vertical-align: bottom; } .usb-button--icon svg, .usb-button .usb-icon svg { fill: currentColor !important; } .usb-button.button--small { min-height: var(--token-spacing-8, 2rem); max-height: var(--token-spacing-8, 2rem); padding: var(--token-spacing-2, 0.5rem) var(--token-spacing-3, 0.75rem); font-size: var(--button-small-font-size, 0.875rem); } .usb-button.button--small--icon-only { padding: var(--token-spacing-2, 0.5rem); width: var(--token-spacing-8, 2rem); } .usb-button.button--small.button--layout_column { gap: var(--token-spacing-1, 0.25rem); max-height: unset; padding: var(--token-spacing-3, 0.75rem) var(--token-spacing-2, 0.5rem); } .usb-button.button--small .usb-button--icon, .usb-button.button--small .usb-button--icon svg, .usb-button.button--small .usb-icon, .usb-button.button--small .usb-icon svg { width: var(--token-spacing-4, 1rem); height: var(--token-spacing-4, 1rem); min-width: var(--token-spacing-4, 1rem); min-height: var(--token-spacing-4, 1rem); max-width: var(--token-spacing-4, 1rem); max-height: var(--token-spacing-4, 1rem); } .usb-button.button--medium { min-height: var(--token-spacing-10, 2.5rem); max-height: var(--token-spacing-10, 2.5rem); line-height: var(--token-line-height-3xl, 1.5); padding: var(--token-spacing-2, 0.5rem) var(--token-spacing-6, 1.5rem); font-size: var(--button-medium-font-size, 1rem); } .usb-button.button--medium--icon-only { padding: var(--token-spacing-2, 0.5rem); width: var(--token-spacing-10, 2.5rem); } .usb-button.button--medium.button--layout_column { gap: var(--token-spacing-1, 0.25rem); max-height: unset; padding: 0.625rem var(--token-spacing-6, 1.5rem); } .usb-button.button--medium .usb-button--icon, .usb-button.button--medium .usb-button--icon svg, .usb-button.button--medium .usb-icon, .usb-button.button--medium .usb-icon svg { width: var(--token-spacing-5, 1.25rem); height: var(--token-spacing-5, 1.25rem); min-width: var(--token-spacing-5, 1.25rem); min-height: var(--token-spacing-5, 1.25rem); max-width: var(--token-spacing-5, 1.25rem); max-height: var(--token-spacing-5, 1.25rem); } .usb-button.button--medium:after { content: ""; position: absolute; top: calc(var(--token-spacing-1, 0.25rem) * -1); bottom: calc(var(--token-spacing-1, 0.25rem) * -1); left: var(--token-spacing-0, 0); right: var(--token-spacing-0, 0); } .usb-button.button--large { font-size: var(--button-large-font-size, 1rem); min-height: var(--token-spacing-12, 3rem); line-height: var(--token-line-height-3xl, 1.5); padding: var(--token-spacing-3, 0.75rem) var(--token-spacing-8, 2rem); } .usb-button.button--large--icon-only { padding: var(--token-spacing-3, 0.75rem); width: var(--token-spacing-12, 3rem); } .usb-button.button--large.button--layout_column { gap: var(--token-spacing-1, 0.25rem); max-height: unset; padding: 0.875rem var(--token-spacing-8, 2rem); } .usb-button.button--large .usb-button--icon, .usb-button.button--large .usb-button--icon svg, .usb-button.button--large .usb-icon, .usb-button.button--large .usb-icon svg { width: var(--token-spacing-5, 1.25rem); height: var(--token-spacing-5, 1.25rem); min-width: var(--token-spacing-5, 1.25rem); min-height: var(--token-spacing-5, 1.25rem); max-width: var(--token-spacing-5, 1.25rem); max-height: var(--token-spacing-5, 1.25rem); } .usb-button.button--highlight { font-family: var(--button-loud-font-family, Circular-USB, Arial, Helvetica, sans-serif); font-weight: var(--button-loud-font-weight, 500); line-height: var(--button-loud-line-height, 1); } .usb-button.button--highlight--heavy { background: var(--button-loud-background-color, #ce2935); border-color: var(--button-loud-border-color, transparent); border-width: var(--button-loud-border-width, 0); border-radius: var(--button-loud-border-radius, 0.5rem); color: var(--button-loud-text-color, #fff); } .usb-button.button--highlight--heavy .svg-icon { color: var(--button-loud-icon-fill-color, #fff); } .usb-button.button--highlight--heavy:hover { background: var(--button-loud-hover-background-color, #9b0a28); color: var(--button-loud-hover-text-color, #fff); border-color: var(--button-loud-hover-border-color, transparent); } .usb-button.button--highlight--heavy:hover .svg-icon { color: var(--button-loud-hover-icon-fill-color, #fff); } .usb-button.button--highlight--heavy:active { background: var(--button-loud-active-background-color, #6f0303); color: var(--button-loud-active-text-color, hsla(0, 0%, 100%, 0.78)); border-color: var(--button-loud-active-border-color, transparent); } .usb-button.button--highlight--heavy:active .svg-icon { color: var(--button-loud-active-icon-fill-color, hsla(0, 0%, 100%, 0.78)); } .usb-button.button--highlight--subtle { background: var(--button-text-background-color, transparent); border: var(--button-secondary-border-width, 1px) solid var(--button-loud-background-color, #ce2935); border-radius: var(--button-loud-border-radius, 0.5rem); } .usb-button.button--highlight--subtle, .usb-button.button--highlight--subtle .svg-icon { color: var(--button-loud-background-color, #ce2935); } .usb-button.button--highlight--subtle:hover { background: var(--button-loud-hover-background-color, #9b0a28); color: var(--button-loud-hover-text-color, #fff); } .usb-button.button--highlight--subtle:hover .svg-icon { color: var(--button-loud-hover-icon-fill-color, #fff); } .usb-button.button--highlight--subtle:active { background: var(--button-loud-active-background-color, #6f0303); color: var(--button-loud-active-text-color, hsla(0, 0%, 100%, 0.78)); } .usb-button.button--highlight--subtle:active .svg-icon { color: var(--button-loud-active-icon-fill-color, hsla(0, 0%, 100%, 0.78)); } .usb-button.button--highlight--minimal { background: var(--button-text-background-color, transparent); border-color: var(--button-text-border-color, transparent); border-width: var(--button-text-border-width, 0); border-radius: var(--button-text-border-radius, 0.5rem); } .usb-button.button--highlight--minimal, .usb-button.button--highlight--minimal .svg-icon { color: var(--button-loud-background-color, #ce2935); } .usb-button.button--highlight--minimal:hover { background: var(--button-loud-hover-background-color, #9b0a28); color: var(--button-loud-hover-text-color, #fff); } .usb-button.button--highlight--minimal:hover .svg-icon { color: var(--button-loud-hover-icon-fill-color, #fff); } .usb-button.button--highlight--minimal:active { background: var(--button-loud-active-background-color, #6f0303); color: var(--button-loud-active-text-color, hsla(0, 0%, 100%, 0.78)); } .usb-button.button--highlight--minimal:active .svg-icon { color: var(--button-loud-active-icon-fill-color, hsla(0, 0%, 100%, 0.78)); } @media (hover: none) and (pointer: coarse) { .usb-button.button--highlight { background: var(--button-loud-background-color, #ce2935); border: none; } .usb-button.button--highlight, .usb-button.button--highlight .svg-icon { color: var(--button-loud-text-color, #fff); } .usb-button.button--highlight:focus, .usb-button.button--highlight:hover { background: var(--button-loud-background-color, #ce2935); color: var(--button-loud-text-color, #fff); border: none; } .usb-button.button--highlight:focus .svg-icon, .usb-button.button--highlight:hover .svg-icon { color: var(--button-loud-text-color, #fff); } .usb-button.button--highlight:focus:before, .usb-button.button--highlight:hover:before { border: 2px solid var(--token-border-focus, #235ae4); border-radius: var(--button-primary-border-radius, 0.5rem); content: ""; height: calc(100% + var(--token-spacing-3, 0.75rem)); position: absolute; left: -0.375rem; top: -0.375rem; width: calc(100% + var(--token-spacing-3, 0.75rem)); } .usb-button.button--highlight:active { background: var(--button-loud-active-background-color, #6f0303); border: none; } .usb-button.button--highlight:active, .usb-button.button--highlight:active .svg-icon { color: var(--token-text-color-interaction-active, hsla(0, 0%, 100%, 0.78)); } } .usb-button.button--standard--heavy { border-radius: var(--button-primary-border-radius, 0.5rem); font-family: var(--button-primary-font-family, Circular-USB, Arial, Helvetica, sans-serif); font-weight: var(--button-primary-font-weight, 500); line-height: var(--button-primary-line-height, 1); background: var(--button-primary-background-color, #235ae4); border-color: var(--button-primary-border-color, transparent); border-width: var(--button-primary-border-width, 0); color: var(--button-primary-text-color, #fff); } .usb-button.button--standard--heavy .svg-icon { color: var(--button-primary-icon-fill-color, #fff); } .usb-button.button--standard--heavy:hover { border-color: var(--button-primary-hover-border-color, transparent); background: var(--button-primary-hover-background-color, #003cc8); } .usb-button.button--standard--heavy:active { border-color: var(--button-primary-active-border-color, transparent); background: var(--button-primary-active-background-color, #001e79); } .usb-button.button--standard--subtle { background: var(--button-text-background-color, transparent); border: var(--button-secondary-border-width, 1px) solid var(--button-secondary-border-color, #235ae4); color: var(--button-secondary-text-color, #235ae4); } .usb-button.button--standard--subtle .svg-icon { color: var(--button-secondary-icon-fill-color, #235ae4); } .usb-button.button--standard--subtle:hover { background: var(--button-primary-hover-background-color, #003cc8); color: var(--button-primary-hover-text-color, #fff); } .usb-button.button--standard--subtle:hover .svg-icon { color: var(--button-primary-hover-icon-fill-color, #fff); } .usb-button.button--standard--subtle:active { background: var(--button-primary-active-background-color, #001e79); color: var(--button-primary-active-text-color, hsla(0, 0%, 100%, 0.78)); } .usb-button.button--standard--subtle:active .svg-icon { color: var(--button-primary-active-icon-fill-color, hsla(0, 0%, 100%, 0.78)); } .usb-button.button--standard--minimal { background: var(--button-text-background-color, transparent); border-color: var(--button-text-border-color, transparent); border-width: var(--button-text-border-width, 0); border-radius: var(--button-text-border-radius, 0.5rem); color: var(--button-text-text-color, #235ae4); } .usb-button.button--standard--minimal .svg-icon { color: var(--button-secondary-icon-fill-color, #235ae4); } .usb-button.button--standard--minimal:hover { background: var(--button-text-hover-background-color, #003cc8); color: var(--button-text-hover-text-color, #fff); -webkit-text-decoration: var(--button-text-hover-text-decoration, none); text-decoration: var(--button-text-hover-text-decoration, none); } .usb-button.button--standard--minimal:hover .svg-icon { color: var(--button-text-hover-icon-fill-color, #fff); } .usb-button.button--standard--minimal:active { background: var(--button-text-active-background-color, #001e79); color: var(--button-text-active-text-color, hsla(0, 0%, 100%, 0.78)); } .usb-button.button--standard--minimal:active .svg-icon { color: var(--button-text-active-icon-fill-color, hsla(0, 0%, 100%, 0.78)); } @media (hover: none) and (pointer: coarse) { .usb-button.button--standard--minimal { background: var(--button-text-background-color, transparent); border: none; } .usb-button.button--standard--minimal, .usb-button.button--standard--minimal .svg-icon { color: var(--button-text-text-color, #235ae4); } .usb-button.button--standard--minimal:focus, .usb-button.button--standard--minimal:hover { background: var(--button-text-background-color, transparent); color: var(--button-text-text-color, #235ae4); border: none; } .usb-button.button--standard--minimal:focus .svg-icon, .usb-button.button--standard--minimal:hover .svg-icon { color: var(--button-text-text-color, #235ae4); } .usb-button.button--standard--minimal:focus:before, .usb-button.button--standard--minimal:hover:before { border: 2px solid var(--token-border-focus, #235ae4); border-radius: var(--button-primary-border-radius, 0.5rem); content: ""; height: calc(100% + var(--token-spacing-3, 0.75rem)); position: absolute; left: -0.375rem; top: -0.375rem; width: calc(100% + var(--token-spacing-3, 0.75rem)); } .usb-button.button--standard--minimal:active { background: var(--button-text-active-background-color, #001e79); border: none; } .usb-button.button--standard--minimal:active, .usb-button.button--standard--minimal:active .svg-icon { color: var(--token-text-color-interaction-active, hsla(0, 0%, 100%, 0.78)); } } @media (hover: none) and (pointer: coarse) { .usb-button.button--standard { background: var(--button-primary-background-color, #235ae4); border: none; } .usb-button.button--standard, .usb-button.button--standard .svg-icon { color: var(--button-primary-text-color, #fff); } .usb-button.button--standard:focus, .usb-button.button--standard:hover { background: var(--button-primary-background-color, #235ae4); color: var(--button-primary-text-color, #fff); border: none; } .usb-button.button--standard:focus .svg-icon, .usb-button.button--standard:hover .svg-icon { color: var(--button-primary-text-color, #fff); } .usb-button.button--standard:focus:before, .usb-button.button--standard:hover:before { border: 2px solid var(--token-border-focus, #235ae4); border-radius: var(--button-primary-border-radius, 0.5rem); content: ""; height: calc(100% + var(--token-spacing-3, 0.75rem)); position: absolute; left: -0.375rem; top: -0.375rem; width: calc(100% + var(--token-spacing-3, 0.75rem)); } .usb-button.button--standard:active { background: var(--button-primary-active-background-color, #001e79); border: none; } .usb-button.button--standard:active, .usb-button.button--standard:active .svg-icon { color: var(--token-text-color-interaction-active, hsla(0, 0%, 100%, 0.78)); } } .usb-button.button--secondary { background: var(--button-secondary-background-color, transparent); border-width: var(--button-secondary-border-width, 1px); border-color: var(--button-secondary-border-color, #235ae4); border-radius: var(--button-secondary-border-radius, 0.5rem); color: var(--button-secondary-text-color, #235ae4); font-family: var(--button-secondary-font-family, Circular-USB, Arial, Helvetica, sans-serif); font-weight: var(--button-secondary-font-weight, 500); line-height: var(--button-secondary-line-height, 1); transition: margin var(--token-timing-fast-ease, 0.1s ease); } .usb-button.button--secondary .svg-icon { color: var(--button-secondary-icon-fill-color, #235ae4); } .usb-button.button--secondary:hover { background: var(--button-secondary-hover-background-color, #003cc8); border: var(--button-secondary-hover-border-width, 1px) solid var(--button-secondary-hover-active-border-color, #001e79); color: var(--button-secondary-hover-text-color, #fff); } .usb-button.button--secondary:hover .svg-icon { color: var(--button-secondary-hover-icon-fill-color, #fff); } .usb-button.button--secondary:active { background: var(--button-secondary-active-background-color, #001e79); color: var(--button-secondary-active-text-color, hsla(0, 0%, 100%, 0.78)); } .usb-button.button--secondary:active .svg-icon { color: var(--button-secondary-hover-icon-fill-color, #fff); } @media (hover: none) and (pointer: coarse) { .usb-button.button--secondary { background: var(--button-secondary-background-color, transparent); border: var(--button-secondary-border-width, 1px) solid var(--button-secondary-border-color, #235ae4); } .usb-button.button--secondary, .usb-button.button--secondary .svg-icon { color: var(--button-secondary-text-color, #235ae4); } .usb-button.button--secondary:focus, .usb-button.button--secondary:hover { background: var(--button-secondary-background-color, transparent); color: var(--button-secondary-text-color, #235ae4); border: var(--button-secondary-border-width, 1px) solid var(--button-secondary-border-color, #235ae4); } .usb-button.button--secondary:focus .svg-icon, .usb-button.button--secondary:hover .svg-icon { color: var(--button-secondary-text-color, #235ae4); } .usb-button.button--secondary:focus:before, .usb-button.button--secondary:hover:before { border: 2px solid var(--token-border-focus, #235ae4); border-radius: var(--button-primary-border-radius, 0.5rem); content: ""; height: calc(100% + var(--token-spacing-3, 0.75rem)); position: absolute; left: -0.375rem; top: -0.375rem; width: calc(100% + var(--token-spacing-3, 0.75rem)); } .usb-button.button--secondary:active { background: var(--button-secondary-active-background-color, #001e79); border: var(--button-secondary-border-width, 1px) solid var(--button-secondary-border-color, #235ae4); } .usb-button.button--secondary:active, .usb-button.button--secondary:active .svg-icon { color: var(--token-text-color-interaction-active, hsla(0, 0%, 100%, 0.78)); } } .usb-button.button--utility { font-family: var(--button-utility-font-family, Circular-USB, Arial, Helvetica, sans-serif); font-weight: var(--button-utility-font-weight, 500); line-height: var(--button-utility-line-height, 1); transition: margin var(--token-timing-fast-ease, 0.1s ease); } .usb-button.button--utility--heavy { background: var(--button-utility-border-color, #484861); border-color: var(--button-utility-border-color, #484861); border-width: var(--button-utility-border-width, 1px); border-radius: var(--button-utility-border-radius, 0.5rem); } .usb-button.button--utility--heavy, .usb-button.button--utility--heavy .svg-icon { color: var(--button-loud-text-color, #fff); } .usb-button.button--utility--heavy:hover { background: var(--button-text-background-color, transparent); border: var(--button-secondary-border-width, 1px) solid var(--button-utility-border-color, #484861); border-radius: var(--button-secondary-border-radius, 0.5rem); } .usb-button.button--utility--heavy:hover, .usb-button.button--utility--heavy:hover .svg-icon, .usb-button.button--utility--subtle { color: var(--button-utility-border-color, #484861); } .usb-button.button--utility--subtle { background: var(--button-text-background-color, transparent); border: var(--button-secondary-border-width, 1px) solid var(--button-utility-border-color, #484861); border-radius: var(--button-secondary-border-radius, 0.5rem); } .usb-button.button--utility--subtle .svg-icon { color: var(--button-utility-border-color, #484861); } .usb-button.button--utility--subtle:hover { background: var(--button-utility-border-color, #484861); color: var(--button-loud-hover-text-color, #fff); } .usb-button.button--utility--subtle:hover .svg-icon { color: var(--button-loud-hover-icon-fill-color, #fff); } .usb-button.button--utility--subtle:active { background: var(--button-loud-active-background-color, #6f0303); color: var(--button-loud-active-text-color, hsla(0, 0%, 100%, 0.78)); } .usb-button.button--utility--subtle:active .svg-icon { color: var(--button-loud-active-icon-fill-color, hsla(0, 0%, 100%, 0.78)); } .usb-button.button--utility--minimal { background: var(--button-text-background-color, transparent); border: var(--button-text-border-color, transparent) solid var(--button-secondary-border-width, 1px); border-radius: var(--button-utility-border-radius, 0.5rem); } .usb-button.button--utility--minimal, .usb-button.button--utility--minimal .svg-icon { color: var(--button-utility-border-color, #484861); } .usb-button.button--utility--minimal:hover { background: var(--button-utility-hover-background-color, #7a7a95); color: var(--button-utility-hover-text-color, #fff); } .usb-button.button--utility--minimal:hover .svg-icon { color: var(--button-utility-hover-icon-fill-color, #fff); } .usb-button.button--utility--minimal:active { background: var(--button-utility-active-background-color, #484861); color: var(--button-utility-active-text-color, hsla(0, 0%, 100%, 0.78)); } .usb-button.button--utility--minimal:active .svg-icon { color: var(--button-utility-active-icon-fill-color, hsla(0, 0%, 100%, 0.78)); } .usb-button.button--utility.button--large--icon-only, .usb-button.button--utility.button--medium--icon-only, .usb-button.button--utility.button--small--icon-only { border: none; } .usb-button.button--utility .svg-icon { color: var(--button-utility-icon-fill-color, #484861); } .usb-button.button--utility:hover { background: var(--button-utility-hover-background-color, #7a7a95); border: none; color: var(--button-utility-hover-text-color, #fff); padding: calc(var(--token-spacing-3, 0.75rem) + 1px) calc(var(--token-spacing-6, 1.5rem) + 1px); } .usb-button.button--utility:hover.button--large { padding: calc(var(--token-spacing-4, 1rem) + 1px) calc(var(--token-spacing-8, 2rem) + 1px); } .usb-button.button--utility:hover.button--small { padding: calc(var(--token-spacing-2, 0.5rem) + 1px) calc(var(--token-spacing-5, 1.25rem) + 1px); padding-left: calc(0.75rem + 1px); padding-right: calc(0.75rem + 1px); } .usb-button.button--utility:hover.button--small.button--small--icon-only { padding: var(--token-spacing-2, 0.5rem); } .usb-button.button--utility:hover.button--medium { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); } .usb-button.button--utility:hover.button--medium.button--medium--icon-only { padding: var(--token-spacing-2, 0.5rem); } .usb-button.button--utility:hover.button--large { padding-top: calc(0.75rem + 1px); padding-bottom: calc(0.7rem + 1px); } .usb-button.button--utility:hover.button--large.button--large--icon-only { padding: var(--token-spacing-3, 0.75rem); } .usb-button.button--utility:hover .svg-icon { color: var(--button-utility-hover-icon-fill-color, #fff); } .usb-button.button--utility:active { background: var(--button-utility-active-background-color, #484861); } .usb-button.button--utility:active, .usb-button.button--utility:active .svg-icon { color: var(--token-text-color-interaction-active, hsla(0, 0%, 100%, 0.78)); } @media (hover: none) and (pointer: coarse) { .usb-button.button--utility { background: var(--button-utility-background-color, #fff); border: var(--button-utility-hover-border-width, 0) solid var(--button-utility-hover-border-color, #7a7a95); } .usb-button.button--utility, .usb-button.button--utility .svg-icon { color: var(--button-utility-text-color, #484861); } .usb-button.button--utility:focus, .usb-button.button--utility:hover { background: var(--button-utility-background-color, #fff); color: var(--button-utility-text-color, #484861); border: var(--button-utility-hover-border-width, 0) solid var(--button-utility-hover-border-color, #7a7a95); } .usb-button.button--utility:focus .svg-icon, .usb-button.button--utility:hover .svg-icon { color: var(--button-utility-text-color, #484861); } .usb-button.button--utility:focus:before, .usb-button.button--utility:hover:before { border: 2px solid var(--token-border-focus, #235ae4); border-radius: var(--button-primary-border-radius, 0.5rem); content: ""; height: calc(100% + var(--token-spacing-3, 0.75rem)); position: absolute; left: -0.375rem; top: -0.375rem; width: calc(100% + var(--token-spacing-3, 0.75rem)); } .usb-button.button--utility:active { background: var(--button-utility-active-background-color, #484861); border: var(--button-utility-hover-border-width, 0) solid var(--button-utility-hover-border-color, #7a7a95); color: var(--token-text-color-interaction-active, hsla(0, 0%, 100%, 0.78)); padding: calc(var(--token-spacing-3, 0.75rem) + 1px) calc(var(--token-spacing-6, 1.5rem) + 1px); } .usb-button.button--utility:active.button--large { padding: calc(var(--token-spacing-4, 1rem) + 1px) calc(var(--token-spacing-8, 2rem) + 1px); } .usb-button.button--utility:active.button--small { padding: calc(var(--token-spacing-2, 0.5rem) + 1px) calc(var(--token-spacing-5, 1.25rem) + 1px); } .usb-button.button--utility:active .svg-icon { color: var(--token-text-color-interaction-active, hsla(0, 0%, 100%, 0.78)); } } .usb-button.button--text { background: var(--button-text-background-color, transparent); border-color: var(--button-text-border-color, transparent); border-width: var(--button-text-border-width, 0); border-radius: var(--button-text-border-radius, 0.5rem); color: var(--button-text-text-color, #235ae4); font-family: var(--button-text-font-family, Circular-USB, Arial, Helvetica, sans-serif); font-weight: var(--button-text-font-weight, 500); line-height: var(--button-text-line-height, 1); } .usb-button.button--text .svg-icon { color: var(--button-text-icon-fill-color, #235ae4); } .usb-button.button--text:hover { background: var(--button-text-hover-background-color, #003cc8); color: var(--button-text-hover-text-color, #fff); -webkit-text-decoration: var(--button-text-hover-text-decoration, none); text-decoration: var(--button-text-hover-text-decoration, none); } .usb-button.button--text:hover .svg-icon { color: var(--button-text-hover-icon-fill-color, #fff); } .usb-button.button--text:active { background: var(--button-text-active-background-color, #001e79); color: var(--button-text-active-text-color, hsla(0, 0%, 100%, 0.78)); } .usb-button.button--text:active .svg-icon { color: var(--button-text-active-icon-fill-color, hsla(0, 0%, 100%, 0.78)); } @media (hover: none) and (pointer: coarse) { .usb-button.button--text { background: var(--button-text-background-color, transparent); border: none; } .usb-button.button--text, .usb-button.button--text .svg-icon { color: var(--button-text-text-color, #235ae4); } .usb-button.button--text:focus, .usb-button.button--text:hover { background: var(--button-text-background-color, transparent); color: var(--button-text-text-color, #235ae4); border: none; } .usb-button.button--text:focus .svg-icon, .usb-button.button--text:hover .svg-icon { color: var(--button-text-text-color, #235ae4); } .usb-button.button--text:focus:before, .usb-button.button--text:hover:before { border: 2px solid var(--token-border-focus, #235ae4); border-radius: var(--button-primary-border-radius, 0.5rem); content: ""; height: calc(100% + var(--token-spacing-3, 0.75rem)); position: absolute; left: -0.375rem; top: -0.375rem; width: calc(100% + var(--token-spacing-3, 0.75rem)); } .usb-button.button--text:active { background: var(--button-text-active-background-color, #001e79); border: none; } .usb-button.button--text:active, .usb-button.button--text:active .svg-icon { color: var(--token-text-color-interaction-active, hsla(0, 0%, 100%, 0.78)); } } .usb-button.button--naked { line-height: var(--token-line-height-base, 1); } .usb-button.button--naked, .usb-button.button--naked:hover { background: var(--token-background-transparent, transparent); border: 0 var(--token-border-transparent, transparent); color: inherit; } .usb-button.button--naked .usb-icon { margin-right: var(--token-spacing-1, 0.25rem); } .usb-button.button--naked .usb-icon svg { fill: currentColor; } @media (hover: none) and (pointer: coarse) { .usb-button.button--naked, .usb-button.button--naked:hover { background: var(--token-background-transparent, transparent); color: inherit; } } .usb-button:focus:before { border: 2px solid var(--token-border-focus, #235ae4); border-radius: var(--button-primary-border-radius, 0.5rem); content: ""; height: calc(100% + var(--token-spacing-3, 0.75rem)); position: absolute; left: -0.375rem; top: -0.375rem; width: calc(100% + var(--token-spacing-3, 0.75rem)); } .usb-button:disabled, .usb-button[aria-disabled=true] { background: var(--token-disabled-background, rgba(205, 209, 226, 0.4)) !important; cursor: not-allowed !important; border-color: var(--token-border-transparent, transparent) !important; } .usb-button:disabled, .usb-button:disabled .svg-icon, .usb-button[aria-disabled=true], .usb-button[aria-disabled=true] .svg-icon { color: var(--token-disabled-foreground, #7a7a95) !important; } @media (hover: none) and (pointer: coarse) { .usb-button:disabled, .usb-button:disabled:focus, .usb-button:disabled:hover, .usb-button[aria-disabled=true], .usb-button[aria-disabled=true]:focus, .usb-button[aria-disabled=true]:hover { background: var(--token-disabled-background, rgba(205, 209, 226, 0.4)); color: var(--token-disabled-foreground, #7a7a95); } .usb-button:disabled:focus:before, .usb-button:disabled:hover:before, .usb-button[aria-disabled=true]:focus:before, .usb-button[aria-disabled=true]:hover:before { border-color: var(--token-border-transparent, transparent); } } .svg-icon { max-width: 100%; display: inline; } .svg-icon svg.single circle, .svg-icon svg.single ellipse, .svg-icon svg.single g, .svg-icon svg.single path { fill: inherit; transition: fill 0.1s ease; } .svg-icon.v-align-middle { display: inline-block; } .svg-icon.v-align-middle svg { vertical-align: middle; } .svg-icon.block { display: block; } .svg-icon.default { color: var(--icon-default-text-color, #7a7a95); fill: var(--icon-default-fill-color, #484861); } .svg-icon.light { color: var(--icon-light-text-color, #fff); fill: var(--icon-light-fill-color, #fff); } .svg-icon.brand-primary { color: var(--icon-brand-primary-text-color, #001e79); fill: var(--icon-brand-primary-fill-color, #001e79); } .svg-icon.brand-secondary { color: var(--icon-brand-secondary-text-color, #7a7a95); fill: var(--icon-brand-secondary-fill-color, #7a7a95); } .svg-icon.interaction { color: var(--icon-interaction-text-color, #235ae4); fill: var(--icon-interaction-fill-color, #235ae4); } .svg-icon.error { color: var(--icon-error-text-color, #ce2935); fill: var(--icon-error-fill-color, #ce2935); } .svg-icon.warning { color: var(--icon-warning-text-color, #eb5e01); fill: var(--icon-warning-fill-color, #eb5e01); } .svg-icon.success { color: var(--icon-success-text-color, #007d1e); fill: var(--icon-success-fill-color, #007d1e); } .svg-icon.neutral { color: var(--icon-neutral-msg-text-color, #235ae4); fill: var(--icon-neutral-msg-fill-color, #235ae4); } .svg-icon.grey10 { color: var(--icon-neutral-1-text-color, #f1f5fb); fill: var(--icon-neutral-1-fill-color, #f1f5fb); } .svg-icon.grey20 { color: var(--icon-neutral-2-text-color, #ebeff6); fill: var(--icon-neutral-2-fill-color, #ebeff6); } .svg-icon.grey30 { color: var(--icon-neutral-3-text-color, #cdd1e2); fill: var(--icon-neutral-3-fill-color, #cdd1e2); } .svg-icon.grey60 { color: var(--icon-neutral-4-text-color, #7a7a95); fill: var(--icon-neutral-4-fill-color, #7a7a95); } .svg-icon.grey70 { color: var(--icon-neutral-5-text-color, #63637f); fill: var(--icon-neutral-5-fill-color, #63637f); } .svg-icon.grey80 { color: var(--icon-neutral-6-text-color, #484861); fill: var(--icon-neutral-6-fill-color, #484861); } .svg-icon.grey90 { color: var(--icon-neutral-7-text-color, #2d2d3e); fill: var(--icon-neutral-7-fill-color, #2d2d3e); } .usb-notification > .confirmation, .usb-notification > .error, .usb-notification > .information, .usb-notification > .warning { display: flex; align-items: flex-start; width: 100%; padding: var(--token-spacing-4, 1rem) var(--token-spacing-10, 2.5rem) var(--token-spacing-4, 1rem) var(--token-spacing-4, 1rem); border-radius: var(--token-rounded-sm, 0.25rem); position: relative; outline-offset: -1px; color: var(--notification-text-color, #2d2d3e); font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-weight: var(--token-font-weight-reg, 400); font-size: var(--token-font-size-sm, 0.875rem); line-height: var(--token-line-height-3xl, 1.5); } .usb-notification > .confirmation > div, .usb-notification > .error > div, .usb-notification > .information > div, .usb-notification > .warning > div { margin-right: var(--token-spacing-3, 0.75rem); } .usb-notification > .confirmation h2, .usb-notification > .error h2, .usb-notification > .information h2, .usb-notification > .warning h2 { position: relative; color: var(--notification-heading-text-color, #2d2d3e); font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-weight: var(--token-font-weight-med, 500); font-size: var(--token-font-size-sm, 0.875rem); line-height: var(--token-line-height-3xl, 1.5); display: flex; } .usb-notification > .confirmation ul, .usb-notification > .error ul, .usb-notification > .information ul, .usb-notification > .warning ul { list-style-type: disc; margin: var(--token-spacing-1, 0.25rem) var(--token-spacing-0, 0) var(--token-spacing-0, 0) var(--token-spacing-12, 3rem); } .usb-notification > .confirmation ul li, .usb-notification > .error ul li, .usb-notification > .information ul li, .usb-notification > .warning ul li { margin: var(--token-spacing-2, 0.5rem) var(--token-spacing-0, 0) var(--token-spacing-0, 0); vertical-align: middle; font-size: var(--token-font-size-sm, 0.875rem); } .usb-notification > .confirmation ul li .button--naked, .usb-notification > .error ul li .button--naked, .usb-notification > .information ul li .button--naked, .usb-notification > .warning ul li .button--naked { margin: var(--token-spacing-0, 0); -webkit-text-decoration: underline; text-decoration: underline; line-height: inherit; vertical-align: initial; border: none; background: none; padding: var(--token-spacing-0, 0); display: inline; } .usb-notification > .confirmation a, .usb-notification > .confirmation button:not(.usb-button), .usb-notification > .error a, .usb-notification > .error button:not(.usb-button), .usb-notification > .information a, .usb-notification > .information button:not(.usb-button), .usb-notification > .warning a, .usb-notification > .warning button:not(.usb-button) { -webkit-text-decoration: none; text-decoration: none; border: none; background: none; padding: var(--token-spacing-0, 0); line-height: var(--token-line-height-3xl, 1.5); } .usb-notification > .confirmation .notification--content-group, .usb-notification > .error .notification--content-group, .usb-notification > .information .notification--content-group, .usb-notification > .warning .notification--content-group { white-space: normal; } @media only screen and (min-width: 30rem) { .usb-notification > .confirmation .notification--content-group, .usb-notification > .error .notification--content-group, .usb-notification > .information .notification--content-group, .usb-notification > .warning .notification--content-group { white-space: nowrap; } } .usb-notification > .confirmation .multiple-notification--text, .usb-notification > .confirmation .single-notification--text, .usb-notification > .error .multiple-notification--text, .usb-notification > .error .single-notification--text, .usb-notification > .information .multiple-notification--text, .usb-notification > .information .single-notification--text, .usb-notification > .warning .multiple-notification--text, .usb-notification > .warning .single-notification--text { display: inline-flex; flex-direction: row; -webkit-text-decoration: none; text-decoration: none; font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); line-height: var(--token-line-height-3xl, 1.5); font-size: var(--token-font-size-sm, 0.875rem); font-weight: var(--token-font-weight-reg, 400); color: var(--notification-message-text-color, #2d2d3e); } .usb-notification > .confirmation .multiple-notification--text.single-notification--header, .usb-notification > .confirmation .single-notification--text.single-notification--header, .usb-notification > .error .multiple-notification--text.single-notification--header, .usb-notification > .error .single-notification--text.single-notification--header, .usb-notification > .information .multiple-notification--text.single-notification--header, .usb-notification > .information .single-notification--text.single-notification--header, .usb-notification > .warning .multiple-notification--text.single-notification--header, .usb-notification > .warning .single-notification--text.single-notification--header { outline: none; } .usb-notification > .confirmation .single-notification--text, .usb-notification > .confirmation .single-notification--text + span.notification--content-group, .usb-notification > .error .single-notification--text, .usb-notification > .error .single-notification--text + span.notification--content-group, .usb-notification > .information .single-notification--text, .usb-notification > .information .single-notification--text + span.notification--content-group, .usb-notification > .warning .single-notification--text, .usb-notification > .warning .single-notification--text + span.notification--content-group { vertical-align: middle; } .usb-notification > .confirmation .multiple-notification--btn-text, .usb-notification > .confirmation .multiple-notification--link-text, .usb-notification > .confirmation .single-notification--link-btn, .usb-notification > .confirmation .single-notification--link-text, .usb-notification > .error .multiple-notification--btn-text, .usb-notification > .error .multiple-notification--link-text, .usb-notification > .error .single-notification--link-btn, .usb-notification > .error .single-notification--link-text, .usb-notification > .information .multiple-notification--btn-text, .usb-notification > .information .multiple-notification--link-text, .usb-notification > .information .single-notification--link-btn, .usb-notification > .information .single-notification--link-text, .usb-notification > .warning .multiple-notification--btn-text, .usb-notification > .warning .multiple-notification--link-text, .usb-notification > .warning .single-notification--link-btn, .usb-notification > .warning .single-notification--link-text { color: var(--notification-message-link-text-color, #235ae4); font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-size: var(--token-font-size-base, 1rem); font-size: var(--token-font-size-sm, 0.875rem); font-weight: var(--token-font-weight-reg, 400); -webkit-text-decoration: underline; text-decoration: underline; text-align: left; line-height: var(--token-line-height-3xl, 1.5); } .usb-notification > .confirmation .multiple-notification--btn-text:hover, .usb-notification > .confirmation .multiple-notification--link-text:hover, .usb-notification > .confirmation .single-notification--link-btn:hover, .usb-notification > .confirmation .single-notification--link-text:hover, .usb-notification > .error .multiple-notification--btn-text:hover, .usb-notification > .error .multiple-notification--link-text:hover, .usb-notification > .error .single-notification--link-btn:hover, .usb-notification > .error .single-notification--link-text:hover, .usb-notification > .information .multiple-notification--btn-text:hover, .usb-notification > .information .multiple-notification--link-text:hover, .usb-notification > .information .single-notification--link-btn:hover, .usb-notification > .information .single-notification--link-text:hover, .usb-notification > .warning .multiple-notification--btn-text:hover, .usb-notification > .warning .multiple-notification--link-text:hover, .usb-notification > .warning .single-notification--link-btn:hover, .usb-notification > .warning .single-notification--link-text:hover { -webkit-text-decoration: none; text-decoration: none; } .usb-notification > .confirmation .multiple-notification--link, .usb-notification > .error .multiple-notification--link, .usb-notification > .information .multiple-notification--link, .usb-notification > .warning .multiple-notification--link { margin-left: var(--token-spacing-1, 0.25rem); } .usb-notification > .confirmation .single-notification--btn-text, .usb-notification > .confirmation .single-notification--link-text, .usb-notification > .error .single-notification--btn-text, .usb-notification > .error .single-notification--link-text, .usb-notification > .information .single-notification--btn-text, .usb-notification > .information .single-notification--link-text, .usb-notification > .warning .single-notification--btn-text, .usb-notification > .warning .single-notification--link-text { color: var(--notification-message-link-text-color, #235ae4); font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-size: var(--token-font-size-base, 1rem); font-size: var(--token-font-size-sm, 0.875rem); font-weight: var(--token-font-weight-reg, 400); -webkit-text-decoration: underline; text-decoration: underline; line-height: var(--token-line-height-3xl, 1.5); margin: var(--token-spacing-0, 0) var(--token-spacing-1, 0.25rem); } .usb-notification > .confirmation .single-notification--btn-text:hover, .usb-notification > .confirmation .single-notification--link-text:hover, .usb-notification > .error .single-notification--btn-text:hover, .usb-notification > .error .single-notification--link-text:hover, .usb-notification > .information .single-notification--btn-text:hover, .usb-notification > .information .single-notification--link-text:hover, .usb-notification > .warning .single-notification--btn-text:hover, .usb-notification > .warning .single-notification--link-text:hover { -webkit-text-decoration: none; text-decoration: none; } .usb-notification > .confirmation .single-notification--text-end-short, .usb-notification > .error .single-notification--text-end-short, .usb-notification > .information .single-notification--text-end-short, .usb-notification > .warning .single-notification--text-end-short { margin: var(--token-spacing-0, 0) var(--token-spacing-0, 0) var(--token-spacing-0, 0) var(--token-spacing-1, 0.25rem); } .usb-notification > .confirmation .single-notification--link-btn, .usb-notification > .confirmation .single-notification--text, .usb-notification > .error .single-notification--link-btn, .usb-notification > .error .single-notification--text, .usb-notification > .information .single-notification--link-btn, .usb-notification > .information .single-notification--text, .usb-notification > .warning .single-notification--link-btn, .usb-notification > .warning .single-notification--text { -webkit-text-decoration: none; text-decoration: none; color: var(--notification-message-button-background-color, #2d2d3e); font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-size: var(--token-font-size-base, 1rem); line-height: var(--token-line-height-3xl, 1.5); font-size: var(--token-font-size-sm, 0.875rem); font-weight: var(--token-font-weight-reg, 400); } @media (-ms-high-contrast: active), (-ms-high-contrast: none) { .usb-notification > .confirmation .single-notification--link-btn, .usb-notification > .confirmation .single-notification--text, .usb-notification > .error .single-notification--link-btn, .usb-notification > .error .single-notification--text, .usb-notification > .information .single-notification--link-btn, .usb-notification > .information .single-notification--text, .usb-notification > .warning .single-notification--link-btn, .usb-notification > .warning .single-notification--text { margin-left: 12px; } } .usb-notification > .confirmation .single-notification--link-btn:focus, .usb-notification > .confirmation .single-notification--text:focus, .usb-notification > .error .single-notification--link-btn:focus, .usb-notification > .error .single-notification--text:focus, .usb-notification > .information .single-notification--link-btn:focus, .usb-notification > .information .single-notification--text:focus, .usb-notification > .warning .single-notification--link-btn:focus, .usb-notification > .warning .single-notification--text:focus { outline-offset: var(--token-spacing-1, 0.25rem); outline-color: var(--token-text-color-interaction, #235ae4); } .usb-notification > .confirmation .single-notification--btn-wrapper, .usb-notification > .error .single-notification--btn-wrapper, .usb-notification > .information .single-notification--btn-wrapper, .usb-notification > .warning .single-notification--btn-wrapper { display: flex; } .usb-notification > .confirmation #children-notification-children-notification, .usb-notification > .error #children-notification-children-notification, .usb-notification > .information #children-notification-children-notification, .usb-notification > .warning #children-notification-children-notification { padding-top: var(--token-spacing-1, 0.25rem); } .usb-notification > .confirmation #children-notification-children-notification a, .usb-notification > .error #children-notification-children-notification a, .usb-notification > .information #children-notification-children-notification a, .usb-notification > .warning #children-notification-children-notification a { -webkit-text-decoration: underline; text-decoration: underline; } .usb-notification .usb-children-notification { margin-left: var(--token-spacing-8, 2rem); } .usb-notification .usb-children-notification .usb-icon { position: absolute; left: var(--token-spacing-4, 1rem); } .usb-notification .icon { width: var(--token-spacing-5, 1.25rem); height: var(--token-spacing-5, 1.25rem); margin-right: var(--token-spacing-3, 0.75rem); } @media (-ms-high-contrast: active), (-ms-high-contrast: none) { .usb-notification .icon { width: 20px; } } .usb-notification .usb-button.usb-button--close-btn { position: absolute; top: var(--token-spacing-4, 1rem); right: var(--token-spacing-5, 1.25rem); cursor: pointer; padding: var(--token-spacing-0, 0); height: var(--token-spacing-5, 1.25rem); min-height: 0; min-width: 0; width: var(--token-spacing-5, 1.25rem); background: transparent; } .usb-notification .usb-button.usb-button--close-btn .svg-icon svg circle, .usb-notification .usb-button.usb-button--close-btn .svg-icon svg ellipse, .usb-notification .usb-button.usb-button--close-btn .svg-icon svg g, .usb-notification .usb-button.usb-button--close-btn .svg-icon svg path { fill: var(--notification-close-icon-fill-color, #2d2d3e); } .usb-notification .usb-button.usb-button--close-btn:hover { background: transparent; } .usb-notification > .error { border: 1px solid var(--notification-error-border-color, #ffbeb4); border-top: 4px solid var(--notification-error-border-top, #ce2935); background-color: var(--notification-error-background-color, #ffe9ea); box-shadow: var(--token-shadow-sm, 0 1px 3px 0 rgba(0, 0, 0, 0.12)); } .usb-notification > .error .usb-button:hover .svg-icon svg circle, .usb-notification > .error .usb-button:hover .svg-icon svg g, .usb-notification > .error .usb-button:hover .svg-icon svg path, .usb-notification > .error .usb-button:hover .svg-icon svg rect { fill: var(--notification-error-hover-icon-fill-color, #2d2d3e); } .usb-notification > .confirmation { border: 1px solid var(--notification-confirmation-border-color, #a0dcaa); border-top: 4px solid var(--notification-confirmation-border-top, #007d1e); background-color: var(--notification-confirmation-background-color, #e5f8e8); box-shadow: var(--token-shadow-sm, 0 1px 3px 0 rgba(0, 0, 0, 0.12)); } .usb-notification > .confirmation .usb-button:hover .svg-icon svg circle, .usb-notification > .confirmation .usb-button:hover .svg-icon svg g, .usb-notification > .confirmation .usb-button:hover .svg-icon svg path, .usb-notification > .confirmation .usb-button:hover .svg-icon svg rect { fill: var(--notification-confirmation-hover-icon-fill-color, #2d2d3e); } .usb-notification > .warning { border: 1px solid var(--notification-warning-border-color, #ffd589); border-top: 4px solid var(--notification-warning-border-top, #eb5e01); background-color: var(--notification-warning-background-color, #fff4e4); box-shadow: var(--token-shadow-sm, 0 1px 3px 0 rgba(0, 0, 0, 0.12)); } .usb-notification > .warning .svg-icon { transform: rotate(180deg); } .usb-notification > .warning .usb-button:hover .svg-icon svg circle, .usb-notification > .warning .usb-button:hover .svg-icon svg g, .usb-notification > .warning .usb-button:hover .svg-icon svg path, .usb-notification > .warning .usb-button:hover .svg-icon svg rect { fill: var(--notification-warning-hover-icon-fill-color, #2d2d3e); } .usb-notification > .information { box-shadow: var(--token-shadow-sm, 0 1px 3px 0 rgba(0, 0, 0, 0.12)); border: 1px solid var(--notification-information-border-color, #aad2ff); border-top: 4px solid var(--notification-information-border-top, #235ae4); background-color: var(--notification-information-background-color, #eef6ff); } .usb-notification > .information .usb-button:hover .svg-icon svg circle, .usb-notification > .information .usb-button:hover .svg-icon svg g, .usb-notification > .information .usb-button:hover .svg-icon svg path, .usb-notification > .information .usb-button:hover .svg-icon svg rect { fill: var(--notification-information-hover-icon-fill-color, #2d2d3e); } .usb--error-message { display: flex; justify-content: flex-start; align-items: flex-start; font-size: 0.75rem; font-size: var(--token-font-size-xs, 0.75rem); } .usb--error-message svg { color: #cf2a36; color: var(--token-status-danger-mid, #cf2a36); fill: #cf2a36; fill: var(--token-status-danger-mid, #cf2a36); height: 1rem; height: var(--token-spacing-4, 1rem); margin-right: 0.25rem; margin-right: var(--token-spacing-1, 0.25rem); width: 0.75rem; width: var(--token-spacing-3, 0.75rem); } .usb--error-message span { color: #cf2a36; color: var(--token-status-danger-mid, #cf2a36); line-height: 1.25; line-height: var(--token-line-height-lg, 1.25); margin-top: 0.25rem; margin-top: var(--token-spacing-1, 0.25rem); } .usb--error-message span.usb-icon { line-height: 1; line-height: var(--token-line-height-base, 1); } .optionalSpan { color: #63637f; color: var(--token-text-color-tertiary, #63637f); display: flex; font-family: Circular-USB, sans-serif; font-family: var(--token-font-base, Circular-USB, sans-serif); font-size: 0.75rem; font-size: var(--token-font-size-xs, 0.75rem); font-weight: 400; font-weight: var(--token-font-weight-reg, 400); line-height: 1.5; line-height: var(--token-line-height-3xl, 1.5); padding-top: 0.25rem; padding-top: var(--token-spacing-1, 0.25rem); } .helper_label--wrapper { display: flex; justify-content: flex-start; align-items: flex-start; } .helper_label--wrapper .en_dash { color: #63637f; color: var(--token-text-color-tertiary, #63637f); font-family: Circular-USB, sans-serif; font-family: var(--token-font-base, Circular-USB, sans-serif); font-size: 0.75rem; font-size: var(--token-font-size-xs, 0.75rem); font-weight: 400; font-weight: var(--token-font-weight-reg, 400); line-height: 1.5; line-height: var(--token-line-height-3xl, 1.5); padding: 4px 0.25rem 0; padding: 4px var(--token-spacing-1, 0.25rem) 0; } .shakeWarning { display: block; animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; transform: translateZ(0); backface-visibility: hidden; perspective: 1000px; } @keyframes shake { 10%, 90% { transform: translate3d(-1px, 0, 0); } 20%, 80% { transform: translate3d(2px, 0, 0); } 30%, 50%, 70% { transform: translate3d(-4px, 0, 0); } 40%, 60% { transform: translate3d(4px, 0, 0); } } .icon-container { margin: 0; position: absolute; right: 0; top: 0.25rem; top: var(--token-spacing-1, 0.25rem); } .usb--wrapper button.show-hide__button { background-color: initial; border: none; color: #63637f; color: var(--token-text-color-tertiary, #63637f); font-size: 0.875rem; font-size: var(--token-font-size-sm, 0.875rem); font-weight: 400; font-weight: var(--token-font-weight-reg, 400); line-height: 1.25rem; line-height: var(--token-spacing-5, 1.25rem); min-height: 1.5rem; min-height: var(--token-spacing-6, 1.5rem); margin: 0; outline: none; padding: 0; position: absolute; right: 0; right: var(--forms-base-label-show-hide-right, 0); top: 1rem; top: var(--forms-base-label-show-hide-top, 1rem); } .usb--wrapper button.show-hide__button:after { content: ""; border: 2px solid transparent; border-radius: 0.25rem; border-radius: var(--token-rounded-sm, 0.25rem); height: calc(100% + 0.5rem); height: calc(100% + var(--token-spacing-2, 0.5rem)); position: absolute; left: -0.25rem; left: calc(var(--token-spacing-1, 0.25rem) * -1); top: -0.25rem; top: calc(var(--token-spacing-1, 0.25rem) * -1); transition: 0.1s ease border; transition: var(--token-timing-fast-ease, 0.1s ease) border; width: calc(100% + 0.5rem); width: calc(100% + var(--token-spacing-2, 0.5rem)); } .usb--wrapper button.show-hide__button:hover { -webkit-text-decoration: none; text-decoration: none; } .usb--wrapper button.show-hide__button:focus:after { border-color: #235ae4; border-color: var(--token-border-focus, #235ae4); } .usb--checkbox--fieldset { border: 0; margin-bottom: -1.25rem; margin-bottom: calc(var(--token-spacing-5, 1.25rem) * -1); } .usb--checkbox-group--legend { color: #2d2d3e; color: var(--checkbox-group-label-text-color, #2d2d3e); font-family: Circular-USB, sans-serif; font-family: var(--token-font-base, Circular-USB, sans-serif); font-size: 1rem; font-size: var(--token-font-size-base, 1rem); font-weight: 500; font-weight: var(--token-font-weight-med, 500); line-height: 1.5; line-height: var(--token-line-height-3xl, 1.5); position: relative; } .usb--checkbox-group--legend .usb--error-message span { margin-top: 0.25rem; margin-top: var(--token-spacing-1, 0.25rem); } .usb--checkbox-group--legend .usb-toggletip-container { display: inline-block; position: relative; left: -0.25rem; left: calc(var(--token-spacing-1, 0.25rem) * -1); right: auto; top: 0.25rem; top: var(--token-spacing-1, 0.25rem); transform: none; } .usb--checkbox-group--legend .usb-toggletip-container + .helper_label--wrapper span { padding-top: 0; } .usb--checkbox-group--legend .usb-toggletip-container + .usb--error-message span { margin-top: 0; } .usb--checkbox-group--legend .helper_label--wrapper span { padding-top: 0.25rem; padding-top: var(--token-spacing-1, 0.25rem); } .usb--checkbox-wrapper { margin-top: 0; margin-bottom: 1.25rem; margin-bottom: var(--token-spacing-5, 1.25rem); min-height: unset; padding-top: 0; flex-basis: 50%; } .usb--checkbox-list { margin-top: 1.5rem; margin-top: var(--token-spacing-6, 1.5rem); } @media only screen and (min-width: 41.9375rem) { .usb--checkbox-list .checkbox-column { flex-basis: 50%; } .usb--checkbox-list .checkbox-column:not(:first-of-type) { margin-left: 2rem; margin-left: var(--token-spacing-8, 2rem); } .usb--checkbox-list.columns { display: flex; } } .usb--checkbox-indeterminate_parent + ul > li { margin-bottom: 1.25rem; margin-bottom: var(--token-spacing-5, 1.25rem); } .usb--checkbox-indeterminate_child { margin-left: 1.25rem; margin-left: var(--token-spacing-5, 1.25rem); } .usb--checkbox--fieldset.usb--selectable-card { margin-bottom: 0; } .usb--checkbox--fieldset.usb--selectable-card .usb--checkbox-list { margin-top: 0; } .usb--checkbox--fieldset.usb--selectable-card .usb--error-message { margin-bottom: 0.75rem; margin-bottom: var(--token-spacing-3, 0.75rem); } .usb--checkbox--fieldset.usb--selectable-card .usb--selectablecard-wrapper { padding-top: 1px; padding-bottom: 1rem; } .usb--checkbox-input { cursor: pointer; height: 2.75rem; height: var(--token-spacing-11, 2.75rem); opacity: 0; position: absolute; left: -0.75rem; left: calc(var(--token-spacing-3, 0.75rem) * -1); top: -0.75rem; top: calc(var(--token-spacing-3, 0.75rem) * -1); width: 2.75rem; width: var(--token-spacing-11, 2.75rem); z-index: 10; } .usb--checkbox-input:checked + label .usb--checkbox-svg svg, .usb--checkbox-input[aria-checked=mixed] + label .usb--checkbox-svg svg, .usb--checkbox-input[aria-checked=true] + label .usb--checkbox-svg svg { border-width: 0; background: #235ae4; background: var(--checkbox-checked-icon-background-color, #235ae4); fill: #fff; fill: var(--checkbox-checked-icon-fill-color, #fff); } .usb--checkbox-input:checked:disabled + label .usb--checkbox-svg svg, .usb--checkbox-input[aria-checked=mixed]:disabled + label .usb--checkbox-svg svg, .usb--checkbox-input[aria-checked=true]:disabled + label .usb--checkbox-svg svg { fill: #484861; fill: var(--checkbox-checked-disabled-icon-fill-color, #484861); } .usb--checkbox-input[aria-checked=mixed] + label .usb--checkbox-svg svg { stroke: #fff; stroke: var(--checkbox-checked-icon-fill-color, #fff); } .usb--checkbox-input[aria-checked=mixed]:disabled + label .usb--checkbox-svg svg { stroke: #484861; stroke: var(--checkbox-checked-disabled-icon-fill-color, #484861); } .usb--checkbox-input:focus + label:after { border-color: #003cc8; border-color: var(--checkbox-focus-border-color, #003cc8); } .usb--checkbox-input:disabled, .usb--checkbox-input:disabled + label, .usb--checkbox-input:disabled + label .usb--checkbox-svg svg { cursor: not-allowed; } .usb--checkbox-input:disabled + label .usb--checkbox-svg svg { background: #ccccd2; background: var(--checkbox-disabled-label-icon-background-color, #ccccd2); border-width: 0; } .usb--checkbox-input ~ .helper_label--wrapper { margin-left: 2rem; margin-left: var(--token-spacing-8, 2rem); } .usb--checkbox-icon { margin-right: 0.5rem; margin-right: var(--token-spacing-2, 0.5rem); margin-top: -0.25rem; width: 2rem; width: var(--token-spacing-8, 2rem); min-width: 2rem; min-width: var(--token-spacing-8, 2rem); text-align: center; height: 2rem !important; height: var(--token-spacing-8, 2rem) !important; } .usb--checkbox-icon-radius, .usb--checkbox-icon-radius svg { border-radius: 50%; } .usb--checkbox-label { color: #484861; color: var(--checkbox-label-text-color, #484861); cursor: pointer; display: flex; align-items: flex-start; flex-direction: row-reverse; justify-content: flex-end; font-family: Circular-USB, sans-serif; font-family: var(--checkbox-label-font-family, Circular-USB, sans-serif); font-size: 1rem; font-size: var(--checkbox-label-font-size, 1rem); font-weight: 400; font-weight: var(--checkbox-label-font-weight, 400); position: relative; width: 100%; } .usb--checkbox-label:after { content: ""; border: 2px solid transparent; border-radius: 0.25rem; border-radius: var(--checkbox-focus-border-radius, 0.25rem); height: 2rem; height: var(--token-spacing-8, 2rem); position: absolute; left: -0.375rem; top: -0.375rem; width: 2rem; width: var(--token-spacing-8, 2rem); } .usb--checkbox-label span { display: flex; align-items: center; justify-content: center; } .usb--checkbox-label span.usb--checkbox-svg svg { background: #fff; background: var(--checkbox-icon-background-color, #fff); border: 1px solid #7a7a95; border: 1px solid var(--checkbox-border-color, #7a7a95); border-radius: 0.25rem; border-radius: var(--checkbox-border-radius, 0.25rem); fill: transparent; stroke: transparent; height: 1.25rem; height: var(--token-spacing-5, 1.25rem); transition: border-color 0.25s ease; transition: border-color var(--token-timing-default-ease, 0.25s ease); pointer-events: none; min-width: 1.25rem; min-width: var(--token-spacing-5, 1.25rem); margin-right: 0.75rem; margin-right: var(--token-spacing-3, 0.75rem); position: relative; vertical-align: middle; width: 1.25rem; width: var(--token-spacing-5, 1.25rem); } .usb--checkbox-label span.usb--checkbox-label-text { display: inline; } .usb--checkbox-label + .usb--error-message { margin-left: 2rem; margin-left: var(--token-spacing-8, 2rem); } .usb--checkbox-legend { color: #2d2d3e; color: var(--checkbox-group-label-text-color, #2d2d3e); font-family: Circular-USB, sans-serif; font-family: var(--token-font-base, Circular-USB, sans-serif); font-size: 1rem; font-size: var(--token-font-size-base, 1rem); font-weight: 500; font-weight: var(--token-font-weight-med, 500); line-height: 1.5; line-height: var(--token-line-height-3xl, 1.5); position: relative; } .usb--checkbox-legend .usb--error-message span { margin-top: 0.25rem; margin-top: var(--token-spacing-1, 0.25rem); } .usb--checkbox-legend .usb-toggletip-container { display: inline-block; position: relative; left: -0.25rem; left: calc(var(--token-spacing-1, 0.25rem) * -1); right: auto; top: 0.25rem; top: var(--token-spacing-1, 0.25rem); transform: none; } .usb--checkbox-legend .usb-toggletip-container + .helper_label--wrapper span { padding-top: 0; } .usb--checkbox-legend .usb-toggletip-container + .usb--error-message span { margin-top: 0; } .usb--checkbox-legend .helper_label--wrapper span { padding-top: 0.25rem; padding-top: var(--token-spacing-1, 0.25rem); } .usb--checkbox-wrapper { position: relative; } .usb--checkbox-wrapper.usb--checkbox--fieldset > .usb--checkbox-label { margin-top: 1.5rem; margin-top: var(--token-spacing-6, 1.5rem); } .usb--checkbox-wrapper.usb--checkbox--fieldset > .usb--checkbox-input { top: 0.75rem; top: var(--token-spacing-3, 0.75rem); } .usb--checkbox-wrapper .helper_label--wrapper span { color: #63637f; color: var(--checkbox-helper-text-text-color, #63637f); } .usb--checkbox-wrapper.is-error .usb--checkbox-input + label .usb--checkbox-svg svg { background: #fff; background: var(--checkbox-error-icon-background-color, #fff); border: 2px solid #cf2a36; border: 2px solid var(--checkbox-error-border-color, #cf2a36); } .usb--checkbox-wrapper.is-error .usb--checkbox-input:checked + label .usb--checkbox-svg svg, .usb--checkbox-wrapper.is-error .usb--checkbox-input[aria-checked=true] + label svg { fill: #cf2a36; fill: var(--checkbox-error-icon-fill-color, #cf2a36); } .usb--checkbox-wrapper.is-error .usb--checkbox-input[aria-checked=mixed] + label svg { stroke: #cf2a36; stroke: var(--checkbox-error-icon-fill-color, #cf2a36); } .usb--checkbox-wrapper.is-error:hover .usb--checkbox-input:checked + label .usb--checkbox-svg svg, .usb--checkbox-wrapper.is-error:hover .usb--checkbox-input[aria-checked=mixed] + label .usb--checkbox-svg svg, .usb--checkbox-wrapper.is-error:hover .usb--checkbox-input[aria-checked=true] + label .usb--checkbox-svg svg { background: #fff; background: var(--checkbox-hover-error-icon-background-color, #fff); border: 2px solid #001e79; border: 2px solid var(--checkbox-hover-error-border-color, #001e79); fill: #cf2a36; fill: var(--checkbox-hover-error-icon-fill-color, #cf2a36); } .usb--checkbox-wrapper.is-error:hover .usb--checkbox-input[aria-checked=mixed] + label .usb--checkbox-svg svg { stroke: #cf2a36; stroke: var(--checkbox-hover-error-icon-fill-color, #cf2a36); } .usb--checkbox-wrapper:hover:not(.is-read-only):not(.is-disabled) .usb--checkbox-input + label .usb--checkbox-svg svg { border: 2px solid #003cc8; border: 2px solid var(--checkbox-hover-border-color, #003cc8); } .usb--checkbox-wrapper:hover:not(.is-read-only):not(.is-disabled) .usb--checkbox-input:active + label .usb--checkbox-svg svg { border: 2px solid #001e79; border: 2px solid var(--checkbox-hover-active-border-color, #001e79); } .usb--checkbox-wrapper:hover:not(.is-read-only):not(.is-disabled) .usb--checkbox-input:checked + label .usb--checkbox-svg svg, .usb--checkbox-wrapper:hover:not(.is-read-only):not(.is-disabled) .usb--checkbox-input[aria-checked=mixed] + label .usb--checkbox-svg svg, .usb--checkbox-wrapper:hover:not(.is-read-only):not(.is-disabled) .usb--checkbox-input[aria-checked=true] + label .usb--checkbox-svg svg { background: #003cc8; background: var(--checkbox-checked-hover-icon-background-color, #003cc8); border-width: 0; fill: #fff; fill: var(--checkbox-checked-hover-icon-fill-color, #fff); } .usb--checkbox-wrapper:hover:not(.is-read-only):not(.is-disabled) .usb--checkbox-input:checked:active + label .usb--checkbox-svg svg, .usb--checkbox-wrapper:hover:not(.is-read-only):not(.is-disabled) .usb--checkbox-input[aria-checked=mixed]:active + label .usb--checkbox-svg svg, .usb--checkbox-wrapper:hover:not(.is-read-only):not(.is-disabled) .usb--checkbox-input[aria-checked=true]:active + label .usb--checkbox-svg svg { background: hsla(0, 0%, 100%, 0.78); background: var(--checkbox-checked-hover-active-icon-background-color, hsla(0, 0%, 100%, 0.78)); } .usb--checkbox-wrapper:hover:not(.is-read-only):not(.is-disabled) .usb--checkbox-input[aria-checked=mixed] + label .usb--checkbox-svg svg { stroke: #fff; stroke: var(--checkbox-checked-hover-icon-fill-color, #fff); } .usb--checkbox-wrapper.is-read-only { cursor: not-allowed; } .usb--checkbox-wrapper.is-read-only .usb--checkbox-input, .usb--checkbox-wrapper.is-read-only .usb--checkbox-input + label { pointer-events: none; } .usb--checkbox-wrapper.is-read-only .usb--checkbox-input + label:after { content: ""; border: 2px solid transparent; border-radius: 0.25rem; border-radius: var(--checkbox-focus-border-radius, 0.25rem); height: 2rem; height: var(--token-spacing-8, 2rem); position: absolute; left: -0.375rem; top: -0.375rem; width: 2rem; width: var(--token-spacing-8, 2rem); } .usb--checkbox-wrapper.is-read-only .usb--checkbox-input + label span { display: flex; align-items: center; justify-content: center; } .usb--checkbox-wrapper.is-read-only .usb--checkbox-input + label span.usb--checkbox-svg svg { background: #fff; background: var(--checkbox-icon-background-color, #fff); border: 1px solid #7a7a95; border: 1px solid var(--checkbox-border-color, #7a7a95); border-radius: 0.25rem; border-radius: var(--checkbox-border-radius, 0.25rem); fill: transparent; height: 1.25rem; height: var(--token-spacing-5, 1.25rem); transition: border-color 0.25s ease; transition: border-color var(--token-timing-default-ease, 0.25s ease); pointer-events: none; min-width: 1.25rem; min-width: var(--token-spacing-5, 1.25rem); margin-right: 0.75rem; margin-right: var(--token-spacing-3, 0.75rem); position: relative; vertical-align: middle; width: 1.25rem; width: var(--token-spacing-5, 1.25rem); } .usb--checkbox-wrapper.is-read-only .usb--checkbox-input + label span.usb--checkbox-label-text { display: inline; } .usb--checkbox-wrapper.is-read-only .usb--checkbox-input + label span:checked + label .usb--checkbox-svg svg, .usb--checkbox-wrapper.is-read-only .usb--checkbox-input + label span[aria-checked=true] + label .usb--checkbox-svg svg { fill: #484861; fill: var(--checkbox-readonly-icon-fill-color, #484861); } .usb--checkbox-wrapper.is-read-only .usb--checkbox-input + label span[aria-checked=mixed] + label .usb--checkbox-svg svg { stroke: #484861; stroke: var(--checkbox-readonly-icon-fill-color, #484861); } .usb--wrapper { background-color: transparent; background-color: var(--text-input-wrapper-background-color, transparent); margin-top: 0.5rem; margin-top: var(--token-spacing-2, 0.5rem); min-height: 3rem; min-height: var(--token-spacing-12, 3rem); padding-top: 1rem; padding-top: var(--token-spacing-4, 1rem); position: relative; width: 100%; z-index: 0; } .usb--wrapper.is-long-label { margin-top: 1.75rem; margin-top: calc(var(--token-spacing-2, 0.5rem) + var(--token-spacing-5, 1.25rem)); } .usb--wrapper .usb--basic-input { background-color: transparent; background-color: var(--text-input-basic-background-color, transparent); border-radius: 0; border-radius: var(--text-input-basic-border-radius, 0); border-top: 0 solid #7a7a95; border-top: var(--text-input-basic-border-top-width, 0) var(--text-input-basic-border-style, solid) var(--text-input-basic-border-color, #7a7a95); border-right: 0 solid #7a7a95; border-right: var(--text-input-basic-border-right-width, 0) var(--text-input-basic-border-style, solid) var(--text-input-basic-border-color, #7a7a95); border-bottom: 1px solid #7a7a95; border-bottom: var(--text-input-basic-border-bottom-width, 1px) var(--text-input-basic-border-style, solid) var(--text-input-basic-border-color, #7a7a95); border-left: 0 solid #7a7a95; border-left: var(--text-input-basic-border-left-width, 0) var(--text-input-basic-border-style, solid) var(--text-input-basic-border-color, #7a7a95); color: #484861; color: var(--text-input-basic-text-color, #484861); font-family: Circular-USB, sans-serif; font-family: var(--text-input-basic-font-family, Circular-USB, sans-serif); font-size: 1rem; font-size: var(--text-input-basic-font-size, 1rem); font-weight: 400; font-weight: var(--text-input-basic-font-weight, 400); line-height: 1.5; line-height: var(--token-line-height-3xl, 1.5); margin: 0.313rem auto auto auto; margin: var(--text-input-basic-margin-top, 0.313rem) var(--text-input-basic-margin-right, auto) var(--text-input-basic-margin-bottom, auto) var(--text-input-basic-margin-left, auto); padding: 0 0 0.25rem 0; padding: var(--text-input-basic-padding-top, 0) var(--text-input-basic-padding-right, 0) var(--text-input-basic-padding-bottom, 0.25rem) var(--text-input-basic-padding-left, 0); width: 100%; } .usb--wrapper .usb--basic-input.input__date-picker, .usb--wrapper .usb--basic-input.input__show-hide { padding-right: 2.5rem; padding-right: var(--token-spacing-10, 2.5rem); } .usb--wrapper .usb--basic-input.input__has-toggletip { padding-right: 1.5rem; padding-right: var(--token-spacing-6, 1.5rem); } .usb--wrapper .usb--basic-input.input__has-toggletip + .show-hide__button { right: 2rem; right: var(--token-spacing-8, 2rem); } .usb--wrapper .usb--basic-input.input__is-large-currency, .usb--wrapper .usb--basic-input.input__is-large-currency-with-label { font-size: 3rem; font-size: var(--token-font-size-5xl, 3rem); color: #2d2d3e; color: var(--token-text-color-primary, #2d2d3e); font-weight: 700; font-weight: var(--token-font-weight-bold, 700); } .usb--wrapper .usb--basic-input.is-large-currency-expressive { color: #484861; color: var(--token-color-grey-80, #484861); } .usb--wrapper .usb--basic-input.is-large-currency-expressive:focus { color: #235ae4; color: var(--token-text-color-interaction, #235ae4); } .usb--wrapper .usb--basic-input.is-large-currency-expressive-complete { color: #001e79; color: var(--token-text-color-brand-primary, #001e79); } .usb--wrapper .usb--basic-input::-ms-clear { display: none; height: 0; height: var(--token-spacing-0, 0); width: 0; width: var(--token-spacing-0, 0); } .usb--wrapper .usb--floating-label { background-color: transparent; background-color: var(--text-input-label-background-color, transparent); color: #63637f; color: var(--text-input-label-text-color, #63637f); font-family: Circular-USB, sans-serif; font-family: var(--text-input-label-font-family, Circular-USB, sans-serif); font-weight: 400; font-weight: var(--text-input-label-font-weight, 400); font-size: 1rem; font-size: var(--text-input-label-font-size, 1rem); line-height: 1.5; line-height: var(--text-input-label-line-height, 1.5); position: absolute; position: var(--text-input-label-position, absolute); top: 1rem; top: var(--text-input-label-top, 1rem); left: 0; left: var(--token-spacing-0, 0); transition: all 0.25s ease; transition: all var(--token-timing-default-ease, 0.25s ease); } .usb--wrapper .usb--floating-label_overflow { top: calc(var(--text-input-label-line-height) * -1 * var(--text-input-label-font-size)); } .usb--wrapper .usb--error-text-container { height: auto; max-height: 0; opacity: 0; transition: max-height 0.5s ease-in-out, opacity 0.5s ease-in-out; transition: max-height var(--token-timing-moderate-ease-in-out, 0.5s ease-in-out), opacity var(--token-timing-moderate-ease-in-out, 0.5s ease-in-out); overflow: hidden; } .usb--wrapper.is-focused:after { content: ""; border: 2px solid #235ae4; border: var(--text-input-focus-active-wrapper-border-width, 2px) solid var(--text-input-focus-wrapper-border-color, #235ae4); border-radius: 0.25rem; border-radius: var(--text-input-focus-active-wrapper-border-radius, 0.25rem); height: calc(100% + 0.75rem); height: calc(100% + var(--token-spacing-3, 0.75rem)); position: absolute; left: -0.375rem; top: -0.375rem; width: calc(100% + 0.75rem); width: calc(100% + var(--token-spacing-3, 0.75rem)); z-index: -1; } .usb--wrapper.is-focused.is-long-label:after { height: calc(100% + 1.5rem + 0.375rem); height: calc(100% + var(--token-spacing-6, 1.5rem) + 0.375rem); top: -1.5rem; } .usb--wrapper.is-focused.is-value label, .usb--wrapper.is-focused label { color: #63637f; color: var(--text-input-active-label-text-color, #63637f); font-family: Circular-USB, sans-serif; font-family: var(--text-input-active-label-font-family, Circular-USB, sans-serif); font-weight: 400; font-weight: var(--text-input-focus-active-label-font-weight, 400); font-size: 0.75rem; font-size: var(--text-input-focus-active-label-font-size, 0.75rem); line-height: 1.5; line-height: var(--text-input-focus-active-label-line-height, 1.5); top: 0; top: var(--text-input-focus-active-label-top, 0); } .usb--wrapper.is-focused.is-value label.usb--floating-label_overflow, .usb--wrapper.is-focused label.usb--floating-label_overflow { top: calc(var(--text-input-label-line-height) * -1 * var(--text-input-label-font-size)); } .usb--wrapper.is-focused .usb--basic-input { outline: transparent; border-top: 0 solid #235ae4; border-top: var(--text-input-focus-border-top-width, 0) var(--text-input-focus-active-border-style, solid) var(--text-input-basic-focus-active-border-color, #235ae4); border-right: 0 solid #235ae4; border-right: var(--text-input-focus-border-right-width, 0) var(--text-input-focus-active-border-style, solid) var(--text-input-basic-focus-active-border-color, #235ae4); border-bottom: 1px solid #235ae4; border-bottom: var(--text-input-focus-border-bottom-width, 1px) var(--text-input-focus-active-border-style, solid) var(--text-input-basic-focus-active-border-color, #235ae4); border-left: 0 solid #235ae4; border-left: var(--text-input-focus-border-left-width, 0) var(--text-input-focus-active-border-style, solid) var(--text-input-basic-focus-active-border-color, #235ae4); font-family: Circular-USB, sans-serif; font-family: var(--text-input-basic-focus-active-font-family, Circular-USB, sans-serif); } .usb--wrapper.is-focused.is-value .usb--basic-input, .usb--wrapper.is-focused .usb--basic-input { margin: auto -1px -1px -1px; margin: var(--text-input-basic-focus-active-margin-top, auto) var(--text-input-basic-focus-active-margin-right, -1px) var(--text-input-basic-focus-active-margin-bottom, -1px) var(--text-input-basic-focus-active-margin-left, -1px); } .usb--wrapper.is-focused.is-value .usb--basic-input { border-width: 0 0 2px 0; border-width: var(--text-input-basic-focus-active-border-top-width, 0) var(--text-input-basic-focus-active-border-right-width, 0) var(--text-input-basic-focus-active-border-bottom-width, 2px) var(--text-input-basic-focus-active-border-left-width, 0); color: #484861; color: var(--text-input-basic-focus-active-text-color, #484861); font-family: Circular-USB, sans-serif; font-family: var(--text-input-basic-active-font-family, Circular-USB, sans-serif); font-weight: 400; font-weight: var(--text-input-basic-focus-active-font-weight, 400); font-size: 1rem; font-size: var(--text-input-basic-focus-active-font-size, 1rem); line-height: 1.5; line-height: var(--text-input-basic-focus-active-line-height, 1.5); } .usb--wrapper.is-value .usb--basic-input { font-weight: 400; font-weight: var(--text-input-basic-active-font-weight, 400); font-size: 1rem; font-size: var(--text-input-basic-active-font-size, 1rem); line-height: 1.5; line-height: var(--text-input-basic-active-line-height, 1.5); } .usb--wrapper.is-value .usb--basic-input.input__is-large-currency, .usb--wrapper.is-value .usb--basic-input.input__is-large-currency-with-label { font-size: 3rem; font-size: var(--token-font-size-5xl, 3rem); color: #2d2d3e; color: var(--token-text-color-primary, #2d2d3e); font-weight: 700; font-weight: var(--token-font-weight-bold, 700); } .usb--wrapper.is-value .usb--basic-input.is-large-currency-expressive { color: #484861; color: var(--token-color-grey-80, #484861); } .usb--wrapper.is-value .usb--basic-input.is-large-currency-expressive:focus { color: #235ae4; color: var(--token-text-color-interaction, #235ae4); } .usb--wrapper.is-value .usb--basic-input.is-large-currency-expressive-complete { color: #001e79; color: var(--token-text-color-brand-primary, #001e79); } .usb--wrapper.is-disabled .en_dash, .usb--wrapper.is-disabled.is-value .optionalSpan, .usb--wrapper.is-disabled .show-hide__button, .usb--wrapper.is-disabled .usb--info-message, .usb--wrapper.is-disabled .usb-toggletip-container, .usb--wrapper.is-read-only .en_dash, .usb--wrapper.is-read-only.is-value .optionalSpan, .usb--wrapper.is-read-only .show-hide__button, .usb--wrapper.is-read-only .usb--info-message, .usb--wrapper.is-read-only .usb-toggletip-container { display: none; } .usb--wrapper.is-disabled .usb--floating-label, .usb--wrapper.is-read-only .usb--floating-label { cursor: not-allowed; } .usb--wrapper.is-disabled .usb--basic-input, .usb--wrapper.is-read-only .usb--basic-input { cursor: not-allowed; background: transparent; background: var(--text-input-basic-disabled-background-color, transparent); color: #2d2d3e; color: var(--text-input-basic-disabled-text-color, #2d2d3e); border: none; border-bottom: 1px solid transparent; border-bottom: 1px solid var(--text-input-basic-disabled-border-color, transparent); } .usb--wrapper.is-disabled .button__date-picker, .usb--wrapper.is-read-only .button__date-picker { cursor: not-allowed; } .usb--wrapper.is-value .usb--floating-label { color: #63637f; color: var(--text-input-active-label-text-color, #63637f); font-family: Circular-USB, sans-serif; font-family: var(--text-input-active-label-font-family, Circular-USB, sans-serif); font-weight: 400; font-weight: var(--text-input-active-label-font-weight, 400); font-size: 0.75rem; font-size: var(--text-input-active-label-font-size, 0.75rem); line-height: 1.5; line-height: var(--text-input-active-label-line-height, 1.5); top: 0; top: var(--text-input-focus-active-label-top, 0); } .usb--wrapper.is-value .usb--floating-label_overflow { top: -1.125rem; top: var(--text-input-focus-active-label-top, 0)-1.125rem; } .usb--wrapper.is-error.is-focused .usb--floating-label, .usb--wrapper.is-error.is-value .usb--floating-label, .usb--wrapper.is-error .usb--floating-label { color: #cf2a36; color: var(--text-input-error-label-text-color, #cf2a36); } .usb--wrapper.is-error.is-focused .usb--basic-input, .usb--wrapper.is-error.is-value .usb--basic-input, .usb--wrapper.is-error .usb--basic-input { border-top: 0 solid #cf2a36; border-top: var(--text-input-focus-error-border-top-width, 0) var(--text-input-focus-error-border-style, solid) var(--text-input-basic-error-border-color, #cf2a36); border-right: 0 solid #cf2a36; border-right: var(--text-input-focus-error-border-right-width, 0) var(--text-input-focus-error-border-style, solid) var(--text-input-basic-error-border-color, #cf2a36); border-bottom: 2px solid #cf2a36; border-bottom: var(--text-input-focus-error-border-bottom-width, 2px) var(--text-input-focus-error-border-style, solid) var(--text-input-basic-error-border-color, #cf2a36); border-left: 0 solid #cf2a36; border-left: var(--text-input-focus-error-border-left-width, 0) var(--text-input-focus-error-border-style, solid) var(--text-input-basic-error-border-color, #cf2a36); } .usb--wrapper.is-error.is-focused .usb--error-text-container, .usb--wrapper.is-error.is-value .usb--error-text-container, .usb--wrapper.is-error .usb--error-text-container { max-height: 4rem; opacity: 1; } .usb--wrapper.is-large-currency { padding-top: 0; padding-top: var(--token-spacing-0, 0); } .usb--wrapper.is-large-currency-with-label { padding-top: 0.9rem; } .usb--wrapper .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; padding: var(--token-spacing-0, 0); margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; border: var(--token-spacing-0, 0); } .usb--wrapper .button__date-picker { background-color: transparent; background-color: var(--date-picker-button-background-color, transparent); border: none; position: absolute; right: 0; right: var(--date-picker-button-right, 0); top: 1rem; top: var(--date-picker-button-top, 1rem); } .usb--wrapper.is-card-icon .usb--basic-input.input__show-hide { padding-right: 4.5rem; padding-right: var(--token-spacing-18, 4.5rem); } .usb--wrapper.is-card-icon button.show-hide__button { right: 2rem !important; right: var(--token-spacing-8, 2rem) !important; transition: all 0.3s ease-out; } .usb--wrapper.is-card-icon .icon-container { top: 1.1rem; } .usb--radio-fieldset { border: 0; } .usb--radio-legend { color: #2d2d3e; color: var(--forms-radio-group-legend-text-color, #2d2d3e); font-family: Circular-USB, sans-serif; font-family: var(--token-font-base, Circular-USB, sans-serif); font-size: 1rem; font-size: var(--token-font-size-base, 1rem); font-weight: 500; font-weight: var(--token-font-weight-med, 500); line-height: 1.5; line-height: var(--token-line-height-3xl, 1.5); position: relative; } .usb--radio-legend + .usb--error-message { margin-bottom: 0.75rem; margin-bottom: var(--token-spacing-3, 0.75rem); } .usb--radio-legend + .usb--error-message span { margin-top: 0.25rem; margin-top: var(--token-spacing-1, 0.25rem); } .usb--radio-wrapper { display: flex; align-items: flex-start; margin-left: -0.75rem; margin-left: calc(var(--token-spacing-3, 0.75rem) * -1); position: relative; z-index: 0; } .usb--radio-wrapper.is-disabled:not(.is-chips), .usb--radio-wrapper.is-read-only:not(.is-chips) { cursor: not-allowed; } .usb--radio-wrapper.is-disabled:not(.is-chips) > *, .usb--radio-wrapper.is-read-only:not(.is-chips) > * { pointer-events: none; } .usb--radio-wrapper.is-disabled:not(.is-chips) input[type=radio], .usb--radio-wrapper.is-read-only:not(.is-chips) input[type=radio] { border: none; background-clip: content-box; padding: 0; } .usb--radio-wrapper.is-disabled:not(.is-chips) input[type=radio]:not(:checked), .usb--radio-wrapper.is-read-only:not(.is-chips) input[type=radio]:not(:checked) { background-color: #ccccd2; background-color: var(--checkbox-disabled-icon-background-color, #ccccd2); } .usb--radio-wrapper.is-disabled:not(.is-chips) input[type=radio]:not(:checked):before, .usb--radio-wrapper.is-read-only:not(.is-chips) input[type=radio]:not(:checked):before { background: #ccccd2; background: var(--checkbox-disabled-icon-background-color, #ccccd2); } .usb--radio-wrapper.is-disabled:not(.is-chips) input[type=radio]:not(:checked)::-ms-check, .usb--radio-wrapper.is-read-only:not(.is-chips) input[type=radio]:not(:checked)::-ms-check { border: none; background-color: #ccccd2; background-color: var(--checkbox-disabled-icon-background-color, #ccccd2); } .usb--radio-wrapper.is-disabled:not(.is-chips) input[type=radio]:checked, .usb--radio-wrapper.is-read-only:not(.is-chips) input[type=radio]:checked { background-color: #ccccd2; background-color: var(--checkbox-disabled-icon-background-color, #ccccd2); } .usb--radio-wrapper.is-disabled:not(.is-chips) input[type=radio]:checked:before, .usb--radio-wrapper.is-read-only:not(.is-chips) input[type=radio]:checked:before { background: #484861; background: var(--checkbox-checked-disabled-label-icon-fill-color, #484861); } .usb--radio-wrapper.is-disabled:not(.is-chips) input[type=radio]:checked::-ms-check, .usb--radio-wrapper.is-read-only:not(.is-chips) input[type=radio]:checked::-ms-check { border: none; background-color: #ccccd2; background-color: var(--checkbox-disabled-icon-background-color, #ccccd2); } .usb--radio-wrapper.is-focused:after { content: ""; display: block; border: 2px solid #235ae4; border: 2px solid var(--forms-radio-input-focus-border-color, #235ae4); border-radius: 0.25rem; border-radius: var(--token-rounded-sm, 0.25rem); height: 1.75rem; height: var(--token-spacing-7, 1.75rem); position: absolute; left: 0.5rem; left: var(--token-spacing-2, 0.5rem); top: 0.5rem; top: var(--token-spacing-2, 0.5rem); width: 1.75rem; width: var(--token-spacing-7, 1.75rem); z-index: -1; } .usb--radio-label { cursor: pointer; margin-top: 0.75rem; margin-top: var(--token-spacing-3, 0.75rem); } .usb--radio-label + .helper_label--wrapper span { color: #63637f; color: var(--forms-radio-helper-text-text-color, #63637f); } .usb--radio-label_container { color: #484861; color: var(--forms-radio-group-label-text-color, #484861); font-family: Circular-USB, sans-serif; font-family: var(--token-font-base, Circular-USB, sans-serif); font-size: 1rem; font-size: var(--token-font-size-base, 1rem); line-height: 1.25; line-height: var(--token-line-height-lg, 1.25); position: relative; vertical-align: top; width: 100%; margin-top: 0.75rem; margin-top: var(--token-spacing-3, 0.75rem); } .usb--radio-label_container .helper_label--wrapper { margin-bottom: 0.75rem; margin-bottom: var(--token-spacing-3, 0.75rem); } .usb--radio-label_container.has-icon { padding-left: 2.5rem; padding-left: var(--token-spacing-10, 2.5rem); } .usb--radio-label_container.has-icon .usb--radio-icon { position: absolute; left: 0; } .usb--radio-input { appearance: none; background-color: #fff; background-color: var(--forms-radio-input-background-color, #fff); border: 1px solid #7a7a95; border: 1px solid var(--forms-radio-input-border-color, #7a7a95); border-radius: 50%; border-radius: var(--token-rounded-full, 50%); cursor: pointer; height: 1.25rem; height: var(--token-spacing-5, 1.25rem); margin: 0.75rem; margin: var(--token-spacing-3, 0.75rem); min-width: 1.25rem; min-width: var(--token-spacing-5, 1.25rem); outline: none; padding: 3px; position: relative; width: 1.25rem; width: var(--token-spacing-5, 1.25rem); } .usb--radio-input:before { background: #fff; background: var(--forms-radio-input-background-color, #fff); border-radius: 50%; border-radius: var(--token-rounded-full, 50%); content: ""; height: 0.625rem; height: calc(var(--token-spacing-2, 0.5rem) + 0.125rem); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 0.625rem; width: calc(var(--token-spacing-2, 0.5rem) + 0.125rem); } .usb--radio-input:checked { border: 2px solid #235ae4; border: 2px solid var(--forms-radio-input-checked-border-color, #235ae4); } .usb--radio-input:checked:before { background: #235ae4; background: var(--forms-radio-input-checked-background-color, #235ae4); } .usb--radio-input:checked::-ms-check { border: 2px solid #235ae4; border: 2px solid var(--forms-radio-input-checked-border-color, #235ae4); color: #0058ff; color: var(--token-color-brand-interaction, #0058ff); } .usb--radio-input:hover:not(:disabled) { border: 2px solid #235ae4; border: 2px solid var(--forms-radio-input-hover-border-color, #235ae4); } .usb--radio-input:hover:not(:disabled):checked:before { background: #235ae4; background: var(--forms-radio-input-hover-background-color, #235ae4); } .usb--radio-input:hover:not(:disabled)::-ms-check { border: 2px solid #235ae4; border: 2px solid var(--forms-radio-input-hover-border-color, #235ae4); color: #0058ff; color: var(--token-color-brand-interaction, #0058ff); } .is-focused .usb--radio-input:active:not(:disabled) { border: 2px solid #235ae4; border: 2px solid var(--forms-radio-input-focus-border-color, #235ae4); } .is-focused .usb--radio-input:active:not(:disabled):checked:before { background: #235ae4; background: var(--forms-radio-input-focus-background-color, #235ae4); } .is-focused .usb--radio-input:active:not(:disabled)::-ms-check { border: 2px solid #235ae4; border: 2px solid var(--forms-radio-input-focus-border-color, #235ae4); color: #001e79; color: var(--token-background-brand-primary, #001e79); } .usb--radio-input.is-error { border: 2px solid #cf2a36; border: 2px solid var(--forms-radio-input-error-border-color, #cf2a36); } .usb--radio-input.is-error:checked:before { background: #cf2a36; background: var(--forms-radio-input-error-background-color, #cf2a36); } .usb--radio-input.is-error::-ms-check { border: 2px solid #cf2a36; border: 2px solid var(--forms-radio-input-error-border-color, #cf2a36); color: #001e79; color: var(--token-background-brand-primary, #001e79); } .usb--radio-icon { margin-right: 0.5rem; margin-right: var(--token-spacing-2, 0.5rem); text-align: center; height: 2rem; height: var(--token-spacing-8, 2rem); } .usb--radio-icon-radius { border-radius: 50%; } .usb--radio-img { min-width: 2rem; min-width: var(--token-spacing-8, 2rem); } .usb--radio-img, .usb--radio-svg svg { width: 2rem; width: var(--token-spacing-8, 2rem); margin-top: -0.25rem; margin-top: calc(var(--token-spacing-1, 0.25rem) * -1); height: 2rem; height: var(--token-spacing-8, 2rem); vertical-align: top; } .usb--radio-fieldset .usb--selectablecard-wrapper { padding-top: 1px; padding-bottom: 1rem; } .usb--select--wrapper { margin-top: 0.5rem; margin-top: var(--token-spacing-2, 0.5rem); min-height: 3rem; min-height: var(--token-spacing-12, 3rem); position: relative; width: 100%; z-index: 0; } .usb--select--wrapper.is-focused:after { content: ""; border: 2px solid #235ae4; border: var(--forms-select-wrapper-focused-border-width, 2px) solid var(--token-border-focus, #235ae4); border-radius: 0.25rem; border-radius: var(--token-rounded-sm, 0.25rem); height: calc(100% + 0.75rem); height: calc(100% + var(--token-spacing-3, 0.75rem)); position: absolute; left: -0.375rem; top: -0.375rem; width: calc(100% + 0.75rem); width: calc(100% + var(--token-spacing-3, 0.75rem)); } .usb--select--wrapper.is-focused .usb--select--container { border-top: 0 solid #235ae4; border-top: var(--forms-select-focused-border-top-width, 0) var(--forms-select-focused-border-style, solid) var(--forms-select-focused-border-color, #235ae4); border-right: 0 solid #235ae4; border-right: var(--forms-select-focused-border-right-width, 0) var(--forms-select-focused-border-style, solid) var(--forms-select-focused-border-color, #235ae4); border-bottom: 2px solid #235ae4; border-bottom: var(--forms-select-focused-border-bottom-width, 2px) var(--forms-select-focused-border-style, solid) var(--forms-select-focused-border-color, #235ae4); border-left: 0 solid #235ae4; border-left: var(--forms-select-focused-border-left-width, 0) var(--forms-select-focused-border-style, solid) var(--forms-select-focused-border-color, #235ae4); padding-top: 0; padding-top: var(--forms-select-focused-padding-top, 0); } .usb--select--wrapper.is-error .usb--select--label { color: #cf2a36; color: var(--token-text-color-error, #cf2a36); } .usb--select--wrapper.is-error .usb--select--container { border-top: 0 solid #cf2a36; border-top: var(--forms-select-focused-error-border-top-width, 0) var(--forms-select-focused-error-border-style, solid) var(--forms-select-focused-error-border-color, #cf2a36); border-right: 0 solid #cf2a36; border-right: var(--forms-select-focused-error-border-right-width, 0) var(--forms-select-focused-error-border-style, solid) var(--forms-select-focused-error-border-color, #cf2a36); border-bottom: 2px solid #cf2a36; border-bottom: var(--forms-select-focused-error-border-bottom-width, 2px) var(--forms-select-focused-error-border-style, solid) var(--forms-select-focused-error-border-color, #cf2a36); border-left: 0 solid #cf2a36; border-left: var(--forms-select-focused-error-border-left-width, 0) var(--forms-select-focused-error-border-style, solid) var(--forms-select-focused-error-border-color, #cf2a36); padding-top: 0; padding-top: var(--forms-select-focused-padding-top, 0); } .usb--select--wrapper.is-error.is-focused .usb--select--label, .usb--select--wrapper.is-error.is-value .usb--select--label, .usb--select--wrapper.is-error .usb--select--label { color: #cf2a36; color: var(--token-text-color-error, #cf2a36); } .usb--select--wrapper.is-error.is-focused .usb--select--container, .usb--select--wrapper.is-error.is-value .usb--select--container, .usb--select--wrapper.is-error .usb--select--container { border-top: 0 solid #cf2a36; border-top: var(--forms-select-focused-error-border-top-width, 0) var(--forms-select-focused-error-border-style, solid) var(--forms-select-focused-error-border-color, #cf2a36); border-right: 0 solid #cf2a36; border-right: var(--forms-select-focused-error-border-right-width, 0) var(--forms-select-focused-error-border-style, solid) var(--forms-select-focused-error-border-color, #cf2a36); border-bottom: 2px solid #cf2a36; border-bottom: var(--forms-select-focused-error-border-bottom-width, 2px) var(--forms-select-focused-error-border-style, solid) var(--forms-select-focused-error-border-color, #cf2a36); border-left: 0 solid #cf2a36; border-left: var(--forms-select-focused-error-border-left-width, 0) var(--forms-select-focused-error-border-style, solid) var(--forms-select-focused-error-border-color, #cf2a36); padding-top: 0; padding-top: var(--forms-select-focused-padding-top, 0); } .usb--select--wrapper .usb--select--label { color: #63637f; color: var(--token-text-color-tertiary, #63637f); display: inline-block; font-family: Circular-USB, sans-serif; font-family: var(--token-font-base, Circular-USB, sans-serif); font-size: 0.75rem; font-size: var(--token-font-size-xs, 0.75rem); font-weight: 400; font-weight: var(--token-font-weight-reg, 400); line-height: 1.5; line-height: var(--token-line-height-3xl, 1.5); position: relative; z-index: 2; top: 0.125rem; } .usb--select--wrapper .usb--select--container { background-color: #fff; background-color: var(--token-background-primary, #fff); border-radius: 0; border-radius: var(--forms-select-border-radius, 0); border-top: 0 solid #7a7a95; border-top: var(--forms-select-border-top-width, 0) var(--forms-select-border-style, solid) var(--forms-select-border-color, #7a7a95); border-right: 0 solid #7a7a95; border-right: var(--forms-select-border-right-width, 0) var(--forms-select-border-style, solid) var(--forms-select-border-color, #7a7a95); border-bottom: 1px solid #7a7a95; border-bottom: var(--forms-select-border-bottom-width, 1px) var(--forms-select-border-style, solid) var(--forms-select-border-color, #7a7a95); border-left: 0 solid #7a7a95; border-left: var(--forms-select-border-left-width, 0) var(--forms-select-border-style, solid) var(--forms-select-border-color, #7a7a95); padding: 0 0 0 0; padding: var(--forms-select-padding-top, 0) var(--forms-select-padding-right, 0) var(--forms-select-padding-bottom, 0) var(--forms-select-padding-left, 0); position: relative; z-index: 1; } .usb--select--wrapper .usb--select--container .usb--select { appearance: none; background-color: #fff; background-color: var(--token-background-primary, #fff); border: none; border-radius: 0; border-radius: var(--token-rounded-square, 0); color: #484861; color: var(--token-text-color-secondary, #484861); font-family: Circular-USB, sans-serif; font-family: var(--token-font-base, Circular-USB, sans-serif); font-weight: 400; font-weight: var(--token-font-weight-reg, 400); font-size: 1rem; font-size: var(--token-font-size-base, 1rem); line-height: 1.5; line-height: var(--token-line-height-3xl, 1.5); padding-left: 0; padding-left: var(--token-spacing-0, 0); padding-right: 20px; transition: all 0.25s ease; transition: all var(--token-timing-default-ease, 0.25s ease); width: 100%; } @media (-ms-high-contrast: active), (-ms-high-contrast: none) { .usb--select--wrapper .usb--select--container .usb--select { color: #484861; color: var(--token-text-color-secondary, #484861); } } .usb--select--wrapper .usb--select--container .usb--select::-ms-expand { display: none; } .usb--select--wrapper .usb--select--container .usb--select:focus { margin: 0; margin: var(--token-spacing-0, 0); outline: none; } .usb--select--wrapper .usb--select--container .usb--select:focus::-ms-value { background-color: #fff; background-color: var(--token-background-primary, #fff); color: #484861; color: var(--token-text-color-secondary, #484861); } .usb--select--wrapper .usb--select--container .usb--select:-moz-focusring { color: #484861; color: var(--token-text-color-secondary, #484861); -moz-appearance: none; } .usb--select--wrapper .usb--select--container .select--chevron { position: absolute; right: 0; right: var(--forms-select-chevron-right, 0); top: 0; top: var(--forms-select-chevron-top, 0); pointer-events: none; } .usb--select--wrapper .usb--select--container .select--chevron svg { fill: #484861; fill: var(--token-text-color-secondary, #484861); } .usb--select--wrapper.is-value .usb--select { color: #2d2d3e; color: var(--token-text-color-primary, #2d2d3e); } .usb--select--wrapper.is-value .usb--select:-moz-focusring { color: #2d2d3e; color: var(--token-text-color-primary, #2d2d3e); } @media (-ms-high-contrast: active), (-ms-high-contrast: none) { .usb--select--wrapper.is-value .usb--select:focus::-ms-value { background-color: #fff; background-color: var(--token-background-primary, #fff); color: #2d2d3e; color: var(--token-text-color-primary, #2d2d3e); } } .usb--select--wrapper.is-disabled, .usb--select--wrapper.is-read-only { cursor: not-allowed; } .usb--select--wrapper.is-disabled .en_dash, .usb--select--wrapper.is-disabled.is-value .optionalSpan, .usb--select--wrapper.is-disabled .show-hide__button, .usb--select--wrapper.is-disabled .usb--info-message, .usb--select--wrapper.is-disabled .usb-toggletip-container, .usb--select--wrapper.is-read-only .en_dash, .usb--select--wrapper.is-read-only.is-value .optionalSpan, .usb--select--wrapper.is-read-only .show-hide__button, .usb--select--wrapper.is-read-only .usb--info-message, .usb--select--wrapper.is-read-only .usb-toggletip-container { display: none; } .usb--select--wrapper.is-disabled .usb--select--label, .usb--select--wrapper.is-read-only .usb--select--label { pointer-events: none; } .usb--select--wrapper.is-disabled .usb--select--container, .usb--select--wrapper.is-read-only .usb--select--container { background: transparent; border: none; border-bottom: 1px solid transparent; pointer-events: none; } .usb--select--wrapper.is-disabled .usb--select--container .usb--select, .usb--select--wrapper.is-read-only .usb--select--container .usb--select { color: #484861; color: var(--token-text-color-secondary, #484861); pointer-events: none; } .usb--select--wrapper.is-disabled .usb--select--container .select--chevron, .usb--select--wrapper.is-read-only .usb--select--container .select--chevron { display: none; } .usb-text_area { display: flex; flex-direction: column; position: relative; width: 100%; z-index: 0; } .usb-text_area.is-focused:after { content: ""; border: 2px solid #235ae4; border: 2px solid var(--text-area-focus-outline-border-color, #235ae4); border-radius: 0.25rem; border-radius: var(--token-rounded-sm, 0.25rem); height: calc(100% + 0.75rem); height: calc(100% + var(--token-spacing-3, 0.75rem)); position: absolute; left: -0.375rem; top: -0.375rem; width: calc(100% + 0.75rem); width: calc(100% + var(--token-spacing-3, 0.75rem)); z-index: -1; } .usb-text_area.is-focused .usb-text_area--wrapper { border-color: #235ae4; border-color: var(--text-area-focus-border-color, #235ae4); } .usb-text_area.is-focused label, .usb-text_area.is-value label { color: #63637f; color: var(--text-area-focus-label-text-color, #63637f); font-size: 0.75rem; font-size: var(--token-font-size-xs, 0.75rem); } .usb-text_area.is-disabled, .usb-text_area.is-read-only { cursor: not-allowed; } .usb-text_area.is-disabled label, .usb-text_area.is-read-only label { pointer-events: none; } .usb-text_area.is-disabled .usb-text_area--helpers, .usb-text_area.is-read-only .usb-text_area--helpers { display: none; } .usb-text_area.is-error .usb-text_area--wrapper { border: 2px solid #cf2a36; border: 2px solid var(--text-area-error-border-color, #cf2a36); } .usb-text_area.is-error .usb-text_area--wrapper label { color: #cf2a36; color: var(--text-area-error-label-text-color, #cf2a36); } .usb-text_area.not-resizable textarea { resize: none; } .usb-text_area--wrapper { background-color: #fff; background-color: var(--token-background-primary, #fff); border: 1px solid #7a7a95; border: 1px solid var(--text-area-border-color, #7a7a95); border-radius: 0.25rem; border-radius: var(--token-rounded-sm, 0.25rem); color: #2d2d3e; color: var(--token-text-color-primary, #2d2d3e); display: flex; flex-direction: column; padding: 0.5rem 1rem; padding: var(--token-spacing-2, 0.5rem) var(--token-spacing-4, 1rem); position: relative; } .usb-text_area--wrapper label { color: #484861; color: var(--text-area-label-text-color, #484861); font-weight: 400; font-weight: var(--token-font-weight-reg, 400); min-height: 1.5rem; min-height: var(--token-spacing-6, 1.5rem); transition: all 0.25s ease; transition: all var(--token-timing-default-ease, 0.25s ease); } .usb-text_area--wrapper .usb-text_area-basic, .usb-text_area--wrapper label { background-color: initial; font-family: Circular-USB, sans-serif; font-family: var(--token-font-base, Circular-USB, sans-serif); font-size: 1rem; font-size: var(--token-font-size-base, 1rem); line-height: 1.5; line-height: var(--token-line-height-3xl, 1.5); } .usb-text_area--wrapper .usb-text_area-basic { border: none; color: #2d2d3e; color: var(--text-area-input-value-text-color, #2d2d3e); margin-top: 0; margin-top: var(--token-spacing-0, 0); outline: none; overflow-x: hidden; overflow-y: auto; padding: 0; padding: var(--token-spacing-0, 0); resize: vertical; width: 100%; } .usb-text_area--wrapper .usb-text_area-basic:disabled, .usb-text_area--wrapper .usb-text_area-basic:read-only { color: #484861; color: var(--token-text-color-secondary, #484861); cursor: not-allowed; resize: none; } .usb-text_area--helpers { display: flex; justify-content: flex-end; width: 100%; } .usb-text_area--helpers_content { display: flex; flex-direction: column; flex-grow: 2; padding-right: 0.5rem; padding-right: var(--token-spacing-2, 0.5rem); } .usb-text_area--helpers_counter { color: #63637f; color: var(--text-area-helper-text-text-color, #63637f); font-family: Circular-USB, sans-serif; font-family: var(--token-font-base, Circular-USB, sans-serif); font-size: 0.75rem; font-size: var(--token-font-size-xs, 0.75rem); font-weight: 400; font-weight: var(--token-font-weight-reg, 400); line-height: 1.5; line-height: var(--token-line-height-3xl, 1.5); padding-top: 0.25rem; padding-top: var(--token-spacing-1, 0.25rem); white-space: nowrap; } .usb-text_area--helpers_counter.max-length-exceeded { color: #cf2a36; color: var(--token-text-color-error, #cf2a36); font-weight: 700; font-weight: var(--token-font-weight-bold, 700); } .usb-toggletip-container { margin: 0; position: absolute; right: -0.75rem; right: var(--forms-base-toggletip-button-right, -0.75rem); top: 0.25rem; top: var(--forms-base-toggletip-button-top, 0.25rem); } .usb-toggletip-container, .usb-toggletip-container button { height: 2.75rem; height: var(--token-spacing-11, 2.75rem); width: 2.75rem; width: var(--token-spacing-11, 2.75rem); } .usb-toggletip-container button { background-color: initial; border: none; font-size: 0.75rem; font-size: var(--token-font-size-xs, 0.75rem); font-weight: 400; font-weight: var(--token-font-weight-reg, 400); line-height: 1.5; line-height: var(--token-line-height-3xl, 1.5); outline: none; padding: 0; position: relative; } .usb-toggletip-container button:focus > span:after { content: ""; border: 2px solid #235ae4; border: 2px solid var(--token-border-focus, #235ae4); border-radius: 0.25rem; border-radius: var(--token-rounded-sm, 0.25rem); height: 1.75rem; height: var(--token-spacing-7, 1.75rem); position: absolute; left: -0.25rem; left: calc(var(--token-spacing-1, 0.25rem) * -1); top: -0.25rem; top: calc(var(--token-spacing-1, 0.25rem) * -1); width: 1.75rem; width: var(--token-spacing-7, 1.75rem); } .usb-toggletip-container button > span { display: block; height: 1.25rem; margin: 0 auto; position: relative; width: 1.25rem; } .usb-toggletip-container button > span svg:focus { outline: none; } .usb-toggletip-container button.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .usb-toggletip-container .usb-toggletip-flyout { font-size: 0.75rem; font-size: var(--token-font-size-xs, 0.75rem); outline: none; position: absolute; right: 0.5rem; right: var(--token-spacing-2, 0.5rem); bottom: calc(100% + 0.5rem); width: 11.25rem; z-index: 1; } .usb-toggletip-container .usb-toggletip-flyout_children { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.12); box-shadow: var(--token-shadow-md, 0 4px 6px -1px rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.12)); line-height: 1.5; line-height: var(--token-line-height-3xl, 1.5); padding: 0.25rem 0.5rem; padding: var(--token-spacing-1, 0.25rem) var(--token-spacing-2, 0.5rem); } .usb-toggletip-container .usb-toggletip-flyout.dark { background-color: #001e79; background-color: var(--token-background-inverse-primary, #001e79); color: #fff; color: var(--token-text-color-inverse-primary, #fff); } .usb-toggletip-container .usb-toggletip-flyout.light { background-color: #fff; background-color: var(--token-background-primary, #fff); color: #484861; color: var(--token-text-color-secondary, #484861); } .usb-toggletip-container .usb-toggletip-flyout:focus:after { content: ""; border: 2px solid #235ae4; border: 2px solid var(--token-border-focus, #235ae4); border-radius: 0.25rem; border-radius: var(--token-rounded-sm, 0.25rem); height: calc(100% + 0.75rem); height: calc(100% + var(--token-spacing-3, 0.75rem)); position: absolute; left: -0.375rem; top: -0.375rem; width: calc(100% + 0.75rem); width: calc(100% + var(--token-spacing-3, 0.75rem)); } .usb--info-message { color: #63637f; color: var(--token-text-color-tertiary, #63637f); display: flex; font-family: Circular-USB, sans-serif; font-family: var(--token-font-base, Circular-USB, sans-serif); font-size: 0.75rem; font-size: var(--token-font-size-xs, 0.75rem); font-weight: 400; font-weight: var(--token-font-weight-reg, 400); line-height: 1.5; line-height: var(--token-line-height-3xl, 1.5); padding-top: 0.25rem; padding-top: var(--token-spacing-1, 0.25rem); } .usb--info-message.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .usb--selectablecard { transition: box-shadow 0.25s ease-out; margin: 2px; border-radius: 10px; position: relative; background-color: #fff; background-color: var(--token-background-primary, #fff); cursor: pointer; } .usb--selectablecard .usb--checkbox-svg .usb-icon { width: 1.25rem; height: 1.25rem; margin: 1rem; display: block; border: 1px solid #7a7a95; border: 1px solid var(--token-color-grey-60, #7a7a95); border-radius: 4px; overflow: hidden; } .usb--selectablecard .usb--checkbox-svg .usb-icon svg { display: none; } .usb--selectablecard .usb--selectablecard-body { border: 1px solid #cdd1e2; border: 1px solid var(--token-color-grey-30, #cdd1e2); border-radius: 10px; } .usb--selectablecard .usb--selectablecard-labeltext { font-size: 1.25rem; font-size: var(--token-font-size-lg, 1.25rem); font-weight: 500; font-weight: var(--token-font-weight-med, 500); color: #001e79; color: var(--token-text-color-brand-primary, #001e79); } .usb--selectablecard .usb--selectablecard-helper { font-size: 0.875rem; font-size: var(--token-font-size-sm, 0.875rem); } .usb--selectablecard .usb--radio-input { margin: 1rem; } .usb--selectablecard:hover:not(.is-disabled) { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.12); box-shadow: var(--token-shadow-md, 0 4px 6px -1px rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.12)); } .usb--selectablecard:hover:not(.is-disabled) .usb--checkbox-svg .usb-icon, .usb--selectablecard:hover:not(.is-disabled) .usb--radio-input { border: 2px solid #235ae4; border: 2px solid var(--token-background-brand-interaction, #235ae4); } .usb--selectablecard:active:not(.is-disabled) { box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12); box-shadow: var(--token-shadow-sm, 0 1px 3px 0 rgba(0, 0, 0, 0.12)); } .usb--selectablecard:not(.is-disabled) .usb--checkbox-input:checked + .usb--checkbox-svg svg { display: block; border: none; background: #235ae4; background: var(--token-background-brand-interaction, #235ae4); fill: #fff; fill: var(--token-background-primary, #fff); } .usb--selectablecard:not(.is-disabled) .usb--checkbox-input:checked + .usb--checkbox-svg .usb-icon { border: none; } .usb--selectablecard:not(.is-disabled).is-error .usb--checkbox-input:checked + .usb--checkbox-svg .usb-icon { border: 2px solid #be1324; border: 2px solid var(--token-color-error-msg, #be1324); } .usb--selectablecard:not(.is-disabled).is-error:hover .usb--checkbox-input:checked + .usb--checkbox-svg .usb-icon { border: 2px solid #235ae4; border: 2px solid var(--token-background-brand-interaction, #235ae4); } .usb--selectablecard.is-error:not(.is-disabled), .usb--selectablecard:active:not(.is-disabled), .usb--selectablecard:focus-within:not(.is-disabled) { margin: 0; border: 2px solid #235ae4; border: 2px solid var(--token-background-brand-interaction, #235ae4); border-radius: 12px; } .usb--selectablecard.is-error:not(.is-disabled) .usb--selectablecard-body, .usb--selectablecard:active:not(.is-disabled) .usb--selectablecard-body, .usb--selectablecard:focus-within:not(.is-disabled) .usb--selectablecard-body { border-color: transparent; } .usb--selectablecard:focus-within:not(.is-disabled) .usb--checkbox-svg:after, .usb--selectablecard:focus-within:not(.is-disabled) .usb--radio-input:after { content: ""; display: block; position: absolute; top: -0.375rem; left: -0.375rem; width: 1.75rem; height: 1.75rem; border: 2px solid #235ae4; border: 2px solid var(--token-background-brand-interaction, #235ae4); border-radius: 4px; } .usb--selectablecard:focus-within:not(.is-disabled) .usb--checkbox-svg:after { top: 0.75rem; left: 0.75rem; } .usb--selectablecard.is-error:not(.is-disabled) { border-color: #be1324; border-color: var(--token-color-error-msg, #be1324); } .usb--selectablecard.is-error:not(.is-disabled) .usb--radio-input { border: 2px solid #be1324; border: 2px solid var(--token-color-error-msg, #be1324); } .usb--selectablecard.is-error:not(.is-disabled) .usb--radio-input:hover { border: 2px solid #235ae4; border: 2px solid var(--token-background-brand-interaction, #235ae4); } .usb--selectablecard.is-error:not(.is-disabled) .usb--radio-input:checked:before { background-color: #be1324; background-color: var(--token-color-error-msg, #be1324); } .usb--selectablecard.is-error:not(.is-disabled) .usb--checkbox-svg .usb-icon { border: 2px solid #be1324; border: 2px solid var(--token-color-error-msg, #be1324); } .usb--selectablecard.is-error:not(.is-disabled) .usb--checkbox-svg .usb-icon svg { background: transparent; fill: #be1324; fill: var(--token-color-error-msg, #be1324); margin-top: -1px; margin-left: -2px; } .usb--selectablecard.is-disabled { pointer-events: none; } .usb--selectablecard.is-disabled .usb--radio-input { border: 2px solid #cdd1e2; border: 2px solid var(--token-color-grey-30, #cdd1e2); background-color: #cdd1e2; background-color: var(--token-color-grey-30, #cdd1e2); } .usb--selectablecard.is-disabled .usb--radio-input:before { display: none; } .usb--selectablecard.is-disabled .usb--checkbox-svg .usb-icon { border: 1px solid #cdd1e2; border: 1px solid var(--token-color-grey-30, #cdd1e2); background-color: #cdd1e2; background-color: var(--token-color-grey-30, #cdd1e2); } .usb--selectablecard.is-read-only { pointer-events: none; } .usb--selectablecard.is-read-only .usb--radio-input { border: 2px solid #cdd1e2; border: 2px solid var(--token-color-grey-30, #cdd1e2); background-color: #cdd1e2; background-color: var(--token-color-grey-30, #cdd1e2); } .usb--selectablecard.is-read-only .usb--radio-input:before { display: none; } .usb--selectablecard.is-read-only .usb--checkbox-svg .usb-icon { border: 1px solid #cdd1e2; border: 1px solid var(--token-color-grey-30, #cdd1e2); background-color: #cdd1e2; background-color: var(--token-color-grey-30, #cdd1e2); } .usb--selectablecard.horizontal-illustration, .usb--selectablecard.horizontal-image { display: flex; flex-direction: column; justify-content: center; } .usb--selectablecard.horizontal-illustration .usb--selectablecard-body, .usb--selectablecard.horizontal-image .usb--selectablecard-body { padding: 1rem 3rem 1rem 6.625rem; min-height: 5.625rem; display: flex; flex-direction: column; justify-content: center; } .usb--selectablecard.horizontal-illustration .usb--checkbox-svg, .usb--selectablecard.horizontal-illustration input, .usb--selectablecard.horizontal-image .usb--checkbox-svg, .usb--selectablecard.horizontal-image input { position: absolute; right: 0; top: 50%; margin-top: -0.65rem; left: unset; } .usb--selectablecard.horizontal-illustration input[type=checkbox], .usb--selectablecard.horizontal-image input[type=checkbox] { margin-top: -1.4rem; } .usb--selectablecard.horizontal-illustration .usb--checkbox-svg, .usb--selectablecard.horizontal-image .usb--checkbox-svg { margin-top: -1.6rem; } .usb--selectablecard.horizontal-illustration .usb--selectablecard-image, .usb--selectablecard.horizontal-image .usb--selectablecard-image { position: absolute; left: 0; top: 0; width: 5.525rem; height: 100%; border-top-left-radius: 10px; border-bottom-left-radius: 10px; overflow: hidden; } .usb--selectablecard.horizontal-illustration .usb--selectablecard-image img, .usb--selectablecard.horizontal-image .usb--selectablecard-image img { width: 100%; height: 100%; object-fit: cover; } .usb--selectablecard.usb--selectablecard.horizontal-image .usb--selectablecard-helper { font-size: 1rem; font-size: var(--token-font-size-base, 1rem); } .usb--selectablecard.horizontal-illustration .usb--selectablecard-image { padding: 0 0 0 1rem; width: 6.5rem; } .usb--selectablecard.horizontal-illustration .usb--selectablecard-image svg { width: 100%; height: 100%; } .usb--selectablecard.horizontal-illustration .usb--selectablecard-body { padding-left: 7.625rem; } .usb--selectablecard.vertical-illustration, .usb--selectablecard.vertical-image { display: flex; flex-direction: column; } .usb--selectablecard.vertical-illustration .usb--checkbox-svg, .usb--selectablecard.vertical-illustration input, .usb--selectablecard.vertical-image .usb--checkbox-svg, .usb--selectablecard.vertical-image input { position: absolute; top: 12.75rem; left: 0.125rem; } .usb--selectablecard.vertical-illustration .usb--selectablecard-body, .usb--selectablecard.vertical-image .usb--selectablecard-body { padding-bottom: 1.5rem; } .usb--selectablecard.vertical-illustration .usb--selectablecard-body label, .usb--selectablecard.vertical-image .usb--selectablecard-body label { display: flex; flex-direction: column; } .usb--selectablecard.vertical-illustration .usb--selectablecard-image, .usb--selectablecard.vertical-image .usb--selectablecard-image { width: calc(100% + 2px); margin: -1px 0 0 -1px; border-top-left-radius: 10px; border-top-right-radius: 10px; order: -1; height: 12.125rem; overflow: hidden; } .usb--selectablecard.vertical-illustration .usb--selectablecard-image img, .usb--selectablecard.vertical-image .usb--selectablecard-image img { width: 100%; } .usb--selectablecard.vertical-illustration .usb--selectablecard-helper, .usb--selectablecard.vertical-illustration .usb--selectablecard-labeltext, .usb--selectablecard.vertical-image .usb--selectablecard-helper, .usb--selectablecard.vertical-image .usb--selectablecard-labeltext { margin-left: 3.3rem; margin-right: 1rem; } .usb--selectablecard.vertical-illustration .usb--selectablecard-labeltext, .usb--selectablecard.vertical-image .usb--selectablecard-labeltext { margin-top: 1.5rem; } .usb--selectablecard.vertical-image .usb--selectablecard-image { display: flex; flex-direction: column; justify-content: center; } .usb--selectablecard.vertical-illustration .usb--checkbox-svg, .usb--selectablecard.vertical-illustration input { top: 0; right: 0; left: unset; } .usb--selectablecard.vertical-illustration .usb--selectablecard-image { padding: 1rem; height: 6.5rem; text-align: center; } .usb--selectablecard.vertical-illustration .usb--selectablecard-image img, .usb--selectablecard.vertical-illustration .usb--selectablecard-image svg { width: 5.5rem; } .usb--selectablecard.vertical-illustration .usb--selectablecard-helper, .usb--selectablecard.vertical-illustration .usb--selectablecard-labeltext { margin-left: 1rem; text-align: center; display: block; } .usb--selectablecard.vertical-illustration .usb--selectablecard-labeltext { margin-top: 0.5rem; font-size: 1rem; font-size: var(--token-font-size-base, 1rem); } /*!************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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/@usb-wealthmanagement-npb/search-accounts/dist/styles/index.css?ngGlobalStyle ***! \************************************************************************************************************************************************************************************************************************************************************************************/ .search-accounts-main-wrapper .search-accounts-main { display: flex; justify-content: space-between; padding: 20px; } .search-accounts-main-wrapper .search-accounts-main .search-account { flex: 1; } @media screen and (max-width: 766px) { .search-accounts-main-wrapper .search-accounts-main .search-account { flex: 1.2; } } .search-accounts-main-wrapper .search-accounts-main .account-to-pledge-main-wrapper { flex: 1; } @media screen and (max-width: 766px) { .search-accounts-main-wrapper .search-accounts-main .account-to-pledge-main-wrapper { flex: 0.8; } } @media screen and (max-width: 820px) { .search-accounts-main-wrapper .search-accounts-main { display: inline-block; } } .red-message { color: #cf2a36; font-size: 0.875rem; margin-bottom: 0px; } .sr-container { width: 100%; padding: 15px; margin-top: 20px; margin-bottom: 40px; } .sr-container .no-results, .sr-container .response-message { padding: 20px 0 0 0; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; font-size: 28px; line-height: 1.29; letter-spacing: 0.3px; color: #0c2074; } .sr-container .search-result-container { padding-top: 15px; } .search-result-header { text-transform: uppercase; width: 75px; letter-spacing: 3px; color: #0c2074; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; padding-bottom: 12px; border-bottom: 4px solid lightgrey; font-size: medium; } .result-list-container { position: relative; list-style-type: none; padding: 20px 10px 10px 20px; margin-bottom: 20px; border-radius: 10px; border: 1px solid #ececf9; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15) !important; } @media screen and (min-width: 320px) and (max-width: 640px) { .result-list-container { max-width: 940px; width: 100vw; overflow-x: auto; } } .search-result-list { padding-left: 0; margin: 0px; } @media screen and (min-width: 320px) and (max-width: 640px) { .search-result-list { padding-left: 0; } } .search-result-list-header { width: 100%; height: auto; font-size: 1.1rem; font-weight: 400; letter-spacing: 0.25px; color: #0c2074; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; margin-bottom: 10px; } .search-result-table-container { width: 100%; } .search-result-table-container .search-result-table { width: 100%; } .search-result-table-container .search-result-table .col-name .table-column-header { padding-left: 5px; } .search-result-table-container .search-result-table .account-name { padding-left: 5px; word-wrap: break-word; word-break: break-all; max-width: 100px; padding-right: 10px; } .search-result-table-container .search-result-table .account-name.ITNC { max-width: 140px; } .search-result-table-container .search-result-table .table-column-header { color: #0c2074; font-size: 1rem; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; line-height: 1rem; font-weight: 400; } .search-result-table-container .search-result-table .table-header-row { border-bottom: 1px solid #d5c3c3; } .search-result-table-container .search-result-table .table-content-row.ineligible-row, .search-result-table-container .search-result-table .table-content-row .sr-table-cell { background-color: #f5f5f5; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; font-size: 1rem; line-height: 22px; letter-spacing: 0.2px; color: #0c2074; padding-top: 14px; padding-left: 60px; padding-bottom: 5px; } .search-result-table-container .search-result-table .table-column-head.col-select { width: 50px; max-width: 50px; } .search-result-table-container .search-result-table .table-column-head.col-value { text-align: right; width: 115px; } .search-result-table-container .search-result-table .table-cell.market-value { text-align: right; width: 115px; } .search-result-table-container .search-result-table .table-column-head.col-action { text-align: center; } .search-result-table-container .search-result-table .checkbox-input { border: none; } .search-result-table-container .search-result-table .table-cell { font-family: Circular-USB-Bold, Helvetica, Arial, sans-serif; font-size: 1rem; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.57; letter-spacing: 0.3px; color: #636466; padding-top: 15px; padding-bottom: 10px; } .search-result-table-container .search-result-table .table-cell.account-type > div { background-color: #eaf1f2; padding: 5px; width: -moz-fit-content; width: fit-content; font-family: Circular-USB-Bold, Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.57; letter-spacing: 0.3px; } .search-result-table-container .search-result-table .table-cell.select > div { width: 50px; max-width: 50px; } .search-result-table-container .search-result-table .table-cell.ineligible-cell { background-color: #f5f5f5; border-bottom: 1px solid rgba(12, 32, 116, 0.2); padding-top: 10px; } .search-result-table-container .search-result-table .table-cell.ineligible-cell > span { opacity: 0.5; font-family: Circular-USB-Light, Helvetica, Arial, sans-serif; } .search-result-table-container .search-result-table .table-cell.ineligible-cell .tooltip__content { max-width: 300px; } .search-result-table-container .search-result-table .table-cell.ineligible-cell .tooltip__content--children { padding: 10px; margin-bottom: 0px; } .search-result-table-container .search-result-table .table-cell.ineligible-cell .tooltip__content--children > p { margin-bottom: 0px; font-size: 14px; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; } .search-result-table-container .search-result-table .ineligible-acount-tooltip { opacity: 1; } .search-result-table-container .table-column-cell .usb--checkbox-wrapper:last-child, .search-result-table-container .table-column-header .usb--checkbox-wrapper:last-child { margin-bottom: 0px !important; } .search-acc-header-container { display: flex; flex-direction: column; padding-left: 2%; padding-right: 30px; } .search-acc-header-container .header-sub-heading { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 2.57; letter-spacing: 0.25px; color: #636466 !important; } .search-acc-header-container .header-heading .search-acc-heading { font-family: Circular-USB-Light, Helvetica, Arial, sans-serif; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.1; letter-spacing: 0.5px; color: #0c2074 !important; margin-top: 10px; } .search-acc-header-container .header-position-content { margin: 12px 0; width: 100%; font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.29; letter-spacing: 0.3px; color: #636466 !important; padding-right: 20%; } .search-dropdown-main { padding: 0 0 0 2%; margin-top: 10px; max-width: 540px; } @media screen and (max-width: 768px) { .search-dropdown-main { padding: 0 2%; } } .search-dropdown-main .usb--select--wrapper .usb--select--container .select--chevron { top: 10px; } .search-dropdown-main .usb--select--wrapper .usb--select--container .select--chevron svg { width: 30px; height: 30px; fill: #0c2074; } .search-dropdown-menu { margin-bottom: 30px; } .search-dropdown-menu label { opacity: 0; } .search-dropdown-menu select { color: #0c2074 !important; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; font-size: 28px !important; } .search-dropdown-menu select option { padding: 5px; } .search-dropdown-menu select option:first-child { display: none; } .sa-footer-main { width: 100%; position: sticky; bottom: 0; padding: 30px 20px 30px 0px; text-align: right; float: right; background-color: #EAF1F2; box-shadow: 0px -2px 4px rgba(0, 0, 0, 0.1); z-index: 3000; } @media screen and (max-width: 768px) { .sa-footer-main { padding: 20px; text-align: center; float: none; } } .sa-footer-main .loan-mod-cancel-btn { margin-right: 20px; } .sa-account-to-pleged-main { padding: 20px 20px 20px 20%; margin-top: 40px; position: sticky; top: 0px; } @media screen and (max-width: 820px) { .sa-account-to-pleged-main { position: static; padding: 10px; margin-top: 20px; } } .sa-account-to-pleged-main .sa-account-to-pleged-content { padding: 20px 30px; background-color: #f8f7f4; } .sa-account-to-pleged-main .accounts-pledge-title { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; margin-bottom: 0px; font-weight: 500; letter-spacing: 3px; color: #0c2074; } .sa-account-to-pleged-main .sa-pledge-account { display: flex; align-items: center; justify-content: center; padding: 20px; background-color: #ffffff; margin-top: 20px; } .sa-account-to-pleged-main .sa-pledge-account-card { padding: 20px; background-color: #ffffff; display: flex; justify-content: space-between; margin-top: 20px; } .sa-account-to-pleged-main .sa-pledge-account-details { display: inline-block; padding-top: 10px; } .sa-account-to-pleged-main .sa-no-accounts-added { font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; font-size: 16px; letter-spacing: 0.3px; color: #636466; margin-bottom: 0px !important; } .sa-account-to-pleged-main .close-icon-main { display: flex; justify-content: flex-end; } .sa-account-to-pleged-main .sa-pledged-account-header { color: #636466; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; } .sa-account-to-pleged-main .sa-pledged-account-number { color: #636466; font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; } .sa-account-to-pleged-main .sa-pledged-account-value { margin-top: 20px; font-size: 0.9rem; font-family: Circular-USB-Bold, Helvetica, Arial, sans-serif; } .sa-account-to-pleged-main .sa-pledged-market-value { font-size: 0.9rem; font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; } .sa-account-to-pleged-main .elementToFadeIn { animation: fadein 1s linear forwards; } @keyframes fadein { 0% { opacity: 0; } 50% { opacity: 0.5; } 100% { opacity: 1; } } .modal-sub-heading-txt { color: #0c2074; font-size: 1.5rem; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; line-height: 1rem; font-weight: 400; } .margin-bottom-20 { margin-bottom: 20px; } #remove-account-modal-header, .usb-modal-v2--header { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; } .usb-modal-v2--body div.font-family-md { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; color: #555555; } .acc-holder { width: 100%; display: flex; padding-left: 2%; max-width: 540px; justify-content: space-between; } .acc-holder .input-wrapper { position: relative; width: 100%; margin-right: 10px; max-width: 400px; } .acc-holder .input-wrapper label { font-size: 14px !important; font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif !important; } .acc-holder .input-wrapper input { height: 30px; color: #0c2074 !important; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; } .acc-holder .inside-input { position: absolute; right: 5px; top: 28px; background: none; border: none; } .acc-holder .search-btn { align-self: center; margin-bottom: 10px; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; } .acc-holder .usb--info-message { font-size: 16px; font-family: Circular-USB-Light, Helvetica, Arial, sans-serif; } .select-different-account-modal .usb-modal-v2--header { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; } .select-different-account-modal .select-different-account-modal-body-text { font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; line-height: 25px; } .prevent-scroll { touch-action: none; -webkit-overflow-scrolling: none; overflow: hidden; overscroll-behavior: none; } .usb-modal-v2 { position: fixed; top: var(--token-rounded-square, 0); right: var(--token-rounded-square, 0); bottom: var(--token-rounded-square, 0); left: var(--token-rounded-square, 0); z-index: 9990; background: rgba(0, 0, 0, 0.7); display: flex; justify-content: center; align-items: center; } .usb-modal-v2 .usb-modal-v2--container { box-shadow: 0 4px 6px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.12); border-radius: var(--token-rounded-square, 0); transform: scale(1) perspective(0) translate(0) rotateX(0deg); opacity: 1; max-height: 75vh; background: var(--token-background-primary, #fff); } @media only screen and (min-width: 42rem) { .usb-modal-v2 .usb-modal-v2--container { border-radius: var(--token-rounded-md, 0.5rem); } } .usb-modal-v2--no-overlay { background-color: initial; } .usb-modal-v2--dialog { height: 100vh; height: -webkit-fill-available; max-width: 100vw; max-height: 100vh; position: relative; width: 100vw; z-index: 9990; } @media only screen and (min-width: 900px) { .usb-modal-v2--dialog { height: auto; width: 60vw; max-width: 37rem; } } @media only screen and (min-width: 770px) and (max-width: 899px) { .usb-modal-v2--dialog { height: auto; width: 70vw; } } @media only screen and (min-width: 672px) and (max-width: 769px) { .usb-modal-v2--dialog { height: auto; width: 80vw; } } .usb-modal-v2--container { border-radius: var(--token-rounded-md, 0.5rem); display: flex; flex-direction: column; align-content: center; justify-content: flex-start; font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); max-width: 100vw; min-width: 30vw; position: relative; opacity: var(--token-spacing-0, 0); will-change: transform; will-change: opacity; transition: transform var(--token-timing-moderate-ease, 0.5s ease), opacity var(--token-timing-moderate-ease, 0.5s ease); transform: scale(1) perspective(0) translate(0) rotateX(0deg); perspective: 4; width: 100%; min-height: 100vh; min-height: -webkit-fill-available; } @media only screen and (min-width: 42rem) { .usb-modal-v2--container { border: 1px solid var(--modal-border-color, #ebeff6); max-width: 80vw; height: auto; min-height: auto; min-height: -webkit-fit-content; } } .usb-modal-v2--container:not(:has(.usb-modal-v2--close)) { padding-top: var(--token-spacing-8, 2rem); } .usb-modal-v2--container .usb-modal-v2--close { cursor: pointer; display: flex; justify-content: flex-end; } .usb-modal-v2--container .usb-modal-v2--close .usb-button { cursor: pointer; padding: var(--token-spacing-0, 0) !important; margin: var(--token-spacing-0, 0) !important; top: var(--token-spacing-4, 1rem) !important; right: var(--token-spacing-4, 1rem) !important; height: -moz-fit-content; height: fit-content; align-self: center; align-self: flex-end; width: min-content; } .usb-modal-v2--container .usb-modal-v2--close .usb-button .usb-icon { margin-right: var(--token-spacing-0, 0) !important; } .usb-modal-v2--container .usb-modal-v2--close .usb-button svg { color: var(--modal-close-icon-fill-color, #484861); } .usb-modal-v2--container .usb-modal-v2--close .usb-button:active, .usb-modal-v2--container .usb-modal-v2--close .usb-button:hover { background: var(--token-surface, #fff); } .usb-modal-v2--header { display: flex; flex-shrink: var(--token-spacing-0, 0); justify-content: space-between; width: 100%; padding: var(--token-spacing-2, 0.5rem) var(--token-spacing-4, 1rem) var(--token-spacing-0, 0) var(--token-spacing-4, 1rem); margin-bottom: var(--token-spacing-4, 1rem); } @media screen and (min-width: 42rem) { .usb-modal-v2--header { padding: var(--token-spacing-2, 0.5rem) var(--token-spacing-10, 2.5rem) var(--token-spacing-0, 0) var(--token-spacing-10, 2.5rem); margin-bottom: var(--token-spacing-4, 1rem); } } .usb-modal-v2--header h1 { float: "left"; margin: var(--token-spacing-0, 0); text-transform: none; font-size: var(--token-font-size-lg, 1.25rem) !important; line-height: var(--token-line-height-3xl, 1.5) !important; color: var(--modal-title-text-color, #2d2d3e); font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-weight: var(--token-font-weight-med, 500); font-size: var(--token-font-size-xl, 1.5rem); line-height: var(--token-line-height-lg, 1.25); } @media screen and (min-width: 42rem) { .usb-modal-v2--header h1 { font-size: var(--token-font-size-lg, 1.25rem); line-height: var(--token-line-height-3xl, 1.5); } } .usb-modal-v2--body { display: flex; flex-direction: column; padding: var(--token-spacing-0, 0) var(--token-spacing-4, 1rem) var(--token-spacing-8, 2rem); color: var(--modal-body-text-color, #484861); line-height: var(--token-line-height-lg, 1.25); letter-spacing: var(--token-letter-spacing-base, normal); font-size: var(--token-font-size-base, 1rem); -ms-overflow-style: -ms-autohiding-scrollbar; overflow-y: auto; } @media screen and (min-width: 42rem) { .usb-modal-v2--body { min-height: 8vh; max-height: 30vh; padding: var(--token-spacing-0, 0) var(--token-spacing-10, 2.5rem) var(--token-spacing-10, 2.5rem); } } .usb-modal-v2--footer { background: var(--modal-footer-background-color, #f1f5fb); border-radius: var(--token-rounded-square, 0) var(--token-rounded-square, 0) var(--token-rounded-md, 0.5rem) var(--token-rounded-md, 0.5rem); display: flex; justify-content: flex-end; align-self: flex-end; font-family: var(--token-font-callout, Circular-USB, Arial, Helvetica, sans-serif); width: 100%; overflow-y: visible; margin-top: auto; } .usb-modal-v2--footer .usb-button-group { padding: var(--token-spacing-4, 1rem) var(--token-spacing-4, 1rem); width: 100%; } @media screen and (min-width: 42rem) { .usb-modal-v2--footer .usb-button-group { flex-direction: row-reverse; } .usb-modal-v2--footer .usb-button-group .usb-button:nth-child(3) { margin-left: var(--token-spacing-0, 0); margin-right: auto; } } .usb-modal-v2--footer .reverse { flex-direction: row-reverse; justify-content: flex-start; } .usb--error-message { display: flex; justify-content: flex-start; align-items: flex-start; font-size: var(--token-font-size-xs, 0.75rem); } .usb--error-message svg { color: var(--token-status-danger-mid, #ce2935); fill: var(--token-status-danger-mid, #ce2935); height: var(--token-spacing-4, 1rem); margin-right: var(--token-spacing-1, 0.25rem); width: var(--token-spacing-3, 0.75rem); } .usb--error-message span { color: var(--token-status-danger-mid, #ce2935); line-height: var(--token-line-height-lg, 1.25); margin-top: var(--token-spacing-1, 0.25rem); } .usb--error-message span.usb-icon { line-height: var(--token-line-height-base, 1); } .optionalSpan { color: var(--token-text-color-tertiary, #63637f); display: flex; font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-size: var(--token-font-size-xs, 0.75rem); font-weight: var(--token-font-weight-reg, 400); line-height: var(--token-line-height-3xl, 1.5); padding-top: var(--token-spacing-1, 0.25rem); } .helper_label--wrapper { display: flex; justify-content: flex-start; align-items: flex-start; } .helper_label--wrapper .en_dash { color: var(--token-text-color-tertiary, #63637f); font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-size: var(--token-font-size-xs, 0.75rem); font-weight: var(--token-font-weight-reg, 400); line-height: var(--token-line-height-3xl, 1.5); padding: 4px var(--token-spacing-1, 0.25rem) 0; } .shakeWarning { display: block; animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; transform: translateZ(0); backface-visibility: hidden; perspective: 1000px; } @keyframes shake { 10%, 90% { transform: translate3d(-1px, 0, 0); } 20%, 80% { transform: translate3d(2px, 0, 0); } 30%, 50%, 70% { transform: translate3d(-4px, 0, 0); } 40%, 60% { transform: translate3d(4px, 0, 0); } } .icon-container { margin: 0; position: absolute; right: 0; top: var(--token-spacing-1, 0.25rem); } .usb--wrapper button.show-hide__button { background-color: initial; border: none; color: var(--token-text-color-tertiary, #63637f); font-size: var(--token-font-size-sm, 0.875rem); font-weight: var(--token-font-weight-reg, 400); line-height: var(--token-spacing-5, 1.25rem); min-height: var(--token-spacing-6, 1.5rem); margin: 0; outline: none; padding: 0; position: absolute; right: var(--forms-base-label-show-hide-right, 0); top: var(--forms-base-label-show-hide-top, 1rem); } .usb--wrapper button.show-hide__button:after { content: ""; border: 2px solid transparent; border-radius: var(--token-rounded-sm, 0.25rem); height: calc(100% + var(--token-spacing-2, 0.5rem)); position: absolute; left: calc(var(--token-spacing-1, 0.25rem) * -1); top: calc(var(--token-spacing-1, 0.25rem) * -1); transition: var(--token-timing-fast-ease, 0.1s ease) border; width: calc(100% + var(--token-spacing-2, 0.5rem)); } .usb--wrapper button.show-hide__button:hover { -webkit-text-decoration: none; text-decoration: none; } .usb--wrapper button.show-hide__button:focus:after { border-color: var(--token-border-focus, #235ae4); } .usb--checkbox--fieldset { border: 0; margin-bottom: calc(var(--token-spacing-5, 1.25rem) * -1); } .usb--checkbox-group--legend { color: var(--checkbox-group-label-text-color, #2d2d3e); font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-size: var(--token-font-size-base, 1rem); font-weight: var(--token-font-weight-med, 500); line-height: var(--token-line-height-3xl, 1.5); position: relative; } .usb--checkbox-group--legend .usb--error-message span { margin-top: var(--token-spacing-1, 0.25rem); } .usb--checkbox-group--legend .usb-toggletip-container { display: inline-block; position: relative; left: calc(var(--token-spacing-1, 0.25rem) * -1); right: auto; top: var(--token-spacing-1, 0.25rem); transform: none; } .usb--checkbox-group--legend .usb-toggletip-container + .helper_label--wrapper span { padding-top: 0; } .usb--checkbox-group--legend .usb-toggletip-container + .usb--error-message span { margin-top: 0; } .usb--checkbox-group--legend .helper_label--wrapper span { padding-top: var(--token-spacing-1, 0.25rem); } .usb--checkbox-wrapper { margin-top: 0; margin-bottom: var(--token-spacing-5, 1.25rem); min-height: unset; padding-top: 0; flex-basis: 50%; } .usb--checkbox-list { margin-top: var(--token-spacing-6, 1.5rem); } @media only screen and (min-width: 41.9375rem) { .usb--checkbox-list .checkbox-column { flex-basis: 50%; } .usb--checkbox-list .checkbox-column:not(:first-of-type) { margin-left: var(--token-spacing-8, 2rem); } .usb--checkbox-list.columns { display: flex; } } .usb--checkbox-indeterminate_parent + ul > li { margin-bottom: var(--token-spacing-5, 1.25rem); } .usb--checkbox-indeterminate_child { margin-left: var(--token-spacing-5, 1.25rem); } .usb--checkbox--fieldset.usb--selectable-card { margin-bottom: 0; } .usb--checkbox--fieldset.usb--selectable-card .usb--checkbox-list { margin-top: 0; } .usb--checkbox--fieldset.usb--selectable-card .usb--error-message { margin-bottom: var(--token-spacing-3, 0.75rem); } .usb--checkbox--fieldset.usb--selectable-card .usb--selectablecard-wrapper { padding-top: 1px; padding-bottom: 1rem; } .usb--checkbox-input { cursor: pointer; height: var(--token-spacing-11, 2.75rem); opacity: 0; position: absolute; left: calc(var(--token-spacing-3, 0.75rem) * -1); top: calc(var(--token-spacing-3, 0.75rem) * -1); width: var(--token-spacing-11, 2.75rem); z-index: 10; } .usb--checkbox-input:checked + label .usb--checkbox-svg svg, .usb--checkbox-input[aria-checked=mixed] + label .usb--checkbox-svg svg, .usb--checkbox-input[aria-checked=true] + label .usb--checkbox-svg svg { border-width: 0; background: var(--checkbox-checked-icon-background-color, #235ae4); fill: var(--checkbox-checked-icon-fill-color, #fff); } .usb--checkbox-input:checked:disabled + label .usb--checkbox-svg svg, .usb--checkbox-input[aria-checked=mixed]:disabled + label .usb--checkbox-svg svg, .usb--checkbox-input[aria-checked=true]:disabled + label .usb--checkbox-svg svg { fill: var(--checkbox-checked-disabled-icon-fill-color, #7a7a95); } .usb--checkbox-input:disabled + label { color: var(--token-disabled-foreground, #7a7a95); } .usb--checkbox-input[aria-checked=mixed] + label .usb--checkbox-svg svg { stroke: var(--checkbox-checked-icon-fill-color, #fff); } .usb--checkbox-input[aria-checked=mixed]:disabled + label .usb--checkbox-svg svg { stroke: var(--checkbox-checked-disabled-icon-fill-color, #7a7a95); } .usb--checkbox-input:focus + label:after { border-color: var(--checkbox-focus-border-color, #003cc8); } .usb--checkbox-input:disabled, .usb--checkbox-input:disabled + label, .usb--checkbox-input:disabled + label .usb--checkbox-svg svg { cursor: not-allowed; } .usb--checkbox-input:disabled + label .usb--checkbox-svg svg { background: var(--checkbox-disabled-icon-background-color, rgba(205, 209, 226, 0.4)); border-width: 0; } .usb--checkbox-input ~ .helper_label--wrapper { margin-left: var(--token-spacing-8, 2rem); } .usb--checkbox-input:disabled ~ .helper_label--wrapper span { color: var(--token-disabled-foreground, #7a7a95); } .usb--checkbox-icon { margin-right: var(--token-spacing-2, 0.5rem); margin-top: -0.25rem; width: var(--token-spacing-8, 2rem); min-width: var(--token-spacing-8, 2rem); text-align: center; height: var(--token-spacing-8, 2rem) !important; } .usb--checkbox-icon-radius, .usb--checkbox-icon-radius svg { border-radius: 50%; } .usb--checkbox-label { color: var(--checkbox-label-text-color, #484861); cursor: pointer; display: flex; align-items: flex-start; flex-direction: row-reverse; justify-content: flex-end; font-family: var(--checkbox-label-font-family, Circular-USB, Arial, Helvetica, sans-serif); font-size: var(--checkbox-label-font-size, 1rem); font-weight: var(--checkbox-label-font-weight, 400); position: relative; width: 100%; } .usb--checkbox-label:after { content: ""; border: 2px solid transparent; border-radius: var(--checkbox-focus-border-radius, 0.25rem); height: var(--token-spacing-8, 2rem); position: absolute; left: -0.375rem; top: -0.375rem; width: var(--token-spacing-8, 2rem); } .usb--checkbox-label span { display: flex; align-items: center; justify-content: center; } .usb--checkbox-label span.usb--checkbox-svg svg { background: var(--checkbox-icon-background-color, #fff); border: 1px solid var(--checkbox-border-color, #7a7a95); border-radius: var(--checkbox-border-radius, 0.25rem); fill: transparent; stroke: transparent; height: var(--token-spacing-5, 1.25rem); transition: border-color var(--token-timing-default-ease, 0.25s ease); pointer-events: none; min-width: var(--token-spacing-5, 1.25rem); margin-right: var(--token-spacing-3, 0.75rem); position: relative; vertical-align: middle; width: var(--token-spacing-5, 1.25rem); } .usb--checkbox-label span.usb--checkbox-label-text { display: inline; } .usb--checkbox-label + .usb--error-message { margin-left: var(--token-spacing-8, 2rem); } .usb--checkbox-legend { color: var(--checkbox-group-label-text-color, #2d2d3e); font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-size: var(--token-font-size-base, 1rem); font-weight: var(--token-font-weight-med, 500); line-height: var(--token-line-height-3xl, 1.5); position: relative; } .usb--checkbox-legend .usb--error-message span { margin-top: var(--token-spacing-1, 0.25rem); } .usb--checkbox-legend .usb-toggletip-container { display: inline-block; position: relative; left: calc(var(--token-spacing-1, 0.25rem) * -1); right: auto; top: var(--token-spacing-1, 0.25rem); transform: none; } .usb--checkbox-legend .usb-toggletip-container + .helper_label--wrapper span { padding-top: 0; } .usb--checkbox-legend .usb-toggletip-container + .usb--error-message span { margin-top: 0; } .usb--checkbox-legend .helper_label--wrapper span { padding-top: var(--token-spacing-1, 0.25rem); } .usb--checkbox-wrapper { position: relative; width: -moz-fit-content; width: fit-content; } .usb--checkbox-wrapper.usb--checkbox--fieldset > .usb--checkbox-label { margin-top: var(--token-spacing-6, 1.5rem); } .usb--checkbox-wrapper.usb--checkbox--fieldset > .usb--checkbox-input { top: var(--token-spacing-3, 0.75rem); } .usb--checkbox-wrapper .helper_label--wrapper span { color: var(--checkbox-helper-text-text-color, #63637f); } .usb--checkbox-wrapper.is-error .usb--checkbox-input + label .usb--checkbox-svg svg { background: var(--checkbox-error-icon-background-color, #fff); border: 2px solid var(--checkbox-error-border-color, #ce2935); } .usb--checkbox-wrapper.is-error .usb--checkbox-input:checked + label .usb--checkbox-svg svg, .usb--checkbox-wrapper.is-error .usb--checkbox-input[aria-checked=true] + label svg { fill: var(--checkbox-error-icon-fill-color, #ce2935); } .usb--checkbox-wrapper.is-error .usb--checkbox-input[aria-checked=mixed] + label svg { stroke: var(--checkbox-error-icon-fill-color, #ce2935); } .usb--checkbox-wrapper.is-error:hover .usb--checkbox-input:checked + label .usb--checkbox-svg svg, .usb--checkbox-wrapper.is-error:hover .usb--checkbox-input[aria-checked=mixed] + label .usb--checkbox-svg svg, .usb--checkbox-wrapper.is-error:hover .usb--checkbox-input[aria-checked=true] + label .usb--checkbox-svg svg { background: var(--checkbox-hover-error-icon-background-color, #fff); border: 2px solid var(--checkbox-hover-error-border-color, #001e79); fill: var(--checkbox-hover-error-icon-fill-color, #ce2935); } .usb--checkbox-wrapper.is-error:hover .usb--checkbox-input[aria-checked=mixed] + label .usb--checkbox-svg svg { stroke: var(--checkbox-hover-error-icon-fill-color, #ce2935); } .usb--checkbox-wrapper:hover:not(.is-read-only):not(.is-disabled) .usb--checkbox-input + label .usb--checkbox-svg svg { border: 2px solid var(--checkbox-hover-border-color, #003cc8); } .usb--checkbox-wrapper:hover:not(.is-read-only):not(.is-disabled) .usb--checkbox-input:active + label .usb--checkbox-svg svg { border: 2px solid var(--checkbox-hover-active-border-color, #001e79); } .usb--checkbox-wrapper:hover:not(.is-read-only):not(.is-disabled) .usb--checkbox-input:checked + label .usb--checkbox-svg svg, .usb--checkbox-wrapper:hover:not(.is-read-only):not(.is-disabled) .usb--checkbox-input[aria-checked=mixed] + label .usb--checkbox-svg svg, .usb--checkbox-wrapper:hover:not(.is-read-only):not(.is-disabled) .usb--checkbox-input[aria-checked=true] + label .usb--checkbox-svg svg { background: var(--checkbox-checked-hover-icon-background-color, #003cc8); border-width: 0; fill: var(--checkbox-checked-hover-icon-fill-color, #fff); } .usb--checkbox-wrapper:hover:not(.is-read-only):not(.is-disabled) .usb--checkbox-input:checked:active + label .usb--checkbox-svg svg, .usb--checkbox-wrapper:hover:not(.is-read-only):not(.is-disabled) .usb--checkbox-input[aria-checked=mixed]:active + label .usb--checkbox-svg svg, .usb--checkbox-wrapper:hover:not(.is-read-only):not(.is-disabled) .usb--checkbox-input[aria-checked=true]:active + label .usb--checkbox-svg svg { background: var(--checkbox-checked-hover-active-icon-background-color, hsla(0, 0%, 100%, 0.78)); } .usb--checkbox-wrapper:hover:not(.is-read-only):not(.is-disabled) .usb--checkbox-input[aria-checked=mixed] + label .usb--checkbox-svg svg { stroke: var(--checkbox-checked-hover-icon-fill-color, #fff); } .usb--checkbox-wrapper.is-read-only { cursor: not-allowed; } .usb--checkbox-wrapper.is-read-only .usb--checkbox-input, .usb--checkbox-wrapper.is-read-only .usb--checkbox-input + label { pointer-events: none; } .usb--checkbox-wrapper.is-read-only .usb--checkbox-input + label:after { content: ""; border: 2px solid transparent; border-radius: var(--checkbox-focus-border-radius, 0.25rem); height: var(--token-spacing-8, 2rem); position: absolute; left: -0.375rem; top: -0.375rem; width: var(--token-spacing-8, 2rem); } .usb--checkbox-wrapper.is-read-only .usb--checkbox-input + label span { display: flex; align-items: center; justify-content: center; } .usb--checkbox-wrapper.is-read-only .usb--checkbox-input + label span.usb--checkbox-svg svg { background: var(--checkbox-icon-background-color, #fff); border: 1px solid var(--checkbox-border-color, #7a7a95); border-radius: var(--checkbox-border-radius, 0.25rem); fill: transparent; height: var(--token-spacing-5, 1.25rem); transition: border-color var(--token-timing-default-ease, 0.25s ease); pointer-events: none; min-width: var(--token-spacing-5, 1.25rem); margin-right: var(--token-spacing-3, 0.75rem); position: relative; vertical-align: middle; width: var(--token-spacing-5, 1.25rem); } .usb--checkbox-wrapper.is-read-only .usb--checkbox-input + label span.usb--checkbox-label-text { display: inline; } .usb--checkbox-wrapper.is-read-only .usb--checkbox-input + label span:checked + label .usb--checkbox-svg svg, .usb--checkbox-wrapper.is-read-only .usb--checkbox-input + label span[aria-checked=true] + label .usb--checkbox-svg svg { fill: var(--checkbox-readonly-icon-fill-color, #484861); } .usb--checkbox-wrapper.is-read-only .usb--checkbox-input + label span[aria-checked=mixed] + label .usb--checkbox-svg svg { stroke: var(--checkbox-readonly-icon-fill-color, #484861); } .usb--wrapper { background-color: var(--text-input-wrapper-background-color, transparent); margin-top: var(--token-spacing-2, 0.5rem); min-height: var(--token-spacing-12, 3rem); padding-top: var(--token-spacing-4, 1rem); position: relative; width: 100%; z-index: 0; } .usb--wrapper.is-long-label { margin-top: calc(var(--token-spacing-2, 0.5rem) + var(--token-spacing-5, 1.25rem)); } .usb--wrapper .usb--basic-input { background-color: var(--text-input-basic-background-color, transparent); border-radius: var(--text-input-basic-border-radius, 0); border-top: var(--text-input-basic-border-top-width, 0) var(--text-input-basic-border-style, solid) var(--text-input-basic-border-color, #7a7a95); border-right: var(--text-input-basic-border-right-width, 0) var(--text-input-basic-border-style, solid) var(--text-input-basic-border-color, #7a7a95); border-bottom: var(--text-input-basic-border-bottom-width, 1px) var(--text-input-basic-border-style, solid) var(--text-input-basic-border-color, #7a7a95); border-left: var(--text-input-basic-border-left-width, 0) var(--text-input-basic-border-style, solid) var(--text-input-basic-border-color, #7a7a95); color: var(--text-input-basic-text-color, #484861); font-family: var(--text-input-basic-font-family, Circular-USB, Arial, Helvetica, sans-serif); font-size: var(--text-input-basic-font-size, 1rem); font-weight: var(--text-input-basic-font-weight, 400); line-height: var(--token-line-height-3xl, 1.5); margin: var(--text-input-basic-margin-top, 0) var(--text-input-basic-margin-right, auto) var(--text-input-basic-margin-bottom, auto) var(--text-input-basic-margin-left, auto); padding: var(--text-input-basic-padding-top, 0) var(--text-input-basic-padding-right, 0) var(--text-input-basic-padding-bottom, 0) var(--text-input-basic-padding-left, 0); width: 100%; } .usb--wrapper .usb--basic-input.input__date-picker, .usb--wrapper .usb--basic-input.input__show-hide { padding-right: var(--token-spacing-10, 2.5rem); } .usb--wrapper .usb--basic-input.input__has-toggletip { padding-right: var(--token-spacing-6, 1.5rem); } .usb--wrapper .usb--basic-input.input__has-toggletip + .show-hide__button { right: var(--token-spacing-8, 2rem); } .usb--wrapper .usb--basic-input::-ms-clear { display: none; height: var(--token-spacing-0, 0); width: var(--token-spacing-0, 0); } .usb--wrapper .usb--floating-label { background-color: var(--text-input-label-background-color, transparent); color: var(--text-input-label-text-color, #63637f); font-family: var(--text-input-label-font-family, Circular-USB, Arial, Helvetica, sans-serif); font-weight: var(--text-input-label-font-weight, 400); font-size: var(--text-input-label-font-size, 1rem); line-height: var(--text-input-label-line-height, 1.5); position: var(--text-input-label-position, absolute); top: var(--text-input-label-top, 1rem); left: var(--token-spacing-0, 0); transition: all var(--token-timing-default-ease, 0.25s ease); } .usb--wrapper .usb--floating-label_overflow { top: calc(var(--text-input-label-font-size, 1rem) * -1 / var(--text-input-label-line-height, 1.5)); } .usb--wrapper .usb--error-text-container { height: auto; max-height: 0; opacity: 0; transition: max-height var(--token-timing-moderate-ease-in-out, 0.5s ease-in-out), opacity var(--token-timing-moderate-ease-in-out, 0.5s ease-in-out); overflow: hidden; } .usb--wrapper.is-focused:after { content: ""; border: var(--text-input-focus-active-wrapper-border-width, 2px) solid var(--text-input-focus-wrapper-border-color, #235ae4); border-radius: var(--text-input-focus-active-wrapper-border-radius, 0.25rem); height: calc(100% + var(--token-spacing-3, 0.75rem)); position: absolute; left: -0.375rem; top: -0.375rem; width: calc(100% + var(--token-spacing-3, 0.75rem)); z-index: -1; } .usb--wrapper.is-focused.is-long-label:after { height: calc(100% + var(--token-spacing-6, 1.5rem) + 0.375rem); top: -1.5rem; } .usb--wrapper.is-focused.is-value label, .usb--wrapper.is-focused label { color: var(--text-input-active-label-text-color, #63637f); font-family: var(--text-input-active-label-font-family, Circular-USB, Arial, Helvetica, sans-serif); font-weight: var(--text-input-focus-active-label-font-weight, 400); font-size: var(--text-input-focus-active-label-font-size, 0.75rem); line-height: var(--text-input-focus-active-label-line-height, 1.5); top: var(--text-input-focus-active-label-top, 0); } .usb--wrapper.is-focused.is-value label.usb--floating-label_overflow, .usb--wrapper.is-focused label.usb--floating-label_overflow { top: calc(var(--text-input-focus-active-label-font-size, 0.75rem) * -1 * var(--text-input-focus-active-label-line-height, 1.5)); } .usb--wrapper.is-focused .usb--basic-input { outline: transparent; border-top: var(--text-input-focus-border-top-width, 0) var(--text-input-focus-active-border-style, solid) var(--text-input-basic-focus-active-border-color, #235ae4); border-right: var(--text-input-focus-border-right-width, 0) var(--text-input-focus-active-border-style, solid) var(--text-input-basic-focus-active-border-color, #235ae4); border-bottom: var(--text-input-focus-border-bottom-width, 1px) var(--text-input-focus-active-border-style, solid) var(--text-input-basic-focus-active-border-color, #235ae4); border-left: var(--text-input-focus-border-left-width, 0) var(--text-input-focus-active-border-style, solid) var(--text-input-basic-focus-active-border-color, #235ae4); font-family: var(--text-input-basic-focus-active-font-family, Circular-USB, Arial, Helvetica, sans-serif); } .usb--wrapper.is-focused.is-value .usb--basic-input, .usb--wrapper.is-focused .usb--basic-input { margin: var(--text-input-basic-focus-active-margin-top, auto) var(--text-input-basic-focus-active-margin-right, -1px) var(--text-input-basic-focus-active-margin-bottom, -1px) var(--text-input-basic-focus-active-margin-left, 0); } .usb--wrapper.is-focused.is-value .usb--basic-input { border-width: var(--text-input-basic-focus-active-border-top-width, 0) var(--text-input-basic-focus-active-border-right-width, 0) var(--text-input-basic-focus-active-border-bottom-width, 2px) var(--text-input-basic-focus-active-border-left-width, 0); color: var(--text-input-basic-focus-active-text-color, #484861); font-family: var(--text-input-basic-active-font-family, Circular-USB, Arial, Helvetica, sans-serif); font-weight: var(--text-input-basic-focus-active-font-weight, 400); font-size: var(--text-input-basic-focus-active-font-size, 1rem); line-height: var(--text-input-basic-focus-active-line-height, 1.5); } .usb--wrapper.is-value .usb--basic-input { font-weight: var(--text-input-basic-active-font-weight, 400); font-size: var(--text-input-basic-active-font-size, 1rem); line-height: var(--text-input-basic-active-line-height, 1.5); } .usb--wrapper.is-disabled .show-hide__button, .usb--wrapper.is-read-only .show-hide__button { display: none; } .usb--wrapper.is-disabled .usb--floating-label, .usb--wrapper.is-read-only .usb--floating-label { cursor: default; } .usb--wrapper.is-disabled .usb--basic-input, .usb--wrapper.is-read-only .usb--basic-input { border: none; border-bottom: 1px solid var(--text-input-basic-disabled-border-color, transparent); } .usb--wrapper.is-disabled .button__date-picker, .usb--wrapper.is-read-only .button__date-picker { cursor: not-allowed; } .usb--wrapper.is-disabled .usb--floating-label, .usb--wrapper.is-read-only .usb--floating-label { top: var(--text-input-label-top, 1rem); font-size: var(--text-input-label-font-size, 1rem); transition: none; margin-bottom: var(--text-input-basic-focus-active-margin-bottom, -1px); } .usb--wrapper.is-disabled .usb--floating-label_overflow, .usb--wrapper.is-read-only .usb--floating-label_overflow { top: auto; } .usb--wrapper.is-disabled { background: var(--token-disabled-background, rgba(205, 209, 226, 0.4)); } .usb--wrapper.is-disabled .helper_label--wrapper span, .usb--wrapper.is-disabled .icon-container .usb-icon, .usb--wrapper.is-disabled.is-value .usb--floating-label, .usb--wrapper.is-disabled .usb--basic-input, .usb--wrapper.is-disabled .usb--floating-label { cursor: not-allowed; color: var(--token-disabled-foreground, #7a7a95); } .usb--wrapper.is-disabled .usb--basic-input { border-bottom: 1px solid var(--token-disabled-border, #cdd1e2); } .usb--wrapper.is-disabled .button__date-picker .usb-icon, .usb--wrapper.is-disabled .usb-toggletip-container .usb-icon, .usb--wrapper.is-disabled button.show-hide__button { color: var(--token-disabled-foreground, #7a7a95); } .usb--wrapper.is-disabled .button__date-picker .usb-icon svg, .usb--wrapper.is-disabled .icon-container .usb-icon svg, .usb--wrapper.is-disabled .usb-toggletip-container .usb-icon svg { fill: var(--token-disabled-foreground, #7a7a95); } .usb--wrapper.is-value .usb--floating-label { color: var(--text-input-active-label-text-color, #63637f); font-family: var(--text-input-active-label-font-family, Circular-USB, Arial, Helvetica, sans-serif); font-weight: var(--text-input-active-label-font-weight, 400); font-size: var(--text-input-active-label-font-size, 0.75rem); line-height: var(--text-input-active-label-line-height, 1.5); top: var(--text-input-focus-active-label-top, 0); } .usb--wrapper.is-value .usb--floating-label_overflow { top: calc(var(--text-input-active-label-font-size, 0.75rem) * -1 * var(--text-input-active-label-line-height, 1.5)); } .usb--wrapper.is-error.is-focused .usb--floating-label, .usb--wrapper.is-error.is-value .usb--floating-label, .usb--wrapper.is-error .usb--floating-label { color: var(--text-input-error-label-text-color, #ce2935); } .usb--wrapper.is-error.is-focused .usb--basic-input, .usb--wrapper.is-error.is-value .usb--basic-input, .usb--wrapper.is-error .usb--basic-input { border-top: var(--text-input-focus-error-border-top-width, 0) var(--text-input-focus-error-border-style, solid) var(--text-input-basic-error-border-color, #ce2935); border-right: var(--text-input-focus-error-border-right-width, 0) var(--text-input-focus-error-border-style, solid) var(--text-input-basic-error-border-color, #ce2935); border-bottom: var(--text-input-focus-error-border-bottom-width, 2px) var(--text-input-focus-error-border-style, solid) var(--text-input-basic-error-border-color, #ce2935); border-left: var(--text-input-focus-error-border-left-width, 0) var(--text-input-focus-error-border-style, solid) var(--text-input-basic-error-border-color, #ce2935); } .usb--wrapper.is-error.is-focused .usb--error-text-container, .usb--wrapper.is-error.is-value .usb--error-text-container, .usb--wrapper.is-error .usb--error-text-container { max-height: 4rem; opacity: 1; } .usb--wrapper .sr-only { position: absolute; width: 1px; height: 1px; padding: var(--token-spacing-0, 0); margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: var(--token-spacing-0, 0); } .usb--wrapper .button__date-picker { background-color: var(--date-picker-button-background-color, transparent); border: none; position: absolute; right: var(--date-picker-button-right, 0); top: var(--date-picker-button-top, 1rem); } .usb--wrapper.is-card-icon .usb--basic-input.input__show-hide { padding-right: var(--token-spacing-18, 4.5rem); } .usb--wrapper.is-card-icon button.show-hide__button { right: var(--token-spacing-8, 2rem) !important; transition: all 0.3s ease-out; } .usb--wrapper.is-card-icon .icon-container { top: 1.1rem; } .usb--radio-fieldset { border: 0; } .usb--radio-legend { color: var(--forms-radio-group-legend-text-color, #2d2d3e); font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-size: var(--token-font-size-base, 1rem); font-weight: var(--token-font-weight-med, 500); line-height: var(--token-line-height-3xl, 1.5); position: relative; } .usb--radio-legend + .usb--error-message { margin-bottom: var(--token-spacing-3, 0.75rem); } .usb--radio-legend + .usb--error-message span { margin-top: var(--token-spacing-1, 0.25rem); } .usb--radio-wrapper { display: flex; align-items: flex-start; margin-left: calc(var(--token-spacing-3, 0.75rem) * -1); position: relative; z-index: 0; } .usb--radio-wrapper.is-disabled:not(.is-chips), .usb--radio-wrapper.is-read-only:not(.is-chips) { cursor: not-allowed; } .usb--radio-wrapper.is-disabled:not(.is-chips) > *, .usb--radio-wrapper.is-read-only:not(.is-chips) > * { color: var(--token-disabled-foreground, #7a7a95); pointer-events: none; } .usb--radio-wrapper.is-disabled:not(.is-chips) input[type=radio], .usb--radio-wrapper.is-read-only:not(.is-chips) input[type=radio] { border: none; background-clip: content-box; padding: 0; } .usb--radio-wrapper.is-disabled:not(.is-chips) input[type=radio]:not(:checked), .usb--radio-wrapper.is-read-only:not(.is-chips) input[type=radio]:not(:checked) { background-color: var(--token-disabled-background, rgba(205, 209, 226, 0.4)); } .usb--radio-wrapper.is-disabled:not(.is-chips) input[type=radio]:not(:checked):before, .usb--radio-wrapper.is-read-only:not(.is-chips) input[type=radio]:not(:checked):before { content: none; } .usb--radio-wrapper.is-disabled:not(.is-chips) input[type=radio]:not(:checked)::-ms-check, .usb--radio-wrapper.is-read-only:not(.is-chips) input[type=radio]:not(:checked)::-ms-check { border: none; background-color: var(--token-disabled-background, rgba(205, 209, 226, 0.4)); } .usb--radio-wrapper.is-disabled:not(.is-chips) input[type=radio]:checked, .usb--radio-wrapper.is-read-only:not(.is-chips) input[type=radio]:checked { background-color: var(--token-disabled-background, rgba(205, 209, 226, 0.4)); } .usb--radio-wrapper.is-disabled:not(.is-chips) input[type=radio]:checked:before, .usb--radio-wrapper.is-read-only:not(.is-chips) input[type=radio]:checked:before { background: var(--token-disabled-foreground, #7a7a95); } .usb--radio-wrapper.is-disabled:not(.is-chips) input[type=radio]:checked::-ms-check, .usb--radio-wrapper.is-read-only:not(.is-chips) input[type=radio]:checked::-ms-check { border: none; background-color: var(--token-disabled-background, rgba(205, 209, 226, 0.4)); } .usb--radio-wrapper.is-focused:after { content: ""; display: block; border: 2px solid var(--forms-radio-input-focus-border-color, #235ae4); border-radius: var(--token-rounded-sm, 0.25rem); height: var(--token-spacing-7, 1.75rem); position: absolute; left: var(--token-spacing-2, 0.5rem); top: var(--token-spacing-2, 0.5rem); width: var(--token-spacing-7, 1.75rem); z-index: -1; } .usb--radio-label { cursor: pointer; margin-top: var(--token-spacing-3, 0.75rem); } .usb--radio-label + .helper_label--wrapper span { color: var(--forms-radio-helper-text-text-color, #63637f); } .usb--radio-label_container { color: var(--forms-radio-group-label-text-color, #484861); font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-size: var(--token-font-size-base, 1rem); line-height: var(--token-line-height-lg, 1.25); position: relative; vertical-align: top; width: 100%; margin-top: var(--token-spacing-3, 0.75rem); } .usb--radio-label_container .helper_label--wrapper { margin-bottom: var(--token-spacing-3, 0.75rem); } .usb--radio-label_container.has-icon { padding-left: var(--token-spacing-10, 2.5rem); } .usb--radio-label_container.has-icon .usb--radio-icon { position: absolute; left: 0; } .usb--radio-input { appearance: none; background-color: var(--forms-radio-input-background-color, #fff); border: 1px solid var(--forms-radio-input-border-color, #7a7a95); border-radius: var(--token-rounded-full, 50%); cursor: pointer; height: var(--token-spacing-5, 1.25rem); margin: var(--token-spacing-3, 0.75rem); min-width: var(--token-spacing-5, 1.25rem); outline: none; padding: 3px; position: relative; width: var(--token-spacing-5, 1.25rem); } .usb--radio-input:before { background: var(--forms-radio-input-background-color, #fff); border-radius: var(--token-rounded-full, 50%); content: ""; height: calc(var(--token-spacing-2, 0.5rem) + 0.125rem); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(var(--token-spacing-2, 0.5rem) + 0.125rem); } .usb--radio-input:checked { border: 2px solid var(--forms-radio-input-checked-border-color, #235ae4); } .usb--radio-input:checked:before { background: var(--forms-radio-input-checked-background-color, #235ae4); } .usb--radio-input:checked::-ms-check { border: 2px solid var(--forms-radio-input-checked-border-color, #235ae4); color: var(--token-color-brand-interaction, #0058ff); } .usb--radio-input:hover:not(:disabled) { border: 2px solid var(--forms-radio-input-hover-border-color, #235ae4); } .usb--radio-input:hover:not(:disabled):checked:before { background: var(--forms-radio-input-hover-background-color, #235ae4); } .usb--radio-input:hover:not(:disabled)::-ms-check { border: 2px solid var(--forms-radio-input-hover-border-color, #235ae4); color: var(--token-color-brand-interaction, #0058ff); } .is-focused .usb--radio-input:active:not(:disabled) { border: 2px solid var(--forms-radio-input-focus-border-color, #235ae4); } .is-focused .usb--radio-input:active:not(:disabled):checked:before { background: var(--forms-radio-input-focus-background-color, #235ae4); } .is-focused .usb--radio-input:active:not(:disabled)::-ms-check { border: 2px solid var(--forms-radio-input-focus-border-color, #235ae4); color: var(--token-background-brand-primary, #001e79); } .usb--radio-input.is-error { border: 2px solid var(--forms-radio-input-error-border-color, #ce2935); } .usb--radio-input.is-error:checked:before { background: var(--forms-radio-input-error-background-color, #ce2935); } .usb--radio-input.is-error::-ms-check { border: 2px solid var(--forms-radio-input-error-border-color, #ce2935); color: var(--token-background-brand-primary, #001e79); } .usb--radio-icon { margin-right: var(--token-spacing-2, 0.5rem); text-align: center; height: var(--token-spacing-8, 2rem); } .usb--radio-icon-radius { border-radius: 50%; } .usb--radio-img { min-width: var(--token-spacing-8, 2rem); } .usb--radio-img, .usb--radio-svg svg { width: var(--token-spacing-8, 2rem); margin-top: calc(var(--token-spacing-1, 0.25rem) * -1); height: var(--token-spacing-8, 2rem); vertical-align: top; } .usb--radio-fieldset .usb--selectablecard-wrapper { padding-top: 1px; padding-bottom: 1rem; } .usb--select--wrapper { margin-top: var(--token-spacing-2, 0.5rem); min-height: var(--token-spacing-12, 3rem); position: relative; width: 100%; z-index: 0; } .usb--select--wrapper.is-focused:after { content: ""; border: var(--forms-select-wrapper-focused-border-width, 2px) solid var(--token-border-focus, #235ae4); border-radius: var(--token-rounded-sm, 0.25rem); height: calc(100% + var(--token-spacing-3, 0.75rem)); position: absolute; left: -0.375rem; top: -0.375rem; width: calc(100% + var(--token-spacing-3, 0.75rem)); } .usb--select--wrapper.is-focused .usb--select--container { border-top: var(--forms-select-focused-border-top-width, 0) var(--forms-select-focused-border-style, solid) var(--forms-select-focused-border-color, #235ae4); border-right: var(--forms-select-focused-border-right-width, 0) var(--forms-select-focused-border-style, solid) var(--forms-select-focused-border-color, #235ae4); border-bottom: var(--forms-select-focused-border-bottom-width, 2px) var(--forms-select-focused-border-style, solid) var(--forms-select-focused-border-color, #235ae4); border-left: var(--forms-select-focused-border-left-width, 0) var(--forms-select-focused-border-style, solid) var(--forms-select-focused-border-color, #235ae4); padding-top: var(--forms-select-focused-padding-top, 0); } .usb--select--wrapper.is-error .usb--select--label { color: var(--token-text-color-error, #ce2935); } .usb--select--wrapper.is-error .usb--select--container { border-top: var(--forms-select-focused-error-border-top-width, 0) var(--forms-select-focused-error-border-style, solid) var(--forms-select-focused-error-border-color, #ce2935); border-right: var(--forms-select-focused-error-border-right-width, 0) var(--forms-select-focused-error-border-style, solid) var(--forms-select-focused-error-border-color, #ce2935); border-bottom: var(--forms-select-focused-error-border-bottom-width, 2px) var(--forms-select-focused-error-border-style, solid) var(--forms-select-focused-error-border-color, #ce2935); border-left: var(--forms-select-focused-error-border-left-width, 0) var(--forms-select-focused-error-border-style, solid) var(--forms-select-focused-error-border-color, #ce2935); padding-top: var(--forms-select-focused-padding-top, 0); } .usb--select--wrapper.is-error.is-focused .usb--select--label, .usb--select--wrapper.is-error.is-value .usb--select--label, .usb--select--wrapper.is-error .usb--select--label { color: var(--token-text-color-error, #ce2935); } .usb--select--wrapper.is-error.is-focused .usb--select--container, .usb--select--wrapper.is-error.is-value .usb--select--container, .usb--select--wrapper.is-error .usb--select--container { border-top: var(--forms-select-focused-error-border-top-width, 0) var(--forms-select-focused-error-border-style, solid) var(--forms-select-focused-error-border-color, #ce2935); border-right: var(--forms-select-focused-error-border-right-width, 0) var(--forms-select-focused-error-border-style, solid) var(--forms-select-focused-error-border-color, #ce2935); border-bottom: var(--forms-select-focused-error-border-bottom-width, 2px) var(--forms-select-focused-error-border-style, solid) var(--forms-select-focused-error-border-color, #ce2935); border-left: var(--forms-select-focused-error-border-left-width, 0) var(--forms-select-focused-error-border-style, solid) var(--forms-select-focused-error-border-color, #ce2935); padding-top: var(--forms-select-focused-padding-top, 0); } .usb--select--wrapper .usb--select--label { color: var(--token-text-color-tertiary, #63637f); display: inline-block; font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-size: var(--token-font-size-xs, 0.75rem); font-weight: var(--token-font-weight-reg, 400); line-height: var(--token-line-height-3xl, 1.5); position: relative; z-index: 2; top: 0.125rem; } .usb--select--wrapper .usb--select--container { background-color: var(--token-background-primary, #fff); border-radius: var(--forms-select-border-radius, 0); border-top: var(--forms-select-border-top-width, 0) var(--forms-select-border-style, solid) var(--forms-select-border-color, #7a7a95); border-right: var(--forms-select-border-right-width, 0) var(--forms-select-border-style, solid) var(--forms-select-border-color, #7a7a95); border-bottom: var(--forms-select-border-bottom-width, 1px) var(--forms-select-border-style, solid) var(--forms-select-border-color, #7a7a95); border-left: var(--forms-select-border-left-width, 0) var(--forms-select-border-style, solid) var(--forms-select-border-color, #7a7a95); padding: var(--forms-select-padding-top, 0) var(--forms-select-padding-right, 0) var(--forms-select-padding-bottom, 0) var(--forms-select-padding-left, 0); position: relative; z-index: 1; } .usb--select--wrapper .usb--select--container .usb--select { appearance: none; background-color: var(--token-background-primary, #fff); border: none; border-radius: var(--token-rounded-square, 0); color: var(--token-text-color-secondary, #484861); font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-weight: var(--token-font-weight-reg, 400); font-size: var(--token-font-size-base, 1rem); line-height: var(--token-line-height-3xl, 1.5); padding-left: var(--token-spacing-0, 0); padding-right: 20px; transition: all var(--token-timing-default-ease, 0.25s ease); width: 100%; } @media (-ms-high-contrast: active), (-ms-high-contrast: none) { .usb--select--wrapper .usb--select--container .usb--select { color: var(--token-text-color-secondary, #484861); } } .usb--select--wrapper .usb--select--container .usb--select::-ms-expand { display: none; } .usb--select--wrapper .usb--select--container .usb--select:focus { margin: var(--token-spacing-0, 0); outline: none; } .usb--select--wrapper .usb--select--container .usb--select:focus::-ms-value { background-color: var(--token-background-primary, #fff); color: var(--token-text-color-secondary, #484861); } .usb--select--wrapper .usb--select--container .usb--select:-moz-focusring { color: var(--token-text-color-secondary, #484861); -moz-appearance: none; } .usb--select--wrapper .usb--select--container .select--chevron { position: absolute; right: var(--forms-select-chevron-right, 0); top: var(--forms-select-chevron-top, 0); pointer-events: none; } .usb--select--wrapper .usb--select--container .select--chevron svg { fill: var(--token-text-color-secondary, #484861); } .usb--select--wrapper.is-value .usb--select { color: var(--token-text-color-primary, #2d2d3e); } .usb--select--wrapper.is-value .usb--select:-moz-focusring { color: var(--token-text-color-primary, #2d2d3e); } @media (-ms-high-contrast: active), (-ms-high-contrast: none) { .usb--select--wrapper.is-value .usb--select:focus::-ms-value { background-color: var(--token-background-primary, #fff); color: var(--token-text-color-primary, #2d2d3e); } } .usb--select--wrapper.is-read-only { cursor: not-allowed; } .usb--select--wrapper.is-read-only .usb--select--container { background-color: initial; border: none; border-bottom: 1px solid transparent; pointer-events: none; } .usb--select--wrapper.is-read-only .usb--select--container .usb--select { color: var(--token-text-color-secondary, #484861); pointer-events: none; } .usb--select--wrapper.is-read-only .en_dash, .usb--select--wrapper.is-read-only.is-value .optionalSpan, .usb--select--wrapper.is-read-only .show-hide__button, .usb--select--wrapper.is-read-only .usb--info-message, .usb--select--wrapper.is-read-only .usb--select--container .select--chevron, .usb--select--wrapper.is-read-only .usb-toggletip-container { display: none; } .usb--select--wrapper.is-read-only .usb--select--label { pointer-events: none; } .usb--select--wrapper.is-disabled { background-color: var(--token-disabled-background, rgba(205, 209, 226, 0.4)); cursor: not-allowed; } .usb--select--wrapper.is-disabled .usb--select--label { color: var(--token-disabled-foreground, #7a7a95); pointer-events: none; } .usb--select--wrapper.is-disabled .usb--select--container { border-bottom-color: var(--token-disabled-border, #cdd1e2); background-color: initial; } .usb--select--wrapper.is-disabled .usb--select--container .usb--select { background-color: initial; color: var(--token-disabled-foreground, #7a7a95); pointer-events: none; opacity: 1; } .usb--select--wrapper.is-disabled .usb--select--container .select--chevron svg { fill: var(--token-disabled-foreground, #7a7a95); } .usb--select--wrapper.is-disabled .helper_label--wrapper span { color: var(--token-disabled-foreground, #7a7a95); } .usb-text_area { display: flex; flex-direction: column; position: relative; width: 100%; z-index: 0; } .usb-text_area.is-focused:after { content: ""; border: 2px solid var(--text-area-focus-outline-border-color, #235ae4); border-radius: var(--token-rounded-sm, 0.25rem); height: calc(100% + var(--token-spacing-3, 0.75rem)); position: absolute; left: -0.375rem; top: -0.375rem; width: calc(100% + var(--token-spacing-3, 0.75rem)); z-index: -1; } .usb-text_area.is-focused .usb-text_area--wrapper { border-color: var(--text-area-focus-border-color, #235ae4); } .usb-text_area.is-focused label, .usb-text_area.is-value label { color: var(--text-area-focus-label-text-color, #63637f); font-size: var(--token-font-size-xs, 0.75rem); } .usb-text_area.is-disabled .usb-text_area--wrapper, .usb-text_area.is-read-only .usb-text_area--wrapper { border: 1px solid var(--token-utility-subdued, #cdd1e2); } .usb-text_area.is-disabled .usb-text_area-basic, .usb-text_area.is-read-only .usb-text_area-basic { resize: none; } .usb-text_area.is-disabled .usb--floating-label, .usb-text_area.is-read-only .usb--floating-label { cursor: default; } .usb-text_area.is-disabled .usb-text_area--helpers_counter, .usb-text_area.is-read-only .usb-text_area--helpers_counter { display: none; } .usb-text_area.is-read-only:not(.is-value) .usb--floating-label { color: var(--text-area-label-text-color, #484861); font-size: var(--token-font-size-base, 1rem); transition: none; } .usb-text_area.is-disabled .usb-text_area--wrapper { background: var(--token-disabled-background, rgba(205, 209, 226, 0.4)); } .usb-text_area.is-disabled .helper_label--wrapper span, .usb-text_area.is-disabled.is-value .usb--floating-label, .usb-text_area.is-disabled .usb--floating-label, .usb-text_area.is-disabled .usb-text_area-basic { cursor: not-allowed; color: var(--token-disabled-foreground, #7a7a95); } .usb-text_area.is-error .usb-text_area--wrapper { border: 2px solid var(--text-area-error-border-color, #ce2935); } .usb-text_area.is-error .usb-text_area--wrapper label { color: var(--text-area-error-label-text-color, #ce2935); } .usb-text_area.not-resizable textarea { resize: none; } .usb-text_area--wrapper { background-color: var(--token-background-primary, #fff); border: 1px solid var(--text-area-border-color, #7a7a95); border-radius: var(--token-rounded-sm, 0.25rem); color: var(--token-text-color-primary, #2d2d3e); display: flex; flex-direction: column; padding: var(--token-spacing-2, 0.5rem) var(--token-spacing-4, 1rem); position: relative; } .usb-text_area--wrapper label { color: var(--text-area-label-text-color, #484861); font-weight: var(--token-font-weight-reg, 400); min-height: var(--token-spacing-6, 1.5rem); transition: all var(--token-timing-default-ease, 0.25s ease); } .usb-text_area--wrapper .usb-text_area-basic, .usb-text_area--wrapper label { background-color: initial; font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-size: var(--token-font-size-base, 1rem); line-height: var(--token-line-height-3xl, 1.5); } .usb-text_area--wrapper .usb-text_area-basic { border: none; color: var(--text-area-input-value-text-color, #2d2d3e); margin-top: var(--token-spacing-0, 0); outline: none; overflow-x: hidden; overflow-y: auto; padding: var(--token-spacing-0, 0); resize: vertical; width: 100%; } .usb-text_area--helpers { display: flex; justify-content: flex-end; width: 100%; } .usb-text_area--helpers_content { display: flex; flex-direction: column; flex-grow: 2; padding-right: var(--token-spacing-2, 0.5rem); } .usb-text_area--helpers_counter { color: var(--text-area-helper-text-text-color, #63637f); font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-size: var(--token-font-size-xs, 0.75rem); font-weight: var(--token-font-weight-reg, 400); line-height: var(--token-line-height-3xl, 1.5); padding-top: var(--token-spacing-1, 0.25rem); white-space: nowrap; } .usb-text_area--helpers_counter.max-length-exceeded { color: var(--token-text-color-error, #ce2935); font-weight: var(--token-font-weight-bold, 700); } .usb-toggletip-container { margin: 0; position: absolute; right: var(--forms-base-toggletip-button-right, -0.75rem); top: var(--forms-base-toggletip-button-top, 0.25rem); } .usb-toggletip-container, .usb-toggletip-container button { height: var(--token-spacing-11, 2.75rem); width: var(--token-spacing-11, 2.75rem); } .usb-toggletip-container button { background-color: initial; border: none; font-size: var(--token-font-size-xs, 0.75rem); font-weight: var(--token-font-weight-reg, 400); line-height: var(--token-line-height-3xl, 1.5); outline: none; padding: 0; position: relative; } .usb-toggletip-container button:focus > span:after { content: ""; border: 2px solid var(--token-border-focus, #235ae4); border-radius: var(--token-rounded-sm, 0.25rem); height: var(--token-spacing-7, 1.75rem); position: absolute; left: calc(var(--token-spacing-1, 0.25rem) * -1); top: calc(var(--token-spacing-1, 0.25rem) * -1); width: var(--token-spacing-7, 1.75rem); } .usb-toggletip-container button > span { display: block; height: 1.25rem; margin: 0 auto; position: relative; width: 1.25rem; } .usb-toggletip-container button > span svg:focus { outline: none; } .usb-toggletip-container button.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .usb-toggletip-container .usb-toggletip-flyout { font-size: var(--token-font-size-xs, 0.75rem); outline: none; position: absolute; right: var(--token-spacing-2, 0.5rem); bottom: calc(100% + 0.5rem); width: 11.25rem; z-index: 1; } .usb-toggletip-container .usb-toggletip-flyout_children { box-shadow: var(--token-shadow-md, 0 4px 6px -1px rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.12)); line-height: var(--token-line-height-3xl, 1.5); padding: var(--token-spacing-1, 0.25rem) var(--token-spacing-2, 0.5rem); } .usb-toggletip-container .usb-toggletip-flyout.dark { background-color: var(--token-background-inverse-primary, #001e79); color: var(--token-text-color-inverse-primary, #fff); } .usb-toggletip-container .usb-toggletip-flyout.light { background-color: var(--token-background-primary, #fff); color: var(--token-text-color-secondary, #484861); } .usb-toggletip-container .usb-toggletip-flyout:focus:after { content: ""; border: 2px solid var(--token-border-focus, #235ae4); border-radius: var(--token-rounded-sm, 0.25rem); height: calc(100% + var(--token-spacing-3, 0.75rem)); position: absolute; left: -0.375rem; top: -0.375rem; width: calc(100% + var(--token-spacing-3, 0.75rem)); } .usb--info-message { color: var(--token-text-color-tertiary, #63637f); display: flex; font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-size: var(--token-font-size-xs, 0.75rem); font-weight: var(--token-font-weight-reg, 400); line-height: var(--token-line-height-3xl, 1.5); padding-top: var(--token-spacing-1, 0.25rem); } .usb--info-message.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .usb--selectablecard { transition: box-shadow 0.25s ease-out; margin: 2px; border-radius: 10px; position: relative; background-color: var(--token-background-primary, #fff); cursor: pointer; } .usb--selectablecard .usb--checkbox-svg .usb-icon { width: 1.25rem; height: 1.25rem; margin: 1rem; display: block; border: 1px solid var(--token-color-grey-60, #7a7a95); border-radius: 4px; overflow: hidden; } .usb--selectablecard .usb--checkbox-svg .usb-icon svg { display: none; } .usb--selectablecard .usb--selectablecard-body { border: 1px solid var(--token-color-grey-30, #cdd1e2); border-radius: 10px; } .usb--selectablecard .usb--selectablecard-labeltext { font-size: var(--token-font-size-lg, 1.25rem); font-weight: var(--token-font-weight-med, 500); color: var(--token-text-color-brand-primary, #001e79); } .usb--selectablecard .usb--selectablecard-helper { font-size: var(--token-font-size-sm, 0.875rem); } .usb--selectablecard .usb--radio-input { margin: 1rem; } .usb--selectablecard:hover:not(.is-disabled) { box-shadow: var(--token-shadow-md, 0 4px 6px -1px rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.12)); } .usb--selectablecard:hover:not(.is-disabled) .usb--checkbox-svg .usb-icon, .usb--selectablecard:hover:not(.is-disabled) .usb--radio-input { border: 2px solid var(--token-background-brand-interaction, #235ae4); } .usb--selectablecard:active:not(.is-disabled) { box-shadow: var(--token-shadow-sm, 0 1px 3px 0 rgba(0, 0, 0, 0.12)); } .usb--selectablecard:not(.is-disabled) .usb--checkbox-input:checked + .usb--checkbox-svg svg { display: block; border: none; background: var(--token-background-brand-interaction, #235ae4); fill: var(--token-background-primary, #fff); } .usb--selectablecard:not(.is-disabled) .usb--checkbox-input:checked + .usb--checkbox-svg .usb-icon { border: none; } .usb--selectablecard:not(.is-disabled).is-error .usb--checkbox-input:checked + .usb--checkbox-svg .usb-icon { border: 2px solid var(--token-color-error-msg, #be1324); } .usb--selectablecard:not(.is-disabled).is-error:hover .usb--checkbox-input:checked + .usb--checkbox-svg .usb-icon { border: 2px solid var(--token-background-brand-interaction, #235ae4); } .usb--selectablecard.is-error:not(.is-disabled), .usb--selectablecard:active:not(.is-disabled), .usb--selectablecard:focus-within:not(.is-disabled) { margin: 0; border: 2px solid var(--token-background-brand-interaction, #235ae4); border-radius: 12px; } .usb--selectablecard.is-error:not(.is-disabled) .usb--selectablecard-body, .usb--selectablecard:active:not(.is-disabled) .usb--selectablecard-body, .usb--selectablecard:focus-within:not(.is-disabled) .usb--selectablecard-body { border-color: transparent; } .usb--selectablecard:focus-within:not(.is-disabled) .usb--checkbox-svg:after, .usb--selectablecard:focus-within:not(.is-disabled) .usb--radio-input:after { content: ""; display: block; position: absolute; top: -0.375rem; left: -0.375rem; width: 1.75rem; height: 1.75rem; border: 2px solid var(--token-background-brand-interaction, #235ae4); border-radius: 4px; } .usb--selectablecard:focus-within:not(.is-disabled) .usb--checkbox-svg:after { top: 0.75rem; left: 0.75rem; } .usb--selectablecard.is-error:not(.is-disabled) { border-color: var(--token-color-error-msg, #be1324); } .usb--selectablecard.is-error:not(.is-disabled) .usb--radio-input { border: 2px solid var(--token-color-error-msg, #be1324); } .usb--selectablecard.is-error:not(.is-disabled) .usb--radio-input:hover { border: 2px solid var(--token-background-brand-interaction, #235ae4); } .usb--selectablecard.is-error:not(.is-disabled) .usb--radio-input:checked:before { background-color: var(--token-color-error-msg, #be1324); } .usb--selectablecard.is-error:not(.is-disabled) .usb--checkbox-svg .usb-icon { border: 2px solid var(--token-color-error-msg, #be1324); } .usb--selectablecard.is-error:not(.is-disabled) .usb--checkbox-svg .usb-icon svg { background: transparent; fill: var(--token-color-error-msg, #be1324); margin-top: -1px; margin-left: -2px; } .usb--selectablecard.is-disabled .usb--radio-input { border: 0; background-color: var(--token-disabled-background, rgba(205, 209, 226, 0.4)); cursor: not-allowed; } .usb--selectablecard.is-disabled .usb--radio-input:before { display: none; } .usb--selectablecard.is-disabled .usb--radio-input:checked { background-color: var(--token-disabled-background, rgba(205, 209, 226, 0.4)); border: 0; } .usb--selectablecard.is-disabled .usb--radio-input:checked:before { display: block; background-color: var(--token-disabled-foreground, #7a7a95); } .usb--selectablecard.is-disabled .usb--checkbox-svg { cursor: not-allowed; } .usb--selectablecard.is-disabled .usb--checkbox-svg .usb-icon { background: var(--checkbox-disabled-icon-background-color, rgba(205, 209, 226, 0.4)); border: 0; } .usb--selectablecard.is-disabled .usb--checkbox-svg .usb-icon svg { fill: var(--token-disabled-foreground, #7a7a95); } .usb--selectablecard.is-disabled .usb--selectablecard-body { cursor: not-allowed; border: 1px solid var(--token-disabled-border, #cdd1e2); } .usb--selectablecard.is-disabled .usb--selectablecard-body .usb--selectablecard-helper, .usb--selectablecard.is-disabled .usb--selectablecard-body label, .usb--selectablecard.is-disabled .usb--selectablecard-body label .usb--selectablecard-image, .usb--selectablecard.is-disabled .usb--selectablecard-body label .usb--selectablecard-labeltext { cursor: not-allowed; } .usb--selectablecard.is-disabled .usb--selectablecard-body .usb--selectablecard-helper, .usb--selectablecard.is-disabled .usb--selectablecard-body label .usb--selectablecard-labeltext { color: var(--token-disabled-foreground, #7a7a95); } .usb--selectablecard.is-disabled .usb--checkbox-input:checked + .usb--checkbox-svg .usb-icon svg { display: block; fill: var(--checkbox-checked-disabled-icon-fill-color, #7a7a95); } .usb--selectablecard.is-read-only { pointer-events: none; } .usb--selectablecard.is-read-only .usb--radio-input { border: 2px solid var(--token-color-grey-30, #cdd1e2); background-color: var(--token-color-grey-30, #cdd1e2); } .usb--selectablecard.is-read-only .usb--radio-input:before { display: none; } .usb--selectablecard.is-read-only .usb--checkbox-svg .usb-icon { border: 1px solid var(--token-color-grey-30, #cdd1e2); background-color: var(--token-color-grey-30, #cdd1e2); } .usb--selectablecard.horizontal-illustration, .usb--selectablecard.horizontal-image { display: flex; flex-direction: column; justify-content: center; } .usb--selectablecard.horizontal-illustration .usb--selectablecard-body, .usb--selectablecard.horizontal-image .usb--selectablecard-body { padding: 1rem 3rem 1rem 6.625rem; min-height: 5.625rem; display: flex; flex-direction: column; justify-content: center; } .usb--selectablecard.horizontal-illustration .usb--checkbox-svg, .usb--selectablecard.horizontal-illustration input, .usb--selectablecard.horizontal-image .usb--checkbox-svg, .usb--selectablecard.horizontal-image input { position: absolute; right: 0; top: 50%; margin-top: -0.65rem; left: unset; } .usb--selectablecard.horizontal-illustration input[type=checkbox], .usb--selectablecard.horizontal-image input[type=checkbox] { margin-top: -1.4rem; } .usb--selectablecard.horizontal-illustration .usb--checkbox-svg, .usb--selectablecard.horizontal-image .usb--checkbox-svg { margin-top: -1.6rem; } .usb--selectablecard.horizontal-illustration .usb--selectablecard-image, .usb--selectablecard.horizontal-image .usb--selectablecard-image { position: absolute; left: 0; top: 0; width: 5.525rem; height: 100%; border-top-left-radius: 10px; border-bottom-left-radius: 10px; overflow: hidden; } .usb--selectablecard.horizontal-illustration .usb--selectablecard-image img, .usb--selectablecard.horizontal-image .usb--selectablecard-image img { width: 100%; height: 100%; object-fit: cover; } .usb--selectablecard.usb--selectablecard.horizontal-image .usb--selectablecard-helper { font-size: var(--token-font-size-base, 1rem); } .usb--selectablecard.horizontal-illustration .usb--selectablecard-image { padding: 0 0 0 1rem; width: 6.5rem; } .usb--selectablecard.horizontal-illustration .usb--selectablecard-image svg { width: 100%; height: 100%; } .usb--selectablecard.horizontal-illustration .usb--selectablecard-body { padding-left: 7.625rem; } .usb--selectablecard.vertical-illustration, .usb--selectablecard.vertical-image { display: flex; flex-direction: column; } .usb--selectablecard.vertical-illustration .usb--checkbox-svg, .usb--selectablecard.vertical-illustration input, .usb--selectablecard.vertical-image .usb--checkbox-svg, .usb--selectablecard.vertical-image input { position: absolute; top: 12.75rem; left: 0.125rem; } .usb--selectablecard.vertical-illustration .usb--selectablecard-body, .usb--selectablecard.vertical-image .usb--selectablecard-body { padding-bottom: 1.5rem; } .usb--selectablecard.vertical-illustration .usb--selectablecard-body label, .usb--selectablecard.vertical-image .usb--selectablecard-body label { display: flex; flex-direction: column; } .usb--selectablecard.vertical-illustration .usb--selectablecard-image, .usb--selectablecard.vertical-image .usb--selectablecard-image { width: calc(100% + 2px); margin: -1px 0 0 -1px; border-top-left-radius: 10px; border-top-right-radius: 10px; order: -1; height: 12.125rem; overflow: hidden; } .usb--selectablecard.vertical-illustration .usb--selectablecard-image img, .usb--selectablecard.vertical-image .usb--selectablecard-image img { width: 100%; } .usb--selectablecard.vertical-illustration .usb--selectablecard-helper, .usb--selectablecard.vertical-illustration .usb--selectablecard-labeltext, .usb--selectablecard.vertical-image .usb--selectablecard-helper, .usb--selectablecard.vertical-image .usb--selectablecard-labeltext { margin-left: 3.3rem; margin-right: 1rem; } .usb--selectablecard.vertical-illustration .usb--selectablecard-labeltext, .usb--selectablecard.vertical-image .usb--selectablecard-labeltext { margin-top: 1.5rem; } .usb--selectablecard.vertical-image .usb--selectablecard-image { display: flex; flex-direction: column; justify-content: center; } .usb--selectablecard.vertical-illustration .usb--checkbox-svg, .usb--selectablecard.vertical-illustration input { top: 0; right: 0; left: unset; } .usb--selectablecard.vertical-illustration .usb--selectablecard-image { padding: 1rem; height: 6.5rem; text-align: center; } .usb--selectablecard.vertical-illustration .usb--selectablecard-image img, .usb--selectablecard.vertical-illustration .usb--selectablecard-image svg { width: 5.5rem; } .usb--selectablecard.vertical-illustration .usb--selectablecard-helper, .usb--selectablecard.vertical-illustration .usb--selectablecard-labeltext { margin-left: 1rem; text-align: center; display: block; } .usb--selectablecard.vertical-illustration .usb--selectablecard-labeltext { margin-top: 0.5rem; font-size: var(--token-font-size-base, 1rem); } .search-by-input label { display: none; } .search-by-input input { color: #0c2074 !important; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; font-size: 28px !important; padding-right: 30px !important; } .select-all-accounts { position: absolute; top: 10px; right: 10px; } /*!*****************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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/@usb-wealthmanagement-npb/collateral-assesment/dist/styles/index.css?ngGlobalStyle ***! \*****************************************************************************************************************************************************************************************************************************************************************************************/ .collateral-assesment .portfolio-wrapper { padding: 10px 20px; background: #fff; width: 100%; } @media screen and (min-width: 320px) and (max-width: 1025px) { .collateral-assesment .portfolio-wrapper { overflow-x: auto; } } .collateral-assesment .portfolio-summary-table { width: 100%; border-collapse: unset; } .collateral-assesment .portfolio-summary-table th { height: 50px; text-align: center; padding: 5px 10px; background-color: #f5f5fa; border-bottom: 5px solid #fff; border-right: 5px solid #fff; border-collapse: collapse; font-size: 16px; color: #0c2074 !important; letter-spacing: 0.2px; font-weight: 500; border-top-left-radius: 10px; border-top-right-radius: 10px; text-align: right; } @media screen and (max-width: 1024px) { .collateral-assesment .portfolio-summary-table th { font-size: 14px; padding: 4px; } } .collateral-assesment .portfolio-summary-table th .first-col { text-align: left; min-width: 300px !important; } @media screen and (max-width: 600px) { .collateral-assesment .portfolio-summary-table th .first-col { min-width: none; } } .collateral-assesment .portfolio-summary-table th:first-child { text-align: left; } .collateral-assesment .portfolio-summary-table td { height: 50px; text-align: right; padding: 5px 10px; background-color: #f5f5fa; border-bottom: 5px solid #fff; border-right: 5px solid #fff; border-collapse: collapse; font-size: 14px; letter-spacing: 0.2px; color: #555555 !important; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; } .collateral-assesment .last-table-row { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; font-family: Circular-USB-Bold, Helvetica, Arial, sans-serif; letter-spacing: 0.3px; } .collateral-assesment .portfolio-heading { color: #0c2074 !important; padding-top: 10px; } .collateral-assesment .loan-details-block { background: #fff; border-radius: 10px; padding: 10px 20px; margin-bottom: 20px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3); } .collateral-assesment .loan-summary-detail-widget { display: flex; justify-content: space-between; } @media screen and (max-width: 1023px) { .collateral-assesment .loan-summary-detail-widget { flex-direction: column; width: 100%; } } .collateral-assesment .loan-summary-detail-widget .detail-block-value { color: #636466; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; letter-spacing: 0.29px; font-size: 16px; font-weight: 500; } @media screen and (max-width: 700px) { .collateral-assesment .loan-summary-detail-widget .detail-block-value { margin-bottom: 10px; } } .collateral-assesment .card-widget { display: flex; justify-content: space-between; align-items: stretch; flex-direction: row; gap: 20px; } @media screen and (max-width: 700px) { .collateral-assesment .card-widget { flex-direction: column; width: 100%; } } .collateral-assesment .card-widget .account-widget { width: 30%; } @media screen and (max-width: 700px) { .collateral-assesment .card-widget .account-widget { width: 100%; margin-bottom: 20px; } } @media screen and (min-width: 701px) and (max-width: 1024px) { .collateral-assesment .card-widget .account-widget { width: 25%; } } .collateral-assesment .card-widget .ce-market-widget { width: 32%; } @media screen and (max-width: 700px) { .collateral-assesment .card-widget .ce-market-widget { width: 100%; margin-bottom: 20px; max-width: 100%; } } @media screen and (min-width: 701px) and (max-width: 1024px) { .collateral-assesment .card-widget .ce-market-widget { width: 30%; } } .collateral-assesment .card-widget .values-widget { width: 36%; } @media screen and (max-width: 700px) { .collateral-assesment .card-widget .values-widget { width: 100%; margin-bottom: 20px; } } @media screen and (min-width: 701px) and (max-width: 1024px) { .collateral-assesment .card-widget .values-widget { width: 43%; } } .collateral-assesment .detail-block-heading { font-size: 13px; font-weight: 500; color: #636466; margin-bottom: 5px; letter-spacing: 0.2px; font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; } @media screen and (max-width: 820px) { .collateral-assesment .detail-block-heading { margin-bottom: 0px; } } .collateral-assesment .card-container { background-color: #fff; height: 100%; padding: 20px; border-radius: 10px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3); } .collateral-assesment .card-container li { list-style-type: disc; list-style-position: inside; padding: 0 0 10px 20px; text-indent: -22px; font-size: 14px; color: #646567; } .collateral-assesment .card-container .card-title { color: #2c2c2c; letter-spacing: 1px; font-size: 16px; font-weight: 500; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; } @media screen and (max-width: 1336px) { .collateral-assesment .card-container .card-title { display: none; } } .collateral-assesment .card-container .card-sort-title { color: #2c2c2c; letter-spacing: 1px; font-size: 16px; font-weight: 500; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; } @media screen and (min-width: 1337px) { .collateral-assesment .card-container .card-sort-title { display: none; } } @media print { .collateral-assesment .card-container .card-sort-title { display: none; } } .collateral-assesment .card-container .title-border { border-bottom: 1px solid #e0dcd1; padding-bottom: 5px; } .collateral-assesment .card-container .card-content { border-bottom: 1px solid #f2f2f5; padding: 3px 0; } .collateral-assesment .card-container .card-body-wrapper { padding-top: 20px; } .collateral-assesment .card-container .card-body-wrapper .field-title { font-size: 14px; font-weight: 500; color: #636466; letter-spacing: 0.3px; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; } .collateral-assesment .card-container .card-body-wrapper .field-value { font-size: 14px; font-weight: 500; letter-spacing: 0.3px; font-family: Circular-USB-Bold, Helvetica, Arial, sans-serif; } @media screen and (min-width: 700px) and (max-width: 1024px) { .collateral-assesment .card-container .card-body-wrapper { padding: 10px; } } .collateral-assesment .light-field-text { color: #636466 !important; font-weight: 100 !important; font-family: Circular-USB-Light, Helvetica, Arial, sans-serif !important; } .collateral-assesment .loan-status { text-decoration: underline; font-size: 18px; letter-spacing: 0.3px; } .collateral-assesment .loan-status .active { color: #39bf71; margin-left: 5px; } .collateral-assesment .loan-status .call { color: #be1324; margin-left: 5px; } .collateral-assesment .loan-status .review { color: #ffab4c; margin-left: 5px; } .collateral-assesment .loan-status-tooltip { opacity: 1; } .collateral-assesment .loan-status-tooltip p.tooltip__content--children { margin-bottom: 0px; } .collateral-assesment .loan-status-tooltip .tooltip__content { max-width: 500px; width: 90vw; border-top: solid 1px #fff; padding: 10px; font-size: 0.8rem; } @media screen and (min-width: 1024px) { .collateral-assesment .loan-status-tooltip .tooltip__content { max-width: 900px; width: 90vw; } } .collateral-assesment .loan-status-tooltip .tooltip__content p { font-size: 0.8rem; } .collateral-assesment .values-row { display: flex; justify-content: space-between; } .collateral-assesment .values-row .row-firstChild { width: 70%; text-align: right; } @media screen and (max-width: 1024px) { .collateral-assesment .values-row .row-firstChild { text-align: left; width: 70%; } } .collateral-assesment .values-row .row-secondChild { width: 30%; text-align: right; } @media screen and (max-width: 1024px) { .collateral-assesment .values-row .row-secondChild { width: 30%; } } .collateral-assesment .pledged-account { width: 120px; display: inline-block; } .banker-illus-ce-mv-main { max-width: 200px; } @media screen and (max-width: 1024px) { .banker-illus-ce-mv-main { max-width: auto; } } .usb-button-group { --flex-row-gap:var(--token-spacing-3,0.75rem); --flex-row-sticky-gap:var(--token-spacing-8,2rem); --flex-column-button-small-gap:var(--token-spacing-2,0.5rem); --flex-column-button-medium-gap:var(--token-spacing-3,0.75rem); --flex-column-button-large-gap:var(--token-spacing-4,1rem); --flex-column-gap-sticky:var(--token-spacing-3,0.75rem); --flex-row-padding:var(--token-spacing-4,1rem); --flex-row-padding-sticky:var(--token-spacing-4,1rem); --flex-column-padding:var(--token-spacing-4,1rem); --flex-column-padding-sticky:var(--token-spacing-2,0.5rem) 0; --flex-direction:column; --flex-gap:var(--flex-column-button-medium-gap); --padding:var(--flex-column-padding); display: flex; flex-direction: var(--flex-direction); gap: var(--flex-gap); padding: var(--padding); } .usb-button-group.sticky { --padding:var(--flex-column-padding-sticky); --flex-gap:var(--flex-column-gap-sticky); position: fixed; bottom: 0; left: 0; width: 100%; background-color: var(--token-background-primary, #fff); border-top: 1px solid var(--token-background-quaternary, #eef6ff); } .usb-button-group:not(.sticky):has(button.button--small) { --flex-gap:var(--flex-column-button-small-gap); } .usb-button-group:not(.sticky):has(button.button--medium) { --flex-gap:var(--flex-column-button-medium-gap); } .usb-button-group:not(.sticky):has(button.button--large) { --flex-gap:var(--flex-column-button-large-gap); } @media screen and (min-width: 42rem) { .usb-button-group { --flex-direction:row; } .usb-button-group.sticky { --padding:var(--flex-row-padding-sticky); --flex-gap:var(--flex-row-sticky-gap); } .usb-button-group.sticky button { width: auto; } .usb-button-group:not(.sticky) { --padding:var(--flex-row-padding); } .usb-button-group:not(.sticky):has(button.button--small, button.button--large, button.button--medium) { --flex-gap:var(--flex-row-gap); } } .cltrl-asmt-header-container { display: flex; justify-content: space-between; padding: 10px 20px; } @media screen and (max-width: 668px) { .cltrl-asmt-header-container { flex-direction: column; } } .cltrl-asmt-header-container .flex-one { flex: 1; } .cltrl-asmt-header-container .header-sub-heading { font-size: 14px; letter-spacing: 0.25px; color: #636466 !important; margin-bottom: 10px; } @media screen and (max-width: 350px) { .cltrl-asmt-header-container .header-sub-heading { margin-top: 10px !important; font-size: 12px !important; } } .cltrl-asmt-header-container .header-heading .loan-summary-heading { font-size: 36px; font-family: Circular-USB-Light, Helvetica, Arial, sans-serif; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.1; letter-spacing: 0.5px; color: #0c2074 !important; } .cltrl-asmt-header-container .header-position-content { letter-spacing: 0.3px; color: #636466 !important; display: flex; align-items: end; justify-content: flex-end; } .assesment-details-header-text { width: 345px; height: 36px; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; font-size: 28px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.29; letter-spacing: 0.3px; color: #0c2074 !important; margin-top: 15px; margin-bottom: 5px; text-align: left; } .account-details-table { padding-top: 10px; width: 100%; max-width: 98vw; background-color: white; margin-bottom: 20px; overflow-x: auto; } @media screen and (min-width: 320px) and (max-width: 1055px) { .account-details-table { overflow-x: auto; } } .account-details-table thead th:first-child { border-top-left-radius: 10px; } .account-details-table thead th:last-child { border-top-right-radius: 10px; } .account-details-table .table-header-column { height: 170px; white-space: nowrap; width: 8%; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.14; letter-spacing: 0.16px; color: #0c2074 !important; text-align: left; padding-left: 20px; } .account-details-table .table-header-column .rotative-text { writing-mode: vertical-rl; transform: translate(20px, 72px) rotate(200deg); height: 213px; font-size: 0.875rem; font-weight: normal; padding: 16px 10px 28px 5px; margin: -131px 0px 31px 0px; text-align: left; color: #0c2074; opacity: 1; letter-spacing: 0.3px; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; } .account-details-table .table-header-column .rotative-text.color-white { background-color: white; color: #0c2074; opacity: 1; } .account-details-table .table-header-column .acc-detail-tble-header--inEligibleMarketValue { opacity: 0.5; } .account-details-table thead { background-color: #fff; color: #fff; border-bottom: solid 1px #ccc; width: 100%; border-top-left-radius: 10px; border-top-right-radius: 10px; } .account-details-table .account-details-table-header { background-color: #f2f2f5 !important; height: 166px; border-bottom: 2px solid #f2f2f5 !important; } .account-details-table .table-row { border-bottom: 1px solid #e2ded4; } .account-details-table .table-row .table-row-cell { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; font-size: 12px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: 0.25px; color: #636466 !important; vertical-align: top; } .account-details-table .table-row .table-row-cell div { font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif !important; font-size: 12px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: 0.25px; color: #636466; vertical-align: top; margin-bottom: 2px; width: -webkit-fill-available; } .account-details-table .table-row .table-row-cell div.acc-detail-table-cell_totalMarketValue, .account-details-table .table-row .table-row-cell div.acc-detail-table-cell_quantity, .account-details-table .table-row .table-row-cell div.acc-detail-table-cell_portfolioPercentage, .account-details-table .table-row .table-row-cell div.acc-detail-table-cell_eligibleMarketValue, .account-details-table .table-row .table-row-cell div.acc-detail-table-cell_advanceAmount { text-align: end !important; } .account-details-table .table-row:first-child .table-row-cell { padding-top: 10px; } .account-details-table .table-row .sub-column-cell { background-color: #f2f2f5 !important; margin-left: 7%; padding: 0 7%; text-align: center; } .account-details-table .table-row .sub-column-cell_inEligibleMarketValue, .account-details-table .table-row .sub-column-cell_policyMarginPercentage, .account-details-table .table-row .sub-column-cell_marginAmount { text-align: right; float: right; } .account-details-table .table-row .sub-column-cell .sub-cell-content { font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif !important; font-size: 12px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: 0.25px; color: #636466 !important; } .account-details-table .table-row .sub-column-cell .sub-cell-content--inEligibleMarketValue { opacity: 0.5; } .account-details-table .acc-detail-table-cell { text-align: left; padding-left: 10px; } .account-details-table .acc-detail-table-cell_securityName, .account-details-table .acc-detail-table-cell_collateralType { text-align: left !important; padding-left: 10px !important; } .account-details-table .acc-detail-table-cell_policyAdvancePercentage, .account-details-table .acc-detail-table-cell_advanceAmount, .account-details-table .acc-detail-table-cell_eligibleMarketValue { text-align: right !important; padding-right: 10px !important; } .sor-circle-image { width: 10px !important; height: 10px !important; border-radius: 25px; background: #636466; display: inline-block; margin-right: 8px; } .sor-text { font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; color: #636466 !important; position: inherit; z-index: 1000; } .account-widget .sor-text { font-size: 12px; padding-left: 10px; } .account-widget .sor-circle-image { width: 10px !important; height: 10px !important; border-radius: 10px; margin-right: 0px; } /*!**************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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/@usb-wealthmanagement-npb/start-application/dist/styles/index.css?ngGlobalStyle ***! \**************************************************************************************************************************************************************************************************************************************************************************************/ .get-started-wrapper .content-wrapper { padding: 20px 2%; display: flex; justify-content: space-between; } @media screen and (max-width: 820px) { .get-started-wrapper .content-wrapper { flex-direction: column; padding: 20px 5%; } } .get-started-wrapper .content-wrapper .checklist-wrapper { flex: 1.2; } .get-started-wrapper .content-wrapper .checklist-wrapper .sa-checklist-item-wrapper { display: flex; justify-content: space-between; } @media screen and (max-width: 820px) { .get-started-wrapper .content-wrapper .checklist-wrapper .sa-checklist-item-wrapper { flex-direction: column; } } .get-started-wrapper .content-wrapper .checklist-wrapper .sa-checklist-item-wrapper .sa-you-will-need-to-wrapper, .get-started-wrapper .content-wrapper .checklist-wrapper .sa-checklist-item-wrapper .sa-what-to-know-wrapper { flex: 1; padding-right: 20px; } .get-started-wrapper .content-wrapper .checklist-wrapper .sa-checklist-item-wrapper .sa-you-will-need-to-wrapper .sa-checlist-heading, .get-started-wrapper .content-wrapper .checklist-wrapper .sa-checklist-item-wrapper .sa-what-to-know-wrapper .sa-checlist-heading { font-size: 20px; letter-spacing: 0.25px; color: #636466; margin-top: 20px; } .get-started-wrapper .content-wrapper .checklist-wrapper .sa-checklist-item-wrapper .sa-you-will-need-to-wrapper ul, .get-started-wrapper .content-wrapper .checklist-wrapper .sa-checklist-item-wrapper .sa-what-to-know-wrapper ul { list-style-type: none !important; margin: 0px !important; padding-top: 10px; padding-left: 0px !important; } .get-started-wrapper .content-wrapper .checklist-wrapper .sa-checklist-item-wrapper .sa-you-will-need-to-wrapper li, .get-started-wrapper .content-wrapper .checklist-wrapper .sa-checklist-item-wrapper .sa-what-to-know-wrapper li { list-style: none; list-style-type: none; margin-bottom: 20px; display: flex; } .get-started-wrapper .content-wrapper .checklist-wrapper .sa-checklist-item-wrapper .sa-you-will-need-to-wrapper .sa-checklist-li-item, .get-started-wrapper .content-wrapper .checklist-wrapper .sa-checklist-item-wrapper .sa-what-to-know-wrapper .sa-checklist-li-item { font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; line-height: 1.5; color: #636466; padding-left: 20px; } .get-started-wrapper .content-wrapper .checklist-wrapper .sa-ready-to-get-start-text-wrapper { margin-top: 20px; } .get-started-wrapper .content-wrapper .checklist-wrapper .sa-ready-to-get-start-text-wrapper .sa-ready-to-get-start-heading { font-size: 20px; line-height: 1.3; letter-spacing: 0.25px; color: #636466; } .get-started-wrapper .content-wrapper .checklist-wrapper .sa-ready-to-get-start-text-wrapper .sa-ready-to-get-start-text { font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; line-height: 1.5; letter-spacing: 0.25px; color: #636466; margin-top: 10px; max-width: 580px; } .get-started-wrapper .content-wrapper .contact-info-wrapper { flex: 0.8; display: flex; justify-content: end; } @media screen and (max-width: 820px) { .get-started-wrapper .content-wrapper .contact-info-wrapper { justify-content: center; } } .get-started-wrapper .sa-app-checklist-heading { margin-top: 30px; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; font-size: 28px; line-height: 1.29; letter-spacing: 0.25px; color: #0c2074; } .get-started-wrapper .sa-get-started-footer-action-wrapper { margin-top: 30px; margin-bottom: 20px; display: flex; align-items: center; } @media screen and (min-width: 820px) { .get-started-wrapper .sa-get-started-footer-action-wrapper button { min-width: 250px; } } @media screen and (max-width: 819px) { .get-started-wrapper .sa-get-started-footer-action-wrapper button { min-width: 40%; } } .get-started-wrapper .sa-get-started-footer-action-wrapper .sa-get-started-button { margin-left: 20px; } .get-started-wrapper .sa-heading-text-wrapper .sub-heading-text { width: 120%; } .confirm-plegors-wrapper .sub-heading-text { padding-right: 20px; } .confirm-plegors-wrapper .content-wrapper { padding: 20px 2%; display: flex; justify-content: space-between; } @media screen and (max-width: 820px) { .confirm-plegors-wrapper .content-wrapper { flex-direction: column; padding: 20px 5%; } } .confirm-plegors-wrapper .content-wrapper .sa-ca-list { list-style-type: none; margin: 40px 0px 40px 0px; padding: 0px; width: -moz-fit-content; width: fit-content; } @media screen and (max-width: 820px) { .confirm-plegors-wrapper .content-wrapper .sa-ca-list { width: 100%; } } .confirm-plegors-wrapper .content-wrapper .sa-ca-list li { list-style: none; list-style-type: none; padding: 20px; margin: 0px 0px 20px 0px; display: flex; color: #636466; border: solid 1px #ccc; border-radius: 10px; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2483); } .confirm-plegors-wrapper .content-wrapper .sa-ca-list li .sa-ca-list-image { padding: 5px 20px 0px 0px; } .confirm-plegors-wrapper .content-wrapper .sa-ca-list li .sa-ca-accounts-detail { font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; } .confirm-plegors-wrapper .content-wrapper .sa-ca-list li .sa-ca-accounts-detail .sa-ca-accholder-name { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; font-size: 1.1rem; padding-bottom: 10px; word-wrap: break-word; word-break: break-all; } .confirm-plegors-wrapper .content-wrapper .sa-ca-list li .sa-ca-accounts-detail .sa-ca-account-list-item { display: flex; justify-content: space-between; } @media screen and (max-width: 667px) { .confirm-plegors-wrapper .content-wrapper .sa-ca-list li .sa-ca-accounts-detail .sa-ca-account-list-item { flex-direction: column; } } .confirm-plegors-wrapper .content-wrapper .sa-ca-list li .sa-ca-accounts-detail .sa-ca-account-list-item div { border-right: solid 1px #636466; font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; padding-right: 15px; padding-left: 15px; line-height: 1.3; } .confirm-plegors-wrapper .content-wrapper .sa-ca-list li .sa-ca-accounts-detail .sa-ca-account-list-item div:first-child { padding-left: 0px; } .confirm-plegors-wrapper .content-wrapper .sa-ca-list li .sa-ca-accounts-detail .sa-ca-account-list-item div:last-child { border-right: none; padding-right: 0px; } @media screen and (max-width: 667px) { .confirm-plegors-wrapper .content-wrapper .sa-ca-list li .sa-ca-accounts-detail .sa-ca-account-list-item div { border-right: none; padding-left: 0px; letter-spacing: 1px; line-height: 1.5; } } .confirm-plegors-wrapper .content-wrapper .sa-ca-wrapper { flex: 1.2; } .confirm-plegors-wrapper .content-wrapper .contact-info-wrapper { flex: 0.8; display: flex; justify-content: end; } @media screen and (max-width: 820px) { .confirm-plegors-wrapper .content-wrapper .contact-info-wrapper { justify-content: center; } } .confirm-plegors-wrapper .sa-confirm-accounts-footer-action-wrapper { margin-top: 30px; margin-bottom: 20px; display: flex; align-items: center; } @media screen and (min-width: 820px) { .confirm-plegors-wrapper .sa-confirm-accounts-footer-action-wrapper button { min-width: 250px; } } @media screen and (max-width: 819px) { .confirm-plegors-wrapper .sa-confirm-accounts-footer-action-wrapper button { min-width: 40%; } } .confirm-plegors-wrapper .sa-confirm-accounts-footer-action-wrapper .sa-confirm-accounts-button { margin-left: 20px; } .sa-borrowers-wrapper { padding: 20px; border: solid 1px #ccc; border-radius: 10px; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2483); margin: 20px 0px; } .sa-borrowers-wrapper .borrower-label { color: #636466; min-width: 134px; } .sa-borrowers-wrapper .sa-borrower-container { display: flex; flex-direction: row; gap: 20px; padding-bottom: 3rem; } .sa-borrowers-wrapper .sa-borrower-container .borrower-details { display: flex; flex-direction: row; gap: 10px; } .sa-borrower-name, .sa-plegdor-name, .sa-trustee-name { color: #636466; word-break: break-all; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; letter-spacing: 0.3px; } .sa-plegdors-wrapper { padding: 20px; border: solid 1px #ccc; border-radius: 10px; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2483); margin: 20px 0px; } .sa-plegdors-wrapper .sa-plegdors-heading { color: #636466; } .sa-plegdors-wrapper .sa-plegdors-list ul { margin-left: 30px; } .sa-plegdors-wrapper .sa-pledgors-list-wrapper { display: flex; flex-direction: row; gap: 20px; } .sa-plegdors-wrapper .sa-pledgors-list-wrapper .sa-pledgor-details { display: flex; flex-direction: row; gap: 10px; padding-bottom: 3rem; } .sa-plegdors-wrapper .sa-pledgors-list-wrapper .sa-pledgor-details .sa-trustee-details { display: flex; flex-direction: row; gap: 10px; position: relative; right: 25px; margin-top: 20px; } .sa-plegdors-wrapper .sa-pledgors-list-wrapper .sa-pledgor-details .sa-trustee-details .sa-line-icon { width: 24px; height: 24px; border-width: 1px; border-style: solid; border-color: #FFF #FFF #636466 #636466; } .card { padding: 20px; margin: 0px 0px 20px 0px; display: flex; color: #636466; border: solid 1px #ccc; border-radius: 10px; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2483); } .edit-borrower-link-section, .edit-pledgor-link-section { justify-self: flex-end; } .edit-borrower-link-section .edit-borrower-link, .edit-borrower-link-section .edit-pledgor-link, .edit-pledgor-link-section .edit-borrower-link, .edit-pledgor-link-section .edit-pledgor-link { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; font-size: 18px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.44; letter-spacing: 0.3px; cursor: pointer; text-decoration: none !important; } .confirm-accounts-wrapper .sub-heading-text { padding-right: 20px; } .confirm-accounts-wrapper .content-wrapper { padding: 20px 2%; display: flex; justify-content: space-between; } @media screen and (max-width: 820px) { .confirm-accounts-wrapper .content-wrapper { flex-direction: column; padding: 20px 5%; } } .confirm-accounts-wrapper .content-wrapper .sa-ca-list { list-style-type: none; margin: 40px 0px 40px 0px; padding: 0px; width: -moz-fit-content; width: fit-content; } @media screen and (max-width: 820px) { .confirm-accounts-wrapper .content-wrapper .sa-ca-list { width: 100%; } } .confirm-accounts-wrapper .content-wrapper .sa-ca-list li { list-style: none; list-style-type: none; padding: 20px; margin: 0px 0px 20px 0px; display: flex; color: #636466; border: solid 1px #ccc; border-radius: 10px; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2483); } .confirm-accounts-wrapper .content-wrapper .sa-ca-list li .sa-ca-list-image { padding: 5px 20px 0px 0px; } .confirm-accounts-wrapper .content-wrapper .sa-ca-list li .sa-ca-accounts-detail { font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; } .confirm-accounts-wrapper .content-wrapper .sa-ca-list li .sa-ca-accounts-detail .sa-ca-accholder-name { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; font-size: 1.1rem; padding-bottom: 10px; word-wrap: break-word; word-break: break-all; } .confirm-accounts-wrapper .content-wrapper .sa-ca-list li .sa-ca-accounts-detail .sa-ca-account-list-item { display: flex; justify-content: space-between; } @media screen and (max-width: 667px) { .confirm-accounts-wrapper .content-wrapper .sa-ca-list li .sa-ca-accounts-detail .sa-ca-account-list-item { flex-direction: column; } } .confirm-accounts-wrapper .content-wrapper .sa-ca-list li .sa-ca-accounts-detail .sa-ca-account-list-item div { border-right: solid 1px #636466; font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; padding-right: 15px; padding-left: 15px; line-height: 1.3; } .confirm-accounts-wrapper .content-wrapper .sa-ca-list li .sa-ca-accounts-detail .sa-ca-account-list-item div:first-child { padding-left: 0px; } .confirm-accounts-wrapper .content-wrapper .sa-ca-list li .sa-ca-accounts-detail .sa-ca-account-list-item div:last-child { border-right: none; padding-right: 0px; } @media screen and (max-width: 667px) { .confirm-accounts-wrapper .content-wrapper .sa-ca-list li .sa-ca-accounts-detail .sa-ca-account-list-item div { border-right: none; padding-left: 0px; letter-spacing: 1px; line-height: 1.5; } } .confirm-accounts-wrapper .content-wrapper .sa-ca-wrapper { flex: 1.2; } .confirm-accounts-wrapper .content-wrapper .contact-info-wrapper { flex: 0.8; display: flex; justify-content: end; } @media screen and (max-width: 820px) { .confirm-accounts-wrapper .content-wrapper .contact-info-wrapper { justify-content: center; } } .confirm-accounts-wrapper .sa-confirm-accounts-footer-action-wrapper { margin-top: 30px; margin-bottom: 20px; display: flex; align-items: center; } @media screen and (min-width: 820px) { .confirm-accounts-wrapper .sa-confirm-accounts-footer-action-wrapper button { min-width: 250px; } } @media screen and (max-width: 819px) { .confirm-accounts-wrapper .sa-confirm-accounts-footer-action-wrapper button { min-width: 40%; } } @media screen and (max-width: 667px) { .confirm-accounts-wrapper .sa-confirm-accounts-footer-action-wrapper button { min-width: 80%; } } .confirm-accounts-wrapper .sa-confirm-accounts-footer-action-wrapper .sa-confirm-accounts-button { margin-left: 20px; } @media screen and (max-width: 667px) { .confirm-accounts-wrapper .sa-confirm-accounts-footer-action-wrapper { flex-direction: column-reverse; gap: 20px; justify-content: start; align-items: baseline; } } .confirm-accounts-wrapper .sub-heading-text { max-width: 625px; } .sa-ca-account-owner-type { margin-top: 10px; margin-bottom: 10px; } .identify-borrowers-wrapper .sub-heading-text { padding-right: 20px; } .identify-borrowers-wrapper .content-wrapper { padding: 0px 2%; display: flex; justify-content: space-between; } @media screen and (max-width: 820px) { .identify-borrowers-wrapper .content-wrapper { flex-direction: column; padding: 20px 5%; } } .identify-borrowers-wrapper .content-wrapper .sa-ca-wrapper { flex: 1; } .identify-borrowers-wrapper .content-wrapper .contact-info-wrapper { flex: 0.8; display: flex; justify-content: end; } @media screen and (max-width: 820px) { .identify-borrowers-wrapper .content-wrapper .contact-info-wrapper { justify-content: center; } } .identify-borrowers-wrapper .hidden-field { margin-top: 20px; } .identify-borrowers-wrapper .identify-borrower-footer-action-wrapper { margin-top: 30px; margin-bottom: 20px; display: flex; align-items: center; } @media screen and (min-width: 820px) { .identify-borrowers-wrapper .identify-borrower-footer-action-wrapper button { min-width: 250px; } } @media screen and (max-width: 819px) { .identify-borrowers-wrapper .identify-borrower-footer-action-wrapper button { min-width: 40%; } } .identify-borrowers-wrapper .identify-borrower-footer-action-wrapper .sa-confirm-accounts-button { margin-left: 20px; } .identify-borrowers-wrapper .borrower-form-wrapper { border: solid 1px #ccc; border-radius: 10px; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2483); margin: 20px 0px; width: 100%; max-width: 576px !important; padding-bottom: 20px; } @media screen and (max-width: 660px) { .identify-borrowers-wrapper .borrower-form-wrapper { max-width: 100% !important; } } .identify-borrowers-wrapper .add-co-borrower-btn-wrapper { background-color: #f8f7f4; padding: 10px; width: 100%; max-width: 520px; } .identify-borrowers-wrapper .form-field-1st-child { padding: 20px; background-color: #f8f7f4; display: flex; align-items: center; border-radius: 10px; } .identify-borrowers-wrapper .form-field-1st-child select { background-color: #f8f7f4 !important; } .identify-borrowers-wrapper .form-field-items { padding: 20px; } .identify-borrowers-wrapper .error-banner-wrapper { width: auto; } @media screen and (min-width: 660px) { .identify-borrowers-wrapper .error-banner-wrapper { width: 576px; } } @media screen and (max-width: 660px) { .identify-borrowers-wrapper .error-banner-wrapper button { text-align: start; } .identify-borrowers-wrapper .error-banner-wrapper ul { padding: 0px; padding-left: 0px; } } .identify-borrowers-wrapper .usb--error-message span { font-size: 14px; } .identify-borrowers-wrapper .usb--error-message svg { width: 14px !important; height: 14px !important; } .trust-type-wrapper .sub-heading-text { padding-right: 20px; } .trust-type-wrapper .content-wrapper { padding: 20px 2%; display: flex; justify-content: space-between; } @media screen and (max-width: 820px) { .trust-type-wrapper .content-wrapper { flex-direction: column; padding: 20px 5%; } } .trust-type-wrapper .content-wrapper .usb--radio-label_container { margin-top: 0; } .trust-type-wrapper .content-wrapper .sa-ca-wrapper { flex: 1.2; } .trust-type-wrapper .content-wrapper .contact-info-wrapper { flex: 0.8; display: flex; justify-content: end; } @media screen and (max-width: 820px) { .trust-type-wrapper .content-wrapper .contact-info-wrapper { justify-content: center; } } .trust-type-wrapper .sa-confirm-accounts-footer-action-wrapper { margin-top: 30px; margin-bottom: 20px; display: flex; align-items: center; } @media screen and (min-width: 820px) { .trust-type-wrapper .sa-confirm-accounts-footer-action-wrapper button { min-width: 250px; } } @media screen and (max-width: 819px) { .trust-type-wrapper .sa-confirm-accounts-footer-action-wrapper button { min-width: 40%; } } @media screen and (max-width: 667px) { .trust-type-wrapper .sa-confirm-accounts-footer-action-wrapper button { min-width: 80%; } } .trust-type-wrapper .sa-confirm-accounts-footer-action-wrapper .sa-confirm-accounts-button { margin-left: 20px; } @media screen and (max-width: 667px) { .trust-type-wrapper .sa-confirm-accounts-footer-action-wrapper { flex-direction: column-reverse; gap: 20px; justify-content: start; align-items: baseline; } } .trust-type-wrapper .sub-heading-text { max-width: 625px; } .trust-type-wrapper .usb--radio-legend { font-size: 28px; color: #0c2074; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; } .identify-borrowers-wrapper .sub-heading-text { padding-right: 20px; } .identify-borrowers-wrapper .content-wrapper { padding: 20px 2%; display: flex; justify-content: space-between; } @media screen and (max-width: 820px) { .identify-borrowers-wrapper .content-wrapper { flex-direction: column; padding: 20px 5%; } } .identify-borrowers-wrapper .content-wrapper .sa-ca-wrapper { flex: 1; } .identify-borrowers-wrapper .content-wrapper .contact-info-wrapper { flex: 0.8; display: flex; justify-content: end; } @media screen and (max-width: 820px) { .identify-borrowers-wrapper .content-wrapper .contact-info-wrapper { justify-content: center; } } .identify-borrowers-wrapper .hidden-field { margin-top: 20px; } .identify-borrowers-wrapper .identify-borrower-footer-action-wrapper { margin-top: 30px; margin-bottom: 20px; display: flex; align-items: center; } @media screen and (min-width: 820px) { .identify-borrowers-wrapper .identify-borrower-footer-action-wrapper button { min-width: 250px; } } @media screen and (max-width: 819px) { .identify-borrowers-wrapper .identify-borrower-footer-action-wrapper button { min-width: 40%; } } .identify-borrowers-wrapper .identify-borrower-footer-action-wrapper .sa-confirm-accounts-button { margin-left: 20px; } .identify-borrowers-wrapper .borrower-form-wrapper { border: solid 1px #ccc; border-radius: 10px; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2483); margin: 20px 0px; width: 100%; max-width: 520px; padding-bottom: 0px; } .identify-borrowers-wrapper .add-co-borrower-btn-wrapper { background-color: #F2F2F5; padding: 10px; width: 100%; max-width: 520px; } .identify-borrowers-wrapper .form-field-1st-child, .identify-borrowers-wrapper .form-field-1st-child-updated { padding: 20px; background-color: #F2F2F5; display: flex; align-items: center; border-radius: 10px 10px 0px 0px; position: relative; } .identify-borrowers-wrapper .form-field-1st-child select, .identify-borrowers-wrapper .form-field-1st-child-updated select { background-color: #F2F2F5 !important; } .identify-borrowers-wrapper .form-field-1st-child .close-button-updated, .identify-borrowers-wrapper .form-field-1st-child .close-button, .identify-borrowers-wrapper .form-field-1st-child-updated .close-button-updated, .identify-borrowers-wrapper .form-field-1st-child-updated .close-button { position: absolute; right: -1px; top: 0px; } .identify-borrowers-wrapper .form-field-items { padding: 10px 30px; } .identify-borrowers-wrapper .usb--error-message span, .identify-borrowers-wrapper .usb--wrapper.is-error .usb--floating-label { color: #BE1324 !important; font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif !important; } .add-co-trustee-button { margin-bottom: 20px !important; } .trustees-section-wrapper > h5 { font-size: 20px; font-weight: normal; font-style: normal; font-stretch: normal; letter-spacing: 0.3px; color: #636466; } .settlor-section-header { color: #2C2C2C; font-size: 20px; font-weight: 500; line-height: 25px; letter-spacing: 0em; text-align: left; margin-top: 20px; } .mar-t-10 { margin-top: 10px; } .settlor-section-wrapper { margin-top: 20px; } .usb--radio-legend + .usb--error-message { margin-bottom: 0px; } legend { margin-bottom: 0px; } .legal-name-wrapper { width: 85%; } .legal-name-form-container { display: flex; gap: 20px; background-color: #f8f7f4; border: solid 1px #ccc; border-radius: 10px; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2483); margin: 20px 0px; width: 100%; padding: 20px; } .legal-name-form-container .legal-icon-container { align-self: flex-end; } .down-loan-app-form-main { margin-top: 20px; } .contact-information-wrapper .sa-advisor-contactus .sa-contact-mailbox a { text-decoration: none !important; padding-left: 10px; word-break: break-word; } .trustee-settlor-form-wrapper-div .other-party-btn-wrapper { display: flex; justify-content: flex-end; align-items: center; flex-direction: row; gap: 10px; margin-bottom: 20px; } .trustee-settlor-form-wrapper-div .cancel-and-save-btn-wrapper { margin-bottom: 20px; display: flex; justify-content: end; align-items: center; flex-direction: row-reverse; gap: 10px; } .trustee-settlor-form-wrapper-div .field-label-wrapper { padding: 20px; } .trustee-settlor-form-wrapper-div .field-label-wrapper .field-label { color: #555555 !important; font-weight: normal; font-size: 0.75rem; font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif !important; line-height: 1.5; } .trustee-settlor-form-wrapper-div .field-label-wrapper .field-value { font-size: 1rem !important; font-style: normal; font-stretch: normal; line-height: 1.33; font-weight: 400; letter-spacing: normal; color: #2c2c2c !important; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; } .trustee-settlor-form-wrapper-div .add-settlor-heading-text { color: #2C2C2C; font-size: 20px; font-weight: 500; line-height: 25px; letter-spacing: 0em; text-align: left; margin-top: 40px; } .trustee-settlor-form-wrapper-div .trust-legal-name-field-wrapper { display: flex; background-color: #F2F2F5; border-radius: 10px; align-items: center; margin: 0 !important; padding: 24px; } .trustee-settlor-form-wrapper-div .usb--wrapper.is-value .usb--floating-label { line-height: 0.6 !important; } .trustee-settlor-form-wrapper-div .section-title-text { font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 500; font-style: normal; font-stretch: normal; letter-spacing: 1px; color: #2C2C2C; margin-bottom: 5px; } .trustee-settlor-form-wrapper-div .sub-card { border: solid 1px #ccc; border-radius: 10px; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2483); margin: 20px 0px; width: 100%; max-width: 520px; padding-bottom: 0px !important; } .trustee-settlor-form-wrapper-div .sub-card { margin: 20px; width: auto; } .trustee-settlor-form-wrapper-div .other-party-save-success-msg-wrapper { display: flex; align-items: center; padding: 10px 20px; } .trustee-settlor-form-wrapper-div .other-party-save-success-msg-wrapper .succss-text { padding-left: 10px; color: #4C4C50; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; font-size: 18px; } .trustee-settlor-form-wrapper-div .elementToFadeIn { animation: fadein 5s linear forwards; } @keyframes fadein { 0% { opacity: 0; } 50% { opacity: 0.5; } 100% { opacity: 1; } } .trustee-settlor-form-wrapper-div .flex-center-space-between { display: flex; justify-content: space-between; align-items: center; } .trustee-settlor-form-wrapper-div .validation-error-message { font-size: 12px; color: #be1324 !important; width: 100%; margin: 5px 0 0 0; font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; } .trustee-settlor-form-wrapper-div .party-type-text { font-size: 14px; padding: 5px 0 0 0; font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; } .trustee-settlor-form-wrapper-div .party-full-name-text { font-size: 17px; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; word-break: break-all; word-wrap: break-word; } .trustee-settlor-form-wrapper-div .trustee-card-action-btn-wrapper button { max-width: 30px; } .trustee-settlor-form-wrapper-div .banner-content { font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; } .trustee-settlor-form-wrapper-div .identify-borrower-footer-action-wrapper { flex-direction: row-reverse; gap: 10px; justify-content: start; } @media screen and (max-width: 820px) { .trustee-settlor-form-wrapper-div .identify-borrower-footer-action-wrapper { align-items: center; } } .trustee-settlor-form-wrapper-div .non-other-party-settlor-detail-div { border-radius: 10px 10px 10px 10px !important; } .trustee-settlor-form-wrapper-div .usb-notification { font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; max-width: 576px !important; } .trustee-settlor-form-wrapper-div .usb-notification a { font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; } .trustee-settlor-form-wrapper-div .form-element-wrapper .form-element-input input, .trustee-settlor-form-wrapper-div .form-element-wrapper .form-element-select select, .trustee-settlor-form-wrapper-div .usb--radio-text { font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif !important; } .trustee-settlor-form-wrapper-div .mar-b-20 { margin-bottom: 20px; } .trustee-settlor-form-wrapper-div .form-element-wrapper .form-element-select label { color: #2c2c2c !important; font-size: 12px !important; } .trustee-settlor-form-wrapper-div .form-field-1st-child-updated .usb--select--wrapper .usb--select--container { background-color: #F2F2F5 !important; } .modification-summary-wrapper .summary-heading-text-wrapper { padding: 20px 2%; } .modification-summary-wrapper .summary-heading-text-wrapper .summary-heading-text { font-family: Circular-USB-Light, Helvetica, Arial, sans-serif; line-height: 1.09; letter-spacing: 0.3px; color: #0c2074; } @media screen and (max-width: 667px) { .modification-summary-wrapper .summary-heading-text-wrapper .summary-heading-text { font-size: 28px; } } .modification-summary-wrapper .summary-heading-text-wrapper .summary-sub-heading-text { font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; line-height: 1.3; letter-spacing: 0.25px; color: #636466; padding-right: 20%; padding-top: 5px; width: 90%; } .modification-summary-wrapper .modification-summary-content { padding: 0 2% 20px; display: flex; justify-content: space-between; } @media screen and (max-width: 820px) { .modification-summary-wrapper .modification-summary-content { flex-direction: column; padding: 20px 5%; } } .modification-summary-wrapper .modification-summary-content .modification-summary-container { flex: 1.8; } .modification-summary-wrapper .modification-summary-content .modification-summary-container .req-mod-compare-block { background-color: #f2f2f5; border-radius: 10px; padding: 30px 30px; box-shadow: 0 6px 4px 0 rgba(0, 0, 0, 0.1490196078); display: flex; justify-content: space-between; } @media screen and (max-width: 650px) { .modification-summary-wrapper .modification-summary-content .modification-summary-container .req-mod-compare-block { flex-direction: column; padding: 20px 10px; } } .modification-summary-wrapper .modification-summary-content .modification-summary-container .form-element-block { padding: 20px 0; } .modification-summary-wrapper .modification-summary-content .modification-summary-container .form-element-block select { background-color: #f2f2f5; } .modification-summary-wrapper .modification-summary-content .modification-summary-container .form-element-block label { font-size: 14px; font-weight: 500; } .modification-summary-wrapper .modification-summary-content .modification-summary-container .notification-block { padding-top: 20px; } .modification-summary-wrapper .modification-summary-content .contact-info-section { flex: 0.8; display: flex; justify-content: end; } @media screen and (max-width: 820px) { .modification-summary-wrapper .modification-summary-content .contact-info-section { justify-content: center; } } .modification-summary-wrapper .modification-summary-content .contact-info-section .contact-information-wrapper { margin-top: 0px; } .modification-summary-wrapper .modification-summary-content .loan-summary-arrow { width: 0; height: 0; border-left: 60px solid transparent; border-right: 60px solid transparent; border-bottom: 50px solid #e3e2e2; transform: rotate(90deg); margin: auto 0; } @media screen and (max-width: 650px) { .modification-summary-wrapper .modification-summary-content .loan-summary-arrow { display: none; } } .modification-summary-wrapper .loan-mod-summary-footer { padding: 10px 2%; display: flex; } @media screen and (min-width: 820px) { .modification-summary-wrapper .loan-mod-summary-footer button { min-width: 250px; } } @media screen and (max-width: 819px) { .modification-summary-wrapper .loan-mod-summary-footer button { min-width: 40%; } } .modification-summary-wrapper .loan-mod-summary-footer .next-button { margin-left: 20px; } .sa-suitablity-wrapper .sa-suitablity-instruction-test p { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1; letter-spacing: 0.25px; color: #636466; margin-bottom: 16px; } .sa-suitablity-wrapper .sa-suitablity-instruction-test p.sa-instructional-text-bold { color: #000000; } .sa-suitablity-document-download-container .sa-download-link { width: 88%; margin: 60px 0 60px 0; background-color: #f8f7f4; padding: 10px 20px; cursor: pointer; } .sa-suitablity-document-download-container .sa-download-link a { display: flex; justify-content: space-between; align-items: center; } .sa-suitablity-document-download-container .sa-download-link a div { display: flex; justify-content: space-between; align-items: center; } .sa-suitablity-document-download-container .sa-download-link:hover { text-decoration: underline; } .sa-consent-agreement-terms { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; font-size: 1rem; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: 0.25px; color: #636466; padding-left: 5px; } .sa-consent-agreement-terms li { padding-left: 5px; margin: 20px 0px 20px 25px; font-size: 1rem; } .sa-ca-wrapper.sa-suitability-content-wrapper { flex: 1 !important; } .sc-card ul, .sc-card li { font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif !important; } .suitability-content .sa-heading-text-wrapper .sub-heading-text { padding-right: 10px !important; } .notice-advisor-text.sc-card p { margin-top: 1rem !important; margin-bottom: 2px !important; } .caption-text-wrapper { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 2.57; letter-spacing: 0.3px; color: #636466; } .page-header-wrapper { padding: 20px 2%; background-color: #eaf1f2; display: flex; align-items: end; justify-content: space-between; } @media screen and (max-width: 666px) { .page-header-wrapper { flex-direction: column; align-items: start; justify-content: start; line-height: 1.5; } } @media screen and (max-width: 820px) { .page-header-wrapper { padding: 20px 5%; } } .page-header-wrapper .application-number-section { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; font-size: 28px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.29; letter-spacing: 0.3px; color: #636466; } @media screen and (max-width: 667px) { .page-header-wrapper .application-number-section { font-size: 20px; } } .page-header-wrapper .back-to-my-dash-section { padding-top: 10px; } .page-header-wrapper .back-to-my-dash-section button { text-decoration: none !important; display: flex; align-items: center; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; } .page-header-wrapper .initiated-at-main { display: flex; align-items: end; justify-content: end; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; letter-spacing: 0.3px; color: #636466; } .page-header-wrapper .icon-back-to-my-dash { color: #235ae4 !important; fill: #235ae4 !important; } .page-header-wrapper .app-num-nav-link-main { display: inline-block; } @media screen and (max-width: 666px) { .page-header-wrapper .app-num-nav-link-main { display: flex; flex-direction: column-reverse; } } .sa-heading-text-wrapper .heading-text { font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; line-height: 1.09; letter-spacing: 0.3px; color: #0c2074; font-size: 2em !important; } @media screen and (max-width: 667px) { .sa-heading-text-wrapper .heading-text { font-size: 28px; } } .sa-heading-text-wrapper .sub-heading-text { font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; line-height: 1.3; letter-spacing: 0.25px; color: #636466; padding-right: 20%; padding-top: 5px; } .page-tooltip-wrapper { padding: 20px 0px 20px 0px; display: flex; align-items: center; } .page-tooltip-wrapper div:nth-child(2) { padding-left: 5px; padding-top: 5px; } .page-tooltip-wrapper .tooltip { opacity: 1; } .page-tooltip-wrapper .sa-tooltip-text { letter-spacing: 0.3px; color: #636466; } .page-tooltip-wrapper .tooltip__content { max-width: 300px; } .page-tooltip-wrapper .tooltip__content p { font-size: 12px; margin: 0px; padding: 4px; } .error-banner-wrapper { margin-bottom: 20px; } .error-banner-wrapper .banner-header { display: flex; justify-content: space-between; } .error-banner-wrapper .header-content { width: 100% !important; } .error-banner-wrapper .error-list { margin: 0 !important; } .error-banner-wrapper .error-list li { cursor: pointer; width: -moz-fit-content; width: fit-content; } .error-banner-wrapper .error-list button { text-decoration: underline; color: #0a41c5; font-size: inherit; cursor: pointer; background-color: transparent; } .has-more-than-two-modal .more-than-two-modal-header { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; font-size: 28px !important; } .has-more-than-two-modal .more-than-two-modal-content { font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif !important; line-height: 24px !important; } .summary-card-container { width: 40%; } @media screen and (max-width: 650px) { .summary-card-container { width: 100%; margin-top: 30px; } } .summary-card-container .card-title-block { background-color: #0c2074; color: white; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; font-size: 20px; font-weight: normal; font-style: normal; border-radius: 8px; padding: 5px 10px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2470588235); } .summary-card-container .block-content { display: flex; background-color: #ffffff; border-radius: 8px; margin-top: 4px; box-shadow: inset 0px 3px 2px rgba(0, 0, 0, 0.3); padding: 15px; font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; justify-content: space-around; } .summary-card-container .block-content svg { fill: #0c2074; } .summary-card-container .block-content .icon-block { width: 10%; } .summary-card-container .block-content .content-block { width: 80%; } .summary-card-container .card-data-field { line-height: 1.3; letter-spacing: 0.25px; padding: 5px 0; font-size: 16px; width: 100%; } .summary-card-container .card-data-field .card-title-header { font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; color: #636466; display: inline-block; width: 60%; } .summary-card-container .card-data-field .card-data-values { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; color: #2c2c2c; } .summary-card-container .acc-card-title { background-color: #cdc9c9; border-radius: 8px; padding: 5px 10px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2470588235); margin: 20px 0; } .summary-card-container .acc-card-title span { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; font-style: normal; } .summary-card-container .account-container { background-color: #ffffff; border-radius: 8px; margin-top: 4px; box-shadow: inset 0px 3px 2px rgba(0, 0, 0, 0.3); padding: 15px; font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; } .usb-button { border-radius: var(--button-primary-border-radius, 0.5rem); cursor: pointer; font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-size: var(--button-font-size-default, 0.875rem); font-weight: var(--token-font-weight-med, 500); height: auto; line-height: var(--token-line-height-base, 1); max-width: 100%; outline: transparent; position: relative; transition: color var(--token-timing-fast-ease, 0.1s ease), border var(--token-timing-fast-ease, 0.1s ease); white-space: nowrap; display: inline-flex; flex-direction: row; align-items: center; justify-content: center; gap: var(--token-spacing-2, 0.5rem); -webkit-text-decoration: none; text-decoration: none; } .usb-button, .usb-button * { -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; -webkit-tap-highlight-color: transparent !important; -webkit-focus-ring-color: transparent !important; } .usb-button.button--layout_row { flex-direction: row; } .usb-button.button--layout_column { flex-direction: column; } .usb-button--icon, .usb-button .usb-icon { display: inline-flex; pointer-events: none; vertical-align: bottom; } .usb-button--icon svg, .usb-button .usb-icon svg { fill: currentColor !important; } .usb-button.button--small { min-height: var(--token-spacing-8, 2rem); max-height: var(--token-spacing-8, 2rem); padding: var(--token-spacing-2, 0.5rem) var(--token-spacing-3, 0.75rem); font-size: var(--button-small-font-size, 0.875rem); } .usb-button.button--small--icon-only { padding: var(--token-spacing-2, 0.5rem); width: var(--token-spacing-8, 2rem); } .usb-button.button--small.button--layout_column { gap: var(--token-spacing-1, 0.25rem); max-height: unset; padding: var(--token-spacing-3, 0.75rem) var(--token-spacing-2, 0.5rem); } .usb-button.button--small .usb-button--icon, .usb-button.button--small .usb-button--icon svg, .usb-button.button--small .usb-icon, .usb-button.button--small .usb-icon svg { width: var(--token-spacing-4, 1rem); height: var(--token-spacing-4, 1rem); min-width: var(--token-spacing-4, 1rem); min-height: var(--token-spacing-4, 1rem); max-width: var(--token-spacing-4, 1rem); max-height: var(--token-spacing-4, 1rem); } .usb-button.button--medium { min-height: var(--token-spacing-10, 2.5rem); max-height: var(--token-spacing-10, 2.5rem); line-height: var(--token-line-height-3xl, 1.5); padding: var(--token-spacing-2, 0.5rem) var(--token-spacing-6, 1.5rem); font-size: var(--button-medium-font-size, 1rem); } .usb-button.button--medium--icon-only { padding: var(--token-spacing-2, 0.5rem); width: var(--token-spacing-10, 2.5rem); } .usb-button.button--medium.button--layout_column { gap: var(--token-spacing-1, 0.25rem); max-height: unset; padding: 0.625rem var(--token-spacing-6, 1.5rem); } .usb-button.button--medium .usb-button--icon, .usb-button.button--medium .usb-button--icon svg, .usb-button.button--medium .usb-icon, .usb-button.button--medium .usb-icon svg { width: var(--token-spacing-5, 1.25rem); height: var(--token-spacing-5, 1.25rem); min-width: var(--token-spacing-5, 1.25rem); min-height: var(--token-spacing-5, 1.25rem); max-width: var(--token-spacing-5, 1.25rem); max-height: var(--token-spacing-5, 1.25rem); } .usb-button.button--medium:after { content: ""; position: absolute; top: calc(var(--token-spacing-1, 0.25rem) * -1); bottom: calc(var(--token-spacing-1, 0.25rem) * -1); left: var(--token-spacing-0, 0); right: var(--token-spacing-0, 0); } .usb-button.button--large { font-size: var(--button-large-font-size, 1rem); min-height: var(--token-spacing-12, 3rem); line-height: var(--token-line-height-3xl, 1.5); padding: var(--token-spacing-3, 0.75rem) var(--token-spacing-8, 2rem); } .usb-button.button--large--icon-only { padding: var(--token-spacing-3, 0.75rem); width: var(--token-spacing-12, 3rem); } .usb-button.button--large.button--layout_column { gap: var(--token-spacing-1, 0.25rem); max-height: unset; padding: 0.875rem var(--token-spacing-8, 2rem); } .usb-button.button--large .usb-button--icon, .usb-button.button--large .usb-button--icon svg, .usb-button.button--large .usb-icon, .usb-button.button--large .usb-icon svg { width: var(--token-spacing-5, 1.25rem); height: var(--token-spacing-5, 1.25rem); min-width: var(--token-spacing-5, 1.25rem); min-height: var(--token-spacing-5, 1.25rem); max-width: var(--token-spacing-5, 1.25rem); max-height: var(--token-spacing-5, 1.25rem); } .usb-button.button--highlight { font-family: var(--button-loud-font-family, Circular-USB, Arial, Helvetica, sans-serif); font-weight: var(--button-loud-font-weight, 500); line-height: var(--button-loud-line-height, 1); } .usb-button.button--highlight--heavy { background: var(--button-loud-background-color, #ce2935); border-color: var(--button-loud-border-color, transparent); border-width: var(--button-loud-border-width, 0); border-radius: var(--button-loud-border-radius, 0.5rem); color: var(--button-loud-text-color, #fff); } .usb-button.button--highlight--heavy .svg-icon { color: var(--button-loud-icon-fill-color, #fff); } .usb-button.button--highlight--heavy:hover { background: var(--button-loud-hover-background-color, #9b0a28); color: var(--button-loud-hover-text-color, #fff); border-color: var(--button-loud-hover-border-color, transparent); } .usb-button.button--highlight--heavy:hover .svg-icon { color: var(--button-loud-hover-icon-fill-color, #fff); } .usb-button.button--highlight--heavy:active { background: var(--button-loud-active-background-color, #6f0303); color: var(--button-loud-active-text-color, hsla(0, 0%, 100%, 0.78)); border-color: var(--button-loud-active-border-color, transparent); } .usb-button.button--highlight--heavy:active .svg-icon { color: var(--button-loud-active-icon-fill-color, hsla(0, 0%, 100%, 0.78)); } .usb-button.button--highlight--subtle { background: var(--button-text-background-color, transparent); border: var(--button-secondary-border-width, 1px) solid var(--button-loud-background-color, #ce2935); border-radius: var(--button-loud-border-radius, 0.5rem); } .usb-button.button--highlight--subtle, .usb-button.button--highlight--subtle .svg-icon { color: var(--button-loud-background-color, #ce2935); } .usb-button.button--highlight--subtle:hover { background: var(--button-loud-hover-background-color, #9b0a28); color: var(--button-loud-hover-text-color, #fff); } .usb-button.button--highlight--subtle:hover .svg-icon { color: var(--button-loud-hover-icon-fill-color, #fff); } .usb-button.button--highlight--subtle:active { background: var(--button-loud-active-background-color, #6f0303); color: var(--button-loud-active-text-color, hsla(0, 0%, 100%, 0.78)); } .usb-button.button--highlight--subtle:active .svg-icon { color: var(--button-loud-active-icon-fill-color, hsla(0, 0%, 100%, 0.78)); } .usb-button.button--highlight--minimal { background: var(--button-text-background-color, transparent); border-color: var(--button-text-border-color, transparent); border-width: var(--button-text-border-width, 0); border-radius: var(--button-text-border-radius, 0.5rem); } .usb-button.button--highlight--minimal, .usb-button.button--highlight--minimal .svg-icon { color: var(--button-loud-background-color, #ce2935); } .usb-button.button--highlight--minimal:hover { background: var(--button-loud-hover-background-color, #9b0a28); color: var(--button-loud-hover-text-color, #fff); } .usb-button.button--highlight--minimal:hover .svg-icon { color: var(--button-loud-hover-icon-fill-color, #fff); } .usb-button.button--highlight--minimal:active { background: var(--button-loud-active-background-color, #6f0303); color: var(--button-loud-active-text-color, hsla(0, 0%, 100%, 0.78)); } .usb-button.button--highlight--minimal:active .svg-icon { color: var(--button-loud-active-icon-fill-color, hsla(0, 0%, 100%, 0.78)); } @media (hover: none) and (pointer: coarse) { .usb-button.button--highlight { background: var(--button-loud-background-color, #ce2935); border: none; } .usb-button.button--highlight, .usb-button.button--highlight .svg-icon { color: var(--button-loud-text-color, #fff); } .usb-button.button--highlight:focus, .usb-button.button--highlight:hover { background: var(--button-loud-background-color, #ce2935); color: var(--button-loud-text-color, #fff); border: none; } .usb-button.button--highlight:focus .svg-icon, .usb-button.button--highlight:hover .svg-icon { color: var(--button-loud-text-color, #fff); } .usb-button.button--highlight:focus:before, .usb-button.button--highlight:hover:before { border: 2px solid var(--token-border-focus, #235ae4); border-radius: var(--button-primary-border-radius, 0.5rem); content: ""; height: calc(100% + var(--token-spacing-3, 0.75rem)); position: absolute; left: -0.375rem; top: -0.375rem; width: calc(100% + var(--token-spacing-3, 0.75rem)); } .usb-button.button--highlight:active { background: var(--button-loud-active-background-color, #6f0303); border: none; } .usb-button.button--highlight:active, .usb-button.button--highlight:active .svg-icon { color: var(--token-text-color-interaction-active, hsla(0, 0%, 100%, 0.78)); } } .usb-button.button--standard--heavy { border-radius: var(--button-primary-border-radius, 0.5rem); font-family: var(--button-primary-font-family, Circular-USB, Arial, Helvetica, sans-serif); font-weight: var(--button-primary-font-weight, 500); line-height: var(--button-primary-line-height, 1); background: var(--button-primary-background-color, #235ae4); border-color: var(--button-primary-border-color, transparent); border-width: var(--button-primary-border-width, 0); color: var(--button-primary-text-color, #fff); } .usb-button.button--standard--heavy .svg-icon { color: var(--button-primary-icon-fill-color, #fff); } .usb-button.button--standard--heavy:hover { border-color: var(--button-primary-hover-border-color, transparent); background: var(--button-primary-hover-background-color, #003cc8); } .usb-button.button--standard--heavy:active { border-color: var(--button-primary-active-border-color, transparent); background: var(--button-primary-active-background-color, #001e79); } .usb-button.button--standard--subtle { background: var(--button-text-background-color, transparent); border: var(--button-secondary-border-width, 1px) solid var(--button-secondary-border-color, #235ae4); color: var(--button-secondary-text-color, #235ae4); } .usb-button.button--standard--subtle .svg-icon { color: var(--button-secondary-icon-fill-color, #235ae4); } .usb-button.button--standard--subtle:hover { background: var(--button-primary-hover-background-color, #003cc8); color: var(--button-primary-hover-text-color, #fff); } .usb-button.button--standard--subtle:hover .svg-icon { color: var(--button-primary-hover-icon-fill-color, #fff); } .usb-button.button--standard--subtle:active { background: var(--button-primary-active-background-color, #001e79); color: var(--button-primary-active-text-color, hsla(0, 0%, 100%, 0.78)); } .usb-button.button--standard--subtle:active .svg-icon { color: var(--button-primary-active-icon-fill-color, hsla(0, 0%, 100%, 0.78)); } .usb-button.button--standard--minimal { background: var(--button-text-background-color, transparent); border-color: var(--button-text-border-color, transparent); border-width: var(--button-text-border-width, 0); border-radius: var(--button-text-border-radius, 0.5rem); color: var(--button-text-text-color, #235ae4); } .usb-button.button--standard--minimal .svg-icon { color: var(--button-secondary-icon-fill-color, #235ae4); } .usb-button.button--standard--minimal:hover { background: var(--button-text-hover-background-color, #003cc8); color: var(--button-text-hover-text-color, #fff); -webkit-text-decoration: var(--button-text-hover-text-decoration, none); text-decoration: var(--button-text-hover-text-decoration, none); } .usb-button.button--standard--minimal:hover .svg-icon { color: var(--button-text-hover-icon-fill-color, #fff); } .usb-button.button--standard--minimal:active { background: var(--button-text-active-background-color, #001e79); color: var(--button-text-active-text-color, hsla(0, 0%, 100%, 0.78)); } .usb-button.button--standard--minimal:active .svg-icon { color: var(--button-text-active-icon-fill-color, hsla(0, 0%, 100%, 0.78)); } @media (hover: none) and (pointer: coarse) { .usb-button.button--standard--minimal { background: var(--button-text-background-color, transparent); border: none; } .usb-button.button--standard--minimal, .usb-button.button--standard--minimal .svg-icon { color: var(--button-text-text-color, #235ae4); } .usb-button.button--standard--minimal:focus, .usb-button.button--standard--minimal:hover { background: var(--button-text-background-color, transparent); color: var(--button-text-text-color, #235ae4); border: none; } .usb-button.button--standard--minimal:focus .svg-icon, .usb-button.button--standard--minimal:hover .svg-icon { color: var(--button-text-text-color, #235ae4); } .usb-button.button--standard--minimal:focus:before, .usb-button.button--standard--minimal:hover:before { border: 2px solid var(--token-border-focus, #235ae4); border-radius: var(--button-primary-border-radius, 0.5rem); content: ""; height: calc(100% + var(--token-spacing-3, 0.75rem)); position: absolute; left: -0.375rem; top: -0.375rem; width: calc(100% + var(--token-spacing-3, 0.75rem)); } .usb-button.button--standard--minimal:active { background: var(--button-text-active-background-color, #001e79); border: none; } .usb-button.button--standard--minimal:active, .usb-button.button--standard--minimal:active .svg-icon { color: var(--token-text-color-interaction-active, hsla(0, 0%, 100%, 0.78)); } } @media (hover: none) and (pointer: coarse) { .usb-button.button--standard { background: var(--button-primary-background-color, #235ae4); border: none; } .usb-button.button--standard, .usb-button.button--standard .svg-icon { color: var(--button-primary-text-color, #fff); } .usb-button.button--standard:focus, .usb-button.button--standard:hover { background: var(--button-primary-background-color, #235ae4); color: var(--button-primary-text-color, #fff); border: none; } .usb-button.button--standard:focus .svg-icon, .usb-button.button--standard:hover .svg-icon { color: var(--button-primary-text-color, #fff); } .usb-button.button--standard:focus:before, .usb-button.button--standard:hover:before { border: 2px solid var(--token-border-focus, #235ae4); border-radius: var(--button-primary-border-radius, 0.5rem); content: ""; height: calc(100% + var(--token-spacing-3, 0.75rem)); position: absolute; left: -0.375rem; top: -0.375rem; width: calc(100% + var(--token-spacing-3, 0.75rem)); } .usb-button.button--standard:active { background: var(--button-primary-active-background-color, #001e79); border: none; } .usb-button.button--standard:active, .usb-button.button--standard:active .svg-icon { color: var(--token-text-color-interaction-active, hsla(0, 0%, 100%, 0.78)); } } .usb-button.button--secondary { background: var(--button-secondary-background-color, transparent); border-width: var(--button-secondary-border-width, 1px); border-color: var(--button-secondary-border-color, #235ae4); border-radius: var(--button-secondary-border-radius, 0.5rem); color: var(--button-secondary-text-color, #235ae4); font-family: var(--button-secondary-font-family, Circular-USB, Arial, Helvetica, sans-serif); font-weight: var(--button-secondary-font-weight, 500); line-height: var(--button-secondary-line-height, 1); transition: margin var(--token-timing-fast-ease, 0.1s ease); } .usb-button.button--secondary .svg-icon { color: var(--button-secondary-icon-fill-color, #235ae4); } .usb-button.button--secondary:hover { background: var(--button-secondary-hover-background-color, #003cc8); border: var(--button-secondary-hover-border-width, 1px) solid var(--button-secondary-hover-active-border-color, #001e79); color: var(--button-secondary-hover-text-color, #fff); } .usb-button.button--secondary:hover .svg-icon { color: var(--button-secondary-hover-icon-fill-color, #fff); } .usb-button.button--secondary:active { background: var(--button-secondary-active-background-color, #001e79); color: var(--button-secondary-active-text-color, hsla(0, 0%, 100%, 0.78)); } .usb-button.button--secondary:active .svg-icon { color: var(--button-secondary-hover-icon-fill-color, #fff); } @media (hover: none) and (pointer: coarse) { .usb-button.button--secondary { background: var(--button-secondary-background-color, transparent); border: var(--button-secondary-border-width, 1px) solid var(--button-secondary-border-color, #235ae4); } .usb-button.button--secondary, .usb-button.button--secondary .svg-icon { color: var(--button-secondary-text-color, #235ae4); } .usb-button.button--secondary:focus, .usb-button.button--secondary:hover { background: var(--button-secondary-background-color, transparent); color: var(--button-secondary-text-color, #235ae4); border: var(--button-secondary-border-width, 1px) solid var(--button-secondary-border-color, #235ae4); } .usb-button.button--secondary:focus .svg-icon, .usb-button.button--secondary:hover .svg-icon { color: var(--button-secondary-text-color, #235ae4); } .usb-button.button--secondary:focus:before, .usb-button.button--secondary:hover:before { border: 2px solid var(--token-border-focus, #235ae4); border-radius: var(--button-primary-border-radius, 0.5rem); content: ""; height: calc(100% + var(--token-spacing-3, 0.75rem)); position: absolute; left: -0.375rem; top: -0.375rem; width: calc(100% + var(--token-spacing-3, 0.75rem)); } .usb-button.button--secondary:active { background: var(--button-secondary-active-background-color, #001e79); border: var(--button-secondary-border-width, 1px) solid var(--button-secondary-border-color, #235ae4); } .usb-button.button--secondary:active, .usb-button.button--secondary:active .svg-icon { color: var(--token-text-color-interaction-active, hsla(0, 0%, 100%, 0.78)); } } .usb-button.button--utility { font-family: var(--button-utility-font-family, Circular-USB, Arial, Helvetica, sans-serif); font-weight: var(--button-utility-font-weight, 500); line-height: var(--button-utility-line-height, 1); transition: margin var(--token-timing-fast-ease, 0.1s ease); } .usb-button.button--utility--heavy { background: var(--button-utility-border-color, #484861); border-color: var(--button-utility-border-color, #484861); border-width: var(--button-utility-border-width, 1px); border-radius: var(--button-utility-border-radius, 0.5rem); } .usb-button.button--utility--heavy, .usb-button.button--utility--heavy .svg-icon { color: var(--button-loud-text-color, #fff); } .usb-button.button--utility--heavy:hover { background: var(--button-text-background-color, transparent); border: var(--button-secondary-border-width, 1px) solid var(--button-utility-border-color, #484861); border-radius: var(--button-secondary-border-radius, 0.5rem); } .usb-button.button--utility--heavy:hover, .usb-button.button--utility--heavy:hover .svg-icon, .usb-button.button--utility--subtle { color: var(--button-utility-border-color, #484861); } .usb-button.button--utility--subtle { background: var(--button-text-background-color, transparent); border: var(--button-secondary-border-width, 1px) solid var(--button-utility-border-color, #484861); border-radius: var(--button-secondary-border-radius, 0.5rem); } .usb-button.button--utility--subtle .svg-icon { color: var(--button-utility-border-color, #484861); } .usb-button.button--utility--subtle:hover { background: var(--button-utility-border-color, #484861); color: var(--button-loud-hover-text-color, #fff); } .usb-button.button--utility--subtle:hover .svg-icon { color: var(--button-loud-hover-icon-fill-color, #fff); } .usb-button.button--utility--subtle:active { background: var(--button-loud-active-background-color, #6f0303); color: var(--button-loud-active-text-color, hsla(0, 0%, 100%, 0.78)); } .usb-button.button--utility--subtle:active .svg-icon { color: var(--button-loud-active-icon-fill-color, hsla(0, 0%, 100%, 0.78)); } .usb-button.button--utility--minimal { background: var(--button-text-background-color, transparent); border: var(--button-text-border-color, transparent) solid var(--button-secondary-border-width, 1px); border-radius: var(--button-utility-border-radius, 0.5rem); } .usb-button.button--utility--minimal, .usb-button.button--utility--minimal .svg-icon { color: var(--button-utility-border-color, #484861); } .usb-button.button--utility--minimal:hover { background: var(--button-utility-hover-background-color, #7a7a95); color: var(--button-utility-hover-text-color, #fff); } .usb-button.button--utility--minimal:hover .svg-icon { color: var(--button-utility-hover-icon-fill-color, #fff); } .usb-button.button--utility--minimal:active { background: var(--button-utility-active-background-color, #484861); color: var(--button-utility-active-text-color, hsla(0, 0%, 100%, 0.78)); } .usb-button.button--utility--minimal:active .svg-icon { color: var(--button-utility-active-icon-fill-color, hsla(0, 0%, 100%, 0.78)); } .usb-button.button--utility.button--large--icon-only, .usb-button.button--utility.button--medium--icon-only, .usb-button.button--utility.button--small--icon-only { border: none; } .usb-button.button--utility .svg-icon { color: var(--button-utility-icon-fill-color, #484861); } .usb-button.button--utility:hover { background: var(--button-utility-hover-background-color, #7a7a95); border: none; color: var(--button-utility-hover-text-color, #fff); padding: calc(var(--token-spacing-3, 0.75rem) + 1px) calc(var(--token-spacing-6, 1.5rem) + 1px); } .usb-button.button--utility:hover.button--large { padding: calc(var(--token-spacing-4, 1rem) + 1px) calc(var(--token-spacing-8, 2rem) + 1px); } .usb-button.button--utility:hover.button--small { padding: calc(var(--token-spacing-2, 0.5rem) + 1px) calc(var(--token-spacing-5, 1.25rem) + 1px); padding-left: calc(0.75rem + 1px); padding-right: calc(0.75rem + 1px); } .usb-button.button--utility:hover.button--small.button--small--icon-only { padding: var(--token-spacing-2, 0.5rem); } .usb-button.button--utility:hover.button--medium { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); } .usb-button.button--utility:hover.button--medium.button--medium--icon-only { padding: var(--token-spacing-2, 0.5rem); } .usb-button.button--utility:hover.button--large { padding-top: calc(0.75rem + 1px); padding-bottom: calc(0.7rem + 1px); } .usb-button.button--utility:hover.button--large.button--large--icon-only { padding: var(--token-spacing-3, 0.75rem); } .usb-button.button--utility:hover .svg-icon { color: var(--button-utility-hover-icon-fill-color, #fff); } .usb-button.button--utility:active { background: var(--button-utility-active-background-color, #484861); } .usb-button.button--utility:active, .usb-button.button--utility:active .svg-icon { color: var(--token-text-color-interaction-active, hsla(0, 0%, 100%, 0.78)); } @media (hover: none) and (pointer: coarse) { .usb-button.button--utility { background: var(--button-utility-background-color, #fff); border: var(--button-utility-hover-border-width, 0) solid var(--button-utility-hover-border-color, #7a7a95); } .usb-button.button--utility, .usb-button.button--utility .svg-icon { color: var(--button-utility-text-color, #484861); } .usb-button.button--utility:focus, .usb-button.button--utility:hover { background: var(--button-utility-background-color, #fff); color: var(--button-utility-text-color, #484861); border: var(--button-utility-hover-border-width, 0) solid var(--button-utility-hover-border-color, #7a7a95); } .usb-button.button--utility:focus .svg-icon, .usb-button.button--utility:hover .svg-icon { color: var(--button-utility-text-color, #484861); } .usb-button.button--utility:focus:before, .usb-button.button--utility:hover:before { border: 2px solid var(--token-border-focus, #235ae4); border-radius: var(--button-primary-border-radius, 0.5rem); content: ""; height: calc(100% + var(--token-spacing-3, 0.75rem)); position: absolute; left: -0.375rem; top: -0.375rem; width: calc(100% + var(--token-spacing-3, 0.75rem)); } .usb-button.button--utility:active { background: var(--button-utility-active-background-color, #484861); border: var(--button-utility-hover-border-width, 0) solid var(--button-utility-hover-border-color, #7a7a95); color: var(--token-text-color-interaction-active, hsla(0, 0%, 100%, 0.78)); padding: calc(var(--token-spacing-3, 0.75rem) + 1px) calc(var(--token-spacing-6, 1.5rem) + 1px); } .usb-button.button--utility:active.button--large { padding: calc(var(--token-spacing-4, 1rem) + 1px) calc(var(--token-spacing-8, 2rem) + 1px); } .usb-button.button--utility:active.button--small { padding: calc(var(--token-spacing-2, 0.5rem) + 1px) calc(var(--token-spacing-5, 1.25rem) + 1px); } .usb-button.button--utility:active .svg-icon { color: var(--token-text-color-interaction-active, hsla(0, 0%, 100%, 0.78)); } } .usb-button.button--text { background: var(--button-text-background-color, transparent); border-color: var(--button-text-border-color, transparent); border-width: var(--button-text-border-width, 0); border-radius: var(--button-text-border-radius, 0.5rem); color: var(--button-text-text-color, #235ae4); font-family: var(--button-text-font-family, Circular-USB, Arial, Helvetica, sans-serif); font-weight: var(--button-text-font-weight, 500); line-height: var(--button-text-line-height, 1); } .usb-button.button--text .svg-icon { color: var(--button-text-icon-fill-color, #235ae4); } .usb-button.button--text:hover { background: var(--button-text-hover-background-color, #003cc8); color: var(--button-text-hover-text-color, #fff); -webkit-text-decoration: var(--button-text-hover-text-decoration, none); text-decoration: var(--button-text-hover-text-decoration, none); } .usb-button.button--text:hover .svg-icon { color: var(--button-text-hover-icon-fill-color, #fff); } .usb-button.button--text:active { background: var(--button-text-active-background-color, #001e79); color: var(--button-text-active-text-color, hsla(0, 0%, 100%, 0.78)); } .usb-button.button--text:active .svg-icon { color: var(--button-text-active-icon-fill-color, hsla(0, 0%, 100%, 0.78)); } @media (hover: none) and (pointer: coarse) { .usb-button.button--text { background: var(--button-text-background-color, transparent); border: none; } .usb-button.button--text, .usb-button.button--text .svg-icon { color: var(--button-text-text-color, #235ae4); } .usb-button.button--text:focus, .usb-button.button--text:hover { background: var(--button-text-background-color, transparent); color: var(--button-text-text-color, #235ae4); border: none; } .usb-button.button--text:focus .svg-icon, .usb-button.button--text:hover .svg-icon { color: var(--button-text-text-color, #235ae4); } .usb-button.button--text:focus:before, .usb-button.button--text:hover:before { border: 2px solid var(--token-border-focus, #235ae4); border-radius: var(--button-primary-border-radius, 0.5rem); content: ""; height: calc(100% + var(--token-spacing-3, 0.75rem)); position: absolute; left: -0.375rem; top: -0.375rem; width: calc(100% + var(--token-spacing-3, 0.75rem)); } .usb-button.button--text:active { background: var(--button-text-active-background-color, #001e79); border: none; } .usb-button.button--text:active, .usb-button.button--text:active .svg-icon { color: var(--token-text-color-interaction-active, hsla(0, 0%, 100%, 0.78)); } } .usb-button.button--naked { line-height: var(--token-line-height-base, 1); } .usb-button.button--naked, .usb-button.button--naked:hover { background: var(--token-background-transparent, transparent); border: 0 var(--token-border-transparent, transparent); color: inherit; } .usb-button.button--naked .usb-icon { margin-right: var(--token-spacing-1, 0.25rem); } .usb-button.button--naked .usb-icon svg { fill: currentColor; } @media (hover: none) and (pointer: coarse) { .usb-button.button--naked, .usb-button.button--naked:hover { background: var(--token-background-transparent, transparent); color: inherit; } } .usb-button:focus:before { border: 2px solid var(--token-border-focus, #235ae4); border-radius: var(--button-primary-border-radius, 0.5rem); content: ""; height: calc(100% + var(--token-spacing-3, 0.75rem)); position: absolute; left: -0.375rem; top: -0.375rem; width: calc(100% + var(--token-spacing-3, 0.75rem)); } .usb-button:disabled, .usb-button[aria-disabled=true] { background: var(--token-disabled-background, rgba(205, 209, 226, 0.4)) !important; cursor: not-allowed !important; border-color: var(--token-border-transparent, transparent) !important; } .usb-button:disabled, .usb-button:disabled .svg-icon, .usb-button[aria-disabled=true], .usb-button[aria-disabled=true] .svg-icon { color: var(--token-disabled-foreground, #7a7a95) !important; } @media (hover: none) and (pointer: coarse) { .usb-button:disabled, .usb-button:disabled:focus, .usb-button:disabled:hover, .usb-button[aria-disabled=true], .usb-button[aria-disabled=true]:focus, .usb-button[aria-disabled=true]:hover { background: var(--token-disabled-background, rgba(205, 209, 226, 0.4)); color: var(--token-disabled-foreground, #7a7a95); } .usb-button:disabled:focus:before, .usb-button:disabled:hover:before, .usb-button[aria-disabled=true]:focus:before, .usb-button[aria-disabled=true]:hover:before { border-color: var(--token-border-transparent, transparent); } } .usb-notification > .confirmation, .usb-notification > .error, .usb-notification > .information, .usb-notification > .warning { display: flex; align-items: flex-start; width: 100%; padding: var(--token-spacing-4, 1rem) var(--token-spacing-10, 2.5rem) var(--token-spacing-4, 1rem) var(--token-spacing-4, 1rem); border-radius: var(--token-rounded-sm, 0.25rem); position: relative; outline-offset: -1px; color: var(--notification-text-color, #2d2d3e); font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-weight: var(--token-font-weight-reg, 400); font-size: var(--token-font-size-sm, 0.875rem); line-height: var(--token-line-height-3xl, 1.5); } .usb-notification > .confirmation > div, .usb-notification > .error > div, .usb-notification > .information > div, .usb-notification > .warning > div { margin-right: var(--token-spacing-3, 0.75rem); } .usb-notification > .confirmation h2, .usb-notification > .error h2, .usb-notification > .information h2, .usb-notification > .warning h2 { position: relative; color: var(--notification-heading-text-color, #2d2d3e); font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-weight: var(--token-font-weight-med, 500); font-size: var(--token-font-size-sm, 0.875rem); line-height: var(--token-line-height-3xl, 1.5); display: flex; } .usb-notification > .confirmation ul, .usb-notification > .error ul, .usb-notification > .information ul, .usb-notification > .warning ul { list-style-type: disc; margin: var(--token-spacing-1, 0.25rem) var(--token-spacing-0, 0) var(--token-spacing-0, 0) var(--token-spacing-12, 3rem); } .usb-notification > .confirmation ul li, .usb-notification > .error ul li, .usb-notification > .information ul li, .usb-notification > .warning ul li { margin: var(--token-spacing-2, 0.5rem) var(--token-spacing-0, 0) var(--token-spacing-0, 0); vertical-align: middle; font-size: var(--token-font-size-sm, 0.875rem); } .usb-notification > .confirmation ul li .button--naked, .usb-notification > .error ul li .button--naked, .usb-notification > .information ul li .button--naked, .usb-notification > .warning ul li .button--naked { margin: var(--token-spacing-0, 0); -webkit-text-decoration: underline; text-decoration: underline; line-height: inherit; vertical-align: initial; border: none; background: none; padding: var(--token-spacing-0, 0); display: inline; } .usb-notification > .confirmation a, .usb-notification > .confirmation button:not(.usb-button), .usb-notification > .error a, .usb-notification > .error button:not(.usb-button), .usb-notification > .information a, .usb-notification > .information button:not(.usb-button), .usb-notification > .warning a, .usb-notification > .warning button:not(.usb-button) { -webkit-text-decoration: none; text-decoration: none; border: none; background: none; padding: var(--token-spacing-0, 0); line-height: var(--token-line-height-3xl, 1.5); } .usb-notification > .confirmation .notification--content-group, .usb-notification > .error .notification--content-group, .usb-notification > .information .notification--content-group, .usb-notification > .warning .notification--content-group { white-space: normal; } @media only screen and (min-width: 30rem) { .usb-notification > .confirmation .notification--content-group, .usb-notification > .error .notification--content-group, .usb-notification > .information .notification--content-group, .usb-notification > .warning .notification--content-group { white-space: nowrap; } } .usb-notification > .confirmation .multiple-notification--text, .usb-notification > .confirmation .single-notification--text, .usb-notification > .error .multiple-notification--text, .usb-notification > .error .single-notification--text, .usb-notification > .information .multiple-notification--text, .usb-notification > .information .single-notification--text, .usb-notification > .warning .multiple-notification--text, .usb-notification > .warning .single-notification--text { display: inline-flex; flex-direction: row; -webkit-text-decoration: none; text-decoration: none; font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); line-height: var(--token-line-height-3xl, 1.5); font-size: var(--token-font-size-sm, 0.875rem); font-weight: var(--token-font-weight-reg, 400); color: var(--notification-message-text-color, #2d2d3e); } .usb-notification > .confirmation .multiple-notification--text.single-notification--header, .usb-notification > .confirmation .single-notification--text.single-notification--header, .usb-notification > .error .multiple-notification--text.single-notification--header, .usb-notification > .error .single-notification--text.single-notification--header, .usb-notification > .information .multiple-notification--text.single-notification--header, .usb-notification > .information .single-notification--text.single-notification--header, .usb-notification > .warning .multiple-notification--text.single-notification--header, .usb-notification > .warning .single-notification--text.single-notification--header { outline: none; } .usb-notification > .confirmation .single-notification--text, .usb-notification > .confirmation .single-notification--text + span.notification--content-group, .usb-notification > .error .single-notification--text, .usb-notification > .error .single-notification--text + span.notification--content-group, .usb-notification > .information .single-notification--text, .usb-notification > .information .single-notification--text + span.notification--content-group, .usb-notification > .warning .single-notification--text, .usb-notification > .warning .single-notification--text + span.notification--content-group { vertical-align: middle; } .usb-notification > .confirmation .multiple-notification--btn-text, .usb-notification > .confirmation .multiple-notification--link-text, .usb-notification > .confirmation .single-notification--link-btn, .usb-notification > .confirmation .single-notification--link-text, .usb-notification > .error .multiple-notification--btn-text, .usb-notification > .error .multiple-notification--link-text, .usb-notification > .error .single-notification--link-btn, .usb-notification > .error .single-notification--link-text, .usb-notification > .information .multiple-notification--btn-text, .usb-notification > .information .multiple-notification--link-text, .usb-notification > .information .single-notification--link-btn, .usb-notification > .information .single-notification--link-text, .usb-notification > .warning .multiple-notification--btn-text, .usb-notification > .warning .multiple-notification--link-text, .usb-notification > .warning .single-notification--link-btn, .usb-notification > .warning .single-notification--link-text { color: var(--notification-message-link-text-color, #235ae4); font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-size: var(--token-font-size-base, 1rem); font-size: var(--token-font-size-sm, 0.875rem); font-weight: var(--token-font-weight-reg, 400); -webkit-text-decoration: underline; text-decoration: underline; text-align: left; line-height: var(--token-line-height-3xl, 1.5); } .usb-notification > .confirmation .multiple-notification--btn-text:hover, .usb-notification > .confirmation .multiple-notification--link-text:hover, .usb-notification > .confirmation .single-notification--link-btn:hover, .usb-notification > .confirmation .single-notification--link-text:hover, .usb-notification > .error .multiple-notification--btn-text:hover, .usb-notification > .error .multiple-notification--link-text:hover, .usb-notification > .error .single-notification--link-btn:hover, .usb-notification > .error .single-notification--link-text:hover, .usb-notification > .information .multiple-notification--btn-text:hover, .usb-notification > .information .multiple-notification--link-text:hover, .usb-notification > .information .single-notification--link-btn:hover, .usb-notification > .information .single-notification--link-text:hover, .usb-notification > .warning .multiple-notification--btn-text:hover, .usb-notification > .warning .multiple-notification--link-text:hover, .usb-notification > .warning .single-notification--link-btn:hover, .usb-notification > .warning .single-notification--link-text:hover { -webkit-text-decoration: none; text-decoration: none; } .usb-notification > .confirmation .multiple-notification--link, .usb-notification > .error .multiple-notification--link, .usb-notification > .information .multiple-notification--link, .usb-notification > .warning .multiple-notification--link { margin-left: var(--token-spacing-1, 0.25rem); } .usb-notification > .confirmation .single-notification--btn-text, .usb-notification > .confirmation .single-notification--link-text, .usb-notification > .error .single-notification--btn-text, .usb-notification > .error .single-notification--link-text, .usb-notification > .information .single-notification--btn-text, .usb-notification > .information .single-notification--link-text, .usb-notification > .warning .single-notification--btn-text, .usb-notification > .warning .single-notification--link-text { color: var(--notification-message-link-text-color, #235ae4); font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-size: var(--token-font-size-base, 1rem); font-size: var(--token-font-size-sm, 0.875rem); font-weight: var(--token-font-weight-reg, 400); -webkit-text-decoration: underline; text-decoration: underline; line-height: var(--token-line-height-3xl, 1.5); margin: var(--token-spacing-0, 0) var(--token-spacing-1, 0.25rem); } .usb-notification > .confirmation .single-notification--btn-text:hover, .usb-notification > .confirmation .single-notification--link-text:hover, .usb-notification > .error .single-notification--btn-text:hover, .usb-notification > .error .single-notification--link-text:hover, .usb-notification > .information .single-notification--btn-text:hover, .usb-notification > .information .single-notification--link-text:hover, .usb-notification > .warning .single-notification--btn-text:hover, .usb-notification > .warning .single-notification--link-text:hover { -webkit-text-decoration: none; text-decoration: none; } .usb-notification > .confirmation .single-notification--text-end-short, .usb-notification > .error .single-notification--text-end-short, .usb-notification > .information .single-notification--text-end-short, .usb-notification > .warning .single-notification--text-end-short { margin: var(--token-spacing-0, 0) var(--token-spacing-0, 0) var(--token-spacing-0, 0) var(--token-spacing-1, 0.25rem); } .usb-notification > .confirmation .single-notification--link-btn, .usb-notification > .confirmation .single-notification--text, .usb-notification > .error .single-notification--link-btn, .usb-notification > .error .single-notification--text, .usb-notification > .information .single-notification--link-btn, .usb-notification > .information .single-notification--text, .usb-notification > .warning .single-notification--link-btn, .usb-notification > .warning .single-notification--text { -webkit-text-decoration: none; text-decoration: none; color: var(--notification-message-button-background-color, #2d2d3e); font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-size: var(--token-font-size-base, 1rem); line-height: var(--token-line-height-3xl, 1.5); font-size: var(--token-font-size-sm, 0.875rem); font-weight: var(--token-font-weight-reg, 400); } @media (-ms-high-contrast: active), (-ms-high-contrast: none) { .usb-notification > .confirmation .single-notification--link-btn, .usb-notification > .confirmation .single-notification--text, .usb-notification > .error .single-notification--link-btn, .usb-notification > .error .single-notification--text, .usb-notification > .information .single-notification--link-btn, .usb-notification > .information .single-notification--text, .usb-notification > .warning .single-notification--link-btn, .usb-notification > .warning .single-notification--text { margin-left: 12px; } } .usb-notification > .confirmation .single-notification--link-btn:focus, .usb-notification > .confirmation .single-notification--text:focus, .usb-notification > .error .single-notification--link-btn:focus, .usb-notification > .error .single-notification--text:focus, .usb-notification > .information .single-notification--link-btn:focus, .usb-notification > .information .single-notification--text:focus, .usb-notification > .warning .single-notification--link-btn:focus, .usb-notification > .warning .single-notification--text:focus { outline-offset: var(--token-spacing-1, 0.25rem); outline-color: var(--token-text-color-interaction, #235ae4); } .usb-notification > .confirmation .single-notification--btn-wrapper, .usb-notification > .error .single-notification--btn-wrapper, .usb-notification > .information .single-notification--btn-wrapper, .usb-notification > .warning .single-notification--btn-wrapper { display: flex; } .usb-notification > .confirmation #children-notification-children-notification, .usb-notification > .error #children-notification-children-notification, .usb-notification > .information #children-notification-children-notification, .usb-notification > .warning #children-notification-children-notification { padding-top: var(--token-spacing-1, 0.25rem); } .usb-notification > .confirmation #children-notification-children-notification a, .usb-notification > .error #children-notification-children-notification a, .usb-notification > .information #children-notification-children-notification a, .usb-notification > .warning #children-notification-children-notification a { -webkit-text-decoration: underline; text-decoration: underline; } .usb-notification .usb-children-notification { margin-left: var(--token-spacing-8, 2rem); } .usb-notification .usb-children-notification .usb-icon { position: absolute; left: var(--token-spacing-4, 1rem); } .usb-notification .icon { width: var(--token-spacing-5, 1.25rem); height: var(--token-spacing-5, 1.25rem); margin-right: var(--token-spacing-3, 0.75rem); } @media (-ms-high-contrast: active), (-ms-high-contrast: none) { .usb-notification .icon { width: 20px; } } .usb-notification .usb-button.usb-button--close-btn { position: absolute; top: var(--token-spacing-4, 1rem); right: var(--token-spacing-5, 1.25rem); cursor: pointer; padding: var(--token-spacing-0, 0); height: var(--token-spacing-5, 1.25rem); min-height: 0; min-width: 0; width: var(--token-spacing-5, 1.25rem); background: transparent; } .usb-notification .usb-button.usb-button--close-btn .svg-icon svg circle, .usb-notification .usb-button.usb-button--close-btn .svg-icon svg ellipse, .usb-notification .usb-button.usb-button--close-btn .svg-icon svg g, .usb-notification .usb-button.usb-button--close-btn .svg-icon svg path { fill: var(--notification-close-icon-fill-color, #2d2d3e); } .usb-notification .usb-button.usb-button--close-btn:hover { background: transparent; } .usb-notification > .error { border: 1px solid var(--notification-error-border-color, #ffbeb4); border-top: 4px solid var(--notification-error-border-top, #ce2935); background-color: var(--notification-error-background-color, #ffe9ea); box-shadow: var(--token-shadow-sm, 0 1px 3px 0 rgba(0, 0, 0, 0.12)); } .usb-notification > .error .usb-button:hover .svg-icon svg circle, .usb-notification > .error .usb-button:hover .svg-icon svg g, .usb-notification > .error .usb-button:hover .svg-icon svg path, .usb-notification > .error .usb-button:hover .svg-icon svg rect { fill: var(--notification-error-hover-icon-fill-color, #2d2d3e); } .usb-notification > .confirmation { border: 1px solid var(--notification-confirmation-border-color, #a0dcaa); border-top: 4px solid var(--notification-confirmation-border-top, #007d1e); background-color: var(--notification-confirmation-background-color, #e5f8e8); box-shadow: var(--token-shadow-sm, 0 1px 3px 0 rgba(0, 0, 0, 0.12)); } .usb-notification > .confirmation .usb-button:hover .svg-icon svg circle, .usb-notification > .confirmation .usb-button:hover .svg-icon svg g, .usb-notification > .confirmation .usb-button:hover .svg-icon svg path, .usb-notification > .confirmation .usb-button:hover .svg-icon svg rect { fill: var(--notification-confirmation-hover-icon-fill-color, #2d2d3e); } .usb-notification > .warning { border: 1px solid var(--notification-warning-border-color, #ffd589); border-top: 4px solid var(--notification-warning-border-top, #eb5e01); background-color: var(--notification-warning-background-color, #fff4e4); box-shadow: var(--token-shadow-sm, 0 1px 3px 0 rgba(0, 0, 0, 0.12)); } .usb-notification > .warning .svg-icon { transform: rotate(180deg); } .usb-notification > .warning .usb-button:hover .svg-icon svg circle, .usb-notification > .warning .usb-button:hover .svg-icon svg g, .usb-notification > .warning .usb-button:hover .svg-icon svg path, .usb-notification > .warning .usb-button:hover .svg-icon svg rect { fill: var(--notification-warning-hover-icon-fill-color, #2d2d3e); } .usb-notification > .information { box-shadow: var(--token-shadow-sm, 0 1px 3px 0 rgba(0, 0, 0, 0.12)); border: 1px solid var(--notification-information-border-color, #aad2ff); border-top: 4px solid var(--notification-information-border-top, #235ae4); background-color: var(--notification-information-background-color, #eef6ff); } .usb-notification > .information .usb-button:hover .svg-icon svg circle, .usb-notification > .information .usb-button:hover .svg-icon svg g, .usb-notification > .information .usb-button:hover .svg-icon svg path, .usb-notification > .information .usb-button:hover .svg-icon svg rect { fill: var(--notification-information-hover-icon-fill-color, #2d2d3e); } .svg-icon { max-width: 100%; display: inline; } .svg-icon svg.single circle, .svg-icon svg.single ellipse, .svg-icon svg.single g, .svg-icon svg.single path { fill: inherit; transition: fill 0.1s ease; } .svg-icon.v-align-middle { display: inline-block; } .svg-icon.v-align-middle svg { vertical-align: middle; } .svg-icon.block { display: block; } .svg-icon.default { color: var(--icon-default-text-color, #7a7a95); fill: var(--icon-default-fill-color, #484861); } .svg-icon.light { color: var(--icon-light-text-color, #fff); fill: var(--icon-light-fill-color, #fff); } .svg-icon.brand-primary { color: var(--icon-brand-primary-text-color, #001e79); fill: var(--icon-brand-primary-fill-color, #001e79); } .svg-icon.brand-secondary { color: var(--icon-brand-secondary-text-color, #7a7a95); fill: var(--icon-brand-secondary-fill-color, #7a7a95); } .svg-icon.interaction { color: var(--icon-interaction-text-color, #235ae4); fill: var(--icon-interaction-fill-color, #235ae4); } .svg-icon.error { color: var(--icon-error-text-color, #ce2935); fill: var(--icon-error-fill-color, #ce2935); } .svg-icon.warning { color: var(--icon-warning-text-color, #eb5e01); fill: var(--icon-warning-fill-color, #eb5e01); } .svg-icon.success { color: var(--icon-success-text-color, #007d1e); fill: var(--icon-success-fill-color, #007d1e); } .svg-icon.neutral { color: var(--icon-neutral-msg-text-color, #235ae4); fill: var(--icon-neutral-msg-fill-color, #235ae4); } .svg-icon.grey10 { color: var(--icon-neutral-1-text-color, #f1f5fb); fill: var(--icon-neutral-1-fill-color, #f1f5fb); } .svg-icon.grey20 { color: var(--icon-neutral-2-text-color, #ebeff6); fill: var(--icon-neutral-2-fill-color, #ebeff6); } .svg-icon.grey30 { color: var(--icon-neutral-3-text-color, #cdd1e2); fill: var(--icon-neutral-3-fill-color, #cdd1e2); } .svg-icon.grey60 { color: var(--icon-neutral-4-text-color, #7a7a95); fill: var(--icon-neutral-4-fill-color, #7a7a95); } .svg-icon.grey70 { color: var(--icon-neutral-5-text-color, #63637f); fill: var(--icon-neutral-5-fill-color, #63637f); } .svg-icon.grey80 { color: var(--icon-neutral-6-text-color, #484861); fill: var(--icon-neutral-6-fill-color, #484861); } .svg-icon.grey90 { color: var(--icon-neutral-7-text-color, #2d2d3e); fill: var(--icon-neutral-7-fill-color, #2d2d3e); } .form-element-wrapper .form-element-input label { color: #555555 !important; font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif !important; letter-spacing: 0.3px; } .form-element-wrapper .form-element-input input { color: #2c2c2c !important; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; } .form-element-wrapper .form-element-select label { color: #6e6e6e !important; font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif !important; letter-spacing: 0.3px; font-size: 12px; } .form-element-wrapper .form-element-select select { color: #2c2c2c !important; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; } .form-element-wrapper .form-element-radio legend { color: #2c2c2c !important; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; letter-spacing: 0.3px; } .form-element-wrapper .form-element-radio .usb--radio-label_container { margin: 0; } /*!*********************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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/@usb-wealthmanagement-npb/loan-inforce/dist/styles/index.css?ngGlobalStyle ***! \*********************************************************************************************************************************************************************************************************************************************************************************/ .lif-dashboard-page-main { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; color: #636466 !important; } .page-header { width: 100%; display: flex; } @media screen and (max-width: 786px) { .page-header { width: 100%; flex-direction: column; } } .page-title { font-family: Circular-USB-Light, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-stretch: normal; line-height: 1.09; letter-spacing: 0.3px; color: #0c2074; font-size: 2.5rem; width: 60%; } @media screen and (max-width: 786px) { .page-title { width: 100%; display: flex; flex-direction: column; margin-bottom: 1rem; } } .smart-grid-content-row div { justify-content: flex-start !important; text-align: left; } .smart-grid-content-row .creditLineAmount { justify-content: flex-end !important; } .smart-grid-content-row .outstandingBalance { justify-content: flex-end !important; } .smart-grid-content-row .lineAvailability { justify-content: flex-end !important; } .smart-grid-content-row .fullLoanNumber { word-break: break-word; } .smart-grid-content-row .endRate { justify-content: flex-end !important; } .smart-grid-content-row .pledgedAccounts ul { padding: 0; min-height: 0; } .smart-grid-content-row .pledgedAccounts li { list-style: none; text-align: left; padding: 0; min-height: 0; } .lif-count-header { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; width: 100%; display: flex; flex-direction: row; padding: 10px 20px; justify-content: space-between; } @media screen and (max-width: 500px) { .lif-count-header { flex-direction: column; } } .lif-incall-count-lable { color: #cf2a36; } .lif-incall-count-data { color: #cf2a36; } .lif-count-header1, .lif-count-header2 { display: flex; align-items: center; padding-left: 5px; } .lif-count-header3 { margin-left: auto; } .lif-asof-lable { text-align: justify; color: #555555; } .lif-top { display: flex; align-items: center; justify-content: space-between; padding: 10px; border: solid 1px #ccc; border-radius: 10px; margin: 0px 20px 10px 20px; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08); } @media screen and (min-width: 1300px) { .lif-top { padding: 30px; } } .lif-tooltip { opacity: 1; z-index: 101 !important; } .lif-tooltip p { margin-bottom: 0px; } .lif-tooltip .tooltip__content { border-top: solid 1px #fff; z-index: 101 !important; min-width: 99vh; padding: 2px; } .lif-tooltip .tooltip__content p { font-size: 0.875rem; font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif !important; } @media screen and (max-width: 1000px) { .lif-tooltip .tooltip__content { min-width: 40vh; transform: translateX(-50%); } } .lif-tooltip .tooltip__trigger { width: auto; height: auto; padding: 1px; } .column-config-wrapper .usb--checkbox-label { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; } .pagination-perpage-dropdawn { z-index: 100 !important; } .pagination-perpage-dropdawn button { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; } .pagination-perpage-dropdawn button:focus { outline: 3px solid #235ae4 !important; outline-offset: 4px !important; outline-style: auto !important; border-radius: 0.25rem !important; } .filtered-text-button { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; } .filter-options-main ul li label span { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; } .application-status-filter-options-main ul li label span { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; } .helper_label--wrapper span { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; } .smart-grid-filter-item button span { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; } .column-visibility-button span { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; } .lif-functions-container .usb-button { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; } .column-selction-apply .usb-button { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; } .dropdown__btn { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; } @media screen and (min-width: 320px) and (max-width: 750px) { .lif-dashboard-page-main .lif-functions-container { margin-top: 10px; flex-direction: column; gap: 10px; } } @media screen and (min-width: 320px) and (max-width: 750px) { .lif-dashboard-page-main .lif-functions-container .usb-button { align-self: baseline; width: 100%; max-width: 100%; } } @media screen and (min-width: 320px) and (max-width: 750px) { .lif-dashboard-page-main .lif-functions-container > a { width: 100%; max-width: 100%; } } .smart-grid-header-item-main.outstandingBalance { word-break: break-word; } .smart-grid-header-item-main.relationshipManager { word-break: break-word; } .app-name-link-item p { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; } .smart-grid-filter-item.displayLoanStatus .filter-options-main { min-width: 200px !important; } .column-selection-group .usb--checkbox-wrapper { width: 100%; } .lif-block-container .toggleable.information div { font-size: 14px; font-weight: 400; font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif !important; } .summary-tile-heading.usb-link.is-size-medium { font-size: 14px !important; font-weight: 500; letter-spacing: 1px; line-height: 21px; } .lif-detail-dash-content-wrapper .lif-basic-details-card { border-radius: 10px; margin: 20px; background: #fff; } .lif-detail-dash-content-wrapper .lif-basic-details-info { display: flex; justify-content: space-between; padding: 10px 20px; } @media screen and (max-width: 600px) { .lif-detail-dash-content-wrapper .lif-basic-details-info { flex-direction: column; padding: 10px; margin: 10px; } } @media screen and (min-width: 1000px) { .lif-detail-dash-content-wrapper .lif-basic-details-info .column-block-style { flex: none; width: 26%; } .lif-detail-dash-content-wrapper .lif-basic-details-info .column-block-style:last-child { width: 16%; } } .lif-detail-dash-content-wrapper .loan-status-tooltip { opacity: 1; } .lif-detail-dash-content-wrapper .loan-status-tooltip p.tooltip__content--children { margin-bottom: 0px; } .lif-detail-dash-content-wrapper .loan-status-tooltip .tooltip__content { max-width: 300px; width: 90vw; border-top: solid 1px #fff; padding: 10px; font-size: 0.8rem; } @media screen and (max-width: 768px) { .lif-detail-dash-content-wrapper .loan-status-tooltip .tooltip__content { max-width: 200px; } } @media screen and (min-width: 1024px) { .lif-detail-dash-content-wrapper .loan-status-tooltip .tooltip__content { max-width: 900px; width: 90vw; } } .lif-detail-dash-content-wrapper .loan-status-tooltip .tooltip__content p { font-size: 0.8rem; } .lif-detail-dash-content-wrapper .max-w-300 .tooltip__content { max-width: 300px !important; } @media screen and (max-width: 768px) { .lif-detail-dash-content-wrapper .max-w-300 .tooltip__content { max-width: 200px !important; } } .lif-detail-dash-content-wrapper .pad-l-5 { padding-left: 5px; } .lif-detail-dash-content-wrapper .illustration-widget { padding: 10px 20px 20px 20px; } .lif-detail-dash-content-wrapper .illustration-widget.amount-card-widget { width: 32%; } @media screen and (min-width: 501px) and (max-width: 1160px) { .lif-detail-dash-content-wrapper .illustration-widget.amount-card-widget { width: 40%; } } @media screen and (max-width: 500px) { .lif-detail-dash-content-wrapper .illustration-widget.amount-card-widget { width: 100%; } } .lif-detail-dash-content-wrapper .accounts-pledged-widget { width: 66%; padding: 10px 20px 20px 20px; } @media screen and (max-width: 500px) { .lif-detail-dash-content-wrapper .accounts-pledged-widget { width: 100%; padding: 20px; } } .lif-detail-dash-content-wrapper .accounts-pledged-widget.rates-cards-widget { width: 32%; } @media screen and (max-width: 500px) { .lif-detail-dash-content-wrapper .accounts-pledged-widget.rates-cards-widget { width: 100%; padding: 20px; } } .lif-detail-dash-content-wrapper .illustration-widget.account-to-pledged-widget { width: 32%; } @media screen and (max-width: 500px) { .lif-detail-dash-content-wrapper .illustration-widget.account-to-pledged-widget { width: 100%; } } .lif-detail-dash-content-wrapper .illustration-widget.banker-org-date-widget { width: 32%; } @media screen and (max-width: 500px) { .lif-detail-dash-content-wrapper .illustration-widget.banker-org-date-widget { width: 100%; } } .lif-detail-dash-content-wrapper .coll-pos-meter-content-wrapper-div { display: flex; justify-content: space-between; padding-top: 10px; } @media screen and (max-width: 1160px) { .lif-detail-dash-content-wrapper .coll-pos-meter-content-wrapper-div { flex-direction: column; } } .lif-detail-dash-content-wrapper .ltv-meter-wrapper-div { flex: 1; } .lif-detail-dash-content-wrapper .coll-eval-position-content-wrapper-div { flex: 0.8; padding: 0px 20px; } .lif-detail-dash-content-wrapper .notification-wrapper { padding: 10px; font-size: 14px; border-radius: 10px; box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.2483); letter-spacing: 0.29px; margin-bottom: 10px; } .lif-detail-dash-content-wrapper .values-row { display: flex; justify-content: space-between; padding-top: 5px; } .lif-detail-dash-content-wrapper .field-title { font-size: 14px; font-weight: 500; color: #636466; letter-spacing: 0.3px; } .lif-detail-dash-content-wrapper .field-value { font-size: 14px; font-weight: 500; letter-spacing: 0.3px; font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; color: #636466; } .lif-detail-dash-content-wrapper .view-coll-eval-detail-link-wrapper { display: flex; justify-content: flex-end; margin-top: 20px; } @media screen and (min-width: 594px) and (max-width: 1160px) { .lif-detail-dash-content-wrapper .show-in-mobile-desktop { display: none; } } .lif-detail-dash-content-wrapper .show-in-tablet-only { display: none; } @media screen and (min-width: 594px) and (max-width: 1160px) { .lif-detail-dash-content-wrapper .show-in-tablet-only { display: block !important; } } .lif-detail-dash-content-wrapper .show-in-tablet-only .accounts-pledged-widget.account-data { width: 100% !important; } .lif-detail-dash-content-wrapper .show-in-tablet-only .coll-pos-meter-content-wrapper-div { flex-direction: row !important; } .lif-detail-dash-content-wrapper .show-in-tablet-only .illustration-widget.amount-card-widget, .lif-detail-dash-content-wrapper .show-in-tablet-only .rates-cards-widget, .lif-detail-dash-content-wrapper .show-in-tablet-only .illustration-widget.account-to-pledged-widget, .lif-detail-dash-content-wrapper .show-in-tablet-only .illustration-widget.banker-org-date-widget { width: 49% !important; } @media screen and (min-width: 767px) and (max-width: 1160px) { .lif-detail-dash-content-wrapper .ce-pos-main .coll-pos-meter-content-wrapper-div { flex-direction: row; } } @media screen and (max-width: 1160px) { .lif-detail-dash-content-wrapper .ce-pos-main { width: 100% !important; } } .nav-links, .font-family-md { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; } .font-family-bd { font-family: Circular-USB-Bold, Helvetica, Arial, sans-serif !important; } .dark-gray-color { color: #6e6e6e !important; } .loan-status-tooltip.rates-header-tooltip .tooltip__content { max-width: 300px; width: 90vw; } @media screen and (max-width: 768px) { .loan-status-tooltip.rates-header-tooltip .tooltip__content { max-width: 200px; } } .tooltip p { margin-bottom: 0px; } .base-rate-idx-hr { border-top: 1px solid rgba(0, 0, 0, 0.2); margin: 0px; } .mar-t-10 { margin-top: 10px; } .acc-pled-card-list { padding-top: 20px !important; } .acc-pled-card.account-list-wrapper { display: flex; } .acc-pled-card.account-list-wrapper div { font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; font-size: 14px; word-break: break-word; width: auto; } .loan-status { font-size: 18px; letter-spacing: 0.3px; } .loan-status .active { color: #39bf71; margin-left: 5px; } .loan-status .call { color: #be1324; margin-left: 5px; } .loan-status .review { color: #ffab4c; margin-left: 5px; } .real-time-avail-wrapper { padding: 10px 10px 20px 10px; margin-top: 2%; border-radius: 4px; border: 1px solid #b2b2b6; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1450980392); } .lif-detail-footer-wrapper { display: flex; align-items: center; justify-content: flex-end; z-index: 1000000 !important; } .value-timestamp { font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; font-size: 12px; letter-spacing: 0.29px; color: #636466; } .current-loan-to-value-is-nagetive-wrapper { flex: 1; font-size: 14px; } .current-loan-to-value-is-nagetive-wrapper .loan-status, .current-loan-to-value-is-nagetive-wrapper .investment-no-mv, .current-loan-to-value-is-nagetive-wrapper .assistance-detail { font-size: 16px; padding-left: 10px; padding-top: 10px; } .current-loan-to-value-is-nagetive-wrapper .investment-no-mv, .current-loan-to-value-is-nagetive-wrapper .assistance-detail { font-size: 14px; font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; } .current-loan-to-value-is-nagetive-wrapper .investment-no-mv div, .current-loan-to-value-is-nagetive-wrapper .investment-no-mv span, .current-loan-to-value-is-nagetive-wrapper .assistance-detail div, .current-loan-to-value-is-nagetive-wrapper .assistance-detail span { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; font-size: 14px; } .current-loan-to-value-is-nagetive-wrapper .investment-no-mv span, .current-loan-to-value-is-nagetive-wrapper .assistance-detail span { padding-left: 10px; } .loan-mod-btn-wrapper { padding-right: 10px; justify-content: end; display: flex; align-items: center; } @media screen and (max-width: 600px) { .loan-mod-btn-wrapper { padding-right: 0px; padding-left: 20px; justify-content: start; margin-bottom: 10px; } } .usb-notification > .confirmation, .usb-notification > .error, .usb-notification > .information, .usb-notification > .warning { display: flex; align-items: flex-start; width: 100%; padding: var(--token-spacing-4, 1rem) var(--token-spacing-10, 2.5rem) var(--token-spacing-4, 1rem) var(--token-spacing-4, 1rem); border-radius: var(--token-rounded-sm, 0.25rem); position: relative; outline-offset: -1px; color: var(--notification-text-color, #2d2d3e); font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-weight: var(--token-font-weight-reg, 400); font-size: var(--token-font-size-sm, 0.875rem); line-height: var(--token-line-height-3xl, 1.5); } .usb-notification > .confirmation > div, .usb-notification > .error > div, .usb-notification > .information > div, .usb-notification > .warning > div { margin-right: var(--token-spacing-3, 0.75rem); } .usb-notification > .confirmation h2, .usb-notification > .error h2, .usb-notification > .information h2, .usb-notification > .warning h2 { position: relative; color: var(--notification-heading-text-color, #2d2d3e); font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-weight: var(--token-font-weight-med, 500); font-size: var(--token-font-size-sm, 0.875rem); line-height: var(--token-line-height-3xl, 1.5); display: flex; } .usb-notification > .confirmation ul, .usb-notification > .error ul, .usb-notification > .information ul, .usb-notification > .warning ul { list-style-type: disc; margin: var(--token-spacing-1, 0.25rem) var(--token-spacing-0, 0) var(--token-spacing-0, 0) var(--token-spacing-12, 3rem); } .usb-notification > .confirmation ul li, .usb-notification > .error ul li, .usb-notification > .information ul li, .usb-notification > .warning ul li { margin: var(--token-spacing-2, 0.5rem) var(--token-spacing-0, 0) var(--token-spacing-0, 0); vertical-align: middle; font-size: var(--token-font-size-sm, 0.875rem); } .usb-notification > .confirmation ul li .button--naked, .usb-notification > .error ul li .button--naked, .usb-notification > .information ul li .button--naked, .usb-notification > .warning ul li .button--naked { margin: var(--token-spacing-0, 0); -webkit-text-decoration: underline; text-decoration: underline; line-height: inherit; vertical-align: initial; border: none; background: none; padding: var(--token-spacing-0, 0); display: inline; } .usb-notification > .confirmation a, .usb-notification > .confirmation button:not(.usb-button), .usb-notification > .error a, .usb-notification > .error button:not(.usb-button), .usb-notification > .information a, .usb-notification > .information button:not(.usb-button), .usb-notification > .warning a, .usb-notification > .warning button:not(.usb-button) { -webkit-text-decoration: none; text-decoration: none; border: none; background: none; padding: var(--token-spacing-0, 0); line-height: var(--token-line-height-3xl, 1.5); } .usb-notification > .confirmation .notification--content-group, .usb-notification > .error .notification--content-group, .usb-notification > .information .notification--content-group, .usb-notification > .warning .notification--content-group { white-space: normal; } @media only screen and (min-width: 30rem) { .usb-notification > .confirmation .notification--content-group, .usb-notification > .error .notification--content-group, .usb-notification > .information .notification--content-group, .usb-notification > .warning .notification--content-group { white-space: nowrap; } } .usb-notification > .confirmation .multiple-notification--text, .usb-notification > .confirmation .single-notification--text, .usb-notification > .error .multiple-notification--text, .usb-notification > .error .single-notification--text, .usb-notification > .information .multiple-notification--text, .usb-notification > .information .single-notification--text, .usb-notification > .warning .multiple-notification--text, .usb-notification > .warning .single-notification--text { display: inline-flex; flex-direction: row; -webkit-text-decoration: none; text-decoration: none; font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); line-height: var(--token-line-height-3xl, 1.5); font-size: var(--token-font-size-sm, 0.875rem); font-weight: var(--token-font-weight-reg, 400); color: var(--notification-message-text-color, #2d2d3e); } .usb-notification > .confirmation .multiple-notification--text.single-notification--header, .usb-notification > .confirmation .single-notification--text.single-notification--header, .usb-notification > .error .multiple-notification--text.single-notification--header, .usb-notification > .error .single-notification--text.single-notification--header, .usb-notification > .information .multiple-notification--text.single-notification--header, .usb-notification > .information .single-notification--text.single-notification--header, .usb-notification > .warning .multiple-notification--text.single-notification--header, .usb-notification > .warning .single-notification--text.single-notification--header { outline: none; } .usb-notification > .confirmation .single-notification--text, .usb-notification > .confirmation .single-notification--text + span.notification--content-group, .usb-notification > .error .single-notification--text, .usb-notification > .error .single-notification--text + span.notification--content-group, .usb-notification > .information .single-notification--text, .usb-notification > .information .single-notification--text + span.notification--content-group, .usb-notification > .warning .single-notification--text, .usb-notification > .warning .single-notification--text + span.notification--content-group { vertical-align: middle; } .usb-notification > .confirmation .multiple-notification--btn-text, .usb-notification > .confirmation .multiple-notification--link-text, .usb-notification > .confirmation .single-notification--link-btn, .usb-notification > .confirmation .single-notification--link-text, .usb-notification > .error .multiple-notification--btn-text, .usb-notification > .error .multiple-notification--link-text, .usb-notification > .error .single-notification--link-btn, .usb-notification > .error .single-notification--link-text, .usb-notification > .information .multiple-notification--btn-text, .usb-notification > .information .multiple-notification--link-text, .usb-notification > .information .single-notification--link-btn, .usb-notification > .information .single-notification--link-text, .usb-notification > .warning .multiple-notification--btn-text, .usb-notification > .warning .multiple-notification--link-text, .usb-notification > .warning .single-notification--link-btn, .usb-notification > .warning .single-notification--link-text { color: var(--notification-message-link-text-color, #235ae4); font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-size: var(--token-font-size-base, 1rem); font-size: var(--token-font-size-sm, 0.875rem); font-weight: var(--token-font-weight-reg, 400); -webkit-text-decoration: underline; text-decoration: underline; text-align: left; line-height: var(--token-line-height-3xl, 1.5); } .usb-notification > .confirmation .multiple-notification--btn-text:hover, .usb-notification > .confirmation .multiple-notification--link-text:hover, .usb-notification > .confirmation .single-notification--link-btn:hover, .usb-notification > .confirmation .single-notification--link-text:hover, .usb-notification > .error .multiple-notification--btn-text:hover, .usb-notification > .error .multiple-notification--link-text:hover, .usb-notification > .error .single-notification--link-btn:hover, .usb-notification > .error .single-notification--link-text:hover, .usb-notification > .information .multiple-notification--btn-text:hover, .usb-notification > .information .multiple-notification--link-text:hover, .usb-notification > .information .single-notification--link-btn:hover, .usb-notification > .information .single-notification--link-text:hover, .usb-notification > .warning .multiple-notification--btn-text:hover, .usb-notification > .warning .multiple-notification--link-text:hover, .usb-notification > .warning .single-notification--link-btn:hover, .usb-notification > .warning .single-notification--link-text:hover { -webkit-text-decoration: none; text-decoration: none; } .usb-notification > .confirmation .multiple-notification--link, .usb-notification > .error .multiple-notification--link, .usb-notification > .information .multiple-notification--link, .usb-notification > .warning .multiple-notification--link { margin-left: var(--token-spacing-1, 0.25rem); } .usb-notification > .confirmation .single-notification--btn-text, .usb-notification > .confirmation .single-notification--link-text, .usb-notification > .error .single-notification--btn-text, .usb-notification > .error .single-notification--link-text, .usb-notification > .information .single-notification--btn-text, .usb-notification > .information .single-notification--link-text, .usb-notification > .warning .single-notification--btn-text, .usb-notification > .warning .single-notification--link-text { color: var(--notification-message-link-text-color, #235ae4); font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-size: var(--token-font-size-base, 1rem); font-size: var(--token-font-size-sm, 0.875rem); font-weight: var(--token-font-weight-reg, 400); -webkit-text-decoration: underline; text-decoration: underline; line-height: var(--token-line-height-3xl, 1.5); margin: var(--token-spacing-0, 0) var(--token-spacing-1, 0.25rem); } .usb-notification > .confirmation .single-notification--btn-text:hover, .usb-notification > .confirmation .single-notification--link-text:hover, .usb-notification > .error .single-notification--btn-text:hover, .usb-notification > .error .single-notification--link-text:hover, .usb-notification > .information .single-notification--btn-text:hover, .usb-notification > .information .single-notification--link-text:hover, .usb-notification > .warning .single-notification--btn-text:hover, .usb-notification > .warning .single-notification--link-text:hover { -webkit-text-decoration: none; text-decoration: none; } .usb-notification > .confirmation .single-notification--text-end-short, .usb-notification > .error .single-notification--text-end-short, .usb-notification > .information .single-notification--text-end-short, .usb-notification > .warning .single-notification--text-end-short { margin: var(--token-spacing-0, 0) var(--token-spacing-0, 0) var(--token-spacing-0, 0) var(--token-spacing-1, 0.25rem); } .usb-notification > .confirmation .single-notification--link-btn, .usb-notification > .confirmation .single-notification--text, .usb-notification > .error .single-notification--link-btn, .usb-notification > .error .single-notification--text, .usb-notification > .information .single-notification--link-btn, .usb-notification > .information .single-notification--text, .usb-notification > .warning .single-notification--link-btn, .usb-notification > .warning .single-notification--text { -webkit-text-decoration: none; text-decoration: none; color: var(--notification-message-button-background-color, #2d2d3e); font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-size: var(--token-font-size-base, 1rem); line-height: var(--token-line-height-3xl, 1.5); font-size: var(--token-font-size-sm, 0.875rem); font-weight: var(--token-font-weight-reg, 400); } @media (-ms-high-contrast: active), (-ms-high-contrast: none) { .usb-notification > .confirmation .single-notification--link-btn, .usb-notification > .confirmation .single-notification--text, .usb-notification > .error .single-notification--link-btn, .usb-notification > .error .single-notification--text, .usb-notification > .information .single-notification--link-btn, .usb-notification > .information .single-notification--text, .usb-notification > .warning .single-notification--link-btn, .usb-notification > .warning .single-notification--text { margin-left: 12px; } } .usb-notification > .confirmation .single-notification--link-btn:focus, .usb-notification > .confirmation .single-notification--text:focus, .usb-notification > .error .single-notification--link-btn:focus, .usb-notification > .error .single-notification--text:focus, .usb-notification > .information .single-notification--link-btn:focus, .usb-notification > .information .single-notification--text:focus, .usb-notification > .warning .single-notification--link-btn:focus, .usb-notification > .warning .single-notification--text:focus { outline-offset: var(--token-spacing-1, 0.25rem); outline-color: var(--token-text-color-interaction, #235ae4); } .usb-notification > .confirmation .single-notification--btn-wrapper, .usb-notification > .error .single-notification--btn-wrapper, .usb-notification > .information .single-notification--btn-wrapper, .usb-notification > .warning .single-notification--btn-wrapper { display: flex; } .usb-notification > .confirmation #children-notification-children-notification, .usb-notification > .error #children-notification-children-notification, .usb-notification > .information #children-notification-children-notification, .usb-notification > .warning #children-notification-children-notification { padding-top: var(--token-spacing-1, 0.25rem); } .usb-notification > .confirmation #children-notification-children-notification a, .usb-notification > .error #children-notification-children-notification a, .usb-notification > .information #children-notification-children-notification a, .usb-notification > .warning #children-notification-children-notification a { -webkit-text-decoration: underline; text-decoration: underline; } .usb-notification .usb-children-notification { margin-left: var(--token-spacing-8, 2rem); } .usb-notification .usb-children-notification .usb-icon { position: absolute; left: var(--token-spacing-4, 1rem); } .usb-notification .icon { width: var(--token-spacing-5, 1.25rem); height: var(--token-spacing-5, 1.25rem); margin-right: var(--token-spacing-3, 0.75rem); } @media (-ms-high-contrast: active), (-ms-high-contrast: none) { .usb-notification .icon { width: 20px; } } .usb-notification .usb-button.usb-button--close-btn { position: absolute; top: var(--token-spacing-4, 1rem); right: var(--token-spacing-5, 1.25rem); cursor: pointer; padding: var(--token-spacing-0, 0); height: var(--token-spacing-5, 1.25rem); min-height: 0; min-width: 0; width: var(--token-spacing-5, 1.25rem); background: transparent; } .usb-notification .usb-button.usb-button--close-btn .svg-icon svg circle, .usb-notification .usb-button.usb-button--close-btn .svg-icon svg ellipse, .usb-notification .usb-button.usb-button--close-btn .svg-icon svg g, .usb-notification .usb-button.usb-button--close-btn .svg-icon svg path { fill: var(--notification-close-icon-fill-color, #2d2d3e); } .usb-notification .usb-button.usb-button--close-btn:hover { background: transparent; } .usb-notification > .error { border: 1px solid var(--notification-error-border-color, #ffbeb4); border-top: 4px solid var(--notification-error-border-top, #ce2935); background-color: var(--notification-error-background-color, #ffe9ea); box-shadow: var(--token-shadow-sm, 0 1px 3px 0 rgba(0, 0, 0, 0.12)); } .usb-notification > .error .usb-button:hover .svg-icon svg circle, .usb-notification > .error .usb-button:hover .svg-icon svg g, .usb-notification > .error .usb-button:hover .svg-icon svg path, .usb-notification > .error .usb-button:hover .svg-icon svg rect { fill: var(--notification-error-hover-icon-fill-color, #2d2d3e); } .usb-notification > .confirmation { border: 1px solid var(--notification-confirmation-border-color, #a0dcaa); border-top: 4px solid var(--notification-confirmation-border-top, #007d1e); background-color: var(--notification-confirmation-background-color, #e5f8e8); box-shadow: var(--token-shadow-sm, 0 1px 3px 0 rgba(0, 0, 0, 0.12)); } .usb-notification > .confirmation .usb-button:hover .svg-icon svg circle, .usb-notification > .confirmation .usb-button:hover .svg-icon svg g, .usb-notification > .confirmation .usb-button:hover .svg-icon svg path, .usb-notification > .confirmation .usb-button:hover .svg-icon svg rect { fill: var(--notification-confirmation-hover-icon-fill-color, #2d2d3e); } .usb-notification > .warning { border: 1px solid var(--notification-warning-border-color, #ffd589); border-top: 4px solid var(--notification-warning-border-top, #eb5e01); background-color: var(--notification-warning-background-color, #fff4e4); box-shadow: var(--token-shadow-sm, 0 1px 3px 0 rgba(0, 0, 0, 0.12)); } .usb-notification > .warning .svg-icon { transform: rotate(180deg); } .usb-notification > .warning .usb-button:hover .svg-icon svg circle, .usb-notification > .warning .usb-button:hover .svg-icon svg g, .usb-notification > .warning .usb-button:hover .svg-icon svg path, .usb-notification > .warning .usb-button:hover .svg-icon svg rect { fill: var(--notification-warning-hover-icon-fill-color, #2d2d3e); } .usb-notification > .information { box-shadow: var(--token-shadow-sm, 0 1px 3px 0 rgba(0, 0, 0, 0.12)); border: 1px solid var(--notification-information-border-color, #aad2ff); border-top: 4px solid var(--notification-information-border-top, #235ae4); background-color: var(--notification-information-background-color, #eef6ff); } .usb-notification > .information .usb-button:hover .svg-icon svg circle, .usb-notification > .information .usb-button:hover .svg-icon svg g, .usb-notification > .information .usb-button:hover .svg-icon svg path, .usb-notification > .information .usb-button:hover .svg-icon svg rect { fill: var(--notification-information-hover-icon-fill-color, #2d2d3e); } .ltv-chart-container { width: 350px; height: 250px; } .doughnut-chart-container { width: auto !important; height: auto !important; margin-top: 0; margin-bottom: 20px; } .usb--error-message { display: flex; justify-content: flex-start; align-items: flex-start; font-size: var(--token-font-size-xs, 0.75rem); } .usb--error-message svg { color: var(--token-status-danger-mid, #ce2935); fill: var(--token-status-danger-mid, #ce2935); height: var(--token-spacing-4, 1rem); margin-right: var(--token-spacing-1, 0.25rem); width: var(--token-spacing-3, 0.75rem); } .usb--error-message span { color: var(--token-status-danger-mid, #ce2935); line-height: var(--token-line-height-lg, 1.25); margin-top: var(--token-spacing-1, 0.25rem); } .usb--error-message span.usb-icon { line-height: var(--token-line-height-base, 1); } .optionalSpan { color: var(--token-text-color-tertiary, #63637f); display: flex; font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-size: var(--token-font-size-xs, 0.75rem); font-weight: var(--token-font-weight-reg, 400); line-height: var(--token-line-height-3xl, 1.5); padding-top: var(--token-spacing-1, 0.25rem); } .helper_label--wrapper { display: flex; justify-content: flex-start; align-items: flex-start; } .helper_label--wrapper .en_dash { color: var(--token-text-color-tertiary, #63637f); font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-size: var(--token-font-size-xs, 0.75rem); font-weight: var(--token-font-weight-reg, 400); line-height: var(--token-line-height-3xl, 1.5); padding: 4px var(--token-spacing-1, 0.25rem) 0; } .shakeWarning { display: block; animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; transform: translateZ(0); backface-visibility: hidden; perspective: 1000px; } @keyframes shake { 10%, 90% { transform: translate3d(-1px, 0, 0); } 20%, 80% { transform: translate3d(2px, 0, 0); } 30%, 50%, 70% { transform: translate3d(-4px, 0, 0); } 40%, 60% { transform: translate3d(4px, 0, 0); } } .icon-container { margin: 0; position: absolute; right: 0; top: var(--token-spacing-1, 0.25rem); } .usb--wrapper button.show-hide__button { background-color: initial; border: none; color: var(--token-text-color-tertiary, #63637f); font-size: var(--token-font-size-sm, 0.875rem); font-weight: var(--token-font-weight-reg, 400); line-height: var(--token-spacing-5, 1.25rem); min-height: var(--token-spacing-6, 1.5rem); margin: 0; outline: none; padding: 0; position: absolute; right: var(--forms-base-label-show-hide-right, 0); top: var(--forms-base-label-show-hide-top, 1rem); } .usb--wrapper button.show-hide__button:after { content: ""; border: 2px solid transparent; border-radius: var(--token-rounded-sm, 0.25rem); height: calc(100% + var(--token-spacing-2, 0.5rem)); position: absolute; left: calc(var(--token-spacing-1, 0.25rem) * -1); top: calc(var(--token-spacing-1, 0.25rem) * -1); transition: var(--token-timing-fast-ease, 0.1s ease) border; width: calc(100% + var(--token-spacing-2, 0.5rem)); } .usb--wrapper button.show-hide__button:hover { -webkit-text-decoration: none; text-decoration: none; } .usb--wrapper button.show-hide__button:focus:after { border-color: var(--token-border-focus, #235ae4); } .usb--checkbox--fieldset { border: 0; margin-bottom: calc(var(--token-spacing-5, 1.25rem) * -1); } .usb--checkbox-group--legend { color: var(--checkbox-group-label-text-color, #2d2d3e); font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-size: var(--token-font-size-base, 1rem); font-weight: var(--token-font-weight-med, 500); line-height: var(--token-line-height-3xl, 1.5); position: relative; } .usb--checkbox-group--legend .usb--error-message span { margin-top: var(--token-spacing-1, 0.25rem); } .usb--checkbox-group--legend .usb-toggletip-container { display: inline-block; position: relative; left: calc(var(--token-spacing-1, 0.25rem) * -1); right: auto; top: var(--token-spacing-1, 0.25rem); transform: none; } .usb--checkbox-group--legend .usb-toggletip-container + .helper_label--wrapper span { padding-top: 0; } .usb--checkbox-group--legend .usb-toggletip-container + .usb--error-message span { margin-top: 0; } .usb--checkbox-group--legend .helper_label--wrapper span { padding-top: var(--token-spacing-1, 0.25rem); } .usb--checkbox-wrapper { margin-top: 0; margin-bottom: var(--token-spacing-5, 1.25rem); min-height: unset; padding-top: 0; flex-basis: 50%; } .usb--checkbox-list { margin-top: var(--token-spacing-6, 1.5rem); } @media only screen and (min-width: 41.9375rem) { .usb--checkbox-list .checkbox-column { flex-basis: 50%; } .usb--checkbox-list .checkbox-column:not(:first-of-type) { margin-left: var(--token-spacing-8, 2rem); } .usb--checkbox-list.columns { display: flex; } } .usb--checkbox-indeterminate_parent + ul > li { margin-bottom: var(--token-spacing-5, 1.25rem); } .usb--checkbox-indeterminate_child { margin-left: var(--token-spacing-5, 1.25rem); } .usb--checkbox--fieldset.usb--selectable-card { margin-bottom: 0; } .usb--checkbox--fieldset.usb--selectable-card .usb--checkbox-list { margin-top: 0; } .usb--checkbox--fieldset.usb--selectable-card .usb--error-message { margin-bottom: var(--token-spacing-3, 0.75rem); } .usb--checkbox--fieldset.usb--selectable-card .usb--selectablecard-wrapper { padding-top: 1px; padding-bottom: 1rem; } .usb--checkbox-input { cursor: pointer; height: var(--token-spacing-11, 2.75rem); opacity: 0; position: absolute; left: calc(var(--token-spacing-3, 0.75rem) * -1); top: calc(var(--token-spacing-3, 0.75rem) * -1); width: var(--token-spacing-11, 2.75rem); z-index: 10; } .usb--checkbox-input:checked + label .usb--checkbox-svg svg, .usb--checkbox-input[aria-checked=mixed] + label .usb--checkbox-svg svg, .usb--checkbox-input[aria-checked=true] + label .usb--checkbox-svg svg { border-width: 0; background: var(--checkbox-checked-icon-background-color, #235ae4); fill: var(--checkbox-checked-icon-fill-color, #fff); } .usb--checkbox-input:checked:disabled + label .usb--checkbox-svg svg, .usb--checkbox-input[aria-checked=mixed]:disabled + label .usb--checkbox-svg svg, .usb--checkbox-input[aria-checked=true]:disabled + label .usb--checkbox-svg svg { fill: var(--checkbox-checked-disabled-icon-fill-color, #7a7a95); } .usb--checkbox-input:disabled + label { color: var(--token-disabled-foreground, #7a7a95); } .usb--checkbox-input[aria-checked=mixed] + label .usb--checkbox-svg svg { stroke: var(--checkbox-checked-icon-fill-color, #fff); } .usb--checkbox-input[aria-checked=mixed]:disabled + label .usb--checkbox-svg svg { stroke: var(--checkbox-checked-disabled-icon-fill-color, #7a7a95); } .usb--checkbox-input:focus + label:after { border-color: var(--checkbox-focus-border-color, #003cc8); } .usb--checkbox-input:disabled, .usb--checkbox-input:disabled + label, .usb--checkbox-input:disabled + label .usb--checkbox-svg svg { cursor: not-allowed; } .usb--checkbox-input:disabled + label .usb--checkbox-svg svg { background: var(--checkbox-disabled-icon-background-color, rgba(205, 209, 226, 0.4)); border-width: 0; } .usb--checkbox-input ~ .helper_label--wrapper { margin-left: var(--token-spacing-8, 2rem); } .usb--checkbox-input:disabled ~ .helper_label--wrapper span { color: var(--token-disabled-foreground, #7a7a95); } .usb--checkbox-icon { margin-right: var(--token-spacing-2, 0.5rem); margin-top: -0.25rem; width: var(--token-spacing-8, 2rem); min-width: var(--token-spacing-8, 2rem); text-align: center; height: var(--token-spacing-8, 2rem) !important; } .usb--checkbox-icon-radius, .usb--checkbox-icon-radius svg { border-radius: 50%; } .usb--checkbox-label { color: var(--checkbox-label-text-color, #484861); cursor: pointer; display: flex; align-items: flex-start; flex-direction: row-reverse; justify-content: flex-end; font-family: var(--checkbox-label-font-family, Circular-USB, Arial, Helvetica, sans-serif); font-size: var(--checkbox-label-font-size, 1rem); font-weight: var(--checkbox-label-font-weight, 400); position: relative; width: 100%; } .usb--checkbox-label:after { content: ""; border: 2px solid transparent; border-radius: var(--checkbox-focus-border-radius, 0.25rem); height: var(--token-spacing-8, 2rem); position: absolute; left: -0.375rem; top: -0.375rem; width: var(--token-spacing-8, 2rem); } .usb--checkbox-label span { display: flex; align-items: center; justify-content: center; } .usb--checkbox-label span.usb--checkbox-svg svg { background: var(--checkbox-icon-background-color, #fff); border: 1px solid var(--checkbox-border-color, #7a7a95); border-radius: var(--checkbox-border-radius, 0.25rem); fill: transparent; stroke: transparent; height: var(--token-spacing-5, 1.25rem); transition: border-color var(--token-timing-default-ease, 0.25s ease); pointer-events: none; min-width: var(--token-spacing-5, 1.25rem); margin-right: var(--token-spacing-3, 0.75rem); position: relative; vertical-align: middle; width: var(--token-spacing-5, 1.25rem); } .usb--checkbox-label span.usb--checkbox-label-text { display: inline; } .usb--checkbox-label + .usb--error-message { margin-left: var(--token-spacing-8, 2rem); } .usb--checkbox-legend { color: var(--checkbox-group-label-text-color, #2d2d3e); font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-size: var(--token-font-size-base, 1rem); font-weight: var(--token-font-weight-med, 500); line-height: var(--token-line-height-3xl, 1.5); position: relative; } .usb--checkbox-legend .usb--error-message span { margin-top: var(--token-spacing-1, 0.25rem); } .usb--checkbox-legend .usb-toggletip-container { display: inline-block; position: relative; left: calc(var(--token-spacing-1, 0.25rem) * -1); right: auto; top: var(--token-spacing-1, 0.25rem); transform: none; } .usb--checkbox-legend .usb-toggletip-container + .helper_label--wrapper span { padding-top: 0; } .usb--checkbox-legend .usb-toggletip-container + .usb--error-message span { margin-top: 0; } .usb--checkbox-legend .helper_label--wrapper span { padding-top: var(--token-spacing-1, 0.25rem); } .usb--checkbox-wrapper { position: relative; width: -moz-fit-content; width: fit-content; } .usb--checkbox-wrapper.usb--checkbox--fieldset > .usb--checkbox-label { margin-top: var(--token-spacing-6, 1.5rem); } .usb--checkbox-wrapper.usb--checkbox--fieldset > .usb--checkbox-input { top: var(--token-spacing-3, 0.75rem); } .usb--checkbox-wrapper .helper_label--wrapper span { color: var(--checkbox-helper-text-text-color, #63637f); } .usb--checkbox-wrapper.is-error .usb--checkbox-input + label .usb--checkbox-svg svg { background: var(--checkbox-error-icon-background-color, #fff); border: 2px solid var(--checkbox-error-border-color, #ce2935); } .usb--checkbox-wrapper.is-error .usb--checkbox-input:checked + label .usb--checkbox-svg svg, .usb--checkbox-wrapper.is-error .usb--checkbox-input[aria-checked=true] + label svg { fill: var(--checkbox-error-icon-fill-color, #ce2935); } .usb--checkbox-wrapper.is-error .usb--checkbox-input[aria-checked=mixed] + label svg { stroke: var(--checkbox-error-icon-fill-color, #ce2935); } .usb--checkbox-wrapper.is-error:hover .usb--checkbox-input:checked + label .usb--checkbox-svg svg, .usb--checkbox-wrapper.is-error:hover .usb--checkbox-input[aria-checked=mixed] + label .usb--checkbox-svg svg, .usb--checkbox-wrapper.is-error:hover .usb--checkbox-input[aria-checked=true] + label .usb--checkbox-svg svg { background: var(--checkbox-hover-error-icon-background-color, #fff); border: 2px solid var(--checkbox-hover-error-border-color, #001e79); fill: var(--checkbox-hover-error-icon-fill-color, #ce2935); } .usb--checkbox-wrapper.is-error:hover .usb--checkbox-input[aria-checked=mixed] + label .usb--checkbox-svg svg { stroke: var(--checkbox-hover-error-icon-fill-color, #ce2935); } .usb--checkbox-wrapper:hover:not(.is-read-only):not(.is-disabled) .usb--checkbox-input + label .usb--checkbox-svg svg { border: 2px solid var(--checkbox-hover-border-color, #003cc8); } .usb--checkbox-wrapper:hover:not(.is-read-only):not(.is-disabled) .usb--checkbox-input:active + label .usb--checkbox-svg svg { border: 2px solid var(--checkbox-hover-active-border-color, #001e79); } .usb--checkbox-wrapper:hover:not(.is-read-only):not(.is-disabled) .usb--checkbox-input:checked + label .usb--checkbox-svg svg, .usb--checkbox-wrapper:hover:not(.is-read-only):not(.is-disabled) .usb--checkbox-input[aria-checked=mixed] + label .usb--checkbox-svg svg, .usb--checkbox-wrapper:hover:not(.is-read-only):not(.is-disabled) .usb--checkbox-input[aria-checked=true] + label .usb--checkbox-svg svg { background: var(--checkbox-checked-hover-icon-background-color, #003cc8); border-width: 0; fill: var(--checkbox-checked-hover-icon-fill-color, #fff); } .usb--checkbox-wrapper:hover:not(.is-read-only):not(.is-disabled) .usb--checkbox-input:checked:active + label .usb--checkbox-svg svg, .usb--checkbox-wrapper:hover:not(.is-read-only):not(.is-disabled) .usb--checkbox-input[aria-checked=mixed]:active + label .usb--checkbox-svg svg, .usb--checkbox-wrapper:hover:not(.is-read-only):not(.is-disabled) .usb--checkbox-input[aria-checked=true]:active + label .usb--checkbox-svg svg { background: var(--checkbox-checked-hover-active-icon-background-color, hsla(0, 0%, 100%, 0.78)); } .usb--checkbox-wrapper:hover:not(.is-read-only):not(.is-disabled) .usb--checkbox-input[aria-checked=mixed] + label .usb--checkbox-svg svg { stroke: var(--checkbox-checked-hover-icon-fill-color, #fff); } .usb--checkbox-wrapper.is-read-only { cursor: not-allowed; } .usb--checkbox-wrapper.is-read-only .usb--checkbox-input, .usb--checkbox-wrapper.is-read-only .usb--checkbox-input + label { pointer-events: none; } .usb--checkbox-wrapper.is-read-only .usb--checkbox-input + label:after { content: ""; border: 2px solid transparent; border-radius: var(--checkbox-focus-border-radius, 0.25rem); height: var(--token-spacing-8, 2rem); position: absolute; left: -0.375rem; top: -0.375rem; width: var(--token-spacing-8, 2rem); } .usb--checkbox-wrapper.is-read-only .usb--checkbox-input + label span { display: flex; align-items: center; justify-content: center; } .usb--checkbox-wrapper.is-read-only .usb--checkbox-input + label span.usb--checkbox-svg svg { background: var(--checkbox-icon-background-color, #fff); border: 1px solid var(--checkbox-border-color, #7a7a95); border-radius: var(--checkbox-border-radius, 0.25rem); fill: transparent; height: var(--token-spacing-5, 1.25rem); transition: border-color var(--token-timing-default-ease, 0.25s ease); pointer-events: none; min-width: var(--token-spacing-5, 1.25rem); margin-right: var(--token-spacing-3, 0.75rem); position: relative; vertical-align: middle; width: var(--token-spacing-5, 1.25rem); } .usb--checkbox-wrapper.is-read-only .usb--checkbox-input + label span.usb--checkbox-label-text { display: inline; } .usb--checkbox-wrapper.is-read-only .usb--checkbox-input + label span:checked + label .usb--checkbox-svg svg, .usb--checkbox-wrapper.is-read-only .usb--checkbox-input + label span[aria-checked=true] + label .usb--checkbox-svg svg { fill: var(--checkbox-readonly-icon-fill-color, #484861); } .usb--checkbox-wrapper.is-read-only .usb--checkbox-input + label span[aria-checked=mixed] + label .usb--checkbox-svg svg { stroke: var(--checkbox-readonly-icon-fill-color, #484861); } .usb--wrapper { background-color: var(--text-input-wrapper-background-color, transparent); margin-top: var(--token-spacing-2, 0.5rem); min-height: var(--token-spacing-12, 3rem); padding-top: var(--token-spacing-4, 1rem); position: relative; width: 100%; z-index: 0; } .usb--wrapper.is-long-label { margin-top: calc(var(--token-spacing-2, 0.5rem) + var(--token-spacing-5, 1.25rem)); } .usb--wrapper .usb--basic-input { background-color: var(--text-input-basic-background-color, transparent); border-radius: var(--text-input-basic-border-radius, 0); border-top: var(--text-input-basic-border-top-width, 0) var(--text-input-basic-border-style, solid) var(--text-input-basic-border-color, #7a7a95); border-right: var(--text-input-basic-border-right-width, 0) var(--text-input-basic-border-style, solid) var(--text-input-basic-border-color, #7a7a95); border-bottom: var(--text-input-basic-border-bottom-width, 1px) var(--text-input-basic-border-style, solid) var(--text-input-basic-border-color, #7a7a95); border-left: var(--text-input-basic-border-left-width, 0) var(--text-input-basic-border-style, solid) var(--text-input-basic-border-color, #7a7a95); color: var(--text-input-basic-text-color, #484861); font-family: var(--text-input-basic-font-family, Circular-USB, Arial, Helvetica, sans-serif); font-size: var(--text-input-basic-font-size, 1rem); font-weight: var(--text-input-basic-font-weight, 400); line-height: var(--token-line-height-3xl, 1.5); margin: var(--text-input-basic-margin-top, 0) var(--text-input-basic-margin-right, auto) var(--text-input-basic-margin-bottom, auto) var(--text-input-basic-margin-left, auto); padding: var(--text-input-basic-padding-top, 0) var(--text-input-basic-padding-right, 0) var(--text-input-basic-padding-bottom, 0) var(--text-input-basic-padding-left, 0); width: 100%; } .usb--wrapper .usb--basic-input.input__date-picker, .usb--wrapper .usb--basic-input.input__show-hide { padding-right: var(--token-spacing-10, 2.5rem); } .usb--wrapper .usb--basic-input.input__has-toggletip { padding-right: var(--token-spacing-6, 1.5rem); } .usb--wrapper .usb--basic-input.input__has-toggletip + .show-hide__button { right: var(--token-spacing-8, 2rem); } .usb--wrapper .usb--basic-input::-ms-clear { display: none; height: var(--token-spacing-0, 0); width: var(--token-spacing-0, 0); } .usb--wrapper .usb--floating-label { background-color: var(--text-input-label-background-color, transparent); color: var(--text-input-label-text-color, #63637f); font-family: var(--text-input-label-font-family, Circular-USB, Arial, Helvetica, sans-serif); font-weight: var(--text-input-label-font-weight, 400); font-size: var(--text-input-label-font-size, 1rem); line-height: var(--text-input-label-line-height, 1.5); position: var(--text-input-label-position, absolute); top: var(--text-input-label-top, 1rem); left: var(--token-spacing-0, 0); transition: all var(--token-timing-default-ease, 0.25s ease); } .usb--wrapper .usb--floating-label_overflow { top: calc(var(--text-input-label-font-size, 1rem) * -1 / var(--text-input-label-line-height, 1.5)); } .usb--wrapper .usb--error-text-container { height: auto; max-height: 0; opacity: 0; transition: max-height var(--token-timing-moderate-ease-in-out, 0.5s ease-in-out), opacity var(--token-timing-moderate-ease-in-out, 0.5s ease-in-out); overflow: hidden; } .usb--wrapper.is-focused:after { content: ""; border: var(--text-input-focus-active-wrapper-border-width, 2px) solid var(--text-input-focus-wrapper-border-color, #235ae4); border-radius: var(--text-input-focus-active-wrapper-border-radius, 0.25rem); height: calc(100% + var(--token-spacing-3, 0.75rem)); position: absolute; left: -0.375rem; top: -0.375rem; width: calc(100% + var(--token-spacing-3, 0.75rem)); z-index: -1; } .usb--wrapper.is-focused.is-long-label:after { height: calc(100% + var(--token-spacing-6, 1.5rem) + 0.375rem); top: -1.5rem; } .usb--wrapper.is-focused.is-value label, .usb--wrapper.is-focused label { color: var(--text-input-active-label-text-color, #63637f); font-family: var(--text-input-active-label-font-family, Circular-USB, Arial, Helvetica, sans-serif); font-weight: var(--text-input-focus-active-label-font-weight, 400); font-size: var(--text-input-focus-active-label-font-size, 0.75rem); line-height: var(--text-input-focus-active-label-line-height, 1.5); top: var(--text-input-focus-active-label-top, 0); } .usb--wrapper.is-focused.is-value label.usb--floating-label_overflow, .usb--wrapper.is-focused label.usb--floating-label_overflow { top: calc(var(--text-input-focus-active-label-font-size, 0.75rem) * -1 * var(--text-input-focus-active-label-line-height, 1.5)); } .usb--wrapper.is-focused .usb--basic-input { outline: transparent; border-top: var(--text-input-focus-border-top-width, 0) var(--text-input-focus-active-border-style, solid) var(--text-input-basic-focus-active-border-color, #235ae4); border-right: var(--text-input-focus-border-right-width, 0) var(--text-input-focus-active-border-style, solid) var(--text-input-basic-focus-active-border-color, #235ae4); border-bottom: var(--text-input-focus-border-bottom-width, 1px) var(--text-input-focus-active-border-style, solid) var(--text-input-basic-focus-active-border-color, #235ae4); border-left: var(--text-input-focus-border-left-width, 0) var(--text-input-focus-active-border-style, solid) var(--text-input-basic-focus-active-border-color, #235ae4); font-family: var(--text-input-basic-focus-active-font-family, Circular-USB, Arial, Helvetica, sans-serif); } .usb--wrapper.is-focused.is-value .usb--basic-input, .usb--wrapper.is-focused .usb--basic-input { margin: var(--text-input-basic-focus-active-margin-top, auto) var(--text-input-basic-focus-active-margin-right, -1px) var(--text-input-basic-focus-active-margin-bottom, -1px) var(--text-input-basic-focus-active-margin-left, 0); } .usb--wrapper.is-focused.is-value .usb--basic-input { border-width: var(--text-input-basic-focus-active-border-top-width, 0) var(--text-input-basic-focus-active-border-right-width, 0) var(--text-input-basic-focus-active-border-bottom-width, 2px) var(--text-input-basic-focus-active-border-left-width, 0); color: var(--text-input-basic-focus-active-text-color, #484861); font-family: var(--text-input-basic-active-font-family, Circular-USB, Arial, Helvetica, sans-serif); font-weight: var(--text-input-basic-focus-active-font-weight, 400); font-size: var(--text-input-basic-focus-active-font-size, 1rem); line-height: var(--text-input-basic-focus-active-line-height, 1.5); } .usb--wrapper.is-value .usb--basic-input { font-weight: var(--text-input-basic-active-font-weight, 400); font-size: var(--text-input-basic-active-font-size, 1rem); line-height: var(--text-input-basic-active-line-height, 1.5); } .usb--wrapper.is-disabled .show-hide__button, .usb--wrapper.is-read-only .show-hide__button { display: none; } .usb--wrapper.is-disabled .usb--floating-label, .usb--wrapper.is-read-only .usb--floating-label { cursor: default; } .usb--wrapper.is-disabled .usb--basic-input, .usb--wrapper.is-read-only .usb--basic-input { border: none; border-bottom: 1px solid var(--text-input-basic-disabled-border-color, transparent); } .usb--wrapper.is-disabled .button__date-picker, .usb--wrapper.is-read-only .button__date-picker { cursor: not-allowed; } .usb--wrapper.is-disabled .usb--floating-label, .usb--wrapper.is-read-only .usb--floating-label { top: var(--text-input-label-top, 1rem); font-size: var(--text-input-label-font-size, 1rem); transition: none; margin-bottom: var(--text-input-basic-focus-active-margin-bottom, -1px); } .usb--wrapper.is-disabled .usb--floating-label_overflow, .usb--wrapper.is-read-only .usb--floating-label_overflow { top: auto; } .usb--wrapper.is-disabled { background: var(--token-disabled-background, rgba(205, 209, 226, 0.4)); } .usb--wrapper.is-disabled .helper_label--wrapper span, .usb--wrapper.is-disabled .icon-container .usb-icon, .usb--wrapper.is-disabled.is-value .usb--floating-label, .usb--wrapper.is-disabled .usb--basic-input, .usb--wrapper.is-disabled .usb--floating-label { cursor: not-allowed; color: var(--token-disabled-foreground, #7a7a95); } .usb--wrapper.is-disabled .usb--basic-input { border-bottom: 1px solid var(--token-disabled-border, #cdd1e2); } .usb--wrapper.is-disabled .button__date-picker .usb-icon, .usb--wrapper.is-disabled .usb-toggletip-container .usb-icon, .usb--wrapper.is-disabled button.show-hide__button { color: var(--token-disabled-foreground, #7a7a95); } .usb--wrapper.is-disabled .button__date-picker .usb-icon svg, .usb--wrapper.is-disabled .icon-container .usb-icon svg, .usb--wrapper.is-disabled .usb-toggletip-container .usb-icon svg { fill: var(--token-disabled-foreground, #7a7a95); } .usb--wrapper.is-value .usb--floating-label { color: var(--text-input-active-label-text-color, #63637f); font-family: var(--text-input-active-label-font-family, Circular-USB, Arial, Helvetica, sans-serif); font-weight: var(--text-input-active-label-font-weight, 400); font-size: var(--text-input-active-label-font-size, 0.75rem); line-height: var(--text-input-active-label-line-height, 1.5); top: var(--text-input-focus-active-label-top, 0); } .usb--wrapper.is-value .usb--floating-label_overflow { top: calc(var(--text-input-active-label-font-size, 0.75rem) * -1 * var(--text-input-active-label-line-height, 1.5)); } .usb--wrapper.is-error.is-focused .usb--floating-label, .usb--wrapper.is-error.is-value .usb--floating-label, .usb--wrapper.is-error .usb--floating-label { color: var(--text-input-error-label-text-color, #ce2935); } .usb--wrapper.is-error.is-focused .usb--basic-input, .usb--wrapper.is-error.is-value .usb--basic-input, .usb--wrapper.is-error .usb--basic-input { border-top: var(--text-input-focus-error-border-top-width, 0) var(--text-input-focus-error-border-style, solid) var(--text-input-basic-error-border-color, #ce2935); border-right: var(--text-input-focus-error-border-right-width, 0) var(--text-input-focus-error-border-style, solid) var(--text-input-basic-error-border-color, #ce2935); border-bottom: var(--text-input-focus-error-border-bottom-width, 2px) var(--text-input-focus-error-border-style, solid) var(--text-input-basic-error-border-color, #ce2935); border-left: var(--text-input-focus-error-border-left-width, 0) var(--text-input-focus-error-border-style, solid) var(--text-input-basic-error-border-color, #ce2935); } .usb--wrapper.is-error.is-focused .usb--error-text-container, .usb--wrapper.is-error.is-value .usb--error-text-container, .usb--wrapper.is-error .usb--error-text-container { max-height: 4rem; opacity: 1; } .usb--wrapper .sr-only { position: absolute; width: 1px; height: 1px; padding: var(--token-spacing-0, 0); margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: var(--token-spacing-0, 0); } .usb--wrapper .button__date-picker { background-color: var(--date-picker-button-background-color, transparent); border: none; position: absolute; right: var(--date-picker-button-right, 0); top: var(--date-picker-button-top, 1rem); } .usb--wrapper.is-card-icon .usb--basic-input.input__show-hide { padding-right: var(--token-spacing-18, 4.5rem); } .usb--wrapper.is-card-icon button.show-hide__button { right: var(--token-spacing-8, 2rem) !important; transition: all 0.3s ease-out; } .usb--wrapper.is-card-icon .icon-container { top: 1.1rem; } .usb--radio-fieldset { border: 0; } .usb--radio-legend { color: var(--forms-radio-group-legend-text-color, #2d2d3e); font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-size: var(--token-font-size-base, 1rem); font-weight: var(--token-font-weight-med, 500); line-height: var(--token-line-height-3xl, 1.5); position: relative; } .usb--radio-legend + .usb--error-message { margin-bottom: var(--token-spacing-3, 0.75rem); } .usb--radio-legend + .usb--error-message span { margin-top: var(--token-spacing-1, 0.25rem); } .usb--radio-wrapper { display: flex; align-items: flex-start; margin-left: calc(var(--token-spacing-3, 0.75rem) * -1); position: relative; z-index: 0; } .usb--radio-wrapper.is-disabled:not(.is-chips), .usb--radio-wrapper.is-read-only:not(.is-chips) { cursor: not-allowed; } .usb--radio-wrapper.is-disabled:not(.is-chips) > *, .usb--radio-wrapper.is-read-only:not(.is-chips) > * { color: var(--token-disabled-foreground, #7a7a95); pointer-events: none; } .usb--radio-wrapper.is-disabled:not(.is-chips) input[type=radio], .usb--radio-wrapper.is-read-only:not(.is-chips) input[type=radio] { border: none; background-clip: content-box; padding: 0; } .usb--radio-wrapper.is-disabled:not(.is-chips) input[type=radio]:not(:checked), .usb--radio-wrapper.is-read-only:not(.is-chips) input[type=radio]:not(:checked) { background-color: var(--token-disabled-background, rgba(205, 209, 226, 0.4)); } .usb--radio-wrapper.is-disabled:not(.is-chips) input[type=radio]:not(:checked):before, .usb--radio-wrapper.is-read-only:not(.is-chips) input[type=radio]:not(:checked):before { content: none; } .usb--radio-wrapper.is-disabled:not(.is-chips) input[type=radio]:not(:checked)::-ms-check, .usb--radio-wrapper.is-read-only:not(.is-chips) input[type=radio]:not(:checked)::-ms-check { border: none; background-color: var(--token-disabled-background, rgba(205, 209, 226, 0.4)); } .usb--radio-wrapper.is-disabled:not(.is-chips) input[type=radio]:checked, .usb--radio-wrapper.is-read-only:not(.is-chips) input[type=radio]:checked { background-color: var(--token-disabled-background, rgba(205, 209, 226, 0.4)); } .usb--radio-wrapper.is-disabled:not(.is-chips) input[type=radio]:checked:before, .usb--radio-wrapper.is-read-only:not(.is-chips) input[type=radio]:checked:before { background: var(--token-disabled-foreground, #7a7a95); } .usb--radio-wrapper.is-disabled:not(.is-chips) input[type=radio]:checked::-ms-check, .usb--radio-wrapper.is-read-only:not(.is-chips) input[type=radio]:checked::-ms-check { border: none; background-color: var(--token-disabled-background, rgba(205, 209, 226, 0.4)); } .usb--radio-wrapper.is-focused:after { content: ""; display: block; border: 2px solid var(--forms-radio-input-focus-border-color, #235ae4); border-radius: var(--token-rounded-sm, 0.25rem); height: var(--token-spacing-7, 1.75rem); position: absolute; left: var(--token-spacing-2, 0.5rem); top: var(--token-spacing-2, 0.5rem); width: var(--token-spacing-7, 1.75rem); z-index: -1; } .usb--radio-label { cursor: pointer; margin-top: var(--token-spacing-3, 0.75rem); } .usb--radio-label + .helper_label--wrapper span { color: var(--forms-radio-helper-text-text-color, #63637f); } .usb--radio-label_container { color: var(--forms-radio-group-label-text-color, #484861); font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-size: var(--token-font-size-base, 1rem); line-height: var(--token-line-height-lg, 1.25); position: relative; vertical-align: top; width: 100%; margin-top: var(--token-spacing-3, 0.75rem); } .usb--radio-label_container .helper_label--wrapper { margin-bottom: var(--token-spacing-3, 0.75rem); } .usb--radio-label_container.has-icon { padding-left: var(--token-spacing-10, 2.5rem); } .usb--radio-label_container.has-icon .usb--radio-icon { position: absolute; left: 0; } .usb--radio-input { appearance: none; background-color: var(--forms-radio-input-background-color, #fff); border: 1px solid var(--forms-radio-input-border-color, #7a7a95); border-radius: var(--token-rounded-full, 50%); cursor: pointer; height: var(--token-spacing-5, 1.25rem); margin: var(--token-spacing-3, 0.75rem); min-width: var(--token-spacing-5, 1.25rem); outline: none; padding: 3px; position: relative; width: var(--token-spacing-5, 1.25rem); } .usb--radio-input:before { background: var(--forms-radio-input-background-color, #fff); border-radius: var(--token-rounded-full, 50%); content: ""; height: calc(var(--token-spacing-2, 0.5rem) + 0.125rem); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(var(--token-spacing-2, 0.5rem) + 0.125rem); } .usb--radio-input:checked { border: 2px solid var(--forms-radio-input-checked-border-color, #235ae4); } .usb--radio-input:checked:before { background: var(--forms-radio-input-checked-background-color, #235ae4); } .usb--radio-input:checked::-ms-check { border: 2px solid var(--forms-radio-input-checked-border-color, #235ae4); color: var(--token-color-brand-interaction, #0058ff); } .usb--radio-input:hover:not(:disabled) { border: 2px solid var(--forms-radio-input-hover-border-color, #235ae4); } .usb--radio-input:hover:not(:disabled):checked:before { background: var(--forms-radio-input-hover-background-color, #235ae4); } .usb--radio-input:hover:not(:disabled)::-ms-check { border: 2px solid var(--forms-radio-input-hover-border-color, #235ae4); color: var(--token-color-brand-interaction, #0058ff); } .is-focused .usb--radio-input:active:not(:disabled) { border: 2px solid var(--forms-radio-input-focus-border-color, #235ae4); } .is-focused .usb--radio-input:active:not(:disabled):checked:before { background: var(--forms-radio-input-focus-background-color, #235ae4); } .is-focused .usb--radio-input:active:not(:disabled)::-ms-check { border: 2px solid var(--forms-radio-input-focus-border-color, #235ae4); color: var(--token-background-brand-primary, #001e79); } .usb--radio-input.is-error { border: 2px solid var(--forms-radio-input-error-border-color, #ce2935); } .usb--radio-input.is-error:checked:before { background: var(--forms-radio-input-error-background-color, #ce2935); } .usb--radio-input.is-error::-ms-check { border: 2px solid var(--forms-radio-input-error-border-color, #ce2935); color: var(--token-background-brand-primary, #001e79); } .usb--radio-icon { margin-right: var(--token-spacing-2, 0.5rem); text-align: center; height: var(--token-spacing-8, 2rem); } .usb--radio-icon-radius { border-radius: 50%; } .usb--radio-img { min-width: var(--token-spacing-8, 2rem); } .usb--radio-img, .usb--radio-svg svg { width: var(--token-spacing-8, 2rem); margin-top: calc(var(--token-spacing-1, 0.25rem) * -1); height: var(--token-spacing-8, 2rem); vertical-align: top; } .usb--radio-fieldset .usb--selectablecard-wrapper { padding-top: 1px; padding-bottom: 1rem; } .usb--select--wrapper { margin-top: var(--token-spacing-2, 0.5rem); min-height: var(--token-spacing-12, 3rem); position: relative; width: 100%; z-index: 0; } .usb--select--wrapper.is-focused:after { content: ""; border: var(--forms-select-wrapper-focused-border-width, 2px) solid var(--token-border-focus, #235ae4); border-radius: var(--token-rounded-sm, 0.25rem); height: calc(100% + var(--token-spacing-3, 0.75rem)); position: absolute; left: -0.375rem; top: -0.375rem; width: calc(100% + var(--token-spacing-3, 0.75rem)); } .usb--select--wrapper.is-focused .usb--select--container { border-top: var(--forms-select-focused-border-top-width, 0) var(--forms-select-focused-border-style, solid) var(--forms-select-focused-border-color, #235ae4); border-right: var(--forms-select-focused-border-right-width, 0) var(--forms-select-focused-border-style, solid) var(--forms-select-focused-border-color, #235ae4); border-bottom: var(--forms-select-focused-border-bottom-width, 2px) var(--forms-select-focused-border-style, solid) var(--forms-select-focused-border-color, #235ae4); border-left: var(--forms-select-focused-border-left-width, 0) var(--forms-select-focused-border-style, solid) var(--forms-select-focused-border-color, #235ae4); padding-top: var(--forms-select-focused-padding-top, 0); } .usb--select--wrapper.is-error .usb--select--label { color: var(--token-text-color-error, #ce2935); } .usb--select--wrapper.is-error .usb--select--container { border-top: var(--forms-select-focused-error-border-top-width, 0) var(--forms-select-focused-error-border-style, solid) var(--forms-select-focused-error-border-color, #ce2935); border-right: var(--forms-select-focused-error-border-right-width, 0) var(--forms-select-focused-error-border-style, solid) var(--forms-select-focused-error-border-color, #ce2935); border-bottom: var(--forms-select-focused-error-border-bottom-width, 2px) var(--forms-select-focused-error-border-style, solid) var(--forms-select-focused-error-border-color, #ce2935); border-left: var(--forms-select-focused-error-border-left-width, 0) var(--forms-select-focused-error-border-style, solid) var(--forms-select-focused-error-border-color, #ce2935); padding-top: var(--forms-select-focused-padding-top, 0); } .usb--select--wrapper.is-error.is-focused .usb--select--label, .usb--select--wrapper.is-error.is-value .usb--select--label, .usb--select--wrapper.is-error .usb--select--label { color: var(--token-text-color-error, #ce2935); } .usb--select--wrapper.is-error.is-focused .usb--select--container, .usb--select--wrapper.is-error.is-value .usb--select--container, .usb--select--wrapper.is-error .usb--select--container { border-top: var(--forms-select-focused-error-border-top-width, 0) var(--forms-select-focused-error-border-style, solid) var(--forms-select-focused-error-border-color, #ce2935); border-right: var(--forms-select-focused-error-border-right-width, 0) var(--forms-select-focused-error-border-style, solid) var(--forms-select-focused-error-border-color, #ce2935); border-bottom: var(--forms-select-focused-error-border-bottom-width, 2px) var(--forms-select-focused-error-border-style, solid) var(--forms-select-focused-error-border-color, #ce2935); border-left: var(--forms-select-focused-error-border-left-width, 0) var(--forms-select-focused-error-border-style, solid) var(--forms-select-focused-error-border-color, #ce2935); padding-top: var(--forms-select-focused-padding-top, 0); } .usb--select--wrapper .usb--select--label { color: var(--token-text-color-tertiary, #63637f); display: inline-block; font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-size: var(--token-font-size-xs, 0.75rem); font-weight: var(--token-font-weight-reg, 400); line-height: var(--token-line-height-3xl, 1.5); position: relative; z-index: 2; top: 0.125rem; } .usb--select--wrapper .usb--select--container { background-color: var(--token-background-primary, #fff); border-radius: var(--forms-select-border-radius, 0); border-top: var(--forms-select-border-top-width, 0) var(--forms-select-border-style, solid) var(--forms-select-border-color, #7a7a95); border-right: var(--forms-select-border-right-width, 0) var(--forms-select-border-style, solid) var(--forms-select-border-color, #7a7a95); border-bottom: var(--forms-select-border-bottom-width, 1px) var(--forms-select-border-style, solid) var(--forms-select-border-color, #7a7a95); border-left: var(--forms-select-border-left-width, 0) var(--forms-select-border-style, solid) var(--forms-select-border-color, #7a7a95); padding: var(--forms-select-padding-top, 0) var(--forms-select-padding-right, 0) var(--forms-select-padding-bottom, 0) var(--forms-select-padding-left, 0); position: relative; z-index: 1; } .usb--select--wrapper .usb--select--container .usb--select { appearance: none; background-color: var(--token-background-primary, #fff); border: none; border-radius: var(--token-rounded-square, 0); color: var(--token-text-color-secondary, #484861); font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-weight: var(--token-font-weight-reg, 400); font-size: var(--token-font-size-base, 1rem); line-height: var(--token-line-height-3xl, 1.5); padding-left: var(--token-spacing-0, 0); padding-right: 20px; transition: all var(--token-timing-default-ease, 0.25s ease); width: 100%; } @media (-ms-high-contrast: active), (-ms-high-contrast: none) { .usb--select--wrapper .usb--select--container .usb--select { color: var(--token-text-color-secondary, #484861); } } .usb--select--wrapper .usb--select--container .usb--select::-ms-expand { display: none; } .usb--select--wrapper .usb--select--container .usb--select:focus { margin: var(--token-spacing-0, 0); outline: none; } .usb--select--wrapper .usb--select--container .usb--select:focus::-ms-value { background-color: var(--token-background-primary, #fff); color: var(--token-text-color-secondary, #484861); } .usb--select--wrapper .usb--select--container .usb--select:-moz-focusring { color: var(--token-text-color-secondary, #484861); -moz-appearance: none; } .usb--select--wrapper .usb--select--container .select--chevron { position: absolute; right: var(--forms-select-chevron-right, 0); top: var(--forms-select-chevron-top, 0); pointer-events: none; } .usb--select--wrapper .usb--select--container .select--chevron svg { fill: var(--token-text-color-secondary, #484861); } .usb--select--wrapper.is-value .usb--select { color: var(--token-text-color-primary, #2d2d3e); } .usb--select--wrapper.is-value .usb--select:-moz-focusring { color: var(--token-text-color-primary, #2d2d3e); } @media (-ms-high-contrast: active), (-ms-high-contrast: none) { .usb--select--wrapper.is-value .usb--select:focus::-ms-value { background-color: var(--token-background-primary, #fff); color: var(--token-text-color-primary, #2d2d3e); } } .usb--select--wrapper.is-read-only { cursor: not-allowed; } .usb--select--wrapper.is-read-only .usb--select--container { background-color: initial; border: none; border-bottom: 1px solid transparent; pointer-events: none; } .usb--select--wrapper.is-read-only .usb--select--container .usb--select { color: var(--token-text-color-secondary, #484861); pointer-events: none; } .usb--select--wrapper.is-read-only .en_dash, .usb--select--wrapper.is-read-only.is-value .optionalSpan, .usb--select--wrapper.is-read-only .show-hide__button, .usb--select--wrapper.is-read-only .usb--info-message, .usb--select--wrapper.is-read-only .usb--select--container .select--chevron, .usb--select--wrapper.is-read-only .usb-toggletip-container { display: none; } .usb--select--wrapper.is-read-only .usb--select--label { pointer-events: none; } .usb--select--wrapper.is-disabled { background-color: var(--token-disabled-background, rgba(205, 209, 226, 0.4)); cursor: not-allowed; } .usb--select--wrapper.is-disabled .usb--select--label { color: var(--token-disabled-foreground, #7a7a95); pointer-events: none; } .usb--select--wrapper.is-disabled .usb--select--container { border-bottom-color: var(--token-disabled-border, #cdd1e2); background-color: initial; } .usb--select--wrapper.is-disabled .usb--select--container .usb--select { background-color: initial; color: var(--token-disabled-foreground, #7a7a95); pointer-events: none; opacity: 1; } .usb--select--wrapper.is-disabled .usb--select--container .select--chevron svg { fill: var(--token-disabled-foreground, #7a7a95); } .usb--select--wrapper.is-disabled .helper_label--wrapper span { color: var(--token-disabled-foreground, #7a7a95); } .usb-text_area { display: flex; flex-direction: column; position: relative; width: 100%; z-index: 0; } .usb-text_area.is-focused:after { content: ""; border: 2px solid var(--text-area-focus-outline-border-color, #235ae4); border-radius: var(--token-rounded-sm, 0.25rem); height: calc(100% + var(--token-spacing-3, 0.75rem)); position: absolute; left: -0.375rem; top: -0.375rem; width: calc(100% + var(--token-spacing-3, 0.75rem)); z-index: -1; } .usb-text_area.is-focused .usb-text_area--wrapper { border-color: var(--text-area-focus-border-color, #235ae4); } .usb-text_area.is-focused label, .usb-text_area.is-value label { color: var(--text-area-focus-label-text-color, #63637f); font-size: var(--token-font-size-xs, 0.75rem); } .usb-text_area.is-disabled .usb-text_area--wrapper, .usb-text_area.is-read-only .usb-text_area--wrapper { border: 1px solid var(--token-utility-subdued, #cdd1e2); } .usb-text_area.is-disabled .usb-text_area-basic, .usb-text_area.is-read-only .usb-text_area-basic { resize: none; } .usb-text_area.is-disabled .usb--floating-label, .usb-text_area.is-read-only .usb--floating-label { cursor: default; } .usb-text_area.is-disabled .usb-text_area--helpers_counter, .usb-text_area.is-read-only .usb-text_area--helpers_counter { display: none; } .usb-text_area.is-read-only:not(.is-value) .usb--floating-label { color: var(--text-area-label-text-color, #484861); font-size: var(--token-font-size-base, 1rem); transition: none; } .usb-text_area.is-disabled .usb-text_area--wrapper { background: var(--token-disabled-background, rgba(205, 209, 226, 0.4)); } .usb-text_area.is-disabled .helper_label--wrapper span, .usb-text_area.is-disabled.is-value .usb--floating-label, .usb-text_area.is-disabled .usb--floating-label, .usb-text_area.is-disabled .usb-text_area-basic { cursor: not-allowed; color: var(--token-disabled-foreground, #7a7a95); } .usb-text_area.is-error .usb-text_area--wrapper { border: 2px solid var(--text-area-error-border-color, #ce2935); } .usb-text_area.is-error .usb-text_area--wrapper label { color: var(--text-area-error-label-text-color, #ce2935); } .usb-text_area.not-resizable textarea { resize: none; } .usb-text_area--wrapper { background-color: var(--token-background-primary, #fff); border: 1px solid var(--text-area-border-color, #7a7a95); border-radius: var(--token-rounded-sm, 0.25rem); color: var(--token-text-color-primary, #2d2d3e); display: flex; flex-direction: column; padding: var(--token-spacing-2, 0.5rem) var(--token-spacing-4, 1rem); position: relative; } .usb-text_area--wrapper label { color: var(--text-area-label-text-color, #484861); font-weight: var(--token-font-weight-reg, 400); min-height: var(--token-spacing-6, 1.5rem); transition: all var(--token-timing-default-ease, 0.25s ease); } .usb-text_area--wrapper .usb-text_area-basic, .usb-text_area--wrapper label { background-color: initial; font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-size: var(--token-font-size-base, 1rem); line-height: var(--token-line-height-3xl, 1.5); } .usb-text_area--wrapper .usb-text_area-basic { border: none; color: var(--text-area-input-value-text-color, #2d2d3e); margin-top: var(--token-spacing-0, 0); outline: none; overflow-x: hidden; overflow-y: auto; padding: var(--token-spacing-0, 0); resize: vertical; width: 100%; } .usb-text_area--helpers { display: flex; justify-content: flex-end; width: 100%; } .usb-text_area--helpers_content { display: flex; flex-direction: column; flex-grow: 2; padding-right: var(--token-spacing-2, 0.5rem); } .usb-text_area--helpers_counter { color: var(--text-area-helper-text-text-color, #63637f); font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-size: var(--token-font-size-xs, 0.75rem); font-weight: var(--token-font-weight-reg, 400); line-height: var(--token-line-height-3xl, 1.5); padding-top: var(--token-spacing-1, 0.25rem); white-space: nowrap; } .usb-text_area--helpers_counter.max-length-exceeded { color: var(--token-text-color-error, #ce2935); font-weight: var(--token-font-weight-bold, 700); } .usb-toggletip-container { margin: 0; position: absolute; right: var(--forms-base-toggletip-button-right, -0.75rem); top: var(--forms-base-toggletip-button-top, 0.25rem); } .usb-toggletip-container, .usb-toggletip-container button { height: var(--token-spacing-11, 2.75rem); width: var(--token-spacing-11, 2.75rem); } .usb-toggletip-container button { background-color: initial; border: none; font-size: var(--token-font-size-xs, 0.75rem); font-weight: var(--token-font-weight-reg, 400); line-height: var(--token-line-height-3xl, 1.5); outline: none; padding: 0; position: relative; } .usb-toggletip-container button:focus > span:after { content: ""; border: 2px solid var(--token-border-focus, #235ae4); border-radius: var(--token-rounded-sm, 0.25rem); height: var(--token-spacing-7, 1.75rem); position: absolute; left: calc(var(--token-spacing-1, 0.25rem) * -1); top: calc(var(--token-spacing-1, 0.25rem) * -1); width: var(--token-spacing-7, 1.75rem); } .usb-toggletip-container button > span { display: block; height: 1.25rem; margin: 0 auto; position: relative; width: 1.25rem; } .usb-toggletip-container button > span svg:focus { outline: none; } .usb-toggletip-container button.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .usb-toggletip-container .usb-toggletip-flyout { font-size: var(--token-font-size-xs, 0.75rem); outline: none; position: absolute; right: var(--token-spacing-2, 0.5rem); bottom: calc(100% + 0.5rem); width: 11.25rem; z-index: 1; } .usb-toggletip-container .usb-toggletip-flyout_children { box-shadow: var(--token-shadow-md, 0 4px 6px -1px rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.12)); line-height: var(--token-line-height-3xl, 1.5); padding: var(--token-spacing-1, 0.25rem) var(--token-spacing-2, 0.5rem); } .usb-toggletip-container .usb-toggletip-flyout.dark { background-color: var(--token-background-inverse-primary, #001e79); color: var(--token-text-color-inverse-primary, #fff); } .usb-toggletip-container .usb-toggletip-flyout.light { background-color: var(--token-background-primary, #fff); color: var(--token-text-color-secondary, #484861); } .usb-toggletip-container .usb-toggletip-flyout:focus:after { content: ""; border: 2px solid var(--token-border-focus, #235ae4); border-radius: var(--token-rounded-sm, 0.25rem); height: calc(100% + var(--token-spacing-3, 0.75rem)); position: absolute; left: -0.375rem; top: -0.375rem; width: calc(100% + var(--token-spacing-3, 0.75rem)); } .usb--info-message { color: var(--token-text-color-tertiary, #63637f); display: flex; font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-size: var(--token-font-size-xs, 0.75rem); font-weight: var(--token-font-weight-reg, 400); line-height: var(--token-line-height-3xl, 1.5); padding-top: var(--token-spacing-1, 0.25rem); } .usb--info-message.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .usb--selectablecard { transition: box-shadow 0.25s ease-out; margin: 2px; border-radius: 10px; position: relative; background-color: var(--token-background-primary, #fff); cursor: pointer; } .usb--selectablecard .usb--checkbox-svg .usb-icon { width: 1.25rem; height: 1.25rem; margin: 1rem; display: block; border: 1px solid var(--token-color-grey-60, #7a7a95); border-radius: 4px; overflow: hidden; } .usb--selectablecard .usb--checkbox-svg .usb-icon svg { display: none; } .usb--selectablecard .usb--selectablecard-body { border: 1px solid var(--token-color-grey-30, #cdd1e2); border-radius: 10px; } .usb--selectablecard .usb--selectablecard-labeltext { font-size: var(--token-font-size-lg, 1.25rem); font-weight: var(--token-font-weight-med, 500); color: var(--token-text-color-brand-primary, #001e79); } .usb--selectablecard .usb--selectablecard-helper { font-size: var(--token-font-size-sm, 0.875rem); } .usb--selectablecard .usb--radio-input { margin: 1rem; } .usb--selectablecard:hover:not(.is-disabled) { box-shadow: var(--token-shadow-md, 0 4px 6px -1px rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.12)); } .usb--selectablecard:hover:not(.is-disabled) .usb--checkbox-svg .usb-icon, .usb--selectablecard:hover:not(.is-disabled) .usb--radio-input { border: 2px solid var(--token-background-brand-interaction, #235ae4); } .usb--selectablecard:active:not(.is-disabled) { box-shadow: var(--token-shadow-sm, 0 1px 3px 0 rgba(0, 0, 0, 0.12)); } .usb--selectablecard:not(.is-disabled) .usb--checkbox-input:checked + .usb--checkbox-svg svg { display: block; border: none; background: var(--token-background-brand-interaction, #235ae4); fill: var(--token-background-primary, #fff); } .usb--selectablecard:not(.is-disabled) .usb--checkbox-input:checked + .usb--checkbox-svg .usb-icon { border: none; } .usb--selectablecard:not(.is-disabled).is-error .usb--checkbox-input:checked + .usb--checkbox-svg .usb-icon { border: 2px solid var(--token-color-error-msg, #be1324); } .usb--selectablecard:not(.is-disabled).is-error:hover .usb--checkbox-input:checked + .usb--checkbox-svg .usb-icon { border: 2px solid var(--token-background-brand-interaction, #235ae4); } .usb--selectablecard.is-error:not(.is-disabled), .usb--selectablecard:active:not(.is-disabled), .usb--selectablecard:focus-within:not(.is-disabled) { margin: 0; border: 2px solid var(--token-background-brand-interaction, #235ae4); border-radius: 12px; } .usb--selectablecard.is-error:not(.is-disabled) .usb--selectablecard-body, .usb--selectablecard:active:not(.is-disabled) .usb--selectablecard-body, .usb--selectablecard:focus-within:not(.is-disabled) .usb--selectablecard-body { border-color: transparent; } .usb--selectablecard:focus-within:not(.is-disabled) .usb--checkbox-svg:after, .usb--selectablecard:focus-within:not(.is-disabled) .usb--radio-input:after { content: ""; display: block; position: absolute; top: -0.375rem; left: -0.375rem; width: 1.75rem; height: 1.75rem; border: 2px solid var(--token-background-brand-interaction, #235ae4); border-radius: 4px; } .usb--selectablecard:focus-within:not(.is-disabled) .usb--checkbox-svg:after { top: 0.75rem; left: 0.75rem; } .usb--selectablecard.is-error:not(.is-disabled) { border-color: var(--token-color-error-msg, #be1324); } .usb--selectablecard.is-error:not(.is-disabled) .usb--radio-input { border: 2px solid var(--token-color-error-msg, #be1324); } .usb--selectablecard.is-error:not(.is-disabled) .usb--radio-input:hover { border: 2px solid var(--token-background-brand-interaction, #235ae4); } .usb--selectablecard.is-error:not(.is-disabled) .usb--radio-input:checked:before { background-color: var(--token-color-error-msg, #be1324); } .usb--selectablecard.is-error:not(.is-disabled) .usb--checkbox-svg .usb-icon { border: 2px solid var(--token-color-error-msg, #be1324); } .usb--selectablecard.is-error:not(.is-disabled) .usb--checkbox-svg .usb-icon svg { background: transparent; fill: var(--token-color-error-msg, #be1324); margin-top: -1px; margin-left: -2px; } .usb--selectablecard.is-disabled .usb--radio-input { border: 0; background-color: var(--token-disabled-background, rgba(205, 209, 226, 0.4)); cursor: not-allowed; } .usb--selectablecard.is-disabled .usb--radio-input:before { display: none; } .usb--selectablecard.is-disabled .usb--radio-input:checked { background-color: var(--token-disabled-background, rgba(205, 209, 226, 0.4)); border: 0; } .usb--selectablecard.is-disabled .usb--radio-input:checked:before { display: block; background-color: var(--token-disabled-foreground, #7a7a95); } .usb--selectablecard.is-disabled .usb--checkbox-svg { cursor: not-allowed; } .usb--selectablecard.is-disabled .usb--checkbox-svg .usb-icon { background: var(--checkbox-disabled-icon-background-color, rgba(205, 209, 226, 0.4)); border: 0; } .usb--selectablecard.is-disabled .usb--checkbox-svg .usb-icon svg { fill: var(--token-disabled-foreground, #7a7a95); } .usb--selectablecard.is-disabled .usb--selectablecard-body { cursor: not-allowed; border: 1px solid var(--token-disabled-border, #cdd1e2); } .usb--selectablecard.is-disabled .usb--selectablecard-body .usb--selectablecard-helper, .usb--selectablecard.is-disabled .usb--selectablecard-body label, .usb--selectablecard.is-disabled .usb--selectablecard-body label .usb--selectablecard-image, .usb--selectablecard.is-disabled .usb--selectablecard-body label .usb--selectablecard-labeltext { cursor: not-allowed; } .usb--selectablecard.is-disabled .usb--selectablecard-body .usb--selectablecard-helper, .usb--selectablecard.is-disabled .usb--selectablecard-body label .usb--selectablecard-labeltext { color: var(--token-disabled-foreground, #7a7a95); } .usb--selectablecard.is-disabled .usb--checkbox-input:checked + .usb--checkbox-svg .usb-icon svg { display: block; fill: var(--checkbox-checked-disabled-icon-fill-color, #7a7a95); } .usb--selectablecard.is-read-only { pointer-events: none; } .usb--selectablecard.is-read-only .usb--radio-input { border: 2px solid var(--token-color-grey-30, #cdd1e2); background-color: var(--token-color-grey-30, #cdd1e2); } .usb--selectablecard.is-read-only .usb--radio-input:before { display: none; } .usb--selectablecard.is-read-only .usb--checkbox-svg .usb-icon { border: 1px solid var(--token-color-grey-30, #cdd1e2); background-color: var(--token-color-grey-30, #cdd1e2); } .usb--selectablecard.horizontal-illustration, .usb--selectablecard.horizontal-image { display: flex; flex-direction: column; justify-content: center; } .usb--selectablecard.horizontal-illustration .usb--selectablecard-body, .usb--selectablecard.horizontal-image .usb--selectablecard-body { padding: 1rem 3rem 1rem 6.625rem; min-height: 5.625rem; display: flex; flex-direction: column; justify-content: center; } .usb--selectablecard.horizontal-illustration .usb--checkbox-svg, .usb--selectablecard.horizontal-illustration input, .usb--selectablecard.horizontal-image .usb--checkbox-svg, .usb--selectablecard.horizontal-image input { position: absolute; right: 0; top: 50%; margin-top: -0.65rem; left: unset; } .usb--selectablecard.horizontal-illustration input[type=checkbox], .usb--selectablecard.horizontal-image input[type=checkbox] { margin-top: -1.4rem; } .usb--selectablecard.horizontal-illustration .usb--checkbox-svg, .usb--selectablecard.horizontal-image .usb--checkbox-svg { margin-top: -1.6rem; } .usb--selectablecard.horizontal-illustration .usb--selectablecard-image, .usb--selectablecard.horizontal-image .usb--selectablecard-image { position: absolute; left: 0; top: 0; width: 5.525rem; height: 100%; border-top-left-radius: 10px; border-bottom-left-radius: 10px; overflow: hidden; } .usb--selectablecard.horizontal-illustration .usb--selectablecard-image img, .usb--selectablecard.horizontal-image .usb--selectablecard-image img { width: 100%; height: 100%; object-fit: cover; } .usb--selectablecard.usb--selectablecard.horizontal-image .usb--selectablecard-helper { font-size: var(--token-font-size-base, 1rem); } .usb--selectablecard.horizontal-illustration .usb--selectablecard-image { padding: 0 0 0 1rem; width: 6.5rem; } .usb--selectablecard.horizontal-illustration .usb--selectablecard-image svg { width: 100%; height: 100%; } .usb--selectablecard.horizontal-illustration .usb--selectablecard-body { padding-left: 7.625rem; } .usb--selectablecard.vertical-illustration, .usb--selectablecard.vertical-image { display: flex; flex-direction: column; } .usb--selectablecard.vertical-illustration .usb--checkbox-svg, .usb--selectablecard.vertical-illustration input, .usb--selectablecard.vertical-image .usb--checkbox-svg, .usb--selectablecard.vertical-image input { position: absolute; top: 12.75rem; left: 0.125rem; } .usb--selectablecard.vertical-illustration .usb--selectablecard-body, .usb--selectablecard.vertical-image .usb--selectablecard-body { padding-bottom: 1.5rem; } .usb--selectablecard.vertical-illustration .usb--selectablecard-body label, .usb--selectablecard.vertical-image .usb--selectablecard-body label { display: flex; flex-direction: column; } .usb--selectablecard.vertical-illustration .usb--selectablecard-image, .usb--selectablecard.vertical-image .usb--selectablecard-image { width: calc(100% + 2px); margin: -1px 0 0 -1px; border-top-left-radius: 10px; border-top-right-radius: 10px; order: -1; height: 12.125rem; overflow: hidden; } .usb--selectablecard.vertical-illustration .usb--selectablecard-image img, .usb--selectablecard.vertical-image .usb--selectablecard-image img { width: 100%; } .usb--selectablecard.vertical-illustration .usb--selectablecard-helper, .usb--selectablecard.vertical-illustration .usb--selectablecard-labeltext, .usb--selectablecard.vertical-image .usb--selectablecard-helper, .usb--selectablecard.vertical-image .usb--selectablecard-labeltext { margin-left: 3.3rem; margin-right: 1rem; } .usb--selectablecard.vertical-illustration .usb--selectablecard-labeltext, .usb--selectablecard.vertical-image .usb--selectablecard-labeltext { margin-top: 1.5rem; } .usb--selectablecard.vertical-image .usb--selectablecard-image { display: flex; flex-direction: column; justify-content: center; } .usb--selectablecard.vertical-illustration .usb--checkbox-svg, .usb--selectablecard.vertical-illustration input { top: 0; right: 0; left: unset; } .usb--selectablecard.vertical-illustration .usb--selectablecard-image { padding: 1rem; height: 6.5rem; text-align: center; } .usb--selectablecard.vertical-illustration .usb--selectablecard-image img, .usb--selectablecard.vertical-illustration .usb--selectablecard-image svg { width: 5.5rem; } .usb--selectablecard.vertical-illustration .usb--selectablecard-helper, .usb--selectablecard.vertical-illustration .usb--selectablecard-labeltext { margin-left: 1rem; text-align: center; display: block; } .usb--selectablecard.vertical-illustration .usb--selectablecard-labeltext { margin-top: 0.5rem; font-size: var(--token-font-size-base, 1rem); } /*!**************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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/@usb-wealthmanagement-npb/loan-modification/dist/styles/index.css?ngGlobalStyle ***! \**************************************************************************************************************************************************************************************************************************************************************************************/ .content-wrapper { padding: 20px; } .content-wrapper .instruction-text { padding: 0px 20px; font-size: 14px; font-weight: 500; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; width: 65%; } .content-wrapper .error-banner-block { padding: 20px 2% 0px; width: 60%; } .content-wrapper .loan-mod-container { padding: 20px 2%; display: flex; justify-content: space-between; } @media screen and (max-width: 820px) { .content-wrapper .loan-mod-container { flex-direction: column; padding: 20px 5%; } } .content-wrapper .loan-mod-container .load-mod-block { flex: 1.2; } .content-wrapper .loan-mod-container .load-mod-block .loan-questions { background-color: #f2f2f5; border-radius: 10px; padding: 30px 30px; box-shadow: 0 6px 4px 0 rgba(0, 0, 0, 0.1490196078); } .content-wrapper .loan-mod-container .load-mod-block .form-element-block { padding: 20px 0; } .content-wrapper .loan-mod-container .load-mod-block .form-element-block select { background-color: #f2f2f5; } .content-wrapper .loan-mod-container .load-mod-block .form-element-block label { font-size: 14px; font-weight: 500; } .content-wrapper .loan-mod-container .load-mod-block .notification-block { padding-top: 20px; } .content-wrapper .loan-mod-container .contact-info-block { flex: 0.8; display: flex; justify-content: end; } @media screen and (max-width: 820px) { .content-wrapper .loan-mod-container .contact-info-block { justify-content: center; } } .content-wrapper .loan-mod-footer-action-button-group { margin-bottom: 20px; display: flex; align-items: center; padding: 0 20px; } .content-wrapper .loan-mod-footer-action-button-group button { margin-right: 20px; } .usb-notification > .confirmation, .usb-notification > .error, .usb-notification > .information, .usb-notification > .warning { display: flex; align-items: flex-start; width: 100%; padding: var(--token-spacing-4, 1rem) var(--token-spacing-10, 2.5rem) var(--token-spacing-4, 1rem) var(--token-spacing-4, 1rem); border-radius: var(--token-rounded-sm, 0.25rem); position: relative; outline-offset: -1px; color: var(--notification-text-color, #2d2d3e); font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-weight: var(--token-font-weight-reg, 400); font-size: var(--token-font-size-sm, 0.875rem); line-height: var(--token-line-height-3xl, 1.5); } .usb-notification > .confirmation > div, .usb-notification > .error > div, .usb-notification > .information > div, .usb-notification > .warning > div { margin-right: var(--token-spacing-3, 0.75rem); } .usb-notification > .confirmation h2, .usb-notification > .error h2, .usb-notification > .information h2, .usb-notification > .warning h2 { position: relative; color: var(--notification-heading-text-color, #2d2d3e); font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-weight: var(--token-font-weight-med, 500); font-size: var(--token-font-size-sm, 0.875rem); line-height: var(--token-line-height-3xl, 1.5); display: flex; } .usb-notification > .confirmation ul, .usb-notification > .error ul, .usb-notification > .information ul, .usb-notification > .warning ul { list-style-type: disc; margin: var(--token-spacing-1, 0.25rem) var(--token-spacing-0, 0) var(--token-spacing-0, 0) var(--token-spacing-12, 3rem); } .usb-notification > .confirmation ul li, .usb-notification > .error ul li, .usb-notification > .information ul li, .usb-notification > .warning ul li { margin: var(--token-spacing-2, 0.5rem) var(--token-spacing-0, 0) var(--token-spacing-0, 0); vertical-align: middle; font-size: var(--token-font-size-sm, 0.875rem); } .usb-notification > .confirmation ul li .button--naked, .usb-notification > .error ul li .button--naked, .usb-notification > .information ul li .button--naked, .usb-notification > .warning ul li .button--naked { margin: var(--token-spacing-0, 0); -webkit-text-decoration: underline; text-decoration: underline; line-height: inherit; vertical-align: initial; border: none; background: none; padding: var(--token-spacing-0, 0); display: inline; } .usb-notification > .confirmation a, .usb-notification > .confirmation button:not(.usb-button), .usb-notification > .error a, .usb-notification > .error button:not(.usb-button), .usb-notification > .information a, .usb-notification > .information button:not(.usb-button), .usb-notification > .warning a, .usb-notification > .warning button:not(.usb-button) { -webkit-text-decoration: none; text-decoration: none; border: none; background: none; padding: var(--token-spacing-0, 0); line-height: var(--token-line-height-3xl, 1.5); } .usb-notification > .confirmation .notification--content-group, .usb-notification > .error .notification--content-group, .usb-notification > .information .notification--content-group, .usb-notification > .warning .notification--content-group { white-space: normal; } @media only screen and (min-width: 30rem) { .usb-notification > .confirmation .notification--content-group, .usb-notification > .error .notification--content-group, .usb-notification > .information .notification--content-group, .usb-notification > .warning .notification--content-group { white-space: nowrap; } } .usb-notification > .confirmation .multiple-notification--text, .usb-notification > .confirmation .single-notification--text, .usb-notification > .error .multiple-notification--text, .usb-notification > .error .single-notification--text, .usb-notification > .information .multiple-notification--text, .usb-notification > .information .single-notification--text, .usb-notification > .warning .multiple-notification--text, .usb-notification > .warning .single-notification--text { display: inline-flex; flex-direction: row; -webkit-text-decoration: none; text-decoration: none; font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); line-height: var(--token-line-height-3xl, 1.5); font-size: var(--token-font-size-sm, 0.875rem); font-weight: var(--token-font-weight-reg, 400); color: var(--notification-message-text-color, #2d2d3e); } .usb-notification > .confirmation .multiple-notification--text.single-notification--header, .usb-notification > .confirmation .single-notification--text.single-notification--header, .usb-notification > .error .multiple-notification--text.single-notification--header, .usb-notification > .error .single-notification--text.single-notification--header, .usb-notification > .information .multiple-notification--text.single-notification--header, .usb-notification > .information .single-notification--text.single-notification--header, .usb-notification > .warning .multiple-notification--text.single-notification--header, .usb-notification > .warning .single-notification--text.single-notification--header { outline: none; } .usb-notification > .confirmation .single-notification--text, .usb-notification > .confirmation .single-notification--text + span.notification--content-group, .usb-notification > .error .single-notification--text, .usb-notification > .error .single-notification--text + span.notification--content-group, .usb-notification > .information .single-notification--text, .usb-notification > .information .single-notification--text + span.notification--content-group, .usb-notification > .warning .single-notification--text, .usb-notification > .warning .single-notification--text + span.notification--content-group { vertical-align: middle; } .usb-notification > .confirmation .multiple-notification--btn-text, .usb-notification > .confirmation .multiple-notification--link-text, .usb-notification > .confirmation .single-notification--link-btn, .usb-notification > .confirmation .single-notification--link-text, .usb-notification > .error .multiple-notification--btn-text, .usb-notification > .error .multiple-notification--link-text, .usb-notification > .error .single-notification--link-btn, .usb-notification > .error .single-notification--link-text, .usb-notification > .information .multiple-notification--btn-text, .usb-notification > .information .multiple-notification--link-text, .usb-notification > .information .single-notification--link-btn, .usb-notification > .information .single-notification--link-text, .usb-notification > .warning .multiple-notification--btn-text, .usb-notification > .warning .multiple-notification--link-text, .usb-notification > .warning .single-notification--link-btn, .usb-notification > .warning .single-notification--link-text { color: var(--notification-message-link-text-color, #235ae4); font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-size: var(--token-font-size-base, 1rem); font-size: var(--token-font-size-sm, 0.875rem); font-weight: var(--token-font-weight-reg, 400); -webkit-text-decoration: underline; text-decoration: underline; text-align: left; line-height: var(--token-line-height-3xl, 1.5); } .usb-notification > .confirmation .multiple-notification--btn-text:hover, .usb-notification > .confirmation .multiple-notification--link-text:hover, .usb-notification > .confirmation .single-notification--link-btn:hover, .usb-notification > .confirmation .single-notification--link-text:hover, .usb-notification > .error .multiple-notification--btn-text:hover, .usb-notification > .error .multiple-notification--link-text:hover, .usb-notification > .error .single-notification--link-btn:hover, .usb-notification > .error .single-notification--link-text:hover, .usb-notification > .information .multiple-notification--btn-text:hover, .usb-notification > .information .multiple-notification--link-text:hover, .usb-notification > .information .single-notification--link-btn:hover, .usb-notification > .information .single-notification--link-text:hover, .usb-notification > .warning .multiple-notification--btn-text:hover, .usb-notification > .warning .multiple-notification--link-text:hover, .usb-notification > .warning .single-notification--link-btn:hover, .usb-notification > .warning .single-notification--link-text:hover { -webkit-text-decoration: none; text-decoration: none; } .usb-notification > .confirmation .multiple-notification--link, .usb-notification > .error .multiple-notification--link, .usb-notification > .information .multiple-notification--link, .usb-notification > .warning .multiple-notification--link { margin-left: var(--token-spacing-1, 0.25rem); } .usb-notification > .confirmation .single-notification--btn-text, .usb-notification > .confirmation .single-notification--link-text, .usb-notification > .error .single-notification--btn-text, .usb-notification > .error .single-notification--link-text, .usb-notification > .information .single-notification--btn-text, .usb-notification > .information .single-notification--link-text, .usb-notification > .warning .single-notification--btn-text, .usb-notification > .warning .single-notification--link-text { color: var(--notification-message-link-text-color, #235ae4); font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-size: var(--token-font-size-base, 1rem); font-size: var(--token-font-size-sm, 0.875rem); font-weight: var(--token-font-weight-reg, 400); -webkit-text-decoration: underline; text-decoration: underline; line-height: var(--token-line-height-3xl, 1.5); margin: var(--token-spacing-0, 0) var(--token-spacing-1, 0.25rem); } .usb-notification > .confirmation .single-notification--btn-text:hover, .usb-notification > .confirmation .single-notification--link-text:hover, .usb-notification > .error .single-notification--btn-text:hover, .usb-notification > .error .single-notification--link-text:hover, .usb-notification > .information .single-notification--btn-text:hover, .usb-notification > .information .single-notification--link-text:hover, .usb-notification > .warning .single-notification--btn-text:hover, .usb-notification > .warning .single-notification--link-text:hover { -webkit-text-decoration: none; text-decoration: none; } .usb-notification > .confirmation .single-notification--text-end-short, .usb-notification > .error .single-notification--text-end-short, .usb-notification > .information .single-notification--text-end-short, .usb-notification > .warning .single-notification--text-end-short { margin: var(--token-spacing-0, 0) var(--token-spacing-0, 0) var(--token-spacing-0, 0) var(--token-spacing-1, 0.25rem); } .usb-notification > .confirmation .single-notification--link-btn, .usb-notification > .confirmation .single-notification--text, .usb-notification > .error .single-notification--link-btn, .usb-notification > .error .single-notification--text, .usb-notification > .information .single-notification--link-btn, .usb-notification > .information .single-notification--text, .usb-notification > .warning .single-notification--link-btn, .usb-notification > .warning .single-notification--text { -webkit-text-decoration: none; text-decoration: none; color: var(--notification-message-button-background-color, #2d2d3e); font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-size: var(--token-font-size-base, 1rem); line-height: var(--token-line-height-3xl, 1.5); font-size: var(--token-font-size-sm, 0.875rem); font-weight: var(--token-font-weight-reg, 400); } @media (-ms-high-contrast: active), (-ms-high-contrast: none) { .usb-notification > .confirmation .single-notification--link-btn, .usb-notification > .confirmation .single-notification--text, .usb-notification > .error .single-notification--link-btn, .usb-notification > .error .single-notification--text, .usb-notification > .information .single-notification--link-btn, .usb-notification > .information .single-notification--text, .usb-notification > .warning .single-notification--link-btn, .usb-notification > .warning .single-notification--text { margin-left: 12px; } } .usb-notification > .confirmation .single-notification--link-btn:focus, .usb-notification > .confirmation .single-notification--text:focus, .usb-notification > .error .single-notification--link-btn:focus, .usb-notification > .error .single-notification--text:focus, .usb-notification > .information .single-notification--link-btn:focus, .usb-notification > .information .single-notification--text:focus, .usb-notification > .warning .single-notification--link-btn:focus, .usb-notification > .warning .single-notification--text:focus { outline-offset: var(--token-spacing-1, 0.25rem); outline-color: var(--token-text-color-interaction, #235ae4); } .usb-notification > .confirmation .single-notification--btn-wrapper, .usb-notification > .error .single-notification--btn-wrapper, .usb-notification > .information .single-notification--btn-wrapper, .usb-notification > .warning .single-notification--btn-wrapper { display: flex; } .usb-notification > .confirmation #children-notification-children-notification, .usb-notification > .error #children-notification-children-notification, .usb-notification > .information #children-notification-children-notification, .usb-notification > .warning #children-notification-children-notification { padding-top: var(--token-spacing-1, 0.25rem); } .usb-notification > .confirmation #children-notification-children-notification a, .usb-notification > .error #children-notification-children-notification a, .usb-notification > .information #children-notification-children-notification a, .usb-notification > .warning #children-notification-children-notification a { -webkit-text-decoration: underline; text-decoration: underline; } .usb-notification .usb-children-notification { margin-left: var(--token-spacing-8, 2rem); } .usb-notification .usb-children-notification .usb-icon { position: absolute; left: var(--token-spacing-4, 1rem); } .usb-notification .icon { width: var(--token-spacing-5, 1.25rem); height: var(--token-spacing-5, 1.25rem); margin-right: var(--token-spacing-3, 0.75rem); } @media (-ms-high-contrast: active), (-ms-high-contrast: none) { .usb-notification .icon { width: 20px; } } .usb-notification .usb-button.usb-button--close-btn { position: absolute; top: var(--token-spacing-4, 1rem); right: var(--token-spacing-5, 1.25rem); cursor: pointer; padding: var(--token-spacing-0, 0); height: var(--token-spacing-5, 1.25rem); min-height: 0; min-width: 0; width: var(--token-spacing-5, 1.25rem); background: transparent; } .usb-notification .usb-button.usb-button--close-btn .svg-icon svg circle, .usb-notification .usb-button.usb-button--close-btn .svg-icon svg ellipse, .usb-notification .usb-button.usb-button--close-btn .svg-icon svg g, .usb-notification .usb-button.usb-button--close-btn .svg-icon svg path { fill: var(--notification-close-icon-fill-color, #2d2d3e); } .usb-notification .usb-button.usb-button--close-btn:hover { background: transparent; } .usb-notification > .error { border: 1px solid var(--notification-error-border-color, #ffbeb4); border-top: 4px solid var(--notification-error-border-top, #ce2935); background-color: var(--notification-error-background-color, #ffe9ea); box-shadow: var(--token-shadow-sm, 0 1px 3px 0 rgba(0, 0, 0, 0.12)); } .usb-notification > .error .usb-button:hover .svg-icon svg circle, .usb-notification > .error .usb-button:hover .svg-icon svg g, .usb-notification > .error .usb-button:hover .svg-icon svg path, .usb-notification > .error .usb-button:hover .svg-icon svg rect { fill: var(--notification-error-hover-icon-fill-color, #2d2d3e); } .usb-notification > .confirmation { border: 1px solid var(--notification-confirmation-border-color, #a0dcaa); border-top: 4px solid var(--notification-confirmation-border-top, #007d1e); background-color: var(--notification-confirmation-background-color, #e5f8e8); box-shadow: var(--token-shadow-sm, 0 1px 3px 0 rgba(0, 0, 0, 0.12)); } .usb-notification > .confirmation .usb-button:hover .svg-icon svg circle, .usb-notification > .confirmation .usb-button:hover .svg-icon svg g, .usb-notification > .confirmation .usb-button:hover .svg-icon svg path, .usb-notification > .confirmation .usb-button:hover .svg-icon svg rect { fill: var(--notification-confirmation-hover-icon-fill-color, #2d2d3e); } .usb-notification > .warning { border: 1px solid var(--notification-warning-border-color, #ffd589); border-top: 4px solid var(--notification-warning-border-top, #eb5e01); background-color: var(--notification-warning-background-color, #fff4e4); box-shadow: var(--token-shadow-sm, 0 1px 3px 0 rgba(0, 0, 0, 0.12)); } .usb-notification > .warning .svg-icon { transform: rotate(180deg); } .usb-notification > .warning .usb-button:hover .svg-icon svg circle, .usb-notification > .warning .usb-button:hover .svg-icon svg g, .usb-notification > .warning .usb-button:hover .svg-icon svg path, .usb-notification > .warning .usb-button:hover .svg-icon svg rect { fill: var(--notification-warning-hover-icon-fill-color, #2d2d3e); } .usb-notification > .information { box-shadow: var(--token-shadow-sm, 0 1px 3px 0 rgba(0, 0, 0, 0.12)); border: 1px solid var(--notification-information-border-color, #aad2ff); border-top: 4px solid var(--notification-information-border-top, #235ae4); background-color: var(--notification-information-background-color, #eef6ff); } .usb-notification > .information .usb-button:hover .svg-icon svg circle, .usb-notification > .information .usb-button:hover .svg-icon svg g, .usb-notification > .information .usb-button:hover .svg-icon svg path, .usb-notification > .information .usb-button:hover .svg-icon svg rect { fill: var(--notification-information-hover-icon-fill-color, #2d2d3e); } /*!****************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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/@usb-wealthmanagement-npb/prepare-application/dist/styles/index.css?ngGlobalStyle ***! \****************************************************************************************************************************************************************************************************************************************************************************************/ .prepare-application-main-wrapper .adv-contact-info-wrapper { background-color: #f7f7fa; border-radius: 10px; padding: 20px; margin-top: 10px; } @media screen and (min-width: 600px) { .prepare-application-main-wrapper .adv-contact-info-wrapper { min-width: 400px; } } @media screen and (min-width: 801px) { .prepare-application-main-wrapper .adv-contact-info-wrapper { max-width: 800px; } } .prepare-application-main-wrapper .adv-contact-info-wrapper .adv-contact-info-title { margin-bottom: 10px; font-family: Circular-USB-Bold, Helvetica, Arial, sans-serif; display: flex; color: #636466; align-items: center; } @media screen and (max-width: 600px) { .prepare-application-main-wrapper .adv-contact-info-wrapper .adv-contact-info-title { flex-direction: column; align-items: start; } } .prepare-application-main-wrapper .adv-contact-info-wrapper .adv-contact-info-title .adv-icon-name-wrapper { display: flex; } .prepare-application-main-wrapper .adv-contact-info-wrapper .adv-contact-info-title .adv-name { padding: 0px 20px; font-size: 20px; } .prepare-application-main-wrapper .adv-contact-info-wrapper .adv-contact-info-title .adv-firm-name { padding: 0px 20px; font-size: 20px; } @media screen and (max-width: 600px) { .prepare-application-main-wrapper .adv-contact-info-wrapper .adv-contact-info-title .adv-firm-name { padding: 10px 10px 10px 46px; font-size: 16px; } } .prepare-application-main-wrapper .adv-contact-info-wrapper .adv-contact-info-content { display: flex; } @media screen and (max-width: 600px) { .prepare-application-main-wrapper .adv-contact-info-wrapper .adv-contact-info-content { flex-direction: column; } } .prepare-application-main-wrapper .adv-contact-info-wrapper .adv-contact-info-content { align-items: end; } .prepare-application-main-wrapper .adv-contact-info-wrapper .adv-contact-info-content .adv-contact-info-form { flex: 8; } @media screen and (max-width: 600px) { .prepare-application-main-wrapper .adv-contact-info-wrapper .adv-contact-info-content .adv-contact-info-form { flex: 1; } } .prepare-application-main-wrapper .adv-contact-info-wrapper .adv-contact-info-content .adv-contact-info-form .adv-phone-ext-warpper { margin-top: 10px; display: flex; align-items: baseline; } .prepare-application-main-wrapper .adv-contact-info-wrapper .adv-contact-info-content .adv-contact-info-form .adv-phone-ext-warpper .form-element-wrapper.phone { flex: 2; } .prepare-application-main-wrapper .adv-contact-info-wrapper .adv-contact-info-content .adv-contact-info-form .adv-phone-ext-warpper .form-element-wrapper.ext { padding-left: 20px; flex: 1; } .prepare-application-main-wrapper .adv-contact-info-wrapper .adv-contact-info-content .advisor-contact-info-detail { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; font-size: 20px; letter-spacing: 0.13px; color: #636466; display: inline-block; padding-left: 46px; word-break: break-all; } .prepare-application-main-wrapper .adv-contact-info-wrapper .adv-contact-info-content .adv-contact-info-form-btn-wrapper { flex: 2; display: flex; align-items: end; justify-content: center; padding-bottom: 20px; } @media screen and (max-width: 600px) { .prepare-application-main-wrapper .adv-contact-info-wrapper .adv-contact-info-content .adv-contact-info-form-btn-wrapper { padding-top: 20px; flex: 1; width: 100%; } .prepare-application-main-wrapper .adv-contact-info-wrapper .adv-contact-info-content .adv-contact-info-form-btn-wrapper button { width: 100%; } } @media screen and (max-width: 1023px) { .prepare-application-main-wrapper .show-in-desktop-only { display: none !important; } } @media screen and (min-width: 1022px) { .prepare-application-main-wrapper .show-in-mobile-only { display: none !important; } } .prepare-application-main-wrapper .send-to-client-btn-wrapper { padding: 20px 2%; } @media screen and (max-width: 600px) { .prepare-application-main-wrapper .send-to-client-btn-wrapper { padding: 20px 20px; } } .prepare-application-main-wrapper .prepare-app-content-text { font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.57; letter-spacing: 0.13px; color: #636466; } .prepare-application-main-wrapper .applications-list { flex: 1.2; } .prepare-application-main-wrapper .applications-list ul, .prepare-application-main-wrapper .applications-list li { margin: 0px; padding: 0px; padding-left: 0px; list-style-type: none; } .prepare-application-main-wrapper .applications-list .applications-list-item { border-radius: 10px; border: solid 1px #f2f2f5; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); margin-bottom: 16px; } .prepare-application-main-wrapper .applications-list .applications-list-item-content { display: flex; padding: 10px 20px; } .prepare-application-main-wrapper .applications-list .applications-list-item-content .applications-list-item-content-text { color: #636466; padding-left: 20px; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; } .prepare-application-main-wrapper .applications-list .applications-list-item-content .applications-list-item-content-text div { font-size: 20px; } .prepare-application-main-wrapper .applications-list .applications-list-item-content .applications-list-item-content-text .applications-list-fullname { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; font-size: 20px; font-weight: normal; font-style: normal; font-stretch: normal; letter-spacing: 0.3px; color: #636466 !important; } .prepare-application-main-wrapper .applications-list .applications-list-item-content .applications-list-item-content-text .applications-list-role { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; font-size: 20px; letter-spacing: 0.25px; text-align: left; color: #636466; } .prepare-application-main-wrapper .applications-list .applications-list-item-footer { padding: 10px 20px; background-color: #f7f7fa; border-radius: 0px 0px 10px 10px; display: flex; align-items: center; justify-content: space-between; } @media screen and (max-width: 600px) { .prepare-application-main-wrapper .applications-list .applications-list-item-footer { flex-direction: column; align-items: start; gap: 20px; } } .prepare-application-main-wrapper .applications-list .applications-list-item-footer .status-wrapper { padding-left: 45px; flex: 1; } @media screen and (max-width: 1025px) { .prepare-application-main-wrapper .applications-list .applications-list-item-footer .status-wrapper { padding-left: 0px; } } .prepare-application-main-wrapper .applications-list .applications-list-item-footer .status-wrapper .applications-list-status-text { margin-left: 10px; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; font-size: 16px; font-style: normal; font-stretch: normal; line-height: 1.64; letter-spacing: 0.2px; color: #000000; } .prepare-application-main-wrapper .applications-list .applications-list-item-footer .btn-wrapper { flex: 1; text-align: right; display: flex; justify-content: end; } .prepare-application-main-wrapper .applications-list .applications-list-item-footer .btn-wrapper .pa-edit-button { margin-right: 10px; } .prepare-application-main-wrapper .trust-map-dai-wrapper { padding-left: 2%; flex: 0.8; display: flex; justify-content: center; } @media screen and (max-width: 820px) { .prepare-application-main-wrapper .trust-map-dai-wrapper { justify-content: flex-start; } } @media screen and (min-width: 1281px) { .prepare-application-main-wrapper .trust-map-dai-wrapper { justify-content: flex-start; flex: 1.5; } } @media screen and (min-width: 1800px) { .prepare-application-main-wrapper .trust-map-dai-wrapper { justify-content: flex-start; flex: 2; } } .prepare-application-main-wrapper .form-element-wrapper .form-element-input input { padding-left: 2px; color: #2c2c2c !important; font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif !important; } .prepare-application-main-wrapper .mar-t-0 { margin-top: 0px !important; } .prepare-application-main-wrapper .padding-t-0 { padding-top: 0px !important; } .prepare-application-main-wrapper .usb--radio-text { font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; } .prepare-application-main-wrapper .trustee-legend, .prepare-application-main-wrapper .form-element-wrapper .form-element-radio legend, .prepare-application-main-wrapper .usb--wrapper.is-value .usb--floating-label, .prepare-application-main-wrapper .form-element-wrapper .form-element-select label { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; color: #2c2c2c !important; } .prepare-application-main-wrapper .trustee-legend { font-size: 14px !important; } .prepare-application-main-wrapper .form-element-wrapper .form-element-select label { font-size: 0.875rem; } .prepare-application-main-wrapper .form-element-wrapper .form-element-select select { color: #555 !important; font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif !important; } .prepare-application-main-wrapper .field-array-wrapper { display: flex; flex-direction: row; align-items: start; justify-content: space-between; gap: 10px; padding: 0px 0px 15px 15px; border: 1px solid #c2c2d1; border-radius: 5px; margin-bottom: 10px; } .prepare-application-main-wrapper .field-array-wrapper .form-element-wrapper { flex: 1; } .prepare-application-main-wrapper .usb-notification > .information { padding: 10px; } .color-blue { color: #0c2074; } .pipe-border { border-right: 2px solid #636466; margin: 5px 0px; } @media screen and (max-width: 600px) { .pipe-border { display: none; } } @media only screen and (min-width: 900px) { .usb-modal-v2--dialog { height: 80vh !important; width: 70vw !important; max-width: 45rem; } .usb-modal-v2--dialog .usb-modal-v2--body { max-height: 50vh !important; } } .modal-form-wrapper { display: flex; flex-direction: column; gap: 20px; } .modal-form-wrapper .texted-tooltip-wrapper .texted-tooltip { text-decoration: underline !important; color: #0A41CF !important; } .modal-form-wrapper .texted-tooltip-wrapper.tooltip { opacity: 1; } .modal-form-wrapper .texted-tooltip-wrapper.tooltip .tooltip__trigger { width: auto; height: auto; } .modal-form-wrapper .texted-tooltip-wrapper.tooltip .tooltip__content { max-width: 50vw; width: 50vw; } @media screen and (min-width: 600px) { .modal-form-wrapper .texted-tooltip-wrapper.tooltip .tooltip__content { max-width: 30vw; width: 30vw; } } .invite-app-modal-content .heading-modal-content { font-size: 24px; line-height: 30px; letter-spacing: 0.3px; color: #0c2074; margin-bottom: 1rem; } .invite-app-modal-content .helpertext-modal-content { font-size: 14px; line-height: 1.5; letter-spacing: 0.3px; color: #636466; margin-bottom: 1rem; } .invite-app-modal-content .address-details-container { display: flex; flex-direction: column; gap: 1rem; } .invite-app-modal-content .address-details-container > div { flex: 1; } @media screen and (min-width: 600px) { .invite-app-modal-content .address-details-container { flex-direction: row; } } .invite-app-modal-content .field-with-helper-wrapper { display: flex; flex-direction: column; gap: 5px; } .invite-app-modal-content .field-label-wrapper .field-label { color: #6e6e6e; font-weight: 400; font-size: 0.875rem; line-height: 1.5; } .invite-app-modal-content .field-label-wrapper .field-value { font-size: 18px; font-style: normal; font-stretch: normal; line-height: 1.33; letter-spacing: normal; font-weight: bold; margin-bottom: 15px; } .invite-app-modal-content .form-element-wrapper.state { padding-top: 4px; } .invite-app-modal-content .form-element-wrapper.state .usb--select--wrapper { margin-top: 0 !important; } @media only screen and (min-width: 700px) { .invite-app-modal .usb-modal-v2--dialog { height: 95vh !important; } } @media only screen and (min-width: 700px) { .invite-app-modal .usb-modal-v2--dialog .usb-modal-v2--body { max-height: 65vh !important; } } .btn-send-to-client { width: 263px; } .text-field-tooltip { opacity: 1; left: 96%; top: 50px; } .text-field-tooltip .tooltip__content { max-width: 70vw; width: 35vw; } @media screen and (max-width: 767px) { .text-field-tooltip .tooltip__content { width: 80vw; max-width: 80vw; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .text-field-tooltip .tooltip__content { width: 55vw; max-width: 55vw; } } .text-field-tooltip .tooltip__content p { font-size: 12px; } .opacity-1 { opacity: 1 !important; } .form-element-wrapper.trustTotalAssets { width: 70%; } .trust-total-asset-wrapper, .date-of-amendments-wrapper { display: flex; align-items: center; } .trust-total-asset-wrapper .tooltip, .date-of-amendments-wrapper .tooltip { margin-top: 10px; margin-left: 10px; } .trust-total-asset-wrapper .form-element-wrapper.dateOfAmendments, .date-of-amendments-wrapper .form-element-wrapper.dateOfAmendments { flex: 2; } .trust-total-asset-wrapper .add-dates-button, .date-of-amendments-wrapper .add-dates-button { margin-left: 10px; } .form-element-wrapper.stateMailing, .form-element-wrapper.stateLegal { margin-top: 5px; } .form-element-wrapper.stateMailing .usb--select--wrapper, .form-element-wrapper.stateLegal .usb--select--wrapper { margin-top: 0 !important; } .form-element-wrapper.natureOfTrust .usb--select--wrapper.is-read-only { border-bottom: none !important; } .dates-wrapper { display: flex; align-items: center; gap: 10px; } .dates-wrapper .usb-chips-removable .chips-list, .dates-wrapper .usb-chips-removable ul, .dates-wrapper .usb-chips-removable ol { margin: 20px 0px 0px 0px !important; padding-left: 0px !important; } .app-modal .heading-modal-content { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; font-size: 24px; line-height: 30px; letter-spacing: 0.3px; color: #0c2074; margin-bottom: 1rem; } .app-modal.invite-app-modal .usb-modal-v2--header h1, .app-modal.start-app-modal .usb-modal-v2--header h1, .app-modal.trust-info-modal .usb-modal-v2--header h1 { color: #2C2C2C; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; font-size: 28px !important; } .form-field .usb--info-message { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; } .trust-map-dai-wrapper .trust-map-daigram-main { border-radius: 10px; padding: 40px 20px 40px 40px; height: max-content; color: #cdcdd3; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); border: 1px solid rgb(205, 205, 211); position: relative; background: #ffffff; } .trust-map-dai-wrapper .trust-map-daigram-main:after { content: ""; position: absolute; top: 40px; left: -37px; border-style: solid; border-width: 25px 25px 0; border-color: #ffffff transparent; display: block; width: 0; z-index: 1; transform: rotate(90deg); } .trust-map-dai-wrapper .trust-map-daigram-main:before { content: ""; position: absolute; top: 40px; left: -39px; border-style: solid; border-width: 26px 26px 0; border-color: #cdcdd3 transparent; display: block; width: 0; transform: rotate(90deg); } .applications-list-warpper { display: flex; justify-content: space-between; gap: 20px; } @media screen and (max-width: 820px) { .applications-list-warpper { flex-direction: column; } } .duplicate-error-text-msg > span { color: #cf2a36; font-size: 0.875rem; margin-bottom: 0px; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; } .loan-funding-detail-wrapper { padding: 20px; background-color: #f8f7f4; margin-bottom: 10px; } .loan-funding-detail-wrapper .heading { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; font-size: 20px; letter-spacing: 0.25px; color: #636466; } .loan-funding-detail-wrapper .details { font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif !important; font-size: 16px; letter-spacing: 0.25px; color: #636466; line-height: 30px; word-wrap: break-word; } .form-element-wrapper.accountType .usb--radio-list, .form-element-wrapper.usbActiveAccountInd .usb--radio-list, .form-element-wrapper.defendantInLegalAction .usb--radio-list, .form-element-wrapper.bankruptcyOrJudgement .usb--radio-list, .form-element-wrapper.marriedIndividual .usb--radio-list, .form-element-wrapper.preferredPhoneNumber .usb--radio-list, .form-element-wrapper.mailingSameAsPrimary .usb--radio-list, .form-element-wrapper.loanType .usb--radio-list { display: flex; flex-direction: row; gap: 20px; } .summary-item-main { display: flex; align-items: center; width: -webkit-fill-available; } .summary-item-main .summary-item-label, .summary-item-main .summary-item-value { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; font-size: 16px; letter-spacing: 0.25px; color: #2e2e32; display: flex; flex: 1; word-break: break-word; } .summary-item-main .heading { font-size: 18px; } .summary-item-main .summary-item-value { padding-left: 20px; width: 60%; } .summary-item-main .summary-item-label { width: 40%; } .summary-item-main .existing-customer { margin-left: 5px; } .usb-modal-v2--body div.summary-item-label, .usb-modal-v2--body div.summary-item-value { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; } .fs-28 { font-size: 28px !important; } .does-have-show-hide { display: flex; justify-content: space-between; align-items: center; } .react-spinner { z-index: 99999999999 !important; } .trust-modal-name-field-icon-wrapper .tooltip__content--left { top: 100%; right: 0%; transform: translateY(11%); margin-right: var(--token-spacing-2, 0.5rem); } .invite-sent-main-wrapper .sa-heading-text-wrapper > h3.prepare-app-title { font-family: Circular-USB-Light, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 2.5rem; font-stretch: normal; line-height: 1.09; letter-spacing: 0.3px; color: #0c2074; } .usb--error-message span { font-size: 0.875rem !important; } .does-have-show-hide .usb-button.button--standard--minimal:hover { background: var(--button-text-hover-background-color, #003cc8); color: var(--button-text-hover-text-color, #fff); -webkit-text-decoration: var(--button-text-hover-text-decoration, none); text-decoration: var(--button-text-hover-text-decoration, none); } .applications-list-tooltip { opacity: 1 !important; } .applications-list-tooltip .tooltip__content p { font-size: 12px; } @media screen and (max-width: 600px) { .prepare-application-main-wrapper .applications-list-warpper .applications-list-item-content-text .applications-list-fullname, .prepare-application-main-wrapper .applications-list-warpper .applications-list-item-content-text .applications-list-role { max-width: 65vw; word-wrap: break-word; } } @media screen and (max-width: 600px) { .date-of-amendments-wrapper { flex-direction: column; align-items: flex-start; } .date-of-amendments-wrapper .form-element-wrapper.dateOfAmendments { width: 100%; } .date-of-amendments-wrapper .add-dates-button { margin-left: 0; margin-top: 10px; } } .new-party-badge { transform: translate(30px, -10px); } .usb-chips-removable .chips-heading { color: var(--token-text-color-primary, #2d2d3e); font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-size: var(--token-font-size-sm, 0.875rem); font-weight: var(--token-font-weight-reg, 400); margin-bottom: var(--token-spacing-2, 0.5rem); } .usb-chips-removable .chips-list { display: flex; flex-wrap: wrap; list-style: none; } .usb-chips-removable .chips-list__item:not(:last-of-type) { margin-bottom: var(--token-spacing-3, 0.75rem); margin-right: var(--token-spacing-3, 0.75rem); } .usb-chips-removable .chips-list__button { border-radius: calc(var(--token-rounded-base, 1rem) + var(--token-rounded-sm, 0.25rem)); display: flex; align-items: center; font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-size: var(--token-font-size-sm, 0.875rem); font-weight: var(--token-font-weight-med, 500); line-height: var(--token-line-height-med, 1.2); letter-spacing: var(--token-letter-spacing-base, normal); justify-content: center; outline: none; padding: var(--token-spacing-2, 0.5rem) var(--token-spacing-3, 0.75rem); position: relative; transition: color var(--token-timing-default-ease, 0.25s ease); } .usb-chips-removable .chips-list__button .icon-left { margin-right: var(--token-spacing-2, 0.5rem); } .usb-chips-removable .chips-list__button.heavy { background: var(--chips-removable-border-color, #235ae4); border: 1px solid var(--chips-removable-border-color, #235ae4); color: var(--chips-removable-hover-text-color, #fff); } .usb-chips-removable .chips-list__button.heavy span.usb-icon { margin-left: var(--token-spacing-1, 0.25rem); height: var(--token-spacing-5, 1.25rem); width: var(--token-spacing-5, 1.25rem); color: var(--chips-removable-hover-text-color, #fff); } .usb-chips-removable .chips-list__button.heavy span.usb-icon svg { height: var(--token-spacing-5, 1.25rem); width: var(--token-spacing-5, 1.25rem); transition: fill var(--token-timing-default-ease, 0.25s ease); color: var(--chips-removable-hover-text-color, #fff); fill: var(--chips-removable-hover-icon-fill-color, #fff); } .usb-chips-removable .chips-list__button.subtle { background: var(--chips-removable-background-color, #eef6ff); border: 1px solid var(--chips-removable-border-color, #235ae4); color: var(--chips-removable-text-color, #235ae4); } .usb-chips-removable .chips-list__button.subtle span.usb-icon { margin-left: var(--token-spacing-1, 0.25rem); height: var(--token-spacing-5, 1.25rem); width: var(--token-spacing-5, 1.25rem); color: var(--chips-removable-hover-text-color, #fff); } .usb-chips-removable .chips-list__button.subtle span.usb-icon svg { height: var(--token-spacing-5, 1.25rem); width: var(--token-spacing-5, 1.25rem); transition: fill var(--token-timing-default-ease, 0.25s ease); color: var(--chips-removable-hover-text-color, #fff); fill: var(--chips-removable-icon-fill-color, #235ae4); } .usb-chips-removable .chips-list__button:hover:not(:disabled) { background: var(--chips-selectable-border-color, #235ae4); color: var(--chips-removable-hover-text-color, #fff); } .usb-chips-removable .chips-list__button:hover:not(:disabled) span.usb-icon svg { fill: var(--chips-removable-hover-icon-fill-color, #fff); } .usb-chips-removable .chips-list__button:active:not(:disabled) { background: var(--chips-removable-active-background-color, #001e79); color: var(--chips-removable-active-text-color, hsla(0, 0%, 100%, 0.78)); } .usb-chips-removable .chips-list__button:active:not(:disabled) span.usb-icon svg { fill: var(--chips-removable-active-text-color, hsla(0, 0%, 100%, 0.78)); } .usb-chips-removable .chips-list__button:focus:after { border: 2px solid var(--token-border-focus, #235ae4); border-radius: var(--token-rounded-sm, 0.25rem); content: ""; height: calc(100% + var(--token-spacing-3, 0.75rem)); position: absolute; left: calc(var(--token-spacing-3, 0.75rem) / 2 * -1); top: calc(var(--token-spacing-3, 0.75rem) / 2 * -1); width: calc(100% + var(--token-spacing-3, 0.75rem)); } .usb-chips-removable .chips-list__button:disabled { background: var(--chips-removable-disabled-background-color, #ccccd2); border-color: var(--chips-removable-disabled-border-color, #cdd1e2); color: var(--chips-removable-disabled-text-color, #484861); cursor: not-allowed; } .usb-chips-removable .chips-list__button:disabled span.usb-icon svg { fill: var(--chips-removable-disabled-icon-fill-color, #484861); } .usb-badge { display: inline-flex; line-height: var(--badge-line-height, 1.5); letter-spacing: var(--badge-letter-spacing, 0.01em); font-size: var(--badge-font-size, 1rem); font-weight: var(--badge-font-weight, 400); font-family: var(--badge-font-family, Circular-USB, Arial, Helvetica, sans-serif); padding: var(--token-spacing-1, 0.25rem) var(--token-spacing-2, 0.5rem); width: -moz-fit-content; width: fit-content; border-radius: var(--token-rounded-sm, 0.25rem); border-width: var(--token-border-width-default, 1px); border-style: solid; align-items: center; gap: var(--token-spacing-2, 0.5rem); } .usb-badge.multiline { align-items: flex-start; } .usb-badge.multiline .usb-badge--icon { padding-top: var(--token-spacing-small, 2px); } .usb-badge--right { display: inline-flex; flex-direction: row-reverse; } .usb-badge--light { padding: var(--token-spacing-0, 0); } .usb-badge--light.usb-badge--small { font-size: var(--token-font-size-sm, 0.875rem); } .usb-badge--light.usb-badge--medium { font-size: var(--token-font-size-base, 1rem); } .usb-badge--light.usb-badge--large { font-size: var(--token-font-size-lg, 1.25rem); } .usb-badge .usb-badge--icon { display: inline-flex; } .usb-badge .usb-badge--icon.usb-badge--icon-only { margin-right: var(--token-spacing-xs, 1px); } .usb-badge .usb-badge--icon svg { display: inline-block; } .usb-badge--notice .usb-badge--icon svg { transform: rotate(180deg); } .usb-badge .usb-badge--text { display: inline-block; line-height: var(--token-line-height-3xl, 1.5); } .usb-badge--dot, .usb-badge--icon, .usb-badge--text { vertical-align: middle; } .usb-badge--neutral { background-color: var(--token-status-neutral-muted, #f5f5fa); border-color: var(--token-status-neutral-subdued, #ccccd2); color: var(--token-label-vivid, #2d2d3e); } .usb-badge--neutral .usb-badge--icon * { fill: var(--token-status-neutral-mid, #66666a); } .usb-badge--info { background-color: var(--token-status-info-muted, #eef6ff); border-color: var(--token-status-info-subdued, #aad2ff); color: var(--token-label-vivid, #2d2d3e); } .usb-badge--info .usb-badge--icon svg { fill: var(--token-status-info-mid, #235ae4); } .usb-badge--success { background-color: var(--token-status-success-muted, #e5f8e8); border-color: var(--token-status-success-subdued, #a0dcaa); color: var(--token-label-vivid, #2d2d3e); } .usb-badge--success .usb-badge--icon * { fill: var(--token-status-success-mid, #007d1e); } .usb-badge--caution { background-color: var(--token-status-caution-muted, #fff4e4); border-color: var(--token-status-caution-subdued, #ffd589); color: var(--token-label-vivid, #2d2d3e); } .usb-badge--caution .usb-badge--icon { transform: rotate(180deg); } .usb-badge--caution .usb-badge--icon * { fill: var(--token-status-caution-mid, #eb5e01); } .usb-badge--danger { background-color: var(--token-status-danger-muted, #ffe9ea); border-color: var(--token-status-danger-subdued, #ffbeb4); color: var(--token-label-vivid, #2d2d3e); } .usb-badge--danger .usb-badge--icon * { fill: var(--token-status-danger-mid, #cf2a36); } .usb-badge--minimal { padding-left: 0; background-color: initial !important; border-color: transparent !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/@usb-wealthmanagement-npb/internal-home/dist/styles/index.css?ngGlobalStyle ***! \**********************************************************************************************************************************************************************************************************************************************************************************/ .home-header-slide { height: 218px; width: 100%; background-repeat: no-repeat; background-size: 100% 100%; background-image: url(/assets/images/npb-hero-v-1-3.jpg); } @media screen and (min-width: 320px) and (max-width: 500px) { .home-header-slide { height: 150px; } } .header-left-container { padding-left: 5%; padding-top: 5%; padding-bottom: 2%; width: 50%; } @media screen and (min-width: 320px) and (max-width: 500px) { .header-left-container { width: 40%; } } .home-header-caption { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.67; letter-spacing: 3px; color: #e8e7e8; } @media screen and (min-width: 320px) and (max-width: 500px) { .home-header-caption { font-size: 8px; } } .home-header-label-group { padding-top: 0px; } .home-header-label { font-family: Circular-USB-Bold, Helvetica, Arial, sans-serif; font-size: 48px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 0.92; letter-spacing: 0.2px; color: #ffffff; display: block; } @media screen and (min-width: 320px) and (max-width: 500px) { .home-header-label { font-size: 26px; } } .home-dash-wlcm-text-wrapper { justify-content: space-between; align-items: center; padding-left: 1rem !important; padding-right: 1rem !important; } .home-action-row-sub-header-label { font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; font-size: 36px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.33; letter-spacing: 0.23px; color: #0c2074; text-align: left; } @media screen and (min-width: 320px) and (max-width: 500px) { .home-action-row-sub-header-label { font-size: 26px; } } .home-dash-sr-text-wrapper { align-items: center; display: flex; color: #be1824; padding-right: 1rem; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; text-align: end; } .font-regular { font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; font-weight: 400; } .home-user-row-header span { font-size: 32px; } .home-user-row-header { padding: 20px 20px 1px 20px; display: flex; align-items: center; gap: 10px; width: 100%; color: #0D2074; } @media screen and (min-width: 320px) and (max-width: 1024px) { .home-user-row-header { gap: 5px; flex-direction: column; align-items: flex-start; } .home-user-row-header .hide-in-tab { display: none; } } .home-user-row-header-label { font-family: Circular-USB-Bold, Helvetica, Arial, sans-serif; font-size: 36px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.33; letter-spacing: 0.23px; color: #0c2074; } @media screen and (min-width: 320px) and (max-width: 500px) { .home-user-row-header-label { font-size: 26px; } } .home-background { background: #f2f2f5 !important; } .p-1-1 { padding: 1rem !important; } .home-dash-btn { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; height: 100px; border-radius: 12px; background-color: #0c2074; font-size: 22px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1 !important; letter-spacing: 1px; outline: none; margin-bottom: 3px; align-items: center !important; justify-content: center !important; } @media screen and (max-width: 670px) { .home-dash-btn { height: 50px; } } .home-dash-btn-text { color: #ffffff; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; font-size: 16px; } @media screen and (min-width: 320px) and (max-width: 767px) { .home-dash-btn-text { font-size: 1.15rem; } } @media screen and (min-width: 768px) and (max-width: 1200px) { .home-dash-btn-text { font-size: 1.15rem; } } @media screen and (min-width: 1201px) { .home-dash-btn-text { font-size: 36px; } } .home-dash-btn-sub-text { color: #ffffff; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; font-size: 12px; } @media screen and (min-width: 320px) and (max-width: 767px) { .home-dash-btn-sub-text { font-size: 1rem; } } @media screen and (min-width: 768px) and (max-width: 1200px) { .home-dash-btn-sub-text { font-size: 1rem; } } @media screen and (min-width: 1201px) { .home-dash-btn-sub-text { font-size: 22px; } } .home-dash-btn-link { width: 100%; height: 100%; justify-self: center; display: contents; line-height: 1 !important; } .home-card { display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: none; border-radius: 10px; color: rgb(99, 100, 102); box-shadow: rgba(0, 0, 0, 0.247) 0px 2px 4px; padding: 20px; width: 100%; height: -webkit-fill-available; } .home-card-header { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; font-size: 24px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.67; letter-spacing: 1px; color: #0c2074; padding-bottom: 4%; } .home-card-content { padding: 0 30px; } @media screen and (max-width: 500px) { .home-card-content { padding: 0 !important; } } .home-card-footer { padding: 30px; } @media screen and (max-width: 500px) { .home-card-footer { padding: 0 !important; } } .home-card-table { width: 100%; } .home-card-table thead tr td { padding: 0.5rem; padding-left: 12px; font-size: 14px; } .home-card-table tbody tr td { font-size: 12px; vertical-align: middle; padding: 12px; } .home-card-table tbody tr:nth-child(odd) { background-color: #f5f5fa; } .home-card-table tbody tr:nth-child(even) { background-color: #ffffff; } .home-card-table-header { border-top: hidden; height: 15px !important; background-color: #f5f5fa; } .home-card-table-header-row { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 0.75; letter-spacing: 0.2px; background-color: #0c2074; color: #fff; border-bottom-color: #0c2074 !important; border-bottom-width: 1px; padding-bottom: 4px; } .home-card-table-spl-col { font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.57; letter-spacing: 0.3px; text-align: left; color: #636466; } .home-pdf-link { font-size: 12px; } .home-welcome-row { display: flex; justify-content: space-between; padding: 1rem !important; } .home-lif-status { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.57; letter-spacing: 0.3px; text-align: left; } .home-left-card-area { margin-left: 1rem; margin-top: 1rem; margin-right: 0.5rem !important; margin-bottom: 2rem !important; height: -webkit-fill-available; } @media screen and (max-width: 670px) { .home-left-card-area { margin: 1rem !important; } } .home-right-card-area { margin-left: 0.5rem; margin-top: 1rem; margin-right: 1rem !important; margin-bottom: 2rem !important; height: -webkit-fill-available; } @media screen and (max-width: 670px) { .home-right-card-area { margin: 0rem !important; } } .home-right-top-card-area { padding-bottom: 0.5rem !important; } @media screen and (max-width: 670px) { .home-right-top-card-area { margin: 1rem !important; margin-bottom: 0.5rem !important; } } .home-right-bottom-card-area { padding-top: 0.5rem !important; } @media screen and (max-width: 670px) { .home-right-bottom-card-area { margin: 1rem; margin-top: 0.5rem !important; margin-bottom: 2rem; } } .home-card-viewall-link { padding-top: 0.5rem; display: flex; justify-content: flex-end; } .home-no-data-row { height: 4rem !important; background-color: #ffffff !important; border-bottom: 1px solid #dedfe0 !important; font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif !important; font-size: 12px !important; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.57; letter-spacing: 0.3px; text-align: center; } .home-right-card-grid { height: 100%; } .home-right-card-area .usb-grid--container { height: 100%; } .view-all-link { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; } .home-sr-combine { height: 100%; width: max-content; } .home-dash-sr-link { color: #be1824 !important; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; } .home-sr-combine .home-sr-bell-icon { color: #be1824 !important; } .home-sr-combine .usb-link > span.usb-icon, .home-sr-combine .usb-link span.usb-icon svg { max-width: 100% !important; max-height: 100% !important; } .no-data { font-size: 16px; } .home-cards-name-column { margin-bottom: 5px; line-height: 1; text-align: left; overflow-wrap: anywhere; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; font-size: 12px !important; } .banker-home-title-section { display: flex; flex-direction: column; padding: 10px; } @media screen and (min-width: 1200px) { .banker-home-title-section { flex-direction: row; padding: 20px; } } .tile-row-item .usb-icon.svg-icon { margin-right: 5px; } .tile-full-height-350 { height: 350px !important; } @media screen and (max-width: 1200px) { .tile-full-height-350 { height: auto !important; } } .pad-l-10 { padding-left: 10px !important; } .npb-libor-banner-custodian-radio { flex: 1; } .npb-libor-banner-custodian-radio .usb--radio-fieldset { display: flex; gap: 20px; align-items: center; } .npb-libor-banner-custodian-radio .usb--radio-fieldset .usb--radio-legend { max-width: 200px; font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 24px; color: #0a41cf; } .npb-libor-banner-custodian-radio .usb--radio-list { display: flex; gap: 20px; align-items: center; } .npb-libor-banner-custodian-radio .usb--radio-list .usb--radio-wrapper { align-items: center; } .npb-libor-banner-custodian-radio .usb--radio-list .usb--radio-label_container { margin-top: -10px; line-height: normal; } .npb-libor-banner-custodian-radio .usb--radio-list .usb--radio-text { color: #0a41cf; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; font-size: 16px; letter-spacing: 0; line-height: 24px; } .admin-libor-container { padding: 2px 20px; display: flex; align-items: center; justify-content: space-between; gap: 20px; } @media screen and (max-width: 768px) { .admin-libor-container .usb--radio-label { min-width: 80px; } } .admin-libor-container .admin-libor-container-actions { display: flex; gap: 30px; flex: 1; align-items: center; } @media screen and (max-width: 768px) { .admin-libor-container { flex-direction: column; padding: 10px 20px; align-items: flex-start; } .admin-libor-container .admin-libor-container-actions { align-items: flex-start; gap: 20px; } .admin-libor-container .npb-libor-banner-custodian-radio .usb--radio-fieldset { align-items: flex-start; gap: 10px; } .admin-libor-container .npb-libor-banner-custodian-radio .usb--radio-fieldset .usb--radio-legend { max-width: 100%; } .admin-libor-container .npb-libor-banner-custodian-radio .usb--radio-list { align-items: flex-start; gap: 10px; } } .admin-libor-container-actions-wapper { display: flex; justify-content: space-between; align-items: center; width: 100%; flex: 1; } /*!*****************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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/@usb-wealthmanagement-npb/admin-entity-manager/dist/styles/index.css?ngGlobalStyle ***! \*****************************************************************************************************************************************************************************************************************************************************************************************/ .admin-entity-dashboard-main .smart-grid-header-item-main.delete > span { text-align: center; padding-right: 30px; width: 100%; } .admin-entity-dashboard-main .officerCode.smart-grid-content-row-item, .admin-entity-dashboard-main .status.smart-grid-content-row-item, .admin-entity-dashboard-main .details.smart-grid-content-row-item, .admin-entity-dashboard-main .delete.smart-grid-content-row-item { justify-content: center !important; } .admin-entity-dashboard-main .toggle-btn.active { background-color: #0c2074 !important; } .admin-entity-dashboard-main .smart-grid-main .notes { min-width: 350px !important; } .admin-entity-dashboard-main .smart-grid-main .notes-text { color: #235ae4 !important; width: 100%; display: flex; align-items: center; } .admin-entity-dashboard-main .smart-grid-main .notes-text .usb-icon { min-width: 10%; } .admin-entity-dashboard-main .smart-grid-main .notes-text-content { min-width: 90%; } .admin-entity-dashboard-main .smart-grid-main .smart-grid-content-row-item.consentFlg { margin: auto 0 !important; } .admin-entity-dashboard-main .smart-grid-main .smart-grid-content-row-item.consentFlg button { min-width: 60px !important; width: 100px !important; height: 32px !important; } .admin-entity-dashboard-main .smart-grid-main .smart-grid-content-row-item.consentFlg button:focus { outline: 2px solid #0c2074 !important; outline-offset: 2px !important; } .admin-entity-dashboard-main .smart-grid-main .smart-grid-content-row .consentFlg { justify-content: center !important; } .admin-entity-dashboard-main .smart-grid-main .smart-grid-content-row .edit-notes-modal { justify-content: center !important; } .admin-entity-dashboard-main .smart-grid-main .smart-grid-content-row .edit-notes-modal .usb-modal-v2--container .usb-modal-v2--close { justify-content: flex-end !important; } .admin-entity-dashboard-main .add-notes-footer { display: flex; justify-content: flex-end; gap: 10px; padding: 10px 0; position: sticky; width: 100%; bottom: 0; padding: 30px 20px 30px 0; background-color: #eaf1f2; box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1019607843); z-index: 3000; margin-right: 20px; } .manage-custodian-smart-grid-wrapper .smart-grid-filter-main { display: none !important; } .manage-custodian-smart-grid-wrapper .smart-grid-content-main { height: 100% !important; } .manage-custodian-smart-grid-wrapper .smart-grid-content-min-height { min-height: auto !important; } .manage-custodian-smart-grid-wrapper .smart-grid-header-item-main { background-color: #656875 !important; } .manage-custodian-smart-grid-wrapper .smart-grid-header-item-main.email, .manage-custodian-smart-grid-wrapper .email.smart-grid-content-row-item { min-width: 400px !important; } .manage-cstodian-signers-page-main .usb-accordion .accordion-panel--expanded > .accordion-panel__content { max-height: auto !important; padding: 10px !important; } .manage-cstodian-signers-page-main .grid-container { padding: 2px !important; } .manage-cstodian-signers-page-main .smart-grid-header-item-main.edit, .manage-cstodian-signers-page-main .smart-grid-content-row-item.edit { justify-content: center !important; width: 100% !important; padding-right: 30px !important; } .smart-grid-header-item-main.details { justify-content: center !important; width: 100% !important; padding-right: 10px !important; } .details.smart-grid-content-row-item { justify-content: center !important; } .usb-accordion .accordion-panel__header span { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; } .manage-firm-modal-content .form-element-wrapper.state { min-width: 120px !important; } .manage-firm-modal .usb-modal-v2--header { margin-bottom: 2px !important; } .manage-firm-modal .usb-modal-v2--close-icon { max-height: 20px !important; } .manage-firm-modal .firm-legal-name-wrapper { display: flex; align-items: center; gap: 8px; } .manage-firm-modal .firm-legal-name-wrapper .tooltip__content { max-width: 240px !important; } .manage-firm-modal .firm-legal-name-wrapper .tooltip__content--children { font-size: 14px !important; } .manage-firm-modal .form-element-wrapper.firmLegalNm { width: 95% !important; } .manage-rego-datagrid-top { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; border: solid 1px #ccc; margin-bottom: 20px; border-radius: 10px; padding: 20px 20px 20px 10px; margin-top: 10px; } .manage-rego-datagrid-top .application-top-left-wrapper, .manage-rego-datagrid-top .application-top-right-wrapper { display: flex; align-items: center; gap: 10px; flex: 1; } .manage-rego-datagrid-top .application-top-right-wrapper { flex: 1.5; } .whatif-page-main.manage-rego-main .smart-grid-header-item-main { justify-content: flex-start !important; } .whatif-page-main.manage-rego-main .smart-grid-header-item-main:hover { text-decoration: none !important; } .whatif-page-main.manage-rego-main .smart-grid-main { position: unset !important; overflow: unset !important; } .whatif-page-main.manage-rego-main .smart-grid-content-main, .whatif-page-main.manage-rego-main .smart-grid-content-min-height { height: auto !important; min-height: auto !important; } .whatif-page-main.manage-rego-main .smart-grid-filter-main { display: none !important; } .whatif-page-main.manage-rego-main .smart-grid-header-item-main.actionItem { justify-content: center !important; } .whatif-page-main.manage-rego-main .whatifiam-row-text-wrapper { color: #555555; font-weight: normal; font-style: normal; font-stretch: normal; font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; font-size: 14px; letter-spacing: 0; line-height: 21px; } .whatif-page-main.manage-rego-main .smart-grid-content-row-item { min-height: auto !important; } .smart-grid-content-row div.delete-confirm-modal { justify-content: center !important; } .smart-grid-content-row div.delete-confirm-modal .usb-modal-v2--dialog { max-width: 500px !important; } .smart-grid-content-row div.usb-modal-v2--close { justify-content: flex-end !important; } @media screen and (max-width: 1000px) { .whatif-page-main .what-iff-sub-header { flex-direction: column; margin-bottom: 10px; } } .mr-error-banner-notification { margin-bottom: 10px; } .manage-rego-main .what-iff-sub-header h2 { max-width: 72%; font-size: 16px !important; } .usb-button { border-radius: var(--button-primary-border-radius, 0.5rem); cursor: pointer; font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-size: var(--button-font-size-default, 0.875rem); font-weight: var(--token-font-weight-med, 500); height: auto; line-height: var(--token-line-height-base, 1); max-width: 100%; outline: transparent; position: relative; transition: color var(--token-timing-fast-ease, 0.1s ease), border var(--token-timing-fast-ease, 0.1s ease); white-space: nowrap; display: inline-flex; flex-direction: row; align-items: center; justify-content: center; gap: var(--token-spacing-2, 0.5rem); -webkit-text-decoration: none; text-decoration: none; } .usb-button, .usb-button * { -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; -webkit-tap-highlight-color: transparent !important; -webkit-focus-ring-color: transparent !important; } .usb-button.button--layout_row { flex-direction: row; } .usb-button.button--layout_column { flex-direction: column; } .usb-button--icon, .usb-button .usb-icon { display: inline-flex; pointer-events: none; vertical-align: bottom; } .usb-button--icon svg, .usb-button .usb-icon svg { fill: currentColor !important; } .usb-button.button--small { min-height: var(--token-spacing-8, 2rem); max-height: var(--token-spacing-8, 2rem); padding: var(--token-spacing-2, 0.5rem) var(--token-spacing-3, 0.75rem); font-size: var(--button-small-font-size, 0.875rem); } .usb-button.button--small--icon-only { padding: var(--token-spacing-2, 0.5rem); width: var(--token-spacing-8, 2rem); } .usb-button.button--small.button--layout_column { gap: var(--token-spacing-1, 0.25rem); max-height: unset; padding: var(--token-spacing-3, 0.75rem) var(--token-spacing-2, 0.5rem); } .usb-button.button--small .usb-button--icon, .usb-button.button--small .usb-button--icon svg, .usb-button.button--small .usb-icon, .usb-button.button--small .usb-icon svg { width: var(--token-spacing-4, 1rem); height: var(--token-spacing-4, 1rem); min-width: var(--token-spacing-4, 1rem); min-height: var(--token-spacing-4, 1rem); max-width: var(--token-spacing-4, 1rem); max-height: var(--token-spacing-4, 1rem); } .usb-button.button--medium { min-height: var(--token-spacing-10, 2.5rem); max-height: var(--token-spacing-10, 2.5rem); line-height: var(--token-line-height-3xl, 1.5); padding: var(--token-spacing-2, 0.5rem) var(--token-spacing-6, 1.5rem); font-size: var(--button-medium-font-size, 1rem); } .usb-button.button--medium--icon-only { padding: var(--token-spacing-2, 0.5rem); width: var(--token-spacing-10, 2.5rem); } .usb-button.button--medium.button--layout_column { gap: var(--token-spacing-1, 0.25rem); max-height: unset; padding: 0.625rem var(--token-spacing-6, 1.5rem); } .usb-button.button--medium .usb-button--icon, .usb-button.button--medium .usb-button--icon svg, .usb-button.button--medium .usb-icon, .usb-button.button--medium .usb-icon svg { width: var(--token-spacing-5, 1.25rem); height: var(--token-spacing-5, 1.25rem); min-width: var(--token-spacing-5, 1.25rem); min-height: var(--token-spacing-5, 1.25rem); max-width: var(--token-spacing-5, 1.25rem); max-height: var(--token-spacing-5, 1.25rem); } .usb-button.button--medium:after { content: ""; position: absolute; top: calc(var(--token-spacing-1, 0.25rem) * -1); bottom: calc(var(--token-spacing-1, 0.25rem) * -1); left: var(--token-spacing-0, 0); right: var(--token-spacing-0, 0); } .usb-button.button--large { font-size: var(--button-large-font-size, 1rem); min-height: var(--token-spacing-12, 3rem); line-height: var(--token-line-height-3xl, 1.5); padding: var(--token-spacing-3, 0.75rem) var(--token-spacing-8, 2rem); } .usb-button.button--large--icon-only { padding: var(--token-spacing-3, 0.75rem); width: var(--token-spacing-12, 3rem); } .usb-button.button--large.button--layout_column { gap: var(--token-spacing-1, 0.25rem); max-height: unset; padding: 0.875rem var(--token-spacing-8, 2rem); } .usb-button.button--large .usb-button--icon, .usb-button.button--large .usb-button--icon svg, .usb-button.button--large .usb-icon, .usb-button.button--large .usb-icon svg { width: var(--token-spacing-5, 1.25rem); height: var(--token-spacing-5, 1.25rem); min-width: var(--token-spacing-5, 1.25rem); min-height: var(--token-spacing-5, 1.25rem); max-width: var(--token-spacing-5, 1.25rem); max-height: var(--token-spacing-5, 1.25rem); } .usb-button.button--highlight { font-family: var(--button-loud-font-family, Circular-USB, Arial, Helvetica, sans-serif); font-weight: var(--button-loud-font-weight, 500); line-height: var(--button-loud-line-height, 1); } .usb-button.button--highlight--heavy { background: var(--button-loud-background-color, #ce2935); border-color: var(--button-loud-border-color, transparent); border-width: var(--button-loud-border-width, 0); border-radius: var(--button-loud-border-radius, 0.5rem); color: var(--button-loud-text-color, #fff); } .usb-button.button--highlight--heavy .svg-icon { color: var(--button-loud-icon-fill-color, #fff); } .usb-button.button--highlight--heavy:hover { background: var(--button-loud-hover-background-color, #9b0a28); color: var(--button-loud-hover-text-color, #fff); border-color: var(--button-loud-hover-border-color, transparent); } .usb-button.button--highlight--heavy:hover .svg-icon { color: var(--button-loud-hover-icon-fill-color, #fff); } .usb-button.button--highlight--heavy:active { background: var(--button-loud-active-background-color, #6f0303); color: var(--button-loud-active-text-color, hsla(0, 0%, 100%, 0.78)); border-color: var(--button-loud-active-border-color, transparent); } .usb-button.button--highlight--heavy:active .svg-icon { color: var(--button-loud-active-icon-fill-color, hsla(0, 0%, 100%, 0.78)); } .usb-button.button--highlight--subtle { background: var(--button-text-background-color, transparent); border: var(--button-secondary-border-width, 1px) solid var(--button-loud-background-color, #ce2935); border-radius: var(--button-loud-border-radius, 0.5rem); } .usb-button.button--highlight--subtle, .usb-button.button--highlight--subtle .svg-icon { color: var(--button-loud-background-color, #ce2935); } .usb-button.button--highlight--subtle:hover { background: var(--button-loud-hover-background-color, #9b0a28); color: var(--button-loud-hover-text-color, #fff); } .usb-button.button--highlight--subtle:hover .svg-icon { color: var(--button-loud-hover-icon-fill-color, #fff); } .usb-button.button--highlight--subtle:active { background: var(--button-loud-active-background-color, #6f0303); color: var(--button-loud-active-text-color, hsla(0, 0%, 100%, 0.78)); } .usb-button.button--highlight--subtle:active .svg-icon { color: var(--button-loud-active-icon-fill-color, hsla(0, 0%, 100%, 0.78)); } .usb-button.button--highlight--minimal { background: var(--button-text-background-color, transparent); border-color: var(--button-text-border-color, transparent); border-width: var(--button-text-border-width, 0); border-radius: var(--button-text-border-radius, 0.5rem); } .usb-button.button--highlight--minimal, .usb-button.button--highlight--minimal .svg-icon { color: var(--button-loud-background-color, #ce2935); } .usb-button.button--highlight--minimal:hover { background: var(--button-loud-hover-background-color, #9b0a28); color: var(--button-loud-hover-text-color, #fff); } .usb-button.button--highlight--minimal:hover .svg-icon { color: var(--button-loud-hover-icon-fill-color, #fff); } .usb-button.button--highlight--minimal:active { background: var(--button-loud-active-background-color, #6f0303); color: var(--button-loud-active-text-color, hsla(0, 0%, 100%, 0.78)); } .usb-button.button--highlight--minimal:active .svg-icon { color: var(--button-loud-active-icon-fill-color, hsla(0, 0%, 100%, 0.78)); } @media (hover: none) and (pointer: coarse) { .usb-button.button--highlight { background: var(--button-loud-background-color, #ce2935); border: none; } .usb-button.button--highlight, .usb-button.button--highlight .svg-icon { color: var(--button-loud-text-color, #fff); } .usb-button.button--highlight:focus, .usb-button.button--highlight:hover { background: var(--button-loud-background-color, #ce2935); color: var(--button-loud-text-color, #fff); border: none; } .usb-button.button--highlight:focus .svg-icon, .usb-button.button--highlight:hover .svg-icon { color: var(--button-loud-text-color, #fff); } .usb-button.button--highlight:focus:before, .usb-button.button--highlight:hover:before { border: 2px solid var(--token-border-focus, #235ae4); border-radius: var(--button-primary-border-radius, 0.5rem); content: ""; height: calc(100% + var(--token-spacing-3, 0.75rem)); position: absolute; left: -0.375rem; top: -0.375rem; width: calc(100% + var(--token-spacing-3, 0.75rem)); } .usb-button.button--highlight:active { background: var(--button-loud-active-background-color, #6f0303); border: none; } .usb-button.button--highlight:active, .usb-button.button--highlight:active .svg-icon { color: var(--token-text-color-interaction-active, hsla(0, 0%, 100%, 0.78)); } } .usb-button.button--standard--heavy { border-radius: var(--button-primary-border-radius, 0.5rem); font-family: var(--button-primary-font-family, Circular-USB, Arial, Helvetica, sans-serif); font-weight: var(--button-primary-font-weight, 500); line-height: var(--button-primary-line-height, 1); background: var(--button-primary-background-color, #235ae4); border-color: var(--button-primary-border-color, transparent); border-width: var(--button-primary-border-width, 0); color: var(--button-primary-text-color, #fff); } .usb-button.button--standard--heavy .svg-icon { color: var(--button-primary-icon-fill-color, #fff); } .usb-button.button--standard--heavy:hover { border-color: var(--button-primary-hover-border-color, transparent); background: var(--button-primary-hover-background-color, #003cc8); } .usb-button.button--standard--heavy:active { border-color: var(--button-primary-active-border-color, transparent); background: var(--button-primary-active-background-color, #001e79); } .usb-button.button--standard--subtle { background: var(--button-text-background-color, transparent); border: var(--button-secondary-border-width, 1px) solid var(--button-secondary-border-color, #235ae4); color: var(--button-secondary-text-color, #235ae4); } .usb-button.button--standard--subtle .svg-icon { color: var(--button-secondary-icon-fill-color, #235ae4); } .usb-button.button--standard--subtle:hover { background: var(--button-primary-hover-background-color, #003cc8); color: var(--button-primary-hover-text-color, #fff); } .usb-button.button--standard--subtle:hover .svg-icon { color: var(--button-primary-hover-icon-fill-color, #fff); } .usb-button.button--standard--subtle:active { background: var(--button-primary-active-background-color, #001e79); color: var(--button-primary-active-text-color, hsla(0, 0%, 100%, 0.78)); } .usb-button.button--standard--subtle:active .svg-icon { color: var(--button-primary-active-icon-fill-color, hsla(0, 0%, 100%, 0.78)); } .usb-button.button--standard--minimal { background: var(--button-text-background-color, transparent); border-color: var(--button-text-border-color, transparent); border-width: var(--button-text-border-width, 0); border-radius: var(--button-text-border-radius, 0.5rem); color: var(--button-text-text-color, #235ae4); } .usb-button.button--standard--minimal .svg-icon { color: var(--button-secondary-icon-fill-color, #235ae4); } .usb-button.button--standard--minimal:hover { background: var(--button-text-hover-background-color, #003cc8); color: var(--button-text-hover-text-color, #fff); -webkit-text-decoration: var(--button-text-hover-text-decoration, none); text-decoration: var(--button-text-hover-text-decoration, none); } .usb-button.button--standard--minimal:hover .svg-icon { color: var(--button-text-hover-icon-fill-color, #fff); } .usb-button.button--standard--minimal:active { background: var(--button-text-active-background-color, #001e79); color: var(--button-text-active-text-color, hsla(0, 0%, 100%, 0.78)); } .usb-button.button--standard--minimal:active .svg-icon { color: var(--button-text-active-icon-fill-color, hsla(0, 0%, 100%, 0.78)); } @media (hover: none) and (pointer: coarse) { .usb-button.button--standard--minimal { background: var(--button-text-background-color, transparent); border: none; } .usb-button.button--standard--minimal, .usb-button.button--standard--minimal .svg-icon { color: var(--button-text-text-color, #235ae4); } .usb-button.button--standard--minimal:focus, .usb-button.button--standard--minimal:hover { background: var(--button-text-background-color, transparent); color: var(--button-text-text-color, #235ae4); border: none; } .usb-button.button--standard--minimal:focus .svg-icon, .usb-button.button--standard--minimal:hover .svg-icon { color: var(--button-text-text-color, #235ae4); } .usb-button.button--standard--minimal:focus:before, .usb-button.button--standard--minimal:hover:before { border: 2px solid var(--token-border-focus, #235ae4); border-radius: var(--button-primary-border-radius, 0.5rem); content: ""; height: calc(100% + var(--token-spacing-3, 0.75rem)); position: absolute; left: -0.375rem; top: -0.375rem; width: calc(100% + var(--token-spacing-3, 0.75rem)); } .usb-button.button--standard--minimal:active { background: var(--button-text-active-background-color, #001e79); border: none; } .usb-button.button--standard--minimal:active, .usb-button.button--standard--minimal:active .svg-icon { color: var(--token-text-color-interaction-active, hsla(0, 0%, 100%, 0.78)); } } @media (hover: none) and (pointer: coarse) { .usb-button.button--standard { background: var(--button-primary-background-color, #235ae4); border: none; } .usb-button.button--standard, .usb-button.button--standard .svg-icon { color: var(--button-primary-text-color, #fff); } .usb-button.button--standard:focus, .usb-button.button--standard:hover { background: var(--button-primary-background-color, #235ae4); color: var(--button-primary-text-color, #fff); border: none; } .usb-button.button--standard:focus .svg-icon, .usb-button.button--standard:hover .svg-icon { color: var(--button-primary-text-color, #fff); } .usb-button.button--standard:focus:before, .usb-button.button--standard:hover:before { border: 2px solid var(--token-border-focus, #235ae4); border-radius: var(--button-primary-border-radius, 0.5rem); content: ""; height: calc(100% + var(--token-spacing-3, 0.75rem)); position: absolute; left: -0.375rem; top: -0.375rem; width: calc(100% + var(--token-spacing-3, 0.75rem)); } .usb-button.button--standard:active { background: var(--button-primary-active-background-color, #001e79); border: none; } .usb-button.button--standard:active, .usb-button.button--standard:active .svg-icon { color: var(--token-text-color-interaction-active, hsla(0, 0%, 100%, 0.78)); } } .usb-button.button--secondary { background: var(--button-secondary-background-color, transparent); border-width: var(--button-secondary-border-width, 1px); border-color: var(--button-secondary-border-color, #235ae4); border-radius: var(--button-secondary-border-radius, 0.5rem); color: var(--button-secondary-text-color, #235ae4); font-family: var(--button-secondary-font-family, Circular-USB, Arial, Helvetica, sans-serif); font-weight: var(--button-secondary-font-weight, 500); line-height: var(--button-secondary-line-height, 1); transition: margin var(--token-timing-fast-ease, 0.1s ease); } .usb-button.button--secondary .svg-icon { color: var(--button-secondary-icon-fill-color, #235ae4); } .usb-button.button--secondary:hover { background: var(--button-secondary-hover-background-color, #003cc8); border: var(--button-secondary-hover-border-width, 1px) solid var(--button-secondary-hover-active-border-color, #001e79); color: var(--button-secondary-hover-text-color, #fff); } .usb-button.button--secondary:hover .svg-icon { color: var(--button-secondary-hover-icon-fill-color, #fff); } .usb-button.button--secondary:active { background: var(--button-secondary-active-background-color, #001e79); color: var(--button-secondary-active-text-color, hsla(0, 0%, 100%, 0.78)); } .usb-button.button--secondary:active .svg-icon { color: var(--button-secondary-hover-icon-fill-color, #fff); } @media (hover: none) and (pointer: coarse) { .usb-button.button--secondary { background: var(--button-secondary-background-color, transparent); border: var(--button-secondary-border-width, 1px) solid var(--button-secondary-border-color, #235ae4); } .usb-button.button--secondary, .usb-button.button--secondary .svg-icon { color: var(--button-secondary-text-color, #235ae4); } .usb-button.button--secondary:focus, .usb-button.button--secondary:hover { background: var(--button-secondary-background-color, transparent); color: var(--button-secondary-text-color, #235ae4); border: var(--button-secondary-border-width, 1px) solid var(--button-secondary-border-color, #235ae4); } .usb-button.button--secondary:focus .svg-icon, .usb-button.button--secondary:hover .svg-icon { color: var(--button-secondary-text-color, #235ae4); } .usb-button.button--secondary:focus:before, .usb-button.button--secondary:hover:before { border: 2px solid var(--token-border-focus, #235ae4); border-radius: var(--button-primary-border-radius, 0.5rem); content: ""; height: calc(100% + var(--token-spacing-3, 0.75rem)); position: absolute; left: -0.375rem; top: -0.375rem; width: calc(100% + var(--token-spacing-3, 0.75rem)); } .usb-button.button--secondary:active { background: var(--button-secondary-active-background-color, #001e79); border: var(--button-secondary-border-width, 1px) solid var(--button-secondary-border-color, #235ae4); } .usb-button.button--secondary:active, .usb-button.button--secondary:active .svg-icon { color: var(--token-text-color-interaction-active, hsla(0, 0%, 100%, 0.78)); } } .usb-button.button--utility { font-family: var(--button-utility-font-family, Circular-USB, Arial, Helvetica, sans-serif); font-weight: var(--button-utility-font-weight, 500); line-height: var(--button-utility-line-height, 1); transition: margin var(--token-timing-fast-ease, 0.1s ease); } .usb-button.button--utility--heavy { background: var(--button-utility-border-color, #484861); border-color: var(--button-utility-border-color, #484861); border-width: var(--button-utility-border-width, 1px); border-radius: var(--button-utility-border-radius, 0.5rem); } .usb-button.button--utility--heavy, .usb-button.button--utility--heavy .svg-icon { color: var(--button-loud-text-color, #fff); } .usb-button.button--utility--heavy:hover { background: var(--button-text-background-color, transparent); border: var(--button-secondary-border-width, 1px) solid var(--button-utility-border-color, #484861); border-radius: var(--button-secondary-border-radius, 0.5rem); } .usb-button.button--utility--heavy:hover, .usb-button.button--utility--heavy:hover .svg-icon, .usb-button.button--utility--subtle { color: var(--button-utility-border-color, #484861); } .usb-button.button--utility--subtle { background: var(--button-text-background-color, transparent); border: var(--button-secondary-border-width, 1px) solid var(--button-utility-border-color, #484861); border-radius: var(--button-secondary-border-radius, 0.5rem); } .usb-button.button--utility--subtle .svg-icon { color: var(--button-utility-border-color, #484861); } .usb-button.button--utility--subtle:hover { background: var(--button-utility-border-color, #484861); color: var(--button-loud-hover-text-color, #fff); } .usb-button.button--utility--subtle:hover .svg-icon { color: var(--button-loud-hover-icon-fill-color, #fff); } .usb-button.button--utility--subtle:active { background: var(--button-loud-active-background-color, #6f0303); color: var(--button-loud-active-text-color, hsla(0, 0%, 100%, 0.78)); } .usb-button.button--utility--subtle:active .svg-icon { color: var(--button-loud-active-icon-fill-color, hsla(0, 0%, 100%, 0.78)); } .usb-button.button--utility--minimal { background: var(--button-text-background-color, transparent); border: var(--button-text-border-color, transparent) solid var(--button-secondary-border-width, 1px); border-radius: var(--button-utility-border-radius, 0.5rem); } .usb-button.button--utility--minimal, .usb-button.button--utility--minimal .svg-icon { color: var(--button-utility-border-color, #484861); } .usb-button.button--utility--minimal:hover { background: var(--button-utility-hover-background-color, #7a7a95); color: var(--button-utility-hover-text-color, #fff); } .usb-button.button--utility--minimal:hover .svg-icon { color: var(--button-utility-hover-icon-fill-color, #fff); } .usb-button.button--utility--minimal:active { background: var(--button-utility-active-background-color, #484861); color: var(--button-utility-active-text-color, hsla(0, 0%, 100%, 0.78)); } .usb-button.button--utility--minimal:active .svg-icon { color: var(--button-utility-active-icon-fill-color, hsla(0, 0%, 100%, 0.78)); } .usb-button.button--utility.button--large--icon-only, .usb-button.button--utility.button--medium--icon-only, .usb-button.button--utility.button--small--icon-only { border: none; } .usb-button.button--utility .svg-icon { color: var(--button-utility-icon-fill-color, #484861); } .usb-button.button--utility:hover { background: var(--button-utility-hover-background-color, #7a7a95); border: none; color: var(--button-utility-hover-text-color, #fff); padding: calc(var(--token-spacing-3, 0.75rem) + 1px) calc(var(--token-spacing-6, 1.5rem) + 1px); } .usb-button.button--utility:hover.button--large { padding: calc(var(--token-spacing-4, 1rem) + 1px) calc(var(--token-spacing-8, 2rem) + 1px); } .usb-button.button--utility:hover.button--small { padding: calc(var(--token-spacing-2, 0.5rem) + 1px) calc(var(--token-spacing-5, 1.25rem) + 1px); padding-left: calc(0.75rem + 1px); padding-right: calc(0.75rem + 1px); } .usb-button.button--utility:hover.button--small.button--small--icon-only { padding: var(--token-spacing-2, 0.5rem); } .usb-button.button--utility:hover.button--medium { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); } .usb-button.button--utility:hover.button--medium.button--medium--icon-only { padding: var(--token-spacing-2, 0.5rem); } .usb-button.button--utility:hover.button--large { padding-top: calc(0.75rem + 1px); padding-bottom: calc(0.7rem + 1px); } .usb-button.button--utility:hover.button--large.button--large--icon-only { padding: var(--token-spacing-3, 0.75rem); } .usb-button.button--utility:hover .svg-icon { color: var(--button-utility-hover-icon-fill-color, #fff); } .usb-button.button--utility:active { background: var(--button-utility-active-background-color, #484861); } .usb-button.button--utility:active, .usb-button.button--utility:active .svg-icon { color: var(--token-text-color-interaction-active, hsla(0, 0%, 100%, 0.78)); } @media (hover: none) and (pointer: coarse) { .usb-button.button--utility { background: var(--button-utility-background-color, #fff); border: var(--button-utility-hover-border-width, 0) solid var(--button-utility-hover-border-color, #7a7a95); } .usb-button.button--utility, .usb-button.button--utility .svg-icon { color: var(--button-utility-text-color, #484861); } .usb-button.button--utility:focus, .usb-button.button--utility:hover { background: var(--button-utility-background-color, #fff); color: var(--button-utility-text-color, #484861); border: var(--button-utility-hover-border-width, 0) solid var(--button-utility-hover-border-color, #7a7a95); } .usb-button.button--utility:focus .svg-icon, .usb-button.button--utility:hover .svg-icon { color: var(--button-utility-text-color, #484861); } .usb-button.button--utility:focus:before, .usb-button.button--utility:hover:before { border: 2px solid var(--token-border-focus, #235ae4); border-radius: var(--button-primary-border-radius, 0.5rem); content: ""; height: calc(100% + var(--token-spacing-3, 0.75rem)); position: absolute; left: -0.375rem; top: -0.375rem; width: calc(100% + var(--token-spacing-3, 0.75rem)); } .usb-button.button--utility:active { background: var(--button-utility-active-background-color, #484861); border: var(--button-utility-hover-border-width, 0) solid var(--button-utility-hover-border-color, #7a7a95); color: var(--token-text-color-interaction-active, hsla(0, 0%, 100%, 0.78)); padding: calc(var(--token-spacing-3, 0.75rem) + 1px) calc(var(--token-spacing-6, 1.5rem) + 1px); } .usb-button.button--utility:active.button--large { padding: calc(var(--token-spacing-4, 1rem) + 1px) calc(var(--token-spacing-8, 2rem) + 1px); } .usb-button.button--utility:active.button--small { padding: calc(var(--token-spacing-2, 0.5rem) + 1px) calc(var(--token-spacing-5, 1.25rem) + 1px); } .usb-button.button--utility:active .svg-icon { color: var(--token-text-color-interaction-active, hsla(0, 0%, 100%, 0.78)); } } .usb-button.button--text { background: var(--button-text-background-color, transparent); border-color: var(--button-text-border-color, transparent); border-width: var(--button-text-border-width, 0); border-radius: var(--button-text-border-radius, 0.5rem); color: var(--button-text-text-color, #235ae4); font-family: var(--button-text-font-family, Circular-USB, Arial, Helvetica, sans-serif); font-weight: var(--button-text-font-weight, 500); line-height: var(--button-text-line-height, 1); } .usb-button.button--text .svg-icon { color: var(--button-text-icon-fill-color, #235ae4); } .usb-button.button--text:hover { background: var(--button-text-hover-background-color, #003cc8); color: var(--button-text-hover-text-color, #fff); -webkit-text-decoration: var(--button-text-hover-text-decoration, none); text-decoration: var(--button-text-hover-text-decoration, none); } .usb-button.button--text:hover .svg-icon { color: var(--button-text-hover-icon-fill-color, #fff); } .usb-button.button--text:active { background: var(--button-text-active-background-color, #001e79); color: var(--button-text-active-text-color, hsla(0, 0%, 100%, 0.78)); } .usb-button.button--text:active .svg-icon { color: var(--button-text-active-icon-fill-color, hsla(0, 0%, 100%, 0.78)); } @media (hover: none) and (pointer: coarse) { .usb-button.button--text { background: var(--button-text-background-color, transparent); border: none; } .usb-button.button--text, .usb-button.button--text .svg-icon { color: var(--button-text-text-color, #235ae4); } .usb-button.button--text:focus, .usb-button.button--text:hover { background: var(--button-text-background-color, transparent); color: var(--button-text-text-color, #235ae4); border: none; } .usb-button.button--text:focus .svg-icon, .usb-button.button--text:hover .svg-icon { color: var(--button-text-text-color, #235ae4); } .usb-button.button--text:focus:before, .usb-button.button--text:hover:before { border: 2px solid var(--token-border-focus, #235ae4); border-radius: var(--button-primary-border-radius, 0.5rem); content: ""; height: calc(100% + var(--token-spacing-3, 0.75rem)); position: absolute; left: -0.375rem; top: -0.375rem; width: calc(100% + var(--token-spacing-3, 0.75rem)); } .usb-button.button--text:active { background: var(--button-text-active-background-color, #001e79); border: none; } .usb-button.button--text:active, .usb-button.button--text:active .svg-icon { color: var(--token-text-color-interaction-active, hsla(0, 0%, 100%, 0.78)); } } .usb-button.button--naked { line-height: var(--token-line-height-base, 1); } .usb-button.button--naked, .usb-button.button--naked:hover { background: var(--token-background-transparent, transparent); border: 0 var(--token-border-transparent, transparent); color: inherit; } .usb-button.button--naked .usb-icon { margin-right: var(--token-spacing-1, 0.25rem); } .usb-button.button--naked .usb-icon svg { fill: currentColor; } @media (hover: none) and (pointer: coarse) { .usb-button.button--naked, .usb-button.button--naked:hover { background: var(--token-background-transparent, transparent); color: inherit; } } .usb-button:focus:before { border: 2px solid var(--token-border-focus, #235ae4); border-radius: var(--button-primary-border-radius, 0.5rem); content: ""; height: calc(100% + var(--token-spacing-3, 0.75rem)); position: absolute; left: -0.375rem; top: -0.375rem; width: calc(100% + var(--token-spacing-3, 0.75rem)); } .usb-button:disabled, .usb-button[aria-disabled=true] { background: var(--token-disabled-background, rgba(205, 209, 226, 0.4)) !important; cursor: not-allowed !important; border-color: var(--token-border-transparent, transparent) !important; } .usb-button:disabled, .usb-button:disabled .svg-icon, .usb-button[aria-disabled=true], .usb-button[aria-disabled=true] .svg-icon { color: var(--token-disabled-foreground, #7a7a95) !important; } @media (hover: none) and (pointer: coarse) { .usb-button:disabled, .usb-button:disabled:focus, .usb-button:disabled:hover, .usb-button[aria-disabled=true], .usb-button[aria-disabled=true]:focus, .usb-button[aria-disabled=true]:hover { background: var(--token-disabled-background, rgba(205, 209, 226, 0.4)); color: var(--token-disabled-foreground, #7a7a95); } .usb-button:disabled:focus:before, .usb-button:disabled:hover:before, .usb-button[aria-disabled=true]:focus:before, .usb-button[aria-disabled=true]:hover:before { border-color: var(--token-border-transparent, transparent); } } .svg-icon { max-width: 100%; display: inline; } .svg-icon svg.single circle, .svg-icon svg.single ellipse, .svg-icon svg.single g, .svg-icon svg.single path { fill: inherit; transition: fill 0.1s ease; } .svg-icon.v-align-middle { display: inline-block; } .svg-icon.v-align-middle svg { vertical-align: middle; } .svg-icon.block { display: block; } .svg-icon.default { color: var(--icon-default-text-color, #7a7a95); fill: var(--icon-default-fill-color, #484861); } .svg-icon.light { color: var(--icon-light-text-color, #fff); fill: var(--icon-light-fill-color, #fff); } .svg-icon.brand-primary { color: var(--icon-brand-primary-text-color, #001e79); fill: var(--icon-brand-primary-fill-color, #001e79); } .svg-icon.brand-secondary { color: var(--icon-brand-secondary-text-color, #7a7a95); fill: var(--icon-brand-secondary-fill-color, #7a7a95); } .svg-icon.interaction { color: var(--icon-interaction-text-color, #235ae4); fill: var(--icon-interaction-fill-color, #235ae4); } .svg-icon.error { color: var(--icon-error-text-color, #ce2935); fill: var(--icon-error-fill-color, #ce2935); } .svg-icon.warning { color: var(--icon-warning-text-color, #eb5e01); fill: var(--icon-warning-fill-color, #eb5e01); } .svg-icon.success { color: var(--icon-success-text-color, #007d1e); fill: var(--icon-success-fill-color, #007d1e); } .svg-icon.neutral { color: var(--icon-neutral-msg-text-color, #235ae4); fill: var(--icon-neutral-msg-fill-color, #235ae4); } .svg-icon.grey10 { color: var(--icon-neutral-1-text-color, #f1f5fb); fill: var(--icon-neutral-1-fill-color, #f1f5fb); } .svg-icon.grey20 { color: var(--icon-neutral-2-text-color, #ebeff6); fill: var(--icon-neutral-2-fill-color, #ebeff6); } .svg-icon.grey30 { color: var(--icon-neutral-3-text-color, #cdd1e2); fill: var(--icon-neutral-3-fill-color, #cdd1e2); } .svg-icon.grey60 { color: var(--icon-neutral-4-text-color, #7a7a95); fill: var(--icon-neutral-4-fill-color, #7a7a95); } .svg-icon.grey70 { color: var(--icon-neutral-5-text-color, #63637f); fill: var(--icon-neutral-5-fill-color, #63637f); } .svg-icon.grey80 { color: var(--icon-neutral-6-text-color, #484861); fill: var(--icon-neutral-6-fill-color, #484861); } .svg-icon.grey90 { color: var(--icon-neutral-7-text-color, #2d2d3e); fill: var(--icon-neutral-7-fill-color, #2d2d3e); } .usb-notification > .confirmation, .usb-notification > .error, .usb-notification > .information, .usb-notification > .warning { display: flex; align-items: flex-start; width: 100%; padding: var(--token-spacing-4, 1rem) var(--token-spacing-10, 2.5rem) var(--token-spacing-4, 1rem) var(--token-spacing-4, 1rem); border-radius: var(--token-rounded-sm, 0.25rem); position: relative; outline-offset: -1px; color: var(--notification-text-color, #2d2d3e); font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-weight: var(--token-font-weight-reg, 400); font-size: var(--token-font-size-sm, 0.875rem); line-height: var(--token-line-height-3xl, 1.5); } .usb-notification > .confirmation > div, .usb-notification > .error > div, .usb-notification > .information > div, .usb-notification > .warning > div { margin-right: var(--token-spacing-3, 0.75rem); } .usb-notification > .confirmation h2, .usb-notification > .error h2, .usb-notification > .information h2, .usb-notification > .warning h2 { position: relative; color: var(--notification-heading-text-color, #2d2d3e); font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-weight: var(--token-font-weight-med, 500); font-size: var(--token-font-size-sm, 0.875rem); line-height: var(--token-line-height-3xl, 1.5); display: flex; } .usb-notification > .confirmation ul, .usb-notification > .error ul, .usb-notification > .information ul, .usb-notification > .warning ul { list-style-type: disc; margin: var(--token-spacing-1, 0.25rem) var(--token-spacing-0, 0) var(--token-spacing-0, 0) var(--token-spacing-12, 3rem); } .usb-notification > .confirmation ul li, .usb-notification > .error ul li, .usb-notification > .information ul li, .usb-notification > .warning ul li { margin: var(--token-spacing-2, 0.5rem) var(--token-spacing-0, 0) var(--token-spacing-0, 0); vertical-align: middle; font-size: var(--token-font-size-sm, 0.875rem); } .usb-notification > .confirmation ul li .button--naked, .usb-notification > .error ul li .button--naked, .usb-notification > .information ul li .button--naked, .usb-notification > .warning ul li .button--naked { margin: var(--token-spacing-0, 0); -webkit-text-decoration: underline; text-decoration: underline; line-height: inherit; vertical-align: initial; border: none; background: none; padding: var(--token-spacing-0, 0); display: inline; } .usb-notification > .confirmation a, .usb-notification > .confirmation button:not(.usb-button), .usb-notification > .error a, .usb-notification > .error button:not(.usb-button), .usb-notification > .information a, .usb-notification > .information button:not(.usb-button), .usb-notification > .warning a, .usb-notification > .warning button:not(.usb-button) { -webkit-text-decoration: none; text-decoration: none; border: none; background: none; padding: var(--token-spacing-0, 0); line-height: var(--token-line-height-3xl, 1.5); } .usb-notification > .confirmation .notification--content-group, .usb-notification > .error .notification--content-group, .usb-notification > .information .notification--content-group, .usb-notification > .warning .notification--content-group { white-space: normal; } @media only screen and (min-width: 30rem) { .usb-notification > .confirmation .notification--content-group, .usb-notification > .error .notification--content-group, .usb-notification > .information .notification--content-group, .usb-notification > .warning .notification--content-group { white-space: nowrap; } } .usb-notification > .confirmation .multiple-notification--text, .usb-notification > .confirmation .single-notification--text, .usb-notification > .error .multiple-notification--text, .usb-notification > .error .single-notification--text, .usb-notification > .information .multiple-notification--text, .usb-notification > .information .single-notification--text, .usb-notification > .warning .multiple-notification--text, .usb-notification > .warning .single-notification--text { display: inline-flex; flex-direction: row; -webkit-text-decoration: none; text-decoration: none; font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); line-height: var(--token-line-height-3xl, 1.5); font-size: var(--token-font-size-sm, 0.875rem); font-weight: var(--token-font-weight-reg, 400); color: var(--notification-message-text-color, #2d2d3e); } .usb-notification > .confirmation .multiple-notification--text.single-notification--header, .usb-notification > .confirmation .single-notification--text.single-notification--header, .usb-notification > .error .multiple-notification--text.single-notification--header, .usb-notification > .error .single-notification--text.single-notification--header, .usb-notification > .information .multiple-notification--text.single-notification--header, .usb-notification > .information .single-notification--text.single-notification--header, .usb-notification > .warning .multiple-notification--text.single-notification--header, .usb-notification > .warning .single-notification--text.single-notification--header { outline: none; } .usb-notification > .confirmation .single-notification--text, .usb-notification > .confirmation .single-notification--text + span.notification--content-group, .usb-notification > .error .single-notification--text, .usb-notification > .error .single-notification--text + span.notification--content-group, .usb-notification > .information .single-notification--text, .usb-notification > .information .single-notification--text + span.notification--content-group, .usb-notification > .warning .single-notification--text, .usb-notification > .warning .single-notification--text + span.notification--content-group { vertical-align: middle; } .usb-notification > .confirmation .multiple-notification--btn-text, .usb-notification > .confirmation .multiple-notification--link-text, .usb-notification > .confirmation .single-notification--link-btn, .usb-notification > .confirmation .single-notification--link-text, .usb-notification > .error .multiple-notification--btn-text, .usb-notification > .error .multiple-notification--link-text, .usb-notification > .error .single-notification--link-btn, .usb-notification > .error .single-notification--link-text, .usb-notification > .information .multiple-notification--btn-text, .usb-notification > .information .multiple-notification--link-text, .usb-notification > .information .single-notification--link-btn, .usb-notification > .information .single-notification--link-text, .usb-notification > .warning .multiple-notification--btn-text, .usb-notification > .warning .multiple-notification--link-text, .usb-notification > .warning .single-notification--link-btn, .usb-notification > .warning .single-notification--link-text { color: var(--notification-message-link-text-color, #235ae4); font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-size: var(--token-font-size-base, 1rem); font-size: var(--token-font-size-sm, 0.875rem); font-weight: var(--token-font-weight-reg, 400); -webkit-text-decoration: underline; text-decoration: underline; text-align: left; line-height: var(--token-line-height-3xl, 1.5); } .usb-notification > .confirmation .multiple-notification--btn-text:hover, .usb-notification > .confirmation .multiple-notification--link-text:hover, .usb-notification > .confirmation .single-notification--link-btn:hover, .usb-notification > .confirmation .single-notification--link-text:hover, .usb-notification > .error .multiple-notification--btn-text:hover, .usb-notification > .error .multiple-notification--link-text:hover, .usb-notification > .error .single-notification--link-btn:hover, .usb-notification > .error .single-notification--link-text:hover, .usb-notification > .information .multiple-notification--btn-text:hover, .usb-notification > .information .multiple-notification--link-text:hover, .usb-notification > .information .single-notification--link-btn:hover, .usb-notification > .information .single-notification--link-text:hover, .usb-notification > .warning .multiple-notification--btn-text:hover, .usb-notification > .warning .multiple-notification--link-text:hover, .usb-notification > .warning .single-notification--link-btn:hover, .usb-notification > .warning .single-notification--link-text:hover { -webkit-text-decoration: none; text-decoration: none; } .usb-notification > .confirmation .multiple-notification--link, .usb-notification > .error .multiple-notification--link, .usb-notification > .information .multiple-notification--link, .usb-notification > .warning .multiple-notification--link { margin-left: var(--token-spacing-1, 0.25rem); } .usb-notification > .confirmation .single-notification--btn-text, .usb-notification > .confirmation .single-notification--link-text, .usb-notification > .error .single-notification--btn-text, .usb-notification > .error .single-notification--link-text, .usb-notification > .information .single-notification--btn-text, .usb-notification > .information .single-notification--link-text, .usb-notification > .warning .single-notification--btn-text, .usb-notification > .warning .single-notification--link-text { color: var(--notification-message-link-text-color, #235ae4); font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-size: var(--token-font-size-base, 1rem); font-size: var(--token-font-size-sm, 0.875rem); font-weight: var(--token-font-weight-reg, 400); -webkit-text-decoration: underline; text-decoration: underline; line-height: var(--token-line-height-3xl, 1.5); margin: var(--token-spacing-0, 0) var(--token-spacing-1, 0.25rem); } .usb-notification > .confirmation .single-notification--btn-text:hover, .usb-notification > .confirmation .single-notification--link-text:hover, .usb-notification > .error .single-notification--btn-text:hover, .usb-notification > .error .single-notification--link-text:hover, .usb-notification > .information .single-notification--btn-text:hover, .usb-notification > .information .single-notification--link-text:hover, .usb-notification > .warning .single-notification--btn-text:hover, .usb-notification > .warning .single-notification--link-text:hover { -webkit-text-decoration: none; text-decoration: none; } .usb-notification > .confirmation .single-notification--text-end-short, .usb-notification > .error .single-notification--text-end-short, .usb-notification > .information .single-notification--text-end-short, .usb-notification > .warning .single-notification--text-end-short { margin: var(--token-spacing-0, 0) var(--token-spacing-0, 0) var(--token-spacing-0, 0) var(--token-spacing-1, 0.25rem); } .usb-notification > .confirmation .single-notification--link-btn, .usb-notification > .confirmation .single-notification--text, .usb-notification > .error .single-notification--link-btn, .usb-notification > .error .single-notification--text, .usb-notification > .information .single-notification--link-btn, .usb-notification > .information .single-notification--text, .usb-notification > .warning .single-notification--link-btn, .usb-notification > .warning .single-notification--text { -webkit-text-decoration: none; text-decoration: none; color: var(--notification-message-button-background-color, #2d2d3e); font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-size: var(--token-font-size-base, 1rem); line-height: var(--token-line-height-3xl, 1.5); font-size: var(--token-font-size-sm, 0.875rem); font-weight: var(--token-font-weight-reg, 400); } @media (-ms-high-contrast: active), (-ms-high-contrast: none) { .usb-notification > .confirmation .single-notification--link-btn, .usb-notification > .confirmation .single-notification--text, .usb-notification > .error .single-notification--link-btn, .usb-notification > .error .single-notification--text, .usb-notification > .information .single-notification--link-btn, .usb-notification > .information .single-notification--text, .usb-notification > .warning .single-notification--link-btn, .usb-notification > .warning .single-notification--text { margin-left: 12px; } } .usb-notification > .confirmation .single-notification--link-btn:focus, .usb-notification > .confirmation .single-notification--text:focus, .usb-notification > .error .single-notification--link-btn:focus, .usb-notification > .error .single-notification--text:focus, .usb-notification > .information .single-notification--link-btn:focus, .usb-notification > .information .single-notification--text:focus, .usb-notification > .warning .single-notification--link-btn:focus, .usb-notification > .warning .single-notification--text:focus { outline-offset: var(--token-spacing-1, 0.25rem); outline-color: var(--token-text-color-interaction, #235ae4); } .usb-notification > .confirmation .single-notification--btn-wrapper, .usb-notification > .error .single-notification--btn-wrapper, .usb-notification > .information .single-notification--btn-wrapper, .usb-notification > .warning .single-notification--btn-wrapper { display: flex; } .usb-notification > .confirmation #children-notification-children-notification, .usb-notification > .error #children-notification-children-notification, .usb-notification > .information #children-notification-children-notification, .usb-notification > .warning #children-notification-children-notification { padding-top: var(--token-spacing-1, 0.25rem); } .usb-notification > .confirmation #children-notification-children-notification a, .usb-notification > .error #children-notification-children-notification a, .usb-notification > .information #children-notification-children-notification a, .usb-notification > .warning #children-notification-children-notification a { -webkit-text-decoration: underline; text-decoration: underline; } .usb-notification .usb-children-notification { margin-left: var(--token-spacing-8, 2rem); } .usb-notification .usb-children-notification .usb-icon { position: absolute; left: var(--token-spacing-4, 1rem); } .usb-notification .icon { width: var(--token-spacing-5, 1.25rem); height: var(--token-spacing-5, 1.25rem); margin-right: var(--token-spacing-3, 0.75rem); } @media (-ms-high-contrast: active), (-ms-high-contrast: none) { .usb-notification .icon { width: 20px; } } .usb-notification .usb-button.usb-button--close-btn { position: absolute; top: var(--token-spacing-4, 1rem); right: var(--token-spacing-5, 1.25rem); cursor: pointer; padding: var(--token-spacing-0, 0); height: var(--token-spacing-5, 1.25rem); min-height: 0; min-width: 0; width: var(--token-spacing-5, 1.25rem); background: transparent; } .usb-notification .usb-button.usb-button--close-btn .svg-icon svg circle, .usb-notification .usb-button.usb-button--close-btn .svg-icon svg ellipse, .usb-notification .usb-button.usb-button--close-btn .svg-icon svg g, .usb-notification .usb-button.usb-button--close-btn .svg-icon svg path { fill: var(--notification-close-icon-fill-color, #2d2d3e); } .usb-notification .usb-button.usb-button--close-btn:hover { background: transparent; } .usb-notification > .error { border: 1px solid var(--notification-error-border-color, #ffbeb4); border-top: 4px solid var(--notification-error-border-top, #ce2935); background-color: var(--notification-error-background-color, #ffe9ea); box-shadow: var(--token-shadow-sm, 0 1px 3px 0 rgba(0, 0, 0, 0.12)); } .usb-notification > .error .usb-button:hover .svg-icon svg circle, .usb-notification > .error .usb-button:hover .svg-icon svg g, .usb-notification > .error .usb-button:hover .svg-icon svg path, .usb-notification > .error .usb-button:hover .svg-icon svg rect { fill: var(--notification-error-hover-icon-fill-color, #2d2d3e); } .usb-notification > .confirmation { border: 1px solid var(--notification-confirmation-border-color, #a0dcaa); border-top: 4px solid var(--notification-confirmation-border-top, #007d1e); background-color: var(--notification-confirmation-background-color, #e5f8e8); box-shadow: var(--token-shadow-sm, 0 1px 3px 0 rgba(0, 0, 0, 0.12)); } .usb-notification > .confirmation .usb-button:hover .svg-icon svg circle, .usb-notification > .confirmation .usb-button:hover .svg-icon svg g, .usb-notification > .confirmation .usb-button:hover .svg-icon svg path, .usb-notification > .confirmation .usb-button:hover .svg-icon svg rect { fill: var(--notification-confirmation-hover-icon-fill-color, #2d2d3e); } .usb-notification > .warning { border: 1px solid var(--notification-warning-border-color, #ffd589); border-top: 4px solid var(--notification-warning-border-top, #eb5e01); background-color: var(--notification-warning-background-color, #fff4e4); box-shadow: var(--token-shadow-sm, 0 1px 3px 0 rgba(0, 0, 0, 0.12)); } .usb-notification > .warning .usb-button:hover .svg-icon svg circle, .usb-notification > .warning .usb-button:hover .svg-icon svg g, .usb-notification > .warning .usb-button:hover .svg-icon svg path, .usb-notification > .warning .usb-button:hover .svg-icon svg rect { fill: var(--notification-warning-hover-icon-fill-color, #2d2d3e); } .usb-notification > .information { box-shadow: var(--token-shadow-sm, 0 1px 3px 0 rgba(0, 0, 0, 0.12)); border: 1px solid var(--notification-information-border-color, #aad2ff); border-top: 4px solid var(--notification-information-border-top, #235ae4); background-color: var(--notification-information-background-color, #eef6ff); } .usb-notification > .information .usb-button:hover .svg-icon svg circle, .usb-notification > .information .usb-button:hover .svg-icon svg g, .usb-notification > .information .usb-button:hover .svg-icon svg path, .usb-notification > .information .usb-button:hover .svg-icon svg rect { fill: var(--notification-information-hover-icon-fill-color, #2d2d3e); } .usb--error-message { display: flex; justify-content: flex-start; align-items: flex-start; font-size: var(--token-font-size-xs, 0.75rem); } .usb--error-message svg { color: var(--token-status-danger-mid, #ce2935); fill: var(--token-status-danger-mid, #ce2935); height: var(--token-spacing-4, 1rem); margin-right: var(--token-spacing-1, 0.25rem); width: var(--token-spacing-3, 0.75rem); } .usb--error-message span { color: var(--token-status-danger-mid, #ce2935); line-height: var(--token-line-height-lg, 1.25); margin-top: var(--token-spacing-1, 0.25rem); } .usb--error-message span.usb-icon { line-height: var(--token-line-height-base, 1); } .optionalSpan { color: var(--token-text-color-tertiary, #63637f); display: flex; font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-size: var(--token-font-size-xs, 0.75rem); font-weight: var(--token-font-weight-reg, 400); line-height: var(--token-line-height-3xl, 1.5); padding-top: var(--token-spacing-1, 0.25rem); } .helper_label--wrapper { display: flex; justify-content: flex-start; align-items: flex-start; } .helper_label--wrapper .en_dash { color: var(--token-text-color-tertiary, #63637f); font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-size: var(--token-font-size-xs, 0.75rem); font-weight: var(--token-font-weight-reg, 400); line-height: var(--token-line-height-3xl, 1.5); padding: 4px var(--token-spacing-1, 0.25rem) 0; } .shakeWarning { display: block; animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; transform: translateZ(0); backface-visibility: hidden; perspective: 1000px; } @keyframes shake { 10%, 90% { transform: translate3d(-1px, 0, 0); } 20%, 80% { transform: translate3d(2px, 0, 0); } 30%, 50%, 70% { transform: translate3d(-4px, 0, 0); } 40%, 60% { transform: translate3d(4px, 0, 0); } } .icon-container { margin: 0; position: absolute; right: 0; top: var(--token-spacing-1, 0.25rem); } .usb--wrapper button.show-hide__button { background-color: initial; border: none; color: var(--token-text-color-tertiary, #63637f); font-size: var(--token-font-size-sm, 0.875rem); font-weight: var(--token-font-weight-reg, 400); line-height: var(--token-spacing-5, 1.25rem); min-height: var(--token-spacing-6, 1.5rem); margin: 0; outline: none; padding: 0; position: absolute; right: var(--forms-base-label-show-hide-right, 0); top: var(--forms-base-label-show-hide-top, 1rem); } .usb--wrapper button.show-hide__button:after { content: ""; border: 2px solid transparent; border-radius: var(--token-rounded-sm, 0.25rem); height: calc(100% + var(--token-spacing-2, 0.5rem)); position: absolute; left: calc(var(--token-spacing-1, 0.25rem) * -1); top: calc(var(--token-spacing-1, 0.25rem) * -1); transition: var(--token-timing-fast-ease, 0.1s ease) border; width: calc(100% + var(--token-spacing-2, 0.5rem)); } .usb--wrapper button.show-hide__button:hover { -webkit-text-decoration: none; text-decoration: none; } .usb--wrapper button.show-hide__button:focus:after { border-color: var(--token-border-focus, #235ae4); } .usb--checkbox--fieldset { border: 0; margin-bottom: calc(var(--token-spacing-5, 1.25rem) * -1); } .usb--checkbox-group--legend { color: var(--checkbox-group-label-text-color, #2d2d3e); font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-size: var(--token-font-size-base, 1rem); font-weight: var(--token-font-weight-med, 500); line-height: var(--token-line-height-3xl, 1.5); position: relative; } .usb--checkbox-group--legend .usb--error-message span { margin-top: var(--token-spacing-1, 0.25rem); } .usb--checkbox-group--legend .usb-toggletip-container { display: inline-block; position: relative; left: calc(var(--token-spacing-1, 0.25rem) * -1); right: auto; top: var(--token-spacing-1, 0.25rem); transform: none; } .usb--checkbox-group--legend .usb-toggletip-container + .helper_label--wrapper span { padding-top: 0; } .usb--checkbox-group--legend .usb-toggletip-container + .usb--error-message span { margin-top: 0; } .usb--checkbox-group--legend .helper_label--wrapper span { padding-top: var(--token-spacing-1, 0.25rem); } .usb--checkbox-wrapper { margin-top: 0; margin-bottom: var(--token-spacing-5, 1.25rem); min-height: unset; padding-top: 0; flex-basis: 50%; } .usb--checkbox-list { margin-top: var(--token-spacing-6, 1.5rem); } @media only screen and (min-width: 41.9375rem) { .usb--checkbox-list .checkbox-column { flex-basis: 50%; } .usb--checkbox-list .checkbox-column:not(:first-of-type) { margin-left: var(--token-spacing-8, 2rem); } .usb--checkbox-list.columns { display: flex; } } .usb--checkbox-indeterminate_parent + ul > li { margin-bottom: var(--token-spacing-5, 1.25rem); } .usb--checkbox-indeterminate_child { margin-left: var(--token-spacing-5, 1.25rem); } .usb--checkbox--fieldset.usb--selectable-card { margin-bottom: 0; } .usb--checkbox--fieldset.usb--selectable-card .usb--checkbox-list { margin-top: 0; } .usb--checkbox--fieldset.usb--selectable-card .usb--error-message { margin-bottom: var(--token-spacing-3, 0.75rem); } .usb--checkbox--fieldset.usb--selectable-card .usb--selectablecard-wrapper { padding-top: 1px; padding-bottom: 1rem; } .usb--checkbox-input { cursor: pointer; height: var(--token-spacing-11, 2.75rem); opacity: 0; position: absolute; left: calc(var(--token-spacing-3, 0.75rem) * -1); top: calc(var(--token-spacing-3, 0.75rem) * -1); width: var(--token-spacing-11, 2.75rem); z-index: 10; } .usb--checkbox-input:checked + label .usb--checkbox-svg svg, .usb--checkbox-input[aria-checked=mixed] + label .usb--checkbox-svg svg, .usb--checkbox-input[aria-checked=true] + label .usb--checkbox-svg svg { border-width: 0; background: var(--checkbox-checked-icon-background-color, #235ae4); fill: var(--checkbox-checked-icon-fill-color, #fff); } .usb--checkbox-input:checked:disabled + label .usb--checkbox-svg svg, .usb--checkbox-input[aria-checked=mixed]:disabled + label .usb--checkbox-svg svg, .usb--checkbox-input[aria-checked=true]:disabled + label .usb--checkbox-svg svg { fill: var(--checkbox-checked-disabled-icon-fill-color, #7a7a95); } .usb--checkbox-input:disabled + label { color: var(--token-disabled-foreground, #7a7a95); } .usb--checkbox-input[aria-checked=mixed] + label .usb--checkbox-svg svg { stroke: var(--checkbox-checked-icon-fill-color, #fff); } .usb--checkbox-input[aria-checked=mixed]:disabled + label .usb--checkbox-svg svg { stroke: var(--checkbox-checked-disabled-icon-fill-color, #7a7a95); } .usb--checkbox-input:focus + label:after { border-color: var(--checkbox-focus-border-color, #003cc8); } .usb--checkbox-input:disabled, .usb--checkbox-input:disabled + label, .usb--checkbox-input:disabled + label .usb--checkbox-svg svg { cursor: not-allowed; } .usb--checkbox-input:disabled + label .usb--checkbox-svg svg { background: var(--checkbox-disabled-icon-background-color, rgba(205, 209, 226, 0.4)); border-width: 0; } .usb--checkbox-input ~ .helper_label--wrapper { margin-left: var(--token-spacing-8, 2rem); } .usb--checkbox-input:disabled ~ .helper_label--wrapper span { color: var(--token-disabled-foreground, #7a7a95); } .usb--checkbox-icon { margin-right: var(--token-spacing-2, 0.5rem); margin-top: -0.25rem; width: var(--token-spacing-8, 2rem); min-width: var(--token-spacing-8, 2rem); text-align: center; height: var(--token-spacing-8, 2rem) !important; } .usb--checkbox-icon-radius, .usb--checkbox-icon-radius svg { border-radius: 50%; } .usb--checkbox-label { color: var(--checkbox-label-text-color, #484861); cursor: pointer; display: flex; align-items: flex-start; flex-direction: row-reverse; justify-content: flex-end; font-family: var(--checkbox-label-font-family, Circular-USB, Arial, Helvetica, sans-serif); font-size: var(--checkbox-label-font-size, 1rem); font-weight: var(--checkbox-label-font-weight, 400); position: relative; width: 100%; } .usb--checkbox-label:after { content: ""; border: 2px solid transparent; border-radius: var(--checkbox-focus-border-radius, 0.25rem); height: var(--token-spacing-8, 2rem); position: absolute; left: -0.375rem; top: -0.375rem; width: var(--token-spacing-8, 2rem); } .usb--checkbox-label span { display: flex; align-items: center; justify-content: center; } .usb--checkbox-label span.usb--checkbox-svg svg { background: var(--checkbox-icon-background-color, #fff); border: 1px solid var(--checkbox-border-color, #7a7a95); border-radius: var(--checkbox-border-radius, 0.25rem); fill: transparent; stroke: transparent; height: var(--token-spacing-5, 1.25rem); transition: border-color var(--token-timing-default-ease, 0.25s ease); pointer-events: none; min-width: var(--token-spacing-5, 1.25rem); margin-right: var(--token-spacing-3, 0.75rem); position: relative; vertical-align: middle; width: var(--token-spacing-5, 1.25rem); } .usb--checkbox-label span.usb--checkbox-label-text { display: inline; } .usb--checkbox-label + .usb--error-message { margin-left: var(--token-spacing-8, 2rem); } .usb--checkbox-legend { color: var(--checkbox-group-label-text-color, #2d2d3e); font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-size: var(--token-font-size-base, 1rem); font-weight: var(--token-font-weight-med, 500); line-height: var(--token-line-height-3xl, 1.5); position: relative; } .usb--checkbox-legend .usb--error-message span { margin-top: var(--token-spacing-1, 0.25rem); } .usb--checkbox-legend .usb-toggletip-container { display: inline-block; position: relative; left: calc(var(--token-spacing-1, 0.25rem) * -1); right: auto; top: var(--token-spacing-1, 0.25rem); transform: none; } .usb--checkbox-legend .usb-toggletip-container + .helper_label--wrapper span { padding-top: 0; } .usb--checkbox-legend .usb-toggletip-container + .usb--error-message span { margin-top: 0; } .usb--checkbox-legend .helper_label--wrapper span { padding-top: var(--token-spacing-1, 0.25rem); } .usb--checkbox-wrapper { position: relative; width: -moz-fit-content; width: fit-content; } .usb--checkbox-wrapper.usb--checkbox--fieldset > .usb--checkbox-label { margin-top: var(--token-spacing-6, 1.5rem); } .usb--checkbox-wrapper.usb--checkbox--fieldset > .usb--checkbox-input { top: var(--token-spacing-3, 0.75rem); } .usb--checkbox-wrapper .helper_label--wrapper span { color: var(--checkbox-helper-text-text-color, #63637f); } .usb--checkbox-wrapper.is-error .usb--checkbox-input + label .usb--checkbox-svg svg { background: var(--checkbox-error-icon-background-color, #fff); border: 2px solid var(--checkbox-error-border-color, #ce2935); } .usb--checkbox-wrapper.is-error .usb--checkbox-input:checked + label .usb--checkbox-svg svg, .usb--checkbox-wrapper.is-error .usb--checkbox-input[aria-checked=true] + label svg { fill: var(--checkbox-error-icon-fill-color, #ce2935); } .usb--checkbox-wrapper.is-error .usb--checkbox-input[aria-checked=mixed] + label svg { stroke: var(--checkbox-error-icon-fill-color, #ce2935); } .usb--checkbox-wrapper.is-error:hover .usb--checkbox-input:checked + label .usb--checkbox-svg svg, .usb--checkbox-wrapper.is-error:hover .usb--checkbox-input[aria-checked=mixed] + label .usb--checkbox-svg svg, .usb--checkbox-wrapper.is-error:hover .usb--checkbox-input[aria-checked=true] + label .usb--checkbox-svg svg { background: var(--checkbox-hover-error-icon-background-color, #fff); border: 2px solid var(--checkbox-hover-error-border-color, #001e79); fill: var(--checkbox-hover-error-icon-fill-color, #ce2935); } .usb--checkbox-wrapper.is-error:hover .usb--checkbox-input[aria-checked=mixed] + label .usb--checkbox-svg svg { stroke: var(--checkbox-hover-error-icon-fill-color, #ce2935); } .usb--checkbox-wrapper:hover:not(.is-read-only):not(.is-disabled) .usb--checkbox-input + label .usb--checkbox-svg svg { border: 2px solid var(--checkbox-hover-border-color, #003cc8); } .usb--checkbox-wrapper:hover:not(.is-read-only):not(.is-disabled) .usb--checkbox-input:active + label .usb--checkbox-svg svg { border: 2px solid var(--checkbox-hover-active-border-color, #001e79); } .usb--checkbox-wrapper:hover:not(.is-read-only):not(.is-disabled) .usb--checkbox-input:checked + label .usb--checkbox-svg svg, .usb--checkbox-wrapper:hover:not(.is-read-only):not(.is-disabled) .usb--checkbox-input[aria-checked=mixed] + label .usb--checkbox-svg svg, .usb--checkbox-wrapper:hover:not(.is-read-only):not(.is-disabled) .usb--checkbox-input[aria-checked=true] + label .usb--checkbox-svg svg { background: var(--checkbox-checked-hover-icon-background-color, #003cc8); border-width: 0; fill: var(--checkbox-checked-hover-icon-fill-color, #fff); } .usb--checkbox-wrapper:hover:not(.is-read-only):not(.is-disabled) .usb--checkbox-input:checked:active + label .usb--checkbox-svg svg, .usb--checkbox-wrapper:hover:not(.is-read-only):not(.is-disabled) .usb--checkbox-input[aria-checked=mixed]:active + label .usb--checkbox-svg svg, .usb--checkbox-wrapper:hover:not(.is-read-only):not(.is-disabled) .usb--checkbox-input[aria-checked=true]:active + label .usb--checkbox-svg svg { background: var(--checkbox-checked-hover-active-icon-background-color, hsla(0, 0%, 100%, 0.78)); } .usb--checkbox-wrapper:hover:not(.is-read-only):not(.is-disabled) .usb--checkbox-input[aria-checked=mixed] + label .usb--checkbox-svg svg { stroke: var(--checkbox-checked-hover-icon-fill-color, #fff); } .usb--checkbox-wrapper.is-read-only { cursor: not-allowed; } .usb--checkbox-wrapper.is-read-only .usb--checkbox-input, .usb--checkbox-wrapper.is-read-only .usb--checkbox-input + label { pointer-events: none; } .usb--checkbox-wrapper.is-read-only .usb--checkbox-input + label:after { content: ""; border: 2px solid transparent; border-radius: var(--checkbox-focus-border-radius, 0.25rem); height: var(--token-spacing-8, 2rem); position: absolute; left: -0.375rem; top: -0.375rem; width: var(--token-spacing-8, 2rem); } .usb--checkbox-wrapper.is-read-only .usb--checkbox-input + label span { display: flex; align-items: center; justify-content: center; } .usb--checkbox-wrapper.is-read-only .usb--checkbox-input + label span.usb--checkbox-svg svg { background: var(--checkbox-icon-background-color, #fff); border: 1px solid var(--checkbox-border-color, #7a7a95); border-radius: var(--checkbox-border-radius, 0.25rem); fill: transparent; height: var(--token-spacing-5, 1.25rem); transition: border-color var(--token-timing-default-ease, 0.25s ease); pointer-events: none; min-width: var(--token-spacing-5, 1.25rem); margin-right: var(--token-spacing-3, 0.75rem); position: relative; vertical-align: middle; width: var(--token-spacing-5, 1.25rem); } .usb--checkbox-wrapper.is-read-only .usb--checkbox-input + label span.usb--checkbox-label-text { display: inline; } .usb--checkbox-wrapper.is-read-only .usb--checkbox-input + label span:checked + label .usb--checkbox-svg svg, .usb--checkbox-wrapper.is-read-only .usb--checkbox-input + label span[aria-checked=true] + label .usb--checkbox-svg svg { fill: var(--checkbox-readonly-icon-fill-color, #484861); } .usb--checkbox-wrapper.is-read-only .usb--checkbox-input + label span[aria-checked=mixed] + label .usb--checkbox-svg svg { stroke: var(--checkbox-readonly-icon-fill-color, #484861); } .usb--wrapper { background-color: var(--text-input-wrapper-background-color, transparent); margin-top: var(--token-spacing-2, 0.5rem); min-height: var(--token-spacing-12, 3rem); padding-top: var(--token-spacing-4, 1rem); position: relative; width: 100%; z-index: 0; } .usb--wrapper.is-long-label { margin-top: calc(var(--token-spacing-2, 0.5rem) + var(--token-spacing-5, 1.25rem)); } .usb--wrapper .usb--basic-input { background-color: var(--text-input-basic-background-color, transparent); border-radius: var(--text-input-basic-border-radius, 0); border-top: var(--text-input-basic-border-top-width, 0) var(--text-input-basic-border-style, solid) var(--text-input-basic-border-color, #7a7a95); border-right: var(--text-input-basic-border-right-width, 0) var(--text-input-basic-border-style, solid) var(--text-input-basic-border-color, #7a7a95); border-bottom: var(--text-input-basic-border-bottom-width, 1px) var(--text-input-basic-border-style, solid) var(--text-input-basic-border-color, #7a7a95); border-left: var(--text-input-basic-border-left-width, 0) var(--text-input-basic-border-style, solid) var(--text-input-basic-border-color, #7a7a95); color: var(--text-input-basic-text-color, #484861); font-family: var(--text-input-basic-font-family, Circular-USB, Arial, Helvetica, sans-serif); font-size: var(--text-input-basic-font-size, 1rem); font-weight: var(--text-input-basic-font-weight, 400); line-height: var(--token-line-height-3xl, 1.5); margin: var(--text-input-basic-margin-top, 0) var(--text-input-basic-margin-right, auto) var(--text-input-basic-margin-bottom, auto) var(--text-input-basic-margin-left, auto); padding: var(--text-input-basic-padding-top, 0) var(--text-input-basic-padding-right, 0) var(--text-input-basic-padding-bottom, 0) var(--text-input-basic-padding-left, 0); width: 100%; } .usb--wrapper .usb--basic-input.input__date-picker, .usb--wrapper .usb--basic-input.input__show-hide { padding-right: var(--token-spacing-10, 2.5rem); } .usb--wrapper .usb--basic-input.input__has-toggletip { padding-right: var(--token-spacing-6, 1.5rem); } .usb--wrapper .usb--basic-input.input__has-toggletip + .show-hide__button { right: var(--token-spacing-8, 2rem); } .usb--wrapper .usb--basic-input::-ms-clear { display: none; height: var(--token-spacing-0, 0); width: var(--token-spacing-0, 0); } .usb--wrapper .usb--floating-label { background-color: var(--text-input-label-background-color, transparent); color: var(--text-input-label-text-color, #63637f); font-family: var(--text-input-label-font-family, Circular-USB, Arial, Helvetica, sans-serif); font-weight: var(--text-input-label-font-weight, 400); font-size: var(--text-input-label-font-size, 1rem); line-height: var(--text-input-label-line-height, 1.5); position: var(--text-input-label-position, absolute); top: var(--text-input-label-top, 1rem); left: var(--token-spacing-0, 0); transition: all var(--token-timing-default-ease, 0.25s ease); } .usb--wrapper .usb--floating-label_overflow { top: calc(var(--text-input-label-font-size, 1rem) * -1 / var(--text-input-label-line-height, 1.5)); } .usb--wrapper .usb--error-text-container { height: auto; max-height: 0; opacity: 0; transition: max-height var(--token-timing-moderate-ease-in-out, 0.5s ease-in-out), opacity var(--token-timing-moderate-ease-in-out, 0.5s ease-in-out); overflow: hidden; } .usb--wrapper.is-focused:after { content: ""; border: var(--text-input-focus-active-wrapper-border-width, 2px) solid var(--text-input-focus-wrapper-border-color, #235ae4); border-radius: var(--text-input-focus-active-wrapper-border-radius, 0.25rem); height: calc(100% + var(--token-spacing-3, 0.75rem)); position: absolute; left: -0.375rem; top: -0.375rem; width: calc(100% + var(--token-spacing-3, 0.75rem)); z-index: -1; } .usb--wrapper.is-focused.is-long-label:after { height: calc(100% + var(--token-spacing-6, 1.5rem) + 0.375rem); top: -1.5rem; } .usb--wrapper.is-focused.is-value label, .usb--wrapper.is-focused label { color: var(--text-input-active-label-text-color, #63637f); font-family: var(--text-input-active-label-font-family, Circular-USB, Arial, Helvetica, sans-serif); font-weight: var(--text-input-focus-active-label-font-weight, 400); font-size: var(--text-input-focus-active-label-font-size, 0.75rem); line-height: var(--text-input-focus-active-label-line-height, 1.5); top: var(--text-input-focus-active-label-top, 0); } .usb--wrapper.is-focused.is-value label.usb--floating-label_overflow, .usb--wrapper.is-focused label.usb--floating-label_overflow { top: calc(var(--text-input-focus-active-label-font-size, 0.75rem) * -1 * var(--text-input-focus-active-label-line-height, 1.5)); } .usb--wrapper.is-focused .usb--basic-input { outline: transparent; border-top: var(--text-input-focus-border-top-width, 0) var(--text-input-focus-active-border-style, solid) var(--text-input-basic-focus-active-border-color, #235ae4); border-right: var(--text-input-focus-border-right-width, 0) var(--text-input-focus-active-border-style, solid) var(--text-input-basic-focus-active-border-color, #235ae4); border-bottom: var(--text-input-focus-border-bottom-width, 1px) var(--text-input-focus-active-border-style, solid) var(--text-input-basic-focus-active-border-color, #235ae4); border-left: var(--text-input-focus-border-left-width, 0) var(--text-input-focus-active-border-style, solid) var(--text-input-basic-focus-active-border-color, #235ae4); font-family: var(--text-input-basic-focus-active-font-family, Circular-USB, Arial, Helvetica, sans-serif); } .usb--wrapper.is-focused.is-value .usb--basic-input, .usb--wrapper.is-focused .usb--basic-input { margin: var(--text-input-basic-focus-active-margin-top, auto) var(--text-input-basic-focus-active-margin-right, -1px) var(--text-input-basic-focus-active-margin-bottom, -1px) var(--text-input-basic-focus-active-margin-left, 0); } .usb--wrapper.is-focused.is-value .usb--basic-input { border-width: var(--text-input-basic-focus-active-border-top-width, 0) var(--text-input-basic-focus-active-border-right-width, 0) var(--text-input-basic-focus-active-border-bottom-width, 2px) var(--text-input-basic-focus-active-border-left-width, 0); color: var(--text-input-basic-focus-active-text-color, #484861); font-family: var(--text-input-basic-active-font-family, Circular-USB, Arial, Helvetica, sans-serif); font-weight: var(--text-input-basic-focus-active-font-weight, 400); font-size: var(--text-input-basic-focus-active-font-size, 1rem); line-height: var(--text-input-basic-focus-active-line-height, 1.5); } .usb--wrapper.is-value .usb--basic-input { font-weight: var(--text-input-basic-active-font-weight, 400); font-size: var(--text-input-basic-active-font-size, 1rem); line-height: var(--text-input-basic-active-line-height, 1.5); } .usb--wrapper.is-disabled .show-hide__button, .usb--wrapper.is-read-only .show-hide__button { display: none; } .usb--wrapper.is-disabled .usb--floating-label, .usb--wrapper.is-read-only .usb--floating-label { cursor: default; } .usb--wrapper.is-disabled .usb--basic-input, .usb--wrapper.is-read-only .usb--basic-input { border: none; border-bottom: 1px solid var(--text-input-basic-disabled-border-color, transparent); } .usb--wrapper.is-disabled .button__date-picker, .usb--wrapper.is-read-only .button__date-picker { cursor: not-allowed; } .usb--wrapper.is-disabled .usb--floating-label, .usb--wrapper.is-read-only .usb--floating-label { top: var(--text-input-label-top, 1rem); font-size: var(--text-input-label-font-size, 1rem); transition: none; margin-bottom: var(--text-input-basic-focus-active-margin-bottom, -1px); } .usb--wrapper.is-disabled .usb--floating-label_overflow, .usb--wrapper.is-read-only .usb--floating-label_overflow { top: auto; } .usb--wrapper.is-disabled { background: var(--token-disabled-background, rgba(205, 209, 226, 0.4)); } .usb--wrapper.is-disabled .helper_label--wrapper span, .usb--wrapper.is-disabled .icon-container .usb-icon, .usb--wrapper.is-disabled.is-value .usb--floating-label, .usb--wrapper.is-disabled .usb--basic-input, .usb--wrapper.is-disabled .usb--floating-label { cursor: not-allowed; color: var(--token-disabled-foreground, #7a7a95); } .usb--wrapper.is-disabled .usb--basic-input { border-bottom: 1px solid var(--token-disabled-border, #cdd1e2); } .usb--wrapper.is-disabled .button__date-picker .usb-icon, .usb--wrapper.is-disabled .usb-toggletip-container .usb-icon, .usb--wrapper.is-disabled button.show-hide__button { color: var(--token-disabled-foreground, #7a7a95); } .usb--wrapper.is-disabled .button__date-picker .usb-icon svg, .usb--wrapper.is-disabled .icon-container .usb-icon svg, .usb--wrapper.is-disabled .usb-toggletip-container .usb-icon svg { fill: var(--token-disabled-foreground, #7a7a95); } .usb--wrapper.is-value .usb--floating-label { color: var(--text-input-active-label-text-color, #63637f); font-family: var(--text-input-active-label-font-family, Circular-USB, Arial, Helvetica, sans-serif); font-weight: var(--text-input-active-label-font-weight, 400); font-size: var(--text-input-active-label-font-size, 0.75rem); line-height: var(--text-input-active-label-line-height, 1.5); top: var(--text-input-focus-active-label-top, 0); } .usb--wrapper.is-value .usb--floating-label_overflow { top: calc(var(--text-input-active-label-font-size, 0.75rem) * -1 * var(--text-input-active-label-line-height, 1.5)); } .usb--wrapper.is-error.is-focused .usb--floating-label, .usb--wrapper.is-error.is-value .usb--floating-label, .usb--wrapper.is-error .usb--floating-label { color: var(--text-input-error-label-text-color, #ce2935); } .usb--wrapper.is-error.is-focused .usb--basic-input, .usb--wrapper.is-error.is-value .usb--basic-input, .usb--wrapper.is-error .usb--basic-input { border-top: var(--text-input-focus-error-border-top-width, 0) var(--text-input-focus-error-border-style, solid) var(--text-input-basic-error-border-color, #ce2935); border-right: var(--text-input-focus-error-border-right-width, 0) var(--text-input-focus-error-border-style, solid) var(--text-input-basic-error-border-color, #ce2935); border-bottom: var(--text-input-focus-error-border-bottom-width, 2px) var(--text-input-focus-error-border-style, solid) var(--text-input-basic-error-border-color, #ce2935); border-left: var(--text-input-focus-error-border-left-width, 0) var(--text-input-focus-error-border-style, solid) var(--text-input-basic-error-border-color, #ce2935); } .usb--wrapper.is-error.is-focused .usb--error-text-container, .usb--wrapper.is-error.is-value .usb--error-text-container, .usb--wrapper.is-error .usb--error-text-container { max-height: 4rem; opacity: 1; } .usb--wrapper .sr-only { position: absolute; width: 1px; height: 1px; padding: var(--token-spacing-0, 0); margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: var(--token-spacing-0, 0); } .usb--wrapper .button__date-picker { background-color: var(--date-picker-button-background-color, transparent); border: none; position: absolute; right: var(--date-picker-button-right, 0); top: var(--date-picker-button-top, 1rem); } .usb--wrapper.is-card-icon .usb--basic-input.input__show-hide { padding-right: var(--token-spacing-18, 4.5rem); } .usb--wrapper.is-card-icon button.show-hide__button { right: var(--token-spacing-8, 2rem) !important; transition: all 0.3s ease-out; } .usb--wrapper.is-card-icon .icon-container { top: 1.1rem; } .usb--radio-fieldset { border: 0; } .usb--radio-legend { color: var(--forms-radio-group-legend-text-color, #2d2d3e); font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-size: var(--token-font-size-base, 1rem); font-weight: var(--token-font-weight-med, 500); line-height: var(--token-line-height-3xl, 1.5); position: relative; } .usb--radio-legend + .usb--error-message { margin-bottom: var(--token-spacing-3, 0.75rem); } .usb--radio-legend + .usb--error-message span { margin-top: var(--token-spacing-1, 0.25rem); } .usb--radio-wrapper { display: flex; align-items: flex-start; margin-left: calc(var(--token-spacing-3, 0.75rem) * -1); position: relative; z-index: 0; } .usb--radio-wrapper.is-disabled:not(.is-chips), .usb--radio-wrapper.is-read-only:not(.is-chips) { cursor: not-allowed; } .usb--radio-wrapper.is-disabled:not(.is-chips) > *, .usb--radio-wrapper.is-read-only:not(.is-chips) > * { color: var(--token-disabled-foreground, #7a7a95); pointer-events: none; } .usb--radio-wrapper.is-disabled:not(.is-chips) input[type=radio], .usb--radio-wrapper.is-read-only:not(.is-chips) input[type=radio] { border: none; background-clip: content-box; padding: 0; } .usb--radio-wrapper.is-disabled:not(.is-chips) input[type=radio]:not(:checked), .usb--radio-wrapper.is-read-only:not(.is-chips) input[type=radio]:not(:checked) { background-color: var(--token-disabled-background, rgba(205, 209, 226, 0.4)); } .usb--radio-wrapper.is-disabled:not(.is-chips) input[type=radio]:not(:checked):before, .usb--radio-wrapper.is-read-only:not(.is-chips) input[type=radio]:not(:checked):before { content: none; } .usb--radio-wrapper.is-disabled:not(.is-chips) input[type=radio]:not(:checked)::-ms-check, .usb--radio-wrapper.is-read-only:not(.is-chips) input[type=radio]:not(:checked)::-ms-check { border: none; background-color: var(--token-disabled-background, rgba(205, 209, 226, 0.4)); } .usb--radio-wrapper.is-disabled:not(.is-chips) input[type=radio]:checked, .usb--radio-wrapper.is-read-only:not(.is-chips) input[type=radio]:checked { background-color: var(--token-disabled-background, rgba(205, 209, 226, 0.4)); } .usb--radio-wrapper.is-disabled:not(.is-chips) input[type=radio]:checked:before, .usb--radio-wrapper.is-read-only:not(.is-chips) input[type=radio]:checked:before { background: var(--token-disabled-foreground, #7a7a95); } .usb--radio-wrapper.is-disabled:not(.is-chips) input[type=radio]:checked::-ms-check, .usb--radio-wrapper.is-read-only:not(.is-chips) input[type=radio]:checked::-ms-check { border: none; background-color: var(--token-disabled-background, rgba(205, 209, 226, 0.4)); } .usb--radio-wrapper.is-focused:after { content: ""; display: block; border: 2px solid var(--forms-radio-input-focus-border-color, #235ae4); border-radius: var(--token-rounded-sm, 0.25rem); height: var(--token-spacing-7, 1.75rem); position: absolute; left: var(--token-spacing-2, 0.5rem); top: var(--token-spacing-2, 0.5rem); width: var(--token-spacing-7, 1.75rem); z-index: -1; } .usb--radio-label { cursor: pointer; margin-top: var(--token-spacing-3, 0.75rem); } .usb--radio-label + .helper_label--wrapper span { color: var(--forms-radio-helper-text-text-color, #63637f); } .usb--radio-label_container { color: var(--forms-radio-group-label-text-color, #484861); font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-size: var(--token-font-size-base, 1rem); line-height: var(--token-line-height-lg, 1.25); position: relative; vertical-align: top; width: 100%; margin-top: var(--token-spacing-3, 0.75rem); } .usb--radio-label_container .helper_label--wrapper { margin-bottom: var(--token-spacing-3, 0.75rem); } .usb--radio-label_container.has-icon { padding-left: var(--token-spacing-10, 2.5rem); } .usb--radio-label_container.has-icon .usb--radio-icon { position: absolute; left: 0; } .usb--radio-input { appearance: none; background-color: var(--forms-radio-input-background-color, #fff); border: 1px solid var(--forms-radio-input-border-color, #7a7a95); border-radius: var(--token-rounded-full, 50%); cursor: pointer; height: var(--token-spacing-5, 1.25rem); margin: var(--token-spacing-3, 0.75rem); min-width: var(--token-spacing-5, 1.25rem); outline: none; padding: 3px; position: relative; width: var(--token-spacing-5, 1.25rem); } .usb--radio-input:before { background: var(--forms-radio-input-background-color, #fff); border-radius: var(--token-rounded-full, 50%); content: ""; height: calc(var(--token-spacing-2, 0.5rem) + 0.125rem); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(var(--token-spacing-2, 0.5rem) + 0.125rem); } .usb--radio-input:checked { border: 2px solid var(--forms-radio-input-checked-border-color, #235ae4); } .usb--radio-input:checked:before { background: var(--forms-radio-input-checked-background-color, #235ae4); } .usb--radio-input:checked::-ms-check { border: 2px solid var(--forms-radio-input-checked-border-color, #235ae4); color: var(--token-color-brand-interaction, #0058ff); } .usb--radio-input:hover:not(:disabled) { border: 2px solid var(--forms-radio-input-hover-border-color, #235ae4); } .usb--radio-input:hover:not(:disabled):checked:before { background: var(--forms-radio-input-hover-background-color, #235ae4); } .usb--radio-input:hover:not(:disabled)::-ms-check { border: 2px solid var(--forms-radio-input-hover-border-color, #235ae4); color: var(--token-color-brand-interaction, #0058ff); } .is-focused .usb--radio-input:active:not(:disabled) { border: 2px solid var(--forms-radio-input-focus-border-color, #235ae4); } .is-focused .usb--radio-input:active:not(:disabled):checked:before { background: var(--forms-radio-input-focus-background-color, #235ae4); } .is-focused .usb--radio-input:active:not(:disabled)::-ms-check { border: 2px solid var(--forms-radio-input-focus-border-color, #235ae4); color: var(--token-background-brand-primary, #001e79); } .usb--radio-input.is-error { border: 2px solid var(--forms-radio-input-error-border-color, #ce2935); } .usb--radio-input.is-error:checked:before { background: var(--forms-radio-input-error-background-color, #ce2935); } .usb--radio-input.is-error::-ms-check { border: 2px solid var(--forms-radio-input-error-border-color, #ce2935); color: var(--token-background-brand-primary, #001e79); } .usb--radio-icon { margin-right: var(--token-spacing-2, 0.5rem); text-align: center; height: var(--token-spacing-8, 2rem); } .usb--radio-icon-radius { border-radius: 50%; } .usb--radio-img { min-width: var(--token-spacing-8, 2rem); } .usb--radio-img, .usb--radio-svg svg { width: var(--token-spacing-8, 2rem); margin-top: calc(var(--token-spacing-1, 0.25rem) * -1); height: var(--token-spacing-8, 2rem); vertical-align: top; } .usb--radio-fieldset .usb--selectablecard-wrapper { padding-top: 1px; padding-bottom: 1rem; } .usb--select--wrapper { margin-top: var(--token-spacing-2, 0.5rem); min-height: var(--token-spacing-12, 3rem); position: relative; width: 100%; z-index: 0; } .usb--select--wrapper.is-focused:after { content: ""; border: var(--forms-select-wrapper-focused-border-width, 2px) solid var(--token-border-focus, #235ae4); border-radius: var(--token-rounded-sm, 0.25rem); height: calc(100% + var(--token-spacing-3, 0.75rem)); position: absolute; left: -0.375rem; top: -0.375rem; width: calc(100% + var(--token-spacing-3, 0.75rem)); } .usb--select--wrapper.is-focused .usb--select--container { border-top: var(--forms-select-focused-border-top-width, 0) var(--forms-select-focused-border-style, solid) var(--forms-select-focused-border-color, #235ae4); border-right: var(--forms-select-focused-border-right-width, 0) var(--forms-select-focused-border-style, solid) var(--forms-select-focused-border-color, #235ae4); border-bottom: var(--forms-select-focused-border-bottom-width, 2px) var(--forms-select-focused-border-style, solid) var(--forms-select-focused-border-color, #235ae4); border-left: var(--forms-select-focused-border-left-width, 0) var(--forms-select-focused-border-style, solid) var(--forms-select-focused-border-color, #235ae4); padding-top: var(--forms-select-focused-padding-top, 0); } .usb--select--wrapper.is-error .usb--select--label { color: var(--token-text-color-error, #ce2935); } .usb--select--wrapper.is-error .usb--select--container { border-top: var(--forms-select-focused-error-border-top-width, 0) var(--forms-select-focused-error-border-style, solid) var(--forms-select-focused-error-border-color, #ce2935); border-right: var(--forms-select-focused-error-border-right-width, 0) var(--forms-select-focused-error-border-style, solid) var(--forms-select-focused-error-border-color, #ce2935); border-bottom: var(--forms-select-focused-error-border-bottom-width, 2px) var(--forms-select-focused-error-border-style, solid) var(--forms-select-focused-error-border-color, #ce2935); border-left: var(--forms-select-focused-error-border-left-width, 0) var(--forms-select-focused-error-border-style, solid) var(--forms-select-focused-error-border-color, #ce2935); padding-top: var(--forms-select-focused-padding-top, 0); } .usb--select--wrapper.is-error.is-focused .usb--select--label, .usb--select--wrapper.is-error.is-value .usb--select--label, .usb--select--wrapper.is-error .usb--select--label { color: var(--token-text-color-error, #ce2935); } .usb--select--wrapper.is-error.is-focused .usb--select--container, .usb--select--wrapper.is-error.is-value .usb--select--container, .usb--select--wrapper.is-error .usb--select--container { border-top: var(--forms-select-focused-error-border-top-width, 0) var(--forms-select-focused-error-border-style, solid) var(--forms-select-focused-error-border-color, #ce2935); border-right: var(--forms-select-focused-error-border-right-width, 0) var(--forms-select-focused-error-border-style, solid) var(--forms-select-focused-error-border-color, #ce2935); border-bottom: var(--forms-select-focused-error-border-bottom-width, 2px) var(--forms-select-focused-error-border-style, solid) var(--forms-select-focused-error-border-color, #ce2935); border-left: var(--forms-select-focused-error-border-left-width, 0) var(--forms-select-focused-error-border-style, solid) var(--forms-select-focused-error-border-color, #ce2935); padding-top: var(--forms-select-focused-padding-top, 0); } .usb--select--wrapper .usb--select--label { color: var(--token-text-color-tertiary, #63637f); display: inline-block; font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-size: var(--token-font-size-xs, 0.75rem); font-weight: var(--token-font-weight-reg, 400); line-height: var(--token-line-height-3xl, 1.5); position: relative; z-index: 2; top: 0.125rem; } .usb--select--wrapper .usb--select--container { background-color: var(--token-background-primary, #fff); border-radius: var(--forms-select-border-radius, 0); border-top: var(--forms-select-border-top-width, 0) var(--forms-select-border-style, solid) var(--forms-select-border-color, #7a7a95); border-right: var(--forms-select-border-right-width, 0) var(--forms-select-border-style, solid) var(--forms-select-border-color, #7a7a95); border-bottom: var(--forms-select-border-bottom-width, 1px) var(--forms-select-border-style, solid) var(--forms-select-border-color, #7a7a95); border-left: var(--forms-select-border-left-width, 0) var(--forms-select-border-style, solid) var(--forms-select-border-color, #7a7a95); padding: var(--forms-select-padding-top, 0) var(--forms-select-padding-right, 0) var(--forms-select-padding-bottom, 0) var(--forms-select-padding-left, 0); position: relative; z-index: 1; } .usb--select--wrapper .usb--select--container .usb--select { appearance: none; background-color: var(--token-background-primary, #fff); border: none; border-radius: var(--token-rounded-square, 0); color: var(--token-text-color-secondary, #484861); font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-weight: var(--token-font-weight-reg, 400); font-size: var(--token-font-size-base, 1rem); line-height: var(--token-line-height-3xl, 1.5); padding-left: var(--token-spacing-0, 0); padding-right: 20px; transition: all var(--token-timing-default-ease, 0.25s ease); width: 100%; } @media (-ms-high-contrast: active), (-ms-high-contrast: none) { .usb--select--wrapper .usb--select--container .usb--select { color: var(--token-text-color-secondary, #484861); } } .usb--select--wrapper .usb--select--container .usb--select::-ms-expand { display: none; } .usb--select--wrapper .usb--select--container .usb--select:focus { margin: var(--token-spacing-0, 0); outline: none; } .usb--select--wrapper .usb--select--container .usb--select:focus::-ms-value { background-color: var(--token-background-primary, #fff); color: var(--token-text-color-secondary, #484861); } .usb--select--wrapper .usb--select--container .usb--select:-moz-focusring { color: var(--token-text-color-secondary, #484861); -moz-appearance: none; } .usb--select--wrapper .usb--select--container .select--chevron { position: absolute; right: var(--forms-select-chevron-right, 0); top: var(--forms-select-chevron-top, 0); pointer-events: none; } .usb--select--wrapper .usb--select--container .select--chevron svg { fill: var(--token-text-color-secondary, #484861); } .usb--select--wrapper.is-value .usb--select { color: var(--token-text-color-primary, #2d2d3e); } .usb--select--wrapper.is-value .usb--select:-moz-focusring { color: var(--token-text-color-primary, #2d2d3e); } @media (-ms-high-contrast: active), (-ms-high-contrast: none) { .usb--select--wrapper.is-value .usb--select:focus::-ms-value { background-color: var(--token-background-primary, #fff); color: var(--token-text-color-primary, #2d2d3e); } } .usb--select--wrapper.is-read-only { cursor: not-allowed; } .usb--select--wrapper.is-read-only .usb--select--container { background-color: initial; border: none; border-bottom: 1px solid transparent; pointer-events: none; } .usb--select--wrapper.is-read-only .usb--select--container .usb--select { color: var(--token-text-color-secondary, #484861); pointer-events: none; } .usb--select--wrapper.is-read-only .en_dash, .usb--select--wrapper.is-read-only.is-value .optionalSpan, .usb--select--wrapper.is-read-only .show-hide__button, .usb--select--wrapper.is-read-only .usb--info-message, .usb--select--wrapper.is-read-only .usb--select--container .select--chevron, .usb--select--wrapper.is-read-only .usb-toggletip-container { display: none; } .usb--select--wrapper.is-read-only .usb--select--label { pointer-events: none; } .usb--select--wrapper.is-disabled { background-color: var(--token-disabled-background, rgba(205, 209, 226, 0.4)); cursor: not-allowed; } .usb--select--wrapper.is-disabled .usb--select--label { color: var(--token-disabled-foreground, #7a7a95); pointer-events: none; } .usb--select--wrapper.is-disabled .usb--select--container { border-bottom-color: var(--token-disabled-border, #cdd1e2); background-color: initial; } .usb--select--wrapper.is-disabled .usb--select--container .usb--select { background-color: initial; color: var(--token-disabled-foreground, #7a7a95); pointer-events: none; opacity: 1; } .usb--select--wrapper.is-disabled .usb--select--container .select--chevron svg { fill: var(--token-disabled-foreground, #7a7a95); } .usb--select--wrapper.is-disabled .helper_label--wrapper span { color: var(--token-disabled-foreground, #7a7a95); } .usb-text_area { display: flex; flex-direction: column; position: relative; width: 100%; z-index: 0; } .usb-text_area.is-focused:after { content: ""; border: 2px solid var(--text-area-focus-outline-border-color, #235ae4); border-radius: var(--token-rounded-sm, 0.25rem); height: calc(100% + var(--token-spacing-3, 0.75rem)); position: absolute; left: -0.375rem; top: -0.375rem; width: calc(100% + var(--token-spacing-3, 0.75rem)); z-index: -1; } .usb-text_area.is-focused .usb-text_area--wrapper { border-color: var(--text-area-focus-border-color, #235ae4); } .usb-text_area.is-focused label, .usb-text_area.is-value label { color: var(--text-area-focus-label-text-color, #63637f); font-size: var(--token-font-size-xs, 0.75rem); } .usb-text_area.is-disabled .usb-text_area--wrapper, .usb-text_area.is-read-only .usb-text_area--wrapper { border: 1px solid var(--token-utility-subdued, #cdd1e2); } .usb-text_area.is-disabled .usb-text_area-basic, .usb-text_area.is-read-only .usb-text_area-basic { resize: none; } .usb-text_area.is-disabled .usb--floating-label, .usb-text_area.is-read-only .usb--floating-label { cursor: default; } .usb-text_area.is-disabled .usb-text_area--helpers_counter, .usb-text_area.is-read-only .usb-text_area--helpers_counter { display: none; } .usb-text_area.is-read-only:not(.is-value) .usb--floating-label { color: var(--text-area-label-text-color, #484861); font-size: var(--token-font-size-base, 1rem); transition: none; } .usb-text_area.is-disabled .usb-text_area--wrapper { background: var(--token-disabled-background, rgba(205, 209, 226, 0.4)); } .usb-text_area.is-disabled .helper_label--wrapper span, .usb-text_area.is-disabled.is-value .usb--floating-label, .usb-text_area.is-disabled .usb--floating-label, .usb-text_area.is-disabled .usb-text_area-basic { cursor: not-allowed; color: var(--token-disabled-foreground, #7a7a95); } .usb-text_area.is-error .usb-text_area--wrapper { border: 2px solid var(--text-area-error-border-color, #ce2935); } .usb-text_area.is-error .usb-text_area--wrapper label { color: var(--text-area-error-label-text-color, #ce2935); } .usb-text_area.not-resizable textarea { resize: none; } .usb-text_area--wrapper { background-color: var(--token-background-primary, #fff); border: 1px solid var(--text-area-border-color, #7a7a95); border-radius: var(--token-rounded-sm, 0.25rem); color: var(--token-text-color-primary, #2d2d3e); display: flex; flex-direction: column; padding: var(--token-spacing-2, 0.5rem) var(--token-spacing-4, 1rem); position: relative; } .usb-text_area--wrapper label { color: var(--text-area-label-text-color, #484861); font-weight: var(--token-font-weight-reg, 400); min-height: var(--token-spacing-6, 1.5rem); transition: all var(--token-timing-default-ease, 0.25s ease); } .usb-text_area--wrapper .usb-text_area-basic, .usb-text_area--wrapper label { background-color: initial; font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-size: var(--token-font-size-base, 1rem); line-height: var(--token-line-height-3xl, 1.5); } .usb-text_area--wrapper .usb-text_area-basic { border: none; color: var(--text-area-input-value-text-color, #2d2d3e); margin-top: var(--token-spacing-0, 0); outline: none; overflow-x: hidden; overflow-y: auto; padding: var(--token-spacing-0, 0); resize: vertical; width: 100%; } .usb-text_area--helpers { display: flex; justify-content: flex-end; width: 100%; } .usb-text_area--helpers_content { display: flex; flex-direction: column; flex-grow: 2; padding-right: var(--token-spacing-2, 0.5rem); } .usb-text_area--helpers_counter { color: var(--text-area-helper-text-text-color, #63637f); font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-size: var(--token-font-size-xs, 0.75rem); font-weight: var(--token-font-weight-reg, 400); line-height: var(--token-line-height-3xl, 1.5); padding-top: var(--token-spacing-1, 0.25rem); white-space: nowrap; } .usb-text_area--helpers_counter.max-length-exceeded { color: var(--token-text-color-error, #ce2935); font-weight: var(--token-font-weight-bold, 700); } .usb-toggletip-container { margin: 0; position: absolute; right: var(--forms-base-toggletip-button-right, -0.75rem); top: var(--forms-base-toggletip-button-top, 0.25rem); } .usb-toggletip-container, .usb-toggletip-container button { height: var(--token-spacing-11, 2.75rem); width: var(--token-spacing-11, 2.75rem); } .usb-toggletip-container button { background-color: initial; border: none; font-size: var(--token-font-size-xs, 0.75rem); font-weight: var(--token-font-weight-reg, 400); line-height: var(--token-line-height-3xl, 1.5); outline: none; padding: 0; position: relative; } .usb-toggletip-container button:focus > span:after { content: ""; border: 2px solid var(--token-border-focus, #235ae4); border-radius: var(--token-rounded-sm, 0.25rem); height: var(--token-spacing-7, 1.75rem); position: absolute; left: calc(var(--token-spacing-1, 0.25rem) * -1); top: calc(var(--token-spacing-1, 0.25rem) * -1); width: var(--token-spacing-7, 1.75rem); } .usb-toggletip-container button > span { display: block; height: 1.25rem; margin: 0 auto; position: relative; width: 1.25rem; } .usb-toggletip-container button > span svg:focus { outline: none; } .usb-toggletip-container button.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .usb-toggletip-container .usb-toggletip-flyout { font-size: var(--token-font-size-xs, 0.75rem); outline: none; position: absolute; right: var(--token-spacing-2, 0.5rem); bottom: calc(100% + 0.5rem); width: 11.25rem; z-index: 1; } .usb-toggletip-container .usb-toggletip-flyout_children { box-shadow: var(--token-shadow-md, 0 4px 6px -1px rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.12)); line-height: var(--token-line-height-3xl, 1.5); padding: var(--token-spacing-1, 0.25rem) var(--token-spacing-2, 0.5rem); } .usb-toggletip-container .usb-toggletip-flyout.dark { background-color: var(--token-background-inverse-primary, #001e79); color: var(--token-text-color-inverse-primary, #fff); } .usb-toggletip-container .usb-toggletip-flyout.light { background-color: var(--token-background-primary, #fff); color: var(--token-text-color-secondary, #484861); } .usb-toggletip-container .usb-toggletip-flyout:focus:after { content: ""; border: 2px solid var(--token-border-focus, #235ae4); border-radius: var(--token-rounded-sm, 0.25rem); height: calc(100% + var(--token-spacing-3, 0.75rem)); position: absolute; left: -0.375rem; top: -0.375rem; width: calc(100% + var(--token-spacing-3, 0.75rem)); } .usb--info-message { color: var(--token-text-color-tertiary, #63637f); display: flex; font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-size: var(--token-font-size-xs, 0.75rem); font-weight: var(--token-font-weight-reg, 400); line-height: var(--token-line-height-3xl, 1.5); padding-top: var(--token-spacing-1, 0.25rem); } .usb--info-message.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .usb--selectablecard { transition: box-shadow 0.25s ease-out; margin: 2px; border-radius: 10px; position: relative; background-color: var(--token-background-primary, #fff); cursor: pointer; } .usb--selectablecard .usb--checkbox-svg .usb-icon { width: 1.25rem; height: 1.25rem; margin: 1rem; display: block; border: 1px solid var(--token-color-grey-60, #7a7a95); border-radius: 4px; overflow: hidden; } .usb--selectablecard .usb--checkbox-svg .usb-icon svg { display: none; } .usb--selectablecard .usb--selectablecard-body { border: 1px solid var(--token-color-grey-30, #cdd1e2); border-radius: 10px; } .usb--selectablecard .usb--selectablecard-labeltext { font-size: var(--token-font-size-lg, 1.25rem); font-weight: var(--token-font-weight-med, 500); color: var(--token-text-color-brand-primary, #001e79); } .usb--selectablecard .usb--selectablecard-helper { font-size: var(--token-font-size-sm, 0.875rem); } .usb--selectablecard .usb--radio-input { margin: 1rem; } .usb--selectablecard:hover:not(.is-disabled) { box-shadow: var(--token-shadow-md, 0 4px 6px -1px rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.12)); } .usb--selectablecard:hover:not(.is-disabled) .usb--checkbox-svg .usb-icon, .usb--selectablecard:hover:not(.is-disabled) .usb--radio-input { border: 2px solid var(--token-background-brand-interaction, #235ae4); } .usb--selectablecard:active:not(.is-disabled) { box-shadow: var(--token-shadow-sm, 0 1px 3px 0 rgba(0, 0, 0, 0.12)); } .usb--selectablecard:not(.is-disabled) .usb--checkbox-input:checked + .usb--checkbox-svg svg { display: block; border: none; background: var(--token-background-brand-interaction, #235ae4); fill: var(--token-background-primary, #fff); } .usb--selectablecard:not(.is-disabled) .usb--checkbox-input:checked + .usb--checkbox-svg .usb-icon { border: none; } .usb--selectablecard:not(.is-disabled).is-error .usb--checkbox-input:checked + .usb--checkbox-svg .usb-icon { border: 2px solid var(--token-color-error-msg, #be1324); } .usb--selectablecard:not(.is-disabled).is-error:hover .usb--checkbox-input:checked + .usb--checkbox-svg .usb-icon { border: 2px solid var(--token-background-brand-interaction, #235ae4); } .usb--selectablecard.is-error:not(.is-disabled), .usb--selectablecard:active:not(.is-disabled), .usb--selectablecard:focus-within:not(.is-disabled) { margin: 0; border: 2px solid var(--token-background-brand-interaction, #235ae4); border-radius: 12px; } .usb--selectablecard.is-error:not(.is-disabled) .usb--selectablecard-body, .usb--selectablecard:active:not(.is-disabled) .usb--selectablecard-body, .usb--selectablecard:focus-within:not(.is-disabled) .usb--selectablecard-body { border-color: transparent; } .usb--selectablecard:focus-within:not(.is-disabled) .usb--checkbox-svg:after, .usb--selectablecard:focus-within:not(.is-disabled) .usb--radio-input:after { content: ""; display: block; position: absolute; top: -0.375rem; left: -0.375rem; width: 1.75rem; height: 1.75rem; border: 2px solid var(--token-background-brand-interaction, #235ae4); border-radius: 4px; } .usb--selectablecard:focus-within:not(.is-disabled) .usb--checkbox-svg:after { top: 0.75rem; left: 0.75rem; } .usb--selectablecard.is-error:not(.is-disabled) { border-color: var(--token-color-error-msg, #be1324); } .usb--selectablecard.is-error:not(.is-disabled) .usb--radio-input { border: 2px solid var(--token-color-error-msg, #be1324); } .usb--selectablecard.is-error:not(.is-disabled) .usb--radio-input:hover { border: 2px solid var(--token-background-brand-interaction, #235ae4); } .usb--selectablecard.is-error:not(.is-disabled) .usb--radio-input:checked:before { background-color: var(--token-color-error-msg, #be1324); } .usb--selectablecard.is-error:not(.is-disabled) .usb--checkbox-svg .usb-icon { border: 2px solid var(--token-color-error-msg, #be1324); } .usb--selectablecard.is-error:not(.is-disabled) .usb--checkbox-svg .usb-icon svg { background: transparent; fill: var(--token-color-error-msg, #be1324); margin-top: -1px; margin-left: -2px; } .usb--selectablecard.is-disabled .usb--radio-input { border: 0; background-color: var(--token-disabled-background, rgba(205, 209, 226, 0.4)); cursor: not-allowed; } .usb--selectablecard.is-disabled .usb--radio-input:before { display: none; } .usb--selectablecard.is-disabled .usb--radio-input:checked { background-color: var(--token-disabled-background, rgba(205, 209, 226, 0.4)); border: 0; } .usb--selectablecard.is-disabled .usb--radio-input:checked:before { display: block; background-color: var(--token-disabled-foreground, #7a7a95); } .usb--selectablecard.is-disabled .usb--checkbox-svg { cursor: not-allowed; } .usb--selectablecard.is-disabled .usb--checkbox-svg .usb-icon { background: var(--checkbox-disabled-icon-background-color, rgba(205, 209, 226, 0.4)); border: 0; } .usb--selectablecard.is-disabled .usb--checkbox-svg .usb-icon svg { fill: var(--token-disabled-foreground, #7a7a95); } .usb--selectablecard.is-disabled .usb--selectablecard-body { cursor: not-allowed; border: 1px solid var(--token-disabled-border, #cdd1e2); } .usb--selectablecard.is-disabled .usb--selectablecard-body .usb--selectablecard-helper, .usb--selectablecard.is-disabled .usb--selectablecard-body label, .usb--selectablecard.is-disabled .usb--selectablecard-body label .usb--selectablecard-image, .usb--selectablecard.is-disabled .usb--selectablecard-body label .usb--selectablecard-labeltext { cursor: not-allowed; } .usb--selectablecard.is-disabled .usb--selectablecard-body .usb--selectablecard-helper, .usb--selectablecard.is-disabled .usb--selectablecard-body label .usb--selectablecard-labeltext { color: var(--token-disabled-foreground, #7a7a95); } .usb--selectablecard.is-disabled .usb--checkbox-input:checked + .usb--checkbox-svg .usb-icon svg { display: block; fill: var(--checkbox-checked-disabled-icon-fill-color, #7a7a95); } .usb--selectablecard.is-read-only { pointer-events: none; } .usb--selectablecard.is-read-only .usb--radio-input { border: 2px solid var(--token-color-grey-30, #cdd1e2); background-color: var(--token-color-grey-30, #cdd1e2); } .usb--selectablecard.is-read-only .usb--radio-input:before { display: none; } .usb--selectablecard.is-read-only .usb--checkbox-svg .usb-icon { border: 1px solid var(--token-color-grey-30, #cdd1e2); background-color: var(--token-color-grey-30, #cdd1e2); } .usb--selectablecard.horizontal-illustration, .usb--selectablecard.horizontal-image { display: flex; flex-direction: column; justify-content: center; } .usb--selectablecard.horizontal-illustration .usb--selectablecard-body, .usb--selectablecard.horizontal-image .usb--selectablecard-body { padding: 1rem 3rem 1rem 6.625rem; min-height: 5.625rem; display: flex; flex-direction: column; justify-content: center; } .usb--selectablecard.horizontal-illustration .usb--checkbox-svg, .usb--selectablecard.horizontal-illustration input, .usb--selectablecard.horizontal-image .usb--checkbox-svg, .usb--selectablecard.horizontal-image input { position: absolute; right: 0; top: 50%; margin-top: -0.65rem; left: unset; } .usb--selectablecard.horizontal-illustration input[type=checkbox], .usb--selectablecard.horizontal-image input[type=checkbox] { margin-top: -1.4rem; } .usb--selectablecard.horizontal-illustration .usb--checkbox-svg, .usb--selectablecard.horizontal-image .usb--checkbox-svg { margin-top: -1.6rem; } .usb--selectablecard.horizontal-illustration .usb--selectablecard-image, .usb--selectablecard.horizontal-image .usb--selectablecard-image { position: absolute; left: 0; top: 0; width: 5.525rem; height: 100%; border-top-left-radius: 10px; border-bottom-left-radius: 10px; overflow: hidden; } .usb--selectablecard.horizontal-illustration .usb--selectablecard-image img, .usb--selectablecard.horizontal-image .usb--selectablecard-image img { width: 100%; height: 100%; object-fit: cover; } .usb--selectablecard.usb--selectablecard.horizontal-image .usb--selectablecard-helper { font-size: var(--token-font-size-base, 1rem); } .usb--selectablecard.horizontal-illustration .usb--selectablecard-image { padding: 0 0 0 1rem; width: 6.5rem; } .usb--selectablecard.horizontal-illustration .usb--selectablecard-image svg { width: 100%; height: 100%; } .usb--selectablecard.horizontal-illustration .usb--selectablecard-body { padding-left: 7.625rem; } .usb--selectablecard.vertical-illustration, .usb--selectablecard.vertical-image { display: flex; flex-direction: column; } .usb--selectablecard.vertical-illustration .usb--checkbox-svg, .usb--selectablecard.vertical-illustration input, .usb--selectablecard.vertical-image .usb--checkbox-svg, .usb--selectablecard.vertical-image input { position: absolute; top: 12.75rem; left: 0.125rem; } .usb--selectablecard.vertical-illustration .usb--selectablecard-body, .usb--selectablecard.vertical-image .usb--selectablecard-body { padding-bottom: 1.5rem; } .usb--selectablecard.vertical-illustration .usb--selectablecard-body label, .usb--selectablecard.vertical-image .usb--selectablecard-body label { display: flex; flex-direction: column; } .usb--selectablecard.vertical-illustration .usb--selectablecard-image, .usb--selectablecard.vertical-image .usb--selectablecard-image { width: calc(100% + 2px); margin: -1px 0 0 -1px; border-top-left-radius: 10px; border-top-right-radius: 10px; order: -1; height: 12.125rem; overflow: hidden; } .usb--selectablecard.vertical-illustration .usb--selectablecard-image img, .usb--selectablecard.vertical-image .usb--selectablecard-image img { width: 100%; } .usb--selectablecard.vertical-illustration .usb--selectablecard-helper, .usb--selectablecard.vertical-illustration .usb--selectablecard-labeltext, .usb--selectablecard.vertical-image .usb--selectablecard-helper, .usb--selectablecard.vertical-image .usb--selectablecard-labeltext { margin-left: 3.3rem; margin-right: 1rem; } .usb--selectablecard.vertical-illustration .usb--selectablecard-labeltext, .usb--selectablecard.vertical-image .usb--selectablecard-labeltext { margin-top: 1.5rem; } .usb--selectablecard.vertical-image .usb--selectablecard-image { display: flex; flex-direction: column; justify-content: center; } .usb--selectablecard.vertical-illustration .usb--checkbox-svg, .usb--selectablecard.vertical-illustration input { top: 0; right: 0; left: unset; } .usb--selectablecard.vertical-illustration .usb--selectablecard-image { padding: 1rem; height: 6.5rem; text-align: center; } .usb--selectablecard.vertical-illustration .usb--selectablecard-image img, .usb--selectablecard.vertical-illustration .usb--selectablecard-image svg { width: 5.5rem; } .usb--selectablecard.vertical-illustration .usb--selectablecard-helper, .usb--selectablecard.vertical-illustration .usb--selectablecard-labeltext { margin-left: 1rem; text-align: center; display: block; } .usb--selectablecard.vertical-illustration .usb--selectablecard-labeltext { margin-top: 0.5rem; font-size: var(--token-font-size-base, 1rem); } /*!******************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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/@usb-shield/react-accordion/dist/library/styles/index.css?ngGlobalStyle ***! \******************************************************************************************************************************************************************************************************************************************************************************/ .usb-accordion{border-top:1px solid var(--token-border-base,#cdd1e2);overflow:hidden;z-index:3}.usb-accordion .accordion-panel,.usb-accordion .accordion-panel:first-of-type{border-bottom:1px solid var(--accordion-divider-background-color,#cdd1e2)}.usb-accordion .accordion-panel__header{display:flex;align-items:flex-start;width:100%;padding:var(--token-spacing-3,.75rem) var(--token-spacing-3,.75rem) var(--token-spacing-3,.75rem) var(--token-spacing-0,0);color:var(--accordion-label-text-color,#2d2d3e);font:inherit;font-size:var(--token-font-size-base,1rem);font-weight:var(--token-font-weight-med,500);background:transparent;outline:none;border:none;cursor:pointer;text-align:left;z-index:5;position:relative}.usb-accordion .accordion-panel__header-title{padding:var(--token-spacing-0,0);margin:var(--token-spacing-0,0) var(--token-spacing-0,0) var(--token-spacing-0,0) var(--token-spacing-3,.75rem);font-size:var(--token-font-size-base,1rem);line-height:var(--token-line-height-3xl,1.5);letter-spacing:var(--token-letter-spacing-base,normal);font:inherit}.usb-accordion .accordion-panel__header-title:hover{color:var(--accordion-hover-label-text-color,#235ae4);fill:var(--accordion-active-chevron-icon-fill-color,#235ae4)}.usb-accordion .accordion-panel__header span{pointer-events:none}.usb-accordion .accordion-panel__header span.usb-icon{height:var(--token-spacing-5,1.25rem)}.usb-accordion .accordion-panel__header:focus:after{border:2px solid var(--token-border-focus,#235ae4);border-radius:var(--token-rounded-sm,.25rem);content:"";height:calc(100% - var(--token-spacing-1, .25rem));position:absolute;left:var(--token-spacing-0,0);top:2px;width:100%}.usb-accordion .accordion-panel__header:hover{color:var(--accordion-hover-label-text-color,#235ae4)}.usb-accordion .accordion-panel__header:hover .icon-container svg,.usb-accordion .accordion-panel__header:hover .usb-icon{fill:var(--accordion-hover-chevron-icon-fill-color,#235ae4)}.usb-accordion .accordion-panel__header-level{background:transparent;border:var(--token-spacing-0,0);font-family:var(--token-font-base,Circular-USB,Arial,Helvetica,sans-serif);font-size:100%;font-weight:var(--token-font-weight-med,500);line-height:var(--token-line-height-3xl,1.5);margin:var(--token-spacing-0,0);padding:var(--token-spacing-0,0);vertical-align:initial}.usb-accordion .accordion-panel__optional-title2{margin-left:auto}.usb-accordion .accordion-panel__content{color:var(--accordion-content-text-color,#484861);font-size:var(--token-font-size-base,1rem);letter-spacing:var(--token-letter-spacing-base,normal);margin:var(--token-spacing-0,0);max-height:0;opacity:0;overflow:hidden;padding:var(--token-spacing-0,0) var(--token-spacing-8,2rem);transition:max-height .3s cubic-bezier(0,1,0,1),opacity .3s ease-in-out;visibility:hidden}.usb-accordion .accordion-panel--expanded>.accordion-panel__header-level .accordion-panel__header{color:var(--accordion-active-label-text-color,#235ae4)}.usb-accordion .accordion-panel--expanded>.accordion-panel__header-level .accordion-panel__header>.usb-icon svg{display:inline-block;fill:var(--accordion-active-chevron-icon-fill-color,#235ae4);transform:rotate(90deg);transition:var(--token-timing-default-ease-in-out,.25s ease-in-out)}.usb-accordion .accordion-panel--expanded>.accordion-panel__content{line-height:var(--token-line-height-3xl,1.5);max-height:500px;overflow:auto;opacity:1;padding:var(--token-spacing-0,0) var(--token-spacing-8,2rem) var(--token-spacing-6,1.5rem) var(--token-spacing-8,2rem);transition:max-height var(--token-timing-long-ease-in-out,1s ease-in-out),opacity var(--token-timing-default-ease-in-out,.25s ease-in-out);visibility:visible}.usb-accordion .accordion-panel--focused .usb-accordion .accordion-panel--expanded{outline:2px solid var(--token-border-focus,#235ae4);outline-offset:-.15rem}.usb-accordion .accordion-panel--focused .usb-accordion .accordion-panel--expanded .accordion-panel__header:focus{outline:none} /*!*********************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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/@usb-shield/react-button-group/dist/library/styles/index.css?ngGlobalStyle ***! \*********************************************************************************************************************************************************************************************************************************************************************************/ .usb-button-group{--flex-row-gap:var(--token-spacing-3,0.75rem);--flex-row-sticky-gap:var(--token-spacing-8,2rem);--flex-column-button-small-gap:var(--token-spacing-2,0.5rem);--flex-column-button-medium-gap:var(--token-spacing-3,0.75rem);--flex-column-button-large-gap:var(--token-spacing-4,1rem);--flex-column-gap-sticky:var(--token-spacing-3,0.75rem);--flex-row-padding:var(--token-spacing-4,1rem);--flex-row-padding-sticky:var(--token-spacing-4,1rem);--flex-column-padding:var(--token-spacing-4,1rem);--flex-column-padding-sticky:var(--token-spacing-2,0.5rem) 0;--flex-direction:column;--flex-gap:var(--flex-column-button-medium-gap);--padding:var(--flex-column-padding);display:flex;flex-direction:var(--flex-direction);gap:var(--flex-gap);padding:var(--padding)}.usb-button-group.sticky{--padding:var(--flex-column-padding-sticky);--flex-gap:var(--flex-column-gap-sticky);position:fixed;bottom:0;left:0;width:100%;background-color:var(--token-background-primary,#fff);border-top:1px solid var(--token-background-quaternary,#eef6ff)}.usb-button-group:not(.sticky):has(button.button--small){--flex-gap:var(--flex-column-button-small-gap)}.usb-button-group:not(.sticky):has(button.button--medium){--flex-gap:var(--flex-column-button-medium-gap)}.usb-button-group:not(.sticky):has(button.button--large){--flex-gap:var(--flex-column-button-large-gap)}@media screen and (min-width:42rem){.usb-button-group{--flex-direction:row}.usb-button-group.sticky{--padding:var(--flex-row-padding-sticky);--flex-gap:var(--flex-row-sticky-gap)}.usb-button-group.sticky button{width:auto}.usb-button-group:not(.sticky){--padding:var(--flex-row-padding)}.usb-button-group:not(.sticky):has(button.button--small,button.button--large,button.button--medium){--flex-gap:var(--flex-row-gap)}} /*!*******************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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/@usb-shield/react-forms-base/dist/library/styles/index.css?ngGlobalStyle ***! \*******************************************************************************************************************************************************************************************************************************************************************************/ .usb--error-message{display:flex;justify-content:flex-start;align-items:flex-start;font-size:var(--token-font-size-xs,.75rem)}.usb--error-message svg{color:var(--token-status-danger-mid,#ce2935);fill:var(--token-status-danger-mid,#ce2935);height:var(--token-spacing-4,1rem);margin-right:var(--token-spacing-1,.25rem);width:var(--token-spacing-3,.75rem)}.usb--error-message span{color:var(--token-status-danger-mid,#ce2935);line-height:var(--token-line-height-lg,1.25);margin-top:var(--token-spacing-1,.25rem)}.usb--error-message span.usb-icon{line-height:var(--token-line-height-base,1)}.optionalSpan{color:var(--token-text-color-tertiary,#63637f);display:flex;font-family:var(--token-font-base,Circular-USB,Arial,Helvetica,sans-serif);font-size:var(--token-font-size-xs,.75rem);font-weight:var(--token-font-weight-reg,400);line-height:var(--token-line-height-3xl,1.5);padding-top:var(--token-spacing-1,.25rem)}.helper_label--wrapper{display:flex;justify-content:flex-start;align-items:flex-start}.helper_label--wrapper .en_dash{color:var(--token-text-color-tertiary,#63637f);font-family:var(--token-font-base,Circular-USB,Arial,Helvetica,sans-serif);font-size:var(--token-font-size-xs,.75rem);font-weight:var(--token-font-weight-reg,400);line-height:var(--token-line-height-3xl,1.5);padding:4px var(--token-spacing-1,.25rem) 0}.shakeWarning{display:block;animation:shake .82s cubic-bezier(.36,.07,.19,.97) both;transform:translateZ(0);backface-visibility:hidden;perspective:1000px}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.icon-container{margin:0;position:absolute;right:0;top:var(--token-spacing-1,.25rem)}.usb--wrapper button.show-hide__button{background-color:initial;border:none;color:var(--token-text-color-tertiary,#63637f);font-size:var(--token-font-size-sm,.875rem);font-weight:var(--token-font-weight-reg,400);line-height:var(--token-spacing-5,1.25rem);min-height:var(--token-spacing-6,1.5rem);margin:0;outline:none;padding:0;position:absolute;right:var(--forms-base-label-show-hide-right,0);top:var(--forms-base-label-show-hide-top,1rem)}.usb--wrapper button.show-hide__button:after{content:"";border:2px solid transparent;border-radius:var(--token-rounded-sm,.25rem);height:calc(100% + var(--token-spacing-2, .5rem));position:absolute;left:calc(var(--token-spacing-1, .25rem)*-1);top:calc(var(--token-spacing-1, .25rem)*-1);transition:var(--token-timing-fast-ease,.1s ease) border;width:calc(100% + var(--token-spacing-2, .5rem))}.usb--wrapper button.show-hide__button:hover{-webkit-text-decoration:none;text-decoration:none}.usb--wrapper button.show-hide__button:focus:after{border-color:var(--token-border-focus,#235ae4)}.usb--checkbox--fieldset{border:0;margin-bottom:calc(var(--token-spacing-5, 1.25rem)*-1)}.usb--checkbox-group--legend{color:var(--checkbox-group-label-text-color,#2d2d3e);font-family:var(--token-font-base,Circular-USB,Arial,Helvetica,sans-serif);font-size:var(--token-font-size-base,1rem);font-weight:var(--token-font-weight-med,500);line-height:var(--token-line-height-3xl,1.5);position:relative}.usb--checkbox-group--legend .usb--error-message span{margin-top:var(--token-spacing-1,.25rem)}.usb--checkbox-group--legend .usb-toggletip-container{display:inline-block;position:relative;left:calc(var(--token-spacing-1, .25rem)*-1);right:auto;top:var(--token-spacing-1,.25rem);transform:none}.usb--checkbox-group--legend .usb-toggletip-container+.helper_label--wrapper span{padding-top:0}.usb--checkbox-group--legend .usb-toggletip-container+.usb--error-message span{margin-top:0}.usb--checkbox-group--legend .helper_label--wrapper span{padding-top:var(--token-spacing-1,.25rem)}.usb--checkbox-wrapper{margin-top:0;margin-bottom:var(--token-spacing-5,1.25rem);min-height:unset;padding-top:0;flex-basis:50%}.usb--checkbox-list{margin-top:var(--token-spacing-6,1.5rem)}@media only screen and (min-width:41.9375rem){.usb--checkbox-list .checkbox-column{flex-basis:50%}.usb--checkbox-list .checkbox-column:not(:first-of-type){margin-left:var(--token-spacing-8,2rem)}.usb--checkbox-list.columns{display:flex}}.usb--checkbox-indeterminate_parent+ul>li{margin-bottom:var(--token-spacing-5,1.25rem)}.usb--checkbox-indeterminate_child{margin-left:var(--token-spacing-5,1.25rem)}.usb--checkbox--fieldset.usb--selectable-card{margin-bottom:0}.usb--checkbox--fieldset.usb--selectable-card .usb--checkbox-list{margin-top:0}.usb--checkbox--fieldset.usb--selectable-card .usb--error-message{margin-bottom:var(--token-spacing-3,.75rem)}.usb--checkbox--fieldset.usb--selectable-card .usb--selectablecard-wrapper{padding-top:1px;padding-bottom:1rem}.usb--checkbox-input{cursor:pointer;height:var(--token-spacing-11,2.75rem);opacity:0;position:absolute;left:calc(var(--token-spacing-3, .75rem)*-1);top:calc(var(--token-spacing-3, .75rem)*-1);width:var(--token-spacing-11,2.75rem);z-index:10}.usb--checkbox-input:checked+label .usb--checkbox-svg svg,.usb--checkbox-input[aria-checked=mixed]+label .usb--checkbox-svg svg,.usb--checkbox-input[aria-checked=true]+label .usb--checkbox-svg svg{border-width:0;background:var(--checkbox-checked-icon-background-color,#235ae4);fill:var(--checkbox-checked-icon-fill-color,#fff)}.usb--checkbox-input:checked:disabled+label .usb--checkbox-svg svg,.usb--checkbox-input[aria-checked=mixed]:disabled+label .usb--checkbox-svg svg,.usb--checkbox-input[aria-checked=true]:disabled+label .usb--checkbox-svg svg{fill:var(--checkbox-checked-disabled-icon-fill-color,#7a7a95)}.usb--checkbox-input:disabled+label{color:var(--token-disabled-foreground,#7a7a95)}.usb--checkbox-input[aria-checked=mixed]+label .usb--checkbox-svg svg{stroke:var(--checkbox-checked-icon-fill-color,#fff)}.usb--checkbox-input[aria-checked=mixed]:disabled+label .usb--checkbox-svg svg{stroke:var(--checkbox-checked-disabled-icon-fill-color,#7a7a95)}.usb--checkbox-input:focus+label:after{border-color:var(--checkbox-focus-border-color,#003cc8)}.usb--checkbox-input:disabled,.usb--checkbox-input:disabled+label,.usb--checkbox-input:disabled+label .usb--checkbox-svg svg{cursor:not-allowed}.usb--checkbox-input:disabled+label .usb--checkbox-svg svg{background:var(--checkbox-disabled-icon-background-color,rgba(205,209,226,.4));border-width:0}.usb--checkbox-input~.helper_label--wrapper{margin-left:var(--token-spacing-8,2rem)}.usb--checkbox-input:disabled~.helper_label--wrapper span{color:var(--token-disabled-foreground,#7a7a95)}.usb--checkbox-icon{margin-right:var(--token-spacing-2,.5rem);margin-top:-.25rem;width:var(--token-spacing-8,2rem);min-width:var(--token-spacing-8,2rem);text-align:center;height:var(--token-spacing-8,2rem)!important}.usb--checkbox-icon-radius,.usb--checkbox-icon-radius svg{border-radius:50%}.usb--checkbox-label{color:var(--checkbox-label-text-color,#484861);cursor:pointer;display:flex;align-items:flex-start;flex-direction:row-reverse;justify-content:flex-end;font-family:var(--checkbox-label-font-family,Circular-USB,Arial,Helvetica,sans-serif);font-size:var(--checkbox-label-font-size,1rem);font-weight:var(--checkbox-label-font-weight,400);position:relative;width:100%}.usb--checkbox-label:after{content:"";border:2px solid transparent;border-radius:var(--checkbox-focus-border-radius,.25rem);height:var(--token-spacing-8,2rem);position:absolute;left:-.375rem;top:-.375rem;width:var(--token-spacing-8,2rem)}.usb--checkbox-label span{display:flex;align-items:center;justify-content:center}.usb--checkbox-label span.usb--checkbox-svg svg{background:var(--checkbox-icon-background-color,#fff);border:1px solid var(--checkbox-border-color,#7a7a95);border-radius:var(--checkbox-border-radius,.25rem);fill:transparent;stroke:transparent;height:var(--token-spacing-5,1.25rem);transition:border-color var(--token-timing-default-ease,.25s ease);pointer-events:none;min-width:var(--token-spacing-5,1.25rem);margin-right:var(--token-spacing-3,.75rem);position:relative;vertical-align:middle;width:var(--token-spacing-5,1.25rem)}.usb--checkbox-label span.usb--checkbox-label-text{display:inline}.usb--checkbox-label+.usb--error-message{margin-left:var(--token-spacing-8,2rem)}.usb--checkbox-legend{color:var(--checkbox-group-label-text-color,#2d2d3e);font-family:var(--token-font-base,Circular-USB,Arial,Helvetica,sans-serif);font-size:var(--token-font-size-base,1rem);font-weight:var(--token-font-weight-med,500);line-height:var(--token-line-height-3xl,1.5);position:relative}.usb--checkbox-legend .usb--error-message span{margin-top:var(--token-spacing-1,.25rem)}.usb--checkbox-legend .usb-toggletip-container{display:inline-block;position:relative;left:calc(var(--token-spacing-1, .25rem)*-1);right:auto;top:var(--token-spacing-1,.25rem);transform:none}.usb--checkbox-legend .usb-toggletip-container+.helper_label--wrapper span{padding-top:0}.usb--checkbox-legend .usb-toggletip-container+.usb--error-message span{margin-top:0}.usb--checkbox-legend .helper_label--wrapper span{padding-top:var(--token-spacing-1,.25rem)}.usb--checkbox-wrapper{position:relative;width:-moz-fit-content;width:fit-content}.usb--checkbox-wrapper.usb--checkbox--fieldset>.usb--checkbox-label{margin-top:var(--token-spacing-6,1.5rem)}.usb--checkbox-wrapper.usb--checkbox--fieldset>.usb--checkbox-input{top:var(--token-spacing-3,.75rem)}.usb--checkbox-wrapper .helper_label--wrapper span{color:var(--checkbox-helper-text-text-color,#63637f)}.usb--checkbox-wrapper.is-error .usb--checkbox-input+label .usb--checkbox-svg svg{background:var(--checkbox-error-icon-background-color,#fff);border:2px solid var(--checkbox-error-border-color,#ce2935)}.usb--checkbox-wrapper.is-error .usb--checkbox-input:checked+label .usb--checkbox-svg svg,.usb--checkbox-wrapper.is-error .usb--checkbox-input[aria-checked=true]+label svg{fill:var(--checkbox-error-icon-fill-color,#ce2935)}.usb--checkbox-wrapper.is-error .usb--checkbox-input[aria-checked=mixed]+label svg{stroke:var(--checkbox-error-icon-fill-color,#ce2935)}.usb--checkbox-wrapper.is-error:hover .usb--checkbox-input:checked+label .usb--checkbox-svg svg,.usb--checkbox-wrapper.is-error:hover .usb--checkbox-input[aria-checked=mixed]+label .usb--checkbox-svg svg,.usb--checkbox-wrapper.is-error:hover .usb--checkbox-input[aria-checked=true]+label .usb--checkbox-svg svg{background:var(--checkbox-hover-error-icon-background-color,#fff);border:2px solid var(--checkbox-hover-error-border-color,#001e79);fill:var(--checkbox-hover-error-icon-fill-color,#ce2935)}.usb--checkbox-wrapper.is-error:hover .usb--checkbox-input[aria-checked=mixed]+label .usb--checkbox-svg svg{stroke:var(--checkbox-hover-error-icon-fill-color,#ce2935)}.usb--checkbox-wrapper:hover:not(.is-read-only):not(.is-disabled) .usb--checkbox-input+label .usb--checkbox-svg svg{border:2px solid var(--checkbox-hover-border-color,#003cc8)}.usb--checkbox-wrapper:hover:not(.is-read-only):not(.is-disabled) .usb--checkbox-input:active+label .usb--checkbox-svg svg{border:2px solid var(--checkbox-hover-active-border-color,#001e79)}.usb--checkbox-wrapper:hover:not(.is-read-only):not(.is-disabled) .usb--checkbox-input:checked+label .usb--checkbox-svg svg,.usb--checkbox-wrapper:hover:not(.is-read-only):not(.is-disabled) .usb--checkbox-input[aria-checked=mixed]+label .usb--checkbox-svg svg,.usb--checkbox-wrapper:hover:not(.is-read-only):not(.is-disabled) .usb--checkbox-input[aria-checked=true]+label .usb--checkbox-svg svg{background:var(--checkbox-checked-hover-icon-background-color,#003cc8);border-width:0;fill:var(--checkbox-checked-hover-icon-fill-color,#fff)}.usb--checkbox-wrapper:hover:not(.is-read-only):not(.is-disabled) .usb--checkbox-input:checked:active+label .usb--checkbox-svg svg,.usb--checkbox-wrapper:hover:not(.is-read-only):not(.is-disabled) .usb--checkbox-input[aria-checked=mixed]:active+label .usb--checkbox-svg svg,.usb--checkbox-wrapper:hover:not(.is-read-only):not(.is-disabled) .usb--checkbox-input[aria-checked=true]:active+label .usb--checkbox-svg svg{background:var(--checkbox-checked-hover-active-icon-background-color,hsla(0,0%,100%,.78))}.usb--checkbox-wrapper:hover:not(.is-read-only):not(.is-disabled) .usb--checkbox-input[aria-checked=mixed]+label .usb--checkbox-svg svg{stroke:var(--checkbox-checked-hover-icon-fill-color,#fff)}.usb--checkbox-wrapper.is-read-only{cursor:not-allowed}.usb--checkbox-wrapper.is-read-only .usb--checkbox-input,.usb--checkbox-wrapper.is-read-only .usb--checkbox-input+label{pointer-events:none}.usb--checkbox-wrapper.is-read-only .usb--checkbox-input+label:after{content:"";border:2px solid transparent;border-radius:var(--checkbox-focus-border-radius,.25rem);height:var(--token-spacing-8,2rem);position:absolute;left:-.375rem;top:-.375rem;width:var(--token-spacing-8,2rem)}.usb--checkbox-wrapper.is-read-only .usb--checkbox-input+label span{display:flex;align-items:center;justify-content:center}.usb--checkbox-wrapper.is-read-only .usb--checkbox-input+label span.usb--checkbox-svg svg{background:var(--checkbox-icon-background-color,#fff);border:1px solid var(--checkbox-border-color,#7a7a95);border-radius:var(--checkbox-border-radius,.25rem);fill:transparent;height:var(--token-spacing-5,1.25rem);transition:border-color var(--token-timing-default-ease,.25s ease);pointer-events:none;min-width:var(--token-spacing-5,1.25rem);margin-right:var(--token-spacing-3,.75rem);position:relative;vertical-align:middle;width:var(--token-spacing-5,1.25rem)}.usb--checkbox-wrapper.is-read-only .usb--checkbox-input+label span.usb--checkbox-label-text{display:inline}.usb--checkbox-wrapper.is-read-only .usb--checkbox-input+label span:checked+label .usb--checkbox-svg svg,.usb--checkbox-wrapper.is-read-only .usb--checkbox-input+label span[aria-checked=true]+label .usb--checkbox-svg svg{fill:var(--checkbox-readonly-icon-fill-color,#484861)}.usb--checkbox-wrapper.is-read-only .usb--checkbox-input+label span[aria-checked=mixed]+label .usb--checkbox-svg svg{stroke:var(--checkbox-readonly-icon-fill-color,#484861)}.usb--wrapper{background-color:var(--text-input-wrapper-background-color,transparent);margin-top:var(--token-spacing-2,.5rem);min-height:var(--token-spacing-12,3rem);padding-top:var(--token-spacing-4,1rem);position:relative;width:100%;z-index:0}.usb--wrapper.is-long-label{margin-top:calc(var(--token-spacing-2, .5rem) + var(--token-spacing-5, 1.25rem))}.usb--wrapper .usb--basic-input{background-color:var(--text-input-basic-background-color,transparent);border-radius:var(--text-input-basic-border-radius,0);border-top:var(--text-input-basic-border-top-width,0) var(--text-input-basic-border-style,solid) var(--text-input-basic-border-color,#7a7a95);border-right:var(--text-input-basic-border-right-width,0) var(--text-input-basic-border-style,solid) var(--text-input-basic-border-color,#7a7a95);border-bottom:var(--text-input-basic-border-bottom-width,1px) var(--text-input-basic-border-style,solid) var(--text-input-basic-border-color,#7a7a95);border-left:var(--text-input-basic-border-left-width,0) var(--text-input-basic-border-style,solid) var(--text-input-basic-border-color,#7a7a95);color:var(--text-input-basic-text-color,#484861);font-family:var(--text-input-basic-font-family,Circular-USB,Arial,Helvetica,sans-serif);font-size:var(--text-input-basic-font-size,1rem);font-weight:var(--text-input-basic-font-weight,400);line-height:var(--token-line-height-3xl,1.5);margin:var(--text-input-basic-margin-top,0) var(--text-input-basic-margin-right,auto) var(--text-input-basic-margin-bottom,auto) var(--text-input-basic-margin-left,auto);padding:var(--text-input-basic-padding-top,0) var(--text-input-basic-padding-right,0) var(--text-input-basic-padding-bottom,0) var(--text-input-basic-padding-left,0);width:100%}.usb--wrapper .usb--basic-input.input__date-picker,.usb--wrapper .usb--basic-input.input__show-hide{padding-right:var(--token-spacing-10,2.5rem)}.usb--wrapper .usb--basic-input.input__has-toggletip{padding-right:var(--token-spacing-6,1.5rem)}.usb--wrapper .usb--basic-input.input__has-toggletip+.show-hide__button{right:var(--token-spacing-8,2rem)}.usb--wrapper .usb--basic-input::-ms-clear{display:none;height:var(--token-spacing-0,0);width:var(--token-spacing-0,0)}.usb--wrapper .usb--floating-label{background-color:var(--text-input-label-background-color,transparent);color:var(--text-input-label-text-color,#63637f);font-family:var(--text-input-label-font-family,Circular-USB,Arial,Helvetica,sans-serif);font-weight:var(--text-input-label-font-weight,400);font-size:var(--text-input-label-font-size,1rem);line-height:var(--text-input-label-line-height,1.5);position:var(--text-input-label-position,absolute);top:var(--text-input-label-top,1rem);left:var(--token-spacing-0,0);transition:all var(--token-timing-default-ease,.25s ease)}.usb--wrapper .usb--floating-label_overflow{top:calc(var(--text-input-label-font-size, 1rem)*-1/var(--text-input-label-line-height, 1.5))}.usb--wrapper .usb--error-text-container{height:auto;max-height:0;opacity:0;transition:max-height var(--token-timing-moderate-ease-in-out,.5s ease-in-out),opacity var(--token-timing-moderate-ease-in-out,.5s ease-in-out);overflow:hidden}.usb--wrapper.is-focused:after{content:"";border:var(--text-input-focus-active-wrapper-border-width,2px) solid var(--text-input-focus-wrapper-border-color,#235ae4);border-radius:var(--text-input-focus-active-wrapper-border-radius,.25rem);height:calc(100% + var(--token-spacing-3, .75rem));position:absolute;left:-.375rem;top:-.375rem;width:calc(100% + var(--token-spacing-3, .75rem));z-index:-1}.usb--wrapper.is-focused.is-long-label:after{height:calc(100% + var(--token-spacing-6, 1.5rem) + .375rem);top:-1.5rem}.usb--wrapper.is-focused.is-value label,.usb--wrapper.is-focused label{color:var(--text-input-active-label-text-color,#63637f);font-family:var(--text-input-active-label-font-family,Circular-USB,Arial,Helvetica,sans-serif);font-weight:var(--text-input-focus-active-label-font-weight,400);font-size:var(--text-input-focus-active-label-font-size,.75rem);line-height:var(--text-input-focus-active-label-line-height,1.5);top:var(--text-input-focus-active-label-top,0)}.usb--wrapper.is-focused.is-value label.usb--floating-label_overflow,.usb--wrapper.is-focused label.usb--floating-label_overflow{top:calc(var(--text-input-focus-active-label-font-size, .75rem)*-1*var(--text-input-focus-active-label-line-height, 1.5))}.usb--wrapper.is-focused .usb--basic-input{outline:transparent;border-top:var(--text-input-focus-border-top-width,0) var(--text-input-focus-active-border-style,solid) var(--text-input-basic-focus-active-border-color,#235ae4);border-right:var(--text-input-focus-border-right-width,0) var(--text-input-focus-active-border-style,solid) var(--text-input-basic-focus-active-border-color,#235ae4);border-bottom:var(--text-input-focus-border-bottom-width,1px) var(--text-input-focus-active-border-style,solid) var(--text-input-basic-focus-active-border-color,#235ae4);border-left:var(--text-input-focus-border-left-width,0) var(--text-input-focus-active-border-style,solid) var(--text-input-basic-focus-active-border-color,#235ae4);font-family:var(--text-input-basic-focus-active-font-family,Circular-USB,Arial,Helvetica,sans-serif)}.usb--wrapper.is-focused.is-value .usb--basic-input,.usb--wrapper.is-focused .usb--basic-input{margin:var(--text-input-basic-focus-active-margin-top,auto) var(--text-input-basic-focus-active-margin-right,-1px) var(--text-input-basic-focus-active-margin-bottom,-1px) var(--text-input-basic-focus-active-margin-left,0)}.usb--wrapper.is-focused.is-value .usb--basic-input{border-width:var(--text-input-basic-focus-active-border-top-width,0) var(--text-input-basic-focus-active-border-right-width,0) var(--text-input-basic-focus-active-border-bottom-width,2px) var(--text-input-basic-focus-active-border-left-width,0);color:var(--text-input-basic-focus-active-text-color,#484861);font-family:var(--text-input-basic-active-font-family,Circular-USB,Arial,Helvetica,sans-serif);font-weight:var(--text-input-basic-focus-active-font-weight,400);font-size:var(--text-input-basic-focus-active-font-size,1rem);line-height:var(--text-input-basic-focus-active-line-height,1.5)}.usb--wrapper.is-value .usb--basic-input{font-weight:var(--text-input-basic-active-font-weight,400);font-size:var(--text-input-basic-active-font-size,1rem);line-height:var(--text-input-basic-active-line-height,1.5)}.usb--wrapper.is-disabled .show-hide__button,.usb--wrapper.is-read-only .show-hide__button{display:none}.usb--wrapper.is-disabled .usb--floating-label,.usb--wrapper.is-read-only .usb--floating-label{cursor:default}.usb--wrapper.is-disabled .usb--basic-input,.usb--wrapper.is-read-only .usb--basic-input{border:none;border-bottom:1px solid var(--text-input-basic-disabled-border-color,transparent)}.usb--wrapper.is-disabled .button__date-picker,.usb--wrapper.is-read-only .button__date-picker{cursor:not-allowed}.usb--wrapper.is-disabled .usb--floating-label,.usb--wrapper.is-read-only .usb--floating-label{top:var(--text-input-label-top,1rem);font-size:var(--text-input-label-font-size,1rem);transition:none;margin-bottom:var(--text-input-basic-focus-active-margin-bottom,-1px)}.usb--wrapper.is-disabled .usb--floating-label_overflow,.usb--wrapper.is-read-only .usb--floating-label_overflow{top:auto}.usb--wrapper.is-disabled{background:var(--token-disabled-background,rgba(205,209,226,.4))}.usb--wrapper.is-disabled .helper_label--wrapper span,.usb--wrapper.is-disabled .icon-container .usb-icon,.usb--wrapper.is-disabled.is-value .usb--floating-label,.usb--wrapper.is-disabled .usb--basic-input,.usb--wrapper.is-disabled .usb--floating-label{cursor:not-allowed;color:var(--token-disabled-foreground,#7a7a95)}.usb--wrapper.is-disabled .usb--basic-input{border-bottom:1px solid var(--token-disabled-border,#cdd1e2)}.usb--wrapper.is-disabled .button__date-picker .usb-icon,.usb--wrapper.is-disabled .usb-toggletip-container .usb-icon,.usb--wrapper.is-disabled button.show-hide__button{color:var(--token-disabled-foreground,#7a7a95)}.usb--wrapper.is-disabled .button__date-picker .usb-icon svg,.usb--wrapper.is-disabled .icon-container .usb-icon svg,.usb--wrapper.is-disabled .usb-toggletip-container .usb-icon svg{fill:var(--token-disabled-foreground,#7a7a95)}.usb--wrapper.is-value .usb--floating-label{color:var(--text-input-active-label-text-color,#63637f);font-family:var(--text-input-active-label-font-family,Circular-USB,Arial,Helvetica,sans-serif);font-weight:var(--text-input-active-label-font-weight,400);font-size:var(--text-input-active-label-font-size,.75rem);line-height:var(--text-input-active-label-line-height,1.5);top:var(--text-input-focus-active-label-top,0)}.usb--wrapper.is-value .usb--floating-label_overflow{top:calc(var(--text-input-active-label-font-size, .75rem)*-1*var(--text-input-active-label-line-height, 1.5))}.usb--wrapper.is-error.is-focused .usb--floating-label,.usb--wrapper.is-error.is-value .usb--floating-label,.usb--wrapper.is-error .usb--floating-label{color:var(--text-input-error-label-text-color,#ce2935)}.usb--wrapper.is-error.is-focused .usb--basic-input,.usb--wrapper.is-error.is-value .usb--basic-input,.usb--wrapper.is-error .usb--basic-input{border-top:var(--text-input-focus-error-border-top-width,0) var(--text-input-focus-error-border-style,solid) var(--text-input-basic-error-border-color,#ce2935);border-right:var(--text-input-focus-error-border-right-width,0) var(--text-input-focus-error-border-style,solid) var(--text-input-basic-error-border-color,#ce2935);border-bottom:var(--text-input-focus-error-border-bottom-width,2px) var(--text-input-focus-error-border-style,solid) var(--text-input-basic-error-border-color,#ce2935);border-left:var(--text-input-focus-error-border-left-width,0) var(--text-input-focus-error-border-style,solid) var(--text-input-basic-error-border-color,#ce2935)}.usb--wrapper.is-error.is-focused .usb--error-text-container,.usb--wrapper.is-error.is-value .usb--error-text-container,.usb--wrapper.is-error .usb--error-text-container{max-height:4rem;opacity:1}.usb--wrapper .sr-only{position:absolute;width:1px;height:1px;padding:var(--token-spacing-0,0);margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:var(--token-spacing-0,0)}.usb--wrapper .button__date-picker{background-color:var(--date-picker-button-background-color,transparent);border:none;position:absolute;right:var(--date-picker-button-right,0);top:var(--date-picker-button-top,1rem)}.usb--wrapper.is-card-icon .usb--basic-input.input__show-hide{padding-right:var(--token-spacing-18,4.5rem)}.usb--wrapper.is-card-icon button.show-hide__button{right:var(--token-spacing-8,2rem)!important;transition:all .3s ease-out}.usb--wrapper.is-card-icon .icon-container{top:1.1rem}.usb--radio-fieldset{border:0}.usb--radio-legend{color:var(--forms-radio-group-legend-text-color,#2d2d3e);font-family:var(--token-font-base,Circular-USB,Arial,Helvetica,sans-serif);font-size:var(--token-font-size-base,1rem);font-weight:var(--token-font-weight-med,500);line-height:var(--token-line-height-3xl,1.5);position:relative}.usb--radio-legend+.usb--error-message{margin-bottom:var(--token-spacing-3,.75rem)}.usb--radio-legend+.usb--error-message span{margin-top:var(--token-spacing-1,.25rem)}.usb--radio-wrapper{display:flex;align-items:flex-start;margin-left:calc(var(--token-spacing-3, .75rem)*-1);position:relative;z-index:0}.usb--radio-wrapper.is-disabled:not(.is-chips),.usb--radio-wrapper.is-read-only:not(.is-chips){cursor:not-allowed}.usb--radio-wrapper.is-disabled:not(.is-chips)>*,.usb--radio-wrapper.is-read-only:not(.is-chips)>*{color:var(--token-disabled-foreground,#7a7a95);pointer-events:none}.usb--radio-wrapper.is-disabled:not(.is-chips) input[type=radio],.usb--radio-wrapper.is-read-only:not(.is-chips) input[type=radio]{border:none;background-clip:content-box;padding:0}.usb--radio-wrapper.is-disabled:not(.is-chips) input[type=radio]:not(:checked),.usb--radio-wrapper.is-read-only:not(.is-chips) input[type=radio]:not(:checked){background-color:var(--token-disabled-background,rgba(205,209,226,.4))}.usb--radio-wrapper.is-disabled:not(.is-chips) input[type=radio]:not(:checked):before,.usb--radio-wrapper.is-read-only:not(.is-chips) input[type=radio]:not(:checked):before{content:none}.usb--radio-wrapper.is-disabled:not(.is-chips) input[type=radio]:not(:checked)::-ms-check,.usb--radio-wrapper.is-read-only:not(.is-chips) input[type=radio]:not(:checked)::-ms-check{border:none;background-color:var(--token-disabled-background,rgba(205,209,226,.4))}.usb--radio-wrapper.is-disabled:not(.is-chips) input[type=radio]:checked,.usb--radio-wrapper.is-read-only:not(.is-chips) input[type=radio]:checked{background-color:var(--token-disabled-background,rgba(205,209,226,.4))}.usb--radio-wrapper.is-disabled:not(.is-chips) input[type=radio]:checked:before,.usb--radio-wrapper.is-read-only:not(.is-chips) input[type=radio]:checked:before{background:var(--token-disabled-foreground,#7a7a95)}.usb--radio-wrapper.is-disabled:not(.is-chips) input[type=radio]:checked::-ms-check,.usb--radio-wrapper.is-read-only:not(.is-chips) input[type=radio]:checked::-ms-check{border:none;background-color:var(--token-disabled-background,rgba(205,209,226,.4))}.usb--radio-wrapper.is-focused:after{content:"";display:block;border:2px solid var(--forms-radio-input-focus-border-color,#235ae4);border-radius:var(--token-rounded-sm,.25rem);height:var(--token-spacing-7,1.75rem);position:absolute;left:var(--token-spacing-2,.5rem);top:var(--token-spacing-2,.5rem);width:var(--token-spacing-7,1.75rem);z-index:-1}.usb--radio-label{cursor:pointer;margin-top:var(--token-spacing-3,.75rem)}.usb--radio-label+.helper_label--wrapper span{color:var(--forms-radio-helper-text-text-color,#63637f)}.usb--radio-label_container{color:var(--forms-radio-group-label-text-color,#484861);font-family:var(--token-font-base,Circular-USB,Arial,Helvetica,sans-serif);font-size:var(--token-font-size-base,1rem);line-height:var(--token-line-height-lg,1.25);position:relative;vertical-align:top;width:100%;margin-top:var(--token-spacing-3,.75rem)}.usb--radio-label_container .helper_label--wrapper{margin-bottom:var(--token-spacing-3,.75rem)}.usb--radio-label_container.has-icon{padding-left:var(--token-spacing-10,2.5rem)}.usb--radio-label_container.has-icon .usb--radio-icon{position:absolute;left:0}.usb--radio-input{appearance:none;background-color:var(--forms-radio-input-background-color,#fff);border:1px solid var(--forms-radio-input-border-color,#7a7a95);border-radius:var(--token-rounded-full,50%);cursor:pointer;height:var(--token-spacing-5,1.25rem);margin:var(--token-spacing-3,.75rem);min-width:var(--token-spacing-5,1.25rem);outline:none;padding:3px;position:relative;width:var(--token-spacing-5,1.25rem)}.usb--radio-input:before{background:var(--forms-radio-input-background-color,#fff);border-radius:var(--token-rounded-full,50%);content:"";height:calc(var(--token-spacing-2, .5rem) + .125rem);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(var(--token-spacing-2, .5rem) + .125rem)}.usb--radio-input:checked{border:2px solid var(--forms-radio-input-checked-border-color,#235ae4)}.usb--radio-input:checked:before{background:var(--forms-radio-input-checked-background-color,#235ae4)}.usb--radio-input:checked::-ms-check{border:2px solid var(--forms-radio-input-checked-border-color,#235ae4);color:var(--token-color-brand-interaction,#0058ff)}.usb--radio-input:hover:not(:disabled){border:2px solid var(--forms-radio-input-hover-border-color,#235ae4)}.usb--radio-input:hover:not(:disabled):checked:before{background:var(--forms-radio-input-hover-background-color,#235ae4)}.usb--radio-input:hover:not(:disabled)::-ms-check{border:2px solid var(--forms-radio-input-hover-border-color,#235ae4);color:var(--token-color-brand-interaction,#0058ff)}.is-focused .usb--radio-input:active:not(:disabled){border:2px solid var(--forms-radio-input-focus-border-color,#235ae4)}.is-focused .usb--radio-input:active:not(:disabled):checked:before{background:var(--forms-radio-input-focus-background-color,#235ae4)}.is-focused .usb--radio-input:active:not(:disabled)::-ms-check{border:2px solid var(--forms-radio-input-focus-border-color,#235ae4);color:var(--token-background-brand-primary,#001e79)}.usb--radio-input.is-error{border:2px solid var(--forms-radio-input-error-border-color,#ce2935)}.usb--radio-input.is-error:checked:before{background:var(--forms-radio-input-error-background-color,#ce2935)}.usb--radio-input.is-error::-ms-check{border:2px solid var(--forms-radio-input-error-border-color,#ce2935);color:var(--token-background-brand-primary,#001e79)}.usb--radio-icon{margin-right:var(--token-spacing-2,.5rem);text-align:center;height:var(--token-spacing-8,2rem)}.usb--radio-icon-radius{border-radius:50%}.usb--radio-img{min-width:var(--token-spacing-8,2rem)}.usb--radio-img,.usb--radio-svg svg{width:var(--token-spacing-8,2rem);margin-top:calc(var(--token-spacing-1, .25rem)*-1);height:var(--token-spacing-8,2rem);vertical-align:top}.usb--radio-fieldset .usb--selectablecard-wrapper{padding-top:1px;padding-bottom:1rem}.usb--select--wrapper{margin-top:var(--token-spacing-2,.5rem);min-height:var(--token-spacing-12,3rem);position:relative;width:100%;z-index:0}.usb--select--wrapper.is-focused:after{content:"";border:var(--forms-select-wrapper-focused-border-width,2px) solid var(--token-border-focus,#235ae4);border-radius:var(--token-rounded-sm,.25rem);height:calc(100% + var(--token-spacing-3, .75rem));position:absolute;left:-.375rem;top:-.375rem;width:calc(100% + var(--token-spacing-3, .75rem))}.usb--select--wrapper.is-focused .usb--select--container{border-top:var(--forms-select-focused-border-top-width,0) var(--forms-select-focused-border-style,solid) var(--forms-select-focused-border-color,#235ae4);border-right:var(--forms-select-focused-border-right-width,0) var(--forms-select-focused-border-style,solid) var(--forms-select-focused-border-color,#235ae4);border-bottom:var(--forms-select-focused-border-bottom-width,2px) var(--forms-select-focused-border-style,solid) var(--forms-select-focused-border-color,#235ae4);border-left:var(--forms-select-focused-border-left-width,0) var(--forms-select-focused-border-style,solid) var(--forms-select-focused-border-color,#235ae4);padding-top:var(--forms-select-focused-padding-top,0)}.usb--select--wrapper.is-error .usb--select--label{color:var(--token-text-color-error,#ce2935)}.usb--select--wrapper.is-error .usb--select--container{border-top:var(--forms-select-focused-error-border-top-width,0) var(--forms-select-focused-error-border-style,solid) var(--forms-select-focused-error-border-color,#ce2935);border-right:var(--forms-select-focused-error-border-right-width,0) var(--forms-select-focused-error-border-style,solid) var(--forms-select-focused-error-border-color,#ce2935);border-bottom:var(--forms-select-focused-error-border-bottom-width,2px) var(--forms-select-focused-error-border-style,solid) var(--forms-select-focused-error-border-color,#ce2935);border-left:var(--forms-select-focused-error-border-left-width,0) var(--forms-select-focused-error-border-style,solid) var(--forms-select-focused-error-border-color,#ce2935);padding-top:var(--forms-select-focused-padding-top,0)}.usb--select--wrapper.is-error.is-focused .usb--select--label,.usb--select--wrapper.is-error.is-value .usb--select--label,.usb--select--wrapper.is-error .usb--select--label{color:var(--token-text-color-error,#ce2935)}.usb--select--wrapper.is-error.is-focused .usb--select--container,.usb--select--wrapper.is-error.is-value .usb--select--container,.usb--select--wrapper.is-error .usb--select--container{border-top:var(--forms-select-focused-error-border-top-width,0) var(--forms-select-focused-error-border-style,solid) var(--forms-select-focused-error-border-color,#ce2935);border-right:var(--forms-select-focused-error-border-right-width,0) var(--forms-select-focused-error-border-style,solid) var(--forms-select-focused-error-border-color,#ce2935);border-bottom:var(--forms-select-focused-error-border-bottom-width,2px) var(--forms-select-focused-error-border-style,solid) var(--forms-select-focused-error-border-color,#ce2935);border-left:var(--forms-select-focused-error-border-left-width,0) var(--forms-select-focused-error-border-style,solid) var(--forms-select-focused-error-border-color,#ce2935);padding-top:var(--forms-select-focused-padding-top,0)}.usb--select--wrapper .usb--select--label{color:var(--token-text-color-tertiary,#63637f);display:inline-block;font-family:var(--token-font-base,Circular-USB,Arial,Helvetica,sans-serif);font-size:var(--token-font-size-xs,.75rem);font-weight:var(--token-font-weight-reg,400);line-height:var(--token-line-height-3xl,1.5);position:relative;z-index:2;top:.125rem}.usb--select--wrapper .usb--select--container{background-color:var(--token-background-primary,#fff);border-radius:var(--forms-select-border-radius,0);border-top:var(--forms-select-border-top-width,0) var(--forms-select-border-style,solid) var(--forms-select-border-color,#7a7a95);border-right:var(--forms-select-border-right-width,0) var(--forms-select-border-style,solid) var(--forms-select-border-color,#7a7a95);border-bottom:var(--forms-select-border-bottom-width,1px) var(--forms-select-border-style,solid) var(--forms-select-border-color,#7a7a95);border-left:var(--forms-select-border-left-width,0) var(--forms-select-border-style,solid) var(--forms-select-border-color,#7a7a95);padding:var(--forms-select-padding-top,0) var(--forms-select-padding-right,0) var(--forms-select-padding-bottom,0) var(--forms-select-padding-left,0);position:relative;z-index:1}.usb--select--wrapper .usb--select--container .usb--select{appearance:none;background-color:var(--token-background-primary,#fff);border:none;border-radius:var(--token-rounded-square,0);color:var(--token-text-color-secondary,#484861);font-family:var(--token-font-base,Circular-USB,Arial,Helvetica,sans-serif);font-weight:var(--token-font-weight-reg,400);font-size:var(--token-font-size-base,1rem);line-height:var(--token-line-height-3xl,1.5);padding-left:var(--token-spacing-0,0);padding-right:20px;transition:all var(--token-timing-default-ease,.25s ease);width:100%}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.usb--select--wrapper .usb--select--container .usb--select{color:var(--token-text-color-secondary,#484861)}}.usb--select--wrapper .usb--select--container .usb--select::-ms-expand{display:none}.usb--select--wrapper .usb--select--container .usb--select:focus{margin:var(--token-spacing-0,0);outline:none}.usb--select--wrapper .usb--select--container .usb--select:focus::-ms-value{background-color:var(--token-background-primary,#fff);color:var(--token-text-color-secondary,#484861)}.usb--select--wrapper .usb--select--container .usb--select:-moz-focusring{color:var(--token-text-color-secondary,#484861);-moz-appearance:none}.usb--select--wrapper .usb--select--container .select--chevron{position:absolute;right:var(--forms-select-chevron-right,0);top:var(--forms-select-chevron-top,0);pointer-events:none}.usb--select--wrapper .usb--select--container .select--chevron svg{fill:var(--token-text-color-secondary,#484861)}.usb--select--wrapper.is-value .usb--select{color:var(--token-text-color-primary,#2d2d3e)}.usb--select--wrapper.is-value .usb--select:-moz-focusring{color:var(--token-text-color-primary,#2d2d3e)}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.usb--select--wrapper.is-value .usb--select:focus::-ms-value{background-color:var(--token-background-primary,#fff);color:var(--token-text-color-primary,#2d2d3e)}}.usb--select--wrapper.is-read-only{cursor:not-allowed}.usb--select--wrapper.is-read-only .usb--select--container{background-color:initial;border:none;border-bottom:1px solid transparent;pointer-events:none}.usb--select--wrapper.is-read-only .usb--select--container .usb--select{color:var(--token-text-color-secondary,#484861);pointer-events:none}.usb--select--wrapper.is-read-only .en_dash,.usb--select--wrapper.is-read-only.is-value .optionalSpan,.usb--select--wrapper.is-read-only .show-hide__button,.usb--select--wrapper.is-read-only .usb--info-message,.usb--select--wrapper.is-read-only .usb--select--container .select--chevron,.usb--select--wrapper.is-read-only .usb-toggletip-container{display:none}.usb--select--wrapper.is-read-only .usb--select--label{pointer-events:none}.usb--select--wrapper.is-disabled{background-color:var(--token-disabled-background,rgba(205,209,226,.4));cursor:not-allowed}.usb--select--wrapper.is-disabled .usb--select--label{color:var(--token-disabled-foreground,#7a7a95);pointer-events:none}.usb--select--wrapper.is-disabled .usb--select--container{border-bottom-color:var(--token-disabled-border,#cdd1e2);background-color:initial}.usb--select--wrapper.is-disabled .usb--select--container .usb--select{background-color:initial;color:var(--token-disabled-foreground,#7a7a95);pointer-events:none;opacity:1}.usb--select--wrapper.is-disabled .usb--select--container .select--chevron svg{fill:var(--token-disabled-foreground,#7a7a95)}.usb--select--wrapper.is-disabled .helper_label--wrapper span{color:var(--token-disabled-foreground,#7a7a95)}.usb-text_area{display:flex;flex-direction:column;position:relative;width:100%;z-index:0}.usb-text_area.is-focused:after{content:"";border:2px solid var(--text-area-focus-outline-border-color,#235ae4);border-radius:var(--token-rounded-sm,.25rem);height:calc(100% + var(--token-spacing-3, .75rem));position:absolute;left:-.375rem;top:-.375rem;width:calc(100% + var(--token-spacing-3, .75rem));z-index:-1}.usb-text_area.is-focused .usb-text_area--wrapper{border-color:var(--text-area-focus-border-color,#235ae4)}.usb-text_area.is-focused label,.usb-text_area.is-value label{color:var(--text-area-focus-label-text-color,#63637f);font-size:var(--token-font-size-xs,.75rem)}.usb-text_area.is-disabled .usb-text_area--wrapper,.usb-text_area.is-read-only .usb-text_area--wrapper{border:1px solid var(--token-utility-subdued,#cdd1e2)}.usb-text_area.is-disabled .usb-text_area-basic,.usb-text_area.is-read-only .usb-text_area-basic{resize:none}.usb-text_area.is-disabled .usb--floating-label,.usb-text_area.is-read-only .usb--floating-label{cursor:default}.usb-text_area.is-disabled .usb-text_area--helpers_counter,.usb-text_area.is-read-only .usb-text_area--helpers_counter{display:none}.usb-text_area.is-read-only:not(.is-value) .usb--floating-label{color:var(--text-area-label-text-color,#484861);font-size:var(--token-font-size-base,1rem);transition:none}.usb-text_area.is-disabled .usb-text_area--wrapper{background:var(--token-disabled-background,rgba(205,209,226,.4))}.usb-text_area.is-disabled .helper_label--wrapper span,.usb-text_area.is-disabled.is-value .usb--floating-label,.usb-text_area.is-disabled .usb--floating-label,.usb-text_area.is-disabled .usb-text_area-basic{cursor:not-allowed;color:var(--token-disabled-foreground,#7a7a95)}.usb-text_area.is-error .usb-text_area--wrapper{border:2px solid var(--text-area-error-border-color,#ce2935)}.usb-text_area.is-error .usb-text_area--wrapper label{color:var(--text-area-error-label-text-color,#ce2935)}.usb-text_area.not-resizable textarea{resize:none}.usb-text_area--wrapper{background-color:var(--token-background-primary,#fff);border:1px solid var(--text-area-border-color,#7a7a95);border-radius:var(--token-rounded-sm,.25rem);color:var(--token-text-color-primary,#2d2d3e);display:flex;flex-direction:column;padding:var(--token-spacing-2,.5rem) var(--token-spacing-4,1rem);position:relative}.usb-text_area--wrapper label{color:var(--text-area-label-text-color,#484861);font-weight:var(--token-font-weight-reg,400);min-height:var(--token-spacing-6,1.5rem);transition:all var(--token-timing-default-ease,.25s ease)}.usb-text_area--wrapper .usb-text_area-basic,.usb-text_area--wrapper label{background-color:initial;font-family:var(--token-font-base,Circular-USB,Arial,Helvetica,sans-serif);font-size:var(--token-font-size-base,1rem);line-height:var(--token-line-height-3xl,1.5)}.usb-text_area--wrapper .usb-text_area-basic{border:none;color:var(--text-area-input-value-text-color,#2d2d3e);margin-top:var(--token-spacing-0,0);outline:none;overflow-x:hidden;overflow-y:auto;padding:var(--token-spacing-0,0);resize:vertical;width:100%}.usb-text_area--helpers{display:flex;justify-content:flex-end;width:100%}.usb-text_area--helpers_content{display:flex;flex-direction:column;flex-grow:2;padding-right:var(--token-spacing-2,.5rem)}.usb-text_area--helpers_counter{color:var(--text-area-helper-text-text-color,#63637f);font-family:var(--token-font-base,Circular-USB,Arial,Helvetica,sans-serif);font-size:var(--token-font-size-xs,.75rem);font-weight:var(--token-font-weight-reg,400);line-height:var(--token-line-height-3xl,1.5);padding-top:var(--token-spacing-1,.25rem);white-space:nowrap}.usb-text_area--helpers_counter.max-length-exceeded{color:var(--token-text-color-error,#ce2935);font-weight:var(--token-font-weight-bold,700)}.usb-toggletip-container{margin:0;position:absolute;right:var(--forms-base-toggletip-button-right,-.75rem);top:var(--forms-base-toggletip-button-top,.25rem)}.usb-toggletip-container,.usb-toggletip-container button{height:var(--token-spacing-11,2.75rem);width:var(--token-spacing-11,2.75rem)}.usb-toggletip-container button{background-color:initial;border:none;font-size:var(--token-font-size-xs,.75rem);font-weight:var(--token-font-weight-reg,400);line-height:var(--token-line-height-3xl,1.5);outline:none;padding:0;position:relative}.usb-toggletip-container button:focus>span:after{content:"";border:2px solid var(--token-border-focus,#235ae4);border-radius:var(--token-rounded-sm,.25rem);height:var(--token-spacing-7,1.75rem);position:absolute;left:calc(var(--token-spacing-1, .25rem)*-1);top:calc(var(--token-spacing-1, .25rem)*-1);width:var(--token-spacing-7,1.75rem)}.usb-toggletip-container button>span{display:block;height:1.25rem;margin:0 auto;position:relative;width:1.25rem}.usb-toggletip-container button>span svg:focus{outline:none}.usb-toggletip-container button.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.usb-toggletip-container .usb-toggletip-flyout{font-size:var(--token-font-size-xs,.75rem);outline:none;position:absolute;right:var(--token-spacing-2,.5rem);bottom:calc(100% + .5rem);width:11.25rem;z-index:1}.usb-toggletip-container .usb-toggletip-flyout_children{box-shadow:var(--token-shadow-md,0 4px 6px -1px rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.12));line-height:var(--token-line-height-3xl,1.5);padding:var(--token-spacing-1,.25rem) var(--token-spacing-2,.5rem)}.usb-toggletip-container .usb-toggletip-flyout.dark{background-color:var(--token-background-inverse-primary,#001e79);color:var(--token-text-color-inverse-primary,#fff)}.usb-toggletip-container .usb-toggletip-flyout.light{background-color:var(--token-background-primary,#fff);color:var(--token-text-color-secondary,#484861)}.usb-toggletip-container .usb-toggletip-flyout:focus:after{content:"";border:2px solid var(--token-border-focus,#235ae4);border-radius:var(--token-rounded-sm,.25rem);height:calc(100% + var(--token-spacing-3, .75rem));position:absolute;left:-.375rem;top:-.375rem;width:calc(100% + var(--token-spacing-3, .75rem))}.usb--info-message{color:var(--token-text-color-tertiary,#63637f);display:flex;font-family:var(--token-font-base,Circular-USB,Arial,Helvetica,sans-serif);font-size:var(--token-font-size-xs,.75rem);font-weight:var(--token-font-weight-reg,400);line-height:var(--token-line-height-3xl,1.5);padding-top:var(--token-spacing-1,.25rem)}.usb--info-message.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.usb--selectablecard{transition:box-shadow .25s ease-out;margin:2px;border-radius:10px;position:relative;background-color:var(--token-background-primary,#fff);cursor:pointer}.usb--selectablecard .usb--checkbox-svg .usb-icon{width:1.25rem;height:1.25rem;margin:1rem;display:block;border:1px solid var(--token-color-grey-60,#7a7a95);border-radius:4px;overflow:hidden}.usb--selectablecard .usb--checkbox-svg .usb-icon svg{display:none}.usb--selectablecard .usb--selectablecard-body{border:1px solid var(--token-color-grey-30,#cdd1e2);border-radius:10px}.usb--selectablecard .usb--selectablecard-labeltext{font-size:var(--token-font-size-lg,1.25rem);font-weight:var(--token-font-weight-med,500);color:var(--token-text-color-brand-primary,#001e79)}.usb--selectablecard .usb--selectablecard-helper{font-size:var(--token-font-size-sm,.875rem)}.usb--selectablecard .usb--radio-input{margin:1rem}.usb--selectablecard:hover:not(.is-disabled){box-shadow:var(--token-shadow-md,0 4px 6px -1px rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.12))}.usb--selectablecard:hover:not(.is-disabled) .usb--checkbox-svg .usb-icon,.usb--selectablecard:hover:not(.is-disabled) .usb--radio-input{border:2px solid var(--token-background-brand-interaction,#235ae4)}.usb--selectablecard:active:not(.is-disabled){box-shadow:var(--token-shadow-sm,0 1px 3px 0 rgba(0,0,0,.12))}.usb--selectablecard:not(.is-disabled) .usb--checkbox-input:checked+.usb--checkbox-svg svg{display:block;border:none;background:var(--token-background-brand-interaction,#235ae4);fill:var(--token-background-primary,#fff)}.usb--selectablecard:not(.is-disabled) .usb--checkbox-input:checked+.usb--checkbox-svg .usb-icon{border:none}.usb--selectablecard:not(.is-disabled).is-error .usb--checkbox-input:checked+.usb--checkbox-svg .usb-icon{border:2px solid var(--token-color-error-msg,#be1324)}.usb--selectablecard:not(.is-disabled).is-error:hover .usb--checkbox-input:checked+.usb--checkbox-svg .usb-icon{border:2px solid var(--token-background-brand-interaction,#235ae4)}.usb--selectablecard.is-error:not(.is-disabled),.usb--selectablecard:active:not(.is-disabled),.usb--selectablecard:focus-within:not(.is-disabled){margin:0;border:2px solid var(--token-background-brand-interaction,#235ae4);border-radius:12px}.usb--selectablecard.is-error:not(.is-disabled) .usb--selectablecard-body,.usb--selectablecard:active:not(.is-disabled) .usb--selectablecard-body,.usb--selectablecard:focus-within:not(.is-disabled) .usb--selectablecard-body{border-color:transparent}.usb--selectablecard:focus-within:not(.is-disabled) .usb--checkbox-svg:after,.usb--selectablecard:focus-within:not(.is-disabled) .usb--radio-input:after{content:"";display:block;position:absolute;top:-.375rem;left:-.375rem;width:1.75rem;height:1.75rem;border:2px solid var(--token-background-brand-interaction,#235ae4);border-radius:4px}.usb--selectablecard:focus-within:not(.is-disabled) .usb--checkbox-svg:after{top:.75rem;left:.75rem}.usb--selectablecard.is-error:not(.is-disabled){border-color:var(--token-color-error-msg,#be1324)}.usb--selectablecard.is-error:not(.is-disabled) .usb--radio-input{border:2px solid var(--token-color-error-msg,#be1324)}.usb--selectablecard.is-error:not(.is-disabled) .usb--radio-input:hover{border:2px solid var(--token-background-brand-interaction,#235ae4)}.usb--selectablecard.is-error:not(.is-disabled) .usb--radio-input:checked:before{background-color:var(--token-color-error-msg,#be1324)}.usb--selectablecard.is-error:not(.is-disabled) .usb--checkbox-svg .usb-icon{border:2px solid var(--token-color-error-msg,#be1324)}.usb--selectablecard.is-error:not(.is-disabled) .usb--checkbox-svg .usb-icon svg{background:transparent;fill:var(--token-color-error-msg,#be1324);margin-top:-1px;margin-left:-2px}.usb--selectablecard.is-disabled .usb--radio-input{border:0;background-color:var(--token-disabled-background,rgba(205,209,226,.4));cursor:not-allowed}.usb--selectablecard.is-disabled .usb--radio-input:before{display:none}.usb--selectablecard.is-disabled .usb--radio-input:checked{background-color:var(--token-disabled-background,rgba(205,209,226,.4));border:0}.usb--selectablecard.is-disabled .usb--radio-input:checked:before{display:block;background-color:var(--token-disabled-foreground,#7a7a95)}.usb--selectablecard.is-disabled .usb--checkbox-svg{cursor:not-allowed}.usb--selectablecard.is-disabled .usb--checkbox-svg .usb-icon{background:var(--checkbox-disabled-icon-background-color,rgba(205,209,226,.4));border:0}.usb--selectablecard.is-disabled .usb--checkbox-svg .usb-icon svg{fill:var(--token-disabled-foreground,#7a7a95)}.usb--selectablecard.is-disabled .usb--selectablecard-body{cursor:not-allowed;border:1px solid var(--token-disabled-border,#cdd1e2)}.usb--selectablecard.is-disabled .usb--selectablecard-body .usb--selectablecard-helper,.usb--selectablecard.is-disabled .usb--selectablecard-body label,.usb--selectablecard.is-disabled .usb--selectablecard-body label .usb--selectablecard-image,.usb--selectablecard.is-disabled .usb--selectablecard-body label .usb--selectablecard-labeltext{cursor:not-allowed}.usb--selectablecard.is-disabled .usb--selectablecard-body .usb--selectablecard-helper,.usb--selectablecard.is-disabled .usb--selectablecard-body label .usb--selectablecard-labeltext{color:var(--token-disabled-foreground,#7a7a95)}.usb--selectablecard.is-disabled .usb--checkbox-input:checked+.usb--checkbox-svg .usb-icon svg{display:block;fill:var(--checkbox-checked-disabled-icon-fill-color,#7a7a95)}.usb--selectablecard.is-read-only{pointer-events:none}.usb--selectablecard.is-read-only .usb--radio-input{border:2px solid var(--token-color-grey-30,#cdd1e2);background-color:var(--token-color-grey-30,#cdd1e2)}.usb--selectablecard.is-read-only .usb--radio-input:before{display:none}.usb--selectablecard.is-read-only .usb--checkbox-svg .usb-icon{border:1px solid var(--token-color-grey-30,#cdd1e2);background-color:var(--token-color-grey-30,#cdd1e2)}.usb--selectablecard.horizontal-illustration,.usb--selectablecard.horizontal-image{display:flex;flex-direction:column;justify-content:center}.usb--selectablecard.horizontal-illustration .usb--selectablecard-body,.usb--selectablecard.horizontal-image .usb--selectablecard-body{padding:1rem 3rem 1rem 6.625rem;min-height:5.625rem;display:flex;flex-direction:column;justify-content:center}.usb--selectablecard.horizontal-illustration .usb--checkbox-svg,.usb--selectablecard.horizontal-illustration input,.usb--selectablecard.horizontal-image .usb--checkbox-svg,.usb--selectablecard.horizontal-image input{position:absolute;right:0;top:50%;margin-top:-.65rem;left:unset}.usb--selectablecard.horizontal-illustration input[type=checkbox],.usb--selectablecard.horizontal-image input[type=checkbox]{margin-top:-1.4rem}.usb--selectablecard.horizontal-illustration .usb--checkbox-svg,.usb--selectablecard.horizontal-image .usb--checkbox-svg{margin-top:-1.6rem}.usb--selectablecard.horizontal-illustration .usb--selectablecard-image,.usb--selectablecard.horizontal-image .usb--selectablecard-image{position:absolute;left:0;top:0;width:5.525rem;height:100%;border-top-left-radius:10px;border-bottom-left-radius:10px;overflow:hidden}.usb--selectablecard.horizontal-illustration .usb--selectablecard-image img,.usb--selectablecard.horizontal-image .usb--selectablecard-image img{width:100%;height:100%;object-fit:cover}.usb--selectablecard.usb--selectablecard.horizontal-image .usb--selectablecard-helper{font-size:var(--token-font-size-base,1rem)}.usb--selectablecard.horizontal-illustration .usb--selectablecard-image{padding:0 0 0 1rem;width:6.5rem}.usb--selectablecard.horizontal-illustration .usb--selectablecard-image svg{width:100%;height:100%}.usb--selectablecard.horizontal-illustration .usb--selectablecard-body{padding-left:7.625rem}.usb--selectablecard.vertical-illustration,.usb--selectablecard.vertical-image{display:flex;flex-direction:column}.usb--selectablecard.vertical-illustration .usb--checkbox-svg,.usb--selectablecard.vertical-illustration input,.usb--selectablecard.vertical-image .usb--checkbox-svg,.usb--selectablecard.vertical-image input{position:absolute;top:12.75rem;left:.125rem}.usb--selectablecard.vertical-illustration .usb--selectablecard-body,.usb--selectablecard.vertical-image .usb--selectablecard-body{padding-bottom:1.5rem}.usb--selectablecard.vertical-illustration .usb--selectablecard-body label,.usb--selectablecard.vertical-image .usb--selectablecard-body label{display:flex;flex-direction:column}.usb--selectablecard.vertical-illustration .usb--selectablecard-image,.usb--selectablecard.vertical-image .usb--selectablecard-image{width:calc(100% + 2px);margin:-1px 0 0 -1px;border-top-left-radius:10px;border-top-right-radius:10px;order:-1;height:12.125rem;overflow:hidden}.usb--selectablecard.vertical-illustration .usb--selectablecard-image img,.usb--selectablecard.vertical-image .usb--selectablecard-image img{width:100%}.usb--selectablecard.vertical-illustration .usb--selectablecard-helper,.usb--selectablecard.vertical-illustration .usb--selectablecard-labeltext,.usb--selectablecard.vertical-image .usb--selectablecard-helper,.usb--selectablecard.vertical-image .usb--selectablecard-labeltext{margin-left:3.3rem;margin-right:1rem}.usb--selectablecard.vertical-illustration .usb--selectablecard-labeltext,.usb--selectablecard.vertical-image .usb--selectablecard-labeltext{margin-top:1.5rem}.usb--selectablecard.vertical-image .usb--selectablecard-image{display:flex;flex-direction:column;justify-content:center}.usb--selectablecard.vertical-illustration .usb--checkbox-svg,.usb--selectablecard.vertical-illustration input{top:0;right:0;left:unset}.usb--selectablecard.vertical-illustration .usb--selectablecard-image{padding:1rem;height:6.5rem;text-align:center}.usb--selectablecard.vertical-illustration .usb--selectablecard-image img,.usb--selectablecard.vertical-illustration .usb--selectablecard-image svg{width:5.5rem}.usb--selectablecard.vertical-illustration .usb--selectablecard-helper,.usb--selectablecard.vertical-illustration .usb--selectablecard-labeltext{margin-left:1rem;text-align:center;display:block}.usb--selectablecard.vertical-illustration .usb--selectablecard-labeltext{margin-top:.5rem;font-size:var(--token-font-size-base,1rem)} /*!**************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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/@usb-shield/react-table/dist/library/styles/index.css?ngGlobalStyle ***! \**************************************************************************************************************************************************************************************************************************************************************************/ .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.usb-table{display:block;position:relative;width:100%}.usb-table .usb-table_dataType-currency{text-align:right}.usb-table .usb-table_accessor-cell-expander,.usb-table .usb-table_accessor-showsubrows{padding-right:0;padding-left:0}.usb-table .usb-table_accessor-cell-expander[focus-within],.usb-table .usb-table_accessor-showsubrows[focus-within]{outline:none!important}.usb-table .usb-table_accessor-cell-expander:focus-within,.usb-table .usb-table_accessor-showsubrows:focus-within{outline:none!important}.usb-table .usb-table_accessor-cell-expander.isStacked,.usb-table .usb-table_accessor-showsubrows.isStacked{border-top-color:var(--token-utility-subdued,#ccccd2);border-radius:var(--token-rounded-sm,.25rem);border-top:var(--token-border-width-default,1px) solid transparent}.usb-table .usb-table_accessor-header-of-expanded-cell{border-top:var(--token-border-width-default,1px) solid var(--token-utility-subdued,#ccccd2);border-radius:var(--token-rounded-sm,.25rem)}.usb-table .usb-dropdown{margin-bottom:var(--token-spacing-18,4.5rem);z-index:6}.usb-table_heading{color:var(--table-heading-text-color,#2e2e32);font-weight:var(--token-font-weight-med,500);font-size:var(--token-font-size-lg,1.25rem);line-height:var(--token-line-height-lg,1.25)}.usb-table_caption,.usb-table_heading{font-family:var(--token-font-base,Circular-USB,sans-serif);margin-bottom:var(--token-spacing-3,.75rem)}.usb-table_caption{color:var(--table-caption-text-color,#2e2e32);font-weight:var(--token-font-weight-reg,400);font-size:var(--token-font-size-base,1rem);line-height:var(--token-line-height-3xl,1.5);text-align:left}.usb-table_pagination{display:flex;justify-content:flex-end}.usb-table_pagination--container{display:flex;flex-direction:row;margin-top:var(--token-spacing-2,.5rem)}.usb-table_pagination--container .dropdown__btn-selection,.usb-table_pagination--container.usb-dropdown .dropdown__btn{margin-right:var(--token-spacing-5,1.25rem)}.usb-table_pagination--container .button--standard--minimal,.usb-table_pagination--container.usb-button{display:flex;flex-direction:row;margin:0 var(--token-spacing-1,.25rem) 0 var(--token-spacing-1,.25rem);padding-top:var(--token-spacing-3,.75rem);font-size:var(--token-font-size-base,1rem);font-weight:var(--token-font-weight-bold,700);background-color:var(--table-pagination-arrow-background-color,#fff);color:var(--table-pagination-arrow,#4c4c50)}.usb-table_pagination--page_count{display:flex;flex-direction:row;flex-shrink:0;padding-top:var(--token-spacing-3,.75rem);padding-left:var(--token-spacing-4,1rem);padding-right:var(--token-spacing-3,.75rem)}.usb-table_pagination--chevron{width:0}.usb-table_container:after,.usb-table_container:before{transition:opacity .25s ease;content:"";position:absolute;top:0;bottom:0;width:20px;opacity:0}.usb-table_container:before{background:linear-gradient(90deg,hsla(0,0%,100%,0),rgba(0,0,0,.25));right:0}.usb-table_container:after{background:linear-gradient(270deg,hsla(0,0%,100%,0),rgba(0,0,0,.25));left:0}.usb-table_container-shadow{position:relative}.usb-table_container-shadow--right:before{opacity:1;z-index:25}.usb-table_container-shadow--left{opacity:1;border-left:var(--token-border-width-default,1px) solid var(--token-utility-subdued,#ccccd2);border-radius:var(--token-rounded-md,.5rem);z-index:25}.usb-table_container--scroll{overflow:scroll;border-radius:var(--token-rounded-md,.5rem)}.usb-table_table{border-collapse:initial;table-layout:auto;border:var(--token-border-width-default,1px) solid var(--token-utility-subdued,#ccccd2);border-radius:var(--token-rounded-md,.5rem)}.usb-table_table.scroll-active{border-left:none}.usb-table_table.scroll-top-active{border-top:none}.usb-table_table td,.usb-table_table th{border-right:var(--token-border-width-default,1px) solid var(--token-utility-subdued,#ccccd2);border-bottom:var(--token-border-width-default,1px) solid var(--token-utility-subdued,#ccccd2)}.usb-table_table td:first-of-type,.usb-table_table th:first-of-type{border-top-left-radius:var(--token-rounded-md,.5rem)}.usb-table_table td:last-of-type,.usb-table_table th:last-of-type{border-right-color:transparent}.usb-table_table tr th.table-sticky-header-border{border-bottom-color:var(--token-color-grey-60,#7f7f84)}.usb-table_table tr th.table-sticky-header-border:nth-last-of-type(2){border-top-right-radius:var(--token-rounded-md,.5rem)}.usb-table_table tr th.scroll-top-active{border-top:var(--token-border-width-default,1px) solid var(--token-utility-subdued,#ccccd2)}.usb-table_table tr:last-of-type{border-bottom-right-radius:var(--token-rounded-md,.5rem);border-bottom-left-radius:var(--token-rounded-md,.5rem)}.usb-table_table.cell-size-small td,.usb-table_table.cell-size-small th{padding-top:var(--token-spacing-1,.25rem);padding-bottom:var(--token-spacing-1,.25rem)}.usb-table_table.cell-size-small td.table-editable-cell,.usb-table_table.cell-size-small th.table-editable-cell{padding:0;vertical-align:middle}.usb-table_table.cell-size-large td,.usb-table_table.cell-size-large th{padding-top:var(--token-spacing-5,1.25rem);padding-bottom:var(--token-spacing-5,1.25rem)}.usb-table_table.cell-size-large td.table-editable-cell,.usb-table_table.cell-size-large th.table-editable-cell{padding:0;vertical-align:middle}.usb-table_table.cell-size-default td,.usb-table_table.cell-size-default th{padding-top:var(--token-spacing-3,.75rem);padding-bottom:var(--token-spacing-3,.75rem)}.usb-table_table.cell-size-default td.table-editable-cell,.usb-table_table.cell-size-default th.table-editable-cell{padding:0;vertical-align:middle}.usb-table_table.zebra-striped.scrollable .usb-table_body--subrow:nth-child(2n),.usb-table_table.zebra-striped.scrollable .usb-table_body--zebra{background-color:var(--table-row-secondary-background-color,#f5f5fa)}.usb-table_table.zebra-striped.scrollable.child-background-match-parent .usb-table_body--subrow{background-color:initial}.usb-table_table.zebra-striped.scrollable.child-background-match-parent .usb-table_body--subrowZebra{background-color:var(--table-row-secondary-background-color,#f5f5fa)}.usb-table_table.alt-header .usb-table_header--row{background-color:var(--table-header-background-color,#001e79)}.usb-table_table.alt-header .usb-table_header--cell,.usb-table_table.alt-header .usb-table_header--sort-button{color:var(--table-sort-button-color,#fff);border-left:none;border-bottom:none}.usb-table_table.alt-header .usb-table_header .usb-icon{fill:var(--table-sort-button-color,#fff)}.usb-table_table.alt-header.no-data .usb-table_header--row{background-color:var(--table-danger-background-color,#4c4c50)}.usb-table_table.alt-header.stackable .usb-table_body--cell{background:linear-gradient(270deg,var(--table-stackable-background-color,#001e79) 0,var(--table-stackable-background-color,#001e79));background-repeat:no-repeat;background-size:50%}.usb-table_table.alt-header.stackable .usb-table_body--cell .stackable-header{padding-top:var(--token-spacing-2,.5rem);color:var(--table-stackable-row-text-color,#fff)}.usb-table_table.stackable{border:none;border-spacing:0 var(--token-spacing-6,1.5rem);margin-top:calc(var(--token-spacing-9, 2.25rem)*-2);overflow:hidden;table-layout:auto;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%;word-wrap:break-word}.usb-table_table.stackable .usb-table_header{display:none}.usb-table_table.stackable .usb-table_body--row{font-weight:var(--token-font-weight-reg,400);line-height:var(--token-line-height-3xl,1.5);padding:.7em 2vw;border-bottom:var(--token-border-width-default,1px) solid var(--token-utility-subdued,#ccccd2);margin-top:var(--token-spacing-2,.5rem)}.usb-table_table.stackable .usb-table_body--subrow{padding:0;margin:.7em 2vw}.usb-table_table.stackable .usb-table_body--cell{border-left:var(--token-border-width-default,1px) solid var(--token-utility-subdued,#ccccd2);border-right:var(--token-border-width-default,1px) solid var(--token-utility-subdued,#ccccd2);display:flex;flex-direction:row;justify-content:space-between}.usb-table_table.stackable .usb-table_body--cell[focus-within]{outline:2px solid var(--table-interaction-color,#0058ff)!important;outline-offset:-2px}.usb-table_table.stackable .usb-table_body--cell:focus-within{outline:2px solid var(--table-interaction-color,#0058ff)!important;outline-offset:-2px}.usb-table_table.stackable .usb-table_body--cell:first-of-type{border-top:var(--token-border-width-default,1px) solid var(--token-utility-subdued,#ccccd2);border-left:var(--token-border-width-default,1px) solid var(--token-utility-subdued,#ccccd2)}.usb-table_table.stackable .stackable-header{padding-top:var(--token-spacing-2,.5rem);font-weight:var(--token-font-weight-bold,700)}.usb-table_table.stackable .stackable-header:before{content:attr(data-column-header)}.usb-table_table.stackable .stackable-cell{padding-left:var(--token-spacing-3,.75rem);padding-top:var(--token-spacing-2,.5rem);text-align:left;white-space:normal;width:50%}.usb-table_table.stackable .stackable-cell .usb--checkbox-label-text{margin-top:-2px}.usb-table_table.stackable .remove-cell:nth-last-child(2){display:flex;flex-direction:row;justify-content:space-between}.usb-table_table.stackable .remove-cell:last-child{display:none}.usb-table_table.stackable .stackable-expanded-cell{border-left:var(--token-border-width-default,1px) solid var(--token-utility-subdued,#ccccd2);border-right:var(--token-border-width-default,1px) solid var(--token-utility-subdued,#ccccd2);border-bottom:var(--token-border-width-default,1px) solid var(--token-utility-subdued,#ccccd2)}.usb-table_table.stackable .stackable-expanded-cell:focus{outline:2px solid var(--table-interaction-color,#0058ff)}.usb-table_table.stackable .stackable-cell-expander{display:grid;margin-left:auto;margin-right:auto}.usb-table_table.stackable .stackable-cell-expand-button{margin-left:auto;margin-right:auto;font-size:var(--token-font-size-base,1rem);background:transparent}.usb-table_table.stackable .stackable-cell-expand-button:focus{outline:2px solid var(--table-interaction-color,#0058ff)}.usb-table_table.stackable .stackable-cell-expand-text{color:var(--table-stackable-expanded-text-color,#4c4c50);font-weight:var(--token-font-weight-bold,700);vertical-align:top;margin-left:var(--token-spacing-2,.5rem)}.usb-table_table.stackable .table-input-value{padding-left:0}.usb-table_table.no-borders:not(.stackable){border-color:transparent}.usb-table_table.no-borders:not(.stackable) th{border-left-color:transparent;border-right-color:transparent}.usb-table_table.no-borders:not(.stackable) tr:first-child th{border-top-color:transparent}.usb-table_table.no-borders:not(.stackable) td{border-bottom-color:transparent;border-left-color:transparent;border-right-color:transparent}.usb-table_table.row-borders-only{border-color:transparent}.usb-table_table.row-borders-only th{border-left-color:transparent;border-right-color:transparent;border-top-color:transparent}.usb-table_table.row-borders-only tr:first-child th{border-top-color:transparent}.usb-table_table.row-borders-only td{border-right-color:transparent;border-left-color:transparent}.usb-table_table.row-borders-only td:first-of-type{border-top-color:transparent;border-left-color:transparent}.usb-table_header--cell{color:var(--table-header-cell-text-color,#4c4c50);padding-left:var(--token-spacing-6,1.5rem);padding-right:var(--token-spacing-6,1.5rem);text-align:left;white-space:normal;word-wrap:normal}.usb-table_header--cell:nth-last-child(2){border-right:none}.usb-table_header--cell[focus-within]{outline:2px solid var(--table-interaction-color,#0058ff);outline-offset:-2.25px}.usb-table_header--cell:focus-within{outline:2px solid var(--table-interaction-color,#0058ff);outline-offset:-2.25px}.usb-table_header--cell:last-child{border-bottom:var(--token-border-width-default,1px) solid var(--token-utility-subdued,#ccccd2)}.usb-table_header--cell:last-child.expanded-cell{position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px)}.no-data .usb-table_header tr{background-color:var(--token-color-grey-30,#ccccd2)}.usb-table_header--sort-button{background-color:initial;border:none;color:var(--table-header-cell-text-color,#4c4c50);font-family:inherit;font-size:var(--token-font-size-base,1rem);font-weight:var(--token-font-weight-bold,700);padding:0;text-align:left;width:100%}.usb-table_header--sort-button:focus{outline:none}.usb-table_header--sort-button .sort-icon{float:right}.usb-table_header--sort-button .sort-icon--currency{margin-left:var(--token-spacing-3,.75rem)}.usb-table_header--sort-button *{pointer-events:none}.usb-table_body tr:last-of-type .usb-table_body--cell--expanded-cell:last-of-type{border-bottom:none}.usb-table_body--cell{padding-right:var(--token-spacing-6,1.5rem);padding-left:var(--token-spacing-6,1.5rem);text-align:left;white-space:normal;word-wrap:break-word}.usb-table_body--cell:nth-last-child(2){border-right:none}.usb-table_body--cell--expanded-cell{grid-column-start:-1;grid-column-end:1;padding:var(--token-spacing-4,1rem);border-bottom:var(--token-border-width-default,1px) solid var(--token-utility-subdued,#ccccd2)}.usb-table_body--cell--expanded-cell:focus{outline:none}.usb-table_body--cell--expanded-cell[focus-within]{outline:none!important}.usb-table_body--cell--expanded-cell:focus-within{outline:none!important}.usb-table_body--cell:first-child.toggle-first{padding-left:0;padding-right:0}.usb-table_body--cell:first-child.toggle-first[focus-within]{outline:none!important}.usb-table_body--cell:first-child.toggle-first:focus-within{outline:none!important}.usb-table_body--cell.reduce-cell:last-child,.usb-table_body--cell.remove-cell:nth-last-child(2){display:none}.usb-table_body--cell.table-row-checkbox-cell{padding-right:var(--token-spacing-3,.75rem);padding-left:var(--token-spacing-3,.75rem)}.usb-table_body--cell.stackable-table-row-checkbox-cell{background-color:var(--table-stackable-row-checkbox-cell-background-color,#f5f5fa)}.usb-table .usb-table_body--row,.usb-table .usb-table_header--row{background-color:var(--token-background-primary,#fff);color:var(--token-text-color-secondary,#4c4c50);font-size:var(--token-font-size-base,1rem);font-weight:var(--token-font-weight-reg,400);line-height:var(--token-line-height-3xl,1.5)}.usb-table .usb-table_body--row:last-child,.usb-table .usb-table_body--row:last-child .usb-table_body--cell.not-stacked,.usb-table .usb-table_header--row:last-child,.usb-table .usb-table_header--row:last-child .usb-table_body--cell.not-stacked{border-bottom:none}.usb-table .usb-table_body--row:last-child .usb-table_body--cell.remove-cell,.usb-table .usb-table_header--row:last-child .usb-table_body--cell.remove-cell{border-bottom:var(--token-border-width-default,1px) solid var(--token-utility-subdued,#ccccd2)}.usb-table .child-cell-size-small .usb-table_body--subrow .usb-table_body--cell{padding-top:var(--token-spacing-1,.25rem);padding-bottom:var(--token-spacing-1,.25rem)}.usb-table .child-cell-size-large .usb-table_body--subrow .usb-table_body--cell{padding-top:var(--token-spacing-5,1.25rem);padding-bottom:var(--token-spacing-5,1.25rem)}.usb-table .child-cell-size-default .usb-table_body--subrow .usb-table_body--cell{padding-top:var(--token-spacing-3,.75rem);padding-bottom:var(--token-spacing-3,.75rem)}@media only screen and (min-width:48rem){.usb-table .usb-table_body--subrow_first{opacity:.999;box-shadow:inset 0 4px 6px -1px rgba(0,0,0,.12)}.usb-table .usb-table_body--subrow_last{opacity:.999;box-shadow:inset 0 -4px 6px -1px rgba(0,0,0,.12)}.usb-table .usb-table_body--subrow_first.usb-table_body--subrow_last{box-shadow:inset 0 4px 6px -1px rgba(0,0,0,.12),inset 0 -4px 6px -1px rgba(0,0,0,.12)}}.usb-table .no-data td,.usb-table .usb-table_body--subrow_last td:first-of-type{border-bottom:var(--token-border-width-default,1px) solid var(--token-utility-subdued,#ccccd2)}.usb-table .no-data td{padding:2rem}.usb-table_no-data{display:flex;flex-direction:row}.usb-table_no-data--container{display:flex;flex-direction:column;margin-top:var(--token-spacing-2,.5rem)}.usb-table_no-data--title{color:var(--table-danger-title-text-color,#001e79);font-size:var(--token-font-size-2xl,1.75rem);font-weight:var(--token-font-weight-bold,700)}.usb-table_no-data--text{display:flex;flex-direction:column;font-size:var(--token-font-size-lg,1.25rem);margin-top:var(--token-spacing-4,1rem);white-space:pre-wrap}.usb-table_no-data--button{margin-top:auto;margin-left:auto}.usb-table table:focus,.usb-table table[focus-within]{outline:none}.usb-table table:focus,.usb-table table:focus-within{outline:none}.usb-table table:focus td,.usb-table table[focus-within] td{transition:outline-offset .2s linear;outline:none}.usb-table table:focus-within td,.usb-table table:focus td{transition:outline-offset .2s linear;outline:none}.usb-table table:focus td[focus-within],.usb-table table[focus-within] td[focus-within]{outline:2px solid var(--table-interaction-color,#0058ff);outline-offset:-2.25px}.usb-table table:focus-within td:focus-within,.usb-table table:focus td:focus-within{outline:2px solid var(--table-interaction-color,#0058ff);outline-offset:-2.25px}.usb-table table:focus td[tabindex="0"].roleIsGrid,.usb-table table[focus-within] td[tabindex="0"].roleIsGrid{outline:2px solid var(--table-interaction-color,#0058ff);outline-offset:-2.25px}.usb-table table:focus-within td[tabindex="0"].roleIsGrid,.usb-table table:focus td[tabindex="0"].roleIsGrid{outline:2px solid var(--table-interaction-color,#0058ff);outline-offset:-2.25px}.usb-table table:focus td[tabindex="-1"].roleIsGrid,.usb-table table[focus-within] td[tabindex="-1"].roleIsGrid{outline:2px solid var(--table-interaction-color,#0058ff);outline-offset:-2.25px}.usb-table table:focus-within td[tabindex="-1"].roleIsGrid,.usb-table table:focus td[tabindex="-1"].roleIsGrid{outline:2px solid var(--table-interaction-color,#0058ff);outline-offset:-2.25px}.usb-table table:focus th,.usb-table table[focus-within] th{transition:outline-offset .2s linear}.usb-table table:focus-within th,.usb-table table:focus th{transition:outline-offset .2s linear}.usb-table table:focus th[tabindex="0"].roleIsGrid,.usb-table table[focus-within] th[tabindex="0"].roleIsGrid{outline:2px solid var(--table-interaction-color,#0058ff);outline-offset:-2.25px}.usb-table table:focus-within th[tabindex="0"].roleIsGrid,.usb-table table:focus th[tabindex="0"].roleIsGrid{outline:2px solid var(--table-interaction-color,#0058ff);outline-offset:-2.25px}.usb-table .usb--checkbox-wrapper.table-checkbox-label{margin-bottom:0;flex-basis:0;padding-left:1.37rem;padding-top:var(--token-spacing-1,.25rem);margin-left:-1.25rem}.usb-table .usb--checkbox-wrapper.table-header-checkbox-label{margin-bottom:0;flex-basis:0;padding-left:.7rem;padding-top:var(--token-spacing-1,.25rem);margin-left:0}.usb-table .usb--checkbox-label.table-checkbox-label{justify-content:center}.usb-table .usb--checkbox-label.table-checkbox-label:after{content:"";border:2px solid transparent;border-radius:var(--checkbox-focus-border-radius,.25rem);position:absolute;left:.15rem}.show-label .usb--checkbox-label{z-index:-10}.table-pagination-nav{display:flex;flex:none}.table-pagination-nav-list{display:flex}.table-expander{padding:0;font-size:var(--token-font-size-base,1rem);margin-left:var(--token-spacing-4,1rem);margin-right:var(--token-spacing-4,1rem);border:none;background-color:initial;vertical-align:middle;height:var(--token-spacing-5,1.25rem)}.table-expander:focus{outline:2px solid var(--table-interaction-color,#0058ff);border-radius:var(--token-rounded-sm,.25rem)}.table-icon-hover:hover{color:var(--table-interaction-color,#0058ff);fill:var(--table-interaction-color,#0058ff)}.demo-action{align-self:flex-end}.table-actions-row{display:flex;flex-flow:wrap;flex-direction:row;max-width:100%}.table-actions-row.show-hide-modal-only,.table-actions-row.toolbar-only{justify-content:start}.table-actions-row.row-size-small{padding-top:var(--token-spacing-1,.25rem);padding-bottom:var(--token-spacing-1,.25rem)}.table-actions-row.row-size-large{padding-top:var(--token-spacing-5,1.25rem);padding-bottom:var(--token-spacing-5,1.25rem)}.table-actions-row.row-size-default{padding-top:var(--token-spacing-3,.75rem);padding-bottom:var(--token-spacing-3,.75rem)}.table-actions-row.enable-dropdown-menu{justify-content:end}.responsive-stacked .usb-table_table.zebra-striped tbody tr{background-color:initial}.responsive-stacked .table-actions-row{display:block;margin-bottom:2rem;border:none}.responsive-stacked .usb-table_table.stackable .usb-table_body--cell.table-row-checkbox-cell .stackable-header{display:none}.responsive-stacked .usb-table_table.stackable .usb-table_body--cell.table-row-checkbox-cell .usb--checkbox-wrapper{padding-left:var(--token-spacing-4,1rem);padding-top:0}.responsive-stacked .usb-table_table.stackable .usb-table_body--cell.table-row-checkbox-cell .usb--checkbox-label span.usb--checkbox-label-text{display:inline}.show-hide-modal.stackable-show-hide-button{width:100%}.show-hide-column-modal-text{font-size:var(--token-font-size-base,1rem)}.table-modal .usb--checkbox--fieldset,.table-modal .usb--checkbox-group--legend,.table-modal.usb--modal-v2--dialog,.table-modal .usb-modal-v2--body,.table-modal .usb-modal-v2--container{text-align:left}.table-modal-text{font-size:var(--token-font-size-base,1rem);margin-bottom:var(--token-spacing-4,1rem)}.table-modal-button{border:transparent;border-radius:var(--token-rounded-sm,.25rem)}.table-modal-button.stackable-show-hide-button{width:100%}.table-modal-button.stackable-show-hide-button.usb-button.button--small{justify-content:start;border:transparent;border-radius:var(--token-rounded-sm,.25rem);z-index:5;padding:var(--token-spacing-5,1.25rem) var(--token-spacing-3,.75rem)}.table-modal-button.stackable-show-hide-button.usb-button.button--small:hover{background-color:#f5f5fa;color:#235ae4}.table-modal-button.stackable-show-hide-button.usb-button:focus{border-top:1px solid #fff;border-bottom:1px solid #fff;color:#235ae4;outline:2px solid #235ae4;background-color:#f5f5fa;outline-offset:-.15rem;border-top-left-radius:0;border-top-right-radius:0}.table-modal-button.stackable-show-hide-button.usb-button:before{border:none;border-radius:0;height:none;position:absolute;left:0;top:0;width:none}.table-modal-button.enable-dropdown-menu.usb-button.button--small{margin:0 var(--token-spacing-3,.75rem) 0 0;width:100%;border:transparent;border-radius:var(--token-rounded-sm,.25rem);justify-content:start;z-index:5}.table-modal-button-text{vertical-align:top;font-weight:var(--token-font-weight-med,500)}.table-modal-button-text.stackable-show-hide-button{font-weight:var(--token-font-weight-reg,400)}.table-selected-rows-label{display:flex;font-size:var(--token-font-size-base,1rem);flex-direction:column;justify-content:center;margin:var(--token-spacing-3,.75rem) var(--token-spacing-3,.75rem) 0 0;white-space:nowrap}.stackable-selected-rows-label{margin-bottom:var(--token-spacing-4,1rem);text-align:right}.table-toolbar{display:block}.table-toolbar .usb-button-group{display:flex;flex-direction:row;flex-wrap:wrap}.table-toolbar .usb-button-group.stackable-table-toolbar-button-group{margin-left:0;padding-left:0;padding-right:0;flex-wrap:wrap;justify-content:center}.table-toolbar .usb-button-group .usb-button.button--small{margin:var(--token-spacing-3,.75rem) var(--token-spacing-3,.75rem) 0 0}.table-toolbar .usb-button-group .usb-button.button--small.stackable-table-button{width:100%;margin-top:var(--token-spacing-2,.5rem);margin-right:0}.table-row-checkbox{border-bottom:var(--token-border-width-default,1px) solid var(--token-utility-subdued,#ccccd2)}.table-row-checkbox[focus-within]{outline:2px solid var(--table-interaction-color,#0058ff)!important;outline-offset:-2px}.table-row-checkbox:focus-within{outline:2px solid var(--table-interaction-color,#0058ff)!important;outline-offset:-2px}.table-input-display{display:flex;flex-direction:column;justify-content:center;height:100%}.table-input-button{display:flex;justify-content:space-between;width:100%;background-color:initial;border:none;outline:none;color:var(--table-interaction-color,#0058ff);padding-right:0;padding-left:0}.table-input-value{padding-left:var(--token-spacing-6,1.5rem);padding-top:.15rem;font-size:var(--token-font-size-base,1rem);text-align:left}.table-input-icon{padding-right:var(--token-spacing-6,1.5rem)}.table-input-icon,.table-text-input{padding-left:var(--token-spacing-2,.5rem)}.table-text-input{margin-top:0;padding-top:0;padding-right:var(--token-spacing-2,.5rem);min-height:0;border:none}.table-text-input input{padding:.5rem 1rem 6px 15px;color:var(--table-text-input-text-color,#2e2e32);border:var(--token-border-width-default,1px) solid var(--token-utility-subdued,#ccccd2);border-radius:var(--token-rounded-sm,.25rem);width:100%}.table-text-input.is-error{margin:.5rem 0}.table-text-input.is-error input{border:2px solid var(--text-input-basic-error-border-color,#cf2a36)}.table-expanded-menu{z-index:30}.table-toolbar-button-group{padding-left:0}.table-toolbar-menu.usb-action__button-utility:hover,.table-toolbar-menu .usb-action__link-utility:hover{background-color:#4c4c50}.table-toolbar-menu.usb-menu-composable__trigger{min-width:unset!important;max-height:var(--token-spacing-8,2rem);font-size:var(--token-font-size-sm,.875rem)}.table-toolbar-menu.usb-menu-composable__trigger .usb-action__text .usb-menu-composable__menu-btn__label{font-weight:var(--token-font-weight-med,500)}.table-toolbar-menu.usb-menu-composable__trigger .usb-action__icon{margin-top:3px}.table-toolbar-menu.usb-menu-composable__trigger.stackable-table-button{width:100%;margin-top:0;justify-content:start;border:transparent;border-top-left-radius:var(--token-rounded-sm,.25rem);border-top-right-radius:var(--token-rounded-sm,.25rem);border-bottom-left-radius:var(--token-rounded-sm,.25rem);border-bottom-right-radius:var(--token-rounded-sm,.25rem)}.table-toolbar-menu.usb-action:focus:before{outline:2px solid var(--table-interaction-color,#0058ff);outline-offset:-2px!important;height:calc(100% + .75rem)!important;width:calc(100% + .75rem)!important;left:-6px!important;top:-6px!important}.table-toolbar-menu.usb-action__button-utility-medium{min-height:var(--token-spacing-8,2rem);margin:var(--token-spacing-3,.75rem) var(--token-spacing-3,.75rem) 0 0}.stackable-toolbar-row,.table-toolbar-row{display:flex;flex-wrap:wrap-reverse}.stackable-table-menu{display:block;width:100%}.stackable-table-menu .usb-menu-composable__container.expanded{width:100%}.table-sticky-header{z-index:10}.table-sticky-first-column,.table-sticky-header{position:sticky;top:0;background-color:var(--token-background-primary,#fff)}.table-sticky-first-column{left:0;z-index:5}.table-sticky-first-column.table-sticky-row-header-shadow:after{content:"";position:absolute;top:0;right:-20px;width:20px;height:100%;background-image:linear-gradient(270deg,transparent,rgba(0,0,0,.25))}.table-sticky-row{position:sticky;left:0;z-index:5;background-color:var(--token-background-primary,#fff)}.table-sticky-row.table-sticky-row-header-shadow:after{content:"";position:absolute;top:0;right:-20px;width:20px;height:100%;background-image:linear-gradient(270deg,transparent,rgba(0,0,0,.25))}.batch-actions-mobile-button{width:100%;background:transparent;border:1px solid var(--token-utility-subdued,#ccccd2);border-radius:var(--token-rounded-sm,.25rem);color:var(--token-color-grey-70,#66666a);padding:var(--token-spacing-2,.5rem) var(--token-spacing-3,.75rem);margin-bottom:var(--token-spacing-1,.25rem);text-align:left}.batch-actions-mobile-button:focus{outline:3px solid #235ae4;outline-offset:-.2rem}.batch-actions-mobile-button-row{display:flex;justify-content:space-between}.batch-actions-mobile-actions-text{margin:auto 0;color:var(--token-label-vivid,#2e2e32);font-size:var(--token-font-size-sm,.875rem);font-family:var(--token-font-base,Circular-USB,sans-serif)}.table-mobile-button{width:100%}.table-mobile-button.usb-button.button--utility--subtle{border:transparent;border-radius:var(--token-rounded-sm,.25rem);border-bottom-left-radius:0;border-bottom-right-radius:0;color:var(--token-utility-vivid,#4c4c50);padding:var(--token-spacing-5,1.25rem) var(--token-spacing-3,.75rem);justify-content:start;font-weight:var(--token-font-weight-reg,400);border-bottom:var(--token-border-width-default,1px) solid var(--token-utility-subdued,#ccccd2)}.table-mobile-button.usb-button.button--utility--subtle:hover{background-color:var(--token-color-grey-10,#f5f5fa);color:#235ae4}.table-mobile-button.usb-button.button--utility--subtle.usb-button:focus{border-top:1px solid #fff;border-bottom:1px solid #fff;color:#235ae4;outline:2px solid #235ae4;background-color:#f5f5fa;outline-offset:-.15rem;border-top-left-radius:0;border-top-right-radius:0}.table-mobile-button.usb-button.button--utility--subtle.usb-button:before{border:none;border-radius:0;height:none;position:absolute;left:0;top:0;width:none}.table-mobile-expand-panel{position:absolute;top:var(--token-spacing-15,3.75rem);z-index:50;width:100%;background-color:var(--table-row-background-color,#fff);border:var(--token-border-width-default,1px) solid var(--token-utility-subdued,#ccccd2);border-radius:var(--token-rounded-sm,.25rem);box-shadow:0 4px 6px -1px rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.12)} /*!*************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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/@usb-shield/react-grid/dist/library/styles/index.css?ngGlobalStyle ***! \*************************************************************************************************************************************************************************************************************************************************************************/ .usb-grid--container{display:block;width:100%}.usb-grid--container .grid{display:grid;max-width:100%;width:100%;margin:var(--token-spacing-0,0) auto;position:relative;padding:var(--token-spacing-0,0);background:transparent;grid-auto-rows:minmax(.05rem,auto);grid-template-areas:none;grid-template-columns:repeat(4,minmax(var(--token-spacing-0,0),1fr));grid-column-gap:var(--token-spacing-4,1rem);grid-row-gap:var(--token-spacing-4,1rem)}.usb-grid--container .grid.inline{display:inline-grid}.usb-grid--container .grid.constrain{max-width:94rem}.usb-grid--container .grid.zero-padding{padding:var(--token-spacing-0,0)}.usb-grid--container .grid.half-padding{padding:var(--token-spacing-2,.5rem)}.usb-grid--container .grid.normal-padding{padding:var(--token-spacing-4,1rem)}.usb-grid--container .grid.large-padding{padding:var(--token-spacing-8,2rem)}.usb-grid--container .grid .span-1{grid-column-end:span 1}.usb-grid--container .grid .span-1,.usb-grid--container .grid .span-2{grid-template-columns:repeat(16,minmax(var(--token-spacing-0,0),1fr));grid-column-start:auto}.usb-grid--container .grid .span-2{grid-column-end:span 2}.usb-grid--container .grid .span-3{grid-column-end:span 3}.usb-grid--container .grid .span-3,.usb-grid--container .grid .span-4{grid-template-columns:repeat(16,minmax(var(--token-spacing-0,0),1fr));grid-column-start:auto}.usb-grid--container .grid .span-4{grid-column-end:span 4}.usb-grid--container .grid .span-5{grid-column-end:span 5}.usb-grid--container .grid .span-5,.usb-grid--container .grid .span-6{grid-template-columns:repeat(16,minmax(var(--token-spacing-0,0),1fr));grid-column-start:auto}.usb-grid--container .grid .span-6{grid-column-end:span 6}.usb-grid--container .grid .span-7{grid-column-end:span 7}.usb-grid--container .grid .span-7,.usb-grid--container .grid .span-8{grid-template-columns:repeat(16,minmax(var(--token-spacing-0,0),1fr));grid-column-start:auto}.usb-grid--container .grid .span-8{grid-column-end:span 8}.usb-grid--container .grid .span-9{grid-column-end:span 9}.usb-grid--container .grid .span-9,.usb-grid--container .grid .span-10{grid-template-columns:repeat(16,minmax(var(--token-spacing-0,0),1fr));grid-column-start:auto}.usb-grid--container .grid .span-10{grid-column-end:span 10}.usb-grid--container .grid .span-11{grid-column-end:span 11}.usb-grid--container .grid .span-11,.usb-grid--container .grid .span-12{grid-template-columns:repeat(16,minmax(var(--token-spacing-0,0),1fr));grid-column-start:auto}.usb-grid--container .grid .span-12{grid-column-end:span 12}.usb-grid--container .grid .span-13{grid-column-end:span 13}.usb-grid--container .grid .span-13,.usb-grid--container .grid .span-14{grid-template-columns:repeat(16,minmax(var(--token-spacing-0,0),1fr));grid-column-start:auto}.usb-grid--container .grid .span-14{grid-column-end:span 14}.usb-grid--container .grid .span-15{grid-column-end:span 15}.usb-grid--container .grid .span-15,.usb-grid--container .grid .span-16{grid-template-columns:repeat(16,minmax(var(--token-spacing-0,0),1fr));grid-column-start:auto}.usb-grid--container .grid .span-16{grid-column-end:span 16}@media screen and (min-width:42rem){.usb-grid--container .grid.normal-padding{padding:var(--token-spacing-0,0) calc(10vw - 1.4rem)}}@media screen and (min-width:66rem){.usb-grid--container .grid.normal-padding{padding:var(--token-spacing-0,0) calc(5.55556vw - 1.66667rem)}}@media screen and (min-width:84rem){.usb-grid--container .grid.normal-padding{padding:var(--token-spacing-0,0) calc(5.55556vw - 1.66667rem)}}.usb-grid--container .grid.zero-gap{grid-column-gap:var(--token-spacing-0,0);grid-row-gap:var(--token-spacing-0,0)}.usb-grid--container .grid.half-gap{grid-column-gap:var(--token-spacing-4,1rem);grid-row-gap:var(--token-spacing-4,1rem)}.usb-grid--container .grid.normal-gap{grid-column-gap:var(--token-spacing-8,2rem);grid-row-gap:var(--token-spacing-8,2rem)}.usb-grid--container .grid.justify-start{justify-items:start}.usb-grid--container .grid.justify-center{justify-items:center}.usb-grid--container .grid.justify-end{justify-items:end}.usb-grid--container .grid.justify-stretch{justify-items:stretch}.usb-grid--container .grid.align-start{align-items:start}.usb-grid--container .grid.align-center{align-items:center}.usb-grid--container .grid.align-end{align-items:end}.usb-grid--container .grid.align-stretch{align-items:stretch}.usb-grid--container .grid .sm-1{grid-column-start:auto;grid-column-end:span 1}.usb-grid--container .grid .sm-2{grid-column-start:auto;grid-column-end:span 2}.usb-grid--container .grid .sm-3{grid-column-start:auto;grid-column-end:span 3}.usb-grid--container .grid .sm-4{grid-column-start:auto;grid-column-end:span 4}.usb-grid--container .grid .off-sm-1{grid-column-start:2}.usb-grid--container .grid .off-sm-2{grid-column-start:3}.usb-grid--container .grid .off-sm-3{grid-column-start:4}@media screen and (min-width:42rem){.usb-grid--container .grid{grid-template-columns:repeat(8,minmax(var(--token-spacing-0,0),1fr))}.usb-grid--container .grid .md-1{grid-column-start:auto;grid-column-end:span 1}.usb-grid--container .grid .md-2{grid-column-start:auto;grid-column-end:span 2}.usb-grid--container .grid .md-3{grid-column-start:auto;grid-column-end:span 3}.usb-grid--container .grid .md-4{grid-column-start:auto;grid-column-end:span 4}.usb-grid--container .grid .md-5{grid-column-start:auto;grid-column-end:span 5}.usb-grid--container .grid .md-6{grid-column-start:auto;grid-column-end:span 6}.usb-grid--container .grid .md-7{grid-column-start:auto;grid-column-end:span 7}.usb-grid--container .grid .md-8{grid-column-start:auto;grid-column-end:span 8}.usb-grid--container .grid .off-md-1{grid-column-start:2}.usb-grid--container .grid .off-md-2{grid-column-start:3}.usb-grid--container .grid .off-md-3{grid-column-start:4}.usb-grid--container .grid .off-md-4{grid-column-start:5}.usb-grid--container .grid .off-md-5{grid-column-start:6}.usb-grid--container .grid .off-md-6{grid-column-start:7}.usb-grid--container .grid .off-md-7{grid-column-start:8}}@media screen and (min-width:66rem){.usb-grid--container .grid{grid-template-columns:repeat(16,minmax(var(--token-spacing-0,0),1fr))}.usb-grid--container .grid .lg-1{grid-column-start:auto;grid-column-end:span 1}.usb-grid--container .grid .lg-2{grid-column-start:auto;grid-column-end:span 2}.usb-grid--container .grid .lg-3{grid-column-start:auto;grid-column-end:span 3}.usb-grid--container .grid .lg-4{grid-column-start:auto;grid-column-end:span 4}.usb-grid--container .grid .lg-5{grid-column-start:auto;grid-column-end:span 5}.usb-grid--container .grid .lg-6{grid-column-start:auto;grid-column-end:span 6}.usb-grid--container .grid .lg-7{grid-column-start:auto;grid-column-end:span 7}.usb-grid--container .grid .lg-8{grid-column-start:auto;grid-column-end:span 8}.usb-grid--container .grid .lg-9{grid-column-start:auto;grid-column-end:span 9}.usb-grid--container .grid .lg-10{grid-column-start:auto;grid-column-end:span 10}.usb-grid--container .grid .lg-11{grid-column-start:auto;grid-column-end:span 11}.usb-grid--container .grid .lg-12{grid-column-start:auto;grid-column-end:span 12}.usb-grid--container .grid .lg-13{grid-column-start:auto;grid-column-end:span 13}.usb-grid--container .grid .lg-14{grid-column-start:auto;grid-column-end:span 14}.usb-grid--container .grid .lg-15{grid-column-start:auto;grid-column-end:span 15}.usb-grid--container .grid .lg-16{grid-column-start:auto;grid-column-end:span 16}.usb-grid--container .grid .off-lg-1{grid-column-start:2}.usb-grid--container .grid .off-lg-2{grid-column-start:3}.usb-grid--container .grid .off-lg-3{grid-column-start:4}.usb-grid--container .grid .off-lg-4{grid-column-start:5}.usb-grid--container .grid .off-lg-5{grid-column-start:6}.usb-grid--container .grid .off-lg-6{grid-column-start:7}.usb-grid--container .grid .off-lg-7{grid-column-start:8}.usb-grid--container .grid .off-lg-8{grid-column-start:9}.usb-grid--container .grid .off-lg-9{grid-column-start:10}.usb-grid--container .grid .off-lg-10{grid-column-start:11}.usb-grid--container .grid .off-lg-11{grid-column-start:12}.usb-grid--container .grid .off-lg-12{grid-column-start:13}.usb-grid--container .grid .off-lg-13{grid-column-start:14}.usb-grid--container .grid .off-lg-14{grid-column-start:15}.usb-grid--container .grid .off-lg-15{grid-column-start:16}.usb-grid--container .grid.grid--col12{grid-template-columns:repeat(12,minmax(var(--token-spacing-0,0),1fr))}}@media screen and (min-width:84rem){.usb-grid--container .grid{grid-template-columns:repeat(16,minmax(var(--token-spacing-0,0),1fr))}.usb-grid--container .grid .xl-1{grid-column-start:auto;grid-column-end:span 1}.usb-grid--container .grid .xl-2{grid-column-start:auto;grid-column-end:span 2}.usb-grid--container .grid .xl-3{grid-column-start:auto;grid-column-end:span 3}.usb-grid--container .grid .xl-4{grid-column-start:auto;grid-column-end:span 4}.usb-grid--container .grid .xl-5{grid-column-start:auto;grid-column-end:span 5}.usb-grid--container .grid .xl-6{grid-column-start:auto;grid-column-end:span 6}.usb-grid--container .grid .xl-7{grid-column-start:auto;grid-column-end:span 7}.usb-grid--container .grid .xl-8{grid-column-start:auto;grid-column-end:span 8}.usb-grid--container .grid .xl-9{grid-column-start:auto;grid-column-end:span 9}.usb-grid--container .grid .xl-10{grid-column-start:auto;grid-column-end:span 10}.usb-grid--container .grid .xl-11{grid-column-start:auto;grid-column-end:span 11}.usb-grid--container .grid .xl-12{grid-column-start:auto;grid-column-end:span 12}.usb-grid--container .grid .xl-13{grid-column-start:auto;grid-column-end:span 13}.usb-grid--container .grid .xl-14{grid-column-start:auto;grid-column-end:span 14}.usb-grid--container .grid .xl-15{grid-column-start:auto;grid-column-end:span 15}.usb-grid--container .grid .xl-16{grid-column-start:auto;grid-column-end:span 16}.usb-grid--container .grid .off-xl-1{grid-column-start:2}.usb-grid--container .grid .off-xl-2{grid-column-start:3}.usb-grid--container .grid .off-xl-3{grid-column-start:4}.usb-grid--container .grid .off-xl-4{grid-column-start:5}.usb-grid--container .grid .off-xl-5{grid-column-start:6}.usb-grid--container .grid .off-xl-6{grid-column-start:7}.usb-grid--container .grid .off-xl-7{grid-column-start:8}.usb-grid--container .grid .off-xl-8{grid-column-start:9}.usb-grid--container .grid .off-xl-9{grid-column-start:10}.usb-grid--container .grid .off-xl-10{grid-column-start:11}.usb-grid--container .grid .off-xl-11{grid-column-start:12}.usb-grid--container .grid .off-xl-12{grid-column-start:13}.usb-grid--container .grid .off-xl-13{grid-column-start:14}.usb-grid--container .grid .off-xl-14{grid-column-start:15}.usb-grid--container .grid .off-xl-15{grid-column-start:16}.usb-grid--container .grid.grid--col12{grid-template-columns:repeat(12,minmax(var(--token-spacing-0,0),1fr))}}.usb-grid--container .grid .col{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:var(--token-spacing-0,0)}.usb-grid--container .grid .col.display-block{display:block}.usb-grid--container .grid .col.display-table{display:table}.usb-grid--container .grid .col.display-list-item{display:list-item;list-style-position:inside}.usb-grid--container .grid .col.display-flex-row{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start}.usb-grid--container .grid .col.zero-padding{padding:var(--token-spacing-0,0)}.usb-grid--container .grid .col.half-padding{padding:var(--token-spacing-2,.5rem)}.usb-grid--container .grid .col.normal-padding{padding:var(--token-spacing-4,1rem)}.usb-grid--container .grid .col.large-padding{padding:var(--token-spacing-8,2rem)}.usb-grid--container .grid .col.align-start{align-self:start}.usb-grid--container .grid .col.align-center{align-self:center}.usb-grid--container .grid .col.align-end{align-self:end}.usb-grid--container .grid .col.justify-start{justify-self:start}.usb-grid--container .grid .col.justify-center{justify-self:center}.usb-grid--container .grid .col.justify-end{justify-self:end}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.usb-grid--container .grid{display:block}.usb-grid--container .grid .col{float:left;min-height:var(--token-spacing-4,1rem)}.usb-grid--container .grid .col>*{max-width:100%}}@media screen and (-ms-high-contrast:active) and (min-width:30rem),screen and (-ms-high-contrast:none) and (min-width:30rem){.usb-grid--container .grid .sm-1{width:25%}.usb-grid--container .grid .sm-2{width:50%}.usb-grid--container .grid .sm-3{width:75%}.usb-grid--container .grid .sm-4{width:100%}.usb-grid--container .grid .off-sm-1{margin-left:25%}.usb-grid--container .grid .off-sm-2{margin-left:50%}.usb-grid--container .grid .off-sm-3{margin-left:75%}}@media screen and (-ms-high-contrast:active) and (min-width:42rem),screen and (-ms-high-contrast:none) and (min-width:42rem){.usb-grid--container .grid .md-1{width:12.5%}.usb-grid--container .grid .md-2{width:25%}.usb-grid--container .grid .md-3{width:37.5%}.usb-grid--container .grid .md-4{width:50%}.usb-grid--container .grid .md-5{width:62.5%}.usb-grid--container .grid .md-6{width:75%}.usb-grid--container .grid .md-7{width:87.5%}.usb-grid--container .grid .md-8{width:100%}.usb-grid--container .grid .off-md-1{margin-left:12.5%}.usb-grid--container .grid .off-md-2{margin-left:25%}.usb-grid--container .grid .off-md-3{margin-left:37.5%}.usb-grid--container .grid .off-md-4{margin-left:50%}.usb-grid--container .grid .off-md-5{margin-left:62.5%}.usb-grid--container .grid .off-md-6{margin-left:75%}.usb-grid--container .grid .off-md-7{margin-left:87.5%}}@media screen and (-ms-high-contrast:active) and (min-width:66rem),screen and (-ms-high-contrast:none) and (min-width:66rem){.usb-grid--container .grid .lg-1{width:6.25%}.usb-grid--container .grid .lg-2{width:12.5%}.usb-grid--container .grid .lg-3{width:18.75%}.usb-grid--container .grid .lg-4{width:25%}.usb-grid--container .grid .lg-5{width:31.25%}.usb-grid--container .grid .lg-6{width:37.5%}.usb-grid--container .grid .lg-7{width:43.75%}.usb-grid--container .grid .lg-8{width:50%}.usb-grid--container .grid .lg-9{width:56.25%}.usb-grid--container .grid .lg-10{width:62.5%}.usb-grid--container .grid .lg-11{width:68.75%}.usb-grid--container .grid .lg-12{width:75%}.usb-grid--container .grid .lg-13{width:81.25%}.usb-grid--container .grid .lg-14{width:87.5%}.usb-grid--container .grid .lg-15{width:93.75%}.usb-grid--container .grid .lg-16{width:100%}.usb-grid--container .grid .off-lg-1{margin-left:6.25%}.usb-grid--container .grid .off-lg-2{margin-left:12.5%}.usb-grid--container .grid .off-lg-3{margin-left:18.75%}.usb-grid--container .grid .off-lg-4{margin-left:25%}.usb-grid--container .grid .off-lg-5{margin-left:31.25%}.usb-grid--container .grid .off-lg-6{margin-left:37.5%}.usb-grid--container .grid .off-lg-7{margin-left:43.75%}.usb-grid--container .grid .off-lg-8{margin-left:50%}.usb-grid--container .grid .off-lg-9{margin-left:56.25%}.usb-grid--container .grid .off-lg-10{margin-left:62.5%}.usb-grid--container .grid .off-lg-11{margin-left:68.75%}.usb-grid--container .grid .off-lg-12{margin-left:75%}.usb-grid--container .grid .off-lg-13{margin-left:81.25%}.usb-grid--container .grid .off-lg-14{margin-left:87.5%}.usb-grid--container .grid .off-lg-15{margin-left:93.75%}}@media screen and (-ms-high-contrast:active) and (min-width:84rem),screen and (-ms-high-contrast:none) and (min-width:84rem){.usb-grid--container .grid .xl-1{width:6.25%}.usb-grid--container .grid .xl-2{width:12.5%}.usb-grid--container .grid .xl-3{width:18.75%}.usb-grid--container .grid .xl-4{width:25%}.usb-grid--container .grid .xl-5{width:31.25%}.usb-grid--container .grid .xl-6{width:37.5%}.usb-grid--container .grid .xl-7{width:43.75%}.usb-grid--container .grid .xl-8{width:50%}.usb-grid--container .grid .xl-9{width:56.25%}.usb-grid--container .grid .xl-10{width:62.5%}.usb-grid--container .grid .xl-11{width:68.75%}.usb-grid--container .grid .xl-12{width:75%}.usb-grid--container .grid .xl-13{width:81.25%}.usb-grid--container .grid .xl-14{width:87.5%}.usb-grid--container .grid .xl-15{width:93.75%}.usb-grid--container .grid .xl-16{width:100%}.usb-grid--container .grid .off-xl-1{margin-left:6.25%}.usb-grid--container .grid .off-xl-2{margin-left:12.5%}.usb-grid--container .grid .off-xl-3{margin-left:18.75%}.usb-grid--container .grid .off-xl-4{margin-left:25%}.usb-grid--container .grid .off-xl-5{margin-left:31.25%}.usb-grid--container .grid .off-xl-6{margin-left:37.5%}.usb-grid--container .grid .off-xl-7{margin-left:43.75%}.usb-grid--container .grid .off-xl-8{margin-left:50%}.usb-grid--container .grid .off-xl-9{margin-left:56.25%}.usb-grid--container .grid .off-xl-10{margin-left:62.5%}.usb-grid--container .grid .off-xl-11{margin-left:68.75%}.usb-grid--container .grid .off-xl-12{margin-left:75%}.usb-grid--container .grid .off-xl-13{margin-left:81.25%}.usb-grid--container .grid .off-xl-14{margin-left:87.5%}.usb-grid--container .grid .off-xl-15{margin-left:93.75%}}.usb-grid--container .grid .sub-grid>.grid{display:grid;grid-template-areas:none;grid-template-columns:repeat(4,minmax(var(--token-spacing-0,0),1fr));width:auto;grid-column-gap:var(--token-spacing-0,0);grid-row-gap:var(--token-spacing-0,0)}.usb-grid--container .grid .sub-grid>.grid .col.span-1{grid-column:span 1}.usb-grid--container .grid .sub-grid>.grid .col.span-2{grid-column:span 2}.usb-grid--container .grid .sub-grid>.grid .col.span-3{grid-column:span 3}.usb-grid--container .grid .sub-grid>.grid .col.span-4{grid-column:span 4}.usb-grid--container .grid .sub-grid>.grid.inline{display:inline-grid}.usb-grid--container .grid .sub-grid>.grid.zero-padding{padding:var(--token-spacing-0,0)}.usb-grid--container .grid .sub-grid>.grid.half-padding{padding:var(--token-spacing-2,.5rem)}.usb-grid--container .grid .sub-grid>.grid.normal-padding{padding:var(--token-spacing-4,1rem)}.usb-grid--container .grid .sub-grid>.grid.large-padding{padding:var(--token-spacing-8,2rem)}.usb-grid--container .grid .sub-grid>.grid.zero-gap{grid-column-gap:var(--token-spacing-0,0);grid-row-gap:var(--token-spacing-0,0)}.usb-grid--container .grid .sub-grid>.grid.half-gap{grid-column-gap:var(--token-spacing-4,1rem);grid-row-gap:var(--token-spacing-4,1rem)}.usb-grid--container .grid .sub-grid>.grid.normal-gap{grid-column-gap:var(--token-spacing-8,2rem);grid-row-gap:var(--token-spacing-8,2rem)}.usb-grid--container .grid .sub-grid>.grid.justify-start{justify-items:start}.usb-grid--container .grid .sub-grid>.grid.justify-center{justify-items:center}.usb-grid--container .grid .sub-grid>.grid.justify-end{justify-items:end}.usb-grid--container .grid .sub-grid>.grid.justify-stretch{justify-items:stretch}.usb-grid--container .grid .sub-grid>.grid.align-start{align-items:start}.usb-grid--container .grid .sub-grid>.grid.align-center{align-items:center}.usb-grid--container .grid .sub-grid>.grid.align-end{align-items:end}.usb-grid--container .grid .sub-grid>.grid.align-stretch{align-items:stretch}@media screen and (min-width:42rem){.usb-grid--container .grid .sub-grid>.grid--col4{grid-template-columns:repeat(4,minmax(var(--token-spacing-0,0),1fr))}}@media screen and (min-width:66rem){.usb-grid--container .grid .sub-grid>.grid--col4{grid-template-columns:repeat(4,minmax(var(--token-spacing-0,0),1fr))}}@media screen and (min-width:84rem){.usb-grid--container .grid .sub-grid>.grid--col4{grid-template-columns:repeat(4,minmax(var(--token-spacing-0,0),1fr))}}.usb-grid--container .grid .sub-grid>.grid--col4 .span-1{grid-column:span 1}.usb-grid--container .grid .sub-grid>.grid--col4 .span-2{grid-column:span 2}.usb-grid--container .grid .sub-grid>.grid--col4 .span-3{grid-column:span 3}.usb-grid--container .grid .sub-grid>.grid--col4 .span-4{grid-column:span 4}.usb-grid--container .grid .sub-grid>.grid--col4>.col.sm-1{grid-column:span 1}.usb-grid--container .grid .sub-grid>.grid--col4>.col.sm-2{grid-column:span 2}.usb-grid--container .grid .sub-grid>.grid--col4>.col.sm-3{grid-column:span 3}.usb-grid--container .grid .sub-grid>.grid--col4>.col.sm-4{grid-column:span 4}@media screen and (min-width:42rem){.usb-grid--container .grid .sub-grid>.grid--col4>.col.md-1{grid-column:span 1}.usb-grid--container .grid .sub-grid>.grid--col4>.col.md-2{grid-column:span 2}.usb-grid--container .grid .sub-grid>.grid--col4>.col.md-3{grid-column:span 3}.usb-grid--container .grid .sub-grid>.grid--col4>.col.md-4{grid-column:span 4}}@media screen and (min-width:66rem){.usb-grid--container .grid .sub-grid>.grid--col4>.col.lg-1{grid-column:span 1}.usb-grid--container .grid .sub-grid>.grid--col4>.col.lg-2{grid-column:span 2}.usb-grid--container .grid .sub-grid>.grid--col4>.col.lg-3{grid-column:span 3}.usb-grid--container .grid .sub-grid>.grid--col4>.col.lg-4{grid-column:span 4}}@media screen and (min-width:84rem){.usb-grid--container .grid .sub-grid>.grid--col4>.col.xl-1{grid-column:span 1}.usb-grid--container .grid .sub-grid>.grid--col4>.col.xl-2{grid-column:span 2}.usb-grid--container .grid .sub-grid>.grid--col4>.col.xl-3{grid-column:span 3}.usb-grid--container .grid .sub-grid>.grid--col4>.col.xl-4{grid-column:span 4}}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.usb-grid--container .grid .sub-grid>.grid--col4 .col.sm-1{width:25%}.usb-grid--container .grid .sub-grid>.grid--col4 .col.sm-2{width:50%}.usb-grid--container .grid .sub-grid>.grid--col4 .col.sm-3{width:75%}.usb-grid--container .grid .sub-grid>.grid--col4 .col.sm-4{width:100%}}@media screen and (-ms-high-contrast:active) and (min-width:42rem),screen and (-ms-high-contrast:none) and (min-width:42rem){.usb-grid--container .grid .sub-grid>.grid--col4 .col.md-1{width:25%}.usb-grid--container .grid .sub-grid>.grid--col4 .col.md-2{width:50%}.usb-grid--container .grid .sub-grid>.grid--col4 .col.md-3{width:75%}.usb-grid--container .grid .sub-grid>.grid--col4 .col.md-4{width:100%}}@media screen and (-ms-high-contrast:active) and (min-width:66rem),screen and (-ms-high-contrast:none) and (min-width:66rem){.usb-grid--container .grid .sub-grid>.grid--col4 .col.lg-1{width:25%}.usb-grid--container .grid .sub-grid>.grid--col4 .col.lg-2{width:50%}.usb-grid--container .grid .sub-grid>.grid--col4 .col.lg-3{width:75%}.usb-grid--container .grid .sub-grid>.grid--col4 .col.lg-4{width:100%}}@media screen and (-ms-high-contrast:active) and (min-width:84rem),screen and (-ms-high-contrast:none) and (min-width:84rem){.usb-grid--container .grid .sub-grid>.grid--col4 .col.xl-1{width:25%}.usb-grid--container .grid .sub-grid>.grid--col4 .col.xl-2{width:50%}.usb-grid--container .grid .sub-grid>.grid--col4 .col.xl-3{width:75%}.usb-grid--container .grid .sub-grid>.grid--col4 .col.xl-4{width:100%}}.usb-grid--container .grid .sub-grid>.grid--col5{grid-template-columns:repeat(5,minmax(var(--token-spacing-0,0),1fr))}@media screen and (min-width:42rem){.usb-grid--container .grid .sub-grid>.grid--col5{grid-template-columns:repeat(5,minmax(var(--token-spacing-0,0),1fr))}}@media screen and (min-width:66rem){.usb-grid--container .grid .sub-grid>.grid--col5{grid-template-columns:repeat(5,minmax(var(--token-spacing-0,0),1fr))}}@media screen and (min-width:84rem){.usb-grid--container .grid .sub-grid>.grid--col5{grid-template-columns:repeat(5,minmax(var(--token-spacing-0,0),1fr))}}.usb-grid--container .grid .sub-grid>.grid--col5 .span-1{grid-column:span 1}.usb-grid--container .grid .sub-grid>.grid--col5 .span-2{grid-column:span 2}.usb-grid--container .grid .sub-grid>.grid--col5 .span-3{grid-column:span 3}.usb-grid--container .grid .sub-grid>.grid--col5 .span-4{grid-column:span 4}.usb-grid--container .grid .sub-grid>.grid--col5 .span-5{grid-column:span 5}.usb-grid--container .grid .sub-grid>.grid--col5>.col.sm-1{grid-column:span 1}.usb-grid--container .grid .sub-grid>.grid--col5>.col.sm-2{grid-column:span 2}.usb-grid--container .grid .sub-grid>.grid--col5>.col.sm-3{grid-column:span 3}.usb-grid--container .grid .sub-grid>.grid--col5>.col.sm-4{grid-column:span 4}.usb-grid--container .grid .sub-grid>.grid--col5>.col.sm-5{grid-column:span 5}@media screen and (min-width:42rem){.usb-grid--container .grid .sub-grid>.grid--col5>.col.md-1{grid-column:span 1}.usb-grid--container .grid .sub-grid>.grid--col5>.col.md-2{grid-column:span 2}.usb-grid--container .grid .sub-grid>.grid--col5>.col.md-3{grid-column:span 3}.usb-grid--container .grid .sub-grid>.grid--col5>.col.md-4{grid-column:span 4}.usb-grid--container .grid .sub-grid>.grid--col5>.col.md-5{grid-column:span 5}}@media screen and (min-width:66rem){.usb-grid--container .grid .sub-grid>.grid--col5>.col.lg-1{grid-column:span 1}.usb-grid--container .grid .sub-grid>.grid--col5>.col.lg-2{grid-column:span 2}.usb-grid--container .grid .sub-grid>.grid--col5>.col.lg-3{grid-column:span 3}.usb-grid--container .grid .sub-grid>.grid--col5>.col.lg-4{grid-column:span 4}.usb-grid--container .grid .sub-grid>.grid--col5>.col.lg-5{grid-column:span 5}}@media screen and (min-width:84rem){.usb-grid--container .grid .sub-grid>.grid--col5>.col.xl-1{grid-column:span 1}.usb-grid--container .grid .sub-grid>.grid--col5>.col.xl-2{grid-column:span 2}.usb-grid--container .grid .sub-grid>.grid--col5>.col.xl-3{grid-column:span 3}.usb-grid--container .grid .sub-grid>.grid--col5>.col.xl-4{grid-column:span 4}.usb-grid--container .grid .sub-grid>.grid--col5>.col.xl-5{grid-column:span 5}}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.usb-grid--container .grid .sub-grid>.grid--col5 .col.sm-1{width:20%}.usb-grid--container .grid .sub-grid>.grid--col5 .col.sm-2{width:40%}.usb-grid--container .grid .sub-grid>.grid--col5 .col.sm-3{width:60%}.usb-grid--container .grid .sub-grid>.grid--col5 .col.sm-4{width:80%}.usb-grid--container .grid .sub-grid>.grid--col5 .col.sm-5{width:100%}}@media screen and (-ms-high-contrast:active) and (min-width:42rem),screen and (-ms-high-contrast:none) and (min-width:42rem){.usb-grid--container .grid .sub-grid>.grid--col5 .col.md-1{width:20%}.usb-grid--container .grid .sub-grid>.grid--col5 .col.md-2{width:40%}.usb-grid--container .grid .sub-grid>.grid--col5 .col.md-3{width:60%}.usb-grid--container .grid .sub-grid>.grid--col5 .col.md-4{width:80%}.usb-grid--container .grid .sub-grid>.grid--col5 .col.md-5{width:100%}}@media screen and (-ms-high-contrast:active) and (min-width:66rem),screen and (-ms-high-contrast:none) and (min-width:66rem){.usb-grid--container .grid .sub-grid>.grid--col5 .col.lg-1{width:20%}.usb-grid--container .grid .sub-grid>.grid--col5 .col.lg-2{width:40%}.usb-grid--container .grid .sub-grid>.grid--col5 .col.lg-3{width:60%}.usb-grid--container .grid .sub-grid>.grid--col5 .col.lg-4{width:80%}.usb-grid--container .grid .sub-grid>.grid--col5 .col.lg-5{width:100%}}@media screen and (-ms-high-contrast:active) and (min-width:84rem),screen and (-ms-high-contrast:none) and (min-width:84rem){.usb-grid--container .grid .sub-grid>.grid--col5 .col.xl-1{width:20%}.usb-grid--container .grid .sub-grid>.grid--col5 .col.xl-2{width:40%}.usb-grid--container .grid .sub-grid>.grid--col5 .col.xl-3{width:60%}.usb-grid--container .grid .sub-grid>.grid--col5 .col.xl-4{width:80%}.usb-grid--container .grid .sub-grid>.grid--col5 .col.xl-5{width:100%}}.usb-grid--container .grid .sub-grid>.grid--col3{grid-template-columns:repeat(3,minmax(var(--token-spacing-0,0),1fr))}@media screen and (min-width:42rem){.usb-grid--container .grid .sub-grid>.grid--col3{grid-template-columns:repeat(3,minmax(var(--token-spacing-0,0),1fr))}}@media screen and (min-width:66rem){.usb-grid--container .grid .sub-grid>.grid--col3{grid-template-columns:repeat(3,minmax(var(--token-spacing-0,0),1fr))}}@media screen and (min-width:84rem){.usb-grid--container .grid .sub-grid>.grid--col3{grid-template-columns:repeat(3,minmax(var(--token-spacing-0,0),1fr))}}.usb-grid--container .grid .sub-grid>.grid--col3 .span-1{grid-column:span 1}.usb-grid--container .grid .sub-grid>.grid--col3 .span-2{grid-column:span 2}.usb-grid--container .grid .sub-grid>.grid--col3 .span-3{grid-column:span 3}.usb-grid--container .grid .sub-grid>.grid--col3>.col.sm-1{grid-column:span 1}.usb-grid--container .grid .sub-grid>.grid--col3>.col.sm-2{grid-column:span 2}.usb-grid--container .grid .sub-grid>.grid--col3>.col.sm-3{grid-column:span 3}@media screen and (min-width:42rem){.usb-grid--container .grid .sub-grid>.grid--col3>.col.md-1{grid-column:span 1}.usb-grid--container .grid .sub-grid>.grid--col3>.col.md-2{grid-column:span 2}.usb-grid--container .grid .sub-grid>.grid--col3>.col.md-3{grid-column:span 3}}@media screen and (min-width:66rem){.usb-grid--container .grid .sub-grid>.grid--col3>.col.lg-1{grid-column:span 1}.usb-grid--container .grid .sub-grid>.grid--col3>.col.lg-2{grid-column:span 2}.usb-grid--container .grid .sub-grid>.grid--col3>.col.lg-3{grid-column:span 3}}@media screen and (min-width:84rem){.usb-grid--container .grid .sub-grid>.grid--col3>.col.xl-1{grid-column:span 1}.usb-grid--container .grid .sub-grid>.grid--col3>.col.xl-2{grid-column:span 2}.usb-grid--container .grid .sub-grid>.grid--col3>.col.xl-3{grid-column:span 3}}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.usb-grid--container .grid .sub-grid>.grid--col3 .col.sm-1{width:33.3333333333%}.usb-grid--container .grid .sub-grid>.grid--col3 .col.sm-2{width:66.6666666667%}.usb-grid--container .grid .sub-grid>.grid--col3 .col.sm-3{width:100%}.usb-grid--container .grid .sub-grid>.grid--col3 .col.sm-4{width:133.3333333333%}}@media screen and (-ms-high-contrast:active) and (min-width:42rem),screen and (-ms-high-contrast:none) and (min-width:42rem){.usb-grid--container .grid .sub-grid>.grid--col3 .col.md-1{width:33.3333333333%}.usb-grid--container .grid .sub-grid>.grid--col3 .col.md-2{width:66.6666666667%}.usb-grid--container .grid .sub-grid>.grid--col3 .col.md-3{width:100%}.usb-grid--container .grid .sub-grid>.grid--col3 .col.md-4{width:133.3333333333%}}@media screen and (-ms-high-contrast:active) and (min-width:66rem),screen and (-ms-high-contrast:none) and (min-width:66rem){.usb-grid--container .grid .sub-grid>.grid--col3 .col.lg-1{width:33.3333333333%}.usb-grid--container .grid .sub-grid>.grid--col3 .col.lg-2{width:66.6666666667%}.usb-grid--container .grid .sub-grid>.grid--col3 .col.lg-3{width:100%}.usb-grid--container .grid .sub-grid>.grid--col3 .col.lg-4{width:133.3333333333%}}@media screen and (-ms-high-contrast:active) and (min-width:84rem),screen and (-ms-high-contrast:none) and (min-width:84rem){.usb-grid--container .grid .sub-grid>.grid--col3 .col.xl-1{width:33.3333333333%}.usb-grid--container .grid .sub-grid>.grid--col3 .col.xl-2{width:66.6666666667%}.usb-grid--container .grid .sub-grid>.grid--col3 .col.xl-3{width:100%}.usb-grid--container .grid .sub-grid>.grid--col3 .col.xl-4{width:133.3333333333%}}.usb-grid--container .grid .sub-grid>.grid .col{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:var(--token-spacing-0,0)}.usb-grid--container .grid .sub-grid>.grid .col.display-block{display:block}.usb-grid--container .grid .sub-grid>.grid .col.display-table{display:table}.usb-grid--container .grid .sub-grid>.grid .col.display-list-item{display:list-item;list-style-position:inside}.usb-grid--container .grid .sub-grid>.grid .col.display-flex-row{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start}.usb-grid--container .grid .sub-grid>.grid .col.zero-padding{padding:var(--token-spacing-0,0)}.usb-grid--container .grid .sub-grid>.grid .col.half-padding{padding:var(--token-spacing-2,.5rem)}.usb-grid--container .grid .sub-grid>.grid .col.normal-padding{padding:var(--token-spacing-4,1rem)}.usb-grid--container .grid .sub-grid>.grid .col.large-padding{padding:var(--token-spacing-8,2rem)}.usb-grid--container .grid .sub-grid>.grid .col.align-start{align-self:start}.usb-grid--container .grid .sub-grid>.grid .col.align-center{align-self:center}.usb-grid--container .grid .sub-grid>.grid .col.align-end{align-self:end}.usb-grid--container .grid .sub-grid>.grid .col.justify-start{justify-self:start}.usb-grid--container .grid .sub-grid>.grid .col.justify-center{justify-self:center}.usb-grid--container .grid .sub-grid>.grid .col.justify-end{justify-self:end}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.usb-grid--container .grid .sub-grid>.grid{display:block}.usb-grid--container .grid .sub-grid>.grid .col{display:inline-block}} /*!*************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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/@usb-shield/react-card/dist/library/styles/index.css?ngGlobalStyle ***! \*************************************************************************************************************************************************************************************************************************************************************************/ .usb-card .card{width:auto;margin:1rem 1.25rem;border-radius:.75rem;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 5px 10px 0 rgba(0,0,0,.15)}.usb-card .card--content{border-radius:0;border:0}.usb-card .card--header-container{padding:.843rem 1.25rem;display:flex;flex-direction:row;font-weight:600}.usb-card .card--header{flex:1;font-size:.875rem;text-transform:uppercase;color:#fff;letter-spacing:.0625rem}.usb-card .card--collapsecard{display:flex}.usb-card .card--collapse{flex:1;margin:0 0 1rem 1rem}.usb-card .card--icon{margin-right:1rem;color:#0a41c5}.usb-card .card--infoicon{background-color:#f7f7fa;padding-left:.75rem}.usb-card .card--children{flex:1;flex-basis:auto}.usb-card .card--button{color:#0a41c5;font-size:1rem}.usb-card .card--footer{padding:.75rem 1rem;background-color:#f7f7fa;font-size:.75rem;color:#6e6e6e;height:2.75rem}.usb-card .card--children{margin:1rem 1.25rem;color:#555;font-size:1rem}.usb-card .card--children.elevated{margin-left:0} /*!*****************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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/@usb-shield/react-dropdown/dist/library/styles/index.css?ngGlobalStyle ***! \*****************************************************************************************************************************************************************************************************************************************************************************/ .usb-dropdown{position:relative;width:100%}.usb-dropdown,.usb-dropdown *{-webkit-tap-highlight-color:rgba(0,0,0,0)!important;-webkit-tap-highlight-color:transparent!important;-webkit-focus-ring-color:transparent!important}.usb-dropdown.usb-dropdown .dropdown__btn{white-space:nowrap}.usb-dropdown.usb-dropdown .dropdown__btn:focus{outline:3px solid var(--dropdown-focus-button-border-color,#235ae4);outline-offset:-.2rem;-moz-outline-radius:var(--token-rounded-sm,.25rem)}.usb-dropdown.usb-dropdown__text .dropdown__btn{padding:var(--token-spacing-2,.5rem) var(--token-spacing-5,1.25rem) var(--token-spacing-2,.5rem) var(--token-spacing-0,0);border:none}.usb-dropdown.usb-dropdown__text .dropdown__btn:focus{outline-offset:var(--token-spacing-0,0)}.usb-dropdown.usb-dropdown__text .dropdown__btn:disabled{cursor:not-allowed}.usb-dropdown.usb-dropdown__text .dropdown__btn:disabled .dropdown__btn-label,.usb-dropdown.usb-dropdown__text .dropdown__btn:disabled .dropdown__btn-selection,.usb-dropdown.usb-dropdown__text .dropdown__btn:disabled .dropdown__btn-selection.selected{color:var(--token-disabled-foreground,#7a7a95)}.usb-dropdown.usb-dropdown__text .dropdown__btn:disabled svg.dropdown-icon__arrow{fill:var(--token-disabled-foreground,#7a7a95)}.usb-dropdown.usb-dropdown__outlined .dropdown__btn{padding:var(--token-spacing-2,.5rem) var(--token-spacing-5,1.25rem) var(--token-spacing-2,.5rem) var(--token-spacing-4,1rem);border:1px solid var(--dropdown-button-outline-border-color,#cdd1e2)}.usb-dropdown.usb-dropdown__outlined button.dropdown__btn.subtle:disabled{border:1px solid var(--token-disabled-border,#cdd1e2);cursor:not-allowed}.usb-dropdown.usb-dropdown__outlined button.dropdown__btn.subtle:disabled .dropdown__btn-label,.usb-dropdown.usb-dropdown__outlined button.dropdown__btn.subtle:disabled .dropdown__btn-selection,.usb-dropdown.usb-dropdown__outlined button.dropdown__btn.subtle:disabled .dropdown__btn-selection.selected{color:var(--token-disabled-foreground,#7a7a95)}.usb-dropdown.usb-dropdown__outlined button.dropdown__btn.subtle:disabled svg.dropdown-icon__arrow{fill:var(--token-disabled-foreground,#7a7a95)}.usb-dropdown.usb-dropdown__outlined button.dropdown__btn:disabled:not(.subtle){background:var(--token-disabled-background,rgba(205,209,226,.4));border:1px solid var(--token-disabled-border,#cdd1e2);cursor:not-allowed}.usb-dropdown.usb-dropdown__outlined button.dropdown__btn:disabled:not(.subtle) .dropdown__btn-label,.usb-dropdown.usb-dropdown__outlined button.dropdown__btn:disabled:not(.subtle) .dropdown__btn-selection,.usb-dropdown.usb-dropdown__outlined button.dropdown__btn:disabled:not(.subtle) .dropdown__btn-selection.selected{color:var(--token-disabled-foreground,#7a7a95)}.usb-dropdown.usb-dropdown__outlined button.dropdown__btn:disabled:not(.subtle) svg.dropdown-icon__arrow{fill:var(--token-disabled-foreground,#7a7a95)}.usb-dropdown .dropdown__btn{position:relative;display:flex;justify-content:flex-start;align-items:center;border-radius:var(--token-rounded-sm,.25rem);background-color:var(--dropdown-button-background-color,#fff);appearance:none;height:var(--token-spacing-10,2.5rem);width:100%;max-width:100%}.usb-dropdown .dropdown__btn.has-icon{border:none;height:auto;padding:var(--token-spacing-2,.5rem) var(--token-spacing-2,.5rem) var(--token-spacing-0,0) var(--token-spacing-2,.5rem);justify-content:center;align-items:center;appearance:none}.usb-dropdown .dropdown__btn.subtle{background-color:initial}.usb-dropdown .dropdown__btn.expanded{border-color:var(--dropdown-expanded-button-border-color,#7a7a95)}.usb-dropdown .dropdown__btn.expanded svg.dropdown-icon__arrow{transform:translateY(-50%) rotate(180deg)}.usb-dropdown .dropdown__btn.expanded svg.dropdown-icon__toggle{fill:var(--dropdown-button-expanded-icon-fill-color,#484861)}.usb-dropdown .dropdown__btn-label{color:var(--dropdown-button-label-text-color,#63637f);margin-right:var(--token-spacing-3,.75rem)}.usb-dropdown .dropdown__btn-label,.usb-dropdown .dropdown__btn-selection{font-family:var(--token-font-base,Circular-USB,Arial,Helvetica,sans-serif);font-weight:var(--token-font-weight-reg,400);font-size:var(--token-font-size-base,1rem);line-height:var(--token-line-height-3xl,1.5);letter-spacing:var(--token-letter-spacing-base,normal)}.usb-dropdown .dropdown__btn-selection{color:var(--dropdown-button-selection-text-color,#2d2d3e)}.usb-dropdown .dropdown__btn-selection.selected{margin-right:var(--token-spacing-5,1.25rem);overflow:hidden}.usb-dropdown .dropdown__btn-label,.usb-dropdown .dropdown__btn-selection{display:inline-block;pointer-events:none}.usb-dropdown .dropdown__btn svg.dropdown-icon__toggle{align-self:flex-end;display:block;height:var(--token-spacing-8,2rem);width:var(--token-spacing-8,2rem);fill:var(--dropdown-button-toggle-icon-fill-color,#2d2d3e)}.usb-dropdown .dropdown__btn svg.dropdown-icon__arrow{position:absolute;right:var(--token-spacing-3,.75rem);top:50%;transform:translateY(-50%);height:var(--token-spacing-4,1rem);width:var(--token-spacing-4,1rem);fill:var(--dropdown-button-arrow-icon-fill-color,#484861);pointer-events:none}.usb-dropdown .dropdown__list{position:absolute;max-width:100%;width:100%;padding:var(--token-spacing-0,0);margin:var(--token-spacing-0,0);border:none;list-style-type:none;max-height:var(--token-spacing-0,0);overflow:hidden;border-radius:var(--token-rounded-sm,.25rem);transition:max-height .3s cubic-bezier(0,1,0,1),opacity .3s ease-in-out;display:none}.usb-dropdown .dropdown__list.expanded{display:block;max-height:100vh;border:1px solid var(--dropdown-expanded-container-border-color,#cdd1e2);box-shadow:var(--token-shadow-md,0 4px 6px -1px rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.12));margin-top:var(--token-spacing-1,.25rem);z-index:1}.usb-dropdown .dropdown__list.expanded.scroll{overflow-y:scroll;max-height:12rem}.usb-dropdown .dropdown__list-item{display:flex}.usb-dropdown .dropdown__list-item[tabindex="-1"]{background-color:var(--token-surface,#fff)}.usb-dropdown .dropdown__list-item-btn{display:flex;flex:1;padding:var(--token-spacing-3,.75rem) var(--token-spacing-4,1rem);background-color:var(--dropdown-list-item-background-color,#fff);border:none;border-bottom:1px solid var(--dropdown-list-item-border-color,#cdd1e2);color:var(--dropdown-list-item-text-color,#2d2d3e);font-size:var(--token-font-size-base,1rem);font-family:var(--token-font-base,Circular-USB,Arial,Helvetica,sans-serif);font-weight:var(--token-font-weight-reg,400);letter-spacing:var(--token-letter-spacing-base,normal);line-height:var(--token-line-height-3xl,1.5);outline-offset:-3px;text-align:left}.usb-dropdown .dropdown__list-item-btn *{pointer-events:none}.usb-dropdown .dropdown__list-item-btn-value{font-size:var(--token-font-size-sm,.875rem);color:var(--dropdown-list-item-value-text-color,#235ae4);padding-top:2px}.usb-dropdown .dropdown__list-item-btn .add-icon{padding-right:var(--token-spacing-2,.5rem)}.usb-dropdown .dropdown__list-item-btn.disabled{background-color:var(--token-disabled-background,rgba(205,209,226,.4))}.usb-dropdown .dropdown__list-item-btn.disabled>p{color:var(--token-disabled-foreground,#7a7a95)}.usb-dropdown .dropdown__list-item-btn-icon:hover:not(.disabled),.usb-dropdown .dropdown__list-item-btn.selected:not(.disabled),.usb-dropdown .dropdown__list-item-btn:focus:not(.disabled),.usb-dropdown .dropdown__list-item-btn:hover:not(.disabled){background-color:var(--dropdown-hover-list-item-background-color,#f1f5fb)}.usb-dropdown .dropdown__list-item-btn-icon:hover:not(.disabled)>p,.usb-dropdown .dropdown__list-item-btn.selected:not(.disabled)>p,.usb-dropdown .dropdown__list-item-btn:focus:not(.disabled)>p,.usb-dropdown .dropdown__list-item-btn:hover:not(.disabled)>p{color:var(--dropdown-hover-list-item-text-color,#235ae4)}.usb-dropdown .dropdown__list-item-btn.selected.toggleable:hover{background-color:var(--dropdown-list-item-hover-toggleable-icon-background-color,#eef6ff);color:var(--dropdown-hover-list-item-text-color,#235ae4)}.usb-dropdown .dropdown__list-item-btn:focus{outline:3px solid var(--token-border-focus,#235ae4);outline-offset:-.2rem;-moz-outline-radius:var(--token-rounded-sm,.25rem)}.usb-dropdown .dropdown__list-item-btn p{margin:var(--token-spacing-0,0)}.usb-dropdown .dropdown__list-item:last-child button{border:none} /*!*****************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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/@usb-shield/react-calendar/dist/library/styles/index.css?ngGlobalStyle ***! \*****************************************************************************************************************************************************************************************************************************************************************************/ .usb-calendar{background-color:var(--calendar-container-background-color,#fff);padding:var(--token-spacing-5,1.25rem) var(--token-spacing-4,1rem);position:relative;width:100%}.usb-calendar.show-border{border:var(--token-border-width-default,1px) solid var(--token-border-base,#cdd1e2);border-radius:var(--token-rounded-sm,.25rem);box-shadow:var(--token-shadow-md,0 4px 6px -1px rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.12))}.usb-calendar[role=dialog]{border-bottom-left-radius:var(--token-rounded-sm,.25rem);border-bottom-right-radius:var(--token-rounded-sm,.25rem);border:var(--token-border-width-default,1px) solid var(--token-border-base,#cdd1e2);border-top:none;box-shadow:var(--token-spacing-0,0) var(--token-spacing-2,.5rem) var(--token-spacing-2,.5rem) var(--token-spacing-0,0) rgba(0,0,0,.15);position:absolute;left:calc(var(--token-spacing-xs, 1px)*-1);top:calc(100% + var(--token-spacing-xs, 1px));width:calc(100% + var(--token-spacing-small, 2px));z-index:2}.usb-calendar>*{font-family:var(--token-font-base,Circular-USB,Arial,Helvetica,sans-serif);font-size:var(--token-font-size-base,1rem)}.usb-calendar_header{width:100%}.usb-calendar .usb-month_year--button,.usb-calendar_header{display:flex;align-items:center;justify-content:space-between}.usb-calendar .usb-month_year--button{background:transparent;border:none;border-radius:var(--token-rounded-sm,.25rem);color:var(--token-text-color-secondary,#484861);font-family:var(--token-font-base,Circular-USB,Arial,Helvetica,sans-serif);font-size:var(--token-font-size-base,1rem);line-height:var(--token-line-height-3xl,1.5);outline:none;padding:var(--token-spacing-2,.5rem);position:relative}.usb-calendar .usb-month_year--button:focus:before{border:2px solid var(--token-border-interaction,#235ae4);border-radius:var(--token-rounded-sm,.25rem);content:"";height:calc(100% + var(--token-spacing-3, .75rem));position:absolute;left:-.375rem;top:-.375rem;width:calc(100% + var(--token-spacing-3, .75rem))}.usb-calendar .usb-month_year--button:hover{background:var(--token-background-gradient-primary-hover,linear-gradient(-180deg,#0058ff,#0058ff));color:var(--token-text-color-inverse-primary,#fff)}.usb-calendar .usb-month_year--button:hover .usb-icon{fill:var(--calendar-hover-chevron-down-icon-fill-color,#fff)}.usb-calendar .usb-month_year--button:active{background:var(--token-background-gradient-primary-active,linear-gradient(-180deg,#001e79,#001e79));color:var(--token-text-color-interaction-active,hsla(0,0%,100%,.78))}.usb-calendar .usb-month_year--button:active .usb-icon{fill:var(--calendar-active-chevron-down-icon-fill-color,hsla(0,0%,100%,.78))}.usb-calendar .usb-month_year--button .usb-icon{display:block;height:var(--token-spacing-5,1.25rem);margin-left:var(--token-spacing-2,.5rem);width:var(--token-spacing-5,1.25rem)}.usb-calendar .usb-month_year--button .usb-icon>svg{transition:transform var(--token-timing-default-ease-in-out,.25s ease-in-out)}.usb-calendar .usb-month_year--button[aria-expanded=true] .usb-icon>svg{transform:rotateX(180deg)}.usb-calendar .usb-month_year--panel{display:flex;align-items:flex-start;justify-content:space-between;width:100%}.usb-calendar .usb-month_year--panel fieldset{max-height:calc(var(--token-spacing-24, 6rem)*2 + var(--token-spacing-4, 1rem)*2)}.usb-calendar .usb-month_year--panel fieldset>div{padding-top:var(--token-spacing-4,1rem);position:relative}.usb-calendar .usb-month_year--panel fieldset>div>div{display:flex;align-items:center;justify-content:center}.usb-calendar .usb-month_year--panel fieldset>div>div.is-today{position:relative}.usb-calendar .usb-month_year--panel fieldset>div>div.is-today:after{background-color:var(--token-background-brand-interaction,#235ae4);border-radius:50%;border:var(--token-border-width-large,2px) solid var(--token-border-inverse,#fff);content:"";height:var(--token-spacing-3,.75rem);width:var(--token-spacing-3,.75rem);position:absolute;bottom:calc(var(--token-spacing-4, 1rem)*-1);left:50%;transform:translateX(-50%);bottom:calc(var(--token-spacing-1, .25rem)*-1)}.usb-calendar .usb-month_year--panel fieldset input{appearance:none;-webkit-appearance:none;background-color:initial;border-color:transparent;height:100%;outline:none;position:absolute;left:0;right:0;width:100%}.usb-calendar .usb-month_year--panel fieldset input::-ms-check{background-color:initial;border:none;color:transparent}.usb-calendar .usb-month_year--panel fieldset input:hover:not(:disabled)+label{border-color:var(--token-border-interaction,#235ae4)}.usb-calendar .usb-month_year--panel fieldset input:checked:not(:disabled)+label{background-color:var(--token-background-brand-interaction,#235ae4);border-color:var(--token-border-interaction,#235ae4);color:var(--token-text-color-inverse-primary,#fff)}.usb-calendar .usb-month_year--panel fieldset input:active:not(:disabled)+label{background-color:var(--token-background-brand-primary,#001e79);border-color:var(--token-border-brand,#001e79);color:var(--token-text-color-interaction-active,hsla(0,0%,100%,.78))}.usb-calendar .usb-month_year--panel fieldset input:disabled{cursor:not-allowed}.usb-calendar .usb-month_year--panel fieldset input:disabled+label{color:var(--token-text-color-tertiary,#63637f);cursor:not-allowed}.usb-calendar .usb-month_year--panel fieldset input+label{color:var(--token-text-color-primary,#2d2d3e);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--token-font-size-base,1rem);font-weight:var(--token-font-weight-med,500);line-height:var(--token-line-height-3xl,1.5);position:relative;transition:background-color var(--token-timing-default-ease,.25s ease),border-color var(--token-timing-default-ease,.25s ease),color var(--token-timing-default-ease,.25s ease);z-index:1}.usb-calendar .usb-month_year--panel_months{display:flex;flex-wrap:wrap;position:relative;width:100%}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.usb-calendar .usb-month_year--panel_months{width:auto}}.usb-calendar .usb-month_year--panel_months:after{background-color:var(--token-color-divider-light-background,#cdd1e2);content:"";height:calc(100% - var(--token-spacing-10, 2.5rem));position:absolute;right:0;top:var(--token-spacing-7,1.75rem);width:var(--token-spacing-xs,1px)}.usb-calendar .usb-month_year--panel_months--container{width:33.3333333333%}.usb-calendar .usb-month_year--panel_months--container_content{height:var(--token-spacing-10,2.5rem);position:relative;width:var(--token-spacing-10,2.5rem)}.usb-calendar .usb-month_year--panel_months--container_content input:not(:disabled)+label{background-color:initial;border:var(--token-border-width-default,1px) solid transparent;border-radius:100%;content:"";height:var(--token-spacing-10,2.5rem);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:border-color var(--token-timing-default-ease,.25s ease),background-color var(--token-timing-default-ease,.25s ease);width:var(--token-spacing-10,2.5rem);z-index:0;width:calc(var(--token-spacing-12, 3rem) + var(--token-spacing-2, .5rem));border-radius:var(--token-spacing-5,1.25rem)}.usb-calendar .usb-month_year--panel_months--container_content.is-focused:before{border:var(--token-border-width-large,2px) solid var(--token-border-interaction,#235ae4);border-radius:var(--token-rounded-sm,.25rem);content:"";height:var(--token-spacing-12,3rem);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(var(--token-spacing-12, 3rem) + var(--token-spacing-4, 1rem));z-index:2}.usb-calendar .usb-month_year--panel_years{padding-left:var(--token-spacing-5,1.25rem);padding-right:var(--token-spacing-1,.25rem)}.usb-calendar .usb-month_year--panel_years--container_content{height:var(--token-spacing-10,2.5rem);position:relative;width:calc(var(--token-spacing-12, 3rem) + var(--token-spacing-2, .5rem))}.usb-calendar .usb-month_year--panel_years--container_content input:not(:disabled)+label{background-color:initial;border:var(--token-border-width-default,1px) solid transparent;border-radius:100%;content:"";height:var(--token-spacing-10,2.5rem);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:border-color var(--token-timing-default-ease,.25s ease),background-color var(--token-timing-default-ease,.25s ease);width:calc(var(--token-spacing-12, 3rem) + var(--token-spacing-2, .5rem));z-index:0;border-radius:var(--token-spacing-5,1.25rem)}.usb-calendar .usb-month_year--panel_years--container_content.is-focused:before{border:var(--token-border-width-large,2px) solid var(--token-border-interaction,#235ae4);border-radius:var(--token-rounded-sm,.25rem);content:"";height:var(--token-spacing-12,3rem);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(var(--token-spacing-12, 3rem) + var(--token-spacing-4, 1rem));z-index:2}.usb-calendar_pagination .usb-button.calendar_pagination_button{margin:0 var(--token-spacing-1,.25rem);padding:var(--token-spacing-1,.25rem);background-color:var(--calendar-container-background-color,#fff)}.usb-calendar_pagination .usb-button.calendar_pagination_button .usb-icon{margin:0;color:var(--calendar-text-color,#2d2d3e)}.usb-calendar_pagination .usb-button.calendar_pagination_button:hover{background:var(--token-background-gradient-primary-hover,linear-gradient(-180deg,#0058ff,#0058ff));color:var(--token-text-color-inverse-primary,#fff)}.usb-calendar_pagination .usb-button.calendar_pagination_button:hover span{color:var(--token-text-color-inverse-primary,#fff)}.usb-calendar_pagination .usb-button.calendar_pagination_button:active{background:var(--token-background-gradient-primary-active,linear-gradient(-180deg,#001e79,#001e79));color:var(--token-text-color-interaction-active,hsla(0,0%,100%,.78))}.usb-calendar_pagination .usb-button.calendar_pagination_button:active .usb-icon{fill:var(--calendar-active-pagination-arrow-icon-color,hsla(0,0%,100%,.78))}.usb-calendar_pagination .usb-button.button--text{padding:0}.usb-calendar_pagination .usb-button.button--text:focus:after{height:calc(100% + .5rem);left:-.25rem;top:-.25rem;width:calc(100% + .5rem)}.usb-calendar_pagination .usb-button.button--text,.usb-calendar_pagination .usb-button.button--text .usb-icon{margin:0;color:var(--token-text-color-secondary,#484861)}.usb-calendar_pagination .usb-button.button--text:first-of-type{margin-right:var(--token-spacing-6,1.5rem)}.usb-calendar_pagination .usb-button.button--text:not(:hover):not(:active) .usb-icon{color:var(--calendar-pagination-arrow-icon-fill-color,#484861)}.usb-calendar_pagination .usb-button.button--text.sibling-disabled{margin-right:calc(var(--token-spacing-12, 3rem) + var(--token-spacing-1, .25rem))}.usb-calendar_pagination .usb-button.button--text.is-disabled{display:none}.usb-calendar .usb-day_picker{padding-top:var(--token-spacing-6,1.5rem);width:100%}.usb-calendar .usb-day_picker--header tr>th{color:var(--token-text-color-secondary,#484861);font-size:var(--token-font-size-xs,.75rem);font-weight:var(--token-font-weight-reg,400);line-height:var(--token-line-height-3xl,1.5);padding-bottom:var(--token-spacing-4,1rem);width:14.2857142857%}.usb-calendar .usb-day_picker--header tr>th.is-disabled{color:var(--token-label-muted,#63637f)}.usb-calendar .usb-day_picker--body_cell{border:var(--token-spacing-2,.5rem) solid var(--token-border-transparent,transparent);border-bottom-width:var(--token-spacing-3,.75rem);border-left-width:var(--token-spacing-0,0);border-right-width:var(--token-spacing-0,0);padding:var(--token-spacing-2,.5rem);position:relative;text-align:center}.usb-calendar .usb-day_picker--body_cell.bg-highlight_caution:after,.usb-calendar .usb-day_picker--body_cell:after{background-color:initial;border:var(--token-border-width-default,1px) solid transparent;border-radius:100%;content:"";height:var(--token-spacing-10,2.5rem);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:border-color var(--token-timing-default-ease,.25s ease),background-color var(--token-timing-default-ease,.25s ease);width:var(--token-spacing-10,2.5rem);z-index:0}.usb-calendar .usb-day_picker--body_cell.bg-highlight_caution:after{background-color:var(--token-status-caution-muted,#fff4e4)}.usb-calendar .usb-day_picker--body_cell.bg-highlight_info:after{background-color:initial;background-color:var(--token-status-info-muted,#eef6ff)}.usb-calendar .usb-day_picker--body_cell.bg-highlight_info:after,.usb-calendar .usb-day_picker--body_cell.bg-highlight_neutral:after{border:var(--token-border-width-default,1px) solid transparent;border-radius:100%;content:"";height:var(--token-spacing-10,2.5rem);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:border-color var(--token-timing-default-ease,.25s ease),background-color var(--token-timing-default-ease,.25s ease);width:var(--token-spacing-10,2.5rem);z-index:0}.usb-calendar .usb-day_picker--body_cell.bg-highlight_neutral:after{background-color:initial;background-color:var(--token-status-neutral-muted,#f5f5fa)}.usb-calendar .usb-day_picker--body_cell.bg-highlight_success:after{background-color:initial;background-color:var(--token-status-success-muted,#e5f8e8)}.usb-calendar .usb-day_picker--body_cell.bg-highlight_danger:after,.usb-calendar .usb-day_picker--body_cell.bg-highlight_success:after{border:var(--token-border-width-default,1px) solid transparent;border-radius:100%;content:"";height:var(--token-spacing-10,2.5rem);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:border-color var(--token-timing-default-ease,.25s ease),background-color var(--token-timing-default-ease,.25s ease);width:var(--token-spacing-10,2.5rem);z-index:0}.usb-calendar .usb-day_picker--body_cell.bg-highlight_danger:after{background-color:initial;background-color:var(--token-status-danger-muted,#ffe9ea)}.usb-calendar .usb-day_picker--body_cell.is-selected:after{background-color:var(--token-background-brand-interaction,#235ae4)}.usb-calendar .usb-day_picker--body_cell.is-selected span{color:var(--token-text-color-inverse-primary,#fff)}.usb-calendar .usb-day_picker--body_cell.is-selected.is-disabled:after{background-color:var(--token-disabled-background,rgba(205,209,226,.4))}.usb-calendar .usb-day_picker--body_cell.is-selected.is-disabled span{color:var(--token-disabled-foreground,#7a7a95)}.usb-calendar .usb-day_picker--body_cell:hover:not(.is-disabled):after{border-color:var(--calender-hover-text-border-color,#235ae4)}.usb-calendar .usb-day_picker--body_cell:focus{outline:none}.usb-calendar .usb-day_picker--body_cell:focus:before{border:var(--token-border-width-large,2px) solid var(--token-border-interaction,#235ae4);border-radius:var(--token-rounded-sm,.25rem);content:"";height:var(--token-spacing-12,3rem);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--token-spacing-12,3rem);z-index:2}.usb-calendar .usb-day_picker--body_cell:active:not(.is-disabled):after{background-color:var(--token-background-brand-primary,#001e79);border-color:var(--token-border-brand,#001e79)}.usb-calendar .usb-day_picker--body_cell:active:not(.is-disabled) span{color:var(--calendar-active-text-color,hsla(0,0%,100%,.78))}.usb-calendar .usb-day_picker--body_cell span{color:var(--calendar-text-color,#2d2d3e);font-size:var(--token-font-size-base,1rem);font-weight:var(--token-font-weight-med,500);line-height:var(--token-line-height-3xl,1.5);letter-spacing:var(--token-letter-spacing-base,normal);position:relative;transition:color var(--token-timing-default-ease,.25s ease);z-index:1}.usb-calendar .usb-day_picker--body_cell.is-today span{position:relative}.usb-calendar .usb-day_picker--body_cell.is-today span:after{background-color:var(--token-background-brand-interaction,#235ae4);border-radius:50%;border:var(--token-border-width-large,2px) solid var(--token-border-inverse,#fff);content:"";height:var(--token-spacing-3,.75rem);width:var(--token-spacing-3,.75rem);position:absolute;bottom:calc(var(--token-spacing-4, 1rem)*-1);left:50%;transform:translateX(-50%);background-color:var(--calendar-icon-dot-background-color,#235ae4)}.usb-calendar .usb-day_picker--body_cell.indicator-status-highlight_caution span{position:relative}.usb-calendar .usb-day_picker--body_cell.indicator-status-highlight_caution span:after{background-color:var(--token-background-brand-interaction,#235ae4);border-radius:50%;border:var(--token-border-width-large,2px) solid var(--token-border-inverse,#fff);content:"";height:var(--token-spacing-3,.75rem);width:var(--token-spacing-3,.75rem);position:absolute;bottom:calc(var(--token-spacing-4, 1rem)*-1);left:50%;transform:translateX(-50%);background-color:var(--token-status-caution-mid,#eb5e01)}.usb-calendar .usb-day_picker--body_cell.indicator-status-highlight_info span{position:relative}.usb-calendar .usb-day_picker--body_cell.indicator-status-highlight_info span:after{background-color:var(--token-background-brand-interaction,#235ae4);border-radius:50%;border:var(--token-border-width-large,2px) solid var(--token-border-inverse,#fff);content:"";height:var(--token-spacing-3,.75rem);width:var(--token-spacing-3,.75rem);position:absolute;bottom:calc(var(--token-spacing-4, 1rem)*-1);left:50%;transform:translateX(-50%);background-color:var(--token-status-info-mid,#235ae4)}.usb-calendar .usb-day_picker--body_cell.indicator-status-highlight_neutral span{position:relative}.usb-calendar .usb-day_picker--body_cell.indicator-status-highlight_neutral span:after{background-color:var(--token-background-brand-interaction,#235ae4);border-radius:50%;border:var(--token-border-width-large,2px) solid var(--token-border-inverse,#fff);content:"";height:var(--token-spacing-3,.75rem);width:var(--token-spacing-3,.75rem);position:absolute;bottom:calc(var(--token-spacing-4, 1rem)*-1);left:50%;transform:translateX(-50%);background-color:var(--token-status-neutral-mid,#66666a)}.usb-calendar .usb-day_picker--body_cell.indicator-status-highlight_success span{position:relative}.usb-calendar .usb-day_picker--body_cell.indicator-status-highlight_success span:after{background-color:var(--token-background-brand-interaction,#235ae4);border-radius:50%;border:var(--token-border-width-large,2px) solid var(--token-border-inverse,#fff);content:"";height:var(--token-spacing-3,.75rem);width:var(--token-spacing-3,.75rem);position:absolute;bottom:calc(var(--token-spacing-4, 1rem)*-1);left:50%;transform:translateX(-50%);background-color:var(--token-status-success-mid,#007d1e)}.usb-calendar .usb-day_picker--body_cell.indicator-status-highlight_danger span{position:relative}.usb-calendar .usb-day_picker--body_cell.indicator-status-highlight_danger span:after{background-color:var(--token-background-brand-interaction,#235ae4);border-radius:50%;border:var(--token-border-width-large,2px) solid var(--token-border-inverse,#fff);content:"";height:var(--token-spacing-3,.75rem);width:var(--token-spacing-3,.75rem);position:absolute;bottom:calc(var(--token-spacing-4, 1rem)*-1);left:50%;transform:translateX(-50%);background-color:var(--token-status-danger-mid,#ce2935)}.usb-calendar .usb-day_picker--body_cell.label-highlight span{position:relative}.usb-calendar .usb-day_picker--body_cell.label-highlight span:before{display:block;color:var(--calendar-text-color,#2d2d3e);content:var(--pseudo-content);font-size:var(--token-font-size-xs,.75rem);font-weight:var(--token-font-weight-reg,400);height:var(--token-spacing-3,.75rem);width:auto;position:absolute;bottom:calc(var(--token-spacing-6, 1.5rem)*-1);left:50%;transform:translateX(-50%)}.usb-calendar .usb-day_picker--body_cell.is-disabled{cursor:not-allowed}.usb-calendar .usb-day_picker--body_cell.is-disabled span{color:var(--calendar-disabled-text-color,#7a7a95)}.usb-calendar .usb-day_picker--body_cell.is-in-range{background-color:var(--calendar-date-range-background-color,#eef6ff);background-clip:padding-box}.usb-calendar .usb-day_picker--body_cell.range-start{background:linear-gradient(90deg,var(--calendar-container-background-color,#fff) 50%,var(--token-background-quaternary,#eef6ff) 0);background-clip:padding-box}.usb-calendar .usb-day_picker--body_cell.range-end{background:linear-gradient(90deg,var(--token-background-quaternary,#eef6ff) 50%,var(--calendar-container-background-color,#fff) 0);background-clip:padding-box}.usb-calendar_toggletip{background-color:var(--calendar-help-corner-background-color,#235ae4);border:none;border-radius:var(--token-rounded-sm,.25rem);height:var(--token-spacing-8,2rem);position:absolute;bottom:0;right:0;width:var(--token-spacing-8,2rem);z-index:0}.usb-calendar_toggletip:after{border-bottom:var(--token-spacing-8,2rem) solid transparent;border-top:var(--token-spacing-8,2rem) solid #fff;border-right:var(--token-spacing-8,2rem) solid transparent;content:"";height:0;width:0;position:absolute;top:0;left:0}.usb-calendar_toggletip:hover{background:var(--token-background-gradient-primary-hover,linear-gradient(-180deg,#0058ff,#0058ff));color:var(--token-text-color-inverse-primary,#fff)}.usb-calendar_toggletip:active{background:var(--token-background-gradient-primary-active,linear-gradient(-180deg,#001e79,#001e79))}.usb-calendar_toggletip:active,.usb-calendar_toggletip:active span{color:var(--token-text-color-interaction-active,hsla(0,0%,100%,.78))}.usb-calendar_toggletip--button{background-color:initial;border:none;border-bottom-right-radius:var(--token-rounded-sm,.25rem);color:var(--token-text-color-inverse-primary,#fff);font-family:var(--token-font-base,Circular-USB,Arial,Helvetica,sans-serif);font-size:var(--token-font-size-sm,.875rem);outline:none;padding:0;position:relative;height:var(--token-spacing-8,2rem);width:var(--token-spacing-8,2rem);z-index:1}.usb-calendar_toggletip--button>span{position:absolute;right:var(--token-spacing-1,.25rem);bottom:calc(var(--token-spacing-1, .25rem)/2)}.usb-calendar_toggletip--button:focus:after{border:var(--token-border-width-large,2px) solid var(--token-border-interaction,#235ae4);border-radius:var(--token-rounded-sm,.25rem);content:"";height:var(--token-spacing-8,2rem);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--token-spacing-8,2rem);z-index:2}.usb-calendar_accessibility-info{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - var(--token-spacing-8, 2rem));z-index:2}.usb-calendar_accessibility-info--container{background-color:var(--token-background-primary,#fff);border:var(--token-border-width-default,1px) solid var(--token-border-input,#7a7a95);border-radius:var(--token-rounded-sm,.25rem);padding:var(--token-spacing-4,1rem)}.usb-calendar_accessibility-info--container>h2{color:var(--token-text-color-primary,#2d2d3e);font-family:var(--token-font-base,Circular-USB,Arial,Helvetica,sans-serif);font-weight:var(--token-font-weight-med,500);font-size:var(--token-font-size-sm,.875rem);line-height:var(--token-line-height-3xl,1.5);margin-bottom:var(--token-spacing-2,.5rem)}.usb-calendar_accessibility-info--container ul{list-style:none}.usb-calendar_accessibility-info--container ul>li{display:flex;align-items:center;justify-content:flex-start}.usb-calendar_accessibility-info--container ul>li:not(:last-of-type){margin-bottom:var(--token-spacing-2,.5rem)}.usb-calendar_accessibility-info--container ul>li .usb-calendar_accessibility-info--key,.usb-calendar_accessibility-info--container ul>li span[role=img]{display:flex;align-items:center;justify-content:center;gap:var(--token-spacing-small,2px)}.usb-calendar_accessibility-info--container ul>li .usb-calendar_accessibility-info--key kbd,.usb-calendar_accessibility-info--container ul>li span[role=img] kbd{background-color:var(--token-background-secondary,#f1f5fb);color:var(--token-text-color-primary,#2d2d3e);display:flex;font-family:var(--token-font-base,Circular-USB,Arial,Helvetica,sans-serif);font-size:var(--token-font-size-sm,.875rem);height:var(--token-spacing-5,1.25rem);border-radius:var(--token-spacing-1,.25rem);min-width:var(--token-spacing-5,1.25rem);padding:var(--token-spacing-1,.25rem);text-align:center;white-space:nowrap;align-items:center;justify-content:center;width:auto}.usb-calendar_accessibility-info--container ul>li .usb-calendar_accessibility-info--key .d-flex_arrows,.usb-calendar_accessibility-info--container ul>li span[role=img] .d-flex_arrows{display:flex;align-items:center}.usb-calendar_accessibility-info--container ul>li p{color:var(--token-text-color-secondary,#484861);font-family:var(--token-font-base,Circular-USB,Arial,Helvetica,sans-serif);font-size:var(--token-font-size-sm,.875rem);margin-left:var(--token-spacing-2,.5rem)}.usb-calendar .sr-only{position:absolute;width:var(--token-spacing-xs,1px);height:var(--token-spacing-xs,1px);padding:var(--token-spacing-0,0);margin:calc(var(--token-spacing-xs, 1px)*-1);overflow:hidden;clip:rect(0,0,0,0);border:0} /*!*************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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/@usb-shield/react-list/dist/library/styles/index.css?ngGlobalStyle ***! \*************************************************************************************************************************************************************************************************************************************************************************/ .usb-list-item{display:flex;justify-content:space-between;min-height:var(--token-spacing-14,3.5rem);padding-top:var(--list-item-padding-top,1rem);padding-bottom:var(--list-item-padding-bottom,1rem);color:var(--list-item-text-color,#484861)}.usb-list-item.border{border-bottom:1px solid var(--list-item-border-color,#cdd1e2)}.usb-list-item.use-icon{min-height:var(--token-spacing-16,4rem)}.usb-list-item-icon{margin-top:auto;margin-bottom:auto;margin-right:var(--token-spacing-3,.75rem)}.usb-list-item-icon.top-align{margin-top:unset;margin-bottom:unset}.usb-list-left-side{display:flex;margin-left:var(--token-spacing-4,1rem);min-width:50%}.usb-list-right-side{display:flex;justify-content:flex-end;padding-right:var(--token-spacing-4,1rem);padding-left:var(--token-spacing-2,.5rem);min-width:50%}.usb-list-text-block{display:flex;flex-direction:column;margin-top:auto;margin-bottom:auto}.usb-list-text-block.top-align{margin-top:var(--token-spacing-1,.25rem);margin-bottom:unset}.usb-list-text-block.right-align{text-align:right;margin-right:var(--token-spacing-4,1rem);margin-top:.4rem}.usb-list-top-left-line{font-size:var(--token-font-size-base,1rem);line-height:var(--token-spacing-6,1.5rem)}.usb-list-line-text{font-size:var(--token-font-size-sm,.875rem);line-height:var(--token-spacing-5,1.25rem)}.usb-list-item-container{margin-top:auto;margin-bottom:auto}.usb-list-item-container.top-align{margin-top:unset;margin-bottom:unset} /*!**************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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/@usb-shield/react-modal/dist/library/styles/index.css?ngGlobalStyle ***! \**************************************************************************************************************************************************************************************************************************************************************************/ .prevent-scroll{touch-action:none;-webkit-overflow-scrolling:none;overflow:hidden;overscroll-behavior:none}.usb-modal-v2{position:fixed;top:var(--token-rounded-square,0);right:var(--token-rounded-square,0);bottom:var(--token-rounded-square,0);left:var(--token-rounded-square,0);z-index:9990;background:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center}.usb-modal-v2 .usb-modal-v2--container{box-shadow:0 4px 6px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.12);border-radius:var(--token-rounded-square,0);transform:scale(1) perspective(0) translate(0) rotateX(0deg);opacity:1;max-height:75vh;background:var(--token-background-primary,#fff)}@media only screen and (min-width:42rem){.usb-modal-v2 .usb-modal-v2--container{border-radius:var(--token-rounded-md,.5rem)}}.usb-modal-v2--no-overlay{background-color:initial}.usb-modal-v2--dialog{height:100vh;height:-webkit-fill-available;max-width:100vw;max-height:100vh;position:relative;width:100vw;z-index:9990}@media only screen and (min-width:900px){.usb-modal-v2--dialog{height:auto;width:60vw;max-width:37rem}}@media only screen and (min-width:770px) and (max-width:899px){.usb-modal-v2--dialog{height:auto;width:70vw}}@media only screen and (min-width:672px) and (max-width:769px){.usb-modal-v2--dialog{height:auto;width:80vw}}.usb-modal-v2--container{border-radius:var(--token-rounded-md,.5rem);display:flex;flex-direction:column;align-content:center;justify-content:flex-start;font-family:var(--token-font-base,Circular-USB,Arial,Helvetica,sans-serif);max-width:100vw;min-width:30vw;position:relative;opacity:var(--token-spacing-0,0);will-change:transform;will-change:opacity;transition:transform var(--token-timing-moderate-ease,.5s ease),opacity var(--token-timing-moderate-ease,.5s ease);transform:scale(1) perspective(0) translate(0) rotateX(0deg);perspective:4;width:100%;min-height:100vh;min-height:-webkit-fill-available}@media only screen and (min-width:42rem){.usb-modal-v2--container{border:1px solid var(--modal-border-color,#ebeff6);max-width:80vw;height:auto;min-height:auto;min-height:-webkit-fit-content}}.usb-modal-v2--container:not(:has(.usb-modal-v2--close)){padding-top:var(--token-spacing-8,2rem)}.usb-modal-v2--container .usb-modal-v2--close{cursor:pointer;display:flex;justify-content:flex-end}.usb-modal-v2--container .usb-modal-v2--close .usb-button{cursor:pointer;padding:var(--token-spacing-0,0)!important;margin:var(--token-spacing-0,0)!important;top:var(--token-spacing-4,1rem)!important;right:var(--token-spacing-4,1rem)!important;height:-moz-fit-content;height:fit-content;align-self:center;align-self:flex-end;width:min-content}.usb-modal-v2--container .usb-modal-v2--close .usb-button .usb-icon{margin-right:var(--token-spacing-0,0)!important}.usb-modal-v2--container .usb-modal-v2--close .usb-button svg{color:var(--modal-close-icon-fill-color,#484861)}.usb-modal-v2--container .usb-modal-v2--close .usb-button:active,.usb-modal-v2--container .usb-modal-v2--close .usb-button:hover{background:var(--token-surface,#fff)}.usb-modal-v2--header{display:flex;flex-shrink:var(--token-spacing-0,0);justify-content:space-between;width:100%;padding:var(--token-spacing-2,.5rem) var(--token-spacing-4,1rem) var(--token-spacing-0,0) var(--token-spacing-4,1rem);margin-bottom:var(--token-spacing-4,1rem)}@media screen and (min-width:42rem){.usb-modal-v2--header{padding:var(--token-spacing-2,.5rem) var(--token-spacing-10,2.5rem) var(--token-spacing-0,0) var(--token-spacing-10,2.5rem);margin-bottom:var(--token-spacing-4,1rem)}}.usb-modal-v2--header h1{float:"left";margin:var(--token-spacing-0,0);text-transform:none;font-size:var(--token-font-size-lg,1.25rem)!important;line-height:var(--token-line-height-3xl,1.5)!important;color:var(--modal-title-text-color,#2d2d3e);font-family:var(--token-font-base,Circular-USB,Arial,Helvetica,sans-serif);font-weight:var(--token-font-weight-med,500);font-size:var(--token-font-size-xl,1.5rem);line-height:var(--token-line-height-lg,1.25)}@media screen and (min-width:42rem){.usb-modal-v2--header h1{font-size:var(--token-font-size-lg,1.25rem);line-height:var(--token-line-height-3xl,1.5)}}.usb-modal-v2--body{display:flex;flex-direction:column;padding:var(--token-spacing-0,0) var(--token-spacing-4,1rem) var(--token-spacing-8,2rem);color:var(--modal-body-text-color,#484861);line-height:var(--token-line-height-lg,1.25);letter-spacing:var(--token-letter-spacing-base,normal);font-size:var(--token-font-size-base,1rem);-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:auto}@media screen and (min-width:42rem){.usb-modal-v2--body{min-height:8vh;max-height:30vh;padding:var(--token-spacing-0,0) var(--token-spacing-10,2.5rem) var(--token-spacing-10,2.5rem)}}.usb-modal-v2--footer{background:var(--modal-footer-background-color,#f1f5fb);border-radius:var(--token-rounded-square,0) var(--token-rounded-square,0) var(--token-rounded-md,.5rem) var(--token-rounded-md,.5rem);display:flex;justify-content:flex-end;align-self:flex-end;font-family:var(--token-font-callout,Circular-USB,Arial,Helvetica,sans-serif);width:100%;overflow-y:visible;margin-top:auto}.usb-modal-v2--footer .usb-button-group{padding:var(--token-spacing-4,1rem) var(--token-spacing-4,1rem);width:100%}@media screen and (min-width:42rem){.usb-modal-v2--footer .usb-button-group{flex-direction:row-reverse}.usb-modal-v2--footer .usb-button-group .usb-button:nth-child(3){margin-left:var(--token-spacing-0,0);margin-right:auto}}.usb-modal-v2--footer .reverse{flex-direction:row-reverse;justify-content:flex-start} /*!****************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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/@usb-shield/react-tooltip/dist/library/styles/index.css?ngGlobalStyle ***! \****************************************************************************************************************************************************************************************************************************************************************************/ .tooltip{display:inline-block;position:relative}.tooltip__trigger{padding:var(--token-spacing-small,2px);color:var(--token-color-grey-70,#63637f);border:var(--token-spacing-0,0);background:transparent}.tooltip__trigger:focus:before{border:2px solid var(--token-border-focus,#235ae4);border-radius:var(--token-rounded-sm,.25rem);content:"";height:calc(100% + var(--token-spacing-3, .75rem));position:absolute;left:-.375rem;top:-.415rem;width:calc(100% + var(--token-spacing-3, .75rem))}.tooltip__trigger:focus .usb-icon__title{display:none}.tooltip__trigger:focus-visible,.tooltip__trigger:focus-within{outline:none}.tooltip__trigger--light{background:var(--token-label-muted,#63637f)}.tooltip__content{border-radius:2px;box-shadow:var(--tooltip-box-shadow,0 4px 6px -1px rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.12));letter-spacing:.02em;position:absolute;max-width:200px;width:60vw;font-size:var(--token-font-size-xs,.75rem);line-height:var(--token-line-height-3xl,1.5);display:none;z-index:1000}.tooltip__content--top{top:-10px;left:50%;transform:translate(-50%,-100%);margin-bottom:var(--token-spacing-2,.5rem)}.tooltip__content--right{left:100%;top:50%;transform:translateY(-50%);margin-left:var(--token-spacing-2,.5rem)}.tooltip__content--bottom{margin-top:var(--token-spacing-2,.5rem);left:50%;transform:translate(-50%)}.tooltip__content--left{top:50%;right:100%;transform:translateY(-50%);margin-right:var(--token-spacing-2,.5rem)}.tooltip__content--dark{background-color:var(--tooltip-dark-background-color,#001e79)}.tooltip__content--dark,.tooltip__content--dark p{color:var(--tooltip-dark-content-text-color,#fff)}.tooltip__content--light{background-color:var(--tooltip-light-background-color,#fff)}.tooltip__content--light,.tooltip__content--light p{color:var(--tooltip-light-content-text-color,#484861)}.tooltip__content--children{padding:var(--token-spacing-1,.25rem) var(--token-spacing-2,.5rem)} /*!*************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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/@usb-shield/react-link/dist/library/styles/index.css?ngGlobalStyle ***! \*************************************************************************************************************************************************************************************************************************************************************************/ .usb-link{background:none;color:inherit;border:none;padding:0;font:inherit;outline:inherit;position:relative;display:inline-flex;gap:var(--token-spacing-2,.5rem);cursor:pointer;align-items:center}.usb-link,.usb-link *{-webkit-tap-highlight-color:rgba(0,0,0,0)!important;-webkit-tap-highlight-color:transparent!important;-webkit-focus-ring-color:transparent!important}.usb-link>span.usb-link_icon,.usb-link>span.usb-link_icon svg,.usb-link span.usb-icon,.usb-link span.usb-icon svg{max-width:var(--token-spacing-5,1.25rem)!important;max-height:var(--token-spacing-5,1.25rem)!important}.usb-link:not(:is(a,button)).is-underlined[aria-disabled=true],.usb-link:not(:is(a,button))[aria-disabled=true]{color:var(--token-label-mid,#484861)!important;font-size:inherit;font-weight:unset!important;-webkit-text-decoration:none!important;text-decoration:none!important;pointer-events:none}.usb-link:not(:is(a,button)).is-underlined[aria-disabled=true] .svg-icon,.usb-link:not(:is(a,button))[aria-disabled=true] .svg-icon{fill:var(--token-label-mid,#484861)!important}.usb-link:is(button).is-underlined:disabled,.usb-link:is(button):disabled{color:var(--token-label-mid,#484861)!important;-webkit-text-decoration:none!important;text-decoration:none!important;cursor:not-allowed}.usb-link:is(button).is-underlined:disabled .svg-icon,.usb-link:is(button):disabled .svg-icon{fill:var(--token-label-mid,#484861)!important}.usb-link:is(button).is-underlined:disabled:hover,.usb-link:is(button):disabled:hover{-webkit-text-decoration:none!important;text-decoration:none!important}.usb-link.cta-style_utility,.usb-link.is-utility-style{color:var(--token-utility-vivid,#484861)!important}.usb-link.cta-style_utility .svg-icon,.usb-link.is-utility-style .svg-icon{fill:var(--token-utility-vivid,#484861)!important}.usb-link.cta-style_highlight,.usb-link.is-highlight-style{color:var(--token-highlight-subdued,#cf2a36)!important}.usb-link.cta-style_highlight .svg-icon,.usb-link.is-highlight-style .svg-icon{fill:var(--token-highlight-subdued,#cf2a36)!important}.usb-link.emphasis_heavy,.usb-link.emphasis_subtle,.usb-link.is-underlined{-webkit-text-decoration:underline!important;text-decoration:underline!important}.usb-link.emphasis_heavy:hover,.usb-link.emphasis_minimal,.usb-link.emphasis_subtle:hover,.usb-link.is-not-underlined,.usb-link.is-underlined:hover{-webkit-text-decoration:none!important;text-decoration:none!important}.usb-link.emphasis_minimal:hover,.usb-link.is-not-underlined:hover{-webkit-text-decoration:underline!important;text-decoration:underline!important}.usb-link.is-size-medium,.usb-link.size_medium{font-size:var(--token-font-size-base,1rem)!important}.usb-link.is-size-small,.usb-link.size_small{font-size:var(--token-font-size-sm,.875rem)!important}.usb-link.is-reverse-contrast,.usb-link.reverse-contrast{color:var(--token-text-color-inverse-primary,#fff)!important}.usb-link.is-reverse-contrast .svg-icon,.usb-link.reverse-contrast .svg-icon{fill:var(--token-text-color-inverse-primary,#fff)!important;background-color:var(--token-background-inverse-primary,#001e79)!important}.usb-link:focus{outline:none}.usb-link:focus:before{border:2px solid var(--token-border-focus,#235ae4);border-radius:var(--token-rounded-sm,.25rem);content:"";height:calc(100% + var(--token-spacing-3, .75rem));position:absolute;left:-.375rem;top:-.375rem;width:calc(100% + var(--token-spacing-3, .75rem))}.usb-link.light:focus:before{border-color:var(--token-border-inverse,#fff)}.usb-link.basic{color:var(--link-basic-text-color,#235ae4);font-size:var(--link-basic-font-size,inherit);font-weight:var(--link-basic-font-weight,500);line-height:var(--link-basic-line-height,1.25);letter-spacing:var(--token-letter-spacing-base,normal);font-family:var(--token-font-base,Circular-USB,Arial,Helvetica,sans-serif);-webkit-text-decoration:underline;text-decoration:underline}.usb-link.basic .svg-icon{fill:var(--link-basic-text-color,#235ae4)}.usb-link.basic:hover{-webkit-text-decoration:none;text-decoration:none}.usb-link.basic.light{color:var(--link-basic-light-text-color,#fff)}@media (hover:none) and (pointer:coarse){.usb-link.basic,.usb-link.basic:hover{-webkit-text-decoration:underline;text-decoration:underline}}.usb-link.inline{color:var(--link-inline-text-color,#235ae4);font-size:inherit;font-weight:inherit;font-family:inherit;-webkit-text-decoration:underline;text-decoration:underline}.usb-link.inline:hover{-webkit-text-decoration:none;text-decoration:none}.usb-link.inline.light{color:var(--link-inline-light-text-color,#fff)}@media (hover:none) and (pointer:coarse){.usb-link.inline,.usb-link.inline:hover{-webkit-text-decoration:underline;text-decoration:underline}}.usb-link.inline.default-no-underline{-webkit-text-decoration:none;text-decoration:none}@media (hover:none) and (pointer:coarse){.usb-link.inline.default-no-underline,.usb-link.inline.default-no-underline:hover{-webkit-text-decoration:none;text-decoration:none}}.usb-link.inline.default-no-underline:focus,.usb-link.inline.default-no-underline:hover,.usb-link.subtle{-webkit-text-decoration:underline;text-decoration:underline}.usb-link.subtle{color:var(--link-subtle-text-color,#484861);font-size:var(--link-subtle-font-size,.75rem);font-weight:var(--link-subtle-font-weight,500);line-height:var(--link-subtle-line-height,1.25);letter-spacing:var(--token-letter-spacing-base,normal);font-family:var(--token-font-base,Circular-USB,Arial,Helvetica,sans-serif)}.usb-link.subtle:hover{-webkit-text-decoration:none;text-decoration:none}.usb-link.subtle.light{color:var(--link-subtle-light-text-color,#fff)}@media (hover:none) and (pointer:coarse){.usb-link.subtle,.usb-link.subtle:hover{-webkit-text-decoration:underline;text-decoration:underline}}.usb-link.arrow{display:inline-flex;align-items:center;font-size:var(--link-arrow-font-size,16px);font-weight:var(--link-arrow-font-weight,500);line-height:var(--link-arrow-line-height,1.25);letter-spacing:var(--token-letter-spacing-base,normal);font-family:var(--token-font-base,Circular-USB,Arial,Helvetica,sans-serif)}.usb-link.arrow:focus:before{height:calc(100% + var(--token-spacing-2, .5rem));width:calc(100% + var(--token-spacing-3, .75rem))}.usb-link.arrow,.usb-link.arrow>a{color:var(--link-arrow-text-color,#235ae4);-webkit-text-decoration:none;text-decoration:none;cursor:pointer}.usb-link.arrow:hover,.usb-link.arrow>a:hover{-webkit-text-decoration:underline;text-decoration:underline}@media (hover:none) and (pointer:coarse){.usb-link.arrow,.usb-link.arrow:hover,.usb-link.arrow>a,.usb-link.arrow>a:hover{-webkit-text-decoration:none;text-decoration:none}}.usb-link.arrow .usb-icon{display:inline-flex;align-items:center;margin-left:var(--token-spacing-1,.25rem)}.usb-link.arrow svg{width:var(--token-spacing-5,1.25rem);height:var(--token-spacing-5,1.25rem);fill:var(--link-arrow-icon-fill-color,#235ae4)}.usb-link.arrow.light,.usb-link.arrow.light>a{color:var(--link-arrow-light-text-color,#fff)}.usb-link.arrow.light svg,.usb-link.arrow.light svg circle,.usb-link.arrow.light svg ellipse,.usb-link.arrow.light svg g,.usb-link.arrow.light svg path{fill:var(--link-arrow-light-icon-fill-color,#fff)}.usb-link.arrow.default-underlined{-webkit-text-decoration:underline;text-decoration:underline}@media (hover:none) and (pointer:coarse){.usb-link.arrow.default-underlined{-webkit-text-decoration:underline;text-decoration:underline}.usb-link.arrow.default-underlined:hover{-webkit-text-decoration:none;text-decoration:none}}.usb-link.arrow.default-underlined:hover{-webkit-text-decoration:none;text-decoration:none}.usb-link.back{display:inline-flex;align-items:center;font-size:inherit;font-weight:var(--token-font-weight-med,500);line-height:var(--token-line-height-lg,1.25)}.usb-link.back:focus:before{height:calc(100% + var(--token-spacing-2, .5rem));width:calc(100% + var(--token-spacing-4, 1rem))}.usb-link.back,.usb-link.back>a{color:var(--link-back-text-color,#235ae4);-webkit-text-decoration:none;text-decoration:none}.usb-link.back:hover,.usb-link.back>a:hover{-webkit-text-decoration:underline;text-decoration:underline}@media (hover:none) and (pointer:coarse){.usb-link.back,.usb-link.back:hover,.usb-link.back>a,.usb-link.back>a:hover{-webkit-text-decoration:none;text-decoration:none}}.usb-link.back .usb-icon{display:inline-flex;align-items:center;margin-right:var(--token-spacing-1,.25rem)}.usb-link.back svg{width:var(--token-spacing-5,1.25rem);height:var(--token-spacing-5,1.25rem);fill:var(--link-back-icon-fill-color,#235ae4)}.usb-link.back.light,.usb-link.back.light>a{color:var(--link-back-light-text-color,#fff)}.usb-link.back.light svg,.usb-link.back.light svg circle,.usb-link.back.light svg ellipse,.usb-link.back.light svg g,.usb-link.back.light svg path{fill:var(--link-back-light-icon-fill-color,#fff)}.usb-link.back.default-underlined{-webkit-text-decoration:underline;text-decoration:underline}@media (hover:none) and (pointer:coarse){.usb-link.back.default-underlined{-webkit-text-decoration:underline;text-decoration:underline}.usb-link.back.default-underlined:hover{-webkit-text-decoration:none;text-decoration:none}}.usb-link.back.default-underlined:hover{-webkit-text-decoration:none;text-decoration:none} /*!***********************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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/@usb-shield/react-forms-combobox/dist/library/styles/index.css?ngGlobalStyle ***! \***********************************************************************************************************************************************************************************************************************************************************************************/ .usb-form-combobox{position:relative;width:100%}.usb-form-combobox_list{background:var(--combobox-list-item-background-color,#fff);border-radius:var(--token-rounded-sm,.25rem);border:1px solid var(--token-border-base,#cdd1e2);box-shadow:var(--token-shadow-md,0 4px 6px -1px rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.12));min-width:calc(100% + var(--token-spacing-2, .5rem));position:absolute;left:calc(var(--token-spacing-1, .25rem)*-1);z-index:1;width:max-content}.usb-form-combobox_list.collapsed{display:none}.usb-form-combobox_list.expanded{display:flex;flex-direction:column}.usb-form-combobox_list-item{cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-family:var(--token-font-base,Circular-USB,Arial,Helvetica,sans-serif);padding:var(--token-spacing-3,.75rem) var(--token-spacing-2,.5rem);position:relative;white-space:nowrap}.usb-form-combobox_list-item:not(:last-of-type){border-bottom:1px solid var(--combobox-list-item-divider-color,#cdd1e2)}.usb-form-combobox_list-item.list-item_selected,.usb-form-combobox_list-item:hover{background:var(--combobox-hover-list-item-background-color,#f1f5fb)}.usb-form-combobox_list-item.list-item_selected span.usb-form-combobox_list-item_value,.usb-form-combobox_list-item:hover span.usb-form-combobox_list-item_value{color:var(--combobox-hover-list-item-text-color,#235ae4)}.usb-form-combobox_list-item.list-item_selected{border:2px solid var(--token-data-a-70,#235ae4)}.usb-form-combobox_list-item_value{color:var(--combobox-list-item-text-color,#2d2d3e);font-family:var(--token-font-base,Circular-USB,Arial,Helvetica,sans-serif);font-size:var(--token-font-size-base,1rem);font-weight:var(--token-font-weight-reg,400);letter-spacing:0;line-height:var(--token-line-height-3xl,1.5)}.usb-form-combobox_list-item_value-secondary{color:var(--token-text-color-tertiary,#63637f);font-family:var(--token-font-base,Circular-USB,Arial,Helvetica,sans-serif);font-size:var(--token-font-size-sm,.875rem);padding-left:var(--token-spacing-2,.5rem)}.usb-form-combobox .sr-only{position:absolute;width:1px;height:1px;padding:var(--token-spacing-0,0);margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:var(--token-spacing-0,0)} /*!*********************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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/@usb-wealthmanagement-npb/react-charts/dist/styles/index.css?ngGlobalStyle ***! \*********************************************************************************************************************************************************************************************************************************************************************************/ .ltv-chart-container { width: 350px; height: 250px; } .doughnut-chart-container { width: auto !important; height: auto !important; margin-top: 0; margin-bottom: 20px; } /*!************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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/@usb-wealthmanagement-npb/service-request/dist/styles/index.css?ngGlobalStyle ***! \************************************************************************************************************************************************************************************************************************************************************************************/ .page-header-container { padding: 10px 20px !important; width: 100% !important; } .page-header { width: 100%; display: flex; } @media screen and (max-width: 900px) { .page-header { flex-direction: column; margin-left: 0; } } .page-title { display: flex; font-family: Circular-USB-Light, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-stretch: normal; line-height: 1.09; letter-spacing: 0.3px; color: #0c2074; font-size: 2.5rem; width: auto; } .smart-grid-content-row-item { font-size: 0.88rem !important; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; } .smart-grid-header-item-main { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; font-size: 1rem !important; } .pdf-link { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; } .page-summary-labael { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; } .dropdown__btn { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; } .column-config-button { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; } .smart-grid-content-row .collateralReleaseAmount { justify-content: flex-end !important; word-break: break-word; text-align: right !important; } .smart-grid-content-row .requestNo { justify-content: flex-end !important; } .smart-grid-content-row .requestedBy { justify-content: flex-start !important; text-align: left !important; } .smart-grid-content-row .type { justify-content: flex-start !important; text-align: left !important; } .open-sr-container { align-items: center; display: flex; color: #be1824; padding-right: 1rem; white-space: nowrap; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; } .open-sr-btn { align-items: center; display: flex; font-family: Circular-USB-Light, Helvetica, Arial, sans-serif; } @media screen and (min-width: 601px) and (max-height: 900px) { .open-sr-btn { margin-left: auto; } } .page-header-right { display: flex; } @media screen and (max-width: 600px) { .page-header-right { flex-direction: column; } } @media screen and (min-width: 901px) { .page-header-right { margin-left: auto; } } .service-request-header { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; font-size: 28px; line-height: 35px; color: #2c2c2c; padding-bottom: 1rem !important; } .createSRModal + .service-request-dashboard-page-main { width: 100vw !important; max-width: 100vw !important; overflow: hidden !important; } .createSRModal .usb-modal-v2--dialog .usb-modal-v2--dialog { max-width: 50vw !important; } @media screen and (min-width: 320px) and (max-width: 720px) { .createSRModal .usb-modal-v2--dialog .usb-modal-v2--dialog { max-width: 100vw !important; width: 100vw !important; } } .createSRModal .usb-modal-v2--container { max-width: 60vw; width: 50vw !important; height: 30vw !important; } @media screen and (min-width: 320px) and (max-width: 720px) { .createSRModal .usb-modal-v2--container { max-width: 100vw !important; width: 100vw !important; min-height: 50vh !important; max-height: 100vh !important; height: 100vh !important; } } .createSRModal .usb-modal-v2--body { min-height: 25vw !important; } @media screen and (min-width: 320px) and (max-width: 720px) { .createSRModal .usb-modal-v2--body { width: 100vw !important; } } .createSRModal .p-0-0 { padding-bottom: 1rem !important; } .sr-radio-lagends .usb--radio-legend { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; font-size: 1rem; line-height: 24px; color: #2c2c2c; } .sr-radio-lagends .usb--radio-label { margin-top: 0px !important; } .sr-notification p { font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; font-size: 0.875rem; line-height: 17px; } .sr-modal-message { font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; font-size: 1rem; margin-bottom: 1rem; letter-spacing: 0; line-height: 24px; } .sr-combo-box li { list-style: none; } .sr-form-helper { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; font-size: 1rem; line-height: 17px; margin-bottom: 1rem; } .usb--floating-label { font-size: 0.875rem !important; } .sr-combo-box span { font-size: 0.875rem !important; } .sr-dropdown button { border: none !important; border-bottom: 1px solid #7f7f84 !important; padding-left: 0 !important; } .sr-dropdown button .dropdown__btn-label { font-size: 0.875rem !important; font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; } .sr-dropdown button { font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; } .sr-dropdown li button { padding-left: 1rem !important; } .usb--error-text-container span { font-size: 0.875rem !important; } .sr-textarea span { font-size: 0.875rem !important; } .info-msg { font-size: 0.875rem; font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; padding-bottom: 1rem; } .column-selction-apply .usb-button { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; } .application-functions-container .usb-button { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; } .pagination-perpage-dropdawn button { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; } .column-config-wrapper .usb--checkbox-label { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; } .pagination-perpage-dropdawn button:focus { outline: 3px solid #235ae4 !important; outline-offset: 4px !important; outline-style: auto !important; border-radius: 0.25rem !important; } .filtered-text-button { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; } .filter-options-main ul li label span { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; } .application-status-filter-options-main ul li label span { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; } .helper_label--wrapper span { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; } .smart-grid-filter-item button span { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; } .column-visibility-button span { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; } .application-functions-container .usb-button { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; } .column-selction-apply .usb-button { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; } .dropdown__btn { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; } .column-config-button { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; } @media screen and (min-width: 320px) and (max-width: 750px) { .service-request-dashboard-page-main .service-request-functions-container { margin-top: 10px; flex-direction: column; gap: 10px; } } @media screen and (min-width: 320px) and (max-width: 750px) { .service-request-dashboard-page-main .service-request-functions-container .usb-button { align-self: baseline; width: 100%; max-width: 100%; } } @media screen and (min-width: 320px) and (max-width: 750px) { .service-request-dashboard-page-main .service-request-functions-container > a { width: 100%; max-width: 100%; } } /* page2 */ .page-header-link { display: flex; justify-content: flex-end; } @media screen and (max-width: 786px) { .page-header-link { flex-direction: column; padding: 0; width: 100%; } } .sr-page-header-link { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; font-size: 1rem !important; text-decoration: none !important; } .sr-left-pannel-box { color: black !important; padding: 20px !important; position: relative !important; margin-left: 12px !important; margin-top: 40px !important; float: left !important; border-radius: 12px !important; background-color: #ffffff !important; box-shadow: -2px 2px 4px 0 rgba(0, 0, 0, 0.5) !important; width: 100% !important; } @media screen and (max-width: 600px) { .sr-left-pannel-box { margin-left: 0px !important; margin-top: 20px !important; padding: 10px !important; } } .sr-left-pannel-ce-box { color: black !important; padding: 20px !important; position: relative !important; margin-left: 12px !important; margin-top: 40px !important; float: left !important; border-radius: 12px !important; background-color: #ffffff !important; box-shadow: -2px 2px 4px 0 rgba(0, 0, 0, 0.5) !important; width: 100% !important; } @media screen and (max-width: 600px) { .sr-left-pannel-ce-box { margin-left: 0px !important; margin-top: 20px !important; padding: 10px !important; } } @media screen and (min-width: 600px) { .sr-left-pannel-box::after { content: " "; position: absolute; right: -35px; top: 32px; border-top: 22px solid transparent; border-right: none; border-left: 35px solid #ffffff; border-bottom: 22px solid transparent; box-shadow: 0px 0px 0px 0 rgba(0, 0, 0, 0.2); } } .sr-summary-layout { background-color: #f2f2f5 !important; padding: 0rem 1rem 1rem 1rem !important; } @media screen and (max-width: 600px) { .sr-summary-layout { padding: 10px !important; } } .sr-left-pannel-box-heading { color: #2c2c2c; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; font-size: 20px; line-height: 25px; padding: 10px 5px; } .border-bottom { border-bottom: 1px solid #d8d8d8 !important; } .sr-left-pannel-box-info-header { font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; color: #2c2c2c; font-size: 14px; margin-left: 20px; margin-top: 10px; font-style: normal; font-stretch: normal; letter-spacing: normal; font-weight: bold; } .sr-left-pannel-box-info-value { font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; color: #555555; font-size: 12px; line-height: 16px; text-align: justify; margin-left: 20px; font-weight: normal; font-style: normal; font-stretch: normal; letter-spacing: normal; word-wrap: break-word; word-break: break-all; } .sr-comment-box { position: relative; width: 98%; margin-top: 40px; height: auto !important; float: right; border-radius: 12px; background-color: #ffffff; box-sizing: border-box; box-shadow: -5px 5px 5px 0 rgba(0, 0, 0, 0.2); margin-left: 1rem; } @media screen and (max-width: 600px) { .sr-comment-box { margin: 20px 0px; width: 100%; padding: 0px !important; } } .sr-green-border { border: 1px solid #0a853d; } .sr-blue-border { border: 1px solid #0c2074; } .sr-status-box-right-align { justify-content: flex-end !important; align-items: flex-end !important; } .sr-status-box { padding-top: 8px; box-sizing: border-box; height: 42px; width: 140px; border: 1px solid !important; border-radius: 0 12px 0 12px; float: right; border-top: none !important; border-right: none !important; text-align: center; } .sr-comment-image { margin-right: 10px; margin-top: 8px; vertical-align: middle; } .sr-request-comment-box { display: inline-flex; margin-left: 1rem; } .sr-response-comment-box { display: inline-flex; } .sr-request-comment-box-heading { font-family: Circular-USB-Bold, Helvetica, Arial, sans-serif; color: #2c2c2c; font-size: 1rem; line-height: 1.5rem; } .sr-request-comment-box-sub-heading { font-family: Circular-USB-Italic, Helvetica, Arial, sans-serif; color: #2c2c2c; font-size: 1rem; line-height: 1.5rem; } .p-0-1 { padding-right: 1rem !important; padding-top: 1rem !important; } .sr-detail-msg { color: #6e6e6e; font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 21px; text-align: justify; padding-top: 10px; padding-bottom: 20px; padding-left: 5px; word-break: break-word; margin-left: 1rem; } .sr-width { width: 100% !important; } .sr-devider-line { margin: 0.75rem !important; } .sr-response-area { max-height: 300px; overflow-y: auto; } .sr-filedisplay-area { width: 100%; flex-direction: row !important; } .sr-filedisplay-area-modal { width: 100%; flex-direction: row !important; display: flex !important; } .sr-filedisplay-area-modal .npb__files-display-box { margin: 0rem !important; } .sr-response-comment-box-heading { font-family: Circular-USB-Italic, Helvetica, Arial, sans-serif; color: #2c2c2c; font-size: 1rem; line-height: 1.5rem; margin-left: 1rem; } .sr-response-comment-box-sub-heading { color: #6e6e6e; font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 21px; text-align: justify; padding-top: 10px; padding-bottom: 20px; padding-left: 5px; word-break: break-word; } .sr-page-footer { padding: 2rem !important; justify-content: center !important; display: flex; align-items: flex-end !important; } .p-1-1 { padding: 1rem !important; padding-top: 0rem !important; } .sr-footer-right-align { width: 100%; background-color: #f2f2f5; border-radius: 0px 0px 12px 12px; flex-direction: row-reverse !important; justify-content: end !important; } @media screen and (max-width: 769px) { .sr-footer-right-align { flex-direction: column !important; align-items: stretch !important; padding: 1rem 0 !important; border-radius: 0 0 12px 12px; } } .sr-footer-btn { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; padding: auto; margin: 1rem; } .sr-btn-fnt { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; } .sr-notification-fnt { font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif !important; } label { font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif !important; } .sr-left-pannel-box-heading-link { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; font-size: 20px !important; text-decoration: none !important; } .usb-modal-v2--container .usb-button.button--standard--minimal:hover { background-color: rgb(35, 90, 228); } .react-spinner { width: -webkit-fill-available !important; height: -webkit-fill-available !important; } .sr-status-box-heading { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; } .span { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif; } .sr-textarea { margin-top: 0.5rem !important; } .service-request-dashboard-page-main { color: #636466 !important; } .create-sr .usb-form-combobox_list.expanded { background: #fff !important; margin: 0px !important; padding: 0px !important; } .sr-coll-rules-link-wrapper { margin-top: 1rem !important; margin-bottom: 1rem !important; padding-left: 20px !important; } .sr-coll-rule-item { display: flex; align-items: baseline; gap: 10px; border-bottom: 1px solid rgb(236, 236, 238); padding-bottom: 10px; padding-top: 10px; } .sr-coll-rule-item .red { color: #be1824; } .sr-coll-rule-item .green { color: #0a853d; } .sr-coll-rule-item div { font-size: 0.875rem !important; } .align-items-initial { align-items: initial !important; } .justify-content-space-between { justify-content: space-between !important; } @media screen and (max-width: 600px) { .justify-content-space-between { flex-direction: column; gap: 10px; justify-content: flex-start !important; } } .usb-list-left-side .files-btn-color { color: #0A41C5 !important; } .usb-list-left-side .npb__file-name { text-align: left !important; } .usb-text_area.is-disabled .usb-text_area--wrapper, .usb-text_area.is-read-only .usb-text_area--wrapper { background-color: #f2f2f5 !important; } .smart-grid-content-row div.sr-assign-banker-modal-main { justify-content: center !important; } .smart-grid-content-row div.sr-assign-banker-modal-main .usb-modal-v2--container .usb-modal-v2--close { justify-content: flex-end !important; } .filter-options-main { max-height: 400px !important; } .npb__file-name-header { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; font-size: 1.25rem; margin: 1rem; } .npb__fileItem { margin: 1rem; } .npb__fileItem ul { margin-left: 0rem; padding-left: 0rem; } .npb__fileItem li { display: inline-block; width: 100%; padding: 0; } .npb__fileItem .npb__file-card-row { box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2); transition: 0.3s; border-radius: 5px; margin-top: 10px; padding: 8px 8px 8px 8px; width: 100%; display: inline-flex; justify-content: space-between; align-items: center; } @media screen and (max-width: 600px) { .npb__fileItem .npb__file-card-row { flex-direction: column; align-items: flex-start; } } .npb__download_all-btn { display: flex; float: inline-end; margin: 1rem !important; font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; } .btn-fnt-family { font-family: Circular-USB-Medium, Helvetica, Arial, sans-serif !important; } .npb__files-display-box { height: auto; color: black; position: relative; float: left; background: #ffffff; border: 1px solid #f7f7fa; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); border-radius: 4px 4px 0px 0px; border-top: 5px solid #0c2074 !important; margin: 1rem !important; flex: 1; } .npb__file-upload-error { width: auto; margin: 1rem; } .sr-file-upload-warning { color: #d9534f; padding: 10px; margin-left: 15px; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); width: 96%; } .usb--error-message { display: flex; justify-content: flex-start; align-items: flex-start; font-size: var(--token-font-size-xs, 0.75rem); } .usb--error-message svg { color: var(--token-status-danger-mid, #ce2935); fill: var(--token-status-danger-mid, #ce2935); height: var(--token-spacing-4, 1rem); margin-right: var(--token-spacing-1, 0.25rem); width: var(--token-spacing-3, 0.75rem); } .usb--error-message span { color: var(--token-status-danger-mid, #ce2935); line-height: var(--token-line-height-lg, 1.25); margin-top: var(--token-spacing-1, 0.25rem); } .usb--error-message span.usb-icon { line-height: var(--token-line-height-base, 1); } .optionalSpan { color: var(--token-text-color-tertiary, #63637f); display: flex; font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-size: var(--token-font-size-xs, 0.75rem); font-weight: var(--token-font-weight-reg, 400); line-height: var(--token-line-height-3xl, 1.5); padding-top: var(--token-spacing-1, 0.25rem); } .helper_label--wrapper { display: flex; justify-content: flex-start; align-items: flex-start; } .helper_label--wrapper .en_dash { color: var(--token-text-color-tertiary, #63637f); font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-size: var(--token-font-size-xs, 0.75rem); font-weight: var(--token-font-weight-reg, 400); line-height: var(--token-line-height-3xl, 1.5); padding: 4px var(--token-spacing-1, 0.25rem) 0; } .shakeWarning { display: block; animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; transform: translateZ(0); backface-visibility: hidden; perspective: 1000px; } @keyframes shake { 10%, 90% { transform: translate3d(-1px, 0, 0); } 20%, 80% { transform: translate3d(2px, 0, 0); } 30%, 50%, 70% { transform: translate3d(-4px, 0, 0); } 40%, 60% { transform: translate3d(4px, 0, 0); } } .icon-container { margin: 0; position: absolute; right: 0; top: var(--token-spacing-1, 0.25rem); } .usb--wrapper button.show-hide__button { background-color: initial; border: none; color: var(--token-text-color-tertiary, #63637f); font-size: var(--token-font-size-sm, 0.875rem); font-weight: var(--token-font-weight-reg, 400); line-height: var(--token-spacing-5, 1.25rem); min-height: var(--token-spacing-6, 1.5rem); margin: 0; outline: none; padding: 0; position: absolute; right: var(--forms-base-label-show-hide-right, 0); top: var(--forms-base-label-show-hide-top, 1rem); } .usb--wrapper button.show-hide__button:after { content: ""; border: 2px solid transparent; border-radius: var(--token-rounded-sm, 0.25rem); height: calc(100% + var(--token-spacing-2, 0.5rem)); position: absolute; left: calc(var(--token-spacing-1, 0.25rem) * -1); top: calc(var(--token-spacing-1, 0.25rem) * -1); transition: var(--token-timing-fast-ease, 0.1s ease) border; width: calc(100% + var(--token-spacing-2, 0.5rem)); } .usb--wrapper button.show-hide__button:hover { -webkit-text-decoration: none; text-decoration: none; } .usb--wrapper button.show-hide__button:focus:after { border-color: var(--token-border-focus, #235ae4); } .usb--checkbox--fieldset { border: 0; margin-bottom: calc(var(--token-spacing-5, 1.25rem) * -1); } .usb--checkbox-group--legend { color: var(--checkbox-group-label-text-color, #2d2d3e); font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-size: var(--token-font-size-base, 1rem); font-weight: var(--token-font-weight-med, 500); line-height: var(--token-line-height-3xl, 1.5); position: relative; } .usb--checkbox-group--legend .usb--error-message span { margin-top: var(--token-spacing-1, 0.25rem); } .usb--checkbox-group--legend .usb-toggletip-container { display: inline-block; position: relative; left: calc(var(--token-spacing-1, 0.25rem) * -1); right: auto; top: var(--token-spacing-1, 0.25rem); transform: none; } .usb--checkbox-group--legend .usb-toggletip-container + .helper_label--wrapper span { padding-top: 0; } .usb--checkbox-group--legend .usb-toggletip-container + .usb--error-message span { margin-top: 0; } .usb--checkbox-group--legend .helper_label--wrapper span { padding-top: var(--token-spacing-1, 0.25rem); } .usb--checkbox-wrapper { margin-top: 0; margin-bottom: var(--token-spacing-5, 1.25rem); min-height: unset; padding-top: 0; flex-basis: 50%; } .usb--checkbox-list { margin-top: var(--token-spacing-6, 1.5rem); } @media only screen and (min-width: 41.9375rem) { .usb--checkbox-list .checkbox-column { flex-basis: 50%; } .usb--checkbox-list .checkbox-column:not(:first-of-type) { margin-left: var(--token-spacing-8, 2rem); } .usb--checkbox-list.columns { display: flex; } } .usb--checkbox-indeterminate_parent + ul > li { margin-bottom: var(--token-spacing-5, 1.25rem); } .usb--checkbox-indeterminate_child { margin-left: var(--token-spacing-5, 1.25rem); } .usb--checkbox--fieldset.usb--selectable-card { margin-bottom: 0; } .usb--checkbox--fieldset.usb--selectable-card .usb--checkbox-list { margin-top: 0; } .usb--checkbox--fieldset.usb--selectable-card .usb--error-message { margin-bottom: var(--token-spacing-3, 0.75rem); } .usb--checkbox--fieldset.usb--selectable-card .usb--selectablecard-wrapper { padding-top: 1px; padding-bottom: 1rem; } .usb--checkbox-input { cursor: pointer; height: var(--token-spacing-11, 2.75rem); opacity: 0; position: absolute; left: calc(var(--token-spacing-3, 0.75rem) * -1); top: calc(var(--token-spacing-3, 0.75rem) * -1); width: var(--token-spacing-11, 2.75rem); z-index: 10; } .usb--checkbox-input:checked + label .usb--checkbox-svg svg, .usb--checkbox-input[aria-checked=mixed] + label .usb--checkbox-svg svg, .usb--checkbox-input[aria-checked=true] + label .usb--checkbox-svg svg { border-width: 0; background: var(--checkbox-checked-icon-background-color, #235ae4); fill: var(--checkbox-checked-icon-fill-color, #fff); } .usb--checkbox-input:checked:disabled + label .usb--checkbox-svg svg, .usb--checkbox-input[aria-checked=mixed]:disabled + label .usb--checkbox-svg svg, .usb--checkbox-input[aria-checked=true]:disabled + label .usb--checkbox-svg svg { fill: var(--checkbox-checked-disabled-icon-fill-color, #7a7a95); } .usb--checkbox-input:disabled + label { color: var(--token-disabled-foreground, #7a7a95); } .usb--checkbox-input[aria-checked=mixed] + label .usb--checkbox-svg svg { stroke: var(--checkbox-checked-icon-fill-color, #fff); } .usb--checkbox-input[aria-checked=mixed]:disabled + label .usb--checkbox-svg svg { stroke: var(--checkbox-checked-disabled-icon-fill-color, #7a7a95); } .usb--checkbox-input:focus + label:after { border-color: var(--checkbox-focus-border-color, #003cc8); } .usb--checkbox-input:disabled, .usb--checkbox-input:disabled + label, .usb--checkbox-input:disabled + label .usb--checkbox-svg svg { cursor: not-allowed; } .usb--checkbox-input:disabled + label .usb--checkbox-svg svg { background: var(--checkbox-disabled-icon-background-color, rgba(205, 209, 226, 0.4)); border-width: 0; } .usb--checkbox-input ~ .helper_label--wrapper { margin-left: var(--token-spacing-8, 2rem); } .usb--checkbox-input:disabled ~ .helper_label--wrapper span { color: var(--token-disabled-foreground, #7a7a95); } .usb--checkbox-icon { margin-right: var(--token-spacing-2, 0.5rem); margin-top: -0.25rem; width: var(--token-spacing-8, 2rem); min-width: var(--token-spacing-8, 2rem); text-align: center; height: var(--token-spacing-8, 2rem) !important; } .usb--checkbox-icon-radius, .usb--checkbox-icon-radius svg { border-radius: 50%; } .usb--checkbox-label { color: var(--checkbox-label-text-color, #484861); cursor: pointer; display: flex; align-items: flex-start; flex-direction: row-reverse; justify-content: flex-end; font-family: var(--checkbox-label-font-family, Circular-USB, Arial, Helvetica, sans-serif); font-size: var(--checkbox-label-font-size, 1rem); font-weight: var(--checkbox-label-font-weight, 400); position: relative; width: 100%; } .usb--checkbox-label:after { content: ""; border: 2px solid transparent; border-radius: var(--checkbox-focus-border-radius, 0.25rem); height: var(--token-spacing-8, 2rem); position: absolute; left: -0.375rem; top: -0.375rem; width: var(--token-spacing-8, 2rem); } .usb--checkbox-label span { display: flex; align-items: center; justify-content: center; } .usb--checkbox-label span.usb--checkbox-svg svg { background: var(--checkbox-icon-background-color, #fff); border: 1px solid var(--checkbox-border-color, #7a7a95); border-radius: var(--checkbox-border-radius, 0.25rem); fill: transparent; stroke: transparent; height: var(--token-spacing-5, 1.25rem); transition: border-color var(--token-timing-default-ease, 0.25s ease); pointer-events: none; min-width: var(--token-spacing-5, 1.25rem); margin-right: var(--token-spacing-3, 0.75rem); position: relative; vertical-align: middle; width: var(--token-spacing-5, 1.25rem); } .usb--checkbox-label span.usb--checkbox-label-text { display: inline; } .usb--checkbox-label + .usb--error-message { margin-left: var(--token-spacing-8, 2rem); } .usb--checkbox-legend { color: var(--checkbox-group-label-text-color, #2d2d3e); font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-size: var(--token-font-size-base, 1rem); font-weight: var(--token-font-weight-med, 500); line-height: var(--token-line-height-3xl, 1.5); position: relative; } .usb--checkbox-legend .usb--error-message span { margin-top: var(--token-spacing-1, 0.25rem); } .usb--checkbox-legend .usb-toggletip-container { display: inline-block; position: relative; left: calc(var(--token-spacing-1, 0.25rem) * -1); right: auto; top: var(--token-spacing-1, 0.25rem); transform: none; } .usb--checkbox-legend .usb-toggletip-container + .helper_label--wrapper span { padding-top: 0; } .usb--checkbox-legend .usb-toggletip-container + .usb--error-message span { margin-top: 0; } .usb--checkbox-legend .helper_label--wrapper span { padding-top: var(--token-spacing-1, 0.25rem); } .usb--checkbox-wrapper { position: relative; width: -moz-fit-content; width: fit-content; } .usb--checkbox-wrapper.usb--checkbox--fieldset > .usb--checkbox-label { margin-top: var(--token-spacing-6, 1.5rem); } .usb--checkbox-wrapper.usb--checkbox--fieldset > .usb--checkbox-input { top: var(--token-spacing-3, 0.75rem); } .usb--checkbox-wrapper .helper_label--wrapper span { color: var(--checkbox-helper-text-text-color, #63637f); } .usb--checkbox-wrapper.is-error .usb--checkbox-input + label .usb--checkbox-svg svg { background: var(--checkbox-error-icon-background-color, #fff); border: 2px solid var(--checkbox-error-border-color, #ce2935); } .usb--checkbox-wrapper.is-error .usb--checkbox-input:checked + label .usb--checkbox-svg svg, .usb--checkbox-wrapper.is-error .usb--checkbox-input[aria-checked=true] + label svg { fill: var(--checkbox-error-icon-fill-color, #ce2935); } .usb--checkbox-wrapper.is-error .usb--checkbox-input[aria-checked=mixed] + label svg { stroke: var(--checkbox-error-icon-fill-color, #ce2935); } .usb--checkbox-wrapper.is-error:hover .usb--checkbox-input:checked + label .usb--checkbox-svg svg, .usb--checkbox-wrapper.is-error:hover .usb--checkbox-input[aria-checked=mixed] + label .usb--checkbox-svg svg, .usb--checkbox-wrapper.is-error:hover .usb--checkbox-input[aria-checked=true] + label .usb--checkbox-svg svg { background: var(--checkbox-hover-error-icon-background-color, #fff); border: 2px solid var(--checkbox-hover-error-border-color, #001e79); fill: var(--checkbox-hover-error-icon-fill-color, #ce2935); } .usb--checkbox-wrapper.is-error:hover .usb--checkbox-input[aria-checked=mixed] + label .usb--checkbox-svg svg { stroke: var(--checkbox-hover-error-icon-fill-color, #ce2935); } .usb--checkbox-wrapper:hover:not(.is-read-only):not(.is-disabled) .usb--checkbox-input + label .usb--checkbox-svg svg { border: 2px solid var(--checkbox-hover-border-color, #003cc8); } .usb--checkbox-wrapper:hover:not(.is-read-only):not(.is-disabled) .usb--checkbox-input:active + label .usb--checkbox-svg svg { border: 2px solid var(--checkbox-hover-active-border-color, #001e79); } .usb--checkbox-wrapper:hover:not(.is-read-only):not(.is-disabled) .usb--checkbox-input:checked + label .usb--checkbox-svg svg, .usb--checkbox-wrapper:hover:not(.is-read-only):not(.is-disabled) .usb--checkbox-input[aria-checked=mixed] + label .usb--checkbox-svg svg, .usb--checkbox-wrapper:hover:not(.is-read-only):not(.is-disabled) .usb--checkbox-input[aria-checked=true] + label .usb--checkbox-svg svg { background: var(--checkbox-checked-hover-icon-background-color, #003cc8); border-width: 0; fill: var(--checkbox-checked-hover-icon-fill-color, #fff); } .usb--checkbox-wrapper:hover:not(.is-read-only):not(.is-disabled) .usb--checkbox-input:checked:active + label .usb--checkbox-svg svg, .usb--checkbox-wrapper:hover:not(.is-read-only):not(.is-disabled) .usb--checkbox-input[aria-checked=mixed]:active + label .usb--checkbox-svg svg, .usb--checkbox-wrapper:hover:not(.is-read-only):not(.is-disabled) .usb--checkbox-input[aria-checked=true]:active + label .usb--checkbox-svg svg { background: var(--checkbox-checked-hover-active-icon-background-color, hsla(0, 0%, 100%, 0.78)); } .usb--checkbox-wrapper:hover:not(.is-read-only):not(.is-disabled) .usb--checkbox-input[aria-checked=mixed] + label .usb--checkbox-svg svg { stroke: var(--checkbox-checked-hover-icon-fill-color, #fff); } .usb--checkbox-wrapper.is-read-only { cursor: not-allowed; } .usb--checkbox-wrapper.is-read-only .usb--checkbox-input, .usb--checkbox-wrapper.is-read-only .usb--checkbox-input + label { pointer-events: none; } .usb--checkbox-wrapper.is-read-only .usb--checkbox-input + label:after { content: ""; border: 2px solid transparent; border-radius: var(--checkbox-focus-border-radius, 0.25rem); height: var(--token-spacing-8, 2rem); position: absolute; left: -0.375rem; top: -0.375rem; width: var(--token-spacing-8, 2rem); } .usb--checkbox-wrapper.is-read-only .usb--checkbox-input + label span { display: flex; align-items: center; justify-content: center; } .usb--checkbox-wrapper.is-read-only .usb--checkbox-input + label span.usb--checkbox-svg svg { background: var(--checkbox-icon-background-color, #fff); border: 1px solid var(--checkbox-border-color, #7a7a95); border-radius: var(--checkbox-border-radius, 0.25rem); fill: transparent; height: var(--token-spacing-5, 1.25rem); transition: border-color var(--token-timing-default-ease, 0.25s ease); pointer-events: none; min-width: var(--token-spacing-5, 1.25rem); margin-right: var(--token-spacing-3, 0.75rem); position: relative; vertical-align: middle; width: var(--token-spacing-5, 1.25rem); } .usb--checkbox-wrapper.is-read-only .usb--checkbox-input + label span.usb--checkbox-label-text { display: inline; } .usb--checkbox-wrapper.is-read-only .usb--checkbox-input + label span:checked + label .usb--checkbox-svg svg, .usb--checkbox-wrapper.is-read-only .usb--checkbox-input + label span[aria-checked=true] + label .usb--checkbox-svg svg { fill: var(--checkbox-readonly-icon-fill-color, #484861); } .usb--checkbox-wrapper.is-read-only .usb--checkbox-input + label span[aria-checked=mixed] + label .usb--checkbox-svg svg { stroke: var(--checkbox-readonly-icon-fill-color, #484861); } .usb--wrapper { background-color: var(--text-input-wrapper-background-color, transparent); margin-top: var(--token-spacing-2, 0.5rem); min-height: var(--token-spacing-12, 3rem); padding-top: var(--token-spacing-4, 1rem); position: relative; width: 100%; z-index: 0; } .usb--wrapper.is-long-label { margin-top: calc(var(--token-spacing-2, 0.5rem) + var(--token-spacing-5, 1.25rem)); } .usb--wrapper .usb--basic-input { background-color: var(--text-input-basic-background-color, transparent); border-radius: var(--text-input-basic-border-radius, 0); border-top: var(--text-input-basic-border-top-width, 0) var(--text-input-basic-border-style, solid) var(--text-input-basic-border-color, #7a7a95); border-right: var(--text-input-basic-border-right-width, 0) var(--text-input-basic-border-style, solid) var(--text-input-basic-border-color, #7a7a95); border-bottom: var(--text-input-basic-border-bottom-width, 1px) var(--text-input-basic-border-style, solid) var(--text-input-basic-border-color, #7a7a95); border-left: var(--text-input-basic-border-left-width, 0) var(--text-input-basic-border-style, solid) var(--text-input-basic-border-color, #7a7a95); color: var(--text-input-basic-text-color, #484861); font-family: var(--text-input-basic-font-family, Circular-USB, Arial, Helvetica, sans-serif); font-size: var(--text-input-basic-font-size, 1rem); font-weight: var(--text-input-basic-font-weight, 400); line-height: var(--token-line-height-3xl, 1.5); margin: var(--text-input-basic-margin-top, 0) var(--text-input-basic-margin-right, auto) var(--text-input-basic-margin-bottom, auto) var(--text-input-basic-margin-left, auto); padding: var(--text-input-basic-padding-top, 0) var(--text-input-basic-padding-right, 0) var(--text-input-basic-padding-bottom, 0) var(--text-input-basic-padding-left, 0); width: 100%; } .usb--wrapper .usb--basic-input.input__date-picker, .usb--wrapper .usb--basic-input.input__show-hide { padding-right: var(--token-spacing-10, 2.5rem); } .usb--wrapper .usb--basic-input.input__has-toggletip { padding-right: var(--token-spacing-6, 1.5rem); } .usb--wrapper .usb--basic-input.input__has-toggletip + .show-hide__button { right: var(--token-spacing-8, 2rem); } .usb--wrapper .usb--basic-input::-ms-clear { display: none; height: var(--token-spacing-0, 0); width: var(--token-spacing-0, 0); } .usb--wrapper .usb--floating-label { background-color: var(--text-input-label-background-color, transparent); color: var(--text-input-label-text-color, #63637f); font-family: var(--text-input-label-font-family, Circular-USB, Arial, Helvetica, sans-serif); font-weight: var(--text-input-label-font-weight, 400); font-size: var(--text-input-label-font-size, 1rem); line-height: var(--text-input-label-line-height, 1.5); position: var(--text-input-label-position, absolute); top: var(--text-input-label-top, 1rem); left: var(--token-spacing-0, 0); transition: all var(--token-timing-default-ease, 0.25s ease); } .usb--wrapper .usb--floating-label_overflow { top: calc(var(--text-input-label-font-size, 1rem) * -1 / var(--text-input-label-line-height, 1.5)); } .usb--wrapper .usb--error-text-container { height: auto; max-height: 0; opacity: 0; transition: max-height var(--token-timing-moderate-ease-in-out, 0.5s ease-in-out), opacity var(--token-timing-moderate-ease-in-out, 0.5s ease-in-out); overflow: hidden; } .usb--wrapper.is-focused:after { content: ""; border: var(--text-input-focus-active-wrapper-border-width, 2px) solid var(--text-input-focus-wrapper-border-color, #235ae4); border-radius: var(--text-input-focus-active-wrapper-border-radius, 0.25rem); height: calc(100% + var(--token-spacing-3, 0.75rem)); position: absolute; left: -0.375rem; top: -0.375rem; width: calc(100% + var(--token-spacing-3, 0.75rem)); z-index: -1; } .usb--wrapper.is-focused.is-long-label:after { height: calc(100% + var(--token-spacing-6, 1.5rem) + 0.375rem); top: -1.5rem; } .usb--wrapper.is-focused.is-value label, .usb--wrapper.is-focused label { color: var(--text-input-active-label-text-color, #63637f); font-family: var(--text-input-active-label-font-family, Circular-USB, Arial, Helvetica, sans-serif); font-weight: var(--text-input-focus-active-label-font-weight, 400); font-size: var(--text-input-focus-active-label-font-size, 0.75rem); line-height: var(--text-input-focus-active-label-line-height, 1.5); top: var(--text-input-focus-active-label-top, 0); } .usb--wrapper.is-focused.is-value label.usb--floating-label_overflow, .usb--wrapper.is-focused label.usb--floating-label_overflow { top: calc(var(--text-input-focus-active-label-font-size, 0.75rem) * -1 * var(--text-input-focus-active-label-line-height, 1.5)); } .usb--wrapper.is-focused .usb--basic-input { outline: transparent; border-top: var(--text-input-focus-border-top-width, 0) var(--text-input-focus-active-border-style, solid) var(--text-input-basic-focus-active-border-color, #235ae4); border-right: var(--text-input-focus-border-right-width, 0) var(--text-input-focus-active-border-style, solid) var(--text-input-basic-focus-active-border-color, #235ae4); border-bottom: var(--text-input-focus-border-bottom-width, 1px) var(--text-input-focus-active-border-style, solid) var(--text-input-basic-focus-active-border-color, #235ae4); border-left: var(--text-input-focus-border-left-width, 0) var(--text-input-focus-active-border-style, solid) var(--text-input-basic-focus-active-border-color, #235ae4); font-family: var(--text-input-basic-focus-active-font-family, Circular-USB, Arial, Helvetica, sans-serif); } .usb--wrapper.is-focused.is-value .usb--basic-input, .usb--wrapper.is-focused .usb--basic-input { margin: var(--text-input-basic-focus-active-margin-top, auto) var(--text-input-basic-focus-active-margin-right, -1px) var(--text-input-basic-focus-active-margin-bottom, -1px) var(--text-input-basic-focus-active-margin-left, 0); } .usb--wrapper.is-focused.is-value .usb--basic-input { border-width: var(--text-input-basic-focus-active-border-top-width, 0) var(--text-input-basic-focus-active-border-right-width, 0) var(--text-input-basic-focus-active-border-bottom-width, 2px) var(--text-input-basic-focus-active-border-left-width, 0); color: var(--text-input-basic-focus-active-text-color, #484861); font-family: var(--text-input-basic-active-font-family, Circular-USB, Arial, Helvetica, sans-serif); font-weight: var(--text-input-basic-focus-active-font-weight, 400); font-size: var(--text-input-basic-focus-active-font-size, 1rem); line-height: var(--text-input-basic-focus-active-line-height, 1.5); } .usb--wrapper.is-value .usb--basic-input { font-weight: var(--text-input-basic-active-font-weight, 400); font-size: var(--text-input-basic-active-font-size, 1rem); line-height: var(--text-input-basic-active-line-height, 1.5); } .usb--wrapper.is-disabled .show-hide__button, .usb--wrapper.is-read-only .show-hide__button { display: none; } .usb--wrapper.is-disabled .usb--floating-label, .usb--wrapper.is-read-only .usb--floating-label { cursor: default; } .usb--wrapper.is-disabled .usb--basic-input, .usb--wrapper.is-read-only .usb--basic-input { border: none; border-bottom: 1px solid var(--text-input-basic-disabled-border-color, transparent); } .usb--wrapper.is-disabled .button__date-picker, .usb--wrapper.is-read-only .button__date-picker { cursor: not-allowed; } .usb--wrapper.is-disabled .usb--floating-label, .usb--wrapper.is-read-only .usb--floating-label { top: var(--text-input-label-top, 1rem); font-size: var(--text-input-label-font-size, 1rem); transition: none; margin-bottom: var(--text-input-basic-focus-active-margin-bottom, -1px); } .usb--wrapper.is-disabled .usb--floating-label_overflow, .usb--wrapper.is-read-only .usb--floating-label_overflow { top: auto; } .usb--wrapper.is-disabled { background: var(--token-disabled-background, rgba(205, 209, 226, 0.4)); } .usb--wrapper.is-disabled .helper_label--wrapper span, .usb--wrapper.is-disabled .icon-container .usb-icon, .usb--wrapper.is-disabled.is-value .usb--floating-label, .usb--wrapper.is-disabled .usb--basic-input, .usb--wrapper.is-disabled .usb--floating-label { cursor: not-allowed; color: var(--token-disabled-foreground, #7a7a95); } .usb--wrapper.is-disabled .usb--basic-input { border-bottom: 1px solid var(--token-disabled-border, #cdd1e2); } .usb--wrapper.is-disabled .button__date-picker .usb-icon, .usb--wrapper.is-disabled .usb-toggletip-container .usb-icon, .usb--wrapper.is-disabled button.show-hide__button { color: var(--token-disabled-foreground, #7a7a95); } .usb--wrapper.is-disabled .button__date-picker .usb-icon svg, .usb--wrapper.is-disabled .icon-container .usb-icon svg, .usb--wrapper.is-disabled .usb-toggletip-container .usb-icon svg { fill: var(--token-disabled-foreground, #7a7a95); } .usb--wrapper.is-value .usb--floating-label { color: var(--text-input-active-label-text-color, #63637f); font-family: var(--text-input-active-label-font-family, Circular-USB, Arial, Helvetica, sans-serif); font-weight: var(--text-input-active-label-font-weight, 400); font-size: var(--text-input-active-label-font-size, 0.75rem); line-height: var(--text-input-active-label-line-height, 1.5); top: var(--text-input-focus-active-label-top, 0); } .usb--wrapper.is-value .usb--floating-label_overflow { top: calc(var(--text-input-active-label-font-size, 0.75rem) * -1 * var(--text-input-active-label-line-height, 1.5)); } .usb--wrapper.is-error.is-focused .usb--floating-label, .usb--wrapper.is-error.is-value .usb--floating-label, .usb--wrapper.is-error .usb--floating-label { color: var(--text-input-error-label-text-color, #ce2935); } .usb--wrapper.is-error.is-focused .usb--basic-input, .usb--wrapper.is-error.is-value .usb--basic-input, .usb--wrapper.is-error .usb--basic-input { border-top: var(--text-input-focus-error-border-top-width, 0) var(--text-input-focus-error-border-style, solid) var(--text-input-basic-error-border-color, #ce2935); border-right: var(--text-input-focus-error-border-right-width, 0) var(--text-input-focus-error-border-style, solid) var(--text-input-basic-error-border-color, #ce2935); border-bottom: var(--text-input-focus-error-border-bottom-width, 2px) var(--text-input-focus-error-border-style, solid) var(--text-input-basic-error-border-color, #ce2935); border-left: var(--text-input-focus-error-border-left-width, 0) var(--text-input-focus-error-border-style, solid) var(--text-input-basic-error-border-color, #ce2935); } .usb--wrapper.is-error.is-focused .usb--error-text-container, .usb--wrapper.is-error.is-value .usb--error-text-container, .usb--wrapper.is-error .usb--error-text-container { max-height: 4rem; opacity: 1; } .usb--wrapper .sr-only { position: absolute; width: 1px; height: 1px; padding: var(--token-spacing-0, 0); margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: var(--token-spacing-0, 0); } .usb--wrapper .button__date-picker { background-color: var(--date-picker-button-background-color, transparent); border: none; position: absolute; right: var(--date-picker-button-right, 0); top: var(--date-picker-button-top, 1rem); } .usb--wrapper.is-card-icon .usb--basic-input.input__show-hide { padding-right: var(--token-spacing-18, 4.5rem); } .usb--wrapper.is-card-icon button.show-hide__button { right: var(--token-spacing-8, 2rem) !important; transition: all 0.3s ease-out; } .usb--wrapper.is-card-icon .icon-container { top: 1.1rem; } .usb--radio-fieldset { border: 0; } .usb--radio-legend { color: var(--forms-radio-group-legend-text-color, #2d2d3e); font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-size: var(--token-font-size-base, 1rem); font-weight: var(--token-font-weight-med, 500); line-height: var(--token-line-height-3xl, 1.5); position: relative; } .usb--radio-legend + .usb--error-message { margin-bottom: var(--token-spacing-3, 0.75rem); } .usb--radio-legend + .usb--error-message span { margin-top: var(--token-spacing-1, 0.25rem); } .usb--radio-wrapper { display: flex; align-items: flex-start; margin-left: calc(var(--token-spacing-3, 0.75rem) * -1); position: relative; z-index: 0; } .usb--radio-wrapper.is-disabled:not(.is-chips), .usb--radio-wrapper.is-read-only:not(.is-chips) { cursor: not-allowed; } .usb--radio-wrapper.is-disabled:not(.is-chips) > *, .usb--radio-wrapper.is-read-only:not(.is-chips) > * { color: var(--token-disabled-foreground, #7a7a95); pointer-events: none; } .usb--radio-wrapper.is-disabled:not(.is-chips) input[type=radio], .usb--radio-wrapper.is-read-only:not(.is-chips) input[type=radio] { border: none; background-clip: content-box; padding: 0; } .usb--radio-wrapper.is-disabled:not(.is-chips) input[type=radio]:not(:checked), .usb--radio-wrapper.is-read-only:not(.is-chips) input[type=radio]:not(:checked) { background-color: var(--token-disabled-background, rgba(205, 209, 226, 0.4)); } .usb--radio-wrapper.is-disabled:not(.is-chips) input[type=radio]:not(:checked):before, .usb--radio-wrapper.is-read-only:not(.is-chips) input[type=radio]:not(:checked):before { content: none; } .usb--radio-wrapper.is-disabled:not(.is-chips) input[type=radio]:not(:checked)::-ms-check, .usb--radio-wrapper.is-read-only:not(.is-chips) input[type=radio]:not(:checked)::-ms-check { border: none; background-color: var(--token-disabled-background, rgba(205, 209, 226, 0.4)); } .usb--radio-wrapper.is-disabled:not(.is-chips) input[type=radio]:checked, .usb--radio-wrapper.is-read-only:not(.is-chips) input[type=radio]:checked { background-color: var(--token-disabled-background, rgba(205, 209, 226, 0.4)); } .usb--radio-wrapper.is-disabled:not(.is-chips) input[type=radio]:checked:before, .usb--radio-wrapper.is-read-only:not(.is-chips) input[type=radio]:checked:before { background: var(--token-disabled-foreground, #7a7a95); } .usb--radio-wrapper.is-disabled:not(.is-chips) input[type=radio]:checked::-ms-check, .usb--radio-wrapper.is-read-only:not(.is-chips) input[type=radio]:checked::-ms-check { border: none; background-color: var(--token-disabled-background, rgba(205, 209, 226, 0.4)); } .usb--radio-wrapper.is-focused:after { content: ""; display: block; border: 2px solid var(--forms-radio-input-focus-border-color, #235ae4); border-radius: var(--token-rounded-sm, 0.25rem); height: var(--token-spacing-7, 1.75rem); position: absolute; left: var(--token-spacing-2, 0.5rem); top: var(--token-spacing-2, 0.5rem); width: var(--token-spacing-7, 1.75rem); z-index: -1; } .usb--radio-label { cursor: pointer; margin-top: var(--token-spacing-3, 0.75rem); } .usb--radio-label + .helper_label--wrapper span { color: var(--forms-radio-helper-text-text-color, #63637f); } .usb--radio-label_container { color: var(--forms-radio-group-label-text-color, #484861); font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-size: var(--token-font-size-base, 1rem); line-height: var(--token-line-height-lg, 1.25); position: relative; vertical-align: top; width: 100%; margin-top: var(--token-spacing-3, 0.75rem); } .usb--radio-label_container .helper_label--wrapper { margin-bottom: var(--token-spacing-3, 0.75rem); } .usb--radio-label_container.has-icon { padding-left: var(--token-spacing-10, 2.5rem); } .usb--radio-label_container.has-icon .usb--radio-icon { position: absolute; left: 0; } .usb--radio-input { appearance: none; background-color: var(--forms-radio-input-background-color, #fff); border: 1px solid var(--forms-radio-input-border-color, #7a7a95); border-radius: var(--token-rounded-full, 50%); cursor: pointer; height: var(--token-spacing-5, 1.25rem); margin: var(--token-spacing-3, 0.75rem); min-width: var(--token-spacing-5, 1.25rem); outline: none; padding: 3px; position: relative; width: var(--token-spacing-5, 1.25rem); } .usb--radio-input:before { background: var(--forms-radio-input-background-color, #fff); border-radius: var(--token-rounded-full, 50%); content: ""; height: calc(var(--token-spacing-2, 0.5rem) + 0.125rem); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(var(--token-spacing-2, 0.5rem) + 0.125rem); } .usb--radio-input:checked { border: 2px solid var(--forms-radio-input-checked-border-color, #235ae4); } .usb--radio-input:checked:before { background: var(--forms-radio-input-checked-background-color, #235ae4); } .usb--radio-input:checked::-ms-check { border: 2px solid var(--forms-radio-input-checked-border-color, #235ae4); color: var(--token-color-brand-interaction, #0058ff); } .usb--radio-input:hover:not(:disabled) { border: 2px solid var(--forms-radio-input-hover-border-color, #235ae4); } .usb--radio-input:hover:not(:disabled):checked:before { background: var(--forms-radio-input-hover-background-color, #235ae4); } .usb--radio-input:hover:not(:disabled)::-ms-check { border: 2px solid var(--forms-radio-input-hover-border-color, #235ae4); color: var(--token-color-brand-interaction, #0058ff); } .is-focused .usb--radio-input:active:not(:disabled) { border: 2px solid var(--forms-radio-input-focus-border-color, #235ae4); } .is-focused .usb--radio-input:active:not(:disabled):checked:before { background: var(--forms-radio-input-focus-background-color, #235ae4); } .is-focused .usb--radio-input:active:not(:disabled)::-ms-check { border: 2px solid var(--forms-radio-input-focus-border-color, #235ae4); color: var(--token-background-brand-primary, #001e79); } .usb--radio-input.is-error { border: 2px solid var(--forms-radio-input-error-border-color, #ce2935); } .usb--radio-input.is-error:checked:before { background: var(--forms-radio-input-error-background-color, #ce2935); } .usb--radio-input.is-error::-ms-check { border: 2px solid var(--forms-radio-input-error-border-color, #ce2935); color: var(--token-background-brand-primary, #001e79); } .usb--radio-icon { margin-right: var(--token-spacing-2, 0.5rem); text-align: center; height: var(--token-spacing-8, 2rem); } .usb--radio-icon-radius { border-radius: 50%; } .usb--radio-img { min-width: var(--token-spacing-8, 2rem); } .usb--radio-img, .usb--radio-svg svg { width: var(--token-spacing-8, 2rem); margin-top: calc(var(--token-spacing-1, 0.25rem) * -1); height: var(--token-spacing-8, 2rem); vertical-align: top; } .usb--radio-fieldset .usb--selectablecard-wrapper { padding-top: 1px; padding-bottom: 1rem; } .usb--select--wrapper { margin-top: var(--token-spacing-2, 0.5rem); min-height: var(--token-spacing-12, 3rem); position: relative; width: 100%; z-index: 0; } .usb--select--wrapper.is-focused:after { content: ""; border: var(--forms-select-wrapper-focused-border-width, 2px) solid var(--token-border-focus, #235ae4); border-radius: var(--token-rounded-sm, 0.25rem); height: calc(100% + var(--token-spacing-3, 0.75rem)); position: absolute; left: -0.375rem; top: -0.375rem; width: calc(100% + var(--token-spacing-3, 0.75rem)); } .usb--select--wrapper.is-focused .usb--select--container { border-top: var(--forms-select-focused-border-top-width, 0) var(--forms-select-focused-border-style, solid) var(--forms-select-focused-border-color, #235ae4); border-right: var(--forms-select-focused-border-right-width, 0) var(--forms-select-focused-border-style, solid) var(--forms-select-focused-border-color, #235ae4); border-bottom: var(--forms-select-focused-border-bottom-width, 2px) var(--forms-select-focused-border-style, solid) var(--forms-select-focused-border-color, #235ae4); border-left: var(--forms-select-focused-border-left-width, 0) var(--forms-select-focused-border-style, solid) var(--forms-select-focused-border-color, #235ae4); padding-top: var(--forms-select-focused-padding-top, 0); } .usb--select--wrapper.is-error .usb--select--label { color: var(--token-text-color-error, #ce2935); } .usb--select--wrapper.is-error .usb--select--container { border-top: var(--forms-select-focused-error-border-top-width, 0) var(--forms-select-focused-error-border-style, solid) var(--forms-select-focused-error-border-color, #ce2935); border-right: var(--forms-select-focused-error-border-right-width, 0) var(--forms-select-focused-error-border-style, solid) var(--forms-select-focused-error-border-color, #ce2935); border-bottom: var(--forms-select-focused-error-border-bottom-width, 2px) var(--forms-select-focused-error-border-style, solid) var(--forms-select-focused-error-border-color, #ce2935); border-left: var(--forms-select-focused-error-border-left-width, 0) var(--forms-select-focused-error-border-style, solid) var(--forms-select-focused-error-border-color, #ce2935); padding-top: var(--forms-select-focused-padding-top, 0); } .usb--select--wrapper.is-error.is-focused .usb--select--label, .usb--select--wrapper.is-error.is-value .usb--select--label, .usb--select--wrapper.is-error .usb--select--label { color: var(--token-text-color-error, #ce2935); } .usb--select--wrapper.is-error.is-focused .usb--select--container, .usb--select--wrapper.is-error.is-value .usb--select--container, .usb--select--wrapper.is-error .usb--select--container { border-top: var(--forms-select-focused-error-border-top-width, 0) var(--forms-select-focused-error-border-style, solid) var(--forms-select-focused-error-border-color, #ce2935); border-right: var(--forms-select-focused-error-border-right-width, 0) var(--forms-select-focused-error-border-style, solid) var(--forms-select-focused-error-border-color, #ce2935); border-bottom: var(--forms-select-focused-error-border-bottom-width, 2px) var(--forms-select-focused-error-border-style, solid) var(--forms-select-focused-error-border-color, #ce2935); border-left: var(--forms-select-focused-error-border-left-width, 0) var(--forms-select-focused-error-border-style, solid) var(--forms-select-focused-error-border-color, #ce2935); padding-top: var(--forms-select-focused-padding-top, 0); } .usb--select--wrapper .usb--select--label { color: var(--token-text-color-tertiary, #63637f); display: inline-block; font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-size: var(--token-font-size-xs, 0.75rem); font-weight: var(--token-font-weight-reg, 400); line-height: var(--token-line-height-3xl, 1.5); position: relative; z-index: 2; top: 0.125rem; } .usb--select--wrapper .usb--select--container { background-color: var(--token-background-primary, #fff); border-radius: var(--forms-select-border-radius, 0); border-top: var(--forms-select-border-top-width, 0) var(--forms-select-border-style, solid) var(--forms-select-border-color, #7a7a95); border-right: var(--forms-select-border-right-width, 0) var(--forms-select-border-style, solid) var(--forms-select-border-color, #7a7a95); border-bottom: var(--forms-select-border-bottom-width, 1px) var(--forms-select-border-style, solid) var(--forms-select-border-color, #7a7a95); border-left: var(--forms-select-border-left-width, 0) var(--forms-select-border-style, solid) var(--forms-select-border-color, #7a7a95); padding: var(--forms-select-padding-top, 0) var(--forms-select-padding-right, 0) var(--forms-select-padding-bottom, 0) var(--forms-select-padding-left, 0); position: relative; z-index: 1; } .usb--select--wrapper .usb--select--container .usb--select { appearance: none; background-color: var(--token-background-primary, #fff); border: none; border-radius: var(--token-rounded-square, 0); color: var(--token-text-color-secondary, #484861); font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-weight: var(--token-font-weight-reg, 400); font-size: var(--token-font-size-base, 1rem); line-height: var(--token-line-height-3xl, 1.5); padding-left: var(--token-spacing-0, 0); padding-right: 20px; transition: all var(--token-timing-default-ease, 0.25s ease); width: 100%; } @media (-ms-high-contrast: active), (-ms-high-contrast: none) { .usb--select--wrapper .usb--select--container .usb--select { color: var(--token-text-color-secondary, #484861); } } .usb--select--wrapper .usb--select--container .usb--select::-ms-expand { display: none; } .usb--select--wrapper .usb--select--container .usb--select:focus { margin: var(--token-spacing-0, 0); outline: none; } .usb--select--wrapper .usb--select--container .usb--select:focus::-ms-value { background-color: var(--token-background-primary, #fff); color: var(--token-text-color-secondary, #484861); } .usb--select--wrapper .usb--select--container .usb--select:-moz-focusring { color: var(--token-text-color-secondary, #484861); -moz-appearance: none; } .usb--select--wrapper .usb--select--container .select--chevron { position: absolute; right: var(--forms-select-chevron-right, 0); top: var(--forms-select-chevron-top, 0); pointer-events: none; } .usb--select--wrapper .usb--select--container .select--chevron svg { fill: var(--token-text-color-secondary, #484861); } .usb--select--wrapper.is-value .usb--select { color: var(--token-text-color-primary, #2d2d3e); } .usb--select--wrapper.is-value .usb--select:-moz-focusring { color: var(--token-text-color-primary, #2d2d3e); } @media (-ms-high-contrast: active), (-ms-high-contrast: none) { .usb--select--wrapper.is-value .usb--select:focus::-ms-value { background-color: var(--token-background-primary, #fff); color: var(--token-text-color-primary, #2d2d3e); } } .usb--select--wrapper.is-read-only { cursor: not-allowed; } .usb--select--wrapper.is-read-only .usb--select--container { background-color: initial; border: none; border-bottom: 1px solid transparent; pointer-events: none; } .usb--select--wrapper.is-read-only .usb--select--container .usb--select { color: var(--token-text-color-secondary, #484861); pointer-events: none; } .usb--select--wrapper.is-read-only .en_dash, .usb--select--wrapper.is-read-only.is-value .optionalSpan, .usb--select--wrapper.is-read-only .show-hide__button, .usb--select--wrapper.is-read-only .usb--info-message, .usb--select--wrapper.is-read-only .usb--select--container .select--chevron, .usb--select--wrapper.is-read-only .usb-toggletip-container { display: none; } .usb--select--wrapper.is-read-only .usb--select--label { pointer-events: none; } .usb--select--wrapper.is-disabled { background-color: var(--token-disabled-background, rgba(205, 209, 226, 0.4)); cursor: not-allowed; } .usb--select--wrapper.is-disabled .usb--select--label { color: var(--token-disabled-foreground, #7a7a95); pointer-events: none; } .usb--select--wrapper.is-disabled .usb--select--container { border-bottom-color: var(--token-disabled-border, #cdd1e2); background-color: initial; } .usb--select--wrapper.is-disabled .usb--select--container .usb--select { background-color: initial; color: var(--token-disabled-foreground, #7a7a95); pointer-events: none; opacity: 1; } .usb--select--wrapper.is-disabled .usb--select--container .select--chevron svg { fill: var(--token-disabled-foreground, #7a7a95); } .usb--select--wrapper.is-disabled .helper_label--wrapper span { color: var(--token-disabled-foreground, #7a7a95); } .usb-text_area { display: flex; flex-direction: column; position: relative; width: 100%; z-index: 0; } .usb-text_area.is-focused:after { content: ""; border: 2px solid var(--text-area-focus-outline-border-color, #235ae4); border-radius: var(--token-rounded-sm, 0.25rem); height: calc(100% + var(--token-spacing-3, 0.75rem)); position: absolute; left: -0.375rem; top: -0.375rem; width: calc(100% + var(--token-spacing-3, 0.75rem)); z-index: -1; } .usb-text_area.is-focused .usb-text_area--wrapper { border-color: var(--text-area-focus-border-color, #235ae4); } .usb-text_area.is-focused label, .usb-text_area.is-value label { color: var(--text-area-focus-label-text-color, #63637f); font-size: var(--token-font-size-xs, 0.75rem); } .usb-text_area.is-disabled .usb-text_area--wrapper, .usb-text_area.is-read-only .usb-text_area--wrapper { border: 1px solid var(--token-utility-subdued, #cdd1e2); } .usb-text_area.is-disabled .usb-text_area-basic, .usb-text_area.is-read-only .usb-text_area-basic { resize: none; } .usb-text_area.is-disabled .usb--floating-label, .usb-text_area.is-read-only .usb--floating-label { cursor: default; } .usb-text_area.is-disabled .usb-text_area--helpers_counter, .usb-text_area.is-read-only .usb-text_area--helpers_counter { display: none; } .usb-text_area.is-read-only:not(.is-value) .usb--floating-label { color: var(--text-area-label-text-color, #484861); font-size: var(--token-font-size-base, 1rem); transition: none; } .usb-text_area.is-disabled .usb-text_area--wrapper { background: var(--token-disabled-background, rgba(205, 209, 226, 0.4)); } .usb-text_area.is-disabled .helper_label--wrapper span, .usb-text_area.is-disabled.is-value .usb--floating-label, .usb-text_area.is-disabled .usb--floating-label, .usb-text_area.is-disabled .usb-text_area-basic { cursor: not-allowed; color: var(--token-disabled-foreground, #7a7a95); } .usb-text_area.is-error .usb-text_area--wrapper { border: 2px solid var(--text-area-error-border-color, #ce2935); } .usb-text_area.is-error .usb-text_area--wrapper label { color: var(--text-area-error-label-text-color, #ce2935); } .usb-text_area.not-resizable textarea { resize: none; } .usb-text_area--wrapper { background-color: var(--token-background-primary, #fff); border: 1px solid var(--text-area-border-color, #7a7a95); border-radius: var(--token-rounded-sm, 0.25rem); color: var(--token-text-color-primary, #2d2d3e); display: flex; flex-direction: column; padding: var(--token-spacing-2, 0.5rem) var(--token-spacing-4, 1rem); position: relative; } .usb-text_area--wrapper label { color: var(--text-area-label-text-color, #484861); font-weight: var(--token-font-weight-reg, 400); min-height: var(--token-spacing-6, 1.5rem); transition: all var(--token-timing-default-ease, 0.25s ease); } .usb-text_area--wrapper .usb-text_area-basic, .usb-text_area--wrapper label { background-color: initial; font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-size: var(--token-font-size-base, 1rem); line-height: var(--token-line-height-3xl, 1.5); } .usb-text_area--wrapper .usb-text_area-basic { border: none; color: var(--text-area-input-value-text-color, #2d2d3e); margin-top: var(--token-spacing-0, 0); outline: none; overflow-x: hidden; overflow-y: auto; padding: var(--token-spacing-0, 0); resize: vertical; width: 100%; } .usb-text_area--helpers { display: flex; justify-content: flex-end; width: 100%; } .usb-text_area--helpers_content { display: flex; flex-direction: column; flex-grow: 2; padding-right: var(--token-spacing-2, 0.5rem); } .usb-text_area--helpers_counter { color: var(--text-area-helper-text-text-color, #63637f); font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-size: var(--token-font-size-xs, 0.75rem); font-weight: var(--token-font-weight-reg, 400); line-height: var(--token-line-height-3xl, 1.5); padding-top: var(--token-spacing-1, 0.25rem); white-space: nowrap; } .usb-text_area--helpers_counter.max-length-exceeded { color: var(--token-text-color-error, #ce2935); font-weight: var(--token-font-weight-bold, 700); } .usb-toggletip-container { margin: 0; position: absolute; right: var(--forms-base-toggletip-button-right, -0.75rem); top: var(--forms-base-toggletip-button-top, 0.25rem); } .usb-toggletip-container, .usb-toggletip-container button { height: var(--token-spacing-11, 2.75rem); width: var(--token-spacing-11, 2.75rem); } .usb-toggletip-container button { background-color: initial; border: none; font-size: var(--token-font-size-xs, 0.75rem); font-weight: var(--token-font-weight-reg, 400); line-height: var(--token-line-height-3xl, 1.5); outline: none; padding: 0; position: relative; } .usb-toggletip-container button:focus > span:after { content: ""; border: 2px solid var(--token-border-focus, #235ae4); border-radius: var(--token-rounded-sm, 0.25rem); height: var(--token-spacing-7, 1.75rem); position: absolute; left: calc(var(--token-spacing-1, 0.25rem) * -1); top: calc(var(--token-spacing-1, 0.25rem) * -1); width: var(--token-spacing-7, 1.75rem); } .usb-toggletip-container button > span { display: block; height: 1.25rem; margin: 0 auto; position: relative; width: 1.25rem; } .usb-toggletip-container button > span svg:focus { outline: none; } .usb-toggletip-container button.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .usb-toggletip-container .usb-toggletip-flyout { font-size: var(--token-font-size-xs, 0.75rem); outline: none; position: absolute; right: var(--token-spacing-2, 0.5rem); bottom: calc(100% + 0.5rem); width: 11.25rem; z-index: 1; } .usb-toggletip-container .usb-toggletip-flyout_children { box-shadow: var(--token-shadow-md, 0 4px 6px -1px rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.12)); line-height: var(--token-line-height-3xl, 1.5); padding: var(--token-spacing-1, 0.25rem) var(--token-spacing-2, 0.5rem); } .usb-toggletip-container .usb-toggletip-flyout.dark { background-color: var(--token-background-inverse-primary, #001e79); color: var(--token-text-color-inverse-primary, #fff); } .usb-toggletip-container .usb-toggletip-flyout.light { background-color: var(--token-background-primary, #fff); color: var(--token-text-color-secondary, #484861); } .usb-toggletip-container .usb-toggletip-flyout:focus:after { content: ""; border: 2px solid var(--token-border-focus, #235ae4); border-radius: var(--token-rounded-sm, 0.25rem); height: calc(100% + var(--token-spacing-3, 0.75rem)); position: absolute; left: -0.375rem; top: -0.375rem; width: calc(100% + var(--token-spacing-3, 0.75rem)); } .usb--info-message { color: var(--token-text-color-tertiary, #63637f); display: flex; font-family: var(--token-font-base, Circular-USB, Arial, Helvetica, sans-serif); font-size: var(--token-font-size-xs, 0.75rem); font-weight: var(--token-font-weight-reg, 400); line-height: var(--token-line-height-3xl, 1.5); padding-top: var(--token-spacing-1, 0.25rem); } .usb--info-message.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .usb--selectablecard { transition: box-shadow 0.25s ease-out; margin: 2px; border-radius: 10px; position: relative; background-color: var(--token-background-primary, #fff); cursor: pointer; } .usb--selectablecard .usb--checkbox-svg .usb-icon { width: 1.25rem; height: 1.25rem; margin: 1rem; display: block; border: 1px solid var(--token-color-grey-60, #7a7a95); border-radius: 4px; overflow: hidden; } .usb--selectablecard .usb--checkbox-svg .usb-icon svg { display: none; } .usb--selectablecard .usb--selectablecard-body { border: 1px solid var(--token-color-grey-30, #cdd1e2); border-radius: 10px; } .usb--selectablecard .usb--selectablecard-labeltext { font-size: var(--token-font-size-lg, 1.25rem); font-weight: var(--token-font-weight-med, 500); color: var(--token-text-color-brand-primary, #001e79); } .usb--selectablecard .usb--selectablecard-helper { font-size: var(--token-font-size-sm, 0.875rem); } .usb--selectablecard .usb--radio-input { margin: 1rem; } .usb--selectablecard:hover:not(.is-disabled) { box-shadow: var(--token-shadow-md, 0 4px 6px -1px rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.12)); } .usb--selectablecard:hover:not(.is-disabled) .usb--checkbox-svg .usb-icon, .usb--selectablecard:hover:not(.is-disabled) .usb--radio-input { border: 2px solid var(--token-background-brand-interaction, #235ae4); } .usb--selectablecard:active:not(.is-disabled) { box-shadow: var(--token-shadow-sm, 0 1px 3px 0 rgba(0, 0, 0, 0.12)); } .usb--selectablecard:not(.is-disabled) .usb--checkbox-input:checked + .usb--checkbox-svg svg { display: block; border: none; background: var(--token-background-brand-interaction, #235ae4); fill: var(--token-background-primary, #fff); } .usb--selectablecard:not(.is-disabled) .usb--checkbox-input:checked + .usb--checkbox-svg .usb-icon { border: none; } .usb--selectablecard:not(.is-disabled).is-error .usb--checkbox-input:checked + .usb--checkbox-svg .usb-icon { border: 2px solid var(--token-color-error-msg, #be1324); } .usb--selectablecard:not(.is-disabled).is-error:hover .usb--checkbox-input:checked + .usb--checkbox-svg .usb-icon { border: 2px solid var(--token-background-brand-interaction, #235ae4); } .usb--selectablecard.is-error:not(.is-disabled), .usb--selectablecard:active:not(.is-disabled), .usb--selectablecard:focus-within:not(.is-disabled) { margin: 0; border: 2px solid var(--token-background-brand-interaction, #235ae4); border-radius: 12px; } .usb--selectablecard.is-error:not(.is-disabled) .usb--selectablecard-body, .usb--selectablecard:active:not(.is-disabled) .usb--selectablecard-body, .usb--selectablecard:focus-within:not(.is-disabled) .usb--selectablecard-body { border-color: transparent; } .usb--selectablecard:focus-within:not(.is-disabled) .usb--checkbox-svg:after, .usb--selectablecard:focus-within:not(.is-disabled) .usb--radio-input:after { content: ""; display: block; position: absolute; top: -0.375rem; left: -0.375rem; width: 1.75rem; height: 1.75rem; border: 2px solid var(--token-background-brand-interaction, #235ae4); border-radius: 4px; } .usb--selectablecard:focus-within:not(.is-disabled) .usb--checkbox-svg:after { top: 0.75rem; left: 0.75rem; } .usb--selectablecard.is-error:not(.is-disabled) { border-color: var(--token-color-error-msg, #be1324); } .usb--selectablecard.is-error:not(.is-disabled) .usb--radio-input { border: 2px solid var(--token-color-error-msg, #be1324); } .usb--selectablecard.is-error:not(.is-disabled) .usb--radio-input:hover { border: 2px solid var(--token-background-brand-interaction, #235ae4); } .usb--selectablecard.is-error:not(.is-disabled) .usb--radio-input:checked:before { background-color: var(--token-color-error-msg, #be1324); } .usb--selectablecard.is-error:not(.is-disabled) .usb--checkbox-svg .usb-icon { border: 2px solid var(--token-color-error-msg, #be1324); } .usb--selectablecard.is-error:not(.is-disabled) .usb--checkbox-svg .usb-icon svg { background: transparent; fill: var(--token-color-error-msg, #be1324); margin-top: -1px; margin-left: -2px; } .usb--selectablecard.is-disabled .usb--radio-input { border: 0; background-color: var(--token-disabled-background, rgba(205, 209, 226, 0.4)); cursor: not-allowed; } .usb--selectablecard.is-disabled .usb--radio-input:before { display: none; } .usb--selectablecard.is-disabled .usb--radio-input:checked { background-color: var(--token-disabled-background, rgba(205, 209, 226, 0.4)); border: 0; } .usb--selectablecard.is-disabled .usb--radio-input:checked:before { display: block; background-color: var(--token-disabled-foreground, #7a7a95); } .usb--selectablecard.is-disabled .usb--checkbox-svg { cursor: not-allowed; } .usb--selectablecard.is-disabled .usb--checkbox-svg .usb-icon { background: var(--checkbox-disabled-icon-background-color, rgba(205, 209, 226, 0.4)); border: 0; } .usb--selectablecard.is-disabled .usb--checkbox-svg .usb-icon svg { fill: var(--token-disabled-foreground, #7a7a95); } .usb--selectablecard.is-disabled .usb--selectablecard-body { cursor: not-allowed; border: 1px solid var(--token-disabled-border, #cdd1e2); } .usb--selectablecard.is-disabled .usb--selectablecard-body .usb--selectablecard-helper, .usb--selectablecard.is-disabled .usb--selectablecard-body label, .usb--selectablecard.is-disabled .usb--selectablecard-body label .usb--selectablecard-image, .usb--selectablecard.is-disabled .usb--selectablecard-body label .usb--selectablecard-labeltext { cursor: not-allowed; } .usb--selectablecard.is-disabled .usb--selectablecard-body .usb--selectablecard-helper, .usb--selectablecard.is-disabled .usb--selectablecard-body label .usb--selectablecard-labeltext { color: var(--token-disabled-foreground, #7a7a95); } .usb--selectablecard.is-disabled .usb--checkbox-input:checked + .usb--checkbox-svg .usb-icon svg { display: block; fill: var(--checkbox-checked-disabled-icon-fill-color, #7a7a95); } .usb--selectablecard.is-read-only { pointer-events: none; } .usb--selectablecard.is-read-only .usb--radio-input { border: 2px solid var(--token-color-grey-30, #cdd1e2); background-color: var(--token-color-grey-30, #cdd1e2); } .usb--selectablecard.is-read-only .usb--radio-input:before { display: none; } .usb--selectablecard.is-read-only .usb--checkbox-svg .usb-icon { border: 1px solid var(--token-color-grey-30, #cdd1e2); background-color: var(--token-color-grey-30, #cdd1e2); } .usb--selectablecard.horizontal-illustration, .usb--selectablecard.horizontal-image { display: flex; flex-direction: column; justify-content: center; } .usb--selectablecard.horizontal-illustration .usb--selectablecard-body, .usb--selectablecard.horizontal-image .usb--selectablecard-body { padding: 1rem 3rem 1rem 6.625rem; min-height: 5.625rem; display: flex; flex-direction: column; justify-content: center; } .usb--selectablecard.horizontal-illustration .usb--checkbox-svg, .usb--selectablecard.horizontal-illustration input, .usb--selectablecard.horizontal-image .usb--checkbox-svg, .usb--selectablecard.horizontal-image input { position: absolute; right: 0; top: 50%; margin-top: -0.65rem; left: unset; } .usb--selectablecard.horizontal-illustration input[type=checkbox], .usb--selectablecard.horizontal-image input[type=checkbox] { margin-top: -1.4rem; } .usb--selectablecard.horizontal-illustration .usb--checkbox-svg, .usb--selectablecard.horizontal-image .usb--checkbox-svg { margin-top: -1.6rem; } .usb--selectablecard.horizontal-illustration .usb--selectablecard-image, .usb--selectablecard.horizontal-image .usb--selectablecard-image { position: absolute; left: 0; top: 0; width: 5.525rem; height: 100%; border-top-left-radius: 10px; border-bottom-left-radius: 10px; overflow: hidden; } .usb--selectablecard.horizontal-illustration .usb--selectablecard-image img, .usb--selectablecard.horizontal-image .usb--selectablecard-image img { width: 100%; height: 100%; object-fit: cover; } .usb--selectablecard.usb--selectablecard.horizontal-image .usb--selectablecard-helper { font-size: var(--token-font-size-base, 1rem); } .usb--selectablecard.horizontal-illustration .usb--selectablecard-image { padding: 0 0 0 1rem; width: 6.5rem; } .usb--selectablecard.horizontal-illustration .usb--selectablecard-image svg { width: 100%; height: 100%; } .usb--selectablecard.horizontal-illustration .usb--selectablecard-body { padding-left: 7.625rem; } .usb--selectablecard.vertical-illustration, .usb--selectablecard.vertical-image { display: flex; flex-direction: column; } .usb--selectablecard.vertical-illustration .usb--checkbox-svg, .usb--selectablecard.vertical-illustration input, .usb--selectablecard.vertical-image .usb--checkbox-svg, .usb--selectablecard.vertical-image input { position: absolute; top: 12.75rem; left: 0.125rem; } .usb--selectablecard.vertical-illustration .usb--selectablecard-body, .usb--selectablecard.vertical-image .usb--selectablecard-body { padding-bottom: 1.5rem; } .usb--selectablecard.vertical-illustration .usb--selectablecard-body label, .usb--selectablecard.vertical-image .usb--selectablecard-body label { display: flex; flex-direction: column; } .usb--selectablecard.vertical-illustration .usb--selectablecard-image, .usb--selectablecard.vertical-image .usb--selectablecard-image { width: calc(100% + 2px); margin: -1px 0 0 -1px; border-top-left-radius: 10px; border-top-right-radius: 10px; order: -1; height: 12.125rem; overflow: hidden; } .usb--selectablecard.vertical-illustration .usb--selectablecard-image img, .usb--selectablecard.vertical-image .usb--selectablecard-image img { width: 100%; } .usb--selectablecard.vertical-illustration .usb--selectablecard-helper, .usb--selectablecard.vertical-illustration .usb--selectablecard-labeltext, .usb--selectablecard.vertical-image .usb--selectablecard-helper, .usb--selectablecard.vertical-image .usb--selectablecard-labeltext { margin-left: 3.3rem; margin-right: 1rem; } .usb--selectablecard.vertical-illustration .usb--selectablecard-labeltext, .usb--selectablecard.vertical-image .usb--selectablecard-labeltext { margin-top: 1.5rem; } .usb--selectablecard.vertical-image .usb--selectablecard-image { display: flex; flex-direction: column; justify-content: center; } .usb--selectablecard.vertical-illustration .usb--checkbox-svg, .usb--selectablecard.vertical-illustration input { top: 0; right: 0; left: unset; } .usb--selectablecard.vertical-illustration .usb--selectablecard-image { padding: 1rem; height: 6.5rem; text-align: center; } .usb--selectablecard.vertical-illustration .usb--selectablecard-image img, .usb--selectablecard.vertical-illustration .usb--selectablecard-image svg { width: 5.5rem; } .usb--selectablecard.vertical-illustration .usb--selectablecard-helper, .usb--selectablecard.vertical-illustration .usb--selectablecard-labeltext { margin-left: 1rem; text-align: center; display: block; } .usb--selectablecard.vertical-illustration .usb--selectablecard-labeltext { margin-top: 0.5rem; font-size: var(--token-font-size-base, 1rem); } /*!****************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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/@usb-wealthmanagement-npb/suitability-content/dist/styles/index.css?ngGlobalStyle ***! \****************************************************************************************************************************************************************************************************************************************************************************************/ .suitability-content a { color: #235ae4 !important; font-family: "Circular-USB-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif !important; font-weight: 400 !important; } .suitability-content ul { font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 24px; color: #636466; margin: 4px 0px 0px 0px !important; } .suitability-content li { margin: 4px 0px 0px 0px !important; font-family: "Circular-USB-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; line-height: 24px; color: #636466; padding: 0px !important; } .suitability-content li:first-child { margin-top: 0px !important; } .suitability-content .sc-card { margin-bottom: 20px; border-radius: 8px; border: 1px solid #CCCCD2; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); font-family: Circular-USB-Regular, Helvetica, Arial, sans-serif; font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: 0px; color: #636466; } .suitability-content .pad-12 { padding: 12px; } .suitability-content .font-regular { font-family: "Circular-USB-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif; } .suitability-content .checkbox-wrapper { border-radius: 0px 0px 8px 8px; font-family: "Circular-USB-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif; } .suitability-content .checkbox-wrapper .usb--checkbox-label-text { color: #484861 !important; font-family: "Circular-USB-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif !important; } .suitability-content .checkbox-wrapper { background-color: #EEEEF2; padding: 10px; } .suitability-content .checkbox-wrapper .usb--checkbox-wrapper:last-child, .suitability-content .checkbox-wrapper .usb--checkbox-wrapper { margin-bottom: 4px !important; border-bottom: none !important; } .suitability-content .checkbox-wrapper a { margin-left: 40px; } .suitability-content .checkbox-wrapper a:hover { text-decoration: underline !important; } .suitability-content .notice-advisor-text .checkbox-wrapper .usb--checkbox-wrapper { margin-bottom: -10px !important; } .suitability-content .text-transform-uppercase { text-transform: uppercase; } .suitability-content .notice-advisor-content { max-height: 400px; overflow-y: auto; } .suitability-content .notice-advisor-content div, .suitability-content .notice-advisor-content p { font-family: "Circular-USB-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif !important; } /*# sourceMappingURL=styles.css.map*/