@govtechsg/sgds-web-component 0.0.12 → 1.0.0-rc.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/base/card-element.d.ts +4 -4
- package/base/dropdown-element.d.ts +25 -1
- package/base/link-element.d.ts +6 -0
- package/components/Accordion/sgds-accordion-item.d.ts +8 -4
- package/components/Accordion/sgds-accordion.d.ts +4 -2
- package/components/ActionCard/sgds-action-card.d.ts +38 -10
- package/components/Button/sgds-button.d.ts +16 -10
- package/components/Card/index.d.ts +1 -0
- package/components/Card/sgds-card.d.ts +24 -0
- package/components/Checkbox/sgds-checkbox.d.ts +26 -7
- package/components/FileUpload/index.d.ts +1 -1
- package/components/FileUpload/sgds-file-upload.d.ts +44 -0
- package/components/Footer/sgds-footer.d.ts +35 -1
- package/components/Input/sgds-input.d.ts +46 -13
- package/components/Mainnav/sgds-mainnav-item.d.ts +5 -1
- package/components/Mainnav/sgds-mainnav.d.ts +20 -5
- package/components/Masthead/sgds-masthead.d.ts +17 -0
- package/components/QuantityToggle/sgds-quantity-toggle.d.ts +39 -14
- package/components/Radio/sgds-radio-group.d.ts +27 -12
- package/components/Radio/sgds-radio.d.ts +12 -3
- package/components/Sidenav/sgds-sidenav-item.d.ts +27 -6
- package/components/Sidenav/sgds-sidenav-link.d.ts +6 -1
- package/components/Sidenav/sgds-sidenav.d.ts +8 -1
- package/components/Spinner/index.d.ts +1 -0
- package/components/Spinner/sgds-spinner.d.ts +11 -0
- package/components/Table/sgds-table.d.ts +54 -3
- package/components/Textarea/sgds-textarea.d.ts +44 -15
- package/index.d.ts +2 -0
- package/index.js +910 -530
- package/index.js.map +1 -1
- package/main.d.ts +1 -0
- package/package.json +1 -1
- package/react/action-card/index.d.ts +3 -1
- package/react/{fileupload → card}/index.d.ts +1 -1
- package/react/checkbox/index.d.ts +3 -1
- package/react/cjs/index.js +1080 -648
- package/react/cjs/index.js.map +1 -1
- package/react/dropdown/index.d.ts +6 -1
- package/react/file-upload/index.d.ts +5 -0
- package/react/index.d.ts +4 -2
- package/react/index.js +1052 -622
- package/react/index.js.map +1 -1
- package/react/input/index.d.ts +6 -1
- package/react/mainnav-dropdown/index.d.ts +6 -1
- package/react/quantity-toggle/index.d.ts +4 -1
- package/react/radio/index.d.ts +4 -1
- package/react/radio-group/index.d.ts +3 -1
- package/react/spinner/index.d.ts +3 -0
- package/react/textarea/index.d.ts +6 -1
- package/umd/index.js +838 -529
- package/umd/index.js.map +1 -1
- package/utils/form.d.ts +16 -0
- package/components/FileUpload/sgds-fileupload.d.ts +0 -22
package/umd/index.js
CHANGED
|
@@ -109,7 +109,7 @@
|
|
|
109
109
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
110
110
|
*/console.warn("The main 'lit-element' module entrypoint is deprecated. Please update your imports to use the 'lit' package: 'lit' and 'lit/decorators.ts' or import from 'lit-element/lit-element.ts'. See https://lit.dev/msg/deprecated-import-path for more information.");
|
|
111
111
|
|
|
112
|
-
var css_248z$w = i$6`@charset "UTF-8";:root{--sgds-blue:#1f69ff;--sgds-purple:#5925dc;--sgds-pink:#d63384;--sgds-red:#d7260f;--sgds-yellow:#f79009;--sgds-green:#0a8217;--sgds-cyan:#0f71bb;--sgds-white:#fff;--sgds-gray:#344054;--sgds-gray-dark:#000;--sgds-gray-100:#f7f7f9;--sgds-gray-200:#e4e7ec;--sgds-gray-300:#d0d5dd;--sgds-gray-400:#98a2b3;--sgds-gray-500:#667085;--sgds-gray-600:#344054;--sgds-gray-700:#1d2939;--sgds-gray-800:#000;--sgds-gray-900:#000;--sgds-primary:#5925dc;--sgds-secondary:#1f69ff;--sgds-success:#0a8217;--sgds-info:#0f71bb;--sgds-warning:#f79009;--sgds-danger:#d7260f;--sgds-light:#f7f7f9;--sgds-dark:#000;--sgds-primary-rgb:89,37,220;--sgds-secondary-rgb:31,105,255;--sgds-success-rgb:10,130,23;--sgds-info-rgb:15,113,187;--sgds-warning-rgb:247,144,9;--sgds-danger-rgb:215,38,15;--sgds-light-rgb:247,247,249;--sgds-dark-rgb:0,0,0;--sgds-white-rgb:255,255,255;--sgds-black-rgb:0,0,0;--sgds-body-color-rgb:29,41,57;--sgds-body-bg-rgb:255,255,255;--sgds-font-sans-serif:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--sgds-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--sgds-gradient:linear-gradient(180deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,0));--sgds-body-font-family:var(--sgds-font-sans-serif);--sgds-body-font-size:1rem;--sgds-body-font-weight:400;--sgds-body-line-height:2;--sgds-body-color:#1d2939;--sgds-body-bg:#fff;--sgds-gutter-x:1.5rem}@media (min-width:992px){:root{--section-padding:3rem 1.5rem;--section-padding-xs:1rem 1.5rem;--section-padding-sm:1.5rem 1.5rem;--section-padding-lg:9rem 1.5rem;--section-padding-xl:18rem 1.5rem}}*,:after,:before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:var(--sgds-body-bg);color:var(--sgds-body-color);font-family:var(--sgds-body-font-family);font-size:var(--sgds-body-font-size);font-weight:var(--sgds-body-font-weight);line-height:var(--sgds-body-line-height);margin:0;text-align:var(--sgds-body-text-align)}hr{background-color:currentColor;border:0;color:inherit;margin:1rem 0;opacity:.25}hr:not([size]){height:1px}.h1,.h2,.h3,.h4,.h5,.h6,.sgds.footer .footer-header .title,h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:.5rem;margin-top:0}.h1,h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){.h1,h1{font-size:2.5rem}}.h2,h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){.h2,h2{font-size:2rem}}.h3,.sgds.footer .footer-header .title,h3{font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){.h3,.sgds.footer .footer-header .title,h3{font-size:1.5rem}}.h4,h4{font-size:1.125rem}.h5,.h6,h5,h6{font-size:1rem}p{margin-bottom:1.5rem;margin-top:0}abbr[data-bs-original-title],abbr[title]{cursor:help;text-decoration:underline dotted;text-decoration-skip-ink:none}address{font-style:normal;line-height:inherit;margin-bottom:1rem}ol,ul{padding-left:2rem}dl,ol,ul{margin-bottom:1rem;margin-top:0}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}.small,small{font-size:.875em}.mark,mark{background-color:#fcf8e3;padding:.2em}sub,sup{font-size:.75em;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#0f71bb;text-decoration:underline}a:hover{color:#0c5a96}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{direction:ltr;font-family:var(--sgds-font-monospace);font-size:1em;unicode-bidi:bidi-override}pre{display:block;font-size:.875em;margin-bottom:1rem;margin-top:0;overflow:auto}pre code{color:inherit;font-size:inherit;word-break:normal}code{word-wrap:break-word;color:#d63384;font-size:.875em}a>code{color:inherit}kbd{background-color:#000;border-radius:.2rem;color:#fff;font-size:.875em;padding:.2rem .4rem}kbd kbd{font-size:1em;font-weight:700;padding:0}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{border-collapse:collapse;caption-side:bottom}caption{color:#667085;padding-bottom:1rem;padding-top:1rem;text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,tfoot,th,thead,tr{border:0 solid;border-color:inherit}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,optgroup,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]::-webkit-calendar-picker-indicator{display:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{border-style:none;padding:0}textarea{resize:vertical}fieldset{border:0;margin:0;min-width:0;padding:0}legend{float:left;font-size:calc(1.275rem + .3vw);line-height:inherit;margin-bottom:.5rem;padding:0;width:100%}@media (min-width:1200px){legend{font-size:1.5rem}}legend+*{clear:left}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::file-selector-button{font:inherit}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}output{display:inline-block}iframe{border:0}summary{cursor:pointer;display:list-item}progress{vertical-align:baseline}[hidden]{display:none!important}.h1,h1{line-height:1.2}.h2,h2{line-height:1.25}.h3,.sgds.footer .footer-header .title,h3{line-height:1.33}.h4,h4{line-height:1.78}.h5,.h6,h5,h6{line-height:1.2}.lead{font-size:1.25rem;font-weight:300}.display-0{font-size:calc(1.475rem + 2.7vw);font-weight:700;line-height:1.2}@media (min-width:1200px){.display-0{font-size:3.5rem}}.display-1{font-size:calc(1.375rem + 1.5vw);font-weight:700;line-height:1.2}@media (min-width:1200px){.display-1{font-size:2.5rem}}.display-2{font-size:calc(1.325rem + .9vw);font-weight:700;line-height:1.2}@media (min-width:1200px){.display-2{font-size:2rem}}.display-3{font-size:calc(1.275rem + .3vw);font-weight:700;line-height:1.2}@media (min-width:1200px){.display-3{font-size:1.5rem}}.display-4{font-size:1.125rem;font-weight:700;line-height:1.2}.display-5,.display-6{font-size:1rem;font-weight:700;line-height:1.2}.list-inline,.list-unstyled{list-style:none;padding-left:0}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:.875em;text-transform:uppercase}.blockquote{font-size:1.25rem;margin-bottom:1rem}.blockquote>:last-child{margin-bottom:0}.blockquote-footer{color:#344054;font-size:.875em;margin-bottom:1rem;margin-top:-1rem}.blockquote-footer:before{content:"— "}p+p{margin-top:1.5rem}a{text-underline-offset:.25rem}a[target=_blank]:after{content:"\\f1c5";display:inline-block;font-family:bootstrap-icons;padding-left:.25rem;text-decoration-line:none}.img-fluid,.img-thumbnail{height:auto;max-width:100%}.img-thumbnail{background-color:#fff;border:1px solid #d0d5dd;border-radius:.3125rem;padding:.25rem}.figure{display:inline-block}.figure-img{line-height:1;margin-bottom:.5rem}.figure-caption{color:#344054;font-size:.875em}.section{padding:var(--section-padding)}.section-xs{padding:var(--section-padding-xs)}.section-sm{padding:var(--section-padding-sm)}.section-md{padding:var(--section-padding)}.section-lg{padding:var(--section-padding-lg)}.section-xl{padding:var(--section-padding-xl)}.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{margin-left:auto;margin-right:auto;padding-left:var(--sgds-gutter-x,.75rem);padding-right:var(--sgds-gutter-x,.75rem);width:100%}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}@media (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1320px}}.row{--sgds-gutter-x:1.5rem;--sgds-gutter-y:0;display:flex;flex-wrap:wrap;margin-left:calc(var(--sgds-gutter-x)*-.5);margin-right:calc(var(--sgds-gutter-x)*-.5);margin-top:calc(var(--sgds-gutter-y)*-1)}.row>*{flex-shrink:0;margin-top:var(--sgds-gutter-y);max-width:100%;padding-left:calc(var(--sgds-gutter-x)*.5);padding-right:calc(var(--sgds-gutter-x)*.5);width:100%}.col{flex:1 0 0%}.row-cols-auto>*{flex:0 0 auto;width:auto}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.6666666667%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.33333333%}.col-2{flex:0 0 auto;width:16.66666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33333333%}.col-5{flex:0 0 auto;width:41.66666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.33333333%}.col-8{flex:0 0 auto;width:66.66666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.33333333%}.col-11{flex:0 0 auto;width:91.66666667%}.col-12{flex:0 0 auto;width:100%}.offset-1{margin-left:8.33333333%}.offset-2{margin-left:16.66666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333333%}.offset-5{margin-left:41.66666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333333%}.offset-8{margin-left:66.66666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333333%}.offset-11{margin-left:91.66666667%}.g-0,.gx-0{--sgds-gutter-x:0}.g-0,.gy-0{--sgds-gutter-y:0}.g-1,.gx-1{--sgds-gutter-x:0.25rem}.g-1,.gy-1{--sgds-gutter-y:0.25rem}.g-2,.gx-2{--sgds-gutter-x:0.5rem}.g-2,.gy-2{--sgds-gutter-y:0.5rem}.g-3,.gx-3{--sgds-gutter-x:1rem}.g-3,.gy-3{--sgds-gutter-y:1rem}.g-4,.gx-4{--sgds-gutter-x:1.5rem}.g-4,.gy-4{--sgds-gutter-y:1.5rem}.g-5,.gx-5{--sgds-gutter-x:2rem}.g-5,.gy-5{--sgds-gutter-y:2rem}.g-6,.gx-6{--sgds-gutter-x:2.5rem}.g-6,.gy-6{--sgds-gutter-y:2.5rem}.g-7,.gx-7{--sgds-gutter-x:3rem}.g-7,.gy-7{--sgds-gutter-y:3rem}.g-8,.gx-8{--sgds-gutter-x:3.5rem}.g-8,.gy-8{--sgds-gutter-y:3.5rem}@media (min-width:576px){.col-sm{flex:1 0 0%}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.6666666667%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.33333333%}.col-sm-2{flex:0 0 auto;width:16.66666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-5{flex:0 0 auto;width:41.66666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333333%}.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333333%}.col-sm-11{flex:0 0 auto;width:91.66666667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333333%}.offset-sm-2{margin-left:16.66666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333333%}.offset-sm-5{margin-left:41.66666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333333%}.offset-sm-8{margin-left:66.66666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333333%}.offset-sm-11{margin-left:91.66666667%}.g-sm-0,.gx-sm-0{--sgds-gutter-x:0}.g-sm-0,.gy-sm-0{--sgds-gutter-y:0}.g-sm-1,.gx-sm-1{--sgds-gutter-x:0.25rem}.g-sm-1,.gy-sm-1{--sgds-gutter-y:0.25rem}.g-sm-2,.gx-sm-2{--sgds-gutter-x:0.5rem}.g-sm-2,.gy-sm-2{--sgds-gutter-y:0.5rem}.g-sm-3,.gx-sm-3{--sgds-gutter-x:1rem}.g-sm-3,.gy-sm-3{--sgds-gutter-y:1rem}.g-sm-4,.gx-sm-4{--sgds-gutter-x:1.5rem}.g-sm-4,.gy-sm-4{--sgds-gutter-y:1.5rem}.g-sm-5,.gx-sm-5{--sgds-gutter-x:2rem}.g-sm-5,.gy-sm-5{--sgds-gutter-y:2rem}.g-sm-6,.gx-sm-6{--sgds-gutter-x:2.5rem}.g-sm-6,.gy-sm-6{--sgds-gutter-y:2.5rem}.g-sm-7,.gx-sm-7{--sgds-gutter-x:3rem}.g-sm-7,.gy-sm-7{--sgds-gutter-y:3rem}.g-sm-8,.gx-sm-8{--sgds-gutter-x:3.5rem}.g-sm-8,.gy-sm-8{--sgds-gutter-y:3.5rem}}@media (min-width:768px){.col-md{flex:1 0 0%}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.6666666667%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.33333333%}.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333333%}.col-md-11{flex:0 0 auto;width:91.66666667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333333%}.offset-md-5{margin-left:41.66666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333333%}.offset-md-8{margin-left:66.66666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333333%}.offset-md-11{margin-left:91.66666667%}.g-md-0,.gx-md-0{--sgds-gutter-x:0}.g-md-0,.gy-md-0{--sgds-gutter-y:0}.g-md-1,.gx-md-1{--sgds-gutter-x:0.25rem}.g-md-1,.gy-md-1{--sgds-gutter-y:0.25rem}.g-md-2,.gx-md-2{--sgds-gutter-x:0.5rem}.g-md-2,.gy-md-2{--sgds-gutter-y:0.5rem}.g-md-3,.gx-md-3{--sgds-gutter-x:1rem}.g-md-3,.gy-md-3{--sgds-gutter-y:1rem}.g-md-4,.gx-md-4{--sgds-gutter-x:1.5rem}.g-md-4,.gy-md-4{--sgds-gutter-y:1.5rem}.g-md-5,.gx-md-5{--sgds-gutter-x:2rem}.g-md-5,.gy-md-5{--sgds-gutter-y:2rem}.g-md-6,.gx-md-6{--sgds-gutter-x:2.5rem}.g-md-6,.gy-md-6{--sgds-gutter-y:2.5rem}.g-md-7,.gx-md-7{--sgds-gutter-x:3rem}.g-md-7,.gy-md-7{--sgds-gutter-y:3rem}.g-md-8,.gx-md-8{--sgds-gutter-x:3.5rem}.g-md-8,.gy-md-8{--sgds-gutter-y:3.5rem}}@media (min-width:992px){.col-lg{flex:1 0 0%}.row-cols-lg-auto>*{flex:0 0 auto;width:auto}.row-cols-lg-1>*{flex:0 0 auto;width:100%}.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.row-cols-lg-6>*{flex:0 0 auto;width:16.6666666667%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.33333333%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-11{flex:0 0 auto;width:91.66666667%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333333%}.offset-lg-2{margin-left:16.66666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333333%}.offset-lg-5{margin-left:41.66666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333333%}.offset-lg-8{margin-left:66.66666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333333%}.offset-lg-11{margin-left:91.66666667%}.g-lg-0,.gx-lg-0{--sgds-gutter-x:0}.g-lg-0,.gy-lg-0{--sgds-gutter-y:0}.g-lg-1,.gx-lg-1{--sgds-gutter-x:0.25rem}.g-lg-1,.gy-lg-1{--sgds-gutter-y:0.25rem}.g-lg-2,.gx-lg-2{--sgds-gutter-x:0.5rem}.g-lg-2,.gy-lg-2{--sgds-gutter-y:0.5rem}.g-lg-3,.gx-lg-3{--sgds-gutter-x:1rem}.g-lg-3,.gy-lg-3{--sgds-gutter-y:1rem}.g-lg-4,.gx-lg-4{--sgds-gutter-x:1.5rem}.g-lg-4,.gy-lg-4{--sgds-gutter-y:1.5rem}.g-lg-5,.gx-lg-5{--sgds-gutter-x:2rem}.g-lg-5,.gy-lg-5{--sgds-gutter-y:2rem}.g-lg-6,.gx-lg-6{--sgds-gutter-x:2.5rem}.g-lg-6,.gy-lg-6{--sgds-gutter-y:2.5rem}.g-lg-7,.gx-lg-7{--sgds-gutter-x:3rem}.g-lg-7,.gy-lg-7{--sgds-gutter-y:3rem}.g-lg-8,.gx-lg-8{--sgds-gutter-x:3.5rem}.g-lg-8,.gy-lg-8{--sgds-gutter-y:3.5rem}}@media (min-width:1200px){.col-xl{flex:1 0 0%}.row-cols-xl-auto>*{flex:0 0 auto;width:auto}.row-cols-xl-1>*{flex:0 0 auto;width:100%}.row-cols-xl-2>*{flex:0 0 auto;width:50%}.row-cols-xl-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-xl-4>*{flex:0 0 auto;width:25%}.row-cols-xl-5>*{flex:0 0 auto;width:20%}.row-cols-xl-6>*{flex:0 0 auto;width:16.6666666667%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.33333333%}.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333333%}.col-xl-11{flex:0 0 auto;width:91.66666667%}.col-xl-12{flex:0 0 auto;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333333%}.offset-xl-2{margin-left:16.66666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333333%}.offset-xl-5{margin-left:41.66666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333333%}.offset-xl-8{margin-left:66.66666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333333%}.offset-xl-11{margin-left:91.66666667%}.g-xl-0,.gx-xl-0{--sgds-gutter-x:0}.g-xl-0,.gy-xl-0{--sgds-gutter-y:0}.g-xl-1,.gx-xl-1{--sgds-gutter-x:0.25rem}.g-xl-1,.gy-xl-1{--sgds-gutter-y:0.25rem}.g-xl-2,.gx-xl-2{--sgds-gutter-x:0.5rem}.g-xl-2,.gy-xl-2{--sgds-gutter-y:0.5rem}.g-xl-3,.gx-xl-3{--sgds-gutter-x:1rem}.g-xl-3,.gy-xl-3{--sgds-gutter-y:1rem}.g-xl-4,.gx-xl-4{--sgds-gutter-x:1.5rem}.g-xl-4,.gy-xl-4{--sgds-gutter-y:1.5rem}.g-xl-5,.gx-xl-5{--sgds-gutter-x:2rem}.g-xl-5,.gy-xl-5{--sgds-gutter-y:2rem}.g-xl-6,.gx-xl-6{--sgds-gutter-x:2.5rem}.g-xl-6,.gy-xl-6{--sgds-gutter-y:2.5rem}.g-xl-7,.gx-xl-7{--sgds-gutter-x:3rem}.g-xl-7,.gy-xl-7{--sgds-gutter-y:3rem}.g-xl-8,.gx-xl-8{--sgds-gutter-x:3.5rem}.g-xl-8,.gy-xl-8{--sgds-gutter-y:3.5rem}}@media (min-width:1400px){.col-xxl{flex:1 0 0%}.row-cols-xxl-auto>*{flex:0 0 auto;width:auto}.row-cols-xxl-1>*{flex:0 0 auto;width:100%}.row-cols-xxl-2>*{flex:0 0 auto;width:50%}.row-cols-xxl-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-xxl-4>*{flex:0 0 auto;width:25%}.row-cols-xxl-5>*{flex:0 0 auto;width:20%}.row-cols-xxl-6>*{flex:0 0 auto;width:16.6666666667%}.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-1{flex:0 0 auto;width:8.33333333%}.col-xxl-2{flex:0 0 auto;width:16.66666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.33333333%}.col-xxl-5{flex:0 0 auto;width:41.66666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.33333333%}.col-xxl-8{flex:0 0 auto;width:66.66666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.33333333%}.col-xxl-11{flex:0 0 auto;width:91.66666667%}.col-xxl-12{flex:0 0 auto;width:100%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.33333333%}.offset-xxl-2{margin-left:16.66666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.33333333%}.offset-xxl-5{margin-left:41.66666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.33333333%}.offset-xxl-8{margin-left:66.66666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.33333333%}.offset-xxl-11{margin-left:91.66666667%}.g-xxl-0,.gx-xxl-0{--sgds-gutter-x:0}.g-xxl-0,.gy-xxl-0{--sgds-gutter-y:0}.g-xxl-1,.gx-xxl-1{--sgds-gutter-x:0.25rem}.g-xxl-1,.gy-xxl-1{--sgds-gutter-y:0.25rem}.g-xxl-2,.gx-xxl-2{--sgds-gutter-x:0.5rem}.g-xxl-2,.gy-xxl-2{--sgds-gutter-y:0.5rem}.g-xxl-3,.gx-xxl-3{--sgds-gutter-x:1rem}.g-xxl-3,.gy-xxl-3{--sgds-gutter-y:1rem}.g-xxl-4,.gx-xxl-4{--sgds-gutter-x:1.5rem}.g-xxl-4,.gy-xxl-4{--sgds-gutter-y:1.5rem}.g-xxl-5,.gx-xxl-5{--sgds-gutter-x:2rem}.g-xxl-5,.gy-xxl-5{--sgds-gutter-y:2rem}.g-xxl-6,.gx-xxl-6{--sgds-gutter-x:2.5rem}.g-xxl-6,.gy-xxl-6{--sgds-gutter-y:2.5rem}.g-xxl-7,.gx-xxl-7{--sgds-gutter-x:3rem}.g-xxl-7,.gy-xxl-7{--sgds-gutter-y:3rem}.g-xxl-8,.gx-xxl-8{--sgds-gutter-x:3.5rem}.g-xxl-8,.gy-xxl-8{--sgds-gutter-y:3.5rem}}.table{--sgds-table-bg:transparent;--sgds-table-accent-bg:transparent;--sgds-table-striped-color:#1d2939;--sgds-table-striped-bg:rgba(0,0,0,.05);--sgds-table-active-color:#1d2939;--sgds-table-active-bg:rgba(0,0,0,.1);--sgds-table-hover-color:#1d2939;--sgds-table-hover-bg:rgba(0,0,0,.075);border-color:#98a2b3;color:#1d2939;margin-bottom:1rem;vertical-align:top;width:100%}.table>:not(caption)>*>*{background-color:var(--sgds-table-bg);border-bottom-width:1px;box-shadow:inset 0 0 0 9999px var(--sgds-table-accent-bg);padding:1rem}.table>tbody{vertical-align:inherit}.table>thead{vertical-align:bottom}.table>:not(:first-child){border-top:2px solid}.caption-top{caption-side:top}.table-sm>:not(caption)>*>*{padding:.5rem}.table-bordered>:not(caption)>*{border-width:1px 0}.table-bordered>:not(caption)>*>*{border-width:0 1px}.table-borderless>:not(caption)>*>*{border-bottom-width:0}.table-borderless>:not(:first-child){border-top-width:0}.table-striped>tbody>tr:nth-of-type(odd)>*{--sgds-table-accent-bg:var(--sgds-table-striped-bg);color:var(--sgds-table-striped-color)}.table-active{--sgds-table-accent-bg:var(--sgds-table-active-bg);color:var(--sgds-table-active-color)}.table-hover>tbody>tr:hover>*{--sgds-table-accent-bg:var(--sgds-table-hover-bg);color:var(--sgds-table-hover-color)}.table-danger,.table-info,.table-primary,.table-secondary,.table-success,.table-warning{--sgds-table-bg:#000;--sgds-table-striped-bg:#0d0d0d;--sgds-table-striped-color:#fff;--sgds-table-active-bg:#1a1a1a;--sgds-table-active-color:#fff;--sgds-table-hover-bg:#131313;--sgds-table-hover-color:#fff;border-color:#1a1a1a;color:#fff}.table-light{--sgds-table-bg:#f7f7f9;--sgds-table-striped-bg:#ebebed;--sgds-table-striped-color:#000;--sgds-table-active-bg:#dedee0;--sgds-table-active-color:#000;--sgds-table-hover-bg:#e4e4e6;--sgds-table-hover-color:#000;border-color:#dedee0;color:#000}.table-dark{--sgds-table-bg:#000;--sgds-table-striped-bg:#0d0d0d;--sgds-table-striped-color:#fff;--sgds-table-active-bg:#1a1a1a;--sgds-table-active-color:#fff;--sgds-table-hover-bg:#131313;--sgds-table-hover-color:#fff;border-color:#1a1a1a;color:#fff}.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}@media (max-width:575.98px){.table-responsive-sm{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media (max-width:767.98px){.table-responsive-md{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media (max-width:991.98px){.table-responsive-lg{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media (max-width:1199.98px){.table-responsive-xl{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media (max-width:1399.98px){.table-responsive-xxl{-webkit-overflow-scrolling:touch;overflow-x:auto}}.sgds.table{font-size:1rem}.form-label{font-weight:700;margin-bottom:.5rem}.col-form-label{font-size:inherit;font-weight:700;line-height:2;margin-bottom:0;padding-bottom:calc(.4375rem + 1px);padding-top:calc(.4375rem + 1px)}.col-form-label-lg{font-size:1.25rem;padding-bottom:calc(.5rem + 1px);padding-top:calc(.5rem + 1px)}.col-form-label-sm{font-size:.875rem;padding-bottom:calc(.25rem + 1px);padding-top:calc(.25rem + 1px)}.form-label{margin-bottom:0}.form-text{color:#667085;font-size:1rem;font-weight:300}.form-control{appearance:none;background-clip:padding-box;background-color:#fff;border:1px solid #98a2b3;border-radius:.3125rem;color:#1d2939;display:block;font-size:1rem;font-weight:400;line-height:2;padding:.4375rem 1rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control[type=file]{overflow:hidden}.form-control[type=file]:not(:disabled):not([readonly]){cursor:pointer}.form-control:focus{background-color:#fff;border-color:#87b8dd;box-shadow:0 0 0 .125rem rgba(15,113,187,.25);color:#1d2939;outline:0}.form-control::-webkit-date-and-time-value{height:2em}.form-control::placeholder{color:#98a2b3;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#e4e7ec;opacity:1}.form-control::file-selector-button{background-color:#e4e7ec;border:0 solid;border-color:inherit;border-inline-end-width:1px;border-radius:0;color:#1d2939;margin:-.4375rem -1rem;margin-inline-end:1rem;padding:.4375rem 1rem;pointer-events:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control::file-selector-button{transition:none}}.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:#d9dbe0}.form-control::-webkit-file-upload-button{background-color:#e4e7ec;border:0 solid;border-color:inherit;border-inline-end-width:1px;border-radius:0;color:#1d2939;margin:-.4375rem -1rem;margin-inline-end:1rem;padding:.4375rem 1rem;pointer-events:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control::-webkit-file-upload-button{transition:none}}.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button{background-color:#d9dbe0}.form-control-plaintext{background-color:transparent;border:solid transparent;border-width:1px 0;color:#1d2939;display:block;line-height:2;margin-bottom:0;padding:.4375rem 0;width:100%}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-left:0;padding-right:0}.form-control-sm{border-radius:.2rem;font-size:.875rem;min-height:calc(2em + .5rem + 2px);padding:.25rem .5rem}.form-control-sm::file-selector-button{margin:-.25rem -.5rem;margin-inline-end:.5rem;padding:.25rem .5rem}.form-control-sm::-webkit-file-upload-button{margin:-.25rem -.5rem;margin-inline-end:.5rem;padding:.25rem .5rem}.form-control-lg{border-radius:.3rem;font-size:1.25rem;min-height:calc(2em + 1rem + 2px);padding:.5rem 1rem}.form-control-lg::file-selector-button{margin:-.5rem -1rem;margin-inline-end:1rem;padding:.5rem 1rem}.form-control-lg::-webkit-file-upload-button{margin:-.5rem -1rem;margin-inline-end:1rem;padding:.5rem 1rem}textarea.form-control{min-height:calc(2em + .875rem + 2px)}textarea.form-control-sm{min-height:calc(2em + .5rem + 2px)}textarea.form-control-lg{min-height:calc(2em + 1rem + 2px)}.form-control-color{height:auto;padding:.4375rem;width:3rem}.form-control-color:not(:disabled):not([readonly]){cursor:pointer}.form-control-color::-moz-color-swatch{border-radius:.3125rem;height:2em}.form-control-color::-webkit-color-swatch{border-radius:.3125rem;height:2em}.sgds.combobox .form-control-icon,.sgds.combobox .form-control-icon-validate,.sgds.form-control-group .form-control-icon,.sgds.form-control-group .form-control-icon-validate{align-items:center;display:flex;font-size:1rem;height:3rem;justify-content:center;position:absolute;width:3rem;z-index:4}.sgds.combobox,.sgds.form-control-group{align-items:stretch;display:flex;flex-wrap:wrap;position:relative;width:100%}.sgds.combobox>.form-control,.sgds.form-control-group>.form-control{padding-left:3rem}.sgds.combobox>.form-control:focus,.sgds.form-control-group>.form-control:focus{z-index:3}.sgds.combobox .form-control-icon-validate,.sgds.form-control-group .form-control-icon-validate{left:inherit;right:0}.form-select{-moz-padding-start:calc(1rem - 3px);appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:16px 12px;border:1px solid #98a2b3;border-radius:.3125rem;color:#1d2939;display:block;font-size:1rem;font-weight:400;line-height:2;padding:.4375rem 3rem .4375rem 1rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}@media (prefers-reduced-motion:reduce){.form-select{transition:none}}.form-select:focus{border-color:#87b8dd;box-shadow:0 0 0 .125rem rgba(15,113,187,.25);outline:0}.form-select[multiple],.form-select[size]:not([size="1"]){background-image:none;padding-right:1rem}.form-select:disabled{background-color:#e4e7ec}.form-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #1d2939}.form-select-sm{border-radius:.2rem;font-size:.875rem;padding-bottom:.25rem;padding-left:.5rem;padding-top:.25rem}.form-select-lg{border-radius:.3rem;font-size:1.25rem;padding-bottom:.5rem;padding-left:1rem;padding-top:.5rem}.form-check{display:block;margin-bottom:.125rem;min-height:2rem;padding-left:1.625em}.form-check .form-check-input{float:left;margin-left:-1.625em}.form-check-input{color-adjust:exact;appearance:none;background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:contain;border:1px solid rgba(0,0,0,.25);height:1.125em;margin-top:.4375em;vertical-align:top;width:1.125em}.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:#87b8dd;box-shadow:0 0 0 .125rem rgba(15,113,187,.25);outline:0}.form-check-input:checked{background-color:#0f71bb;border-color:#0f71bb}.form-check-input:checked[type=checkbox]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z'/%3E%3C/svg%3E")}.form-check-input:checked[type=radio]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='2' fill='%23fff'/%3E%3C/svg%3E")}.form-check-input[type=checkbox]:indeterminate{background-color:#0f71bb;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3E%3C/svg%3E");border-color:#0f71bb}.form-check-input:disabled{filter:none;opacity:.5;pointer-events:none}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{opacity:.5}.form-switch{padding-left:2.5em}.form-switch .form-check-input{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='rgba(0, 0, 0, 0.25)'/%3E%3C/svg%3E");background-position:0;border-radius:2em;margin-left:-2.5em;transition:background-position .15s ease-in-out;width:2em}@media (prefers-reduced-motion:reduce){.form-switch .form-check-input{transition:none}}.form-switch .form-check-input:focus{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2387b8dd'/%3E%3C/svg%3E")}.form-switch .form-check-input:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");background-position:100%}.form-check-inline{display:inline-block;margin-right:1rem}.btn-check{clip:rect(0,0,0,0);pointer-events:none;position:absolute}.btn-check:disabled+.btn,.btn-check[disabled]+.btn{filter:none;opacity:.65;pointer-events:none}.form-range{appearance:none;background-color:transparent;height:1.25rem;padding:0;width:100%}.form-range:focus{outline:0}.form-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .125rem rgba(15,113,187,.25)}.form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .125rem rgba(15,113,187,.25)}.form-range::-moz-focus-outer{border:0}.form-range::-webkit-slider-thumb{appearance:none;background-color:#0f71bb;border:0;border-radius:1rem;height:1rem;margin-top:-.25rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:1rem}@media (prefers-reduced-motion:reduce){.form-range::-webkit-slider-thumb{transition:none}}.form-range::-webkit-slider-thumb:active{background-color:#b7d4eb}.form-range::-webkit-slider-runnable-track{background-color:#d0d5dd;border-color:transparent;border-radius:1rem;color:transparent;cursor:pointer;height:.5rem;width:100%}.form-range::-moz-range-thumb{appearance:none;background-color:#0f71bb;border:0;border-radius:1rem;height:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:1rem}@media (prefers-reduced-motion:reduce){.form-range::-moz-range-thumb{transition:none}}.form-range::-moz-range-thumb:active{background-color:#b7d4eb}.form-range::-moz-range-track{background-color:#d0d5dd;border-color:transparent;border-radius:1rem;color:transparent;cursor:pointer;height:.5rem;width:100%}.form-range:disabled{pointer-events:none}.form-range:disabled::-webkit-slider-thumb{background-color:#667085}.form-range:disabled::-moz-range-thumb{background-color:#667085}.form-floating{position:relative}.form-floating>.form-control,.form-floating>.form-select{height:calc(3.5rem + 2px);line-height:1.25}.form-floating>label{border:1px solid transparent;height:100%;left:0;padding:1rem;pointer-events:none;position:absolute;top:0;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{padding:1rem}.form-floating>.form-control::placeholder{color:transparent}.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown){padding-bottom:.625rem;padding-top:1.625rem}.form-floating>.form-control:-webkit-autofill{padding-bottom:.625rem;padding-top:1.625rem}.form-floating>.form-select{padding-bottom:.625rem;padding-top:1.625rem}.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-select~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control:-webkit-autofill~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.input-group{align-items:stretch;display:flex;flex-wrap:wrap;position:relative;width:100%}.input-group>.form-control,.input-group>.form-select{flex:1 1 auto;min-width:0;position:relative;width:1%}.input-group>.form-control:focus,.input-group>.form-select:focus{z-index:3}.input-group .btn{position:relative;z-index:2}.input-group .btn:focus{z-index:3}.input-group-text{align-items:center;background-color:#e4e7ec;border:1px solid #98a2b3;border-radius:.3125rem;color:#1d2939;display:flex;font-size:1rem;font-weight:400;line-height:2;padding:.4375rem 1rem;text-align:center;white-space:nowrap}.input-group-lg>.btn,.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text{border-radius:.3rem;font-size:1.25rem;padding:.5rem 1rem}.input-group-sm>.btn,.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text{border-radius:.2rem;font-size:.875rem;padding:.25rem .5rem}.input-group-lg>.form-select,.input-group-sm>.form-select{padding-right:4rem}.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu),.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu){border-bottom-right-radius:0;border-top-right-radius:0}.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){border-bottom-left-radius:0;border-top-left-radius:0;margin-left:-1px}.sgds.input-group .input-group-text .form-check-input{margin-top:0}.sgds.input-group[variant=quantity-toggle] input::-webkit-inner-spin-button,.sgds.input-group[variant=quantity-toggle] input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.valid-feedback{color:#0a8217;display:none;font-size:1rem;width:100%}.valid-tooltip{background-color:#0a8217;border-radius:.3125rem;color:#fff;display:none;font-size:.875rem;margin-top:.1rem;max-width:100%;padding:.5rem 1rem;position:absolute;top:100%;z-index:5}.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip{display:block}.form-control.is-valid,.was-validated .form-control:valid{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%230A8217'%3E%3Cpath d='M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z'/%3E%3C/svg%3E");background-position:right calc(.5em + .21875rem) center;background-repeat:no-repeat;background-size:calc(1em + .4375rem) calc(1em + .4375rem);border-color:#0a8217;padding-right:calc(2em + .875rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:#0a8217;box-shadow:0 0 0 .125rem rgba(10,130,23,.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{background-position:top calc(.5em + .21875rem) right calc(.5em + .21875rem);padding-right:calc(2em + .875rem)}.form-select.is-valid,.was-validated .form-select:valid{border-color:#0a8217}.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size="1"],.was-validated .form-select:valid:not([multiple]):not([size]),.was-validated .form-select:valid:not([multiple])[size="1"]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%230A8217'%3E%3Cpath d='M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z'/%3E%3C/svg%3E");background-position:right 1rem center,center right 3rem;background-size:16px 12px,calc(1em + .4375rem) calc(1em + .4375rem);padding-right:5.5rem}.form-select.is-valid:focus,.was-validated .form-select:valid:focus{border-color:#0a8217;box-shadow:0 0 0 .125rem rgba(10,130,23,.25)}.form-check-input.is-valid,.was-validated .form-check-input:valid{border-color:#0a8217}.form-check-input.is-valid:checked,.was-validated .form-check-input:valid:checked{background-color:#0a8217}.form-check-input.is-valid:focus,.was-validated .form-check-input:valid:focus{box-shadow:0 0 0 .125rem rgba(10,130,23,.25)}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#0a8217}.form-check-inline .form-check-input~.valid-feedback{margin-left:.5em}.input-group .form-control.is-valid,.input-group .form-select.is-valid,.was-validated .input-group .form-control:valid,.was-validated .input-group .form-select:valid{z-index:1}.input-group .form-control.is-valid:focus,.input-group .form-select.is-valid:focus,.was-validated .input-group .form-control:valid:focus,.was-validated .input-group .form-select:valid:focus{z-index:3}.invalid-feedback{color:#d7260f;display:none;font-size:1rem;width:100%}.invalid-tooltip{background-color:#d7260f;border-radius:.3125rem;color:#fff;display:none;font-size:.875rem;margin-top:.1rem;max-width:100%;padding:.5rem 1rem;position:absolute;top:100%;z-index:5}.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip{display:block}.form-control.is-invalid,.was-validated .form-control:invalid{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23D7260F'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 4.995z'/%3E%3C/svg%3E");background-position:right calc(.5em + .21875rem) center;background-repeat:no-repeat;background-size:calc(1em + .4375rem) calc(1em + .4375rem);border-color:#d7260f;padding-right:calc(2em + .875rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#d7260f;box-shadow:0 0 0 .125rem rgba(215,38,15,.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{background-position:top calc(.5em + .21875rem) right calc(.5em + .21875rem);padding-right:calc(2em + .875rem)}.form-select.is-invalid,.was-validated .form-select:invalid{border-color:#d7260f}.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"],.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select:invalid:not([multiple])[size="1"]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23D7260F'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 4.995z'/%3E%3C/svg%3E");background-position:right 1rem center,center right 3rem;background-size:16px 12px,calc(1em + .4375rem) calc(1em + .4375rem);padding-right:5.5rem}.form-select.is-invalid:focus,.was-validated .form-select:invalid:focus{border-color:#d7260f;box-shadow:0 0 0 .125rem rgba(215,38,15,.25)}.form-check-input.is-invalid,.was-validated .form-check-input:invalid{border-color:#d7260f}.form-check-input.is-invalid:checked,.was-validated .form-check-input:invalid:checked{background-color:#d7260f}.form-check-input.is-invalid:focus,.was-validated .form-check-input:invalid:focus{box-shadow:0 0 0 .125rem rgba(215,38,15,.25)}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#d7260f}.form-check-inline .form-check-input~.invalid-feedback{margin-left:.5em}.input-group .form-control.is-invalid,.input-group .form-select.is-invalid,.was-validated .input-group .form-control:invalid,.was-validated .input-group .form-select:invalid{z-index:2}.input-group .form-control.is-invalid:focus,.input-group .form-select.is-invalid:focus,.was-validated .input-group .form-control:invalid:focus,.was-validated .input-group .form-select:invalid:focus{z-index:3}.footer-list-styling ul,.sgds.footer .footer-contact-links ul,.sgds.footer .footer-items ul,.sgds.footer .footer-mandatory-links ul{margin:0;padding:0}.footer-list-styling ul li,.sgds.footer .footer-contact-links ul li,.sgds.footer .footer-items ul li,.sgds.footer .footer-mandatory-links ul li{font-size:1rem;line-height:1.5;list-style-type:none}.footer-list-styling ul li+li,.sgds.footer .footer-contact-links ul li+li,.sgds.footer .footer-items ul li+li,.sgds.footer .footer-mandatory-links ul li+li{margin-top:1rem}.footer-list-styling ul li a,.sgds.footer .footer-contact-links ul li a,.sgds.footer .footer-items ul li a,.sgds.footer .footer-mandatory-links ul li a{color:#d0d5dd;text-decoration:none}.footer-list-styling ul li a:hover,.sgds.footer,.sgds.footer .footer-contact-links ul li a:hover,.sgds.footer .footer-items ul li a:hover,.sgds.footer .footer-mandatory-links ul li a:hover{color:#f7f7f9}.sgds.footer{height:auto}.sgds.footer .footer-top{background-color:#000;padding:3rem 0 1.5rem}.sgds.footer .footer-header{margin-bottom:1.5rem}.sgds.footer .footer-header .title{margin-bottom:1rem}.sgds.footer .footer-header .description{color:#98a2b3}@media (max-width:575.98px){.sgds.footer .footer-items>div[class*=col]+div[class*=col]{margin-top:2rem}}.sgds.footer .footer-items .title{font-weight:700}.sgds.footer .footer-items .links{margin-top:1rem}.sgds.footer .footer-contact-links{margin-top:2rem}@media (min-width:992px){.sgds.footer .footer-contact-links ul li{display:inline-block}.sgds.footer .footer-contact-links ul li+li{margin-left:1rem}}.sgds.footer .footer-bottom{background-color:#000;border-top:1px solid #000;padding:1.5rem 0}@media (min-width:992px){.sgds.footer .footer-mandatory-links ul li{display:inline-block}.sgds.footer .footer-mandatory-links ul li+li{margin-left:1rem}}@media (max-width:991.98px){.sgds.footer .footer-copyrights{margin-top:1rem}}.btn{background-color:transparent;border:1px solid transparent;border-radius:.3125rem;color:#1d2939;cursor:pointer;display:inline-block;font-size:1rem;font-weight:400;line-height:2;padding:.4375rem 1rem;text-align:center;text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;user-select:none;vertical-align:middle}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:#1d2939}.btn-check:focus+.btn,.btn:focus{box-shadow:0 0 0 .125rem rgba(15,113,187,.25);outline:0}.btn.disabled,.btn:disabled,fieldset:disabled .btn{opacity:.65;pointer-events:none}.btn-primary{background-color:#5925dc;border-color:#5925dc;color:#fff}.btn-check:focus+.btn-primary,.btn-primary:focus,.btn-primary:hover{background-color:#4c1fbb;border-color:#471eb0;color:#fff}.btn-check:focus+.btn-primary,.btn-primary:focus{box-shadow:0 0 0 .125rem rgba(114,70,225,.5)}.btn-check:active+.btn-primary,.btn-check:checked+.btn-primary,.btn-primary.active,.btn-primary:active,.show>.btn-primary.dropdown-toggle{background-color:#471eb0;border-color:#431ca5;color:#fff}.btn-check:active+.btn-primary:focus,.btn-check:checked+.btn-primary:focus,.btn-primary.active:focus,.btn-primary:active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .125rem rgba(114,70,225,.5)}.btn-primary.disabled,.btn-primary:disabled{background-color:#5925dc;border-color:#5925dc;color:#fff}.btn-secondary{background-color:#1f69ff;border-color:#1f69ff;color:#fff}.btn-check:focus+.btn-secondary,.btn-secondary:focus,.btn-secondary:hover{background-color:#1a59d9;border-color:#1954cc;color:#fff}.btn-check:focus+.btn-secondary,.btn-secondary:focus{box-shadow:0 0 0 .125rem rgba(65,128,255,.5)}.btn-check:active+.btn-secondary,.btn-check:checked+.btn-secondary,.btn-secondary.active,.btn-secondary:active,.show>.btn-secondary.dropdown-toggle{background-color:#1954cc;border-color:#174fbf;color:#fff}.btn-check:active+.btn-secondary:focus,.btn-check:checked+.btn-secondary:focus,.btn-secondary.active:focus,.btn-secondary:active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .125rem rgba(65,128,255,.5)}.btn-secondary.disabled,.btn-secondary:disabled{background-color:#1f69ff;border-color:#1f69ff;color:#fff}.btn-success{background-color:#0a8217;border-color:#0a8217;color:#fff}.btn-check:focus+.btn-success,.btn-success:focus,.btn-success:hover{background-color:#096f14;border-color:#086812;color:#fff}.btn-check:focus+.btn-success,.btn-success:focus{box-shadow:0 0 0 .125rem rgba(47,149,58,.5)}.btn-check:active+.btn-success,.btn-check:checked+.btn-success,.btn-success.active,.btn-success:active,.show>.btn-success.dropdown-toggle{background-color:#086812;border-color:#086211;color:#fff}.btn-check:active+.btn-success:focus,.btn-check:checked+.btn-success:focus,.btn-success.active:focus,.btn-success:active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .125rem rgba(47,149,58,.5)}.btn-success.disabled,.btn-success:disabled{background-color:#0a8217;border-color:#0a8217;color:#fff}.btn-info{background-color:#0f71bb;border-color:#0f71bb;color:#fff}.btn-check:focus+.btn-info,.btn-info:focus,.btn-info:hover{background-color:#0d609f;border-color:#0c5a96;color:#fff}.btn-check:focus+.btn-info,.btn-info:focus{box-shadow:0 0 0 .125rem rgba(51,134,197,.5)}.btn-check:active+.btn-info,.btn-check:checked+.btn-info,.btn-info.active,.btn-info:active,.show>.btn-info.dropdown-toggle{background-color:#0c5a96;border-color:#0b558c;color:#fff}.btn-check:active+.btn-info:focus,.btn-check:checked+.btn-info:focus,.btn-info.active:focus,.btn-info:active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .125rem rgba(51,134,197,.5)}.btn-info.disabled,.btn-info:disabled{background-color:#0f71bb;border-color:#0f71bb;color:#fff}.btn-warning{background-color:#f79009;border-color:#f79009;color:#000}.btn-check:focus+.btn-warning,.btn-warning:focus,.btn-warning:hover{background-color:#f8a12e;border-color:#f89b22;color:#000}.btn-check:focus+.btn-warning,.btn-warning:focus{box-shadow:0 0 0 .125rem rgba(210,122,8,.5)}.btn-check:active+.btn-warning,.btn-check:checked+.btn-warning,.btn-warning.active,.btn-warning:active,.show>.btn-warning.dropdown-toggle{background-color:#f9a63a;border-color:#f89b22;color:#000}.btn-check:active+.btn-warning:focus,.btn-check:checked+.btn-warning:focus,.btn-warning.active:focus,.btn-warning:active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .125rem rgba(210,122,8,.5)}.btn-warning.disabled,.btn-warning:disabled{background-color:#f79009;border-color:#f79009;color:#000}.btn-danger{background-color:#d7260f;border-color:#d7260f;color:#fff}.btn-check:focus+.btn-danger,.btn-danger:focus,.btn-danger:hover{background-color:#b7200d;border-color:#ac1e0c;color:#fff}.btn-check:focus+.btn-danger,.btn-danger:focus{box-shadow:0 0 0 .125rem rgba(221,71,51,.5)}.btn-check:active+.btn-danger,.btn-check:checked+.btn-danger,.btn-danger.active,.btn-danger:active,.show>.btn-danger.dropdown-toggle{background-color:#ac1e0c;border-color:#a11d0b;color:#fff}.btn-check:active+.btn-danger:focus,.btn-check:checked+.btn-danger:focus,.btn-danger.active:focus,.btn-danger:active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .125rem rgba(221,71,51,.5)}.btn-danger.disabled,.btn-danger:disabled{background-color:#d7260f;border-color:#d7260f;color:#fff}.btn-light{background-color:#f7f7f9;border-color:#f7f7f9;color:#000}.btn-check:focus+.btn-light,.btn-light:focus,.btn-light:hover{background-color:#f8f8fa;border-color:#f8f8fa;color:#000}.btn-check:focus+.btn-light,.btn-light:focus{box-shadow:0 0 0 .125rem hsla(240,2%,83%,.5)}.btn-check:active+.btn-light,.btn-check:checked+.btn-light,.btn-light.active,.btn-light:active,.show>.btn-light.dropdown-toggle{background-color:#f9f9fa;border-color:#f8f8fa;color:#000}.btn-check:active+.btn-light:focus,.btn-check:checked+.btn-light:focus,.btn-light.active:focus,.btn-light:active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .125rem hsla(240,2%,83%,.5)}.btn-light.disabled,.btn-light:disabled{background-color:#f7f7f9;border-color:#f7f7f9;color:#000}.btn-check:focus+.btn-dark,.btn-dark,.btn-dark:focus,.btn-dark:hover{background-color:#000;border-color:#000;color:#fff}.btn-check:focus+.btn-dark,.btn-dark:focus{box-shadow:0 0 0 .125rem rgba(38,38,38,.5)}.btn-check:active+.btn-dark,.btn-check:checked+.btn-dark,.btn-dark.active,.btn-dark:active,.show>.btn-dark.dropdown-toggle{background-color:#000;border-color:#000;color:#fff}.btn-check:active+.btn-dark:focus,.btn-check:checked+.btn-dark:focus,.btn-dark.active:focus,.btn-dark:active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .125rem rgba(38,38,38,.5)}.btn-dark.disabled,.btn-dark:disabled{background-color:#000;border-color:#000;color:#fff}.btn-outline-primary{border-color:#5925dc;color:#5925dc}.btn-outline-primary:hover{background-color:#5925dc;border-color:#5925dc;color:#fff}.btn-check:focus+.btn-outline-primary,.btn-outline-primary:focus{box-shadow:0 0 0 .125rem rgba(89,37,220,.5)}.btn-check:active+.btn-outline-primary,.btn-check:checked+.btn-outline-primary,.btn-outline-primary.active,.btn-outline-primary.dropdown-toggle.show,.btn-outline-primary:active{background-color:#5925dc;border-color:#5925dc;color:#fff}.btn-check:active+.btn-outline-primary:focus,.btn-check:checked+.btn-outline-primary:focus,.btn-outline-primary.active:focus,.btn-outline-primary.dropdown-toggle.show:focus,.btn-outline-primary:active:focus{box-shadow:0 0 0 .125rem rgba(89,37,220,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{background-color:transparent;color:#5925dc}.btn-outline-secondary{border-color:#1f69ff;color:#1f69ff}.btn-outline-secondary:hover{background-color:#1f69ff;border-color:#1f69ff;color:#fff}.btn-check:focus+.btn-outline-secondary,.btn-outline-secondary:focus{box-shadow:0 0 0 .125rem rgba(31,105,255,.5)}.btn-check:active+.btn-outline-secondary,.btn-check:checked+.btn-outline-secondary,.btn-outline-secondary.active,.btn-outline-secondary.dropdown-toggle.show,.btn-outline-secondary:active{background-color:#1f69ff;border-color:#1f69ff;color:#fff}.btn-check:active+.btn-outline-secondary:focus,.btn-check:checked+.btn-outline-secondary:focus,.btn-outline-secondary.active:focus,.btn-outline-secondary.dropdown-toggle.show:focus,.btn-outline-secondary:active:focus{box-shadow:0 0 0 .125rem rgba(31,105,255,.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{background-color:transparent;color:#1f69ff}.btn-outline-success{border-color:#0a8217;color:#0a8217}.btn-outline-success:hover{background-color:#0a8217;border-color:#0a8217;color:#fff}.btn-check:focus+.btn-outline-success,.btn-outline-success:focus{box-shadow:0 0 0 .125rem rgba(10,130,23,.5)}.btn-check:active+.btn-outline-success,.btn-check:checked+.btn-outline-success,.btn-outline-success.active,.btn-outline-success.dropdown-toggle.show,.btn-outline-success:active{background-color:#0a8217;border-color:#0a8217;color:#fff}.btn-check:active+.btn-outline-success:focus,.btn-check:checked+.btn-outline-success:focus,.btn-outline-success.active:focus,.btn-outline-success.dropdown-toggle.show:focus,.btn-outline-success:active:focus{box-shadow:0 0 0 .125rem rgba(10,130,23,.5)}.btn-outline-success.disabled,.btn-outline-success:disabled{background-color:transparent;color:#0a8217}.btn-outline-info{border-color:#0f71bb;color:#0f71bb}.btn-outline-info:hover{background-color:#0f71bb;border-color:#0f71bb;color:#fff}.btn-check:focus+.btn-outline-info,.btn-outline-info:focus{box-shadow:0 0 0 .125rem rgba(15,113,187,.5)}.btn-check:active+.btn-outline-info,.btn-check:checked+.btn-outline-info,.btn-outline-info.active,.btn-outline-info.dropdown-toggle.show,.btn-outline-info:active{background-color:#0f71bb;border-color:#0f71bb;color:#fff}.btn-check:active+.btn-outline-info:focus,.btn-check:checked+.btn-outline-info:focus,.btn-outline-info.active:focus,.btn-outline-info.dropdown-toggle.show:focus,.btn-outline-info:active:focus{box-shadow:0 0 0 .125rem rgba(15,113,187,.5)}.btn-outline-info.disabled,.btn-outline-info:disabled{background-color:transparent;color:#0f71bb}.btn-outline-warning{border-color:#f79009;color:#f79009}.btn-outline-warning:hover{background-color:#f79009;border-color:#f79009;color:#000}.btn-check:focus+.btn-outline-warning,.btn-outline-warning:focus{box-shadow:0 0 0 .125rem rgba(247,144,9,.5)}.btn-check:active+.btn-outline-warning,.btn-check:checked+.btn-outline-warning,.btn-outline-warning.active,.btn-outline-warning.dropdown-toggle.show,.btn-outline-warning:active{background-color:#f79009;border-color:#f79009;color:#000}.btn-check:active+.btn-outline-warning:focus,.btn-check:checked+.btn-outline-warning:focus,.btn-outline-warning.active:focus,.btn-outline-warning.dropdown-toggle.show:focus,.btn-outline-warning:active:focus{box-shadow:0 0 0 .125rem rgba(247,144,9,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{background-color:transparent;color:#f79009}.btn-outline-danger{border-color:#d7260f;color:#d7260f}.btn-outline-danger:hover{background-color:#d7260f;border-color:#d7260f;color:#fff}.btn-check:focus+.btn-outline-danger,.btn-outline-danger:focus{box-shadow:0 0 0 .125rem rgba(215,38,15,.5)}.btn-check:active+.btn-outline-danger,.btn-check:checked+.btn-outline-danger,.btn-outline-danger.active,.btn-outline-danger.dropdown-toggle.show,.btn-outline-danger:active{background-color:#d7260f;border-color:#d7260f;color:#fff}.btn-check:active+.btn-outline-danger:focus,.btn-check:checked+.btn-outline-danger:focus,.btn-outline-danger.active:focus,.btn-outline-danger.dropdown-toggle.show:focus,.btn-outline-danger:active:focus{box-shadow:0 0 0 .125rem rgba(215,38,15,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{background-color:transparent;color:#d7260f}.btn-outline-light{border-color:#f7f7f9;color:#f7f7f9}.btn-outline-light:hover{background-color:#f7f7f9;border-color:#f7f7f9;color:#000}.btn-check:focus+.btn-outline-light,.btn-outline-light:focus{box-shadow:0 0 0 .125rem rgba(247,247,249,.5)}.btn-check:active+.btn-outline-light,.btn-check:checked+.btn-outline-light,.btn-outline-light.active,.btn-outline-light.dropdown-toggle.show,.btn-outline-light:active{background-color:#f7f7f9;border-color:#f7f7f9;color:#000}.btn-check:active+.btn-outline-light:focus,.btn-check:checked+.btn-outline-light:focus,.btn-outline-light.active:focus,.btn-outline-light.dropdown-toggle.show:focus,.btn-outline-light:active:focus{box-shadow:0 0 0 .125rem rgba(247,247,249,.5)}.btn-outline-light.disabled,.btn-outline-light:disabled{background-color:transparent;color:#f7f7f9}.btn-outline-dark{border-color:#000;color:#000}.btn-outline-dark:hover{background-color:#000;border-color:#000;color:#fff}.btn-check:focus+.btn-outline-dark,.btn-outline-dark:focus{box-shadow:0 0 0 .125rem rgba(0,0,0,.5)}.btn-check:active+.btn-outline-dark,.btn-check:checked+.btn-outline-dark,.btn-outline-dark.active,.btn-outline-dark.dropdown-toggle.show,.btn-outline-dark:active{background-color:#000;border-color:#000;color:#fff}.btn-check:active+.btn-outline-dark:focus,.btn-check:checked+.btn-outline-dark:focus,.btn-outline-dark.active:focus,.btn-outline-dark.dropdown-toggle.show:focus,.btn-outline-dark:active:focus{box-shadow:0 0 0 .125rem rgba(0,0,0,.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{background-color:transparent;color:#000}.btn-link{color:#0f71bb;font-weight:400;text-decoration:underline}.btn-link:hover{color:#0c5a96}.btn-link.disabled,.btn-link:disabled{color:#344054}.btn-group-lg>.btn,.btn-lg{border-radius:.3rem;font-size:1.25rem;padding:.5rem 1rem}.btn-group-sm>.btn,.btn-sm{border-radius:.2rem;font-size:.875rem;padding:.25rem .5rem}.btn-group,.btn-group-vertical{display:inline-flex;position:relative;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{flex:1 1 auto;position:relative}.btn-group-vertical>.btn-check:checked+.btn,.btn-group-vertical>.btn-check:focus+.btn,.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn-check:checked+.btn,.btn-group>.btn-check:focus+.btn,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:1}.btn-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group>.btn-group:not(:first-child),.btn-group>.btn:not(:first-child){margin-left:-1px}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-top-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:nth-child(n+3),.btn-group>:not(.btn-check)+.btn{border-bottom-left-radius:0;border-top-left-radius:0}.dropdown-toggle-split{padding-left:.75rem;padding-right:.75rem}.dropdown-toggle-split:after,.dropend .dropdown-toggle-split:after,.dropup .dropdown-toggle-split:after{margin-left:0}.dropstart .dropdown-toggle-split:before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-left:.375rem;padding-right:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-left:.75rem;padding-right:.75rem}.btn-group-vertical{align-items:flex-start;flex-direction:column;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:-1px}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-left-radius:0;border-bottom-right-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn~.btn{border-top-left-radius:0;border-top-right-radius:0}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.collapsing.collapse-horizontal{height:auto;transition:width .35s ease;width:0}@media (prefers-reduced-motion:reduce){.collapsing.collapse-horizontal{transition:none}}.sgds.datepicker{border-color:#98a2b3;font-size:1rem;max-width:24rem;width:24rem}.sgds.datepicker>.datepicker-header{border:none;color:#5925dc;padding:1.5rem 1.5rem 0}.sgds.datepicker>.datepicker-header button{background-color:transparent;border:none;color:#5925dc;font-weight:700}.sgds.datepicker>.datepicker-header i{font-size:1.25rem}.sgds.datepicker>.datepicker-body{padding:0 1.5rem 1.5rem}.sgds.datepicker td{height:48px;padding:0;width:48px}.sgds.datepicker .monthpicker,.sgds.datepicker .yearpicker{align-content:space-between;display:grid;grid-template-columns:repeat(3,48px);grid-template-rows:repeat(4,48px);justify-content:space-between;padding:1rem 1rem 0}.sgds.datepicker .month,.sgds.datepicker .year{background-color:transparent;border:0;cursor:pointer;padding:0}.sgds.datepicker .month.active,.sgds.datepicker .year.active{background-color:#ece6fb;color:#5925dc}.dropdown,.dropend,.dropstart,.dropup{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle:after{border-bottom:0;border-left:.3em solid transparent;border-right:.3em solid transparent;border-top:.3em solid;content:"";display:inline-block;margin-left:.255em;vertical-align:.255em}.dropdown-toggle:empty:after{margin-left:0}.dropdown-menu{background-clip:padding-box;background-color:#fff;border:1px solid rgba(0,0,0,.15);border-radius:.3125rem;color:#1d2939;display:none;font-size:1rem;list-style:none;margin:0;min-width:10rem;padding:.5rem 0;position:absolute;text-align:left;z-index:1000}.dropdown-menu[data-bs-popper]{left:0;margin-top:.125rem;top:100%}.dropdown-menu-start{--bs-position:start}.dropdown-menu-start[data-bs-popper]{left:0;right:auto}.dropdown-menu-end{--bs-position:end}.dropdown-menu-end[data-bs-popper]{left:auto;right:0}@media (min-width:576px){.dropdown-menu-sm-start{--bs-position:start}.dropdown-menu-sm-start[data-bs-popper]{left:0;right:auto}.dropdown-menu-sm-end{--bs-position:end}.dropdown-menu-sm-end[data-bs-popper]{left:auto;right:0}}@media (min-width:768px){.dropdown-menu-md-start{--bs-position:start}.dropdown-menu-md-start[data-bs-popper]{left:0;right:auto}.dropdown-menu-md-end{--bs-position:end}.dropdown-menu-md-end[data-bs-popper]{left:auto;right:0}}@media (min-width:992px){.dropdown-menu-lg-start{--bs-position:start}.dropdown-menu-lg-start[data-bs-popper]{left:0;right:auto}.dropdown-menu-lg-end{--bs-position:end}.dropdown-menu-lg-end[data-bs-popper]{left:auto;right:0}}@media (min-width:1200px){.dropdown-menu-xl-start{--bs-position:start}.dropdown-menu-xl-start[data-bs-popper]{left:0;right:auto}.dropdown-menu-xl-end{--bs-position:end}.dropdown-menu-xl-end[data-bs-popper]{left:auto;right:0}}@media (min-width:1400px){.dropdown-menu-xxl-start{--bs-position:start}.dropdown-menu-xxl-start[data-bs-popper]{left:0;right:auto}.dropdown-menu-xxl-end{--bs-position:end}.dropdown-menu-xxl-end[data-bs-popper]{left:auto;right:0}}.dropup .dropdown-menu[data-bs-popper]{bottom:100%;margin-bottom:.125rem;margin-top:0;top:auto}.dropup .dropdown-toggle:after{border-bottom:.3em solid;border-left:.3em solid transparent;border-right:.3em solid transparent;border-top:0;content:"";display:inline-block;margin-left:.255em;vertical-align:.255em}.dropup .dropdown-toggle:empty:after{margin-left:0}.dropend .dropdown-menu[data-bs-popper]{left:100%;margin-left:.125rem;margin-top:0;right:auto;top:0}.dropend .dropdown-toggle:after{border-bottom:.3em solid transparent;border-left:.3em solid;border-right:0;border-top:.3em solid transparent;content:"";display:inline-block;margin-left:.255em;vertical-align:.255em}.dropend .dropdown-toggle:empty:after{margin-left:0}.dropend .dropdown-toggle:after{vertical-align:0}.dropstart .dropdown-menu[data-bs-popper]{left:auto;margin-right:.125rem;margin-top:0;right:100%;top:0}.dropstart .dropdown-toggle:after{content:"";display:inline-block;display:none;margin-left:.255em;vertical-align:.255em}.dropstart .dropdown-toggle:before{border-bottom:.3em solid transparent;border-right:.3em solid;border-top:.3em solid transparent;content:"";display:inline-block;margin-right:.255em;vertical-align:.255em}.dropstart .dropdown-toggle:empty:after{margin-left:0}.dropstart .dropdown-toggle:before{vertical-align:0}.dropdown-divider{border-top:1px solid rgba(0,0,0,.15);height:0;margin:.5rem 0;overflow:hidden}.dropdown-item{background-color:transparent;border:0;clear:both;color:#000;display:block;font-weight:400;padding:.25rem 1rem;text-align:inherit;text-decoration:none;white-space:nowrap;width:100%}.dropdown-item:focus,.dropdown-item:hover{background-color:#e4e7ec;color:#000}.dropdown-item.active,.dropdown-item:active{background-color:#0f71bb;color:#fff;text-decoration:none}.dropdown-item.disabled,.dropdown-item:disabled{background-color:transparent;color:#667085;pointer-events:none}.dropdown-menu.show{display:block}.dropdown-header{color:#344054;display:block;font-size:.875rem;margin-bottom:0;padding:.5rem 1rem;white-space:nowrap}.dropdown-item-text{color:#000;display:block;padding:.25rem 1rem}.dropdown-menu-dark{background-color:#000;border-color:rgba(0,0,0,.15);color:#d0d5dd}.dropdown-menu-dark .dropdown-item{color:#d0d5dd}.dropdown-menu-dark .dropdown-item:focus,.dropdown-menu-dark .dropdown-item:hover{background-color:hsla(0,0%,100%,.15);color:#fff}.dropdown-menu-dark .dropdown-item.active,.dropdown-menu-dark .dropdown-item:active{background-color:#0f71bb;color:#fff}.dropdown-menu-dark .dropdown-item.disabled,.dropdown-menu-dark .dropdown-item:disabled{color:#667085}.dropdown-menu-dark .dropdown-divider{border-color:rgba(0,0,0,.15)}.dropdown-menu-dark .dropdown-item-text{color:#d0d5dd}.dropdown-menu-dark .dropdown-header{color:#667085}.sgds.dropdown .dropdown-toggle{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.sgds.dropdown .dropdown-toggle:after{content:none}.sgds.dropdown-menu{border:1px solid #98a2b3;padding:0}.sgds.dropdown-menu li a.dropdown-item{padding:1rem}.sgds.dropdown-menu li a.dropdown-item.active,.sgds.dropdown-menu li a.dropdown-item:hover{background-color:#004ff0;color:#fff}.sgds.fileupload-list{list-style-type:none;margin-top:1rem;padding:0}.sgds.fileupload-list .fileupload-list-item+.fileupload-list-item{margin-top:.5rem}.sgds.fileupload-list .fileupload-list-item i:first-child{color:#0a8217}.sgds.fileupload-list .fileupload-list-item i:last-child{color:#d7260f}.sgds.fileupload-list .fileupload-list-item .filename{color:#0f71bb;text-decoration:underline;text-underline-offset:.25rem}.nav{display:flex;flex-wrap:wrap;list-style:none;margin-bottom:0;padding-left:0}.nav-link{color:#0f71bb;display:block;padding:.5rem 1rem;text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}@media (prefers-reduced-motion:reduce){.nav-link{transition:none}}.nav-link:focus,.nav-link:hover{color:#0c5a96}.nav-link.disabled{color:#344054;cursor:default;pointer-events:none}.nav-tabs{border-bottom:1px solid transparent}.nav-tabs .nav-link{background:none;border:1px solid transparent;border-top-left-radius:.3125rem;border-top-right-radius:.3125rem;margin-bottom:-1px}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#e4e7ec #e4e7ec transparent;isolation:isolate}.nav-tabs .nav-link.disabled{background-color:transparent;border-color:transparent;color:#344054}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{background-color:#fff;border-color:#d0d5dd #d0d5dd #fff;color:#1d2939}.nav-tabs .dropdown-menu{border-top-left-radius:0;border-top-right-radius:0;margin-top:-1px}.nav-pills .nav-link{background:none;border:0;border-radius:.3125rem}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{background-color:#0f71bb;color:#fff}.nav-fill .nav-item,.nav-fill>.nav-link{flex:1 1 auto;text-align:center}.nav-justified .nav-item,.nav-justified>.nav-link{flex-basis:0;flex-grow:1;text-align:center}.nav-fill .nav-item .nav-link,.nav-justified .nav-item .nav-link{width:100%}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;padding-bottom:2rem;padding-top:2rem;position:relative}.navbar>.container,.navbar>.container-fluid,.navbar>.container-lg,.navbar>.container-md,.navbar>.container-sm,.navbar>.container-xl,.navbar>.container-xxl{align-items:center;display:flex;flex-wrap:inherit;justify-content:space-between}.navbar-brand{font-size:1.25rem;margin-right:1rem;padding-bottom:.25rem;padding-top:.25rem;text-decoration:none;white-space:nowrap}.navbar-nav{display:flex;flex-direction:column;list-style:none;margin-bottom:0;padding-left:0}.navbar-nav .nav-link{padding-left:0;padding-right:0}.navbar-nav .dropdown-menu{position:static}.navbar-text{padding-bottom:.5rem;padding-top:.5rem}.navbar-collapse{align-items:center;flex-basis:100%;flex-grow:1}.navbar-toggler{background-color:transparent;border:1px solid transparent;border-radius:.3125rem;font-size:1.25rem;line-height:1;padding:.25rem .75rem;transition:box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.navbar-toggler{transition:none}}.navbar-toggler:hover{text-decoration:none}.navbar-toggler:focus{box-shadow:0 0 0 .125rem;outline:0;text-decoration:none}.navbar-toggler-icon{background-position:50%;background-repeat:no-repeat;background-size:100%;display:inline-block;height:1.5em;vertical-align:middle;width:1.5em}.navbar-nav-scroll{max-height:var(--sgds-scroll-height,75vh);overflow-y:auto}@media (min-width:576px){.navbar-expand-sm{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-sm .navbar-nav{flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-left:.5rem;padding-right:.5rem}.navbar-expand-sm .navbar-nav-scroll{overflow:visible}.navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-sm .navbar-toggler,.navbar-expand-sm .offcanvas-header{display:none}.navbar-expand-sm .offcanvas{background-color:transparent;border-left:0;border-right:0;bottom:0;flex-grow:1;position:inherit;transform:none;transition:none;visibility:visible!important;z-index:1000}.navbar-expand-sm .offcanvas-bottom,.navbar-expand-sm .offcanvas-top{border-bottom:0;border-top:0;height:auto}.navbar-expand-sm .offcanvas-body{display:flex;flex-grow:0;overflow-y:visible;padding:0}}@media (min-width:768px){.navbar-expand-md{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-md .navbar-nav{flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-left:.5rem;padding-right:.5rem}.navbar-expand-md .navbar-nav-scroll{overflow:visible}.navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-md .navbar-toggler,.navbar-expand-md .offcanvas-header{display:none}.navbar-expand-md .offcanvas{background-color:transparent;border-left:0;border-right:0;bottom:0;flex-grow:1;position:inherit;transform:none;transition:none;visibility:visible!important;z-index:1000}.navbar-expand-md .offcanvas-bottom,.navbar-expand-md .offcanvas-top{border-bottom:0;border-top:0;height:auto}.navbar-expand-md .offcanvas-body{display:flex;flex-grow:0;overflow-y:visible;padding:0}}@media (min-width:992px){.navbar-expand-lg{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-left:.5rem;padding-right:.5rem}.navbar-expand-lg .navbar-nav-scroll{overflow:visible}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler,.navbar-expand-lg .offcanvas-header{display:none}.navbar-expand-lg .offcanvas{background-color:transparent;border-left:0;border-right:0;bottom:0;flex-grow:1;position:inherit;transform:none;transition:none;visibility:visible!important;z-index:1000}.navbar-expand-lg .offcanvas-bottom,.navbar-expand-lg .offcanvas-top{border-bottom:0;border-top:0;height:auto}.navbar-expand-lg .offcanvas-body{display:flex;flex-grow:0;overflow-y:visible;padding:0}}@media (min-width:1200px){.navbar-expand-xl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xl .navbar-nav{flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-left:.5rem;padding-right:.5rem}.navbar-expand-xl .navbar-nav-scroll{overflow:visible}.navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xl .navbar-toggler,.navbar-expand-xl .offcanvas-header{display:none}.navbar-expand-xl .offcanvas{background-color:transparent;border-left:0;border-right:0;bottom:0;flex-grow:1;position:inherit;transform:none;transition:none;visibility:visible!important;z-index:1000}.navbar-expand-xl .offcanvas-bottom,.navbar-expand-xl .offcanvas-top{border-bottom:0;border-top:0;height:auto}.navbar-expand-xl .offcanvas-body{display:flex;flex-grow:0;overflow-y:visible;padding:0}}@media (min-width:1400px){.navbar-expand-xxl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xxl .navbar-nav{flex-direction:row}.navbar-expand-xxl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xxl .navbar-nav .nav-link{padding-left:.5rem;padding-right:.5rem}.navbar-expand-xxl .navbar-nav-scroll{overflow:visible}.navbar-expand-xxl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xxl .navbar-toggler,.navbar-expand-xxl .offcanvas-header{display:none}.navbar-expand-xxl .offcanvas{background-color:transparent;border-left:0;border-right:0;bottom:0;flex-grow:1;position:inherit;transform:none;transition:none;visibility:visible!important;z-index:1000}.navbar-expand-xxl .offcanvas-bottom,.navbar-expand-xxl .offcanvas-top{border-bottom:0;border-top:0;height:auto}.navbar-expand-xxl .offcanvas-body{display:flex;flex-grow:0;overflow-y:visible;padding:0}}.navbar-expand{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand .navbar-nav{flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-left:.5rem;padding-right:.5rem}.navbar-expand .navbar-nav-scroll{overflow:visible}.navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand .navbar-toggler,.navbar-expand .offcanvas-header{display:none}.navbar-expand .offcanvas{background-color:transparent;border-left:0;border-right:0;bottom:0;flex-grow:1;position:inherit;transform:none;transition:none;visibility:visible!important;z-index:1000}.navbar-expand .offcanvas-bottom,.navbar-expand .offcanvas-top{border-bottom:0;border-top:0;height:auto}.navbar-expand .offcanvas-body{display:flex;flex-grow:0;overflow-y:visible;padding:0}.navbar-light .navbar-brand,.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:rgba(0,0,0,.9)}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.55)}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .show>.nav-link{color:rgba(0,0,0,.9)}.navbar-light .navbar-toggler{border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.55)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(0, 0, 0, 0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}.navbar-light .navbar-text{color:rgba(0,0,0,.55)}.navbar-light .navbar-text a,.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:rgba(0,0,0,.9)}.navbar-dark .navbar-brand,.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff}.navbar-dark .navbar-nav .nav-link{color:hsla(0,0%,100%,.55)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:hsla(0,0%,100%,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:hsla(0,0%,100%,.25)}.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.navbar-dark .navbar-toggler{border-color:hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.55)}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255, 255, 255, 0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}.navbar-dark .navbar-text{color:hsla(0,0%,100%,.55)}.navbar-dark .navbar-text a,.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:#fff}.sgds.navbar{align-items:stretch;min-height:80px;padding:0 2rem}@media (max-width:991.98px){.sgds.navbar{overflow-x:scroll;padding:0 1rem}}.sgds.navbar a.navbar-brand{align-items:center;display:flex;padding-bottom:.125rem}.sgds.navbar .navbar-collapse{align-items:stretch}.sgds.navbar .nav-item.has-megamenu{position:static}.sgds.navbar .nav-item a.nav-link{align-items:center;border-bottom:.125rem solid transparent;color:#344054;display:flex;min-height:100%}.sgds.navbar .nav-item a.nav-link.active,.sgds.navbar .nav-item a.nav-link:hover{border-color:#5925dc;color:#5925dc}.sgds.navbar .nav-item a.nav-link.dropdown-toggle{gap:.75rem}.sgds.navbar .nav-item a.nav-link.dropdown-toggle.show{border-bottom:.125rem solid #5925dc;color:#5925dc}.sgds.navbar .dropdown-menu{background-color:#fff;border:1px solid rgba(0,0,0,.1);border-radius:0 0 5px 5px;box-shadow:0 .5rem 1rem rgba(0,0,0,.15);margin-top:0}.sgds.navbar .dropdown-menu.megamenu{left:0;right:0;width:100%}.card{word-wrap:break-word;background-clip:border-box;background-color:#fff;border:1px solid #98a2b3;border-radius:.3125rem;display:flex;flex-direction:column;min-width:0;position:relative}.card>hr{margin-left:0;margin-right:0}.card>.list-group{border-bottom:inherit;border-top:inherit}.card>.list-group:first-child{border-top-left-radius:calc(.3125rem - 1px);border-top-right-radius:calc(.3125rem - 1px);border-top-width:0}.card>.list-group:last-child{border-bottom-left-radius:calc(.3125rem - 1px);border-bottom-right-radius:calc(.3125rem - 1px);border-bottom-width:0}.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}.card-body{flex:1 1 auto;padding:1.5rem}.card-title{margin-bottom:.5rem}.card-subtitle{margin-top:-.25rem}.card-subtitle,.card-text:last-child{margin-bottom:0}.card-link+.card-link{margin-left:1.5rem}.card-header{background-color:rgba(0,0,0,.03);border-bottom:1px solid #98a2b3;margin-bottom:0;padding:.75rem 1.5rem}.card-header:first-child{border-radius:calc(.3125rem - 1px) calc(.3125rem - 1px) 0 0}.card-footer{background-color:rgba(0,0,0,.03);border-top:1px solid #98a2b3;padding:.75rem 1.5rem}.card-footer:last-child{border-radius:0 0 calc(.3125rem - 1px) calc(.3125rem - 1px)}.card-header-tabs{border-bottom:0;margin-bottom:-.75rem}.card-header-pills,.card-header-tabs{margin-left:-.75rem;margin-right:-.75rem}.card-img-overlay{border-radius:calc(.3125rem - 1px);bottom:0;left:0;padding:1rem;position:absolute;right:0;top:0}.card-img,.card-img-bottom,.card-img-top{width:100%}.card-img,.card-img-top{border-top-left-radius:calc(.3125rem - 1px);border-top-right-radius:calc(.3125rem - 1px)}.card-img,.card-img-bottom{border-bottom-left-radius:calc(.3125rem - 1px);border-bottom-right-radius:calc(.3125rem - 1px)}.card-group>.card{margin-bottom:.75rem}@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{border-left:0;margin-left:0}.card-group>.card:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top{border-top-right-radius:0}.card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top{border-top-left-radius:0}.card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom{border-bottom-left-radius:0}}.sgds.card a:not(.btn){font-weight:700}.sgds.card[variant*=card-action]{transition-duration:.3s;transition-property:box-shadow,border-color;transition-timing-function:ease-in-out}.sgds.card[variant*=card-action] .card-body{display:flex;flex-direction:column;gap:1rem}.sgds.card[variant*=card-action] .card-body i{font-size:1.5rem;margin-right:1rem}.sgds.card[variant*=card-action] .card-body>*{margin-bottom:0}.sgds.card[variant*=card-action].is-active,.sgds.card[variant*=card-action]:hover{border-color:transparent;box-shadow:0 .5rem 1rem rgba(0,0,0,.15),inset 0 0 0 2.1px #0f71bb}.sgds.card[variant*=card-action] .card-subtitle{align-items:center;display:flex;justify-content:space-between}.sgds.card[variant*=card-action] .card-subtitle div{align-items:center;display:flex}.sgds.card[variant*=card-action] .card-input input.form-check-input{margin-top:0;min-height:1.5rem;min-width:1.5rem}.sgds.card[variant=card-action-quantity-toggle] .card-body{display:flex;flex-direction:column;gap:2rem}.sgds.card[variant=card-action-quantity-toggle] div:not([class]){align-items:center;display:flex;justify-content:space-between}.sgds.card[variant=card-action-quantity-toggle] div:not([class]) .btn,.sgds.card[variant=card-action-quantity-toggle] div:not([class]) .input-group{margin-top:0}.sgds.card[variant=card-action-quantity-toggle] div:not([class]) .input-group .btn i{margin-right:0}.sgds.card[variant=card-action-quantity-toggle] div:not([class]) .input-group button,.sgds.card[variant=card-action-quantity-toggle] div:not([class]) .input-group input{margin-top:0}.sgds.card[variant=card-action-quantity-toggle] div:not([class]) .card-unit{flex-basis:150%}@media (max-width:500px){.sgds.card[variant=card-action-quantity-toggle] div:not([class]):last-child{display:block}.sgds.card[variant=card-action-quantity-toggle] div:not([class]):last-child div.card-unit{margin-bottom:1rem}}.accordion-button{align-items:center;background-color:#fff;border:0;border-radius:0;color:#1d2939;display:flex;font-size:1rem;overflow-anchor:none;padding:1rem 1.5rem;position:relative;text-align:left;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;width:100%}@media (prefers-reduced-motion:reduce){.accordion-button{transition:none}}.accordion-button:not(.collapsed){background-color:none;box-shadow:inset 0 -1px 0 #98a2b3;color:#5925dc}.accordion-button:not(.collapsed):after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%235925DC'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");transform:rotate(-180deg)}.accordion-button:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%231D2939'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:1.25rem;content:"";flex-shrink:0;height:1.25rem;margin-left:auto;transition:transform .2s ease-in-out;width:1.25rem}@media (prefers-reduced-motion:reduce){.accordion-button:after{transition:none}}.accordion-button:hover{z-index:2}.accordion-button:focus{border-color:#87b8dd;box-shadow:0 0 0 .125rem rgba(15,113,187,.25);outline:0;z-index:3}.accordion-header{margin-bottom:0}.accordion-item{background-color:#fff;border:1px solid #98a2b3}.accordion-item:first-of-type{border-top-left-radius:.3125rem;border-top-right-radius:.3125rem}.accordion-item:first-of-type .accordion-button{border-top-left-radius:calc(.3125rem - 1px);border-top-right-radius:calc(.3125rem - 1px)}.accordion-item:not(:first-of-type){border-top:0}.accordion-item:last-of-type{border-bottom-left-radius:.3125rem;border-bottom-right-radius:.3125rem}.accordion-item:last-of-type .accordion-button.collapsed{border-bottom-left-radius:calc(.3125rem - 1px);border-bottom-right-radius:calc(.3125rem - 1px)}.accordion-item:last-of-type .accordion-collapse{border-bottom-left-radius:.3125rem;border-bottom-right-radius:.3125rem}.accordion-body{padding:1rem 1.5rem}.accordion-flush .accordion-collapse{border-width:0}.accordion-flush .accordion-item{border-left:0;border-radius:0;border-right:0}.accordion-flush .accordion-item:first-child{border-top:0}.accordion-flush .accordion-item:last-child{border-bottom:0}.accordion-flush .accordion-item .accordion-button{border-radius:0}.sgds.accordion .accordion-button{line-height:2rem}.sgds.accordion .accordion-button:not(.collapsed){box-shadow:none;font-weight:700}.sgds.accordion .accordion-body{line-height:2rem;padding-bottom:1.5rem;padding-top:0}.breadcrumb{display:flex;flex-wrap:wrap;list-style:none;margin-bottom:1rem;padding:0}.breadcrumb-item+.breadcrumb-item{padding-left:.5rem}.breadcrumb-item+.breadcrumb-item:before{color:#344054;content:var(--sgds-breadcrumb-divider,"/");float:left;padding-right:.5rem}.breadcrumb-item.active{color:#344054}.pagination{display:flex;list-style:none;padding-left:0}.page-link{background-color:#fff;border:1px solid #98a2b3;color:#0f71bb;display:block;position:relative;text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.page-link{transition:none}}.page-link:hover{border-color:#d0d5dd;z-index:2}.page-link:focus,.page-link:hover{background-color:#e4e7ec;color:#0c5a96}.page-link:focus{box-shadow:0 0 0 .125rem rgba(15,113,187,.25);outline:0;z-index:3}.page-item:not(:first-child) .page-link{margin-left:-1px}.page-item.active .page-link{background-color:#0f71bb;border-color:#0f71bb;color:#fff;z-index:3}.page-item.disabled .page-link{background-color:#fff;border-color:#98a2b3;color:#344054;pointer-events:none}.page-link{padding:.5rem 1rem}.page-item:first-child .page-link{border-bottom-left-radius:.3125rem;border-top-left-radius:.3125rem}.page-item:last-child .page-link{border-bottom-right-radius:.3125rem;border-top-right-radius:.3125rem}.pagination-lg .page-link{font-size:1.25rem;padding:.75rem 1.5rem}.pagination-lg .page-item:first-child .page-link{border-bottom-left-radius:.3rem;border-top-left-radius:.3rem}.pagination-lg .page-item:last-child .page-link{border-bottom-right-radius:.3rem;border-top-right-radius:.3rem}.pagination-sm .page-link{font-size:.875rem;padding:.25rem .5rem}.pagination-sm .page-item:first-child .page-link{border-bottom-left-radius:.2rem;border-top-left-radius:.2rem}.pagination-sm .page-item:last-child .page-link{border-bottom-right-radius:.2rem;border-top-right-radius:.2rem}.list-group{border-radius:.3125rem;display:flex;flex-direction:column;margin-bottom:0;padding-left:0}.list-group-numbered{counter-reset:section;list-style-type:none}.list-group-numbered>li:before{content:counters(section,".") ". ";counter-increment:section}.list-group-item-action{color:#1d2939;text-align:inherit;width:100%}.list-group-item-action:focus,.list-group-item-action:hover{background-color:#f7f7f9;color:#1d2939;text-decoration:none;z-index:1}.list-group-item-action:active{background-color:#e4e7ec;color:#1d2939}.list-group-item{background-color:#fff;border:1px solid rgba(0,0,0,.125);color:#000;display:block;padding:.5rem 1rem;position:relative;text-decoration:none}.list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.list-group-item:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.list-group-item.disabled,.list-group-item:disabled{background-color:#fff;color:#344054;pointer-events:none}.list-group-item.active{background-color:#0f71bb;border-color:#0f71bb;color:#fff;z-index:2}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{border-top-width:1px;margin-top:-1px}.list-group-horizontal{flex-direction:row}.list-group-horizontal>.list-group-item:first-child{border-bottom-left-radius:.3125rem;border-top-right-radius:0}.list-group-horizontal>.list-group-item:last-child{border-bottom-left-radius:0;border-top-right-radius:.3125rem}.list-group-horizontal>.list-group-item.active{margin-top:0}.list-group-horizontal>.list-group-item+.list-group-item{border-left-width:0;border-top-width:1px}.list-group-horizontal>.list-group-item+.list-group-item.active{border-left-width:1px;margin-left:-1px}@media (min-width:576px){.list-group-horizontal-sm{flex-direction:row}.list-group-horizontal-sm>.list-group-item:first-child{border-bottom-left-radius:.3125rem;border-top-right-radius:0}.list-group-horizontal-sm>.list-group-item:last-child{border-bottom-left-radius:0;border-top-right-radius:.3125rem}.list-group-horizontal-sm>.list-group-item.active{margin-top:0}.list-group-horizontal-sm>.list-group-item+.list-group-item{border-left-width:0;border-top-width:1px}.list-group-horizontal-sm>.list-group-item+.list-group-item.active{border-left-width:1px;margin-left:-1px}}@media (min-width:768px){.list-group-horizontal-md{flex-direction:row}.list-group-horizontal-md>.list-group-item:first-child{border-bottom-left-radius:.3125rem;border-top-right-radius:0}.list-group-horizontal-md>.list-group-item:last-child{border-bottom-left-radius:0;border-top-right-radius:.3125rem}.list-group-horizontal-md>.list-group-item.active{margin-top:0}.list-group-horizontal-md>.list-group-item+.list-group-item{border-left-width:0;border-top-width:1px}.list-group-horizontal-md>.list-group-item+.list-group-item.active{border-left-width:1px;margin-left:-1px}}@media (min-width:992px){.list-group-horizontal-lg{flex-direction:row}.list-group-horizontal-lg>.list-group-item:first-child{border-bottom-left-radius:.3125rem;border-top-right-radius:0}.list-group-horizontal-lg>.list-group-item:last-child{border-bottom-left-radius:0;border-top-right-radius:.3125rem}.list-group-horizontal-lg>.list-group-item.active{margin-top:0}.list-group-horizontal-lg>.list-group-item+.list-group-item{border-left-width:0;border-top-width:1px}.list-group-horizontal-lg>.list-group-item+.list-group-item.active{border-left-width:1px;margin-left:-1px}}@media (min-width:1200px){.list-group-horizontal-xl{flex-direction:row}.list-group-horizontal-xl>.list-group-item:first-child{border-bottom-left-radius:.3125rem;border-top-right-radius:0}.list-group-horizontal-xl>.list-group-item:last-child{border-bottom-left-radius:0;border-top-right-radius:.3125rem}.list-group-horizontal-xl>.list-group-item.active{margin-top:0}.list-group-horizontal-xl>.list-group-item+.list-group-item{border-left-width:0;border-top-width:1px}.list-group-horizontal-xl>.list-group-item+.list-group-item.active{border-left-width:1px;margin-left:-1px}}@media (min-width:1400px){.list-group-horizontal-xxl{flex-direction:row}.list-group-horizontal-xxl>.list-group-item:first-child{border-bottom-left-radius:.3125rem;border-top-right-radius:0}.list-group-horizontal-xxl>.list-group-item:last-child{border-bottom-left-radius:0;border-top-right-radius:.3125rem}.list-group-horizontal-xxl>.list-group-item.active{margin-top:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item{border-left-width:0;border-top-width:1px}.list-group-horizontal-xxl>.list-group-item+.list-group-item.active{border-left-width:1px;margin-left:-1px}}.list-group-flush{border-radius:0}.list-group-flush>.list-group-item{border-width:0 0 1px}.list-group-flush>.list-group-item:last-child{border-bottom-width:0}.list-group-item-primary{background-color:#ded3f8;color:#351684}.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{background-color:#c8bedf;color:#351684}.list-group-item-primary.list-group-item-action.active{background-color:#351684;border-color:#351684;color:#fff}.list-group-item-secondary{background-color:#d2e1ff;color:#133f99}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{background-color:#bdcbe6;color:#133f99}.list-group-item-secondary.list-group-item-action.active{background-color:#133f99;border-color:#133f99;color:#fff}.list-group-item-success{background-color:#cee6d1;color:#064e0e}.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover{background-color:#b9cfbc;color:#064e0e}.list-group-item-success.list-group-item-action.active{background-color:#064e0e;border-color:#064e0e;color:#fff}.list-group-item-info{background-color:#cfe3f1;color:#094470}.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover{background-color:#baccd9;color:#094470}.list-group-item-info.list-group-item-action.active{background-color:#094470;border-color:#094470;color:#fff}.list-group-item-warning{background-color:#fde9ce;color:#945605}.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover{background-color:#e4d2b9;color:#945605}.list-group-item-warning.list-group-item-action.active{background-color:#945605;border-color:#945605;color:#fff}.list-group-item-danger{background-color:#f7d4cf;color:#811709}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{background-color:#debfba;color:#811709}.list-group-item-danger.list-group-item-action.active{background-color:#811709;border-color:#811709;color:#fff}.list-group-item-light{background-color:#fdfdfe;color:#636364}.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover{background-color:#e4e4e5;color:#636364}.list-group-item-light.list-group-item-action.active{background-color:#636364;border-color:#636364;color:#fff}.list-group-item-dark{background-color:#ccc;color:#000}.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover{background-color:#b8b8b8;color:#000}.list-group-item-dark.list-group-item-action.active{background-color:#000;border-color:#000;color:#fff}.badge{border-radius:.3125rem;color:#fff;display:inline-block;font-size:.875em;font-weight:700;line-height:1;padding:.285em .571em;text-align:center;vertical-align:baseline;white-space:nowrap}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.sgds.badge{font-size:min(.875em,2rem);line-height:1.145;padding:.285em .571em}.sgds.badge i.left{padding-right:.43em}.sgds.badge i.right{padding-left:.43em}.sgds.badge-light.bg-primary{--sgds-bg-opacity:0.1;border:1px solid var(--sgds-primary);color:var(--sgds-primary)}.sgds.badge-light.bg-secondary{--sgds-bg-opacity:0.1;border:1px solid var(--sgds-secondary);color:var(--sgds-secondary)}.sgds.badge-light.bg-success{--sgds-bg-opacity:0.1;border:1px solid var(--sgds-success);color:var(--sgds-success)}.sgds.badge-light.bg-info{--sgds-bg-opacity:0.1;border:1px solid var(--sgds-info);color:var(--sgds-info)}.sgds.badge-light.bg-warning{--sgds-bg-opacity:0.1;border:1px solid var(--sgds-warning);color:var(--sgds-warning)}.sgds.badge-light.bg-danger{--sgds-bg-opacity:0.1;border:1px solid var(--sgds-danger);color:var(--sgds-danger)}.sgds.badge-light.bg-light{--sgds-bg-opacity:0.1;border:1px solid var(--sgds-gray-500);color:var(--sgds-gray-500)}.sgds.badge-light.bg-dark{--sgds-bg-opacity:0.1;border:1px solid var(--sgds-dark);color:var(--sgds-dark)}.alert{border:1px solid transparent;border-radius:.3125rem;margin-bottom:1rem;padding:1rem;position:relative}.alert-heading{color:inherit}.alert-link{font-weight:700}.alert-dismissible{padding-right:3rem}.alert-dismissible .btn-close{padding:1.25rem 1rem;position:absolute;right:0;top:0;z-index:2}.alert-primary{background-color:#ded3f8;border-color:#cdbef5;color:#351684}.alert-primary .alert-link{color:#2a126a}.alert-secondary{background-color:#d2e1ff;border-color:#bcd2ff;color:#133f99}.alert-secondary .alert-link{color:#0f327a}.alert-success{background-color:#cee6d1;border-color:#b6dab9;color:#064e0e}.alert-success .alert-link{color:#053e0b}.alert-info{background-color:#cfe3f1;border-color:#b7d4eb;color:#094470}.alert-info .alert-link{color:#07365a}.alert-warning{background-color:#fde9ce;border-color:#fddeb5;color:#945605}.alert-warning .alert-link{color:#764504}.alert-danger{background-color:#f7d4cf;border-color:#f3beb7;color:#811709}.alert-danger .alert-link{color:#671207}.alert-light{background-color:#fdfdfe;border-color:#fdfdfd;color:#636364}.alert-light .alert-link{color:#4f4f50}.alert-dark{background-color:#ccc;border-color:#b3b3b3;color:#000}.alert-dark .alert-link{color:#000}.alert-primary{background-color:#ece6fb;border-color:#7e55e4;color:#344054}.alert-primary .alert-link{color:#2a3343}.alert-primary i{color:#491db6}.alert-secondary{background-color:#ebf1ff;border-color:#70a0ff;color:#344054}.alert-secondary .alert-link{color:#2a3343}.alert-secondary i{color:#004ff0}.alert-success{background-color:#e7f6e9;border-color:#58be62;color:#344054}.alert-success .alert-link{color:#2a3343}.alert-success i{color:#0a8217}.alert-info{background-color:#e2eff8;border-color:#58a1d4;color:#344054}.alert-info .alert-link{color:#2a3343}.alert-info i{color:#0f71bb}.alert-warning{background-color:#fffaeb;border-color:#fec84b;color:#344054}.alert-warning .alert-link{color:#2a3343}.alert-warning i{color:#f79009}.alert-danger{background-color:#fff4f3;border-color:#fb7463;color:#344054}.alert-danger .alert-link{color:#2a3343}.alert-danger i{color:#d7260f}.alert-light{background-color:#f7f7f9;border-color:#98a2b3;color:#344054}.alert-light .alert-link{color:#2a3343}.alert-dark,.alert-light i{color:#344054}.alert-dark{background-color:#f7f7f9;border-color:#98a2b3}.alert-dark .alert-link{color:#2a3343}.alert-dark i{color:#344054}@keyframes progress-bar-stripes{0%{background-position-x:1rem}}.progress{background-color:#e4e7ec;border-radius:.3125rem;font-size:.75rem;height:1rem}.progress,.progress-bar{display:flex;overflow:hidden}.progress-bar{background-color:#5925dc;color:#fff;flex-direction:column;justify-content:center;text-align:center;transition:width .6s ease;white-space:nowrap}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);background-size:1rem 1rem}.progress-bar-animated{animation:progress-bar-stripes 1s linear infinite}@media (prefers-reduced-motion:reduce){.progress-bar-animated{animation:none}}.btn-close{background:transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2398A2B3'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E") 50%/1em auto no-repeat;border:0;border-radius:.3125rem;box-sizing:content-box;color:#98a2b3;height:1em;opacity:1;padding:.25em;width:1em}.btn-close:hover{color:#98a2b3;opacity:1;text-decoration:none}.btn-close:focus{box-shadow:0 0 0 .125rem rgba(15,113,187,.25);opacity:1;outline:0}.btn-close.disabled,.btn-close:disabled{opacity:.25;pointer-events:none;user-select:none}.btn-close-white{filter:invert(1) grayscale(100%) brightness(200%)}.btn-close:hover{background:transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23344054'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E") 50%/1em auto no-repeat}.sgds.sidenav{font-size:1rem;list-style:none;width:auto}.sgds.sidenav .sidenav-item+.sidenav-item{margin-top:1rem}.sgds.sidenav .sidenav-item .sgds.btn{align-items:center;background:0;border:0;border-left:.125rem solid #5925dc;border-radius:0;color:#5925dc;display:flex;font-size:inherit;gap:1rem;line-height:1.5;padding-bottom:.5rem;padding-left:1rem;padding-top:.5rem;text-align:initial;width:100%}.sgds.sidenav .sidenav-item .sgds.btn i.bi-chevron-down{transform:rotate(180deg);transition:all .3s ease-in-out}.sgds.sidenav .sidenav-item .sgds.btn.collapsed,.sgds.sidenav .sidenav-item .sgds.btn.inactive{border-color:transparent;color:inherit}.sgds.sidenav .sidenav-item .sgds.btn.collapsed i,.sgds.sidenav .sidenav-item .sgds.btn.inactive i{transform:rotate(0deg)}.sgds.sidenav .sidenav-item .sgds.btn.active,.sgds.sidenav .sidenav-item .sgds.btn:hover{border-left-color:#5925dc;color:#5925dc;font-weight:700}.sgds.sidenav .sidenav-item .collapse,.sgds.sidenav .sidenav-item .collapse.show,.sgds.sidenav .sidenav-item .collapsing{margin-top:1rem}.sgds.sidenav .sidenav-item .collapse a.nav-link,.sgds.sidenav .sidenav-item .collapse.show a.nav-link,.sgds.sidenav .sidenav-item .collapsing a.nav-link{color:inherit;font-size:inherit;padding:.5rem 0 .5rem 4.125rem}.sgds.sidenav .sidenav-item .collapse a.nav-link+a.nav-link,.sgds.sidenav .sidenav-item .collapse.show a.nav-link+a.nav-link,.sgds.sidenav .sidenav-item .collapsing a.nav-link+a.nav-link{margin-top:1rem}.sgds.sidenav .sidenav-item .collapse a.nav-link.active,.sgds.sidenav .sidenav-item .collapse a.nav-link:hover,.sgds.sidenav .sidenav-item .collapse.show a.nav-link.active,.sgds.sidenav .sidenav-item .collapse.show a.nav-link:hover,.sgds.sidenav .sidenav-item .collapsing a.nav-link.active,.sgds.sidenav .sidenav-item .collapsing a.nav-link:hover{color:#5925dc}.sgds.sidenav .sidenav-item .collapse a.nav-link.disabled,.sgds.sidenav .sidenav-item .collapse.show a.nav-link.disabled,.sgds.sidenav .sidenav-item .collapsing a.nav-link.disabled{color:#344054}.sgds.stepper{display:flex;flex-wrap:wrap;font-size:1rem;min-height:calc(1rem*2rem)}.sgds.stepper:not(:last-child){margin-bottom:1.5rem}.sgds.stepper .stepper-item{flex-basis:0;flex-grow:1;margin-top:0;position:relative}.sgds.stepper .stepper-item:not(:first-child){flex-basis:1em;flex-grow:1;flex-shrink:1}.sgds.stepper .stepper-item:not(:first-child):before{content:" ";position:absolute}.sgds.stepper .stepper-item.is-clickable{cursor:pointer}.sgds.stepper .stepper-item.is-clickable:hover .stepper-marker{background-color:#491db6;border-color:#491db6}.sgds.stepper .stepper-item.is-clickable:hover .stepper-detail,.sgds.stepper .stepper-item.is-clickable:hover .stepper-detail>*{color:#491db6;transition:all .5s ease}.sgds.stepper .stepper-item:before{background:linear-gradient(270deg,#d0d5dd 50%,#5925dc 0);background-position:100% 100%;background-size:200% 100%}.sgds.stepper .stepper-item:before .stepper-marker{color:#fff}.sgds.stepper .stepper-item.is-active:before{background-position:0 100%}.sgds.stepper .stepper-item.is-active .stepper-marker{background-color:#fff;border-color:#5925dc;color:#5925dc}.sgds.stepper .stepper-item.is-completed:before{background-position:0 100%}.sgds.stepper .stepper-item.is-completed .stepper-marker{background-color:#5925dc;border-color:#5925dc;color:#fff}.sgds.stepper .stepper-item>.stepper-marker{align-items:center;background:#98a2b3;border:.25rem solid #fff;border-radius:50%;color:#fff;display:flex;font-weight:700;justify-content:center;z-index:1}.sgds.stepper .stepper-item>.stepper-detail{text-align:center}.sgds.stepper .stepper-item:not(:first-child):before{bottom:0;height:.25rem;left:-50%;top:1rem;width:100%}.sgds.stepper .stepper-item .stepper-marker{height:2rem;left:calc(50% - 1rem);position:absolute;width:2rem}.sgds.stepper .stepper-item .stepper-marker .icon *{font-size:1rem}.sgds.stepper .stepper-item .stepper-detail{margin-left:.5rem;margin-right:.5rem;margin-top:2rem}.sgds.stepper.is-small{font-size:.875rem;min-height:calc(.875rem*2rem)}.sgds.stepper.is-small .stepper-item:not(:first-child):before{bottom:0;height:.25rem;left:-50%;top:.875rem;width:100%}.sgds.stepper.is-small .stepper-item .stepper-marker{height:1.75rem;left:calc(50% - .875rem);position:absolute;width:1.75rem}.sgds.stepper.is-small .stepper-item .stepper-marker .icon *{font-size:.875rem}.sgds.stepper.is-small .stepper-item .stepper-detail{margin-left:.5rem;margin-right:.5rem;margin-top:1.75rem}.sgds.stepper.is-large{font-size:1.25rem;min-height:calc(1.25rem*2rem)}.sgds.stepper.is-large .stepper-item:not(:first-child):before{bottom:0;height:.25rem;left:-50%;top:1.25rem;width:100%}.sgds.stepper.is-large .stepper-item .stepper-marker{height:2.5rem;left:calc(50% - 1.25rem);position:absolute;width:2.5rem}.sgds.stepper.is-large .stepper-item .stepper-marker .icon *{font-size:1.25rem}.sgds.stepper.is-large .stepper-item .stepper-detail{margin-left:.5rem;margin-right:.5rem;margin-top:2.5rem}.toast{background-clip:padding-box;background-color:hsla(0,0%,100%,.85);border:1px solid rgba(0,0,0,.1);border-radius:.3125rem;box-shadow:0 .5rem 1rem rgba(0,0,0,.15);font-size:1rem;max-width:100%;pointer-events:auto;width:350px}.toast.showing{opacity:0}.toast:not(.show){display:none}.toast-container{max-width:100%;pointer-events:none;width:max-content}.toast-container>:not(:last-child){margin-bottom:.75rem}.toast-header{align-items:center;background-clip:padding-box;background-color:hsla(0,0%,100%,.85);border-bottom:1px solid rgba(0,0,0,.05);border-top-left-radius:calc(.3125rem - 1px);border-top-right-radius:calc(.3125rem - 1px);color:#344054;display:flex;padding:.5rem .75rem}.toast-header .btn-close{margin-left:.75rem;margin-right:-.375rem}.toast-body{word-wrap:break-word;padding:.75rem}.sgds.toast{border-color:#344054;border-left:5px solid;border-radius:0 .3125rem .3125rem 0;font-size:1rem}.sgds.toast .toast-header{border-bottom:0;padding:1rem 1rem .5rem}.sgds.toast .toast-header .btn-close{margin:0}.sgds.toast .toast-body{padding:0 1rem 1rem}.sgds.toast .toast-body button{margin-top:2rem}.sgds.is-primary{border-color:#5925dc}.sgds.is-primary .toast-header{color:#5925dc}.sgds.is-secondary{border-color:#1f69ff}.sgds.is-secondary .toast-header{color:#1f69ff}.sgds.is-success{border-color:#0a8217}.sgds.is-success .toast-header{color:#0a8217}.sgds.is-info{border-color:#0f71bb}.sgds.is-info .toast-header{color:#0f71bb}.sgds.is-warning{border-color:#f79009}.sgds.is-warning .toast-header{color:#f79009}.sgds.is-danger{border-color:#d7260f}.sgds.is-danger .toast-header{color:#d7260f}.sgds.is-light{border-color:#f7f7f9}.sgds.is-light .toast-header{color:#f7f7f9}.sgds.is-dark{border-color:#000}.sgds.is-dark .toast-header{color:#000}.modal{display:none;height:100%;left:0;outline:0;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;width:100%;z-index:1055}.modal-dialog{margin:.5rem;pointer-events:none;position:relative;width:auto}.modal.fade .modal-dialog{transform:translateY(-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% - 1rem)}.modal-dialog-scrollable .modal-content{max-height:100%;overflow:hidden}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{align-items:center;display:flex;min-height:calc(100% - 1rem)}.modal-content{background-clip:padding-box;background-color:#fff;border:1px solid #98a2b3;border-radius:.3rem;display:flex;flex-direction:column;outline:0;pointer-events:auto;position:relative;width:100%}.modal-backdrop{background-color:#000;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:1050}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{align-items:center;border-bottom:1px solid #98a2b3;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px);display:flex;flex-shrink:0;justify-content:space-between;padding:1.5rem}.modal-header .btn-close{margin:-.75rem -.75rem -.75rem auto;padding:.75rem}.modal-title{line-height:2;margin-bottom:0}.modal-body{flex:1 1 auto;padding:1.5rem;position:relative}.modal-footer{align-items:center;border-bottom-left-radius:calc(.3rem - 1px);border-bottom-right-radius:calc(.3rem - 1px);border-top:1px solid transparent;display:flex;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end;padding:1.25rem}.modal-footer>*{margin:.25rem}@media (min-width:576px){.modal-dialog{margin:1.75rem auto;max-width:500px}.modal-dialog-scrollable{height:calc(100% - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{max-width:800px}}@media (min-width:1200px){.modal-xl{max-width:1140px}}.modal-fullscreen{height:100%;margin:0;max-width:none;width:100vw}.modal-fullscreen .modal-content{border:0;border-radius:0;height:100%}.modal-fullscreen .modal-header{border-radius:0}.modal-fullscreen .modal-body{overflow-y:auto}.modal-fullscreen .modal-footer{border-radius:0}@media (max-width:575.98px){.modal-fullscreen-sm-down{height:100%;margin:0;max-width:none;width:100vw}.modal-fullscreen-sm-down .modal-content{border:0;border-radius:0;height:100%}.modal-fullscreen-sm-down .modal-header{border-radius:0}.modal-fullscreen-sm-down .modal-body{overflow-y:auto}.modal-fullscreen-sm-down .modal-footer{border-radius:0}}@media (max-width:767.98px){.modal-fullscreen-md-down{height:100%;margin:0;max-width:none;width:100vw}.modal-fullscreen-md-down .modal-content{border:0;border-radius:0;height:100%}.modal-fullscreen-md-down .modal-header{border-radius:0}.modal-fullscreen-md-down .modal-body{overflow-y:auto}.modal-fullscreen-md-down .modal-footer{border-radius:0}}@media (max-width:991.98px){.modal-fullscreen-lg-down{height:100%;margin:0;max-width:none;width:100vw}.modal-fullscreen-lg-down .modal-content{border:0;border-radius:0;height:100%}.modal-fullscreen-lg-down .modal-header{border-radius:0}.modal-fullscreen-lg-down .modal-body{overflow-y:auto}.modal-fullscreen-lg-down .modal-footer{border-radius:0}}@media (max-width:1199.98px){.modal-fullscreen-xl-down{height:100%;margin:0;max-width:none;width:100vw}.modal-fullscreen-xl-down .modal-content{border:0;border-radius:0;height:100%}.modal-fullscreen-xl-down .modal-header{border-radius:0}.modal-fullscreen-xl-down .modal-body{overflow-y:auto}.modal-fullscreen-xl-down .modal-footer{border-radius:0}}@media (max-width:1399.98px){.modal-fullscreen-xxl-down{height:100%;margin:0;max-width:none;width:100vw}.modal-fullscreen-xxl-down .modal-content{border:0;border-radius:0;height:100%}.modal-fullscreen-xxl-down .modal-header{border-radius:0}.modal-fullscreen-xxl-down .modal-body{overflow-y:auto}.modal-fullscreen-xxl-down .modal-footer{border-radius:0}}.sgds.modal .modal-footer{padding-top:0}.sgds.modal button.btn-close{font-size:.75rem}.sgds.modal[variant=centered-align-icon] .modal-content{text-align:center}.sgds.modal[variant=centered-align-icon] .modal-header{align-items:flex-start;border-bottom:0;padding-bottom:0}.sgds.modal[variant=centered-align-icon] .modal-title{display:flex;flex-flow:column;flex-grow:1;justify-content:center}.sgds.modal[variant=centered-align-icon] .modal-footer{justify-content:center}.sgds.nav-tabs{border-bottom:none;gap:2rem}.sgds.nav-tabs[variant=tabs-info-toggle] li.nav-item button.nav-link{background-color:#fff;border:1px solid #98a2b3;border-radius:.3125rem;color:#1d2939;min-width:11.875rem;padding:.75rem}.sgds.nav-tabs[variant=tabs-info-toggle] li.nav-item button.nav-link .tabs-info-label{display:flex;justify-content:flex-end;text-align:right}.sgds.nav-tabs[variant=tabs-info-toggle] li.nav-item button.nav-link .tabs-info-label.has-icon{justify-content:space-between}.sgds.nav-tabs[variant=tabs-info-toggle] li.nav-item button.nav-link .tabs-info-count{text-align:right}.sgds.nav-tabs[variant=tabs-info-toggle] li.nav-item button.nav-link.active,.sgds.nav-tabs[variant=tabs-info-toggle] li.nav-item button.nav-link:hover{border-color:#5925dc;color:#5925dc;font-weight:700}.sgds.nav-tabs[variant=tabs-basic-toggle]{gap:0}.sgds.nav-tabs[variant=tabs-basic-toggle] li.nav-item+li.nav-item{margin-left:-2px}.sgds.nav-tabs[variant=tabs-basic-toggle] li.nav-item button.nav-link{background-color:#fff;border:1px solid #98a2b3;border-radius:0;color:#1d2939;padding:.5rem 1.5rem}.sgds.nav-tabs[variant=tabs-basic-toggle] li.nav-item button.nav-link i.left,.sgds.nav-tabs[variant=tabs-basic-toggle] li.nav-item button.nav-link span.left{margin-right:1rem}.sgds.nav-tabs[variant=tabs-basic-toggle] li.nav-item button.nav-link i.right,.sgds.nav-tabs[variant=tabs-basic-toggle] li.nav-item button.nav-link span.right{margin-left:1rem}.sgds.nav-tabs[variant=tabs-basic-toggle] li.nav-item button.nav-link.active,.sgds.nav-tabs[variant=tabs-basic-toggle] li.nav-item button.nav-link:hover{background-color:#0f71bb;color:#fff}.sgds.nav-tabs:not([variant=tabs-basic-toggle]):not([variant=tabs-info-toggle]) li.nav-item button.nav-link{background-color:transparent;border:none;color:#1d2939;padding-left:0;padding-right:0;padding-top:0}.sgds.nav-tabs:not([variant=tabs-basic-toggle]):not([variant=tabs-info-toggle]) li.nav-item button.nav-link.active{background-color:transparent;border-bottom:.125rem solid #0f71bb;font-weight:700}.sgds.tab-content{padding-bottom:1rem;padding-top:1rem}.tooltip{word-wrap:break-word;display:block;font-family:var(--sgds-font-sans-serif);font-size:.875rem;font-style:normal;font-weight:400;letter-spacing:normal;line-break:auto;line-height:2;margin:0;opacity:0;position:absolute;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;white-space:normal;word-break:normal;word-spacing:normal;z-index:1080}.tooltip.show{opacity:1}.tooltip .tooltip-arrow{display:block;height:.4rem;position:absolute;width:.8rem}.tooltip .tooltip-arrow:before{border-color:transparent;border-style:solid;content:"";position:absolute}.bs-tooltip-auto[data-popper-placement^=top],.bs-tooltip-top{padding:.4rem 0}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,.bs-tooltip-top .tooltip-arrow{bottom:0}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow:before,.bs-tooltip-top .tooltip-arrow:before{border-top-color:#344054;border-width:.4rem .4rem 0;top:-1px}.bs-tooltip-auto[data-popper-placement^=right],.bs-tooltip-end{padding:0 .4rem}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,.bs-tooltip-end .tooltip-arrow{height:.8rem;left:0;width:.4rem}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow:before,.bs-tooltip-end .tooltip-arrow:before{border-right-color:#344054;border-width:.4rem .4rem .4rem 0;right:-1px}.bs-tooltip-auto[data-popper-placement^=bottom],.bs-tooltip-bottom{padding:.4rem 0}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,.bs-tooltip-bottom .tooltip-arrow{top:0}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow:before,.bs-tooltip-bottom .tooltip-arrow:before{border-bottom-color:#344054;border-width:0 .4rem .4rem;bottom:-1px}.bs-tooltip-auto[data-popper-placement^=left],.bs-tooltip-start{padding:0 .4rem}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,.bs-tooltip-start .tooltip-arrow{height:.8rem;right:0;width:.4rem}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow:before,.bs-tooltip-start .tooltip-arrow:before{border-left-color:#344054;border-width:.4rem 0 .4rem .4rem;left:-1px}.tooltip-inner{background-color:#344054;border-radius:.3125rem;color:#fff;max-width:200px;padding:.5rem 1rem;text-align:center}.sgds.tooltip .tooltip-inner{display:flex;gap:2rem;text-align:left}.popover{word-wrap:break-word;background-clip:padding-box;background-color:#fff;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;display:block;font-family:var(--sgds-font-sans-serif);font-size:.875rem;font-style:normal;font-weight:400;left:0;letter-spacing:normal;line-break:auto;line-height:2;max-width:276px;position:absolute;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;top:0;white-space:normal;word-break:normal;word-spacing:normal;z-index:1070}.popover .popover-arrow{display:block;height:.5rem;position:absolute;width:1rem}.popover .popover-arrow:after,.popover .popover-arrow:before{border-color:transparent;border-style:solid;content:"";display:block;position:absolute}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow,.bs-popover-top>.popover-arrow{bottom:calc(-.5rem - 1px)}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before,.bs-popover-top>.popover-arrow:before{border-top-color:rgba(0,0,0,.25);border-width:.5rem .5rem 0;bottom:0}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after,.bs-popover-top>.popover-arrow:after{border-top-color:#fff;border-width:.5rem .5rem 0;bottom:1px}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow,.bs-popover-end>.popover-arrow{height:1rem;left:calc(-.5rem - 1px);width:.5rem}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before,.bs-popover-end>.popover-arrow:before{border-right-color:rgba(0,0,0,.25);border-width:.5rem .5rem .5rem 0;left:0}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after,.bs-popover-end>.popover-arrow:after{border-right-color:#fff;border-width:.5rem .5rem .5rem 0;left:1px}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,.bs-popover-bottom>.popover-arrow{top:calc(-.5rem - 1px)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before,.bs-popover-bottom>.popover-arrow:before{border-bottom-color:rgba(0,0,0,.25);border-width:0 .5rem .5rem;top:0}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after,.bs-popover-bottom>.popover-arrow:after{border-bottom-color:#fff;border-width:0 .5rem .5rem;top:1px}.bs-popover-auto[data-popper-placement^=bottom] .popover-header:before,.bs-popover-bottom .popover-header:before{border-bottom:1px solid #f0f0f0;content:"";display:block;left:50%;margin-left:-.5rem;position:absolute;top:0;width:1rem}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow,.bs-popover-start>.popover-arrow{height:1rem;right:calc(-.5rem - 1px);width:.5rem}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before,.bs-popover-start>.popover-arrow:before{border-left-color:rgba(0,0,0,.25);border-width:.5rem 0 .5rem .5rem;right:0}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after,.bs-popover-start>.popover-arrow:after{border-left-color:#fff;border-width:.5rem 0 .5rem .5rem;right:1px}.popover-header{background-color:#f0f0f0;border-bottom:1px solid rgba(0,0,0,.2);border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px);font-size:1rem;margin-bottom:0;padding:.5rem 1rem}.popover-header:empty{display:none}.popover-body{color:#1d2939;padding:1rem}.carousel{position:relative}.carousel.pointer-event{touch-action:pan-y}.carousel-inner{overflow:hidden;position:relative;width:100%}.carousel-inner:after{clear:both;content:"";display:block}.carousel-item{backface-visibility:hidden;display:none;float:left;margin-right:-100%;position:relative;transition:transform .6s ease-in-out;width:100%}@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-end,.carousel-item-next:not(.carousel-item-start){transform:translateX(100%)}.active.carousel-item-start,.carousel-item-prev:not(.carousel-item-end){transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transform:none;transition-property:opacity}.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end,.carousel-fade .carousel-item.active{opacity:1;z-index:1}.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{opacity:0;transition:opacity 0s .6s;z-index:0}@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{transition:none}}.carousel-control-next,.carousel-control-prev{align-items:center;background:none;border:0;bottom:0;color:#fff;display:flex;justify-content:center;opacity:.5;padding:0;position:absolute;text-align:center;top:0;transition:opacity .15s ease;width:15%;z-index:1}@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;opacity:.9;outline:0;text-decoration:none}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{background-position:50%;background-repeat:no-repeat;background-size:100% 100%;display:inline-block;height:2rem;width:2rem}.carousel-control-prev-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3E%3Cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3E%3C/svg%3E")}.carousel-control-next-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3E%3Cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E")}.carousel-indicators{bottom:0;display:flex;justify-content:center;left:0;list-style:none;margin-bottom:1rem;margin-left:15%;margin-right:15%;padding:0;position:absolute;right:0;z-index:2}.carousel-indicators [data-bs-target]{background-clip:padding-box;background-color:#fff;border:0;border-bottom:10px solid transparent;border-top:10px solid transparent;box-sizing:content-box;cursor:pointer;flex:0 1 auto;height:3px;margin-left:3px;margin-right:3px;opacity:.5;padding:0;text-indent:-999px;transition:opacity .6s ease;width:30px}@media (prefers-reduced-motion:reduce){.carousel-indicators [data-bs-target]{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{bottom:1.25rem;color:#fff;left:15%;padding-bottom:1.25rem;padding-top:1.25rem;position:absolute;right:15%;text-align:center}.carousel-dark .carousel-control-next-icon,.carousel-dark .carousel-control-prev-icon{filter:invert(1) grayscale(100)}.carousel-dark .carousel-indicators [data-bs-target]{background-color:#000}.carousel-dark .carousel-caption{color:#000}@keyframes spinner-border{to{transform:rotate(1turn)}}.spinner-border{animation:spinner-border .75s linear infinite;border:.25em solid;border-radius:50%;border-right:.25em solid transparent;display:inline-block;height:2rem;vertical-align:-.125em;width:2rem}.spinner-border-sm{border-width:.2em;height:1rem;width:1rem}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.spinner-grow{animation:spinner-grow .75s linear infinite;background-color:currentColor;border-radius:50%;display:inline-block;height:2rem;opacity:0;vertical-align:-.125em;width:2rem}.spinner-grow-sm{height:1rem;width:1rem}@media (prefers-reduced-motion:reduce){.spinner-border,.spinner-grow{animation-duration:1.5s}}.offcanvas{background-clip:padding-box;background-color:#fff;bottom:0;display:flex;flex-direction:column;max-width:100%;outline:0;position:fixed;transition:transform .3s ease-in-out;visibility:hidden;z-index:1045}@media (prefers-reduced-motion:reduce){.offcanvas{transition:none}}.offcanvas-backdrop{background-color:#000;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:1040}.offcanvas-backdrop.fade{opacity:0}.offcanvas-backdrop.show{opacity:.5}.offcanvas-header{align-items:center;display:flex;justify-content:space-between;padding:1.5rem}.offcanvas-header .btn-close{margin-bottom:-.75rem;margin-right:-.75rem;margin-top:-.75rem;padding:.75rem}.offcanvas-title{line-height:2;margin-bottom:0}.offcanvas-body{flex-grow:1;overflow-y:auto;padding:1.5rem}.offcanvas-start{border-right:1px solid #98a2b3;left:0;top:0;transform:translateX(-100%);width:400px}.offcanvas-end{border-left:1px solid #98a2b3;right:0;top:0;transform:translateX(100%);width:400px}.offcanvas-top{border-bottom:1px solid #98a2b3;top:0;transform:translateY(-100%)}.offcanvas-bottom,.offcanvas-top{height:30vh;left:0;max-height:100%;right:0}.offcanvas-bottom{border-top:1px solid #98a2b3;transform:translateY(100%)}.offcanvas.show{transform:none}.placeholder{background-color:currentColor;cursor:wait;display:inline-block;min-height:1em;opacity:.5;vertical-align:middle}.placeholder.btn:before{content:"";display:inline-block}.placeholder-xs{min-height:.6em}.placeholder-sm{min-height:.8em}.placeholder-lg{min-height:1.2em}.placeholder-glow .placeholder{animation:placeholder-glow 2s ease-in-out infinite}@keyframes placeholder-glow{50%{opacity:.2}}.placeholder-wave{animation:placeholder-wave 2s linear infinite;mask-image:linear-gradient(130deg,#000 55%,rgba(0,0,0,.8) 75%,#000 95%);mask-size:200% 100%}@keyframes placeholder-wave{to{mask-position:-200% 0}}.sgds.combobox{justify-content:flex-end}.sgds.combobox>.form-control{padding-left:1rem;padding-right:3rem}.sgds.combobox>.dropdown-menu{min-width:100%}.clearfix:after{clear:both;content:"";display:block}.link-primary{color:#5925dc}.link-primary:focus,.link-primary:hover{color:#471eb0}.link-secondary{color:#1f69ff}.link-secondary:focus,.link-secondary:hover{color:#1954cc}.link-success{color:#0a8217}.link-success:focus,.link-success:hover{color:#086812}.link-info{color:#0f71bb}.link-info:focus,.link-info:hover{color:#0c5a96}.link-warning{color:#f79009}.link-warning:focus,.link-warning:hover{color:#f9a63a}.link-danger{color:#d7260f}.link-danger:focus,.link-danger:hover{color:#ac1e0c}.link-light{color:#f7f7f9}.link-light:focus,.link-light:hover{color:#f9f9fa}.link-dark,.link-dark:focus,.link-dark:hover{color:#000}.ratio{position:relative;width:100%}.ratio:before{content:"";display:block;padding-top:var(--sgds-aspect-ratio)}.ratio>*{height:100%;left:0;position:absolute;top:0;width:100%}.ratio-1x1{--sgds-aspect-ratio:100%}.ratio-4x3{--sgds-aspect-ratio:75%}.ratio-16x9{--sgds-aspect-ratio:56.25%}.ratio-21x9{--sgds-aspect-ratio:42.8571428571%}.fixed-top{top:0}.fixed-bottom,.fixed-top{left:0;position:fixed;right:0;z-index:1030}.fixed-bottom{bottom:0}.sticky-top{position:sticky;top:0;z-index:1020}@media (min-width:576px){.sticky-sm-top{position:sticky;top:0;z-index:1020}}@media (min-width:768px){.sticky-md-top{position:sticky;top:0;z-index:1020}}@media (min-width:992px){.sticky-lg-top{position:sticky;top:0;z-index:1020}}@media (min-width:1200px){.sticky-xl-top{position:sticky;top:0;z-index:1020}}@media (min-width:1400px){.sticky-xxl-top{position:sticky;top:0;z-index:1020}}.hstack{align-items:center;flex-direction:row}.hstack,.vstack{align-self:stretch;display:flex}.vstack{flex:1 1 auto;flex-direction:column}.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){clip:rect(0,0,0,0)!important;border:0!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.stretched-link:after{bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vr{align-self:stretch;background-color:currentColor;display:inline-block;min-height:1em;opacity:.25;width:1px}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.float-start{float:left!important}.float-end{float:right!important}.float-none{float:none!important}.opacity-0{opacity:0!important}.opacity-25{opacity:.25!important}.opacity-50{opacity:.5!important}.opacity-75{opacity:.75!important}.opacity-100{opacity:1!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-visible{overflow:visible!important}.overflow-scroll{overflow:scroll!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block,.form-text{display:block!important}.d-grid{display:grid!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-none{display:none!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}.shadow-none{box-shadow:none!important}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:sticky!important}.top-0{top:0!important}.top-50{top:50%!important}.top-100{top:100%!important}.bottom-0{bottom:0!important}.bottom-50{bottom:50%!important}.bottom-100{bottom:100%!important}.start-0{left:0!important}.start-50{left:50%!important}.start-100{left:100%!important}.end-0{right:0!important}.end-50{right:50%!important}.end-100{right:100%!important}.translate-middle{transform:translate(-50%,-50%)!important}.translate-middle-x{transform:translateX(-50%)!important}.translate-middle-y{transform:translateY(-50%)!important}.border{border:1px solid #98a2b3!important}.border-0{border:0!important}.border-top{border-top:1px solid #98a2b3!important}.border-top-0{border-top:0!important}.border-end{border-right:1px solid #98a2b3!important}.border-end-0{border-right:0!important}.border-bottom{border-bottom:1px solid #98a2b3!important}.border-bottom-0{border-bottom:0!important}.border-start{border-left:1px solid #98a2b3!important}.border-start-0{border-left:0!important}.border-primary{border-color:#5925dc!important}.border-secondary{border-color:#1f69ff!important}.border-success{border-color:#0a8217!important}.border-info{border-color:#0f71bb!important}.border-warning{border-color:#f79009!important}.border-danger{border-color:#d7260f!important}.border-light{border-color:#f7f7f9!important}.border-dark{border-color:#000!important}.border-white{border-color:#fff!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}.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}.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:2rem!important}.gap-6{gap:2.5rem!important}.gap-7{gap:3rem!important}.gap-8{gap:3.5rem!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center,.sgds.modal[variant=centered-align-icon] .modal-footer{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,.sgds.alert>i{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:2rem!important}.m-6{margin:2.5rem!important}.m-7{margin:3rem!important}.m-8{margin:3.5rem!important}.m-auto{margin:auto!important}.mx-0{margin-left:0!important;margin-right:0!important}.mx-1{margin-left:.25rem!important;margin-right:.25rem!important}.mx-2{margin-left:.5rem!important;margin-right:.5rem!important}.mx-3{margin-left:1rem!important;margin-right:1rem!important}.mx-4{margin-left:1.5rem!important;margin-right:1.5rem!important}.mx-5{margin-left:2rem!important;margin-right:2rem!important}.mx-6{margin-left:2.5rem!important;margin-right:2.5rem!important}.mx-7{margin-left:3rem!important;margin-right:3rem!important}.mx-8{margin-left:3.5rem!important;margin-right:3.5rem!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.my-0{margin-bottom:0!important;margin-top:0!important}.my-1{margin-bottom:.25rem!important;margin-top:.25rem!important}.my-2{margin-bottom:.5rem!important;margin-top:.5rem!important}.my-3{margin-bottom:1rem!important;margin-top:1rem!important}.my-4{margin-bottom:1.5rem!important;margin-top:1.5rem!important}.my-5{margin-bottom:2rem!important;margin-top:2rem!important}.my-6{margin-bottom:2.5rem!important;margin-top:2.5rem!important}.my-7{margin-bottom:3rem!important;margin-top:3rem!important}.my-8{margin-bottom:3.5rem!important;margin-top:3.5rem!important}.my-auto{margin-bottom:auto!important;margin-top:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:2rem!important}.mt-6{margin-top:2.5rem!important}.mt-7{margin-top:3rem!important}.mt-8{margin-top:3.5rem!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:2rem!important}.me-6{margin-right:2.5rem!important}.me-7{margin-right:3rem!important}.me-8{margin-right:3.5rem!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:2rem!important}.mb-6{margin-bottom:2.5rem!important}.mb-7{margin-bottom:3rem!important}.mb-8{margin-bottom:3.5rem!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:2rem!important}.ms-6{margin-left:2.5rem!important}.ms-7{margin-left:3rem!important}.ms-8{margin-left:3.5rem!important}.ms-auto,.sgds.sidenav .sidenav-item .sgds.btn i.bi-chevron-down{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:2rem!important}.p-6{padding:2.5rem!important}.p-7{padding:3rem!important}.p-8{padding:3.5rem!important}.px-0{padding-left:0!important;padding-right:0!important}.px-1{padding-left:.25rem!important;padding-right:.25rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-3{padding-left:1rem!important;padding-right:1rem!important}.px-4{padding-left:1.5rem!important;padding-right:1.5rem!important}.px-5{padding-left:2rem!important;padding-right:2rem!important}.px-6{padding-left:2.5rem!important;padding-right:2.5rem!important}.px-7{padding-left:3rem!important;padding-right:3rem!important}.px-8{padding-left:3.5rem!important;padding-right:3.5rem!important}.py-0{padding-bottom:0!important;padding-top:0!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.py-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.py-3{padding-bottom:1rem!important;padding-top:1rem!important}.py-4{padding-bottom:1.5rem!important;padding-top:1.5rem!important}.py-5{padding-bottom:2rem!important;padding-top:2rem!important}.py-6{padding-bottom:2.5rem!important;padding-top:2.5rem!important}.py-7{padding-bottom:3rem!important;padding-top:3rem!important}.py-8{padding-bottom:3.5rem!important;padding-top:3.5rem!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:2rem!important}.pt-6{padding-top:2.5rem!important}.pt-7{padding-top:3rem!important}.pt-8{padding-top:3.5rem!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:2rem!important}.pe-6{padding-right:2.5rem!important}.pe-7{padding-right:3rem!important}.pe-8{padding-right:3.5rem!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:2rem!important}.pb-6{padding-bottom:2.5rem!important}.pb-7{padding-bottom:3rem!important}.pb-8{padding-bottom:3.5rem!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:2rem!important}.ps-6{padding-left:2.5rem!important}.ps-7{padding-left:3rem!important}.ps-8{padding-left:3.5rem!important}.font-monospace{font-family:var(--sgds-font-monospace)!important}.fs-0{font-size:calc(1.475rem + 2.7vw)!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.275rem + .3vw)!important}.fs-4{font-size:1.125rem!important}.fs-5,.fs-6{font-size:1rem!important}.fst-italic{font-style:italic!important}.fst-normal{font-style:normal!important}.fw-light{font-weight:300!important}.fw-lighter{font-weight:lighter!important}.fw-normal{font-weight:400!important}.fw-bold{font-weight:700!important}.fw-bolder{font-weight:bolder!important}.lh-1{line-height:1!important}.lh-sm{line-height:1.75!important}.lh-base{line-height:2!important}.lh-lg{line-height:2.25!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{--sgds-text-opacity:1;color:rgba(var(--sgds-primary-rgb),var(--sgds-text-opacity))!important}.text-secondary{--sgds-text-opacity:1;color:rgba(var(--sgds-secondary-rgb),var(--sgds-text-opacity))!important}.text-success{--sgds-text-opacity:1;color:rgba(var(--sgds-success-rgb),var(--sgds-text-opacity))!important}.text-info{--sgds-text-opacity:1;color:rgba(var(--sgds-info-rgb),var(--sgds-text-opacity))!important}.text-warning{--sgds-text-opacity:1;color:rgba(var(--sgds-warning-rgb),var(--sgds-text-opacity))!important}.text-danger{--sgds-text-opacity:1;color:rgba(var(--sgds-danger-rgb),var(--sgds-text-opacity))!important}.text-light{--sgds-text-opacity:1;color:rgba(var(--sgds-light-rgb),var(--sgds-text-opacity))!important}.text-dark{--sgds-text-opacity:1;color:rgba(var(--sgds-dark-rgb),var(--sgds-text-opacity))!important}.text-black{--sgds-text-opacity:1;color:rgba(var(--sgds-black-rgb),var(--sgds-text-opacity))!important}.text-white{--sgds-text-opacity:1;color:rgba(var(--sgds-white-rgb),var(--sgds-text-opacity))!important}.text-body{--sgds-text-opacity:1;color:rgba(var(--sgds-body-color-rgb),var(--sgds-text-opacity))!important}.text-muted{--sgds-text-opacity:1;color:#667085!important}.text-black-50{--sgds-text-opacity:1;color:rgba(0,0,0,.5)!important}.text-white-50{--sgds-text-opacity:1;color:hsla(0,0%,100%,.5)!important}.text-reset{--sgds-text-opacity:1;color:inherit!important}.text-primary-100{--sgds-text-opacity:1;color:#ece6fb!important}.text-primary-200{--sgds-text-opacity:1;color:#c7b6f3!important}.text-primary-300{--sgds-text-opacity:1;color:#a386ec!important}.text-primary-400{--sgds-text-opacity:1;color:#7e55e4!important}.text-primary-500{--sgds-text-opacity:1;color:#5925dc!important}.text-primary-600{--sgds-text-opacity:1;color:#491db6!important}.text-primary-700{--sgds-text-opacity:1;color:#39178e!important}.text-primary-800{--sgds-text-opacity:1;color:#291167!important}.text-primary-900{--sgds-text-opacity:1;color:#190a3f!important}.text-secondary-100{--sgds-text-opacity:1;color:#ebf1ff!important}.text-secondary-200{--sgds-text-opacity:1;color:#d3e2ff!important}.text-secondary-300{--sgds-text-opacity:1;color:#9bf!important}.text-secondary-400{--sgds-text-opacity:1;color:#70a0ff!important}.text-secondary-500{--sgds-text-opacity:1;color:#1f69ff!important}.text-secondary-600{--sgds-text-opacity:1;color:#004ff0!important}.text-secondary-700{--sgds-text-opacity:1;color:#0040c2!important}.text-secondary-800{--sgds-text-opacity:1;color:#003194!important}.text-secondary-900{--sgds-text-opacity:1;color:#026!important}.text-purple-100{--sgds-text-opacity:1;color:#ece6fb!important}.text-purple-200{--sgds-text-opacity:1;color:#c7b6f3!important}.text-purple-300{--sgds-text-opacity:1;color:#a386ec!important}.text-purple-400{--sgds-text-opacity:1;color:#7e55e4!important}.text-purple-500{--sgds-text-opacity:1;color:#5925dc!important}.text-purple-600{--sgds-text-opacity:1;color:#491db6!important}.text-purple-700{--sgds-text-opacity:1;color:#39178e!important}.text-purple-800{--sgds-text-opacity:1;color:#291167!important}.text-purple-900{--sgds-text-opacity:1;color:#190a3f!important}.text-red-100{--sgds-text-opacity:1;color:#fff4f3!important}.text-red-200{--sgds-text-opacity:1;color:#ffcfc8!important}.text-red-300{--sgds-text-opacity:1;color:#fc9c90!important}.text-red-400{--sgds-text-opacity:1;color:#fb7463!important}.text-red-500{--sgds-text-opacity:1;color:#fa5741!important}.text-red-600{--sgds-text-opacity:1;color:#d7260f!important}.text-red-700{--sgds-text-opacity:1;color:#f8331c!important}.text-red-800{--sgds-text-opacity:1;color:#560f06!important}.text-red-900{--sgds-text-opacity:1;color:#2b0803!important}.text-yellow-100{--sgds-text-opacity:1;color:#fffaeb!important}.text-yellow-200{--sgds-text-opacity:1;color:#fef0c7!important}.text-yellow-300{--sgds-text-opacity:1;color:#fedf89!important}.text-yellow-400{--sgds-text-opacity:1;color:#fec84b!important}.text-yellow-500{--sgds-text-opacity:1;color:#fdb022!important}.text-yellow-600{--sgds-text-opacity:1;color:#f79009!important}.text-yellow-700{--sgds-text-opacity:1;color:#dc6803!important}.text-yellow-800{--sgds-text-opacity:1;color:#633a04!important}.text-yellow-900{--sgds-text-opacity:1;color:#311d02!important}.text-green-100{--sgds-text-opacity:1;color:#e7f6e9!important}.text-green-200{--sgds-text-opacity:1;color:#c4e8c8!important}.text-green-300{--sgds-text-opacity:1;color:#9dd9a3!important}.text-green-400{--sgds-text-opacity:1;color:#58be62!important}.text-green-500{--sgds-text-opacity:1;color:#3bb346!important}.text-green-600{--sgds-text-opacity:1;color:#0a8217!important}.text-green-700{--sgds-text-opacity:1;color:#2da337!important}.text-green-800{--sgds-text-opacity:1;color:#043409!important}.text-green-900{--sgds-text-opacity:1;color:#021a05!important}.text-cyan-100{--sgds-text-opacity:1;color:#e2eff8!important}.text-cyan-200{--sgds-text-opacity:1;color:#b9d8ee!important}.text-cyan-300{--sgds-text-opacity:1;color:#90c1e4!important}.text-cyan-400{--sgds-text-opacity:1;color:#58a1d4!important}.text-cyan-500{--sgds-text-opacity:1;color:#59a1d4!important}.text-cyan-600{--sgds-text-opacity:1;color:#0f71bb!important}.text-cyan-700{--sgds-text-opacity:1;color:#0c5b97!important}.text-cyan-800{--sgds-text-opacity:1;color:#0a4776!important}.text-cyan-900{--sgds-text-opacity:1;color:#08395e!important}.text-opacity-25{--sgds-text-opacity:0.25}.text-opacity-50{--sgds-text-opacity:0.5}.text-opacity-75{--sgds-text-opacity:0.75}.text-opacity-100{--sgds-text-opacity:1}.bg-primary{--sgds-bg-opacity:1;background-color:rgba(var(--sgds-primary-rgb),var(--sgds-bg-opacity))!important}.bg-secondary{--sgds-bg-opacity:1;background-color:rgba(var(--sgds-secondary-rgb),var(--sgds-bg-opacity))!important}.bg-success{--sgds-bg-opacity:1;background-color:rgba(var(--sgds-success-rgb),var(--sgds-bg-opacity))!important}.bg-info{--sgds-bg-opacity:1;background-color:rgba(var(--sgds-info-rgb),var(--sgds-bg-opacity))!important}.bg-warning{--sgds-bg-opacity:1;background-color:rgba(var(--sgds-warning-rgb),var(--sgds-bg-opacity))!important}.bg-danger{--sgds-bg-opacity:1;background-color:rgba(var(--sgds-danger-rgb),var(--sgds-bg-opacity))!important}.bg-light{background-color:rgba(var(--sgds-light-rgb),var(--sgds-bg-opacity))!important}.bg-dark,.bg-light{--sgds-bg-opacity:1}.bg-dark{background-color:rgba(var(--sgds-dark-rgb),var(--sgds-bg-opacity))!important}.bg-black{--sgds-bg-opacity:1;background-color:rgba(var(--sgds-black-rgb),var(--sgds-bg-opacity))!important}.bg-white{background-color:rgba(var(--sgds-white-rgb),var(--sgds-bg-opacity))!important}.bg-body,.bg-white{--sgds-bg-opacity:1}.bg-body{background-color:rgba(var(--sgds-body-bg-rgb),var(--sgds-bg-opacity))!important}.bg-transparent{--sgds-bg-opacity:1;background-color:transparent!important}.bg-primary-100{--sgds-bg-opacity:1;background-color:#ece6fb!important}.bg-primary-200{--sgds-bg-opacity:1;background-color:#c7b6f3!important}.bg-primary-300{--sgds-bg-opacity:1;background-color:#a386ec!important}.bg-primary-400{--sgds-bg-opacity:1;background-color:#7e55e4!important}.bg-primary-500{--sgds-bg-opacity:1;background-color:#5925dc!important}.bg-primary-600{--sgds-bg-opacity:1;background-color:#491db6!important}.bg-primary-700{--sgds-bg-opacity:1;background-color:#39178e!important}.bg-primary-800{--sgds-bg-opacity:1;background-color:#291167!important}.bg-primary-900{--sgds-bg-opacity:1;background-color:#190a3f!important}.bg-secondary-100{--sgds-bg-opacity:1;background-color:#ebf1ff!important}.bg-secondary-200{--sgds-bg-opacity:1;background-color:#d3e2ff!important}.bg-secondary-300{--sgds-bg-opacity:1;background-color:#9bf!important}.bg-secondary-400{--sgds-bg-opacity:1;background-color:#70a0ff!important}.bg-secondary-500{--sgds-bg-opacity:1;background-color:#1f69ff!important}.bg-secondary-600{--sgds-bg-opacity:1;background-color:#004ff0!important}.bg-secondary-700{--sgds-bg-opacity:1;background-color:#0040c2!important}.bg-secondary-800{--sgds-bg-opacity:1;background-color:#003194!important}.bg-secondary-900{--sgds-bg-opacity:1;background-color:#026!important}.bg-purple-100{--sgds-bg-opacity:1;background-color:#ece6fb!important}.bg-purple-200{--sgds-bg-opacity:1;background-color:#c7b6f3!important}.bg-purple-300{--sgds-bg-opacity:1;background-color:#a386ec!important}.bg-purple-400{--sgds-bg-opacity:1;background-color:#7e55e4!important}.bg-purple-500{--sgds-bg-opacity:1;background-color:#5925dc!important}.bg-purple-600{--sgds-bg-opacity:1;background-color:#491db6!important}.bg-purple-700{--sgds-bg-opacity:1;background-color:#39178e!important}.bg-purple-800{--sgds-bg-opacity:1;background-color:#291167!important}.bg-purple-900{--sgds-bg-opacity:1;background-color:#190a3f!important}.bg-red-100{--sgds-bg-opacity:1;background-color:#fff4f3!important}.bg-red-200{--sgds-bg-opacity:1;background-color:#ffcfc8!important}.bg-red-300{--sgds-bg-opacity:1;background-color:#fc9c90!important}.bg-red-400{--sgds-bg-opacity:1;background-color:#fb7463!important}.bg-red-500{--sgds-bg-opacity:1;background-color:#fa5741!important}.bg-red-600{--sgds-bg-opacity:1;background-color:#d7260f!important}.bg-red-700{--sgds-bg-opacity:1;background-color:#f8331c!important}.bg-red-800{--sgds-bg-opacity:1;background-color:#560f06!important}.bg-red-900{--sgds-bg-opacity:1;background-color:#2b0803!important}.bg-yellow-100{--sgds-bg-opacity:1;background-color:#fffaeb!important}.bg-yellow-200{--sgds-bg-opacity:1;background-color:#fef0c7!important}.bg-yellow-300{--sgds-bg-opacity:1;background-color:#fedf89!important}.bg-yellow-400{--sgds-bg-opacity:1;background-color:#fec84b!important}.bg-yellow-500{--sgds-bg-opacity:1;background-color:#fdb022!important}.bg-yellow-600{--sgds-bg-opacity:1;background-color:#f79009!important}.bg-yellow-700{--sgds-bg-opacity:1;background-color:#dc6803!important}.bg-yellow-800{--sgds-bg-opacity:1;background-color:#633a04!important}.bg-yellow-900{--sgds-bg-opacity:1;background-color:#311d02!important}.bg-green-100{--sgds-bg-opacity:1;background-color:#e7f6e9!important}.bg-green-200{--sgds-bg-opacity:1;background-color:#c4e8c8!important}.bg-green-300{--sgds-bg-opacity:1;background-color:#9dd9a3!important}.bg-green-400{--sgds-bg-opacity:1;background-color:#58be62!important}.bg-green-500{--sgds-bg-opacity:1;background-color:#3bb346!important}.bg-green-600{--sgds-bg-opacity:1;background-color:#0a8217!important}.bg-green-700{--sgds-bg-opacity:1;background-color:#2da337!important}.bg-green-800{--sgds-bg-opacity:1;background-color:#043409!important}.bg-green-900{--sgds-bg-opacity:1;background-color:#021a05!important}.bg-cyan-100{--sgds-bg-opacity:1;background-color:#e2eff8!important}.bg-cyan-200{--sgds-bg-opacity:1;background-color:#b9d8ee!important}.bg-cyan-300{--sgds-bg-opacity:1;background-color:#90c1e4!important}.bg-cyan-400{--sgds-bg-opacity:1;background-color:#58a1d4!important}.bg-cyan-500{--sgds-bg-opacity:1;background-color:#59a1d4!important}.bg-cyan-600{--sgds-bg-opacity:1;background-color:#0f71bb!important}.bg-cyan-700{--sgds-bg-opacity:1;background-color:#0c5b97!important}.bg-cyan-800{--sgds-bg-opacity:1;background-color:#0a4776!important}.bg-cyan-900{--sgds-bg-opacity:1;background-color:#08395e!important}.bg-opacity-10{--sgds-bg-opacity:0.1}.bg-opacity-25{--sgds-bg-opacity:0.25}.bg-opacity-50{--sgds-bg-opacity:0.5}.bg-opacity-75{--sgds-bg-opacity:0.75}.bg-opacity-100{--sgds-bg-opacity:1}.bg-gradient{background-image:var(--sgds-gradient)!important}.user-select-all{user-select:all!important}.user-select-auto{user-select:auto!important}.user-select-none{user-select:none!important}.pe-none{pointer-events:none!important}.pe-auto{pointer-events:auto!important}.rounded{border-radius:.3125rem!important}.rounded-0{border-radius:0!important}.rounded-1{border-radius:.2rem!important}.rounded-2{border-radius:.3125rem!important}.rounded-3{border-radius:.3rem!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:50rem!important}.rounded-top{border-top-left-radius:.3125rem!important}.rounded-end,.rounded-top{border-top-right-radius:.3125rem!important}.rounded-bottom,.rounded-end{border-bottom-right-radius:.3125rem!important}.rounded-bottom,.rounded-start{border-bottom-left-radius:.3125rem!important}.rounded-start{border-top-left-radius:.3125rem!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}@media (min-width:576px){.float-sm-start{float:left!important}.float-sm-end{float:right!important}.float-sm-none{float:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-grid{display:grid!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:flex!important}.d-sm-inline-flex{display:inline-flex!important}.d-sm-none{display:none!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.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:2rem!important}.gap-sm-6{gap:2.5rem!important}.gap-sm-7{gap:3rem!important}.gap-sm-8{gap:3.5rem!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:2rem!important}.m-sm-6{margin:2.5rem!important}.m-sm-7{margin:3rem!important}.m-sm-8{margin:3.5rem!important}.m-sm-auto{margin:auto!important}.mx-sm-0{margin-left:0!important;margin-right:0!important}.mx-sm-1{margin-left:.25rem!important;margin-right:.25rem!important}.mx-sm-2{margin-left:.5rem!important;margin-right:.5rem!important}.mx-sm-3{margin-left:1rem!important;margin-right:1rem!important}.mx-sm-4{margin-left:1.5rem!important;margin-right:1.5rem!important}.mx-sm-5{margin-left:2rem!important;margin-right:2rem!important}.mx-sm-6{margin-left:2.5rem!important;margin-right:2.5rem!important}.mx-sm-7{margin-left:3rem!important;margin-right:3rem!important}.mx-sm-8{margin-left:3.5rem!important;margin-right:3.5rem!important}.mx-sm-auto{margin-left:auto!important;margin-right:auto!important}.my-sm-0{margin-bottom:0!important;margin-top:0!important}.my-sm-1{margin-bottom:.25rem!important;margin-top:.25rem!important}.my-sm-2{margin-bottom:.5rem!important;margin-top:.5rem!important}.my-sm-3{margin-bottom:1rem!important;margin-top:1rem!important}.my-sm-4{margin-bottom:1.5rem!important;margin-top:1.5rem!important}.my-sm-5{margin-bottom:2rem!important;margin-top:2rem!important}.my-sm-6{margin-bottom:2.5rem!important;margin-top:2.5rem!important}.my-sm-7{margin-bottom:3rem!important;margin-top:3rem!important}.my-sm-8{margin-bottom:3.5rem!important;margin-top:3.5rem!important}.my-sm-auto{margin-bottom:auto!important;margin-top:auto!important}.mt-sm-0{margin-top:0!important}.mt-sm-1{margin-top:.25rem!important}.mt-sm-2{margin-top:.5rem!important}.mt-sm-3{margin-top:1rem!important}.mt-sm-4{margin-top:1.5rem!important}.mt-sm-5{margin-top:2rem!important}.mt-sm-6{margin-top:2.5rem!important}.mt-sm-7{margin-top:3rem!important}.mt-sm-8{margin-top:3.5rem!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:2rem!important}.me-sm-6{margin-right:2.5rem!important}.me-sm-7{margin-right:3rem!important}.me-sm-8{margin-right:3.5rem!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:2rem!important}.mb-sm-6{margin-bottom:2.5rem!important}.mb-sm-7{margin-bottom:3rem!important}.mb-sm-8{margin-bottom:3.5rem!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:2rem!important}.ms-sm-6{margin-left:2.5rem!important}.ms-sm-7{margin-left:3rem!important}.ms-sm-8{margin-left:3.5rem!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:2rem!important}.p-sm-6{padding:2.5rem!important}.p-sm-7{padding:3rem!important}.p-sm-8{padding:3.5rem!important}.px-sm-0{padding-left:0!important;padding-right:0!important}.px-sm-1{padding-left:.25rem!important;padding-right:.25rem!important}.px-sm-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-sm-3{padding-left:1rem!important;padding-right:1rem!important}.px-sm-4{padding-left:1.5rem!important;padding-right:1.5rem!important}.px-sm-5{padding-left:2rem!important;padding-right:2rem!important}.px-sm-6{padding-left:2.5rem!important;padding-right:2.5rem!important}.px-sm-7{padding-left:3rem!important;padding-right:3rem!important}.px-sm-8{padding-left:3.5rem!important;padding-right:3.5rem!important}.py-sm-0{padding-bottom:0!important;padding-top:0!important}.py-sm-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.py-sm-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.py-sm-3{padding-bottom:1rem!important;padding-top:1rem!important}.py-sm-4{padding-bottom:1.5rem!important;padding-top:1.5rem!important}.py-sm-5{padding-bottom:2rem!important;padding-top:2rem!important}.py-sm-6{padding-bottom:2.5rem!important;padding-top:2.5rem!important}.py-sm-7{padding-bottom:3rem!important;padding-top:3rem!important}.py-sm-8{padding-bottom:3.5rem!important;padding-top:3.5rem!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:2rem!important}.pt-sm-6{padding-top:2.5rem!important}.pt-sm-7{padding-top:3rem!important}.pt-sm-8{padding-top:3.5rem!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:2rem!important}.pe-sm-6{padding-right:2.5rem!important}.pe-sm-7{padding-right:3rem!important}.pe-sm-8{padding-right:3.5rem!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:2rem!important}.pb-sm-6{padding-bottom:2.5rem!important}.pb-sm-7{padding-bottom:3rem!important}.pb-sm-8{padding-bottom:3.5rem!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:2rem!important}.ps-sm-6{padding-left:2.5rem!important}.ps-sm-7{padding-left:3rem!important}.ps-sm-8{padding-left:3.5rem!important}.text-sm-start{text-align:left!important}.text-sm-end{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.float-md-start{float:left!important}.float-md-end{float:right!important}.float-md-none{float:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-grid{display:grid!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:flex!important}.d-md-inline-flex{display:inline-flex!important}.d-md-none{display:none!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.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:2rem!important}.gap-md-6{gap:2.5rem!important}.gap-md-7{gap:3rem!important}.gap-md-8{gap:3.5rem!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:2rem!important}.m-md-6{margin:2.5rem!important}.m-md-7{margin:3rem!important}.m-md-8{margin:3.5rem!important}.m-md-auto{margin:auto!important}.mx-md-0{margin-left:0!important;margin-right:0!important}.mx-md-1{margin-left:.25rem!important;margin-right:.25rem!important}.mx-md-2{margin-left:.5rem!important;margin-right:.5rem!important}.mx-md-3{margin-left:1rem!important;margin-right:1rem!important}.mx-md-4{margin-left:1.5rem!important;margin-right:1.5rem!important}.mx-md-5{margin-left:2rem!important;margin-right:2rem!important}.mx-md-6{margin-left:2.5rem!important;margin-right:2.5rem!important}.mx-md-7{margin-left:3rem!important;margin-right:3rem!important}.mx-md-8{margin-left:3.5rem!important;margin-right:3.5rem!important}.mx-md-auto{margin-left:auto!important;margin-right:auto!important}.my-md-0{margin-bottom:0!important;margin-top:0!important}.my-md-1{margin-bottom:.25rem!important;margin-top:.25rem!important}.my-md-2{margin-bottom:.5rem!important;margin-top:.5rem!important}.my-md-3{margin-bottom:1rem!important;margin-top:1rem!important}.my-md-4{margin-bottom:1.5rem!important;margin-top:1.5rem!important}.my-md-5{margin-bottom:2rem!important;margin-top:2rem!important}.my-md-6{margin-bottom:2.5rem!important;margin-top:2.5rem!important}.my-md-7{margin-bottom:3rem!important;margin-top:3rem!important}.my-md-8{margin-bottom:3.5rem!important;margin-top:3.5rem!important}.my-md-auto{margin-bottom:auto!important;margin-top:auto!important}.mt-md-0{margin-top:0!important}.mt-md-1{margin-top:.25rem!important}.mt-md-2{margin-top:.5rem!important}.mt-md-3{margin-top:1rem!important}.mt-md-4{margin-top:1.5rem!important}.mt-md-5{margin-top:2rem!important}.mt-md-6{margin-top:2.5rem!important}.mt-md-7{margin-top:3rem!important}.mt-md-8{margin-top:3.5rem!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:2rem!important}.me-md-6{margin-right:2.5rem!important}.me-md-7{margin-right:3rem!important}.me-md-8{margin-right:3.5rem!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:2rem!important}.mb-md-6{margin-bottom:2.5rem!important}.mb-md-7{margin-bottom:3rem!important}.mb-md-8{margin-bottom:3.5rem!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:2rem!important}.ms-md-6{margin-left:2.5rem!important}.ms-md-7{margin-left:3rem!important}.ms-md-8{margin-left:3.5rem!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:2rem!important}.p-md-6{padding:2.5rem!important}.p-md-7{padding:3rem!important}.p-md-8{padding:3.5rem!important}.px-md-0{padding-left:0!important;padding-right:0!important}.px-md-1{padding-left:.25rem!important;padding-right:.25rem!important}.px-md-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-md-3{padding-left:1rem!important;padding-right:1rem!important}.px-md-4{padding-left:1.5rem!important;padding-right:1.5rem!important}.px-md-5{padding-left:2rem!important;padding-right:2rem!important}.px-md-6{padding-left:2.5rem!important;padding-right:2.5rem!important}.px-md-7{padding-left:3rem!important;padding-right:3rem!important}.px-md-8{padding-left:3.5rem!important;padding-right:3.5rem!important}.py-md-0{padding-bottom:0!important;padding-top:0!important}.py-md-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.py-md-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.py-md-3{padding-bottom:1rem!important;padding-top:1rem!important}.py-md-4{padding-bottom:1.5rem!important;padding-top:1.5rem!important}.py-md-5{padding-bottom:2rem!important;padding-top:2rem!important}.py-md-6{padding-bottom:2.5rem!important;padding-top:2.5rem!important}.py-md-7{padding-bottom:3rem!important;padding-top:3rem!important}.py-md-8{padding-bottom:3.5rem!important;padding-top:3.5rem!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:2rem!important}.pt-md-6{padding-top:2.5rem!important}.pt-md-7{padding-top:3rem!important}.pt-md-8{padding-top:3.5rem!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:2rem!important}.pe-md-6{padding-right:2.5rem!important}.pe-md-7{padding-right:3rem!important}.pe-md-8{padding-right:3.5rem!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:2rem!important}.pb-md-6{padding-bottom:2.5rem!important}.pb-md-7{padding-bottom:3rem!important}.pb-md-8{padding-bottom:3.5rem!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:2rem!important}.ps-md-6{padding-left:2.5rem!important}.ps-md-7{padding-left:3rem!important}.ps-md-8{padding-left:3.5rem!important}.text-md-start{text-align:left!important}.text-md-end{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.float-lg-start{float:left!important}.float-lg-end{float:right!important}.float-lg-none{float:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-grid{display:grid!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:flex!important}.d-lg-inline-flex{display:inline-flex!important}.d-lg-none{display:none!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.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:2rem!important}.gap-lg-6{gap:2.5rem!important}.gap-lg-7{gap:3rem!important}.gap-lg-8{gap:3.5rem!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:2rem!important}.m-lg-6{margin:2.5rem!important}.m-lg-7{margin:3rem!important}.m-lg-8{margin:3.5rem!important}.m-lg-auto{margin:auto!important}.mx-lg-0{margin-left:0!important;margin-right:0!important}.mx-lg-1{margin-left:.25rem!important;margin-right:.25rem!important}.mx-lg-2{margin-left:.5rem!important;margin-right:.5rem!important}.mx-lg-3{margin-left:1rem!important;margin-right:1rem!important}.mx-lg-4{margin-left:1.5rem!important;margin-right:1.5rem!important}.mx-lg-5{margin-left:2rem!important;margin-right:2rem!important}.mx-lg-6{margin-left:2.5rem!important;margin-right:2.5rem!important}.mx-lg-7{margin-left:3rem!important;margin-right:3rem!important}.mx-lg-8{margin-left:3.5rem!important;margin-right:3.5rem!important}.mx-lg-auto{margin-left:auto!important;margin-right:auto!important}.my-lg-0{margin-bottom:0!important;margin-top:0!important}.my-lg-1{margin-bottom:.25rem!important;margin-top:.25rem!important}.my-lg-2{margin-bottom:.5rem!important;margin-top:.5rem!important}.my-lg-3{margin-bottom:1rem!important;margin-top:1rem!important}.my-lg-4{margin-bottom:1.5rem!important;margin-top:1.5rem!important}.my-lg-5{margin-bottom:2rem!important;margin-top:2rem!important}.my-lg-6{margin-bottom:2.5rem!important;margin-top:2.5rem!important}.my-lg-7{margin-bottom:3rem!important;margin-top:3rem!important}.my-lg-8{margin-bottom:3.5rem!important;margin-top:3.5rem!important}.my-lg-auto{margin-bottom:auto!important;margin-top:auto!important}.mt-lg-0{margin-top:0!important}.mt-lg-1{margin-top:.25rem!important}.mt-lg-2{margin-top:.5rem!important}.mt-lg-3{margin-top:1rem!important}.mt-lg-4{margin-top:1.5rem!important}.mt-lg-5{margin-top:2rem!important}.mt-lg-6{margin-top:2.5rem!important}.mt-lg-7{margin-top:3rem!important}.mt-lg-8{margin-top:3.5rem!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:2rem!important}.me-lg-6{margin-right:2.5rem!important}.me-lg-7{margin-right:3rem!important}.me-lg-8{margin-right:3.5rem!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:2rem!important}.mb-lg-6{margin-bottom:2.5rem!important}.mb-lg-7{margin-bottom:3rem!important}.mb-lg-8{margin-bottom:3.5rem!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:2rem!important}.ms-lg-6{margin-left:2.5rem!important}.ms-lg-7{margin-left:3rem!important}.ms-lg-8{margin-left:3.5rem!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:2rem!important}.p-lg-6{padding:2.5rem!important}.p-lg-7{padding:3rem!important}.p-lg-8{padding:3.5rem!important}.px-lg-0{padding-left:0!important;padding-right:0!important}.px-lg-1{padding-left:.25rem!important;padding-right:.25rem!important}.px-lg-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-lg-3{padding-left:1rem!important;padding-right:1rem!important}.px-lg-4{padding-left:1.5rem!important;padding-right:1.5rem!important}.px-lg-5{padding-left:2rem!important;padding-right:2rem!important}.px-lg-6{padding-left:2.5rem!important;padding-right:2.5rem!important}.px-lg-7{padding-left:3rem!important;padding-right:3rem!important}.px-lg-8{padding-left:3.5rem!important;padding-right:3.5rem!important}.py-lg-0{padding-bottom:0!important;padding-top:0!important}.py-lg-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.py-lg-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.py-lg-3{padding-bottom:1rem!important;padding-top:1rem!important}.py-lg-4{padding-bottom:1.5rem!important;padding-top:1.5rem!important}.py-lg-5{padding-bottom:2rem!important;padding-top:2rem!important}.py-lg-6{padding-bottom:2.5rem!important;padding-top:2.5rem!important}.py-lg-7{padding-bottom:3rem!important;padding-top:3rem!important}.py-lg-8{padding-bottom:3.5rem!important;padding-top:3.5rem!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:2rem!important}.pt-lg-6{padding-top:2.5rem!important}.pt-lg-7{padding-top:3rem!important}.pt-lg-8{padding-top:3.5rem!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:2rem!important}.pe-lg-6{padding-right:2.5rem!important}.pe-lg-7{padding-right:3rem!important}.pe-lg-8{padding-right:3.5rem!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:2rem!important}.pb-lg-6{padding-bottom:2.5rem!important}.pb-lg-7{padding-bottom:3rem!important}.pb-lg-8{padding-bottom:3.5rem!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:2rem!important}.ps-lg-6{padding-left:2.5rem!important}.ps-lg-7{padding-left:3rem!important}.ps-lg-8{padding-left:3.5rem!important}.text-lg-start{text-align:left!important}.text-lg-end{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.float-xl-start{float:left!important}.float-xl-end{float:right!important}.float-xl-none{float:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-grid{display:grid!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:flex!important}.d-xl-inline-flex{display:inline-flex!important}.d-xl-none{display:none!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.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:2rem!important}.gap-xl-6{gap:2.5rem!important}.gap-xl-7{gap:3rem!important}.gap-xl-8{gap:3.5rem!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:2rem!important}.m-xl-6{margin:2.5rem!important}.m-xl-7{margin:3rem!important}.m-xl-8{margin:3.5rem!important}.m-xl-auto{margin:auto!important}.mx-xl-0{margin-left:0!important;margin-right:0!important}.mx-xl-1{margin-left:.25rem!important;margin-right:.25rem!important}.mx-xl-2{margin-left:.5rem!important;margin-right:.5rem!important}.mx-xl-3{margin-left:1rem!important;margin-right:1rem!important}.mx-xl-4{margin-left:1.5rem!important;margin-right:1.5rem!important}.mx-xl-5{margin-left:2rem!important;margin-right:2rem!important}.mx-xl-6{margin-left:2.5rem!important;margin-right:2.5rem!important}.mx-xl-7{margin-left:3rem!important;margin-right:3rem!important}.mx-xl-8{margin-left:3.5rem!important;margin-right:3.5rem!important}.mx-xl-auto{margin-left:auto!important;margin-right:auto!important}.my-xl-0{margin-bottom:0!important;margin-top:0!important}.my-xl-1{margin-bottom:.25rem!important;margin-top:.25rem!important}.my-xl-2{margin-bottom:.5rem!important;margin-top:.5rem!important}.my-xl-3{margin-bottom:1rem!important;margin-top:1rem!important}.my-xl-4{margin-bottom:1.5rem!important;margin-top:1.5rem!important}.my-xl-5{margin-bottom:2rem!important;margin-top:2rem!important}.my-xl-6{margin-bottom:2.5rem!important;margin-top:2.5rem!important}.my-xl-7{margin-bottom:3rem!important;margin-top:3rem!important}.my-xl-8{margin-bottom:3.5rem!important;margin-top:3.5rem!important}.my-xl-auto{margin-bottom:auto!important;margin-top:auto!important}.mt-xl-0{margin-top:0!important}.mt-xl-1{margin-top:.25rem!important}.mt-xl-2{margin-top:.5rem!important}.mt-xl-3{margin-top:1rem!important}.mt-xl-4{margin-top:1.5rem!important}.mt-xl-5{margin-top:2rem!important}.mt-xl-6{margin-top:2.5rem!important}.mt-xl-7{margin-top:3rem!important}.mt-xl-8{margin-top:3.5rem!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:2rem!important}.me-xl-6{margin-right:2.5rem!important}.me-xl-7{margin-right:3rem!important}.me-xl-8{margin-right:3.5rem!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:2rem!important}.mb-xl-6{margin-bottom:2.5rem!important}.mb-xl-7{margin-bottom:3rem!important}.mb-xl-8{margin-bottom:3.5rem!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:2rem!important}.ms-xl-6{margin-left:2.5rem!important}.ms-xl-7{margin-left:3rem!important}.ms-xl-8{margin-left:3.5rem!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:2rem!important}.p-xl-6{padding:2.5rem!important}.p-xl-7{padding:3rem!important}.p-xl-8{padding:3.5rem!important}.px-xl-0{padding-left:0!important;padding-right:0!important}.px-xl-1{padding-left:.25rem!important;padding-right:.25rem!important}.px-xl-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-xl-3{padding-left:1rem!important;padding-right:1rem!important}.px-xl-4{padding-left:1.5rem!important;padding-right:1.5rem!important}.px-xl-5{padding-left:2rem!important;padding-right:2rem!important}.px-xl-6{padding-left:2.5rem!important;padding-right:2.5rem!important}.px-xl-7{padding-left:3rem!important;padding-right:3rem!important}.px-xl-8{padding-left:3.5rem!important;padding-right:3.5rem!important}.py-xl-0{padding-bottom:0!important;padding-top:0!important}.py-xl-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.py-xl-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.py-xl-3{padding-bottom:1rem!important;padding-top:1rem!important}.py-xl-4{padding-bottom:1.5rem!important;padding-top:1.5rem!important}.py-xl-5{padding-bottom:2rem!important;padding-top:2rem!important}.py-xl-6{padding-bottom:2.5rem!important;padding-top:2.5rem!important}.py-xl-7{padding-bottom:3rem!important;padding-top:3rem!important}.py-xl-8{padding-bottom:3.5rem!important;padding-top:3.5rem!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:2rem!important}.pt-xl-6{padding-top:2.5rem!important}.pt-xl-7{padding-top:3rem!important}.pt-xl-8{padding-top:3.5rem!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:2rem!important}.pe-xl-6{padding-right:2.5rem!important}.pe-xl-7{padding-right:3rem!important}.pe-xl-8{padding-right:3.5rem!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:2rem!important}.pb-xl-6{padding-bottom:2.5rem!important}.pb-xl-7{padding-bottom:3rem!important}.pb-xl-8{padding-bottom:3.5rem!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:2rem!important}.ps-xl-6{padding-left:2.5rem!important}.ps-xl-7{padding-left:3rem!important}.ps-xl-8{padding-left:3.5rem!important}.text-xl-start{text-align:left!important}.text-xl-end{text-align:right!important}.text-xl-center{text-align:center!important}}@media (min-width:1400px){.float-xxl-start{float:left!important}.float-xxl-end{float:right!important}.float-xxl-none{float:none!important}.d-xxl-inline{display:inline!important}.d-xxl-inline-block{display:inline-block!important}.d-xxl-block{display:block!important}.d-xxl-grid{display:grid!important}.d-xxl-table{display:table!important}.d-xxl-table-row{display:table-row!important}.d-xxl-table-cell{display:table-cell!important}.d-xxl-flex{display:flex!important}.d-xxl-inline-flex{display:inline-flex!important}.d-xxl-none{display:none!important}.flex-xxl-fill{flex:1 1 auto!important}.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.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:2rem!important}.gap-xxl-6{gap:2.5rem!important}.gap-xxl-7{gap:3rem!important}.gap-xxl-8{gap:3.5rem!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:2rem!important}.m-xxl-6{margin:2.5rem!important}.m-xxl-7{margin:3rem!important}.m-xxl-8{margin:3.5rem!important}.m-xxl-auto{margin:auto!important}.mx-xxl-0{margin-left:0!important;margin-right:0!important}.mx-xxl-1{margin-left:.25rem!important;margin-right:.25rem!important}.mx-xxl-2{margin-left:.5rem!important;margin-right:.5rem!important}.mx-xxl-3{margin-left:1rem!important;margin-right:1rem!important}.mx-xxl-4{margin-left:1.5rem!important;margin-right:1.5rem!important}.mx-xxl-5{margin-left:2rem!important;margin-right:2rem!important}.mx-xxl-6{margin-left:2.5rem!important;margin-right:2.5rem!important}.mx-xxl-7{margin-left:3rem!important;margin-right:3rem!important}.mx-xxl-8{margin-left:3.5rem!important;margin-right:3.5rem!important}.mx-xxl-auto{margin-left:auto!important;margin-right:auto!important}.my-xxl-0{margin-bottom:0!important;margin-top:0!important}.my-xxl-1{margin-bottom:.25rem!important;margin-top:.25rem!important}.my-xxl-2{margin-bottom:.5rem!important;margin-top:.5rem!important}.my-xxl-3{margin-bottom:1rem!important;margin-top:1rem!important}.my-xxl-4{margin-bottom:1.5rem!important;margin-top:1.5rem!important}.my-xxl-5{margin-bottom:2rem!important;margin-top:2rem!important}.my-xxl-6{margin-bottom:2.5rem!important;margin-top:2.5rem!important}.my-xxl-7{margin-bottom:3rem!important;margin-top:3rem!important}.my-xxl-8{margin-bottom:3.5rem!important;margin-top:3.5rem!important}.my-xxl-auto{margin-bottom:auto!important;margin-top:auto!important}.mt-xxl-0{margin-top:0!important}.mt-xxl-1{margin-top:.25rem!important}.mt-xxl-2{margin-top:.5rem!important}.mt-xxl-3{margin-top:1rem!important}.mt-xxl-4{margin-top:1.5rem!important}.mt-xxl-5{margin-top:2rem!important}.mt-xxl-6{margin-top:2.5rem!important}.mt-xxl-7{margin-top:3rem!important}.mt-xxl-8{margin-top:3.5rem!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:2rem!important}.me-xxl-6{margin-right:2.5rem!important}.me-xxl-7{margin-right:3rem!important}.me-xxl-8{margin-right:3.5rem!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:2rem!important}.mb-xxl-6{margin-bottom:2.5rem!important}.mb-xxl-7{margin-bottom:3rem!important}.mb-xxl-8{margin-bottom:3.5rem!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:2rem!important}.ms-xxl-6{margin-left:2.5rem!important}.ms-xxl-7{margin-left:3rem!important}.ms-xxl-8{margin-left:3.5rem!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:2rem!important}.p-xxl-6{padding:2.5rem!important}.p-xxl-7{padding:3rem!important}.p-xxl-8{padding:3.5rem!important}.px-xxl-0{padding-left:0!important;padding-right:0!important}.px-xxl-1{padding-left:.25rem!important;padding-right:.25rem!important}.px-xxl-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-xxl-3{padding-left:1rem!important;padding-right:1rem!important}.px-xxl-4{padding-left:1.5rem!important;padding-right:1.5rem!important}.px-xxl-5{padding-left:2rem!important;padding-right:2rem!important}.px-xxl-6{padding-left:2.5rem!important;padding-right:2.5rem!important}.px-xxl-7{padding-left:3rem!important;padding-right:3rem!important}.px-xxl-8{padding-left:3.5rem!important;padding-right:3.5rem!important}.py-xxl-0{padding-bottom:0!important;padding-top:0!important}.py-xxl-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.py-xxl-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.py-xxl-3{padding-bottom:1rem!important;padding-top:1rem!important}.py-xxl-4{padding-bottom:1.5rem!important;padding-top:1.5rem!important}.py-xxl-5{padding-bottom:2rem!important;padding-top:2rem!important}.py-xxl-6{padding-bottom:2.5rem!important;padding-top:2.5rem!important}.py-xxl-7{padding-bottom:3rem!important;padding-top:3rem!important}.py-xxl-8{padding-bottom:3.5rem!important;padding-top:3.5rem!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:2rem!important}.pt-xxl-6{padding-top:2.5rem!important}.pt-xxl-7{padding-top:3rem!important}.pt-xxl-8{padding-top:3.5rem!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:2rem!important}.pe-xxl-6{padding-right:2.5rem!important}.pe-xxl-7{padding-right:3rem!important}.pe-xxl-8{padding-right:3.5rem!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:2rem!important}.pb-xxl-6{padding-bottom:2.5rem!important}.pb-xxl-7{padding-bottom:3rem!important}.pb-xxl-8{padding-bottom:3.5rem!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:2rem!important}.ps-xxl-6{padding-left:2.5rem!important}.ps-xxl-7{padding-left:3rem!important}.ps-xxl-8{padding-left:3.5rem!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-0{font-size:3.5rem!important}.fs-1{font-size:2.5rem!important}.fs-2{font-size:2rem!important}.fs-3{font-size:1.5rem!important}}@media print{.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-grid{display:grid!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:flex!important}.d-print-inline-flex{display:inline-flex!important}.d-print-none{display:none!important}}`;
|
|
112
|
+
var css_248z$v = i$6`@charset "UTF-8";:root{--sgds-blue:#1f69ff;--sgds-purple:#5925dc;--sgds-pink:#d63384;--sgds-red:#d7260f;--sgds-yellow:#f79009;--sgds-green:#0a8217;--sgds-cyan:#0f71bb;--sgds-white:#fff;--sgds-gray:#344054;--sgds-gray-dark:#000;--sgds-gray-100:#f7f7f9;--sgds-gray-200:#e4e7ec;--sgds-gray-300:#d0d5dd;--sgds-gray-400:#98a2b3;--sgds-gray-500:#667085;--sgds-gray-600:#344054;--sgds-gray-700:#1d2939;--sgds-gray-800:#000;--sgds-gray-900:#000;--sgds-primary:#5925dc;--sgds-secondary:#1f69ff;--sgds-success:#0a8217;--sgds-info:#0f71bb;--sgds-warning:#f79009;--sgds-danger:#d7260f;--sgds-light:#f7f7f9;--sgds-dark:#000;--sgds-primary-rgb:89,37,220;--sgds-secondary-rgb:31,105,255;--sgds-success-rgb:10,130,23;--sgds-info-rgb:15,113,187;--sgds-warning-rgb:247,144,9;--sgds-danger-rgb:215,38,15;--sgds-light-rgb:247,247,249;--sgds-dark-rgb:0,0,0;--sgds-white-rgb:255,255,255;--sgds-black-rgb:0,0,0;--sgds-body-color-rgb:29,41,57;--sgds-body-bg-rgb:255,255,255;--sgds-font-sans-serif:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--sgds-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--sgds-gradient:linear-gradient(180deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,0));--sgds-body-font-family:var(--sgds-font-sans-serif);--sgds-body-font-size:1rem;--sgds-body-font-weight:400;--sgds-body-line-height:2;--sgds-body-color:#1d2939;--sgds-body-bg:#fff;--sgds-gutter-x:1.5rem}@media (min-width:992px){:root{--section-padding:3rem 1.5rem;--section-padding-xs:1rem 1.5rem;--section-padding-sm:1.5rem 1.5rem;--section-padding-lg:9rem 1.5rem;--section-padding-xl:18rem 1.5rem}}*,:after,:before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:var(--sgds-body-bg);color:var(--sgds-body-color);font-family:var(--sgds-body-font-family);font-size:var(--sgds-body-font-size);font-weight:var(--sgds-body-font-weight);line-height:var(--sgds-body-line-height);margin:0;text-align:var(--sgds-body-text-align)}hr{background-color:currentColor;border:0;color:inherit;margin:1rem 0;opacity:.25}hr:not([size]){height:1px}.h1,.h2,.h3,.h4,.h5,.h6,.sgds.footer .footer-header .title,h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:.5rem;margin-top:0}.h1,h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){.h1,h1{font-size:2.5rem}}.h2,h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){.h2,h2{font-size:2rem}}.h3,.sgds.footer .footer-header .title,h3{font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){.h3,.sgds.footer .footer-header .title,h3{font-size:1.5rem}}.h4,h4{font-size:1.125rem}.h5,.h6,h5,h6{font-size:1rem}p{margin-bottom:1.5rem;margin-top:0}abbr[data-bs-original-title],abbr[title]{cursor:help;text-decoration:underline dotted;text-decoration-skip-ink:none}address{font-style:normal;line-height:inherit;margin-bottom:1rem}ol,ul{padding-left:2rem}dl,ol,ul{margin-bottom:1rem;margin-top:0}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}.small,small{font-size:.875em}.mark,mark{background-color:#fcf8e3;padding:.2em}sub,sup{font-size:.75em;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#0f71bb;text-decoration:underline}a:hover{color:#0c5a96}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{direction:ltr;font-family:var(--sgds-font-monospace);font-size:1em;unicode-bidi:bidi-override}pre{display:block;font-size:.875em;margin-bottom:1rem;margin-top:0;overflow:auto}pre code{color:inherit;font-size:inherit;word-break:normal}code{word-wrap:break-word;color:#d63384;font-size:.875em}a>code{color:inherit}kbd{background-color:#000;border-radius:.2rem;color:#fff;font-size:.875em;padding:.2rem .4rem}kbd kbd{font-size:1em;font-weight:700;padding:0}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{border-collapse:collapse;caption-side:bottom}caption{color:#667085;padding-bottom:1rem;padding-top:1rem;text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,tfoot,th,thead,tr{border:0 solid;border-color:inherit}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,optgroup,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]::-webkit-calendar-picker-indicator{display:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{border-style:none;padding:0}textarea{resize:vertical}fieldset{border:0;margin:0;min-width:0;padding:0}legend{float:left;font-size:calc(1.275rem + .3vw);line-height:inherit;margin-bottom:.5rem;padding:0;width:100%}@media (min-width:1200px){legend{font-size:1.5rem}}legend+*{clear:left}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::file-selector-button{font:inherit}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}output{display:inline-block}iframe{border:0}summary{cursor:pointer;display:list-item}progress{vertical-align:baseline}[hidden]{display:none!important}.h1,h1{line-height:1.2}.h2,h2{line-height:1.25}.h3,.sgds.footer .footer-header .title,h3{line-height:1.33}.h4,h4{line-height:1.78}.h5,.h6,h5,h6{line-height:1.2}.lead{font-size:1.25rem;font-weight:300}.display-0{font-size:calc(1.475rem + 2.7vw);font-weight:700;line-height:1.2}@media (min-width:1200px){.display-0{font-size:3.5rem}}.display-1{font-size:calc(1.375rem + 1.5vw);font-weight:700;line-height:1.2}@media (min-width:1200px){.display-1{font-size:2.5rem}}.display-2{font-size:calc(1.325rem + .9vw);font-weight:700;line-height:1.2}@media (min-width:1200px){.display-2{font-size:2rem}}.display-3{font-size:calc(1.275rem + .3vw);font-weight:700;line-height:1.2}@media (min-width:1200px){.display-3{font-size:1.5rem}}.display-4{font-size:1.125rem;font-weight:700;line-height:1.2}.display-5,.display-6{font-size:1rem;font-weight:700;line-height:1.2}.list-inline,.list-unstyled{list-style:none;padding-left:0}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:.875em;text-transform:uppercase}.blockquote{font-size:1.25rem;margin-bottom:1rem}.blockquote>:last-child{margin-bottom:0}.blockquote-footer{color:#344054;font-size:.875em;margin-bottom:1rem;margin-top:-1rem}.blockquote-footer:before{content:"— "}p+p{margin-top:1.5rem}a{text-underline-offset:.25rem}a[target=_blank]:after{content:"\\f1c5";display:inline-block;font-family:bootstrap-icons;padding-left:.25rem;text-decoration-line:none}.img-fluid,.img-thumbnail{height:auto;max-width:100%}.img-thumbnail{background-color:#fff;border:1px solid #d0d5dd;border-radius:.3125rem;padding:.25rem}.figure{display:inline-block}.figure-img{line-height:1;margin-bottom:.5rem}.figure-caption{color:#344054;font-size:.875em}.section{padding:var(--section-padding)}.section-xs{padding:var(--section-padding-xs)}.section-sm{padding:var(--section-padding-sm)}.section-md{padding:var(--section-padding)}.section-lg{padding:var(--section-padding-lg)}.section-xl{padding:var(--section-padding-xl)}.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{margin-left:auto;margin-right:auto;padding-left:var(--sgds-gutter-x,.75rem);padding-right:var(--sgds-gutter-x,.75rem);width:100%}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}@media (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1320px}}.row{--sgds-gutter-x:1.5rem;--sgds-gutter-y:0;display:flex;flex-wrap:wrap;margin-left:calc(var(--sgds-gutter-x)*-.5);margin-right:calc(var(--sgds-gutter-x)*-.5);margin-top:calc(var(--sgds-gutter-y)*-1)}.row>*{flex-shrink:0;margin-top:var(--sgds-gutter-y);max-width:100%;padding-left:calc(var(--sgds-gutter-x)*.5);padding-right:calc(var(--sgds-gutter-x)*.5);width:100%}.col{flex:1 0 0%}.row-cols-auto>*{flex:0 0 auto;width:auto}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.6666666667%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.33333333%}.col-2{flex:0 0 auto;width:16.66666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33333333%}.col-5{flex:0 0 auto;width:41.66666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.33333333%}.col-8{flex:0 0 auto;width:66.66666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.33333333%}.col-11{flex:0 0 auto;width:91.66666667%}.col-12{flex:0 0 auto;width:100%}.offset-1{margin-left:8.33333333%}.offset-2{margin-left:16.66666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333333%}.offset-5{margin-left:41.66666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333333%}.offset-8{margin-left:66.66666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333333%}.offset-11{margin-left:91.66666667%}.g-0,.gx-0{--sgds-gutter-x:0}.g-0,.gy-0{--sgds-gutter-y:0}.g-1,.gx-1{--sgds-gutter-x:0.25rem}.g-1,.gy-1{--sgds-gutter-y:0.25rem}.g-2,.gx-2{--sgds-gutter-x:0.5rem}.g-2,.gy-2{--sgds-gutter-y:0.5rem}.g-3,.gx-3{--sgds-gutter-x:1rem}.g-3,.gy-3{--sgds-gutter-y:1rem}.g-4,.gx-4{--sgds-gutter-x:1.5rem}.g-4,.gy-4{--sgds-gutter-y:1.5rem}.g-5,.gx-5{--sgds-gutter-x:2rem}.g-5,.gy-5{--sgds-gutter-y:2rem}.g-6,.gx-6{--sgds-gutter-x:2.5rem}.g-6,.gy-6{--sgds-gutter-y:2.5rem}.g-7,.gx-7{--sgds-gutter-x:3rem}.g-7,.gy-7{--sgds-gutter-y:3rem}.g-8,.gx-8{--sgds-gutter-x:3.5rem}.g-8,.gy-8{--sgds-gutter-y:3.5rem}@media (min-width:576px){.col-sm{flex:1 0 0%}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.6666666667%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.33333333%}.col-sm-2{flex:0 0 auto;width:16.66666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-5{flex:0 0 auto;width:41.66666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333333%}.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333333%}.col-sm-11{flex:0 0 auto;width:91.66666667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333333%}.offset-sm-2{margin-left:16.66666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333333%}.offset-sm-5{margin-left:41.66666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333333%}.offset-sm-8{margin-left:66.66666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333333%}.offset-sm-11{margin-left:91.66666667%}.g-sm-0,.gx-sm-0{--sgds-gutter-x:0}.g-sm-0,.gy-sm-0{--sgds-gutter-y:0}.g-sm-1,.gx-sm-1{--sgds-gutter-x:0.25rem}.g-sm-1,.gy-sm-1{--sgds-gutter-y:0.25rem}.g-sm-2,.gx-sm-2{--sgds-gutter-x:0.5rem}.g-sm-2,.gy-sm-2{--sgds-gutter-y:0.5rem}.g-sm-3,.gx-sm-3{--sgds-gutter-x:1rem}.g-sm-3,.gy-sm-3{--sgds-gutter-y:1rem}.g-sm-4,.gx-sm-4{--sgds-gutter-x:1.5rem}.g-sm-4,.gy-sm-4{--sgds-gutter-y:1.5rem}.g-sm-5,.gx-sm-5{--sgds-gutter-x:2rem}.g-sm-5,.gy-sm-5{--sgds-gutter-y:2rem}.g-sm-6,.gx-sm-6{--sgds-gutter-x:2.5rem}.g-sm-6,.gy-sm-6{--sgds-gutter-y:2.5rem}.g-sm-7,.gx-sm-7{--sgds-gutter-x:3rem}.g-sm-7,.gy-sm-7{--sgds-gutter-y:3rem}.g-sm-8,.gx-sm-8{--sgds-gutter-x:3.5rem}.g-sm-8,.gy-sm-8{--sgds-gutter-y:3.5rem}}@media (min-width:768px){.col-md{flex:1 0 0%}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.6666666667%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.33333333%}.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333333%}.col-md-11{flex:0 0 auto;width:91.66666667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333333%}.offset-md-5{margin-left:41.66666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333333%}.offset-md-8{margin-left:66.66666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333333%}.offset-md-11{margin-left:91.66666667%}.g-md-0,.gx-md-0{--sgds-gutter-x:0}.g-md-0,.gy-md-0{--sgds-gutter-y:0}.g-md-1,.gx-md-1{--sgds-gutter-x:0.25rem}.g-md-1,.gy-md-1{--sgds-gutter-y:0.25rem}.g-md-2,.gx-md-2{--sgds-gutter-x:0.5rem}.g-md-2,.gy-md-2{--sgds-gutter-y:0.5rem}.g-md-3,.gx-md-3{--sgds-gutter-x:1rem}.g-md-3,.gy-md-3{--sgds-gutter-y:1rem}.g-md-4,.gx-md-4{--sgds-gutter-x:1.5rem}.g-md-4,.gy-md-4{--sgds-gutter-y:1.5rem}.g-md-5,.gx-md-5{--sgds-gutter-x:2rem}.g-md-5,.gy-md-5{--sgds-gutter-y:2rem}.g-md-6,.gx-md-6{--sgds-gutter-x:2.5rem}.g-md-6,.gy-md-6{--sgds-gutter-y:2.5rem}.g-md-7,.gx-md-7{--sgds-gutter-x:3rem}.g-md-7,.gy-md-7{--sgds-gutter-y:3rem}.g-md-8,.gx-md-8{--sgds-gutter-x:3.5rem}.g-md-8,.gy-md-8{--sgds-gutter-y:3.5rem}}@media (min-width:992px){.col-lg{flex:1 0 0%}.row-cols-lg-auto>*{flex:0 0 auto;width:auto}.row-cols-lg-1>*{flex:0 0 auto;width:100%}.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.row-cols-lg-6>*{flex:0 0 auto;width:16.6666666667%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.33333333%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-11{flex:0 0 auto;width:91.66666667%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333333%}.offset-lg-2{margin-left:16.66666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333333%}.offset-lg-5{margin-left:41.66666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333333%}.offset-lg-8{margin-left:66.66666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333333%}.offset-lg-11{margin-left:91.66666667%}.g-lg-0,.gx-lg-0{--sgds-gutter-x:0}.g-lg-0,.gy-lg-0{--sgds-gutter-y:0}.g-lg-1,.gx-lg-1{--sgds-gutter-x:0.25rem}.g-lg-1,.gy-lg-1{--sgds-gutter-y:0.25rem}.g-lg-2,.gx-lg-2{--sgds-gutter-x:0.5rem}.g-lg-2,.gy-lg-2{--sgds-gutter-y:0.5rem}.g-lg-3,.gx-lg-3{--sgds-gutter-x:1rem}.g-lg-3,.gy-lg-3{--sgds-gutter-y:1rem}.g-lg-4,.gx-lg-4{--sgds-gutter-x:1.5rem}.g-lg-4,.gy-lg-4{--sgds-gutter-y:1.5rem}.g-lg-5,.gx-lg-5{--sgds-gutter-x:2rem}.g-lg-5,.gy-lg-5{--sgds-gutter-y:2rem}.g-lg-6,.gx-lg-6{--sgds-gutter-x:2.5rem}.g-lg-6,.gy-lg-6{--sgds-gutter-y:2.5rem}.g-lg-7,.gx-lg-7{--sgds-gutter-x:3rem}.g-lg-7,.gy-lg-7{--sgds-gutter-y:3rem}.g-lg-8,.gx-lg-8{--sgds-gutter-x:3.5rem}.g-lg-8,.gy-lg-8{--sgds-gutter-y:3.5rem}}@media (min-width:1200px){.col-xl{flex:1 0 0%}.row-cols-xl-auto>*{flex:0 0 auto;width:auto}.row-cols-xl-1>*{flex:0 0 auto;width:100%}.row-cols-xl-2>*{flex:0 0 auto;width:50%}.row-cols-xl-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-xl-4>*{flex:0 0 auto;width:25%}.row-cols-xl-5>*{flex:0 0 auto;width:20%}.row-cols-xl-6>*{flex:0 0 auto;width:16.6666666667%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.33333333%}.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333333%}.col-xl-11{flex:0 0 auto;width:91.66666667%}.col-xl-12{flex:0 0 auto;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333333%}.offset-xl-2{margin-left:16.66666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333333%}.offset-xl-5{margin-left:41.66666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333333%}.offset-xl-8{margin-left:66.66666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333333%}.offset-xl-11{margin-left:91.66666667%}.g-xl-0,.gx-xl-0{--sgds-gutter-x:0}.g-xl-0,.gy-xl-0{--sgds-gutter-y:0}.g-xl-1,.gx-xl-1{--sgds-gutter-x:0.25rem}.g-xl-1,.gy-xl-1{--sgds-gutter-y:0.25rem}.g-xl-2,.gx-xl-2{--sgds-gutter-x:0.5rem}.g-xl-2,.gy-xl-2{--sgds-gutter-y:0.5rem}.g-xl-3,.gx-xl-3{--sgds-gutter-x:1rem}.g-xl-3,.gy-xl-3{--sgds-gutter-y:1rem}.g-xl-4,.gx-xl-4{--sgds-gutter-x:1.5rem}.g-xl-4,.gy-xl-4{--sgds-gutter-y:1.5rem}.g-xl-5,.gx-xl-5{--sgds-gutter-x:2rem}.g-xl-5,.gy-xl-5{--sgds-gutter-y:2rem}.g-xl-6,.gx-xl-6{--sgds-gutter-x:2.5rem}.g-xl-6,.gy-xl-6{--sgds-gutter-y:2.5rem}.g-xl-7,.gx-xl-7{--sgds-gutter-x:3rem}.g-xl-7,.gy-xl-7{--sgds-gutter-y:3rem}.g-xl-8,.gx-xl-8{--sgds-gutter-x:3.5rem}.g-xl-8,.gy-xl-8{--sgds-gutter-y:3.5rem}}@media (min-width:1400px){.col-xxl{flex:1 0 0%}.row-cols-xxl-auto>*{flex:0 0 auto;width:auto}.row-cols-xxl-1>*{flex:0 0 auto;width:100%}.row-cols-xxl-2>*{flex:0 0 auto;width:50%}.row-cols-xxl-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-xxl-4>*{flex:0 0 auto;width:25%}.row-cols-xxl-5>*{flex:0 0 auto;width:20%}.row-cols-xxl-6>*{flex:0 0 auto;width:16.6666666667%}.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-1{flex:0 0 auto;width:8.33333333%}.col-xxl-2{flex:0 0 auto;width:16.66666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.33333333%}.col-xxl-5{flex:0 0 auto;width:41.66666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.33333333%}.col-xxl-8{flex:0 0 auto;width:66.66666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.33333333%}.col-xxl-11{flex:0 0 auto;width:91.66666667%}.col-xxl-12{flex:0 0 auto;width:100%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.33333333%}.offset-xxl-2{margin-left:16.66666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.33333333%}.offset-xxl-5{margin-left:41.66666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.33333333%}.offset-xxl-8{margin-left:66.66666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.33333333%}.offset-xxl-11{margin-left:91.66666667%}.g-xxl-0,.gx-xxl-0{--sgds-gutter-x:0}.g-xxl-0,.gy-xxl-0{--sgds-gutter-y:0}.g-xxl-1,.gx-xxl-1{--sgds-gutter-x:0.25rem}.g-xxl-1,.gy-xxl-1{--sgds-gutter-y:0.25rem}.g-xxl-2,.gx-xxl-2{--sgds-gutter-x:0.5rem}.g-xxl-2,.gy-xxl-2{--sgds-gutter-y:0.5rem}.g-xxl-3,.gx-xxl-3{--sgds-gutter-x:1rem}.g-xxl-3,.gy-xxl-3{--sgds-gutter-y:1rem}.g-xxl-4,.gx-xxl-4{--sgds-gutter-x:1.5rem}.g-xxl-4,.gy-xxl-4{--sgds-gutter-y:1.5rem}.g-xxl-5,.gx-xxl-5{--sgds-gutter-x:2rem}.g-xxl-5,.gy-xxl-5{--sgds-gutter-y:2rem}.g-xxl-6,.gx-xxl-6{--sgds-gutter-x:2.5rem}.g-xxl-6,.gy-xxl-6{--sgds-gutter-y:2.5rem}.g-xxl-7,.gx-xxl-7{--sgds-gutter-x:3rem}.g-xxl-7,.gy-xxl-7{--sgds-gutter-y:3rem}.g-xxl-8,.gx-xxl-8{--sgds-gutter-x:3.5rem}.g-xxl-8,.gy-xxl-8{--sgds-gutter-y:3.5rem}}.table{--sgds-table-bg:transparent;--sgds-table-accent-bg:transparent;--sgds-table-striped-color:#1d2939;--sgds-table-striped-bg:rgba(0,0,0,.05);--sgds-table-active-color:#1d2939;--sgds-table-active-bg:rgba(0,0,0,.1);--sgds-table-hover-color:#1d2939;--sgds-table-hover-bg:rgba(0,0,0,.075);border-color:#98a2b3;color:#1d2939;margin-bottom:1rem;vertical-align:top;width:100%}.table>:not(caption)>*>*{background-color:var(--sgds-table-bg);border-bottom-width:1px;box-shadow:inset 0 0 0 9999px var(--sgds-table-accent-bg);padding:1rem}.table>tbody{vertical-align:inherit}.table>thead{vertical-align:bottom}.table>:not(:first-child){border-top:2px solid}.caption-top{caption-side:top}.table-sm>:not(caption)>*>*{padding:.5rem}.table-bordered>:not(caption)>*{border-width:1px 0}.table-bordered>:not(caption)>*>*{border-width:0 1px}.table-borderless>:not(caption)>*>*{border-bottom-width:0}.table-borderless>:not(:first-child){border-top-width:0}.table-striped>tbody>tr:nth-of-type(odd)>*{--sgds-table-accent-bg:var(--sgds-table-striped-bg);color:var(--sgds-table-striped-color)}.table-active{--sgds-table-accent-bg:var(--sgds-table-active-bg);color:var(--sgds-table-active-color)}.table-hover>tbody>tr:hover>*{--sgds-table-accent-bg:var(--sgds-table-hover-bg);color:var(--sgds-table-hover-color)}.table-danger,.table-info,.table-primary,.table-secondary,.table-success,.table-warning{--sgds-table-bg:#000;--sgds-table-striped-bg:#0d0d0d;--sgds-table-striped-color:#fff;--sgds-table-active-bg:#1a1a1a;--sgds-table-active-color:#fff;--sgds-table-hover-bg:#131313;--sgds-table-hover-color:#fff;border-color:#1a1a1a;color:#fff}.table-light{--sgds-table-bg:#f7f7f9;--sgds-table-striped-bg:#ebebed;--sgds-table-striped-color:#000;--sgds-table-active-bg:#dedee0;--sgds-table-active-color:#000;--sgds-table-hover-bg:#e4e4e6;--sgds-table-hover-color:#000;border-color:#dedee0;color:#000}.table-dark{--sgds-table-bg:#000;--sgds-table-striped-bg:#0d0d0d;--sgds-table-striped-color:#fff;--sgds-table-active-bg:#1a1a1a;--sgds-table-active-color:#fff;--sgds-table-hover-bg:#131313;--sgds-table-hover-color:#fff;border-color:#1a1a1a;color:#fff}.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}@media (max-width:575.98px){.table-responsive-sm{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media (max-width:767.98px){.table-responsive-md{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media (max-width:991.98px){.table-responsive-lg{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media (max-width:1199.98px){.table-responsive-xl{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media (max-width:1399.98px){.table-responsive-xxl{-webkit-overflow-scrolling:touch;overflow-x:auto}}.sgds.table{font-size:1rem}.form-label{font-weight:700;margin-bottom:.5rem}.col-form-label{font-size:inherit;font-weight:700;line-height:2;margin-bottom:0;padding-bottom:calc(.4375rem + 1px);padding-top:calc(.4375rem + 1px)}.col-form-label-lg{font-size:1.25rem;padding-bottom:calc(.5rem + 1px);padding-top:calc(.5rem + 1px)}.col-form-label-sm{font-size:.875rem;padding-bottom:calc(.25rem + 1px);padding-top:calc(.25rem + 1px)}.form-label{margin-bottom:0}.form-text{color:#667085;font-size:1rem;font-weight:300}.form-control{appearance:none;background-clip:padding-box;background-color:#fff;border:1px solid #98a2b3;border-radius:.3125rem;color:#1d2939;display:block;font-size:1rem;font-weight:400;line-height:2;padding:.4375rem 1rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control[type=file]{overflow:hidden}.form-control[type=file]:not(:disabled):not([readonly]){cursor:pointer}.form-control:focus{background-color:#fff;border-color:#87b8dd;box-shadow:0 0 0 .125rem rgba(15,113,187,.25);color:#1d2939;outline:0}.form-control::-webkit-date-and-time-value{height:2em}.form-control::placeholder{color:#98a2b3;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#e4e7ec;opacity:1}.form-control::file-selector-button{background-color:#e4e7ec;border:0 solid;border-color:inherit;border-inline-end-width:1px;border-radius:0;color:#1d2939;margin:-.4375rem -1rem;margin-inline-end:1rem;padding:.4375rem 1rem;pointer-events:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control::file-selector-button{transition:none}}.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:#d9dbe0}.form-control::-webkit-file-upload-button{background-color:#e4e7ec;border:0 solid;border-color:inherit;border-inline-end-width:1px;border-radius:0;color:#1d2939;margin:-.4375rem -1rem;margin-inline-end:1rem;padding:.4375rem 1rem;pointer-events:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control::-webkit-file-upload-button{transition:none}}.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button{background-color:#d9dbe0}.form-control-plaintext{background-color:transparent;border:solid transparent;border-width:1px 0;color:#1d2939;display:block;line-height:2;margin-bottom:0;padding:.4375rem 0;width:100%}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-left:0;padding-right:0}.form-control-sm{border-radius:.2rem;font-size:.875rem;min-height:calc(2em + .5rem + 2px);padding:.25rem .5rem}.form-control-sm::file-selector-button{margin:-.25rem -.5rem;margin-inline-end:.5rem;padding:.25rem .5rem}.form-control-sm::-webkit-file-upload-button{margin:-.25rem -.5rem;margin-inline-end:.5rem;padding:.25rem .5rem}.form-control-lg{border-radius:.3rem;font-size:1.25rem;min-height:calc(2em + 1rem + 2px);padding:.5rem 1rem}.form-control-lg::file-selector-button{margin:-.5rem -1rem;margin-inline-end:1rem;padding:.5rem 1rem}.form-control-lg::-webkit-file-upload-button{margin:-.5rem -1rem;margin-inline-end:1rem;padding:.5rem 1rem}textarea.form-control{min-height:calc(2em + .875rem + 2px)}textarea.form-control-sm{min-height:calc(2em + .5rem + 2px)}textarea.form-control-lg{min-height:calc(2em + 1rem + 2px)}.form-control-color{height:auto;padding:.4375rem;width:3rem}.form-control-color:not(:disabled):not([readonly]){cursor:pointer}.form-control-color::-moz-color-swatch{border-radius:.3125rem;height:2em}.form-control-color::-webkit-color-swatch{border-radius:.3125rem;height:2em}.sgds.combobox .form-control-icon,.sgds.combobox .form-control-icon-validate,.sgds.form-control-group .form-control-icon,.sgds.form-control-group .form-control-icon-validate{align-items:center;display:flex;font-size:1rem;height:3rem;justify-content:center;position:absolute;width:3rem;z-index:4}.sgds.combobox,.sgds.form-control-group{align-items:stretch;display:flex;flex-wrap:wrap;position:relative;width:100%}.sgds.combobox>.form-control,.sgds.form-control-group>.form-control{padding-left:3rem}.sgds.combobox>.form-control:focus,.sgds.form-control-group>.form-control:focus{z-index:3}.sgds.combobox .form-control-icon-validate,.sgds.form-control-group .form-control-icon-validate{left:inherit;right:0}.form-select{-moz-padding-start:calc(1rem - 3px);appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:16px 12px;border:1px solid #98a2b3;border-radius:.3125rem;color:#1d2939;display:block;font-size:1rem;font-weight:400;line-height:2;padding:.4375rem 3rem .4375rem 1rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}@media (prefers-reduced-motion:reduce){.form-select{transition:none}}.form-select:focus{border-color:#87b8dd;box-shadow:0 0 0 .125rem rgba(15,113,187,.25);outline:0}.form-select[multiple],.form-select[size]:not([size="1"]){background-image:none;padding-right:1rem}.form-select:disabled{background-color:#e4e7ec}.form-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #1d2939}.form-select-sm{border-radius:.2rem;font-size:.875rem;padding-bottom:.25rem;padding-left:.5rem;padding-top:.25rem}.form-select-lg{border-radius:.3rem;font-size:1.25rem;padding-bottom:.5rem;padding-left:1rem;padding-top:.5rem}.form-check{display:block;margin-bottom:.125rem;min-height:2rem;padding-left:1.625em}.form-check .form-check-input{float:left;margin-left:-1.625em}.form-check-input{color-adjust:exact;appearance:none;background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:contain;border:1px solid rgba(0,0,0,.25);height:1.125em;margin-top:.4375em;vertical-align:top;width:1.125em}.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:#87b8dd;box-shadow:0 0 0 .125rem rgba(15,113,187,.25);outline:0}.form-check-input:checked{background-color:#0f71bb;border-color:#0f71bb}.form-check-input:checked[type=checkbox]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z'/%3E%3C/svg%3E")}.form-check-input:checked[type=radio]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='2' fill='%23fff'/%3E%3C/svg%3E")}.form-check-input[type=checkbox]:indeterminate{background-color:#0f71bb;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3E%3C/svg%3E");border-color:#0f71bb}.form-check-input:disabled{filter:none;opacity:.5;pointer-events:none}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{opacity:.5}.form-switch{padding-left:2.5em}.form-switch .form-check-input{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='rgba(0, 0, 0, 0.25)'/%3E%3C/svg%3E");background-position:0;border-radius:2em;margin-left:-2.5em;transition:background-position .15s ease-in-out;width:2em}@media (prefers-reduced-motion:reduce){.form-switch .form-check-input{transition:none}}.form-switch .form-check-input:focus{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2387b8dd'/%3E%3C/svg%3E")}.form-switch .form-check-input:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");background-position:100%}.form-check-inline{display:inline-block;margin-right:1rem}.btn-check{clip:rect(0,0,0,0);pointer-events:none;position:absolute}.btn-check:disabled+.btn,.btn-check[disabled]+.btn{filter:none;opacity:.65;pointer-events:none}.form-range{appearance:none;background-color:transparent;height:1.25rem;padding:0;width:100%}.form-range:focus{outline:0}.form-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .125rem rgba(15,113,187,.25)}.form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .125rem rgba(15,113,187,.25)}.form-range::-moz-focus-outer{border:0}.form-range::-webkit-slider-thumb{appearance:none;background-color:#0f71bb;border:0;border-radius:1rem;height:1rem;margin-top:-.25rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:1rem}@media (prefers-reduced-motion:reduce){.form-range::-webkit-slider-thumb{transition:none}}.form-range::-webkit-slider-thumb:active{background-color:#b7d4eb}.form-range::-webkit-slider-runnable-track{background-color:#d0d5dd;border-color:transparent;border-radius:1rem;color:transparent;cursor:pointer;height:.5rem;width:100%}.form-range::-moz-range-thumb{appearance:none;background-color:#0f71bb;border:0;border-radius:1rem;height:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:1rem}@media (prefers-reduced-motion:reduce){.form-range::-moz-range-thumb{transition:none}}.form-range::-moz-range-thumb:active{background-color:#b7d4eb}.form-range::-moz-range-track{background-color:#d0d5dd;border-color:transparent;border-radius:1rem;color:transparent;cursor:pointer;height:.5rem;width:100%}.form-range:disabled{pointer-events:none}.form-range:disabled::-webkit-slider-thumb{background-color:#667085}.form-range:disabled::-moz-range-thumb{background-color:#667085}.form-floating{position:relative}.form-floating>.form-control,.form-floating>.form-select{height:calc(3.5rem + 2px);line-height:1.25}.form-floating>label{border:1px solid transparent;height:100%;left:0;padding:1rem;pointer-events:none;position:absolute;top:0;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{padding:1rem}.form-floating>.form-control::placeholder{color:transparent}.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown){padding-bottom:.625rem;padding-top:1.625rem}.form-floating>.form-control:-webkit-autofill{padding-bottom:.625rem;padding-top:1.625rem}.form-floating>.form-select{padding-bottom:.625rem;padding-top:1.625rem}.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-select~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control:-webkit-autofill~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.input-group{align-items:stretch;display:flex;flex-wrap:wrap;position:relative;width:100%}.input-group>.form-control,.input-group>.form-select{flex:1 1 auto;min-width:0;position:relative;width:1%}.input-group>.form-control:focus,.input-group>.form-select:focus{z-index:3}.input-group .btn{position:relative;z-index:2}.input-group .btn:focus{z-index:3}.input-group-text{align-items:center;background-color:#e4e7ec;border:1px solid #98a2b3;border-radius:.3125rem;color:#1d2939;display:flex;font-size:1rem;font-weight:400;line-height:2;padding:.4375rem 1rem;text-align:center;white-space:nowrap}.input-group-lg>.btn,.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text{border-radius:.3rem;font-size:1.25rem;padding:.5rem 1rem}.input-group-sm>.btn,.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text{border-radius:.2rem;font-size:.875rem;padding:.25rem .5rem}.input-group-lg>.form-select,.input-group-sm>.form-select{padding-right:4rem}.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu),.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu){border-bottom-right-radius:0;border-top-right-radius:0}.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){border-bottom-left-radius:0;border-top-left-radius:0;margin-left:-1px}.sgds.input-group .input-group-text .form-check-input{margin-top:0}.sgds.input-group[variant=quantity-toggle] input::-webkit-inner-spin-button,.sgds.input-group[variant=quantity-toggle] input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.valid-feedback{color:#0a8217;display:none;font-size:1rem;width:100%}.valid-tooltip{background-color:#0a8217;border-radius:.3125rem;color:#fff;display:none;font-size:.875rem;margin-top:.1rem;max-width:100%;padding:.5rem 1rem;position:absolute;top:100%;z-index:5}.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip{display:block}.form-control.is-valid,.was-validated .form-control:valid{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%230A8217'%3E%3Cpath d='M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z'/%3E%3C/svg%3E");background-position:right calc(.5em + .21875rem) center;background-repeat:no-repeat;background-size:calc(1em + .4375rem) calc(1em + .4375rem);border-color:#0a8217;padding-right:calc(2em + .875rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:#0a8217;box-shadow:0 0 0 .125rem rgba(10,130,23,.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{background-position:top calc(.5em + .21875rem) right calc(.5em + .21875rem);padding-right:calc(2em + .875rem)}.form-select.is-valid,.was-validated .form-select:valid{border-color:#0a8217}.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size="1"],.was-validated .form-select:valid:not([multiple]):not([size]),.was-validated .form-select:valid:not([multiple])[size="1"]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%230A8217'%3E%3Cpath d='M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z'/%3E%3C/svg%3E");background-position:right 1rem center,center right 3rem;background-size:16px 12px,calc(1em + .4375rem) calc(1em + .4375rem);padding-right:5.5rem}.form-select.is-valid:focus,.was-validated .form-select:valid:focus{border-color:#0a8217;box-shadow:0 0 0 .125rem rgba(10,130,23,.25)}.form-check-input.is-valid,.was-validated .form-check-input:valid{border-color:#0a8217}.form-check-input.is-valid:checked,.was-validated .form-check-input:valid:checked{background-color:#0a8217}.form-check-input.is-valid:focus,.was-validated .form-check-input:valid:focus{box-shadow:0 0 0 .125rem rgba(10,130,23,.25)}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#0a8217}.form-check-inline .form-check-input~.valid-feedback{margin-left:.5em}.input-group .form-control.is-valid,.input-group .form-select.is-valid,.was-validated .input-group .form-control:valid,.was-validated .input-group .form-select:valid{z-index:1}.input-group .form-control.is-valid:focus,.input-group .form-select.is-valid:focus,.was-validated .input-group .form-control:valid:focus,.was-validated .input-group .form-select:valid:focus{z-index:3}.invalid-feedback{color:#d7260f;display:none;font-size:1rem;width:100%}.invalid-tooltip{background-color:#d7260f;border-radius:.3125rem;color:#fff;display:none;font-size:.875rem;margin-top:.1rem;max-width:100%;padding:.5rem 1rem;position:absolute;top:100%;z-index:5}.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip{display:block}.form-control.is-invalid,.was-validated .form-control:invalid{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23D7260F'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 4.995z'/%3E%3C/svg%3E");background-position:right calc(.5em + .21875rem) center;background-repeat:no-repeat;background-size:calc(1em + .4375rem) calc(1em + .4375rem);border-color:#d7260f;padding-right:calc(2em + .875rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#d7260f;box-shadow:0 0 0 .125rem rgba(215,38,15,.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{background-position:top calc(.5em + .21875rem) right calc(.5em + .21875rem);padding-right:calc(2em + .875rem)}.form-select.is-invalid,.was-validated .form-select:invalid{border-color:#d7260f}.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"],.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select:invalid:not([multiple])[size="1"]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23D7260F'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 4.995z'/%3E%3C/svg%3E");background-position:right 1rem center,center right 3rem;background-size:16px 12px,calc(1em + .4375rem) calc(1em + .4375rem);padding-right:5.5rem}.form-select.is-invalid:focus,.was-validated .form-select:invalid:focus{border-color:#d7260f;box-shadow:0 0 0 .125rem rgba(215,38,15,.25)}.form-check-input.is-invalid,.was-validated .form-check-input:invalid{border-color:#d7260f}.form-check-input.is-invalid:checked,.was-validated .form-check-input:invalid:checked{background-color:#d7260f}.form-check-input.is-invalid:focus,.was-validated .form-check-input:invalid:focus{box-shadow:0 0 0 .125rem rgba(215,38,15,.25)}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#d7260f}.form-check-inline .form-check-input~.invalid-feedback{margin-left:.5em}.input-group .form-control.is-invalid,.input-group .form-select.is-invalid,.was-validated .input-group .form-control:invalid,.was-validated .input-group .form-select:invalid{z-index:2}.input-group .form-control.is-invalid:focus,.input-group .form-select.is-invalid:focus,.was-validated .input-group .form-control:invalid:focus,.was-validated .input-group .form-select:invalid:focus{z-index:3}.footer-list-styling ul,.sgds.footer .footer-contact-links ul,.sgds.footer .footer-items ul,.sgds.footer .footer-mandatory-links ul{margin:0;padding:0}.footer-list-styling ul li,.sgds.footer .footer-contact-links ul li,.sgds.footer .footer-items ul li,.sgds.footer .footer-mandatory-links ul li{font-size:1rem;line-height:1.5;list-style-type:none}.footer-list-styling ul li+li,.sgds.footer .footer-contact-links ul li+li,.sgds.footer .footer-items ul li+li,.sgds.footer .footer-mandatory-links ul li+li{margin-top:1rem}.footer-list-styling ul li a,.sgds.footer .footer-contact-links ul li a,.sgds.footer .footer-items ul li a,.sgds.footer .footer-mandatory-links ul li a{color:#d0d5dd;text-decoration:none}.footer-list-styling ul li a:hover,.sgds.footer,.sgds.footer .footer-contact-links ul li a:hover,.sgds.footer .footer-items ul li a:hover,.sgds.footer .footer-mandatory-links ul li a:hover{color:#f7f7f9}.sgds.footer{height:auto}.sgds.footer .footer-top{background-color:#000;padding:3rem 0 1.5rem}.sgds.footer .footer-header{margin-bottom:1.5rem}.sgds.footer .footer-header .title{margin-bottom:1rem}.sgds.footer .footer-header .description{color:#98a2b3}@media (max-width:575.98px){.sgds.footer .footer-items>div[class*=col]+div[class*=col]{margin-top:2rem}}.sgds.footer .footer-items .title{font-weight:700}.sgds.footer .footer-items .links{margin-top:1rem}.sgds.footer .footer-contact-links{margin-top:2rem}@media (min-width:992px){.sgds.footer .footer-contact-links ul li{display:inline-block}.sgds.footer .footer-contact-links ul li+li{margin-left:1rem}}.sgds.footer .footer-bottom{background-color:#000;border-top:1px solid #000;padding:1.5rem 0}@media (min-width:992px){.sgds.footer .footer-mandatory-links ul li{display:inline-block}.sgds.footer .footer-mandatory-links ul li+li{margin-left:1rem}}@media (max-width:991.98px){.sgds.footer .footer-copyrights{margin-top:1rem}}.btn{background-color:transparent;border:1px solid transparent;border-radius:.3125rem;color:#1d2939;cursor:pointer;display:inline-block;font-size:1rem;font-weight:400;line-height:2;padding:.4375rem 1rem;text-align:center;text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;user-select:none;vertical-align:middle}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:#1d2939}.btn-check:focus+.btn,.btn:focus{box-shadow:0 0 0 .125rem rgba(15,113,187,.25);outline:0}.btn.disabled,.btn:disabled,fieldset:disabled .btn{opacity:.65;pointer-events:none}.btn-primary{background-color:#5925dc;border-color:#5925dc;color:#fff}.btn-check:focus+.btn-primary,.btn-primary:focus,.btn-primary:hover{background-color:#4c1fbb;border-color:#471eb0;color:#fff}.btn-check:focus+.btn-primary,.btn-primary:focus{box-shadow:0 0 0 .125rem rgba(114,70,225,.5)}.btn-check:active+.btn-primary,.btn-check:checked+.btn-primary,.btn-primary.active,.btn-primary:active,.show>.btn-primary.dropdown-toggle{background-color:#471eb0;border-color:#431ca5;color:#fff}.btn-check:active+.btn-primary:focus,.btn-check:checked+.btn-primary:focus,.btn-primary.active:focus,.btn-primary:active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .125rem rgba(114,70,225,.5)}.btn-primary.disabled,.btn-primary:disabled{background-color:#5925dc;border-color:#5925dc;color:#fff}.btn-secondary{background-color:#1f69ff;border-color:#1f69ff;color:#fff}.btn-check:focus+.btn-secondary,.btn-secondary:focus,.btn-secondary:hover{background-color:#1a59d9;border-color:#1954cc;color:#fff}.btn-check:focus+.btn-secondary,.btn-secondary:focus{box-shadow:0 0 0 .125rem rgba(65,128,255,.5)}.btn-check:active+.btn-secondary,.btn-check:checked+.btn-secondary,.btn-secondary.active,.btn-secondary:active,.show>.btn-secondary.dropdown-toggle{background-color:#1954cc;border-color:#174fbf;color:#fff}.btn-check:active+.btn-secondary:focus,.btn-check:checked+.btn-secondary:focus,.btn-secondary.active:focus,.btn-secondary:active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .125rem rgba(65,128,255,.5)}.btn-secondary.disabled,.btn-secondary:disabled{background-color:#1f69ff;border-color:#1f69ff;color:#fff}.btn-success{background-color:#0a8217;border-color:#0a8217;color:#fff}.btn-check:focus+.btn-success,.btn-success:focus,.btn-success:hover{background-color:#096f14;border-color:#086812;color:#fff}.btn-check:focus+.btn-success,.btn-success:focus{box-shadow:0 0 0 .125rem rgba(47,149,58,.5)}.btn-check:active+.btn-success,.btn-check:checked+.btn-success,.btn-success.active,.btn-success:active,.show>.btn-success.dropdown-toggle{background-color:#086812;border-color:#086211;color:#fff}.btn-check:active+.btn-success:focus,.btn-check:checked+.btn-success:focus,.btn-success.active:focus,.btn-success:active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .125rem rgba(47,149,58,.5)}.btn-success.disabled,.btn-success:disabled{background-color:#0a8217;border-color:#0a8217;color:#fff}.btn-info{background-color:#0f71bb;border-color:#0f71bb;color:#fff}.btn-check:focus+.btn-info,.btn-info:focus,.btn-info:hover{background-color:#0d609f;border-color:#0c5a96;color:#fff}.btn-check:focus+.btn-info,.btn-info:focus{box-shadow:0 0 0 .125rem rgba(51,134,197,.5)}.btn-check:active+.btn-info,.btn-check:checked+.btn-info,.btn-info.active,.btn-info:active,.show>.btn-info.dropdown-toggle{background-color:#0c5a96;border-color:#0b558c;color:#fff}.btn-check:active+.btn-info:focus,.btn-check:checked+.btn-info:focus,.btn-info.active:focus,.btn-info:active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .125rem rgba(51,134,197,.5)}.btn-info.disabled,.btn-info:disabled{background-color:#0f71bb;border-color:#0f71bb;color:#fff}.btn-warning{background-color:#f79009;border-color:#f79009;color:#000}.btn-check:focus+.btn-warning,.btn-warning:focus,.btn-warning:hover{background-color:#f8a12e;border-color:#f89b22;color:#000}.btn-check:focus+.btn-warning,.btn-warning:focus{box-shadow:0 0 0 .125rem rgba(210,122,8,.5)}.btn-check:active+.btn-warning,.btn-check:checked+.btn-warning,.btn-warning.active,.btn-warning:active,.show>.btn-warning.dropdown-toggle{background-color:#f9a63a;border-color:#f89b22;color:#000}.btn-check:active+.btn-warning:focus,.btn-check:checked+.btn-warning:focus,.btn-warning.active:focus,.btn-warning:active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .125rem rgba(210,122,8,.5)}.btn-warning.disabled,.btn-warning:disabled{background-color:#f79009;border-color:#f79009;color:#000}.btn-danger{background-color:#d7260f;border-color:#d7260f;color:#fff}.btn-check:focus+.btn-danger,.btn-danger:focus,.btn-danger:hover{background-color:#b7200d;border-color:#ac1e0c;color:#fff}.btn-check:focus+.btn-danger,.btn-danger:focus{box-shadow:0 0 0 .125rem rgba(221,71,51,.5)}.btn-check:active+.btn-danger,.btn-check:checked+.btn-danger,.btn-danger.active,.btn-danger:active,.show>.btn-danger.dropdown-toggle{background-color:#ac1e0c;border-color:#a11d0b;color:#fff}.btn-check:active+.btn-danger:focus,.btn-check:checked+.btn-danger:focus,.btn-danger.active:focus,.btn-danger:active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .125rem rgba(221,71,51,.5)}.btn-danger.disabled,.btn-danger:disabled{background-color:#d7260f;border-color:#d7260f;color:#fff}.btn-light{background-color:#f7f7f9;border-color:#f7f7f9;color:#000}.btn-check:focus+.btn-light,.btn-light:focus,.btn-light:hover{background-color:#f8f8fa;border-color:#f8f8fa;color:#000}.btn-check:focus+.btn-light,.btn-light:focus{box-shadow:0 0 0 .125rem hsla(240,2%,83%,.5)}.btn-check:active+.btn-light,.btn-check:checked+.btn-light,.btn-light.active,.btn-light:active,.show>.btn-light.dropdown-toggle{background-color:#f9f9fa;border-color:#f8f8fa;color:#000}.btn-check:active+.btn-light:focus,.btn-check:checked+.btn-light:focus,.btn-light.active:focus,.btn-light:active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .125rem hsla(240,2%,83%,.5)}.btn-light.disabled,.btn-light:disabled{background-color:#f7f7f9;border-color:#f7f7f9;color:#000}.btn-check:focus+.btn-dark,.btn-dark,.btn-dark:focus,.btn-dark:hover{background-color:#000;border-color:#000;color:#fff}.btn-check:focus+.btn-dark,.btn-dark:focus{box-shadow:0 0 0 .125rem rgba(38,38,38,.5)}.btn-check:active+.btn-dark,.btn-check:checked+.btn-dark,.btn-dark.active,.btn-dark:active,.show>.btn-dark.dropdown-toggle{background-color:#000;border-color:#000;color:#fff}.btn-check:active+.btn-dark:focus,.btn-check:checked+.btn-dark:focus,.btn-dark.active:focus,.btn-dark:active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .125rem rgba(38,38,38,.5)}.btn-dark.disabled,.btn-dark:disabled{background-color:#000;border-color:#000;color:#fff}.btn-outline-primary{border-color:#5925dc;color:#5925dc}.btn-outline-primary:hover{background-color:#5925dc;border-color:#5925dc;color:#fff}.btn-check:focus+.btn-outline-primary,.btn-outline-primary:focus{box-shadow:0 0 0 .125rem rgba(89,37,220,.5)}.btn-check:active+.btn-outline-primary,.btn-check:checked+.btn-outline-primary,.btn-outline-primary.active,.btn-outline-primary.dropdown-toggle.show,.btn-outline-primary:active{background-color:#5925dc;border-color:#5925dc;color:#fff}.btn-check:active+.btn-outline-primary:focus,.btn-check:checked+.btn-outline-primary:focus,.btn-outline-primary.active:focus,.btn-outline-primary.dropdown-toggle.show:focus,.btn-outline-primary:active:focus{box-shadow:0 0 0 .125rem rgba(89,37,220,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{background-color:transparent;color:#5925dc}.btn-outline-secondary{border-color:#1f69ff;color:#1f69ff}.btn-outline-secondary:hover{background-color:#1f69ff;border-color:#1f69ff;color:#fff}.btn-check:focus+.btn-outline-secondary,.btn-outline-secondary:focus{box-shadow:0 0 0 .125rem rgba(31,105,255,.5)}.btn-check:active+.btn-outline-secondary,.btn-check:checked+.btn-outline-secondary,.btn-outline-secondary.active,.btn-outline-secondary.dropdown-toggle.show,.btn-outline-secondary:active{background-color:#1f69ff;border-color:#1f69ff;color:#fff}.btn-check:active+.btn-outline-secondary:focus,.btn-check:checked+.btn-outline-secondary:focus,.btn-outline-secondary.active:focus,.btn-outline-secondary.dropdown-toggle.show:focus,.btn-outline-secondary:active:focus{box-shadow:0 0 0 .125rem rgba(31,105,255,.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{background-color:transparent;color:#1f69ff}.btn-outline-success{border-color:#0a8217;color:#0a8217}.btn-outline-success:hover{background-color:#0a8217;border-color:#0a8217;color:#fff}.btn-check:focus+.btn-outline-success,.btn-outline-success:focus{box-shadow:0 0 0 .125rem rgba(10,130,23,.5)}.btn-check:active+.btn-outline-success,.btn-check:checked+.btn-outline-success,.btn-outline-success.active,.btn-outline-success.dropdown-toggle.show,.btn-outline-success:active{background-color:#0a8217;border-color:#0a8217;color:#fff}.btn-check:active+.btn-outline-success:focus,.btn-check:checked+.btn-outline-success:focus,.btn-outline-success.active:focus,.btn-outline-success.dropdown-toggle.show:focus,.btn-outline-success:active:focus{box-shadow:0 0 0 .125rem rgba(10,130,23,.5)}.btn-outline-success.disabled,.btn-outline-success:disabled{background-color:transparent;color:#0a8217}.btn-outline-info{border-color:#0f71bb;color:#0f71bb}.btn-outline-info:hover{background-color:#0f71bb;border-color:#0f71bb;color:#fff}.btn-check:focus+.btn-outline-info,.btn-outline-info:focus{box-shadow:0 0 0 .125rem rgba(15,113,187,.5)}.btn-check:active+.btn-outline-info,.btn-check:checked+.btn-outline-info,.btn-outline-info.active,.btn-outline-info.dropdown-toggle.show,.btn-outline-info:active{background-color:#0f71bb;border-color:#0f71bb;color:#fff}.btn-check:active+.btn-outline-info:focus,.btn-check:checked+.btn-outline-info:focus,.btn-outline-info.active:focus,.btn-outline-info.dropdown-toggle.show:focus,.btn-outline-info:active:focus{box-shadow:0 0 0 .125rem rgba(15,113,187,.5)}.btn-outline-info.disabled,.btn-outline-info:disabled{background-color:transparent;color:#0f71bb}.btn-outline-warning{border-color:#f79009;color:#f79009}.btn-outline-warning:hover{background-color:#f79009;border-color:#f79009;color:#000}.btn-check:focus+.btn-outline-warning,.btn-outline-warning:focus{box-shadow:0 0 0 .125rem rgba(247,144,9,.5)}.btn-check:active+.btn-outline-warning,.btn-check:checked+.btn-outline-warning,.btn-outline-warning.active,.btn-outline-warning.dropdown-toggle.show,.btn-outline-warning:active{background-color:#f79009;border-color:#f79009;color:#000}.btn-check:active+.btn-outline-warning:focus,.btn-check:checked+.btn-outline-warning:focus,.btn-outline-warning.active:focus,.btn-outline-warning.dropdown-toggle.show:focus,.btn-outline-warning:active:focus{box-shadow:0 0 0 .125rem rgba(247,144,9,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{background-color:transparent;color:#f79009}.btn-outline-danger{border-color:#d7260f;color:#d7260f}.btn-outline-danger:hover{background-color:#d7260f;border-color:#d7260f;color:#fff}.btn-check:focus+.btn-outline-danger,.btn-outline-danger:focus{box-shadow:0 0 0 .125rem rgba(215,38,15,.5)}.btn-check:active+.btn-outline-danger,.btn-check:checked+.btn-outline-danger,.btn-outline-danger.active,.btn-outline-danger.dropdown-toggle.show,.btn-outline-danger:active{background-color:#d7260f;border-color:#d7260f;color:#fff}.btn-check:active+.btn-outline-danger:focus,.btn-check:checked+.btn-outline-danger:focus,.btn-outline-danger.active:focus,.btn-outline-danger.dropdown-toggle.show:focus,.btn-outline-danger:active:focus{box-shadow:0 0 0 .125rem rgba(215,38,15,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{background-color:transparent;color:#d7260f}.btn-outline-light{border-color:#f7f7f9;color:#f7f7f9}.btn-outline-light:hover{background-color:#f7f7f9;border-color:#f7f7f9;color:#000}.btn-check:focus+.btn-outline-light,.btn-outline-light:focus{box-shadow:0 0 0 .125rem rgba(247,247,249,.5)}.btn-check:active+.btn-outline-light,.btn-check:checked+.btn-outline-light,.btn-outline-light.active,.btn-outline-light.dropdown-toggle.show,.btn-outline-light:active{background-color:#f7f7f9;border-color:#f7f7f9;color:#000}.btn-check:active+.btn-outline-light:focus,.btn-check:checked+.btn-outline-light:focus,.btn-outline-light.active:focus,.btn-outline-light.dropdown-toggle.show:focus,.btn-outline-light:active:focus{box-shadow:0 0 0 .125rem rgba(247,247,249,.5)}.btn-outline-light.disabled,.btn-outline-light:disabled{background-color:transparent;color:#f7f7f9}.btn-outline-dark{border-color:#000;color:#000}.btn-outline-dark:hover{background-color:#000;border-color:#000;color:#fff}.btn-check:focus+.btn-outline-dark,.btn-outline-dark:focus{box-shadow:0 0 0 .125rem rgba(0,0,0,.5)}.btn-check:active+.btn-outline-dark,.btn-check:checked+.btn-outline-dark,.btn-outline-dark.active,.btn-outline-dark.dropdown-toggle.show,.btn-outline-dark:active{background-color:#000;border-color:#000;color:#fff}.btn-check:active+.btn-outline-dark:focus,.btn-check:checked+.btn-outline-dark:focus,.btn-outline-dark.active:focus,.btn-outline-dark.dropdown-toggle.show:focus,.btn-outline-dark:active:focus{box-shadow:0 0 0 .125rem rgba(0,0,0,.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{background-color:transparent;color:#000}.btn-link{color:#0f71bb;font-weight:400;text-decoration:underline}.btn-link:hover{color:#0c5a96}.btn-link.disabled,.btn-link:disabled{color:#344054}.btn-group-lg>.btn,.btn-lg{border-radius:.3rem;font-size:1.25rem;padding:.5rem 1rem}.btn-group-sm>.btn,.btn-sm{border-radius:.2rem;font-size:.875rem;padding:.25rem .5rem}.btn-group,.btn-group-vertical{display:inline-flex;position:relative;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{flex:1 1 auto;position:relative}.btn-group-vertical>.btn-check:checked+.btn,.btn-group-vertical>.btn-check:focus+.btn,.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn-check:checked+.btn,.btn-group>.btn-check:focus+.btn,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:1}.btn-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group>.btn-group:not(:first-child),.btn-group>.btn:not(:first-child){margin-left:-1px}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-top-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:nth-child(n+3),.btn-group>:not(.btn-check)+.btn{border-bottom-left-radius:0;border-top-left-radius:0}.dropdown-toggle-split{padding-left:.75rem;padding-right:.75rem}.dropdown-toggle-split:after,.dropend .dropdown-toggle-split:after,.dropup .dropdown-toggle-split:after{margin-left:0}.dropstart .dropdown-toggle-split:before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-left:.375rem;padding-right:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-left:.75rem;padding-right:.75rem}.btn-group-vertical{align-items:flex-start;flex-direction:column;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:-1px}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-left-radius:0;border-bottom-right-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn~.btn{border-top-left-radius:0;border-top-right-radius:0}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.collapsing.collapse-horizontal{height:auto;transition:width .35s ease;width:0}@media (prefers-reduced-motion:reduce){.collapsing.collapse-horizontal{transition:none}}.sgds.datepicker{border-color:#98a2b3;font-size:1rem;max-width:24rem;width:24rem}.sgds.datepicker>.datepicker-header{border:none;color:#5925dc;padding:1.5rem 1.5rem 0}.sgds.datepicker>.datepicker-header button{background-color:transparent;border:none;color:#5925dc;font-weight:700}.sgds.datepicker>.datepicker-header i{font-size:1.25rem}.sgds.datepicker>.datepicker-body{padding:0 1.5rem 1.5rem}.sgds.datepicker td{height:48px;padding:0;width:48px}.sgds.datepicker .monthpicker,.sgds.datepicker .yearpicker{align-content:space-between;display:grid;grid-template-columns:repeat(3,48px);grid-template-rows:repeat(4,48px);justify-content:space-between;padding:1rem 1rem 0}.sgds.datepicker .month,.sgds.datepicker .year{background-color:transparent;border:0;cursor:pointer;padding:0}.sgds.datepicker .month.active,.sgds.datepicker .year.active{background-color:#ece6fb;color:#5925dc}.dropdown,.dropend,.dropstart,.dropup{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle:after{border-bottom:0;border-left:.3em solid transparent;border-right:.3em solid transparent;border-top:.3em solid;content:"";display:inline-block;margin-left:.255em;vertical-align:.255em}.dropdown-toggle:empty:after{margin-left:0}.dropdown-menu{background-clip:padding-box;background-color:#fff;border:1px solid rgba(0,0,0,.15);border-radius:.3125rem;color:#1d2939;display:none;font-size:1rem;list-style:none;margin:0;min-width:10rem;padding:.5rem 0;position:absolute;text-align:left;z-index:1000}.dropdown-menu[data-bs-popper]{left:0;margin-top:.125rem;top:100%}.dropdown-menu-start{--bs-position:start}.dropdown-menu-start[data-bs-popper]{left:0;right:auto}.dropdown-menu-end{--bs-position:end}.dropdown-menu-end[data-bs-popper]{left:auto;right:0}@media (min-width:576px){.dropdown-menu-sm-start{--bs-position:start}.dropdown-menu-sm-start[data-bs-popper]{left:0;right:auto}.dropdown-menu-sm-end{--bs-position:end}.dropdown-menu-sm-end[data-bs-popper]{left:auto;right:0}}@media (min-width:768px){.dropdown-menu-md-start{--bs-position:start}.dropdown-menu-md-start[data-bs-popper]{left:0;right:auto}.dropdown-menu-md-end{--bs-position:end}.dropdown-menu-md-end[data-bs-popper]{left:auto;right:0}}@media (min-width:992px){.dropdown-menu-lg-start{--bs-position:start}.dropdown-menu-lg-start[data-bs-popper]{left:0;right:auto}.dropdown-menu-lg-end{--bs-position:end}.dropdown-menu-lg-end[data-bs-popper]{left:auto;right:0}}@media (min-width:1200px){.dropdown-menu-xl-start{--bs-position:start}.dropdown-menu-xl-start[data-bs-popper]{left:0;right:auto}.dropdown-menu-xl-end{--bs-position:end}.dropdown-menu-xl-end[data-bs-popper]{left:auto;right:0}}@media (min-width:1400px){.dropdown-menu-xxl-start{--bs-position:start}.dropdown-menu-xxl-start[data-bs-popper]{left:0;right:auto}.dropdown-menu-xxl-end{--bs-position:end}.dropdown-menu-xxl-end[data-bs-popper]{left:auto;right:0}}.dropup .dropdown-menu[data-bs-popper]{bottom:100%;margin-bottom:.125rem;margin-top:0;top:auto}.dropup .dropdown-toggle:after{border-bottom:.3em solid;border-left:.3em solid transparent;border-right:.3em solid transparent;border-top:0;content:"";display:inline-block;margin-left:.255em;vertical-align:.255em}.dropup .dropdown-toggle:empty:after{margin-left:0}.dropend .dropdown-menu[data-bs-popper]{left:100%;margin-left:.125rem;margin-top:0;right:auto;top:0}.dropend .dropdown-toggle:after{border-bottom:.3em solid transparent;border-left:.3em solid;border-right:0;border-top:.3em solid transparent;content:"";display:inline-block;margin-left:.255em;vertical-align:.255em}.dropend .dropdown-toggle:empty:after{margin-left:0}.dropend .dropdown-toggle:after{vertical-align:0}.dropstart .dropdown-menu[data-bs-popper]{left:auto;margin-right:.125rem;margin-top:0;right:100%;top:0}.dropstart .dropdown-toggle:after{content:"";display:inline-block;display:none;margin-left:.255em;vertical-align:.255em}.dropstart .dropdown-toggle:before{border-bottom:.3em solid transparent;border-right:.3em solid;border-top:.3em solid transparent;content:"";display:inline-block;margin-right:.255em;vertical-align:.255em}.dropstart .dropdown-toggle:empty:after{margin-left:0}.dropstart .dropdown-toggle:before{vertical-align:0}.dropdown-divider{border-top:1px solid rgba(0,0,0,.15);height:0;margin:.5rem 0;overflow:hidden}.dropdown-item{background-color:transparent;border:0;clear:both;color:#000;display:block;font-weight:400;padding:.25rem 1rem;text-align:inherit;text-decoration:none;white-space:nowrap;width:100%}.dropdown-item:focus,.dropdown-item:hover{background-color:#e4e7ec;color:#000}.dropdown-item.active,.dropdown-item:active{background-color:#0f71bb;color:#fff;text-decoration:none}.dropdown-item.disabled,.dropdown-item:disabled{background-color:transparent;color:#667085;pointer-events:none}.dropdown-menu.show{display:block}.dropdown-header{color:#344054;display:block;font-size:.875rem;margin-bottom:0;padding:.5rem 1rem;white-space:nowrap}.dropdown-item-text{color:#000;display:block;padding:.25rem 1rem}.dropdown-menu-dark{background-color:#000;border-color:rgba(0,0,0,.15);color:#d0d5dd}.dropdown-menu-dark .dropdown-item{color:#d0d5dd}.dropdown-menu-dark .dropdown-item:focus,.dropdown-menu-dark .dropdown-item:hover{background-color:hsla(0,0%,100%,.15);color:#fff}.dropdown-menu-dark .dropdown-item.active,.dropdown-menu-dark .dropdown-item:active{background-color:#0f71bb;color:#fff}.dropdown-menu-dark .dropdown-item.disabled,.dropdown-menu-dark .dropdown-item:disabled{color:#667085}.dropdown-menu-dark .dropdown-divider{border-color:rgba(0,0,0,.15)}.dropdown-menu-dark .dropdown-item-text{color:#d0d5dd}.dropdown-menu-dark .dropdown-header{color:#667085}.sgds.dropdown .dropdown-toggle{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.sgds.dropdown .dropdown-toggle:after{content:none}.sgds.dropdown-menu{border:1px solid #98a2b3;padding:0}.sgds.dropdown-menu li a.dropdown-item{padding:1rem}.sgds.dropdown-menu li a.dropdown-item.active,.sgds.dropdown-menu li a.dropdown-item:hover{background-color:#004ff0;color:#fff}.sgds.fileupload-list{list-style-type:none;margin-top:1rem;padding:0}.sgds.fileupload-list .fileupload-list-item+.fileupload-list-item{margin-top:.5rem}.sgds.fileupload-list .fileupload-list-item i:first-child{color:#0a8217}.sgds.fileupload-list .fileupload-list-item i:last-child{color:#d7260f}.sgds.fileupload-list .fileupload-list-item .filename{color:#0f71bb;text-decoration:underline;text-underline-offset:.25rem}.nav{display:flex;flex-wrap:wrap;list-style:none;margin-bottom:0;padding-left:0}.nav-link{color:#0f71bb;display:block;padding:.5rem 1rem;text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}@media (prefers-reduced-motion:reduce){.nav-link{transition:none}}.nav-link:focus,.nav-link:hover{color:#0c5a96}.nav-link.disabled{color:#344054;cursor:default;pointer-events:none}.nav-tabs{border-bottom:1px solid transparent}.nav-tabs .nav-link{background:none;border:1px solid transparent;border-top-left-radius:.3125rem;border-top-right-radius:.3125rem;margin-bottom:-1px}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#e4e7ec #e4e7ec transparent;isolation:isolate}.nav-tabs .nav-link.disabled{background-color:transparent;border-color:transparent;color:#344054}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{background-color:#fff;border-color:#d0d5dd #d0d5dd #fff;color:#1d2939}.nav-tabs .dropdown-menu{border-top-left-radius:0;border-top-right-radius:0;margin-top:-1px}.nav-pills .nav-link{background:none;border:0;border-radius:.3125rem}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{background-color:#0f71bb;color:#fff}.nav-fill .nav-item,.nav-fill>.nav-link{flex:1 1 auto;text-align:center}.nav-justified .nav-item,.nav-justified>.nav-link{flex-basis:0;flex-grow:1;text-align:center}.nav-fill .nav-item .nav-link,.nav-justified .nav-item .nav-link{width:100%}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;padding-bottom:2rem;padding-top:2rem;position:relative}.navbar>.container,.navbar>.container-fluid,.navbar>.container-lg,.navbar>.container-md,.navbar>.container-sm,.navbar>.container-xl,.navbar>.container-xxl{align-items:center;display:flex;flex-wrap:inherit;justify-content:space-between}.navbar-brand{font-size:1.25rem;margin-right:1rem;padding-bottom:.25rem;padding-top:.25rem;text-decoration:none;white-space:nowrap}.navbar-nav{display:flex;flex-direction:column;list-style:none;margin-bottom:0;padding-left:0}.navbar-nav .nav-link{padding-left:0;padding-right:0}.navbar-nav .dropdown-menu{position:static}.navbar-text{padding-bottom:.5rem;padding-top:.5rem}.navbar-collapse{align-items:center;flex-basis:100%;flex-grow:1}.navbar-toggler{background-color:transparent;border:1px solid transparent;border-radius:.3125rem;font-size:1.25rem;line-height:1;padding:.25rem .75rem;transition:box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.navbar-toggler{transition:none}}.navbar-toggler:hover{text-decoration:none}.navbar-toggler:focus{box-shadow:0 0 0 .125rem;outline:0;text-decoration:none}.navbar-toggler-icon{background-position:50%;background-repeat:no-repeat;background-size:100%;display:inline-block;height:1.5em;vertical-align:middle;width:1.5em}.navbar-nav-scroll{max-height:var(--sgds-scroll-height,75vh);overflow-y:auto}@media (min-width:576px){.navbar-expand-sm{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-sm .navbar-nav{flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-left:.5rem;padding-right:.5rem}.navbar-expand-sm .navbar-nav-scroll{overflow:visible}.navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-sm .navbar-toggler,.navbar-expand-sm .offcanvas-header{display:none}.navbar-expand-sm .offcanvas{background-color:transparent;border-left:0;border-right:0;bottom:0;flex-grow:1;position:inherit;transform:none;transition:none;visibility:visible!important;z-index:1000}.navbar-expand-sm .offcanvas-bottom,.navbar-expand-sm .offcanvas-top{border-bottom:0;border-top:0;height:auto}.navbar-expand-sm .offcanvas-body{display:flex;flex-grow:0;overflow-y:visible;padding:0}}@media (min-width:768px){.navbar-expand-md{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-md .navbar-nav{flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-left:.5rem;padding-right:.5rem}.navbar-expand-md .navbar-nav-scroll{overflow:visible}.navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-md .navbar-toggler,.navbar-expand-md .offcanvas-header{display:none}.navbar-expand-md .offcanvas{background-color:transparent;border-left:0;border-right:0;bottom:0;flex-grow:1;position:inherit;transform:none;transition:none;visibility:visible!important;z-index:1000}.navbar-expand-md .offcanvas-bottom,.navbar-expand-md .offcanvas-top{border-bottom:0;border-top:0;height:auto}.navbar-expand-md .offcanvas-body{display:flex;flex-grow:0;overflow-y:visible;padding:0}}@media (min-width:992px){.navbar-expand-lg{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-left:.5rem;padding-right:.5rem}.navbar-expand-lg .navbar-nav-scroll{overflow:visible}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler,.navbar-expand-lg .offcanvas-header{display:none}.navbar-expand-lg .offcanvas{background-color:transparent;border-left:0;border-right:0;bottom:0;flex-grow:1;position:inherit;transform:none;transition:none;visibility:visible!important;z-index:1000}.navbar-expand-lg .offcanvas-bottom,.navbar-expand-lg .offcanvas-top{border-bottom:0;border-top:0;height:auto}.navbar-expand-lg .offcanvas-body{display:flex;flex-grow:0;overflow-y:visible;padding:0}}@media (min-width:1200px){.navbar-expand-xl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xl .navbar-nav{flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-left:.5rem;padding-right:.5rem}.navbar-expand-xl .navbar-nav-scroll{overflow:visible}.navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xl .navbar-toggler,.navbar-expand-xl .offcanvas-header{display:none}.navbar-expand-xl .offcanvas{background-color:transparent;border-left:0;border-right:0;bottom:0;flex-grow:1;position:inherit;transform:none;transition:none;visibility:visible!important;z-index:1000}.navbar-expand-xl .offcanvas-bottom,.navbar-expand-xl .offcanvas-top{border-bottom:0;border-top:0;height:auto}.navbar-expand-xl .offcanvas-body{display:flex;flex-grow:0;overflow-y:visible;padding:0}}@media (min-width:1400px){.navbar-expand-xxl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xxl .navbar-nav{flex-direction:row}.navbar-expand-xxl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xxl .navbar-nav .nav-link{padding-left:.5rem;padding-right:.5rem}.navbar-expand-xxl .navbar-nav-scroll{overflow:visible}.navbar-expand-xxl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xxl .navbar-toggler,.navbar-expand-xxl .offcanvas-header{display:none}.navbar-expand-xxl .offcanvas{background-color:transparent;border-left:0;border-right:0;bottom:0;flex-grow:1;position:inherit;transform:none;transition:none;visibility:visible!important;z-index:1000}.navbar-expand-xxl .offcanvas-bottom,.navbar-expand-xxl .offcanvas-top{border-bottom:0;border-top:0;height:auto}.navbar-expand-xxl .offcanvas-body{display:flex;flex-grow:0;overflow-y:visible;padding:0}}.navbar-expand{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand .navbar-nav{flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-left:.5rem;padding-right:.5rem}.navbar-expand .navbar-nav-scroll{overflow:visible}.navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand .navbar-toggler,.navbar-expand .offcanvas-header{display:none}.navbar-expand .offcanvas{background-color:transparent;border-left:0;border-right:0;bottom:0;flex-grow:1;position:inherit;transform:none;transition:none;visibility:visible!important;z-index:1000}.navbar-expand .offcanvas-bottom,.navbar-expand .offcanvas-top{border-bottom:0;border-top:0;height:auto}.navbar-expand .offcanvas-body{display:flex;flex-grow:0;overflow-y:visible;padding:0}.navbar-light .navbar-brand,.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:rgba(0,0,0,.9)}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.55)}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .show>.nav-link{color:rgba(0,0,0,.9)}.navbar-light .navbar-toggler{border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.55)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(0, 0, 0, 0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}.navbar-light .navbar-text{color:rgba(0,0,0,.55)}.navbar-light .navbar-text a,.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:rgba(0,0,0,.9)}.navbar-dark .navbar-brand,.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff}.navbar-dark .navbar-nav .nav-link{color:hsla(0,0%,100%,.55)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:hsla(0,0%,100%,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:hsla(0,0%,100%,.25)}.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.navbar-dark .navbar-toggler{border-color:hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.55)}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255, 255, 255, 0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}.navbar-dark .navbar-text{color:hsla(0,0%,100%,.55)}.navbar-dark .navbar-text a,.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:#fff}.sgds.navbar{align-items:stretch;min-height:80px;padding:0 2rem}@media (max-width:991.98px){.sgds.navbar{overflow-x:scroll;padding:0 1rem}}.sgds.navbar a.navbar-brand{align-items:center;display:flex;padding-bottom:.125rem}.sgds.navbar .navbar-collapse{align-items:stretch}.sgds.navbar .nav-item.has-megamenu{position:static}.sgds.navbar .nav-item a.nav-link{align-items:center;border-bottom:.125rem solid transparent;color:#344054;display:flex;min-height:100%}.sgds.navbar .nav-item a.nav-link.active,.sgds.navbar .nav-item a.nav-link:hover{border-color:#5925dc;color:#5925dc}.sgds.navbar .nav-item a.nav-link.dropdown-toggle{gap:.75rem}.sgds.navbar .nav-item a.nav-link.dropdown-toggle.show{border-bottom:.125rem solid #5925dc;color:#5925dc}.sgds.navbar .dropdown-menu{background-color:#fff;border:1px solid rgba(0,0,0,.1);border-radius:0 0 5px 5px;box-shadow:0 .5rem 1rem rgba(0,0,0,.15);margin-top:0}.sgds.navbar .dropdown-menu.megamenu{left:0;right:0;width:100%}.card{word-wrap:break-word;background-clip:border-box;background-color:#fff;border:1px solid #98a2b3;border-radius:.3125rem;display:flex;flex-direction:column;min-width:0;position:relative}.card>hr{margin-left:0;margin-right:0}.card>.list-group{border-bottom:inherit;border-top:inherit}.card>.list-group:first-child{border-top-left-radius:calc(.3125rem - 1px);border-top-right-radius:calc(.3125rem - 1px);border-top-width:0}.card>.list-group:last-child{border-bottom-left-radius:calc(.3125rem - 1px);border-bottom-right-radius:calc(.3125rem - 1px);border-bottom-width:0}.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}.card-body{flex:1 1 auto;padding:1.5rem}.card-title{margin-bottom:.5rem}.card-subtitle{margin-top:-.25rem}.card-subtitle,.card-text:last-child{margin-bottom:0}.card-link+.card-link{margin-left:1.5rem}.card-header{background-color:rgba(0,0,0,.03);border-bottom:1px solid #98a2b3;margin-bottom:0;padding:.75rem 1.5rem}.card-header:first-child{border-radius:calc(.3125rem - 1px) calc(.3125rem - 1px) 0 0}.card-footer{background-color:rgba(0,0,0,.03);border-top:1px solid #98a2b3;padding:.75rem 1.5rem}.card-footer:last-child{border-radius:0 0 calc(.3125rem - 1px) calc(.3125rem - 1px)}.card-header-tabs{border-bottom:0;margin-bottom:-.75rem}.card-header-pills,.card-header-tabs{margin-left:-.75rem;margin-right:-.75rem}.card-img-overlay{border-radius:calc(.3125rem - 1px);bottom:0;left:0;padding:1rem;position:absolute;right:0;top:0}.card-img,.card-img-bottom,.card-img-top{width:100%}.card-img,.card-img-top{border-top-left-radius:calc(.3125rem - 1px);border-top-right-radius:calc(.3125rem - 1px)}.card-img,.card-img-bottom{border-bottom-left-radius:calc(.3125rem - 1px);border-bottom-right-radius:calc(.3125rem - 1px)}.card-group>.card{margin-bottom:.75rem}@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{border-left:0;margin-left:0}.card-group>.card:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top{border-top-right-radius:0}.card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top{border-top-left-radius:0}.card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom{border-bottom-left-radius:0}}.sgds.card a:not(.btn){font-weight:700}.sgds.card[variant*=card-action]{transition-duration:.3s;transition-property:box-shadow,border-color;transition-timing-function:ease-in-out}.sgds.card[variant*=card-action] .card-body{display:flex;flex-direction:column;gap:1rem}.sgds.card[variant*=card-action] .card-body i{font-size:1.5rem;margin-right:1rem}.sgds.card[variant*=card-action] .card-body>*{margin-bottom:0}.sgds.card[variant*=card-action].is-active,.sgds.card[variant*=card-action]:hover{border-color:transparent;box-shadow:0 .5rem 1rem rgba(0,0,0,.15),inset 0 0 0 2.1px #0f71bb}.sgds.card[variant*=card-action] .card-subtitle{align-items:center;display:flex;justify-content:space-between}.sgds.card[variant*=card-action] .card-subtitle div{align-items:center;display:flex}.sgds.card[variant*=card-action] .card-input input.form-check-input{margin-top:0;min-height:1.5rem;min-width:1.5rem}.sgds.card[variant=card-action-quantity-toggle] .card-body{display:flex;flex-direction:column;gap:2rem}.sgds.card[variant=card-action-quantity-toggle] div:not([class]){align-items:center;display:flex;justify-content:space-between}.sgds.card[variant=card-action-quantity-toggle] div:not([class]) .btn,.sgds.card[variant=card-action-quantity-toggle] div:not([class]) .input-group{margin-top:0}.sgds.card[variant=card-action-quantity-toggle] div:not([class]) .input-group .btn i{margin-right:0}.sgds.card[variant=card-action-quantity-toggle] div:not([class]) .input-group button,.sgds.card[variant=card-action-quantity-toggle] div:not([class]) .input-group input{margin-top:0}.sgds.card[variant=card-action-quantity-toggle] div:not([class]) .card-unit{flex-basis:150%}@media (max-width:500px){.sgds.card[variant=card-action-quantity-toggle] div:not([class]):last-child{display:block}.sgds.card[variant=card-action-quantity-toggle] div:not([class]):last-child div.card-unit{margin-bottom:1rem}}.accordion-button{align-items:center;background-color:#fff;border:0;border-radius:0;color:#1d2939;display:flex;font-size:1rem;overflow-anchor:none;padding:1rem 1.5rem;position:relative;text-align:left;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;width:100%}@media (prefers-reduced-motion:reduce){.accordion-button{transition:none}}.accordion-button:not(.collapsed){background-color:none;box-shadow:inset 0 -1px 0 #98a2b3;color:#5925dc}.accordion-button:not(.collapsed):after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%235925DC'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");transform:rotate(-180deg)}.accordion-button:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%231D2939'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:1.25rem;content:"";flex-shrink:0;height:1.25rem;margin-left:auto;transition:transform .2s ease-in-out;width:1.25rem}@media (prefers-reduced-motion:reduce){.accordion-button:after{transition:none}}.accordion-button:hover{z-index:2}.accordion-button:focus{border-color:#87b8dd;box-shadow:0 0 0 .125rem rgba(15,113,187,.25);outline:0;z-index:3}.accordion-header{margin-bottom:0}.accordion-item{background-color:#fff;border:1px solid #98a2b3}.accordion-item:first-of-type{border-top-left-radius:.3125rem;border-top-right-radius:.3125rem}.accordion-item:first-of-type .accordion-button{border-top-left-radius:calc(.3125rem - 1px);border-top-right-radius:calc(.3125rem - 1px)}.accordion-item:not(:first-of-type){border-top:0}.accordion-item:last-of-type{border-bottom-left-radius:.3125rem;border-bottom-right-radius:.3125rem}.accordion-item:last-of-type .accordion-button.collapsed{border-bottom-left-radius:calc(.3125rem - 1px);border-bottom-right-radius:calc(.3125rem - 1px)}.accordion-item:last-of-type .accordion-collapse{border-bottom-left-radius:.3125rem;border-bottom-right-radius:.3125rem}.accordion-body{padding:1rem 1.5rem}.accordion-flush .accordion-collapse{border-width:0}.accordion-flush .accordion-item{border-left:0;border-radius:0;border-right:0}.accordion-flush .accordion-item:first-child{border-top:0}.accordion-flush .accordion-item:last-child{border-bottom:0}.accordion-flush .accordion-item .accordion-button{border-radius:0}.sgds.accordion .accordion-button{line-height:2rem}.sgds.accordion .accordion-button:not(.collapsed){box-shadow:none;font-weight:700}.sgds.accordion .accordion-body{line-height:2rem;padding-bottom:1.5rem;padding-top:0}.breadcrumb{display:flex;flex-wrap:wrap;list-style:none;margin-bottom:1rem;padding:0}.breadcrumb-item+.breadcrumb-item{padding-left:.5rem}.breadcrumb-item+.breadcrumb-item:before{color:#344054;content:var(--sgds-breadcrumb-divider,"/");float:left;padding-right:.5rem}.breadcrumb-item.active{color:#344054}.pagination{display:flex;list-style:none;padding-left:0}.page-link{background-color:#fff;border:1px solid #98a2b3;color:#0f71bb;display:block;position:relative;text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.page-link{transition:none}}.page-link:hover{border-color:#d0d5dd;z-index:2}.page-link:focus,.page-link:hover{background-color:#e4e7ec;color:#0c5a96}.page-link:focus{box-shadow:0 0 0 .125rem rgba(15,113,187,.25);outline:0;z-index:3}.page-item:not(:first-child) .page-link{margin-left:-1px}.page-item.active .page-link{background-color:#0f71bb;border-color:#0f71bb;color:#fff;z-index:3}.page-item.disabled .page-link{background-color:#fff;border-color:#98a2b3;color:#344054;pointer-events:none}.page-link{padding:.5rem 1rem}.page-item:first-child .page-link{border-bottom-left-radius:.3125rem;border-top-left-radius:.3125rem}.page-item:last-child .page-link{border-bottom-right-radius:.3125rem;border-top-right-radius:.3125rem}.pagination-lg .page-link{font-size:1.25rem;padding:.75rem 1.5rem}.pagination-lg .page-item:first-child .page-link{border-bottom-left-radius:.3rem;border-top-left-radius:.3rem}.pagination-lg .page-item:last-child .page-link{border-bottom-right-radius:.3rem;border-top-right-radius:.3rem}.pagination-sm .page-link{font-size:.875rem;padding:.25rem .5rem}.pagination-sm .page-item:first-child .page-link{border-bottom-left-radius:.2rem;border-top-left-radius:.2rem}.pagination-sm .page-item:last-child .page-link{border-bottom-right-radius:.2rem;border-top-right-radius:.2rem}.list-group{border-radius:.3125rem;display:flex;flex-direction:column;margin-bottom:0;padding-left:0}.list-group-numbered{counter-reset:section;list-style-type:none}.list-group-numbered>li:before{content:counters(section,".") ". ";counter-increment:section}.list-group-item-action{color:#1d2939;text-align:inherit;width:100%}.list-group-item-action:focus,.list-group-item-action:hover{background-color:#f7f7f9;color:#1d2939;text-decoration:none;z-index:1}.list-group-item-action:active{background-color:#e4e7ec;color:#1d2939}.list-group-item{background-color:#fff;border:1px solid rgba(0,0,0,.125);color:#000;display:block;padding:.5rem 1rem;position:relative;text-decoration:none}.list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.list-group-item:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.list-group-item.disabled,.list-group-item:disabled{background-color:#fff;color:#344054;pointer-events:none}.list-group-item.active{background-color:#0f71bb;border-color:#0f71bb;color:#fff;z-index:2}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{border-top-width:1px;margin-top:-1px}.list-group-horizontal{flex-direction:row}.list-group-horizontal>.list-group-item:first-child{border-bottom-left-radius:.3125rem;border-top-right-radius:0}.list-group-horizontal>.list-group-item:last-child{border-bottom-left-radius:0;border-top-right-radius:.3125rem}.list-group-horizontal>.list-group-item.active{margin-top:0}.list-group-horizontal>.list-group-item+.list-group-item{border-left-width:0;border-top-width:1px}.list-group-horizontal>.list-group-item+.list-group-item.active{border-left-width:1px;margin-left:-1px}@media (min-width:576px){.list-group-horizontal-sm{flex-direction:row}.list-group-horizontal-sm>.list-group-item:first-child{border-bottom-left-radius:.3125rem;border-top-right-radius:0}.list-group-horizontal-sm>.list-group-item:last-child{border-bottom-left-radius:0;border-top-right-radius:.3125rem}.list-group-horizontal-sm>.list-group-item.active{margin-top:0}.list-group-horizontal-sm>.list-group-item+.list-group-item{border-left-width:0;border-top-width:1px}.list-group-horizontal-sm>.list-group-item+.list-group-item.active{border-left-width:1px;margin-left:-1px}}@media (min-width:768px){.list-group-horizontal-md{flex-direction:row}.list-group-horizontal-md>.list-group-item:first-child{border-bottom-left-radius:.3125rem;border-top-right-radius:0}.list-group-horizontal-md>.list-group-item:last-child{border-bottom-left-radius:0;border-top-right-radius:.3125rem}.list-group-horizontal-md>.list-group-item.active{margin-top:0}.list-group-horizontal-md>.list-group-item+.list-group-item{border-left-width:0;border-top-width:1px}.list-group-horizontal-md>.list-group-item+.list-group-item.active{border-left-width:1px;margin-left:-1px}}@media (min-width:992px){.list-group-horizontal-lg{flex-direction:row}.list-group-horizontal-lg>.list-group-item:first-child{border-bottom-left-radius:.3125rem;border-top-right-radius:0}.list-group-horizontal-lg>.list-group-item:last-child{border-bottom-left-radius:0;border-top-right-radius:.3125rem}.list-group-horizontal-lg>.list-group-item.active{margin-top:0}.list-group-horizontal-lg>.list-group-item+.list-group-item{border-left-width:0;border-top-width:1px}.list-group-horizontal-lg>.list-group-item+.list-group-item.active{border-left-width:1px;margin-left:-1px}}@media (min-width:1200px){.list-group-horizontal-xl{flex-direction:row}.list-group-horizontal-xl>.list-group-item:first-child{border-bottom-left-radius:.3125rem;border-top-right-radius:0}.list-group-horizontal-xl>.list-group-item:last-child{border-bottom-left-radius:0;border-top-right-radius:.3125rem}.list-group-horizontal-xl>.list-group-item.active{margin-top:0}.list-group-horizontal-xl>.list-group-item+.list-group-item{border-left-width:0;border-top-width:1px}.list-group-horizontal-xl>.list-group-item+.list-group-item.active{border-left-width:1px;margin-left:-1px}}@media (min-width:1400px){.list-group-horizontal-xxl{flex-direction:row}.list-group-horizontal-xxl>.list-group-item:first-child{border-bottom-left-radius:.3125rem;border-top-right-radius:0}.list-group-horizontal-xxl>.list-group-item:last-child{border-bottom-left-radius:0;border-top-right-radius:.3125rem}.list-group-horizontal-xxl>.list-group-item.active{margin-top:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item{border-left-width:0;border-top-width:1px}.list-group-horizontal-xxl>.list-group-item+.list-group-item.active{border-left-width:1px;margin-left:-1px}}.list-group-flush{border-radius:0}.list-group-flush>.list-group-item{border-width:0 0 1px}.list-group-flush>.list-group-item:last-child{border-bottom-width:0}.list-group-item-primary{background-color:#ded3f8;color:#351684}.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{background-color:#c8bedf;color:#351684}.list-group-item-primary.list-group-item-action.active{background-color:#351684;border-color:#351684;color:#fff}.list-group-item-secondary{background-color:#d2e1ff;color:#133f99}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{background-color:#bdcbe6;color:#133f99}.list-group-item-secondary.list-group-item-action.active{background-color:#133f99;border-color:#133f99;color:#fff}.list-group-item-success{background-color:#cee6d1;color:#064e0e}.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover{background-color:#b9cfbc;color:#064e0e}.list-group-item-success.list-group-item-action.active{background-color:#064e0e;border-color:#064e0e;color:#fff}.list-group-item-info{background-color:#cfe3f1;color:#094470}.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover{background-color:#baccd9;color:#094470}.list-group-item-info.list-group-item-action.active{background-color:#094470;border-color:#094470;color:#fff}.list-group-item-warning{background-color:#fde9ce;color:#945605}.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover{background-color:#e4d2b9;color:#945605}.list-group-item-warning.list-group-item-action.active{background-color:#945605;border-color:#945605;color:#fff}.list-group-item-danger{background-color:#f7d4cf;color:#811709}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{background-color:#debfba;color:#811709}.list-group-item-danger.list-group-item-action.active{background-color:#811709;border-color:#811709;color:#fff}.list-group-item-light{background-color:#fdfdfe;color:#636364}.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover{background-color:#e4e4e5;color:#636364}.list-group-item-light.list-group-item-action.active{background-color:#636364;border-color:#636364;color:#fff}.list-group-item-dark{background-color:#ccc;color:#000}.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover{background-color:#b8b8b8;color:#000}.list-group-item-dark.list-group-item-action.active{background-color:#000;border-color:#000;color:#fff}.badge{border-radius:.3125rem;color:#fff;display:inline-block;font-size:.875em;font-weight:700;line-height:1;padding:.285em .571em;text-align:center;vertical-align:baseline;white-space:nowrap}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.sgds.badge{font-size:min(.875em,2rem);line-height:1.145;padding:.285em .571em}.sgds.badge i.left{padding-right:.43em}.sgds.badge i.right{padding-left:.43em}.sgds.badge-light.bg-primary{--sgds-bg-opacity:0.1;border:1px solid var(--sgds-primary);color:var(--sgds-primary)}.sgds.badge-light.bg-secondary{--sgds-bg-opacity:0.1;border:1px solid var(--sgds-secondary);color:var(--sgds-secondary)}.sgds.badge-light.bg-success{--sgds-bg-opacity:0.1;border:1px solid var(--sgds-success);color:var(--sgds-success)}.sgds.badge-light.bg-info{--sgds-bg-opacity:0.1;border:1px solid var(--sgds-info);color:var(--sgds-info)}.sgds.badge-light.bg-warning{--sgds-bg-opacity:0.1;border:1px solid var(--sgds-warning);color:var(--sgds-warning)}.sgds.badge-light.bg-danger{--sgds-bg-opacity:0.1;border:1px solid var(--sgds-danger);color:var(--sgds-danger)}.sgds.badge-light.bg-light{--sgds-bg-opacity:0.1;border:1px solid var(--sgds-gray-500);color:var(--sgds-gray-500)}.sgds.badge-light.bg-dark{--sgds-bg-opacity:0.1;border:1px solid var(--sgds-dark);color:var(--sgds-dark)}.alert{border:1px solid transparent;border-radius:.3125rem;margin-bottom:1rem;padding:1rem;position:relative}.alert-heading{color:inherit}.alert-link{font-weight:700}.alert-dismissible{padding-right:3rem}.alert-dismissible .btn-close{padding:1.25rem 1rem;position:absolute;right:0;top:0;z-index:2}.alert-primary{background-color:#ded3f8;border-color:#cdbef5;color:#351684}.alert-primary .alert-link{color:#2a126a}.alert-secondary{background-color:#d2e1ff;border-color:#bcd2ff;color:#133f99}.alert-secondary .alert-link{color:#0f327a}.alert-success{background-color:#cee6d1;border-color:#b6dab9;color:#064e0e}.alert-success .alert-link{color:#053e0b}.alert-info{background-color:#cfe3f1;border-color:#b7d4eb;color:#094470}.alert-info .alert-link{color:#07365a}.alert-warning{background-color:#fde9ce;border-color:#fddeb5;color:#945605}.alert-warning .alert-link{color:#764504}.alert-danger{background-color:#f7d4cf;border-color:#f3beb7;color:#811709}.alert-danger .alert-link{color:#671207}.alert-light{background-color:#fdfdfe;border-color:#fdfdfd;color:#636364}.alert-light .alert-link{color:#4f4f50}.alert-dark{background-color:#ccc;border-color:#b3b3b3;color:#000}.alert-dark .alert-link{color:#000}.alert-primary{background-color:#ece6fb;border-color:#7e55e4;color:#344054}.alert-primary .alert-link{color:#2a3343}.alert-primary i{color:#491db6}.alert-secondary{background-color:#ebf1ff;border-color:#70a0ff;color:#344054}.alert-secondary .alert-link{color:#2a3343}.alert-secondary i{color:#004ff0}.alert-success{background-color:#e7f6e9;border-color:#58be62;color:#344054}.alert-success .alert-link{color:#2a3343}.alert-success i{color:#0a8217}.alert-info{background-color:#e2eff8;border-color:#58a1d4;color:#344054}.alert-info .alert-link{color:#2a3343}.alert-info i{color:#0f71bb}.alert-warning{background-color:#fffaeb;border-color:#fec84b;color:#344054}.alert-warning .alert-link{color:#2a3343}.alert-warning i{color:#f79009}.alert-danger{background-color:#fff4f3;border-color:#fb7463;color:#344054}.alert-danger .alert-link{color:#2a3343}.alert-danger i{color:#d7260f}.alert-light{background-color:#f7f7f9;border-color:#98a2b3;color:#344054}.alert-light .alert-link{color:#2a3343}.alert-dark,.alert-light i{color:#344054}.alert-dark{background-color:#f7f7f9;border-color:#98a2b3}.alert-dark .alert-link{color:#2a3343}.alert-dark i{color:#344054}@keyframes progress-bar-stripes{0%{background-position-x:1rem}}.progress{background-color:#e4e7ec;border-radius:.3125rem;font-size:.75rem;height:1rem}.progress,.progress-bar{display:flex;overflow:hidden}.progress-bar{background-color:#5925dc;color:#fff;flex-direction:column;justify-content:center;text-align:center;transition:width .6s ease;white-space:nowrap}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);background-size:1rem 1rem}.progress-bar-animated{animation:progress-bar-stripes 1s linear infinite}@media (prefers-reduced-motion:reduce){.progress-bar-animated{animation:none}}.btn-close{background:transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2398A2B3'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E") 50%/1em auto no-repeat;border:0;border-radius:.3125rem;box-sizing:content-box;color:#98a2b3;height:1em;opacity:1;padding:.25em;width:1em}.btn-close:hover{color:#98a2b3;opacity:1;text-decoration:none}.btn-close:focus{box-shadow:0 0 0 .125rem rgba(15,113,187,.25);opacity:1;outline:0}.btn-close.disabled,.btn-close:disabled{opacity:.25;pointer-events:none;user-select:none}.btn-close-white{filter:invert(1) grayscale(100%) brightness(200%)}.btn-close:hover{background:transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23344054'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E") 50%/1em auto no-repeat}.sgds.sidenav{font-size:1rem;list-style:none;width:auto}.sgds.sidenav .sidenav-item+.sidenav-item{margin-top:1rem}.sgds.sidenav .sidenav-item .sgds.btn{align-items:center;background:0;border:0;border-left:.125rem solid #5925dc;border-radius:0;color:#5925dc;display:flex;font-size:inherit;gap:1rem;line-height:1.5;padding-bottom:.5rem;padding-left:1rem;padding-top:.5rem;text-align:initial;width:100%}.sgds.sidenav .sidenav-item .sgds.btn i.bi-chevron-down{transform:rotate(180deg);transition:all .3s ease-in-out}.sgds.sidenav .sidenav-item .sgds.btn.collapsed,.sgds.sidenav .sidenav-item .sgds.btn.inactive{border-color:transparent;color:inherit}.sgds.sidenav .sidenav-item .sgds.btn.collapsed i,.sgds.sidenav .sidenav-item .sgds.btn.inactive i{transform:rotate(0deg)}.sgds.sidenav .sidenav-item .sgds.btn.active,.sgds.sidenav .sidenav-item .sgds.btn:hover{border-left-color:#5925dc;color:#5925dc;font-weight:700}.sgds.sidenav .sidenav-item .collapse,.sgds.sidenav .sidenav-item .collapse.show,.sgds.sidenav .sidenav-item .collapsing{margin-top:1rem}.sgds.sidenav .sidenav-item .collapse a.nav-link,.sgds.sidenav .sidenav-item .collapse.show a.nav-link,.sgds.sidenav .sidenav-item .collapsing a.nav-link{color:inherit;font-size:inherit;padding:.5rem 0 .5rem 4.125rem}.sgds.sidenav .sidenav-item .collapse a.nav-link+a.nav-link,.sgds.sidenav .sidenav-item .collapse.show a.nav-link+a.nav-link,.sgds.sidenav .sidenav-item .collapsing a.nav-link+a.nav-link{margin-top:1rem}.sgds.sidenav .sidenav-item .collapse a.nav-link.active,.sgds.sidenav .sidenav-item .collapse a.nav-link:hover,.sgds.sidenav .sidenav-item .collapse.show a.nav-link.active,.sgds.sidenav .sidenav-item .collapse.show a.nav-link:hover,.sgds.sidenav .sidenav-item .collapsing a.nav-link.active,.sgds.sidenav .sidenav-item .collapsing a.nav-link:hover{color:#5925dc}.sgds.sidenav .sidenav-item .collapse a.nav-link.disabled,.sgds.sidenav .sidenav-item .collapse.show a.nav-link.disabled,.sgds.sidenav .sidenav-item .collapsing a.nav-link.disabled{color:#344054}.sgds.stepper{display:flex;flex-wrap:wrap;font-size:1rem;min-height:calc(1rem*2rem)}.sgds.stepper:not(:last-child){margin-bottom:1.5rem}.sgds.stepper .stepper-item{flex-basis:0;flex-grow:1;margin-top:0;position:relative}.sgds.stepper .stepper-item:not(:first-child){flex-basis:1em;flex-grow:1;flex-shrink:1}.sgds.stepper .stepper-item:not(:first-child):before{content:" ";position:absolute}.sgds.stepper .stepper-item.is-clickable{cursor:pointer}.sgds.stepper .stepper-item.is-clickable:hover .stepper-marker{background-color:#491db6;border-color:#491db6}.sgds.stepper .stepper-item.is-clickable:hover .stepper-detail,.sgds.stepper .stepper-item.is-clickable:hover .stepper-detail>*{color:#491db6;transition:all .5s ease}.sgds.stepper .stepper-item:before{background:linear-gradient(270deg,#d0d5dd 50%,#5925dc 0);background-position:100% 100%;background-size:200% 100%}.sgds.stepper .stepper-item:before .stepper-marker{color:#fff}.sgds.stepper .stepper-item.is-active:before{background-position:0 100%}.sgds.stepper .stepper-item.is-active .stepper-marker{background-color:#fff;border-color:#5925dc;color:#5925dc}.sgds.stepper .stepper-item.is-completed:before{background-position:0 100%}.sgds.stepper .stepper-item.is-completed .stepper-marker{background-color:#5925dc;border-color:#5925dc;color:#fff}.sgds.stepper .stepper-item>.stepper-marker{align-items:center;background:#98a2b3;border:.25rem solid #fff;border-radius:50%;color:#fff;display:flex;font-weight:700;justify-content:center;z-index:1}.sgds.stepper .stepper-item>.stepper-detail{text-align:center}.sgds.stepper .stepper-item:not(:first-child):before{bottom:0;height:.25rem;left:-50%;top:1rem;width:100%}.sgds.stepper .stepper-item .stepper-marker{height:2rem;left:calc(50% - 1rem);position:absolute;width:2rem}.sgds.stepper .stepper-item .stepper-marker .icon *{font-size:1rem}.sgds.stepper .stepper-item .stepper-detail{margin-left:.5rem;margin-right:.5rem;margin-top:2rem}.sgds.stepper.is-small{font-size:.875rem;min-height:calc(.875rem*2rem)}.sgds.stepper.is-small .stepper-item:not(:first-child):before{bottom:0;height:.25rem;left:-50%;top:.875rem;width:100%}.sgds.stepper.is-small .stepper-item .stepper-marker{height:1.75rem;left:calc(50% - .875rem);position:absolute;width:1.75rem}.sgds.stepper.is-small .stepper-item .stepper-marker .icon *{font-size:.875rem}.sgds.stepper.is-small .stepper-item .stepper-detail{margin-left:.5rem;margin-right:.5rem;margin-top:1.75rem}.sgds.stepper.is-large{font-size:1.25rem;min-height:calc(1.25rem*2rem)}.sgds.stepper.is-large .stepper-item:not(:first-child):before{bottom:0;height:.25rem;left:-50%;top:1.25rem;width:100%}.sgds.stepper.is-large .stepper-item .stepper-marker{height:2.5rem;left:calc(50% - 1.25rem);position:absolute;width:2.5rem}.sgds.stepper.is-large .stepper-item .stepper-marker .icon *{font-size:1.25rem}.sgds.stepper.is-large .stepper-item .stepper-detail{margin-left:.5rem;margin-right:.5rem;margin-top:2.5rem}.toast{background-clip:padding-box;background-color:hsla(0,0%,100%,.85);border:1px solid rgba(0,0,0,.1);border-radius:.3125rem;box-shadow:0 .5rem 1rem rgba(0,0,0,.15);font-size:1rem;max-width:100%;pointer-events:auto;width:350px}.toast.showing{opacity:0}.toast:not(.show){display:none}.toast-container{max-width:100%;pointer-events:none;width:max-content}.toast-container>:not(:last-child){margin-bottom:.75rem}.toast-header{align-items:center;background-clip:padding-box;background-color:hsla(0,0%,100%,.85);border-bottom:1px solid rgba(0,0,0,.05);border-top-left-radius:calc(.3125rem - 1px);border-top-right-radius:calc(.3125rem - 1px);color:#344054;display:flex;padding:.5rem .75rem}.toast-header .btn-close{margin-left:.75rem;margin-right:-.375rem}.toast-body{word-wrap:break-word;padding:.75rem}.sgds.toast{border-color:#344054;border-left:5px solid;border-radius:0 .3125rem .3125rem 0;font-size:1rem}.sgds.toast .toast-header{border-bottom:0;padding:1rem 1rem .5rem}.sgds.toast .toast-header .btn-close{margin:0}.sgds.toast .toast-body{padding:0 1rem 1rem}.sgds.toast .toast-body button{margin-top:2rem}.sgds.is-primary{border-color:#5925dc}.sgds.is-primary .toast-header{color:#5925dc}.sgds.is-secondary{border-color:#1f69ff}.sgds.is-secondary .toast-header{color:#1f69ff}.sgds.is-success{border-color:#0a8217}.sgds.is-success .toast-header{color:#0a8217}.sgds.is-info{border-color:#0f71bb}.sgds.is-info .toast-header{color:#0f71bb}.sgds.is-warning{border-color:#f79009}.sgds.is-warning .toast-header{color:#f79009}.sgds.is-danger{border-color:#d7260f}.sgds.is-danger .toast-header{color:#d7260f}.sgds.is-light{border-color:#f7f7f9}.sgds.is-light .toast-header{color:#f7f7f9}.sgds.is-dark{border-color:#000}.sgds.is-dark .toast-header{color:#000}.modal{display:none;height:100%;left:0;outline:0;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;width:100%;z-index:1055}.modal-dialog{margin:.5rem;pointer-events:none;position:relative;width:auto}.modal.fade .modal-dialog{transform:translateY(-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% - 1rem)}.modal-dialog-scrollable .modal-content{max-height:100%;overflow:hidden}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{align-items:center;display:flex;min-height:calc(100% - 1rem)}.modal-content{background-clip:padding-box;background-color:#fff;border:1px solid #98a2b3;border-radius:.3rem;display:flex;flex-direction:column;outline:0;pointer-events:auto;position:relative;width:100%}.modal-backdrop{background-color:#000;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:1050}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{align-items:center;border-bottom:1px solid #98a2b3;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px);display:flex;flex-shrink:0;justify-content:space-between;padding:1.5rem}.modal-header .btn-close{margin:-.75rem -.75rem -.75rem auto;padding:.75rem}.modal-title{line-height:2;margin-bottom:0}.modal-body{flex:1 1 auto;padding:1.5rem;position:relative}.modal-footer{align-items:center;border-bottom-left-radius:calc(.3rem - 1px);border-bottom-right-radius:calc(.3rem - 1px);border-top:1px solid transparent;display:flex;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end;padding:1.25rem}.modal-footer>*{margin:.25rem}@media (min-width:576px){.modal-dialog{margin:1.75rem auto;max-width:500px}.modal-dialog-scrollable{height:calc(100% - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{max-width:800px}}@media (min-width:1200px){.modal-xl{max-width:1140px}}.modal-fullscreen{height:100%;margin:0;max-width:none;width:100vw}.modal-fullscreen .modal-content{border:0;border-radius:0;height:100%}.modal-fullscreen .modal-header{border-radius:0}.modal-fullscreen .modal-body{overflow-y:auto}.modal-fullscreen .modal-footer{border-radius:0}@media (max-width:575.98px){.modal-fullscreen-sm-down{height:100%;margin:0;max-width:none;width:100vw}.modal-fullscreen-sm-down .modal-content{border:0;border-radius:0;height:100%}.modal-fullscreen-sm-down .modal-header{border-radius:0}.modal-fullscreen-sm-down .modal-body{overflow-y:auto}.modal-fullscreen-sm-down .modal-footer{border-radius:0}}@media (max-width:767.98px){.modal-fullscreen-md-down{height:100%;margin:0;max-width:none;width:100vw}.modal-fullscreen-md-down .modal-content{border:0;border-radius:0;height:100%}.modal-fullscreen-md-down .modal-header{border-radius:0}.modal-fullscreen-md-down .modal-body{overflow-y:auto}.modal-fullscreen-md-down .modal-footer{border-radius:0}}@media (max-width:991.98px){.modal-fullscreen-lg-down{height:100%;margin:0;max-width:none;width:100vw}.modal-fullscreen-lg-down .modal-content{border:0;border-radius:0;height:100%}.modal-fullscreen-lg-down .modal-header{border-radius:0}.modal-fullscreen-lg-down .modal-body{overflow-y:auto}.modal-fullscreen-lg-down .modal-footer{border-radius:0}}@media (max-width:1199.98px){.modal-fullscreen-xl-down{height:100%;margin:0;max-width:none;width:100vw}.modal-fullscreen-xl-down .modal-content{border:0;border-radius:0;height:100%}.modal-fullscreen-xl-down .modal-header{border-radius:0}.modal-fullscreen-xl-down .modal-body{overflow-y:auto}.modal-fullscreen-xl-down .modal-footer{border-radius:0}}@media (max-width:1399.98px){.modal-fullscreen-xxl-down{height:100%;margin:0;max-width:none;width:100vw}.modal-fullscreen-xxl-down .modal-content{border:0;border-radius:0;height:100%}.modal-fullscreen-xxl-down .modal-header{border-radius:0}.modal-fullscreen-xxl-down .modal-body{overflow-y:auto}.modal-fullscreen-xxl-down .modal-footer{border-radius:0}}.sgds.modal .modal-footer{padding-top:0}.sgds.modal button.btn-close{font-size:.75rem}.sgds.modal[variant=centered-align-icon] .modal-content{text-align:center}.sgds.modal[variant=centered-align-icon] .modal-header{align-items:flex-start;border-bottom:0;padding-bottom:0}.sgds.modal[variant=centered-align-icon] .modal-title{display:flex;flex-flow:column;flex-grow:1;justify-content:center}.sgds.modal[variant=centered-align-icon] .modal-footer{justify-content:center}.sgds.nav-tabs{border-bottom:none;gap:2rem}.sgds.nav-tabs[variant=tabs-info-toggle] li.nav-item button.nav-link{background-color:#fff;border:1px solid #98a2b3;border-radius:.3125rem;color:#1d2939;min-width:11.875rem;padding:.75rem}.sgds.nav-tabs[variant=tabs-info-toggle] li.nav-item button.nav-link .tabs-info-label{display:flex;justify-content:flex-end;text-align:right}.sgds.nav-tabs[variant=tabs-info-toggle] li.nav-item button.nav-link .tabs-info-label.has-icon{justify-content:space-between}.sgds.nav-tabs[variant=tabs-info-toggle] li.nav-item button.nav-link .tabs-info-count{text-align:right}.sgds.nav-tabs[variant=tabs-info-toggle] li.nav-item button.nav-link.active,.sgds.nav-tabs[variant=tabs-info-toggle] li.nav-item button.nav-link:hover{border-color:#5925dc;color:#5925dc;font-weight:700}.sgds.nav-tabs[variant=tabs-basic-toggle]{gap:0}.sgds.nav-tabs[variant=tabs-basic-toggle] li.nav-item+li.nav-item{margin-left:-2px}.sgds.nav-tabs[variant=tabs-basic-toggle] li.nav-item button.nav-link{background-color:#fff;border:1px solid #98a2b3;border-radius:0;color:#1d2939;padding:.5rem 1.5rem}.sgds.nav-tabs[variant=tabs-basic-toggle] li.nav-item button.nav-link i.left,.sgds.nav-tabs[variant=tabs-basic-toggle] li.nav-item button.nav-link span.left{margin-right:1rem}.sgds.nav-tabs[variant=tabs-basic-toggle] li.nav-item button.nav-link i.right,.sgds.nav-tabs[variant=tabs-basic-toggle] li.nav-item button.nav-link span.right{margin-left:1rem}.sgds.nav-tabs[variant=tabs-basic-toggle] li.nav-item button.nav-link.active,.sgds.nav-tabs[variant=tabs-basic-toggle] li.nav-item button.nav-link:hover{background-color:#0f71bb;color:#fff}.sgds.nav-tabs:not([variant=tabs-basic-toggle]):not([variant=tabs-info-toggle]) li.nav-item button.nav-link{background-color:transparent;border:none;color:#1d2939;padding-left:0;padding-right:0;padding-top:0}.sgds.nav-tabs:not([variant=tabs-basic-toggle]):not([variant=tabs-info-toggle]) li.nav-item button.nav-link.active{background-color:transparent;border-bottom:.125rem solid #0f71bb;font-weight:700}.sgds.tab-content{padding-bottom:1rem;padding-top:1rem}.tooltip{word-wrap:break-word;display:block;font-family:var(--sgds-font-sans-serif);font-size:.875rem;font-style:normal;font-weight:400;letter-spacing:normal;line-break:auto;line-height:2;margin:0;opacity:0;position:absolute;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;white-space:normal;word-break:normal;word-spacing:normal;z-index:1080}.tooltip.show{opacity:1}.tooltip .tooltip-arrow{display:block;height:.4rem;position:absolute;width:.8rem}.tooltip .tooltip-arrow:before{border-color:transparent;border-style:solid;content:"";position:absolute}.bs-tooltip-auto[data-popper-placement^=top],.bs-tooltip-top{padding:.4rem 0}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,.bs-tooltip-top .tooltip-arrow{bottom:0}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow:before,.bs-tooltip-top .tooltip-arrow:before{border-top-color:#344054;border-width:.4rem .4rem 0;top:-1px}.bs-tooltip-auto[data-popper-placement^=right],.bs-tooltip-end{padding:0 .4rem}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,.bs-tooltip-end .tooltip-arrow{height:.8rem;left:0;width:.4rem}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow:before,.bs-tooltip-end .tooltip-arrow:before{border-right-color:#344054;border-width:.4rem .4rem .4rem 0;right:-1px}.bs-tooltip-auto[data-popper-placement^=bottom],.bs-tooltip-bottom{padding:.4rem 0}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,.bs-tooltip-bottom .tooltip-arrow{top:0}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow:before,.bs-tooltip-bottom .tooltip-arrow:before{border-bottom-color:#344054;border-width:0 .4rem .4rem;bottom:-1px}.bs-tooltip-auto[data-popper-placement^=left],.bs-tooltip-start{padding:0 .4rem}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,.bs-tooltip-start .tooltip-arrow{height:.8rem;right:0;width:.4rem}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow:before,.bs-tooltip-start .tooltip-arrow:before{border-left-color:#344054;border-width:.4rem 0 .4rem .4rem;left:-1px}.tooltip-inner{background-color:#344054;border-radius:.3125rem;color:#fff;max-width:200px;padding:.5rem 1rem;text-align:center}.sgds.tooltip .tooltip-inner{display:flex;gap:2rem;text-align:left}.popover{word-wrap:break-word;background-clip:padding-box;background-color:#fff;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;display:block;font-family:var(--sgds-font-sans-serif);font-size:.875rem;font-style:normal;font-weight:400;left:0;letter-spacing:normal;line-break:auto;line-height:2;max-width:276px;position:absolute;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;top:0;white-space:normal;word-break:normal;word-spacing:normal;z-index:1070}.popover .popover-arrow{display:block;height:.5rem;position:absolute;width:1rem}.popover .popover-arrow:after,.popover .popover-arrow:before{border-color:transparent;border-style:solid;content:"";display:block;position:absolute}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow,.bs-popover-top>.popover-arrow{bottom:calc(-.5rem - 1px)}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before,.bs-popover-top>.popover-arrow:before{border-top-color:rgba(0,0,0,.25);border-width:.5rem .5rem 0;bottom:0}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after,.bs-popover-top>.popover-arrow:after{border-top-color:#fff;border-width:.5rem .5rem 0;bottom:1px}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow,.bs-popover-end>.popover-arrow{height:1rem;left:calc(-.5rem - 1px);width:.5rem}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before,.bs-popover-end>.popover-arrow:before{border-right-color:rgba(0,0,0,.25);border-width:.5rem .5rem .5rem 0;left:0}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after,.bs-popover-end>.popover-arrow:after{border-right-color:#fff;border-width:.5rem .5rem .5rem 0;left:1px}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,.bs-popover-bottom>.popover-arrow{top:calc(-.5rem - 1px)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before,.bs-popover-bottom>.popover-arrow:before{border-bottom-color:rgba(0,0,0,.25);border-width:0 .5rem .5rem;top:0}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after,.bs-popover-bottom>.popover-arrow:after{border-bottom-color:#fff;border-width:0 .5rem .5rem;top:1px}.bs-popover-auto[data-popper-placement^=bottom] .popover-header:before,.bs-popover-bottom .popover-header:before{border-bottom:1px solid #f0f0f0;content:"";display:block;left:50%;margin-left:-.5rem;position:absolute;top:0;width:1rem}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow,.bs-popover-start>.popover-arrow{height:1rem;right:calc(-.5rem - 1px);width:.5rem}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before,.bs-popover-start>.popover-arrow:before{border-left-color:rgba(0,0,0,.25);border-width:.5rem 0 .5rem .5rem;right:0}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after,.bs-popover-start>.popover-arrow:after{border-left-color:#fff;border-width:.5rem 0 .5rem .5rem;right:1px}.popover-header{background-color:#f0f0f0;border-bottom:1px solid rgba(0,0,0,.2);border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px);font-size:1rem;margin-bottom:0;padding:.5rem 1rem}.popover-header:empty{display:none}.popover-body{color:#1d2939;padding:1rem}.carousel{position:relative}.carousel.pointer-event{touch-action:pan-y}.carousel-inner{overflow:hidden;position:relative;width:100%}.carousel-inner:after{clear:both;content:"";display:block}.carousel-item{backface-visibility:hidden;display:none;float:left;margin-right:-100%;position:relative;transition:transform .6s ease-in-out;width:100%}@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-end,.carousel-item-next:not(.carousel-item-start){transform:translateX(100%)}.active.carousel-item-start,.carousel-item-prev:not(.carousel-item-end){transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transform:none;transition-property:opacity}.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end,.carousel-fade .carousel-item.active{opacity:1;z-index:1}.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{opacity:0;transition:opacity 0s .6s;z-index:0}@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{transition:none}}.carousel-control-next,.carousel-control-prev{align-items:center;background:none;border:0;bottom:0;color:#fff;display:flex;justify-content:center;opacity:.5;padding:0;position:absolute;text-align:center;top:0;transition:opacity .15s ease;width:15%;z-index:1}@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;opacity:.9;outline:0;text-decoration:none}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{background-position:50%;background-repeat:no-repeat;background-size:100% 100%;display:inline-block;height:2rem;width:2rem}.carousel-control-prev-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3E%3Cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3E%3C/svg%3E")}.carousel-control-next-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3E%3Cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E")}.carousel-indicators{bottom:0;display:flex;justify-content:center;left:0;list-style:none;margin-bottom:1rem;margin-left:15%;margin-right:15%;padding:0;position:absolute;right:0;z-index:2}.carousel-indicators [data-bs-target]{background-clip:padding-box;background-color:#fff;border:0;border-bottom:10px solid transparent;border-top:10px solid transparent;box-sizing:content-box;cursor:pointer;flex:0 1 auto;height:3px;margin-left:3px;margin-right:3px;opacity:.5;padding:0;text-indent:-999px;transition:opacity .6s ease;width:30px}@media (prefers-reduced-motion:reduce){.carousel-indicators [data-bs-target]{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{bottom:1.25rem;color:#fff;left:15%;padding-bottom:1.25rem;padding-top:1.25rem;position:absolute;right:15%;text-align:center}.carousel-dark .carousel-control-next-icon,.carousel-dark .carousel-control-prev-icon{filter:invert(1) grayscale(100)}.carousel-dark .carousel-indicators [data-bs-target]{background-color:#000}.carousel-dark .carousel-caption{color:#000}@keyframes spinner-border{to{transform:rotate(1turn)}}.spinner-border{animation:spinner-border .75s linear infinite;border:.25em solid;border-radius:50%;border-right:.25em solid transparent;display:inline-block;height:2rem;vertical-align:-.125em;width:2rem}.spinner-border-sm{border-width:.2em;height:1rem;width:1rem}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.spinner-grow{animation:spinner-grow .75s linear infinite;background-color:currentColor;border-radius:50%;display:inline-block;height:2rem;opacity:0;vertical-align:-.125em;width:2rem}.spinner-grow-sm{height:1rem;width:1rem}@media (prefers-reduced-motion:reduce){.spinner-border,.spinner-grow{animation-duration:1.5s}}.offcanvas{background-clip:padding-box;background-color:#fff;bottom:0;display:flex;flex-direction:column;max-width:100%;outline:0;position:fixed;transition:transform .3s ease-in-out;visibility:hidden;z-index:1045}@media (prefers-reduced-motion:reduce){.offcanvas{transition:none}}.offcanvas-backdrop{background-color:#000;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:1040}.offcanvas-backdrop.fade{opacity:0}.offcanvas-backdrop.show{opacity:.5}.offcanvas-header{align-items:center;display:flex;justify-content:space-between;padding:1.5rem}.offcanvas-header .btn-close{margin-bottom:-.75rem;margin-right:-.75rem;margin-top:-.75rem;padding:.75rem}.offcanvas-title{line-height:2;margin-bottom:0}.offcanvas-body{flex-grow:1;overflow-y:auto;padding:1.5rem}.offcanvas-start{border-right:1px solid #98a2b3;left:0;top:0;transform:translateX(-100%);width:400px}.offcanvas-end{border-left:1px solid #98a2b3;right:0;top:0;transform:translateX(100%);width:400px}.offcanvas-top{border-bottom:1px solid #98a2b3;top:0;transform:translateY(-100%)}.offcanvas-bottom,.offcanvas-top{height:30vh;left:0;max-height:100%;right:0}.offcanvas-bottom{border-top:1px solid #98a2b3;transform:translateY(100%)}.offcanvas.show{transform:none}.placeholder{background-color:currentColor;cursor:wait;display:inline-block;min-height:1em;opacity:.5;vertical-align:middle}.placeholder.btn:before{content:"";display:inline-block}.placeholder-xs{min-height:.6em}.placeholder-sm{min-height:.8em}.placeholder-lg{min-height:1.2em}.placeholder-glow .placeholder{animation:placeholder-glow 2s ease-in-out infinite}@keyframes placeholder-glow{50%{opacity:.2}}.placeholder-wave{animation:placeholder-wave 2s linear infinite;mask-image:linear-gradient(130deg,#000 55%,rgba(0,0,0,.8) 75%,#000 95%);mask-size:200% 100%}@keyframes placeholder-wave{to{mask-position:-200% 0}}.sgds.combobox{justify-content:flex-end}.sgds.combobox>.form-control{padding-left:1rem;padding-right:3rem}.sgds.combobox>.dropdown-menu{min-width:100%}.clearfix:after{clear:both;content:"";display:block}.link-primary{color:#5925dc}.link-primary:focus,.link-primary:hover{color:#471eb0}.link-secondary{color:#1f69ff}.link-secondary:focus,.link-secondary:hover{color:#1954cc}.link-success{color:#0a8217}.link-success:focus,.link-success:hover{color:#086812}.link-info{color:#0f71bb}.link-info:focus,.link-info:hover{color:#0c5a96}.link-warning{color:#f79009}.link-warning:focus,.link-warning:hover{color:#f9a63a}.link-danger{color:#d7260f}.link-danger:focus,.link-danger:hover{color:#ac1e0c}.link-light{color:#f7f7f9}.link-light:focus,.link-light:hover{color:#f9f9fa}.link-dark,.link-dark:focus,.link-dark:hover{color:#000}.ratio{position:relative;width:100%}.ratio:before{content:"";display:block;padding-top:var(--sgds-aspect-ratio)}.ratio>*{height:100%;left:0;position:absolute;top:0;width:100%}.ratio-1x1{--sgds-aspect-ratio:100%}.ratio-4x3{--sgds-aspect-ratio:75%}.ratio-16x9{--sgds-aspect-ratio:56.25%}.ratio-21x9{--sgds-aspect-ratio:42.8571428571%}.fixed-top{top:0}.fixed-bottom,.fixed-top{left:0;position:fixed;right:0;z-index:1030}.fixed-bottom{bottom:0}.sticky-top{position:sticky;top:0;z-index:1020}@media (min-width:576px){.sticky-sm-top{position:sticky;top:0;z-index:1020}}@media (min-width:768px){.sticky-md-top{position:sticky;top:0;z-index:1020}}@media (min-width:992px){.sticky-lg-top{position:sticky;top:0;z-index:1020}}@media (min-width:1200px){.sticky-xl-top{position:sticky;top:0;z-index:1020}}@media (min-width:1400px){.sticky-xxl-top{position:sticky;top:0;z-index:1020}}.hstack{align-items:center;flex-direction:row}.hstack,.vstack{align-self:stretch;display:flex}.vstack{flex:1 1 auto;flex-direction:column}.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){clip:rect(0,0,0,0)!important;border:0!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.stretched-link:after{bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vr{align-self:stretch;background-color:currentColor;display:inline-block;min-height:1em;opacity:.25;width:1px}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.float-start{float:left!important}.float-end{float:right!important}.float-none{float:none!important}.opacity-0{opacity:0!important}.opacity-25{opacity:.25!important}.opacity-50{opacity:.5!important}.opacity-75{opacity:.75!important}.opacity-100{opacity:1!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-visible{overflow:visible!important}.overflow-scroll{overflow:scroll!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block,.form-text{display:block!important}.d-grid{display:grid!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-none{display:none!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}.shadow-none{box-shadow:none!important}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:sticky!important}.top-0{top:0!important}.top-50{top:50%!important}.top-100{top:100%!important}.bottom-0{bottom:0!important}.bottom-50{bottom:50%!important}.bottom-100{bottom:100%!important}.start-0{left:0!important}.start-50{left:50%!important}.start-100{left:100%!important}.end-0{right:0!important}.end-50{right:50%!important}.end-100{right:100%!important}.translate-middle{transform:translate(-50%,-50%)!important}.translate-middle-x{transform:translateX(-50%)!important}.translate-middle-y{transform:translateY(-50%)!important}.border{border:1px solid #98a2b3!important}.border-0{border:0!important}.border-top{border-top:1px solid #98a2b3!important}.border-top-0{border-top:0!important}.border-end{border-right:1px solid #98a2b3!important}.border-end-0{border-right:0!important}.border-bottom{border-bottom:1px solid #98a2b3!important}.border-bottom-0{border-bottom:0!important}.border-start{border-left:1px solid #98a2b3!important}.border-start-0{border-left:0!important}.border-primary{border-color:#5925dc!important}.border-secondary{border-color:#1f69ff!important}.border-success{border-color:#0a8217!important}.border-info{border-color:#0f71bb!important}.border-warning{border-color:#f79009!important}.border-danger{border-color:#d7260f!important}.border-light{border-color:#f7f7f9!important}.border-dark{border-color:#000!important}.border-white{border-color:#fff!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}.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}.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:2rem!important}.gap-6{gap:2.5rem!important}.gap-7{gap:3rem!important}.gap-8{gap:3.5rem!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center,.sgds.modal[variant=centered-align-icon] .modal-footer{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,.sgds.alert>i{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:2rem!important}.m-6{margin:2.5rem!important}.m-7{margin:3rem!important}.m-8{margin:3.5rem!important}.m-auto{margin:auto!important}.mx-0{margin-left:0!important;margin-right:0!important}.mx-1{margin-left:.25rem!important;margin-right:.25rem!important}.mx-2{margin-left:.5rem!important;margin-right:.5rem!important}.mx-3{margin-left:1rem!important;margin-right:1rem!important}.mx-4{margin-left:1.5rem!important;margin-right:1.5rem!important}.mx-5{margin-left:2rem!important;margin-right:2rem!important}.mx-6{margin-left:2.5rem!important;margin-right:2.5rem!important}.mx-7{margin-left:3rem!important;margin-right:3rem!important}.mx-8{margin-left:3.5rem!important;margin-right:3.5rem!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.my-0{margin-bottom:0!important;margin-top:0!important}.my-1{margin-bottom:.25rem!important;margin-top:.25rem!important}.my-2{margin-bottom:.5rem!important;margin-top:.5rem!important}.my-3{margin-bottom:1rem!important;margin-top:1rem!important}.my-4{margin-bottom:1.5rem!important;margin-top:1.5rem!important}.my-5{margin-bottom:2rem!important;margin-top:2rem!important}.my-6{margin-bottom:2.5rem!important;margin-top:2.5rem!important}.my-7{margin-bottom:3rem!important;margin-top:3rem!important}.my-8{margin-bottom:3.5rem!important;margin-top:3.5rem!important}.my-auto{margin-bottom:auto!important;margin-top:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:2rem!important}.mt-6{margin-top:2.5rem!important}.mt-7{margin-top:3rem!important}.mt-8{margin-top:3.5rem!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:2rem!important}.me-6{margin-right:2.5rem!important}.me-7{margin-right:3rem!important}.me-8{margin-right:3.5rem!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:2rem!important}.mb-6{margin-bottom:2.5rem!important}.mb-7{margin-bottom:3rem!important}.mb-8{margin-bottom:3.5rem!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:2rem!important}.ms-6{margin-left:2.5rem!important}.ms-7{margin-left:3rem!important}.ms-8{margin-left:3.5rem!important}.ms-auto,.sgds.sidenav .sidenav-item .sgds.btn i.bi-chevron-down{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:2rem!important}.p-6{padding:2.5rem!important}.p-7{padding:3rem!important}.p-8{padding:3.5rem!important}.px-0{padding-left:0!important;padding-right:0!important}.px-1{padding-left:.25rem!important;padding-right:.25rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-3{padding-left:1rem!important;padding-right:1rem!important}.px-4{padding-left:1.5rem!important;padding-right:1.5rem!important}.px-5{padding-left:2rem!important;padding-right:2rem!important}.px-6{padding-left:2.5rem!important;padding-right:2.5rem!important}.px-7{padding-left:3rem!important;padding-right:3rem!important}.px-8{padding-left:3.5rem!important;padding-right:3.5rem!important}.py-0{padding-bottom:0!important;padding-top:0!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.py-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.py-3{padding-bottom:1rem!important;padding-top:1rem!important}.py-4{padding-bottom:1.5rem!important;padding-top:1.5rem!important}.py-5{padding-bottom:2rem!important;padding-top:2rem!important}.py-6{padding-bottom:2.5rem!important;padding-top:2.5rem!important}.py-7{padding-bottom:3rem!important;padding-top:3rem!important}.py-8{padding-bottom:3.5rem!important;padding-top:3.5rem!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:2rem!important}.pt-6{padding-top:2.5rem!important}.pt-7{padding-top:3rem!important}.pt-8{padding-top:3.5rem!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:2rem!important}.pe-6{padding-right:2.5rem!important}.pe-7{padding-right:3rem!important}.pe-8{padding-right:3.5rem!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:2rem!important}.pb-6{padding-bottom:2.5rem!important}.pb-7{padding-bottom:3rem!important}.pb-8{padding-bottom:3.5rem!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:2rem!important}.ps-6{padding-left:2.5rem!important}.ps-7{padding-left:3rem!important}.ps-8{padding-left:3.5rem!important}.font-monospace{font-family:var(--sgds-font-monospace)!important}.fs-0{font-size:calc(1.475rem + 2.7vw)!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.275rem + .3vw)!important}.fs-4{font-size:1.125rem!important}.fs-5,.fs-6{font-size:1rem!important}.fst-italic{font-style:italic!important}.fst-normal{font-style:normal!important}.fw-light{font-weight:300!important}.fw-lighter{font-weight:lighter!important}.fw-normal{font-weight:400!important}.fw-bold{font-weight:700!important}.fw-bolder{font-weight:bolder!important}.lh-1{line-height:1!important}.lh-sm{line-height:1.75!important}.lh-base{line-height:2!important}.lh-lg{line-height:2.25!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{--sgds-text-opacity:1;color:rgba(var(--sgds-primary-rgb),var(--sgds-text-opacity))!important}.text-secondary{--sgds-text-opacity:1;color:rgba(var(--sgds-secondary-rgb),var(--sgds-text-opacity))!important}.text-success{--sgds-text-opacity:1;color:rgba(var(--sgds-success-rgb),var(--sgds-text-opacity))!important}.text-info{--sgds-text-opacity:1;color:rgba(var(--sgds-info-rgb),var(--sgds-text-opacity))!important}.text-warning{--sgds-text-opacity:1;color:rgba(var(--sgds-warning-rgb),var(--sgds-text-opacity))!important}.text-danger{--sgds-text-opacity:1;color:rgba(var(--sgds-danger-rgb),var(--sgds-text-opacity))!important}.text-light{--sgds-text-opacity:1;color:rgba(var(--sgds-light-rgb),var(--sgds-text-opacity))!important}.text-dark{--sgds-text-opacity:1;color:rgba(var(--sgds-dark-rgb),var(--sgds-text-opacity))!important}.text-black{--sgds-text-opacity:1;color:rgba(var(--sgds-black-rgb),var(--sgds-text-opacity))!important}.text-white{--sgds-text-opacity:1;color:rgba(var(--sgds-white-rgb),var(--sgds-text-opacity))!important}.text-body{--sgds-text-opacity:1;color:rgba(var(--sgds-body-color-rgb),var(--sgds-text-opacity))!important}.text-muted{--sgds-text-opacity:1;color:#667085!important}.text-black-50{--sgds-text-opacity:1;color:rgba(0,0,0,.5)!important}.text-white-50{--sgds-text-opacity:1;color:hsla(0,0%,100%,.5)!important}.text-reset{--sgds-text-opacity:1;color:inherit!important}.text-primary-100{--sgds-text-opacity:1;color:#ece6fb!important}.text-primary-200{--sgds-text-opacity:1;color:#c7b6f3!important}.text-primary-300{--sgds-text-opacity:1;color:#a386ec!important}.text-primary-400{--sgds-text-opacity:1;color:#7e55e4!important}.text-primary-500{--sgds-text-opacity:1;color:#5925dc!important}.text-primary-600{--sgds-text-opacity:1;color:#491db6!important}.text-primary-700{--sgds-text-opacity:1;color:#39178e!important}.text-primary-800{--sgds-text-opacity:1;color:#291167!important}.text-primary-900{--sgds-text-opacity:1;color:#190a3f!important}.text-secondary-100{--sgds-text-opacity:1;color:#ebf1ff!important}.text-secondary-200{--sgds-text-opacity:1;color:#d3e2ff!important}.text-secondary-300{--sgds-text-opacity:1;color:#9bf!important}.text-secondary-400{--sgds-text-opacity:1;color:#70a0ff!important}.text-secondary-500{--sgds-text-opacity:1;color:#1f69ff!important}.text-secondary-600{--sgds-text-opacity:1;color:#004ff0!important}.text-secondary-700{--sgds-text-opacity:1;color:#0040c2!important}.text-secondary-800{--sgds-text-opacity:1;color:#003194!important}.text-secondary-900{--sgds-text-opacity:1;color:#026!important}.text-purple-100{--sgds-text-opacity:1;color:#ece6fb!important}.text-purple-200{--sgds-text-opacity:1;color:#c7b6f3!important}.text-purple-300{--sgds-text-opacity:1;color:#a386ec!important}.text-purple-400{--sgds-text-opacity:1;color:#7e55e4!important}.text-purple-500{--sgds-text-opacity:1;color:#5925dc!important}.text-purple-600{--sgds-text-opacity:1;color:#491db6!important}.text-purple-700{--sgds-text-opacity:1;color:#39178e!important}.text-purple-800{--sgds-text-opacity:1;color:#291167!important}.text-purple-900{--sgds-text-opacity:1;color:#190a3f!important}.text-red-100{--sgds-text-opacity:1;color:#fff4f3!important}.text-red-200{--sgds-text-opacity:1;color:#ffcfc8!important}.text-red-300{--sgds-text-opacity:1;color:#fc9c90!important}.text-red-400{--sgds-text-opacity:1;color:#fb7463!important}.text-red-500{--sgds-text-opacity:1;color:#fa5741!important}.text-red-600{--sgds-text-opacity:1;color:#d7260f!important}.text-red-700{--sgds-text-opacity:1;color:#f8331c!important}.text-red-800{--sgds-text-opacity:1;color:#560f06!important}.text-red-900{--sgds-text-opacity:1;color:#2b0803!important}.text-yellow-100{--sgds-text-opacity:1;color:#fffaeb!important}.text-yellow-200{--sgds-text-opacity:1;color:#fef0c7!important}.text-yellow-300{--sgds-text-opacity:1;color:#fedf89!important}.text-yellow-400{--sgds-text-opacity:1;color:#fec84b!important}.text-yellow-500{--sgds-text-opacity:1;color:#fdb022!important}.text-yellow-600{--sgds-text-opacity:1;color:#f79009!important}.text-yellow-700{--sgds-text-opacity:1;color:#dc6803!important}.text-yellow-800{--sgds-text-opacity:1;color:#633a04!important}.text-yellow-900{--sgds-text-opacity:1;color:#311d02!important}.text-green-100{--sgds-text-opacity:1;color:#e7f6e9!important}.text-green-200{--sgds-text-opacity:1;color:#c4e8c8!important}.text-green-300{--sgds-text-opacity:1;color:#9dd9a3!important}.text-green-400{--sgds-text-opacity:1;color:#58be62!important}.text-green-500{--sgds-text-opacity:1;color:#3bb346!important}.text-green-600{--sgds-text-opacity:1;color:#0a8217!important}.text-green-700{--sgds-text-opacity:1;color:#2da337!important}.text-green-800{--sgds-text-opacity:1;color:#043409!important}.text-green-900{--sgds-text-opacity:1;color:#021a05!important}.text-cyan-100{--sgds-text-opacity:1;color:#e2eff8!important}.text-cyan-200{--sgds-text-opacity:1;color:#b9d8ee!important}.text-cyan-300{--sgds-text-opacity:1;color:#90c1e4!important}.text-cyan-400{--sgds-text-opacity:1;color:#58a1d4!important}.text-cyan-500{--sgds-text-opacity:1;color:#59a1d4!important}.text-cyan-600{--sgds-text-opacity:1;color:#0f71bb!important}.text-cyan-700{--sgds-text-opacity:1;color:#0c5b97!important}.text-cyan-800{--sgds-text-opacity:1;color:#0a4776!important}.text-cyan-900{--sgds-text-opacity:1;color:#08395e!important}.text-opacity-25{--sgds-text-opacity:0.25}.text-opacity-50{--sgds-text-opacity:0.5}.text-opacity-75{--sgds-text-opacity:0.75}.text-opacity-100{--sgds-text-opacity:1}.bg-primary{--sgds-bg-opacity:1;background-color:rgba(var(--sgds-primary-rgb),var(--sgds-bg-opacity))!important}.bg-secondary{--sgds-bg-opacity:1;background-color:rgba(var(--sgds-secondary-rgb),var(--sgds-bg-opacity))!important}.bg-success{--sgds-bg-opacity:1;background-color:rgba(var(--sgds-success-rgb),var(--sgds-bg-opacity))!important}.bg-info{--sgds-bg-opacity:1;background-color:rgba(var(--sgds-info-rgb),var(--sgds-bg-opacity))!important}.bg-warning{--sgds-bg-opacity:1;background-color:rgba(var(--sgds-warning-rgb),var(--sgds-bg-opacity))!important}.bg-danger{--sgds-bg-opacity:1;background-color:rgba(var(--sgds-danger-rgb),var(--sgds-bg-opacity))!important}.bg-light{background-color:rgba(var(--sgds-light-rgb),var(--sgds-bg-opacity))!important}.bg-dark,.bg-light{--sgds-bg-opacity:1}.bg-dark{background-color:rgba(var(--sgds-dark-rgb),var(--sgds-bg-opacity))!important}.bg-black{--sgds-bg-opacity:1;background-color:rgba(var(--sgds-black-rgb),var(--sgds-bg-opacity))!important}.bg-white{background-color:rgba(var(--sgds-white-rgb),var(--sgds-bg-opacity))!important}.bg-body,.bg-white{--sgds-bg-opacity:1}.bg-body{background-color:rgba(var(--sgds-body-bg-rgb),var(--sgds-bg-opacity))!important}.bg-transparent{--sgds-bg-opacity:1;background-color:transparent!important}.bg-primary-100{--sgds-bg-opacity:1;background-color:#ece6fb!important}.bg-primary-200{--sgds-bg-opacity:1;background-color:#c7b6f3!important}.bg-primary-300{--sgds-bg-opacity:1;background-color:#a386ec!important}.bg-primary-400{--sgds-bg-opacity:1;background-color:#7e55e4!important}.bg-primary-500{--sgds-bg-opacity:1;background-color:#5925dc!important}.bg-primary-600{--sgds-bg-opacity:1;background-color:#491db6!important}.bg-primary-700{--sgds-bg-opacity:1;background-color:#39178e!important}.bg-primary-800{--sgds-bg-opacity:1;background-color:#291167!important}.bg-primary-900{--sgds-bg-opacity:1;background-color:#190a3f!important}.bg-secondary-100{--sgds-bg-opacity:1;background-color:#ebf1ff!important}.bg-secondary-200{--sgds-bg-opacity:1;background-color:#d3e2ff!important}.bg-secondary-300{--sgds-bg-opacity:1;background-color:#9bf!important}.bg-secondary-400{--sgds-bg-opacity:1;background-color:#70a0ff!important}.bg-secondary-500{--sgds-bg-opacity:1;background-color:#1f69ff!important}.bg-secondary-600{--sgds-bg-opacity:1;background-color:#004ff0!important}.bg-secondary-700{--sgds-bg-opacity:1;background-color:#0040c2!important}.bg-secondary-800{--sgds-bg-opacity:1;background-color:#003194!important}.bg-secondary-900{--sgds-bg-opacity:1;background-color:#026!important}.bg-purple-100{--sgds-bg-opacity:1;background-color:#ece6fb!important}.bg-purple-200{--sgds-bg-opacity:1;background-color:#c7b6f3!important}.bg-purple-300{--sgds-bg-opacity:1;background-color:#a386ec!important}.bg-purple-400{--sgds-bg-opacity:1;background-color:#7e55e4!important}.bg-purple-500{--sgds-bg-opacity:1;background-color:#5925dc!important}.bg-purple-600{--sgds-bg-opacity:1;background-color:#491db6!important}.bg-purple-700{--sgds-bg-opacity:1;background-color:#39178e!important}.bg-purple-800{--sgds-bg-opacity:1;background-color:#291167!important}.bg-purple-900{--sgds-bg-opacity:1;background-color:#190a3f!important}.bg-red-100{--sgds-bg-opacity:1;background-color:#fff4f3!important}.bg-red-200{--sgds-bg-opacity:1;background-color:#ffcfc8!important}.bg-red-300{--sgds-bg-opacity:1;background-color:#fc9c90!important}.bg-red-400{--sgds-bg-opacity:1;background-color:#fb7463!important}.bg-red-500{--sgds-bg-opacity:1;background-color:#fa5741!important}.bg-red-600{--sgds-bg-opacity:1;background-color:#d7260f!important}.bg-red-700{--sgds-bg-opacity:1;background-color:#f8331c!important}.bg-red-800{--sgds-bg-opacity:1;background-color:#560f06!important}.bg-red-900{--sgds-bg-opacity:1;background-color:#2b0803!important}.bg-yellow-100{--sgds-bg-opacity:1;background-color:#fffaeb!important}.bg-yellow-200{--sgds-bg-opacity:1;background-color:#fef0c7!important}.bg-yellow-300{--sgds-bg-opacity:1;background-color:#fedf89!important}.bg-yellow-400{--sgds-bg-opacity:1;background-color:#fec84b!important}.bg-yellow-500{--sgds-bg-opacity:1;background-color:#fdb022!important}.bg-yellow-600{--sgds-bg-opacity:1;background-color:#f79009!important}.bg-yellow-700{--sgds-bg-opacity:1;background-color:#dc6803!important}.bg-yellow-800{--sgds-bg-opacity:1;background-color:#633a04!important}.bg-yellow-900{--sgds-bg-opacity:1;background-color:#311d02!important}.bg-green-100{--sgds-bg-opacity:1;background-color:#e7f6e9!important}.bg-green-200{--sgds-bg-opacity:1;background-color:#c4e8c8!important}.bg-green-300{--sgds-bg-opacity:1;background-color:#9dd9a3!important}.bg-green-400{--sgds-bg-opacity:1;background-color:#58be62!important}.bg-green-500{--sgds-bg-opacity:1;background-color:#3bb346!important}.bg-green-600{--sgds-bg-opacity:1;background-color:#0a8217!important}.bg-green-700{--sgds-bg-opacity:1;background-color:#2da337!important}.bg-green-800{--sgds-bg-opacity:1;background-color:#043409!important}.bg-green-900{--sgds-bg-opacity:1;background-color:#021a05!important}.bg-cyan-100{--sgds-bg-opacity:1;background-color:#e2eff8!important}.bg-cyan-200{--sgds-bg-opacity:1;background-color:#b9d8ee!important}.bg-cyan-300{--sgds-bg-opacity:1;background-color:#90c1e4!important}.bg-cyan-400{--sgds-bg-opacity:1;background-color:#58a1d4!important}.bg-cyan-500{--sgds-bg-opacity:1;background-color:#59a1d4!important}.bg-cyan-600{--sgds-bg-opacity:1;background-color:#0f71bb!important}.bg-cyan-700{--sgds-bg-opacity:1;background-color:#0c5b97!important}.bg-cyan-800{--sgds-bg-opacity:1;background-color:#0a4776!important}.bg-cyan-900{--sgds-bg-opacity:1;background-color:#08395e!important}.bg-opacity-10{--sgds-bg-opacity:0.1}.bg-opacity-25{--sgds-bg-opacity:0.25}.bg-opacity-50{--sgds-bg-opacity:0.5}.bg-opacity-75{--sgds-bg-opacity:0.75}.bg-opacity-100{--sgds-bg-opacity:1}.bg-gradient{background-image:var(--sgds-gradient)!important}.user-select-all{user-select:all!important}.user-select-auto{user-select:auto!important}.user-select-none{user-select:none!important}.pe-none{pointer-events:none!important}.pe-auto{pointer-events:auto!important}.rounded{border-radius:.3125rem!important}.rounded-0{border-radius:0!important}.rounded-1{border-radius:.2rem!important}.rounded-2{border-radius:.3125rem!important}.rounded-3{border-radius:.3rem!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:50rem!important}.rounded-top{border-top-left-radius:.3125rem!important}.rounded-end,.rounded-top{border-top-right-radius:.3125rem!important}.rounded-bottom,.rounded-end{border-bottom-right-radius:.3125rem!important}.rounded-bottom,.rounded-start{border-bottom-left-radius:.3125rem!important}.rounded-start{border-top-left-radius:.3125rem!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}@media (min-width:576px){.float-sm-start{float:left!important}.float-sm-end{float:right!important}.float-sm-none{float:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-grid{display:grid!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:flex!important}.d-sm-inline-flex{display:inline-flex!important}.d-sm-none{display:none!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.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:2rem!important}.gap-sm-6{gap:2.5rem!important}.gap-sm-7{gap:3rem!important}.gap-sm-8{gap:3.5rem!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:2rem!important}.m-sm-6{margin:2.5rem!important}.m-sm-7{margin:3rem!important}.m-sm-8{margin:3.5rem!important}.m-sm-auto{margin:auto!important}.mx-sm-0{margin-left:0!important;margin-right:0!important}.mx-sm-1{margin-left:.25rem!important;margin-right:.25rem!important}.mx-sm-2{margin-left:.5rem!important;margin-right:.5rem!important}.mx-sm-3{margin-left:1rem!important;margin-right:1rem!important}.mx-sm-4{margin-left:1.5rem!important;margin-right:1.5rem!important}.mx-sm-5{margin-left:2rem!important;margin-right:2rem!important}.mx-sm-6{margin-left:2.5rem!important;margin-right:2.5rem!important}.mx-sm-7{margin-left:3rem!important;margin-right:3rem!important}.mx-sm-8{margin-left:3.5rem!important;margin-right:3.5rem!important}.mx-sm-auto{margin-left:auto!important;margin-right:auto!important}.my-sm-0{margin-bottom:0!important;margin-top:0!important}.my-sm-1{margin-bottom:.25rem!important;margin-top:.25rem!important}.my-sm-2{margin-bottom:.5rem!important;margin-top:.5rem!important}.my-sm-3{margin-bottom:1rem!important;margin-top:1rem!important}.my-sm-4{margin-bottom:1.5rem!important;margin-top:1.5rem!important}.my-sm-5{margin-bottom:2rem!important;margin-top:2rem!important}.my-sm-6{margin-bottom:2.5rem!important;margin-top:2.5rem!important}.my-sm-7{margin-bottom:3rem!important;margin-top:3rem!important}.my-sm-8{margin-bottom:3.5rem!important;margin-top:3.5rem!important}.my-sm-auto{margin-bottom:auto!important;margin-top:auto!important}.mt-sm-0{margin-top:0!important}.mt-sm-1{margin-top:.25rem!important}.mt-sm-2{margin-top:.5rem!important}.mt-sm-3{margin-top:1rem!important}.mt-sm-4{margin-top:1.5rem!important}.mt-sm-5{margin-top:2rem!important}.mt-sm-6{margin-top:2.5rem!important}.mt-sm-7{margin-top:3rem!important}.mt-sm-8{margin-top:3.5rem!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:2rem!important}.me-sm-6{margin-right:2.5rem!important}.me-sm-7{margin-right:3rem!important}.me-sm-8{margin-right:3.5rem!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:2rem!important}.mb-sm-6{margin-bottom:2.5rem!important}.mb-sm-7{margin-bottom:3rem!important}.mb-sm-8{margin-bottom:3.5rem!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:2rem!important}.ms-sm-6{margin-left:2.5rem!important}.ms-sm-7{margin-left:3rem!important}.ms-sm-8{margin-left:3.5rem!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:2rem!important}.p-sm-6{padding:2.5rem!important}.p-sm-7{padding:3rem!important}.p-sm-8{padding:3.5rem!important}.px-sm-0{padding-left:0!important;padding-right:0!important}.px-sm-1{padding-left:.25rem!important;padding-right:.25rem!important}.px-sm-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-sm-3{padding-left:1rem!important;padding-right:1rem!important}.px-sm-4{padding-left:1.5rem!important;padding-right:1.5rem!important}.px-sm-5{padding-left:2rem!important;padding-right:2rem!important}.px-sm-6{padding-left:2.5rem!important;padding-right:2.5rem!important}.px-sm-7{padding-left:3rem!important;padding-right:3rem!important}.px-sm-8{padding-left:3.5rem!important;padding-right:3.5rem!important}.py-sm-0{padding-bottom:0!important;padding-top:0!important}.py-sm-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.py-sm-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.py-sm-3{padding-bottom:1rem!important;padding-top:1rem!important}.py-sm-4{padding-bottom:1.5rem!important;padding-top:1.5rem!important}.py-sm-5{padding-bottom:2rem!important;padding-top:2rem!important}.py-sm-6{padding-bottom:2.5rem!important;padding-top:2.5rem!important}.py-sm-7{padding-bottom:3rem!important;padding-top:3rem!important}.py-sm-8{padding-bottom:3.5rem!important;padding-top:3.5rem!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:2rem!important}.pt-sm-6{padding-top:2.5rem!important}.pt-sm-7{padding-top:3rem!important}.pt-sm-8{padding-top:3.5rem!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:2rem!important}.pe-sm-6{padding-right:2.5rem!important}.pe-sm-7{padding-right:3rem!important}.pe-sm-8{padding-right:3.5rem!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:2rem!important}.pb-sm-6{padding-bottom:2.5rem!important}.pb-sm-7{padding-bottom:3rem!important}.pb-sm-8{padding-bottom:3.5rem!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:2rem!important}.ps-sm-6{padding-left:2.5rem!important}.ps-sm-7{padding-left:3rem!important}.ps-sm-8{padding-left:3.5rem!important}.text-sm-start{text-align:left!important}.text-sm-end{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.float-md-start{float:left!important}.float-md-end{float:right!important}.float-md-none{float:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-grid{display:grid!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:flex!important}.d-md-inline-flex{display:inline-flex!important}.d-md-none{display:none!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.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:2rem!important}.gap-md-6{gap:2.5rem!important}.gap-md-7{gap:3rem!important}.gap-md-8{gap:3.5rem!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:2rem!important}.m-md-6{margin:2.5rem!important}.m-md-7{margin:3rem!important}.m-md-8{margin:3.5rem!important}.m-md-auto{margin:auto!important}.mx-md-0{margin-left:0!important;margin-right:0!important}.mx-md-1{margin-left:.25rem!important;margin-right:.25rem!important}.mx-md-2{margin-left:.5rem!important;margin-right:.5rem!important}.mx-md-3{margin-left:1rem!important;margin-right:1rem!important}.mx-md-4{margin-left:1.5rem!important;margin-right:1.5rem!important}.mx-md-5{margin-left:2rem!important;margin-right:2rem!important}.mx-md-6{margin-left:2.5rem!important;margin-right:2.5rem!important}.mx-md-7{margin-left:3rem!important;margin-right:3rem!important}.mx-md-8{margin-left:3.5rem!important;margin-right:3.5rem!important}.mx-md-auto{margin-left:auto!important;margin-right:auto!important}.my-md-0{margin-bottom:0!important;margin-top:0!important}.my-md-1{margin-bottom:.25rem!important;margin-top:.25rem!important}.my-md-2{margin-bottom:.5rem!important;margin-top:.5rem!important}.my-md-3{margin-bottom:1rem!important;margin-top:1rem!important}.my-md-4{margin-bottom:1.5rem!important;margin-top:1.5rem!important}.my-md-5{margin-bottom:2rem!important;margin-top:2rem!important}.my-md-6{margin-bottom:2.5rem!important;margin-top:2.5rem!important}.my-md-7{margin-bottom:3rem!important;margin-top:3rem!important}.my-md-8{margin-bottom:3.5rem!important;margin-top:3.5rem!important}.my-md-auto{margin-bottom:auto!important;margin-top:auto!important}.mt-md-0{margin-top:0!important}.mt-md-1{margin-top:.25rem!important}.mt-md-2{margin-top:.5rem!important}.mt-md-3{margin-top:1rem!important}.mt-md-4{margin-top:1.5rem!important}.mt-md-5{margin-top:2rem!important}.mt-md-6{margin-top:2.5rem!important}.mt-md-7{margin-top:3rem!important}.mt-md-8{margin-top:3.5rem!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:2rem!important}.me-md-6{margin-right:2.5rem!important}.me-md-7{margin-right:3rem!important}.me-md-8{margin-right:3.5rem!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:2rem!important}.mb-md-6{margin-bottom:2.5rem!important}.mb-md-7{margin-bottom:3rem!important}.mb-md-8{margin-bottom:3.5rem!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:2rem!important}.ms-md-6{margin-left:2.5rem!important}.ms-md-7{margin-left:3rem!important}.ms-md-8{margin-left:3.5rem!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:2rem!important}.p-md-6{padding:2.5rem!important}.p-md-7{padding:3rem!important}.p-md-8{padding:3.5rem!important}.px-md-0{padding-left:0!important;padding-right:0!important}.px-md-1{padding-left:.25rem!important;padding-right:.25rem!important}.px-md-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-md-3{padding-left:1rem!important;padding-right:1rem!important}.px-md-4{padding-left:1.5rem!important;padding-right:1.5rem!important}.px-md-5{padding-left:2rem!important;padding-right:2rem!important}.px-md-6{padding-left:2.5rem!important;padding-right:2.5rem!important}.px-md-7{padding-left:3rem!important;padding-right:3rem!important}.px-md-8{padding-left:3.5rem!important;padding-right:3.5rem!important}.py-md-0{padding-bottom:0!important;padding-top:0!important}.py-md-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.py-md-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.py-md-3{padding-bottom:1rem!important;padding-top:1rem!important}.py-md-4{padding-bottom:1.5rem!important;padding-top:1.5rem!important}.py-md-5{padding-bottom:2rem!important;padding-top:2rem!important}.py-md-6{padding-bottom:2.5rem!important;padding-top:2.5rem!important}.py-md-7{padding-bottom:3rem!important;padding-top:3rem!important}.py-md-8{padding-bottom:3.5rem!important;padding-top:3.5rem!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:2rem!important}.pt-md-6{padding-top:2.5rem!important}.pt-md-7{padding-top:3rem!important}.pt-md-8{padding-top:3.5rem!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:2rem!important}.pe-md-6{padding-right:2.5rem!important}.pe-md-7{padding-right:3rem!important}.pe-md-8{padding-right:3.5rem!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:2rem!important}.pb-md-6{padding-bottom:2.5rem!important}.pb-md-7{padding-bottom:3rem!important}.pb-md-8{padding-bottom:3.5rem!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:2rem!important}.ps-md-6{padding-left:2.5rem!important}.ps-md-7{padding-left:3rem!important}.ps-md-8{padding-left:3.5rem!important}.text-md-start{text-align:left!important}.text-md-end{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.float-lg-start{float:left!important}.float-lg-end{float:right!important}.float-lg-none{float:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-grid{display:grid!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:flex!important}.d-lg-inline-flex{display:inline-flex!important}.d-lg-none{display:none!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.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:2rem!important}.gap-lg-6{gap:2.5rem!important}.gap-lg-7{gap:3rem!important}.gap-lg-8{gap:3.5rem!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:2rem!important}.m-lg-6{margin:2.5rem!important}.m-lg-7{margin:3rem!important}.m-lg-8{margin:3.5rem!important}.m-lg-auto{margin:auto!important}.mx-lg-0{margin-left:0!important;margin-right:0!important}.mx-lg-1{margin-left:.25rem!important;margin-right:.25rem!important}.mx-lg-2{margin-left:.5rem!important;margin-right:.5rem!important}.mx-lg-3{margin-left:1rem!important;margin-right:1rem!important}.mx-lg-4{margin-left:1.5rem!important;margin-right:1.5rem!important}.mx-lg-5{margin-left:2rem!important;margin-right:2rem!important}.mx-lg-6{margin-left:2.5rem!important;margin-right:2.5rem!important}.mx-lg-7{margin-left:3rem!important;margin-right:3rem!important}.mx-lg-8{margin-left:3.5rem!important;margin-right:3.5rem!important}.mx-lg-auto{margin-left:auto!important;margin-right:auto!important}.my-lg-0{margin-bottom:0!important;margin-top:0!important}.my-lg-1{margin-bottom:.25rem!important;margin-top:.25rem!important}.my-lg-2{margin-bottom:.5rem!important;margin-top:.5rem!important}.my-lg-3{margin-bottom:1rem!important;margin-top:1rem!important}.my-lg-4{margin-bottom:1.5rem!important;margin-top:1.5rem!important}.my-lg-5{margin-bottom:2rem!important;margin-top:2rem!important}.my-lg-6{margin-bottom:2.5rem!important;margin-top:2.5rem!important}.my-lg-7{margin-bottom:3rem!important;margin-top:3rem!important}.my-lg-8{margin-bottom:3.5rem!important;margin-top:3.5rem!important}.my-lg-auto{margin-bottom:auto!important;margin-top:auto!important}.mt-lg-0{margin-top:0!important}.mt-lg-1{margin-top:.25rem!important}.mt-lg-2{margin-top:.5rem!important}.mt-lg-3{margin-top:1rem!important}.mt-lg-4{margin-top:1.5rem!important}.mt-lg-5{margin-top:2rem!important}.mt-lg-6{margin-top:2.5rem!important}.mt-lg-7{margin-top:3rem!important}.mt-lg-8{margin-top:3.5rem!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:2rem!important}.me-lg-6{margin-right:2.5rem!important}.me-lg-7{margin-right:3rem!important}.me-lg-8{margin-right:3.5rem!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:2rem!important}.mb-lg-6{margin-bottom:2.5rem!important}.mb-lg-7{margin-bottom:3rem!important}.mb-lg-8{margin-bottom:3.5rem!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:2rem!important}.ms-lg-6{margin-left:2.5rem!important}.ms-lg-7{margin-left:3rem!important}.ms-lg-8{margin-left:3.5rem!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:2rem!important}.p-lg-6{padding:2.5rem!important}.p-lg-7{padding:3rem!important}.p-lg-8{padding:3.5rem!important}.px-lg-0{padding-left:0!important;padding-right:0!important}.px-lg-1{padding-left:.25rem!important;padding-right:.25rem!important}.px-lg-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-lg-3{padding-left:1rem!important;padding-right:1rem!important}.px-lg-4{padding-left:1.5rem!important;padding-right:1.5rem!important}.px-lg-5{padding-left:2rem!important;padding-right:2rem!important}.px-lg-6{padding-left:2.5rem!important;padding-right:2.5rem!important}.px-lg-7{padding-left:3rem!important;padding-right:3rem!important}.px-lg-8{padding-left:3.5rem!important;padding-right:3.5rem!important}.py-lg-0{padding-bottom:0!important;padding-top:0!important}.py-lg-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.py-lg-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.py-lg-3{padding-bottom:1rem!important;padding-top:1rem!important}.py-lg-4{padding-bottom:1.5rem!important;padding-top:1.5rem!important}.py-lg-5{padding-bottom:2rem!important;padding-top:2rem!important}.py-lg-6{padding-bottom:2.5rem!important;padding-top:2.5rem!important}.py-lg-7{padding-bottom:3rem!important;padding-top:3rem!important}.py-lg-8{padding-bottom:3.5rem!important;padding-top:3.5rem!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:2rem!important}.pt-lg-6{padding-top:2.5rem!important}.pt-lg-7{padding-top:3rem!important}.pt-lg-8{padding-top:3.5rem!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:2rem!important}.pe-lg-6{padding-right:2.5rem!important}.pe-lg-7{padding-right:3rem!important}.pe-lg-8{padding-right:3.5rem!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:2rem!important}.pb-lg-6{padding-bottom:2.5rem!important}.pb-lg-7{padding-bottom:3rem!important}.pb-lg-8{padding-bottom:3.5rem!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:2rem!important}.ps-lg-6{padding-left:2.5rem!important}.ps-lg-7{padding-left:3rem!important}.ps-lg-8{padding-left:3.5rem!important}.text-lg-start{text-align:left!important}.text-lg-end{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.float-xl-start{float:left!important}.float-xl-end{float:right!important}.float-xl-none{float:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-grid{display:grid!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:flex!important}.d-xl-inline-flex{display:inline-flex!important}.d-xl-none{display:none!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.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:2rem!important}.gap-xl-6{gap:2.5rem!important}.gap-xl-7{gap:3rem!important}.gap-xl-8{gap:3.5rem!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:2rem!important}.m-xl-6{margin:2.5rem!important}.m-xl-7{margin:3rem!important}.m-xl-8{margin:3.5rem!important}.m-xl-auto{margin:auto!important}.mx-xl-0{margin-left:0!important;margin-right:0!important}.mx-xl-1{margin-left:.25rem!important;margin-right:.25rem!important}.mx-xl-2{margin-left:.5rem!important;margin-right:.5rem!important}.mx-xl-3{margin-left:1rem!important;margin-right:1rem!important}.mx-xl-4{margin-left:1.5rem!important;margin-right:1.5rem!important}.mx-xl-5{margin-left:2rem!important;margin-right:2rem!important}.mx-xl-6{margin-left:2.5rem!important;margin-right:2.5rem!important}.mx-xl-7{margin-left:3rem!important;margin-right:3rem!important}.mx-xl-8{margin-left:3.5rem!important;margin-right:3.5rem!important}.mx-xl-auto{margin-left:auto!important;margin-right:auto!important}.my-xl-0{margin-bottom:0!important;margin-top:0!important}.my-xl-1{margin-bottom:.25rem!important;margin-top:.25rem!important}.my-xl-2{margin-bottom:.5rem!important;margin-top:.5rem!important}.my-xl-3{margin-bottom:1rem!important;margin-top:1rem!important}.my-xl-4{margin-bottom:1.5rem!important;margin-top:1.5rem!important}.my-xl-5{margin-bottom:2rem!important;margin-top:2rem!important}.my-xl-6{margin-bottom:2.5rem!important;margin-top:2.5rem!important}.my-xl-7{margin-bottom:3rem!important;margin-top:3rem!important}.my-xl-8{margin-bottom:3.5rem!important;margin-top:3.5rem!important}.my-xl-auto{margin-bottom:auto!important;margin-top:auto!important}.mt-xl-0{margin-top:0!important}.mt-xl-1{margin-top:.25rem!important}.mt-xl-2{margin-top:.5rem!important}.mt-xl-3{margin-top:1rem!important}.mt-xl-4{margin-top:1.5rem!important}.mt-xl-5{margin-top:2rem!important}.mt-xl-6{margin-top:2.5rem!important}.mt-xl-7{margin-top:3rem!important}.mt-xl-8{margin-top:3.5rem!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:2rem!important}.me-xl-6{margin-right:2.5rem!important}.me-xl-7{margin-right:3rem!important}.me-xl-8{margin-right:3.5rem!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:2rem!important}.mb-xl-6{margin-bottom:2.5rem!important}.mb-xl-7{margin-bottom:3rem!important}.mb-xl-8{margin-bottom:3.5rem!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:2rem!important}.ms-xl-6{margin-left:2.5rem!important}.ms-xl-7{margin-left:3rem!important}.ms-xl-8{margin-left:3.5rem!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:2rem!important}.p-xl-6{padding:2.5rem!important}.p-xl-7{padding:3rem!important}.p-xl-8{padding:3.5rem!important}.px-xl-0{padding-left:0!important;padding-right:0!important}.px-xl-1{padding-left:.25rem!important;padding-right:.25rem!important}.px-xl-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-xl-3{padding-left:1rem!important;padding-right:1rem!important}.px-xl-4{padding-left:1.5rem!important;padding-right:1.5rem!important}.px-xl-5{padding-left:2rem!important;padding-right:2rem!important}.px-xl-6{padding-left:2.5rem!important;padding-right:2.5rem!important}.px-xl-7{padding-left:3rem!important;padding-right:3rem!important}.px-xl-8{padding-left:3.5rem!important;padding-right:3.5rem!important}.py-xl-0{padding-bottom:0!important;padding-top:0!important}.py-xl-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.py-xl-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.py-xl-3{padding-bottom:1rem!important;padding-top:1rem!important}.py-xl-4{padding-bottom:1.5rem!important;padding-top:1.5rem!important}.py-xl-5{padding-bottom:2rem!important;padding-top:2rem!important}.py-xl-6{padding-bottom:2.5rem!important;padding-top:2.5rem!important}.py-xl-7{padding-bottom:3rem!important;padding-top:3rem!important}.py-xl-8{padding-bottom:3.5rem!important;padding-top:3.5rem!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:2rem!important}.pt-xl-6{padding-top:2.5rem!important}.pt-xl-7{padding-top:3rem!important}.pt-xl-8{padding-top:3.5rem!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:2rem!important}.pe-xl-6{padding-right:2.5rem!important}.pe-xl-7{padding-right:3rem!important}.pe-xl-8{padding-right:3.5rem!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:2rem!important}.pb-xl-6{padding-bottom:2.5rem!important}.pb-xl-7{padding-bottom:3rem!important}.pb-xl-8{padding-bottom:3.5rem!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:2rem!important}.ps-xl-6{padding-left:2.5rem!important}.ps-xl-7{padding-left:3rem!important}.ps-xl-8{padding-left:3.5rem!important}.text-xl-start{text-align:left!important}.text-xl-end{text-align:right!important}.text-xl-center{text-align:center!important}}@media (min-width:1400px){.float-xxl-start{float:left!important}.float-xxl-end{float:right!important}.float-xxl-none{float:none!important}.d-xxl-inline{display:inline!important}.d-xxl-inline-block{display:inline-block!important}.d-xxl-block{display:block!important}.d-xxl-grid{display:grid!important}.d-xxl-table{display:table!important}.d-xxl-table-row{display:table-row!important}.d-xxl-table-cell{display:table-cell!important}.d-xxl-flex{display:flex!important}.d-xxl-inline-flex{display:inline-flex!important}.d-xxl-none{display:none!important}.flex-xxl-fill{flex:1 1 auto!important}.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.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:2rem!important}.gap-xxl-6{gap:2.5rem!important}.gap-xxl-7{gap:3rem!important}.gap-xxl-8{gap:3.5rem!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:2rem!important}.m-xxl-6{margin:2.5rem!important}.m-xxl-7{margin:3rem!important}.m-xxl-8{margin:3.5rem!important}.m-xxl-auto{margin:auto!important}.mx-xxl-0{margin-left:0!important;margin-right:0!important}.mx-xxl-1{margin-left:.25rem!important;margin-right:.25rem!important}.mx-xxl-2{margin-left:.5rem!important;margin-right:.5rem!important}.mx-xxl-3{margin-left:1rem!important;margin-right:1rem!important}.mx-xxl-4{margin-left:1.5rem!important;margin-right:1.5rem!important}.mx-xxl-5{margin-left:2rem!important;margin-right:2rem!important}.mx-xxl-6{margin-left:2.5rem!important;margin-right:2.5rem!important}.mx-xxl-7{margin-left:3rem!important;margin-right:3rem!important}.mx-xxl-8{margin-left:3.5rem!important;margin-right:3.5rem!important}.mx-xxl-auto{margin-left:auto!important;margin-right:auto!important}.my-xxl-0{margin-bottom:0!important;margin-top:0!important}.my-xxl-1{margin-bottom:.25rem!important;margin-top:.25rem!important}.my-xxl-2{margin-bottom:.5rem!important;margin-top:.5rem!important}.my-xxl-3{margin-bottom:1rem!important;margin-top:1rem!important}.my-xxl-4{margin-bottom:1.5rem!important;margin-top:1.5rem!important}.my-xxl-5{margin-bottom:2rem!important;margin-top:2rem!important}.my-xxl-6{margin-bottom:2.5rem!important;margin-top:2.5rem!important}.my-xxl-7{margin-bottom:3rem!important;margin-top:3rem!important}.my-xxl-8{margin-bottom:3.5rem!important;margin-top:3.5rem!important}.my-xxl-auto{margin-bottom:auto!important;margin-top:auto!important}.mt-xxl-0{margin-top:0!important}.mt-xxl-1{margin-top:.25rem!important}.mt-xxl-2{margin-top:.5rem!important}.mt-xxl-3{margin-top:1rem!important}.mt-xxl-4{margin-top:1.5rem!important}.mt-xxl-5{margin-top:2rem!important}.mt-xxl-6{margin-top:2.5rem!important}.mt-xxl-7{margin-top:3rem!important}.mt-xxl-8{margin-top:3.5rem!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:2rem!important}.me-xxl-6{margin-right:2.5rem!important}.me-xxl-7{margin-right:3rem!important}.me-xxl-8{margin-right:3.5rem!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:2rem!important}.mb-xxl-6{margin-bottom:2.5rem!important}.mb-xxl-7{margin-bottom:3rem!important}.mb-xxl-8{margin-bottom:3.5rem!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:2rem!important}.ms-xxl-6{margin-left:2.5rem!important}.ms-xxl-7{margin-left:3rem!important}.ms-xxl-8{margin-left:3.5rem!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:2rem!important}.p-xxl-6{padding:2.5rem!important}.p-xxl-7{padding:3rem!important}.p-xxl-8{padding:3.5rem!important}.px-xxl-0{padding-left:0!important;padding-right:0!important}.px-xxl-1{padding-left:.25rem!important;padding-right:.25rem!important}.px-xxl-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-xxl-3{padding-left:1rem!important;padding-right:1rem!important}.px-xxl-4{padding-left:1.5rem!important;padding-right:1.5rem!important}.px-xxl-5{padding-left:2rem!important;padding-right:2rem!important}.px-xxl-6{padding-left:2.5rem!important;padding-right:2.5rem!important}.px-xxl-7{padding-left:3rem!important;padding-right:3rem!important}.px-xxl-8{padding-left:3.5rem!important;padding-right:3.5rem!important}.py-xxl-0{padding-bottom:0!important;padding-top:0!important}.py-xxl-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.py-xxl-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.py-xxl-3{padding-bottom:1rem!important;padding-top:1rem!important}.py-xxl-4{padding-bottom:1.5rem!important;padding-top:1.5rem!important}.py-xxl-5{padding-bottom:2rem!important;padding-top:2rem!important}.py-xxl-6{padding-bottom:2.5rem!important;padding-top:2.5rem!important}.py-xxl-7{padding-bottom:3rem!important;padding-top:3rem!important}.py-xxl-8{padding-bottom:3.5rem!important;padding-top:3.5rem!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:2rem!important}.pt-xxl-6{padding-top:2.5rem!important}.pt-xxl-7{padding-top:3rem!important}.pt-xxl-8{padding-top:3.5rem!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:2rem!important}.pe-xxl-6{padding-right:2.5rem!important}.pe-xxl-7{padding-right:3rem!important}.pe-xxl-8{padding-right:3.5rem!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:2rem!important}.pb-xxl-6{padding-bottom:2.5rem!important}.pb-xxl-7{padding-bottom:3rem!important}.pb-xxl-8{padding-bottom:3.5rem!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:2rem!important}.ps-xxl-6{padding-left:2.5rem!important}.ps-xxl-7{padding-left:3rem!important}.ps-xxl-8{padding-left:3.5rem!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-0{font-size:3.5rem!important}.fs-1{font-size:2.5rem!important}.fs-2{font-size:2rem!important}.fs-3{font-size:1.5rem!important}}@media print{.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-grid{display:grid!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:flex!important}.d-print-inline-flex{display:inline-flex!important}.d-print-none{display:none!important}}:host{font-family:var(--sgds-body-font-family,"Inter",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-size:var(--sgds-body-font-size,1rem);font-weight:var(--sgds-body-font-weight,400);line-height:var(--sgds-body-line-height,2)}`;
|
|
113
113
|
|
|
114
114
|
class SgdsElement extends s$3 {
|
|
115
115
|
/** Emits a custom event with more convenient defaults. */
|
|
@@ -119,16 +119,23 @@
|
|
|
119
119
|
return event;
|
|
120
120
|
}
|
|
121
121
|
}
|
|
122
|
-
SgdsElement.styles = css_248z$
|
|
122
|
+
SgdsElement.styles = css_248z$v;
|
|
123
123
|
|
|
124
|
-
var css_248z$
|
|
124
|
+
var css_248z$u = i$6`:host{--sidenav-theme-color:#5925dc}ul{display:flex;flex-direction:column;gap:1rem;list-style:none}`;
|
|
125
125
|
|
|
126
126
|
/**
|
|
127
|
-
* @
|
|
127
|
+
* @summary The side navigation is used to display a list of links to move between pages within a related category.
|
|
128
|
+
* It is used as a secondary form of navigation where the primary navigation is located hierachically above the page frame.
|
|
129
|
+
* Maximum two levels of navigations are allowed.
|
|
130
|
+
*
|
|
131
|
+
* @slot default - Default slot for SgdsSidenavItem element.
|
|
132
|
+
*
|
|
133
|
+
* @cssproperty --sidenav-theme-color - overall sidenav theme color
|
|
128
134
|
*/
|
|
129
135
|
let SgdsSidenav = class SgdsSidenav extends SgdsElement {
|
|
130
136
|
constructor() {
|
|
131
137
|
super(...arguments);
|
|
138
|
+
/** Allow sidenav items to stay open when another item is opened */
|
|
132
139
|
this.alwaysOpen = false;
|
|
133
140
|
}
|
|
134
141
|
render() {
|
|
@@ -143,7 +150,7 @@
|
|
|
143
150
|
}
|
|
144
151
|
});
|
|
145
152
|
return x `
|
|
146
|
-
<nav class="sidenav"
|
|
153
|
+
<nav class="sidenav">
|
|
147
154
|
<ul>
|
|
148
155
|
<slot></slot>
|
|
149
156
|
</ul>
|
|
@@ -151,7 +158,7 @@
|
|
|
151
158
|
`;
|
|
152
159
|
}
|
|
153
160
|
};
|
|
154
|
-
SgdsSidenav.styles = css_248z$
|
|
161
|
+
SgdsSidenav.styles = css_248z$u;
|
|
155
162
|
__decorate([
|
|
156
163
|
e$6({ type: Boolean, attribute: true })
|
|
157
164
|
], SgdsSidenav.prototype, "alwaysOpen", void 0);
|
|
@@ -159,7 +166,7 @@
|
|
|
159
166
|
e$7("sgds-sidenav")
|
|
160
167
|
], SgdsSidenav);
|
|
161
168
|
|
|
162
|
-
var css_248z$
|
|
169
|
+
var css_248z$t = i$6`:host{--sidenav-item-button-border-left-width:0.125rem;--sidenav-item-padding-x:1rem;--sidenav-item-padding-y:0.5rem;--sidenav-item-icon-title-gap:1rem}.sidenav-btn{align-items:center;background:0;border:0;border-left:var(--sidenav-item-button-border-left-width) solid transparent;border-radius:0;display:flex;font-size:var(--sgds-body-font-size);gap:var(--sidenav-item-icon-title-gap);line-height:1.5rem;padding:.5rem 1rem;text-align:initial;width:100%}.sidenav-btn.active,.sidenav-btn:hover{border-left-color:var(--sidenav-theme-color);color:var(--sidenav-theme-color);font-weight:700}.sidenav-btn.disabled{opacity:.65;pointer-events:none}.sidenav-btn svg.bi-chevron-down{margin-left:auto;transform:rotate(180deg);transition:all .3s ease-in-out}.sidenav-btn:not(.active) svg.bi-chevron-down{transform:rotate(0deg)}a.sidenav-btn{color:inherit;line-height:1.5rem;text-decoration:none}.sidenav-list{display:flex;flex-direction:column;line-height:2rem;list-style:none;margin:0;padding-left:0}.collapse,.collapse.show,.collapsing{margin-top:1rem}`;
|
|
163
170
|
|
|
164
171
|
/**
|
|
165
172
|
* @license
|
|
@@ -7246,20 +7253,41 @@
|
|
|
7246
7253
|
*
|
|
7247
7254
|
* @slot - default slot for SgdsSidenavLink element.
|
|
7248
7255
|
* @slot title - title slot for the content of SgdsSidenavItem's button / anchor element.
|
|
7256
|
+
* @slot icon - icon slot for the content of SgdsSidenavItem's button / anchor element.
|
|
7257
|
+
*
|
|
7258
|
+
* @cssproperty --sidenav-item-button-border-left-width - sidenav item left border width
|
|
7259
|
+
* @cssproperty --sidenav-item-padding-x - sidenav item padding left and right
|
|
7260
|
+
* @cssproperty --sidenav-item-padding-y - sidenav item padding top and bottom
|
|
7261
|
+
* @cssproperty --sidenav-item-icon-title-gap - the flex gap between sidenav item icon and title
|
|
7249
7262
|
*/
|
|
7250
7263
|
let SgdsSidenavItem = class SgdsSidenavItem extends SgdsElement {
|
|
7251
7264
|
constructor() {
|
|
7252
7265
|
super(...arguments);
|
|
7266
|
+
/** @internal */
|
|
7253
7267
|
this.myCollapse = e$2();
|
|
7268
|
+
/** @internal */
|
|
7254
7269
|
this.bsCollapse = null;
|
|
7255
|
-
/**
|
|
7256
|
-
* set the active stylings.
|
|
7270
|
+
/**
|
|
7271
|
+
* when true, toggles the sidenav-item to open on first load and set the active stylings.
|
|
7257
7272
|
*/
|
|
7258
7273
|
this.active = false;
|
|
7274
|
+
/**
|
|
7275
|
+
* When defined, converts SgdsSidenavItem from a button element to an Anchor element. In this case, only one level of navigation is allowed
|
|
7276
|
+
*/
|
|
7259
7277
|
this.href = "";
|
|
7278
|
+
/**
|
|
7279
|
+
* Disables the SgdsSidenavItem
|
|
7280
|
+
*/
|
|
7281
|
+
this.disabled = false;
|
|
7282
|
+
/**
|
|
7283
|
+
* @internal Forwards to id attribute of div.collapse and aria-controls attribute of button in SgdsSidenavItem. By default, SgdsSidenavItem auto-generates a unique id. Override the default id by specifiying your own
|
|
7284
|
+
*/
|
|
7260
7285
|
this.collapseId = genId("sidenav", "collapse");
|
|
7286
|
+
/**
|
|
7287
|
+
* @internal Forwards to id attribute of button and aria-labelledby attribute of ul.sidenav-list in SgdsSidenavItem. By default, SgdsSidenavItem auto-generates a unique id. Override the default id by specifiying your own
|
|
7288
|
+
*/
|
|
7261
7289
|
this.buttonId = genId("sidenav", "button");
|
|
7262
|
-
|
|
7290
|
+
/** @internal */
|
|
7263
7291
|
this.index = "-1";
|
|
7264
7292
|
}
|
|
7265
7293
|
_onClick() {
|
|
@@ -7276,7 +7304,7 @@
|
|
|
7276
7304
|
this.active = true;
|
|
7277
7305
|
}
|
|
7278
7306
|
/**
|
|
7279
|
-
*
|
|
7307
|
+
* When invoked, closes the SgdsSidenavItem
|
|
7280
7308
|
*/
|
|
7281
7309
|
closeItem() {
|
|
7282
7310
|
this.active = false;
|
|
@@ -7284,7 +7312,7 @@
|
|
|
7284
7312
|
this.bsCollapse.hide();
|
|
7285
7313
|
}
|
|
7286
7314
|
/**
|
|
7287
|
-
*
|
|
7315
|
+
* When invoked, opens the SgdsSidenavItem
|
|
7288
7316
|
*/
|
|
7289
7317
|
openItem() {
|
|
7290
7318
|
this.active = true;
|
|
@@ -7358,6 +7386,7 @@
|
|
|
7358
7386
|
?disabled=${this.disabled}
|
|
7359
7387
|
aria-disabled=${this.disabled ? "true" : "false"}
|
|
7360
7388
|
>
|
|
7389
|
+
<slot name="icon"></slot>
|
|
7361
7390
|
<slot name="title"></slot>
|
|
7362
7391
|
</a>
|
|
7363
7392
|
`;
|
|
@@ -7366,19 +7395,13 @@
|
|
|
7366
7395
|
`;
|
|
7367
7396
|
}
|
|
7368
7397
|
};
|
|
7369
|
-
SgdsSidenavItem.styles = [SgdsElement.styles, css_248z$
|
|
7398
|
+
SgdsSidenavItem.styles = [SgdsElement.styles, css_248z$t];
|
|
7370
7399
|
__decorate([
|
|
7371
7400
|
e$6({ type: Boolean })
|
|
7372
7401
|
], SgdsSidenavItem.prototype, "active", void 0);
|
|
7373
7402
|
__decorate([
|
|
7374
7403
|
e$6({ type: String })
|
|
7375
7404
|
], SgdsSidenavItem.prototype, "href", void 0);
|
|
7376
|
-
__decorate([
|
|
7377
|
-
e$6({ type: String })
|
|
7378
|
-
], SgdsSidenavItem.prototype, "collapseId", void 0);
|
|
7379
|
-
__decorate([
|
|
7380
|
-
e$6({ type: String })
|
|
7381
|
-
], SgdsSidenavItem.prototype, "buttonId", void 0);
|
|
7382
7405
|
__decorate([
|
|
7383
7406
|
e$6({ type: Boolean, reflect: true })
|
|
7384
7407
|
], SgdsSidenavItem.prototype, "disabled", void 0);
|
|
@@ -7386,11 +7409,17 @@
|
|
|
7386
7409
|
e$7("sgds-sidenav-item")
|
|
7387
7410
|
], SgdsSidenavItem);
|
|
7388
7411
|
|
|
7412
|
+
/**
|
|
7413
|
+
* @slot default - Default slot for SgdsMainnavItem anchor element
|
|
7414
|
+
*/
|
|
7389
7415
|
class LinkElement extends SgdsElement {
|
|
7390
7416
|
constructor() {
|
|
7391
7417
|
super(...arguments);
|
|
7418
|
+
/** when true, sets the active stylings of .nav-link */
|
|
7392
7419
|
this.active = false;
|
|
7420
|
+
/** Href attribute for anchor element in SgdsMainnavItem */
|
|
7393
7421
|
this.href = "";
|
|
7422
|
+
/** Disables the SgdsMainnavItem */
|
|
7394
7423
|
this.disabled = false;
|
|
7395
7424
|
}
|
|
7396
7425
|
render() {
|
|
@@ -7421,14 +7450,19 @@
|
|
|
7421
7450
|
e$6({ type: Boolean, reflect: true })
|
|
7422
7451
|
], LinkElement.prototype, "disabled", void 0);
|
|
7423
7452
|
|
|
7424
|
-
var css_248z$
|
|
7453
|
+
var css_248z$s = i$6`:host{--sidenav-link-font-size:var(--sgds-body-font-size);--sidenav-link-padding-x:1rem;--sidenav-link-padding-y:0.5rem;--sidenav-link-disabled-color:var(--sgds-gray-600)}a.nav-link{color:inherit;display:block;font-size:var(--sidenav-link-font-size);padding-bottom:var(--sidenav-link-padding-y);padding-left:calc(var(--sidenav-link-padding-y)*4 + var(--sidenav-item-button-border-left-width));padding-right:0;padding-top:var(--sidenav-link-padding-y);text-decoration:none}a.nav-link.active,a.nav-link:hover{color:var(--sidenav-theme-color)}a.nav-link.disabled{color:var(--sidenav-link-disabled-color);cursor:default;pointer-events:none}`;
|
|
7425
7454
|
|
|
7426
7455
|
/**
|
|
7427
|
-
* @slot -
|
|
7456
|
+
* @slot default - slot for label of anchor tag.
|
|
7457
|
+
*
|
|
7458
|
+
* @cssproperty --sidenav-link-font-size - sidenav link font size, default to `--sgds-body-font-size`
|
|
7459
|
+
* @cssproperty --sidenav-link-padding-x - sidenav link padding left and right
|
|
7460
|
+
* @cssproperty --sidenav-link-padding-y - sidenav link padding top and bottom
|
|
7461
|
+
* @cssproperty --sidenav-link-disabled-color - sidenav link disabled color, default to `--sgds-gray-600`
|
|
7428
7462
|
*/
|
|
7429
7463
|
let SgdsSidenavLink = class SgdsSidenavLink extends LinkElement {
|
|
7430
7464
|
};
|
|
7431
|
-
SgdsSidenavLink.styles = css_248z$
|
|
7465
|
+
SgdsSidenavLink.styles = css_248z$s;
|
|
7432
7466
|
SgdsSidenavLink = __decorate([
|
|
7433
7467
|
e$7("sgds-sidenav-link")
|
|
7434
7468
|
], SgdsSidenavLink);
|
|
@@ -7470,7 +7504,7 @@
|
|
|
7470
7504
|
};
|
|
7471
7505
|
}
|
|
7472
7506
|
|
|
7473
|
-
var css_248z$
|
|
7507
|
+
var css_248z$r = i$6``;
|
|
7474
7508
|
|
|
7475
7509
|
/**
|
|
7476
7510
|
* @license
|
|
@@ -7484,19 +7518,28 @@
|
|
|
7484
7518
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
7485
7519
|
*/const l$1=e$3(class extends i$1{constructor(r){if(super(r),r.type!==t$1.PROPERTY&&r.type!==t$1.ATTRIBUTE&&r.type!==t$1.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!e$4(r))throw Error("`live` bindings can only contain a single expression")}render(r){return r}update(i,[t]){if(t===T$1||t===A$1)return t;const o=i.element,l=i.name;if(i.type===t$1.PROPERTY){if(t===o[l])return T$1}else if(i.type===t$1.BOOLEAN_ATTRIBUTE){if(!!t===o.hasAttribute(l))return T$1}else if(i.type===t$1.ATTRIBUTE&&o.getAttribute(l)===t+"")return T$1;return s$2(i),t}});
|
|
7486
7520
|
|
|
7521
|
+
/**
|
|
7522
|
+
* @summary Radio allows the user to select one option from a set while seeing all available options.
|
|
7523
|
+
*
|
|
7524
|
+
* @slot default - The label of the radio button
|
|
7525
|
+
*
|
|
7526
|
+
* @event sgds-focus - Emitted when the control gains focus.
|
|
7527
|
+
* @event sgds-blur - Emitted when the control loses focus.
|
|
7528
|
+
*/
|
|
7487
7529
|
let SgdsRadio = class SgdsRadio extends SgdsElement {
|
|
7488
7530
|
constructor() {
|
|
7489
7531
|
super(...arguments);
|
|
7532
|
+
/**
|
|
7533
|
+
* Draws the radio in a checked state
|
|
7534
|
+
*/
|
|
7490
7535
|
this.checked = false;
|
|
7491
|
-
this.hasFocus = false;
|
|
7492
|
-
/** For id/for pair of the HTML form control. */
|
|
7493
|
-
this.radioId = genId("radio");
|
|
7494
7536
|
/** Disables the radio. */
|
|
7495
7537
|
this.disabled = false;
|
|
7496
7538
|
/** Aligns the radios horizontally */
|
|
7497
7539
|
this.isInline = false;
|
|
7498
7540
|
/** For aria-label */
|
|
7499
7541
|
this.ariaLabel = "";
|
|
7542
|
+
this.radioId = genId("radio");
|
|
7500
7543
|
}
|
|
7501
7544
|
connectedCallback() {
|
|
7502
7545
|
super.connectedCallback();
|
|
@@ -7511,7 +7554,6 @@
|
|
|
7511
7554
|
this.setAttribute("aria-disabled", this.disabled ? "true" : "false");
|
|
7512
7555
|
}
|
|
7513
7556
|
handleBlur() {
|
|
7514
|
-
this.hasFocus = false;
|
|
7515
7557
|
this.emit("sgds-blur");
|
|
7516
7558
|
}
|
|
7517
7559
|
handleClick() {
|
|
@@ -7520,7 +7562,6 @@
|
|
|
7520
7562
|
}
|
|
7521
7563
|
}
|
|
7522
7564
|
handleFocus() {
|
|
7523
|
-
this.hasFocus = true;
|
|
7524
7565
|
this.emit("sgds-focus");
|
|
7525
7566
|
}
|
|
7526
7567
|
addEventListeners() {
|
|
@@ -7536,14 +7577,12 @@
|
|
|
7536
7577
|
render() {
|
|
7537
7578
|
return x `
|
|
7538
7579
|
<div
|
|
7539
|
-
part="base"
|
|
7540
7580
|
class=${o$1({
|
|
7541
7581
|
"form-check": true,
|
|
7542
7582
|
"form-check-inline": this.isInline
|
|
7543
7583
|
})}
|
|
7544
7584
|
>
|
|
7545
7585
|
<input
|
|
7546
|
-
part="control"
|
|
7547
7586
|
class=${o$1({
|
|
7548
7587
|
"form-check-input": true
|
|
7549
7588
|
})}
|
|
@@ -7556,30 +7595,20 @@
|
|
|
7556
7595
|
aria-checked=${this.checked ? "true" : "false"}
|
|
7557
7596
|
@click=${this.handleClick}
|
|
7558
7597
|
/>
|
|
7559
|
-
<label
|
|
7560
|
-
part="label"
|
|
7561
|
-
for="${l$2(this.radioId)}"
|
|
7562
|
-
aria-label=${l$2(this.ariaLabel)}
|
|
7563
|
-
class="form-check-label"
|
|
7598
|
+
<label for="${l$2(this.radioId)}" aria-label=${l$2(this.ariaLabel)} class="form-check-label"
|
|
7564
7599
|
><slot></slot
|
|
7565
7600
|
></label>
|
|
7566
7601
|
</div>
|
|
7567
7602
|
`;
|
|
7568
7603
|
}
|
|
7569
7604
|
};
|
|
7570
|
-
SgdsRadio.styles = [SgdsElement.styles, css_248z$
|
|
7605
|
+
SgdsRadio.styles = [SgdsElement.styles, css_248z$r];
|
|
7571
7606
|
__decorate([
|
|
7572
|
-
|
|
7607
|
+
e$6({ type: Boolean, reflect: true })
|
|
7573
7608
|
], SgdsRadio.prototype, "checked", void 0);
|
|
7574
|
-
__decorate([
|
|
7575
|
-
t$2()
|
|
7576
|
-
], SgdsRadio.prototype, "hasFocus", void 0);
|
|
7577
7609
|
__decorate([
|
|
7578
7610
|
e$6()
|
|
7579
7611
|
], SgdsRadio.prototype, "value", void 0);
|
|
7580
|
-
__decorate([
|
|
7581
|
-
e$6({ type: String, reflect: true })
|
|
7582
|
-
], SgdsRadio.prototype, "radioId", void 0);
|
|
7583
7612
|
__decorate([
|
|
7584
7613
|
e$6({ type: Boolean, reflect: true })
|
|
7585
7614
|
], SgdsRadio.prototype, "disabled", void 0);
|
|
@@ -7727,36 +7756,42 @@
|
|
|
7727
7756
|
}
|
|
7728
7757
|
}
|
|
7729
7758
|
|
|
7730
|
-
var css_248z$
|
|
7759
|
+
var css_248z$q = i$6``;
|
|
7731
7760
|
|
|
7761
|
+
/**
|
|
7762
|
+
* @summary RadioGroup group multiple radios so they function as a single form control.
|
|
7763
|
+
*
|
|
7764
|
+
* @slot default - The default slot where sgds-radio are placed.
|
|
7765
|
+
*
|
|
7766
|
+
* @event sgds-change - Emitted when the radio group's selected value changes.
|
|
7767
|
+
*/
|
|
7732
7768
|
let SgdsRadioGroup = class SgdsRadioGroup extends SgdsElement {
|
|
7733
7769
|
constructor() {
|
|
7734
7770
|
super(...arguments);
|
|
7771
|
+
/**@internal */
|
|
7735
7772
|
this.formSubmitController = new FormSubmitController(this, {
|
|
7736
7773
|
defaultValue: (control) => control.defaultValue
|
|
7737
7774
|
});
|
|
7775
|
+
/**@internal */
|
|
7738
7776
|
this.defaultValue = "";
|
|
7777
|
+
/**@internal */
|
|
7739
7778
|
this.customErrorMessage = "";
|
|
7740
|
-
/**
|
|
7741
|
-
|
|
7742
|
-
* instead.
|
|
7743
|
-
*/
|
|
7744
|
-
this.label = "";
|
|
7779
|
+
/** @internal This will be true when the control is in an invalid state. */
|
|
7780
|
+
this.invalid = false;
|
|
7745
7781
|
/** The selected value of the control. */
|
|
7746
7782
|
this.value = "";
|
|
7747
7783
|
/** The name assigned to the radio controls. */
|
|
7748
7784
|
this.name = "option";
|
|
7749
7785
|
/** Ensures a child radio is checked before allowing the containing form to submit. */
|
|
7750
7786
|
this.required = false;
|
|
7751
|
-
/**
|
|
7752
|
-
|
|
7753
|
-
|
|
7754
|
-
this.
|
|
7755
|
-
this.invalidFeedback = "default feedback";
|
|
7787
|
+
/**Feedback text for error state when validated */
|
|
7788
|
+
this.invalidFeedback = "";
|
|
7789
|
+
/** Allows invalidFeedback, invalid and valid styles to be visible with the input */
|
|
7790
|
+
this.hasFeedback = false;
|
|
7756
7791
|
}
|
|
7757
7792
|
handleValueChange() {
|
|
7758
7793
|
if (this.hasUpdated) {
|
|
7759
|
-
this.emit("sgds-change");
|
|
7794
|
+
this.emit("sgds-change", { detail: { value: this.value } });
|
|
7760
7795
|
this.updateCheckedRadio();
|
|
7761
7796
|
}
|
|
7762
7797
|
}
|
|
@@ -7764,6 +7799,7 @@
|
|
|
7764
7799
|
super.connectedCallback();
|
|
7765
7800
|
this.defaultValue = this.value;
|
|
7766
7801
|
}
|
|
7802
|
+
/** Gets and return the ValidityState object. */
|
|
7767
7803
|
get validity() {
|
|
7768
7804
|
const hasMissingData = !((this.value && this.required) || !this.required);
|
|
7769
7805
|
const hasCustomError = this.customErrorMessage !== "";
|
|
@@ -7792,17 +7828,13 @@
|
|
|
7792
7828
|
}
|
|
7793
7829
|
return !this.invalid;
|
|
7794
7830
|
}
|
|
7795
|
-
getAllRadios() {
|
|
7796
|
-
//FIXME: too specific selector , this will not work if its on dev console design system
|
|
7797
|
-
return [...this.querySelectorAll("sgds-radio")];
|
|
7798
|
-
}
|
|
7799
7831
|
handleRadioClick(event) {
|
|
7800
7832
|
const target = event.target;
|
|
7801
7833
|
if (target.disabled) {
|
|
7802
7834
|
return;
|
|
7803
7835
|
}
|
|
7804
7836
|
this.value = target.value;
|
|
7805
|
-
const radios = this.
|
|
7837
|
+
const radios = this._radios;
|
|
7806
7838
|
radios.forEach(radio => (radio.checked = radio === target));
|
|
7807
7839
|
}
|
|
7808
7840
|
handleKeyDown(event) {
|
|
@@ -7810,7 +7842,7 @@
|
|
|
7810
7842
|
if (!["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight", " "].includes(event.key)) {
|
|
7811
7843
|
return;
|
|
7812
7844
|
}
|
|
7813
|
-
const radios = this.
|
|
7845
|
+
const radios = this._radios.filter(radio => !radio.disabled);
|
|
7814
7846
|
const checkedRadio = (_a = radios.find(radio => radio.checked)) !== null && _a !== void 0 ? _a : radios[0];
|
|
7815
7847
|
//if eventkey is space, index increment is 0, if eventkey arrowup/arrowleft, index is -1, arrowright/arrowdown, index incr is 1
|
|
7816
7848
|
const incr = event.key === " " ? 0 : ["ArrowUp", "ArrowLeft"].includes(event.key) ? -1 : 1;
|
|
@@ -7821,7 +7853,7 @@
|
|
|
7821
7853
|
if (index > radios.length - 1) {
|
|
7822
7854
|
index = 0;
|
|
7823
7855
|
}
|
|
7824
|
-
this.
|
|
7856
|
+
this._radios.forEach(radio => {
|
|
7825
7857
|
radio.checked = false;
|
|
7826
7858
|
radio.tabIndex = -1;
|
|
7827
7859
|
});
|
|
@@ -7832,7 +7864,7 @@
|
|
|
7832
7864
|
event.preventDefault();
|
|
7833
7865
|
}
|
|
7834
7866
|
handleLabelClick() {
|
|
7835
|
-
const radios = this.
|
|
7867
|
+
const radios = this._radios;
|
|
7836
7868
|
const checked = radios.find(radio => radio.checked);
|
|
7837
7869
|
const radioToFocus = checked || radios[0];
|
|
7838
7870
|
// Move focus to the checked radio (or the first one if none are checked) when clicking the label
|
|
@@ -7841,14 +7873,15 @@
|
|
|
7841
7873
|
}
|
|
7842
7874
|
}
|
|
7843
7875
|
handleSlotChange() {
|
|
7844
|
-
const radios = this.
|
|
7876
|
+
const radios = this._radios;
|
|
7845
7877
|
radios.forEach(radio => (radio.checked = radio.value === this.value));
|
|
7846
7878
|
if (!radios.some(radio => radio.checked)) {
|
|
7847
7879
|
if (radios[0])
|
|
7848
7880
|
radios[0].tabIndex = 0;
|
|
7849
7881
|
}
|
|
7850
7882
|
}
|
|
7851
|
-
handleInvalid() {
|
|
7883
|
+
handleInvalid(e) {
|
|
7884
|
+
e.preventDefault();
|
|
7852
7885
|
this.invalid = true;
|
|
7853
7886
|
}
|
|
7854
7887
|
showNativeErrorMessage() {
|
|
@@ -7857,7 +7890,7 @@
|
|
|
7857
7890
|
setTimeout(() => (this.input.hidden = true), 10000);
|
|
7858
7891
|
}
|
|
7859
7892
|
updateCheckedRadio() {
|
|
7860
|
-
const radios = this.
|
|
7893
|
+
const radios = this._radios;
|
|
7861
7894
|
radios.forEach(radio => (radio.checked = radio.value === this.value));
|
|
7862
7895
|
this.invalid = !this.validity.valid;
|
|
7863
7896
|
}
|
|
@@ -7873,28 +7906,27 @@
|
|
|
7873
7906
|
</div>
|
|
7874
7907
|
`;
|
|
7875
7908
|
return x `
|
|
7876
|
-
<fieldset role="radio-group"
|
|
7877
|
-
<label @click=${this.handleLabelClick} class="form-label"
|
|
7878
|
-
<slot name="label"
|
|
7909
|
+
<fieldset role="radio-group" name=${this.name}>
|
|
7910
|
+
<label @click=${this.handleLabelClick} class="form-label">
|
|
7911
|
+
<slot name="label"></slot>
|
|
7879
7912
|
</label>
|
|
7880
7913
|
${defaultSlot}
|
|
7881
7914
|
<input
|
|
7882
|
-
part="control"
|
|
7883
7915
|
type="text"
|
|
7884
7916
|
class="radio-group__validation-input visually-hidden ${o$1({
|
|
7885
|
-
"is-invalid": this.invalid
|
|
7917
|
+
"is-invalid": this.hasFeedback && this.invalid
|
|
7886
7918
|
})}"
|
|
7887
7919
|
?required=${this.required}
|
|
7888
7920
|
tabindex="-1"
|
|
7889
|
-
@invalid=${this.handleInvalid}
|
|
7921
|
+
@invalid=${(e) => this.handleInvalid(e)}
|
|
7890
7922
|
hidden
|
|
7891
7923
|
/>
|
|
7892
|
-
|
|
7924
|
+
${this.hasFeedback ? x `<div class="invalid-feedback">${this.invalidFeedback}</div>` : ""}
|
|
7893
7925
|
</fieldset>
|
|
7894
7926
|
`;
|
|
7895
7927
|
}
|
|
7896
7928
|
};
|
|
7897
|
-
SgdsRadioGroup.styles = [SgdsElement.styles, css_248z$
|
|
7929
|
+
SgdsRadioGroup.styles = [SgdsElement.styles, css_248z$q];
|
|
7898
7930
|
__decorate([
|
|
7899
7931
|
i$2("slot:not([name])")
|
|
7900
7932
|
], SgdsRadioGroup.prototype, "defaultSlot", void 0);
|
|
@@ -7908,8 +7940,8 @@
|
|
|
7908
7940
|
t$2()
|
|
7909
7941
|
], SgdsRadioGroup.prototype, "customErrorMessage", void 0);
|
|
7910
7942
|
__decorate([
|
|
7911
|
-
|
|
7912
|
-
], SgdsRadioGroup.prototype, "
|
|
7943
|
+
t$2()
|
|
7944
|
+
], SgdsRadioGroup.prototype, "invalid", void 0);
|
|
7913
7945
|
__decorate([
|
|
7914
7946
|
e$6({ reflect: true })
|
|
7915
7947
|
], SgdsRadioGroup.prototype, "value", void 0);
|
|
@@ -7919,27 +7951,47 @@
|
|
|
7919
7951
|
__decorate([
|
|
7920
7952
|
e$6({ type: Boolean, reflect: true })
|
|
7921
7953
|
], SgdsRadioGroup.prototype, "required", void 0);
|
|
7922
|
-
__decorate([
|
|
7923
|
-
e$6({ type: Boolean, reflect: true })
|
|
7924
|
-
], SgdsRadioGroup.prototype, "invalid", void 0);
|
|
7925
7954
|
__decorate([
|
|
7926
7955
|
e$6({ type: String, reflect: true })
|
|
7927
7956
|
], SgdsRadioGroup.prototype, "invalidFeedback", void 0);
|
|
7957
|
+
__decorate([
|
|
7958
|
+
e$6({ type: Boolean, reflect: true })
|
|
7959
|
+
], SgdsRadioGroup.prototype, "hasFeedback", void 0);
|
|
7928
7960
|
__decorate([
|
|
7929
7961
|
watch("value")
|
|
7930
7962
|
], SgdsRadioGroup.prototype, "handleValueChange", null);
|
|
7963
|
+
__decorate([
|
|
7964
|
+
l$4()
|
|
7965
|
+
], SgdsRadioGroup.prototype, "_radios", void 0);
|
|
7931
7966
|
SgdsRadioGroup = __decorate([
|
|
7932
7967
|
e$7("sgds-radio-group")
|
|
7933
7968
|
], SgdsRadioGroup);
|
|
7934
7969
|
|
|
7935
|
-
var css_248z$
|
|
7970
|
+
var css_248z$p = i$6`:host{--masthead-font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;--masthead-text-color:#474747;--masthead-link-color:#2f5fd0;--masthead-link-color-hover:#4371d6;--masthead-mobile-font-size:0.6875rem;--masthead-mobile-padding-x:0.75rem;--masthead-fluid-padding-x:0.75rem;--masthead-crest-color:#ef3320}.sgds-masthead{background-color:#f0f0f0;color:var(--masthead-text-color);font-family:var(--masthead-font-family);font-size:.875rem}@media screen and (max-width:1023px){.sgds-masthead{font-size:var(--masthead-mobile-font-size)}.sgds-masthead .col,.sgds-masthead .row{padding-left:0;padding-right:0}.sgds-masthead .row{margin-left:0;margin-right:0}}.sg-crest{height:1.75rem;width:1.25rem}.sg-crest path{fill:var(--masthead-crest-color)}.masthead-layout{align-items:center;display:flex;gap:.25rem}.sgds-masthead-identify-icon{align-self:center;display:block;height:21px;transform:rotate(180deg);transition:all .3s ease-in-out 0s;user-select:none;width:12px}.sgds-masthead-identify-icon.show{transform:rotate(0deg)}.sgds-masthead-button{align-items:center;color:var(--masthead-link-color);cursor:pointer;display:flex}.sgds-masthead-button-text{text-decoration:underline}.sgds-masthead-button-text:hover{color:var(--masthead-link-color-hover)}.sgds-masthead-content{display:none;padding-bottom:3rem;padding-top:2.5rem}@media screen and (max-width:1023px){.sgds-masthead-content{padding-bottom:2rem;padding-top:1rem}}.sgds-masthead-content .content-grid{display:grid;gap:10rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}@media screen and (max-width:1023px){.sgds-masthead-content .content-grid{gap:1.5rem;grid-template-columns:1fr}.sgds-masthead-content .content-grid .banner-icon-inline{height:.6rem;margin-bottom:.1875rem;width:.6rem}}.sgds-masthead-content .content-grid .icon{margin-top:-.1em}.sgds-masthead-content .wrapper{display:flex;font-size:1rem;gap:1rem}@media screen and (max-width:1023px){.sgds-masthead-content .wrapper{font-size:var(--masthead-mobile-font-size);gap:.5rem}}.sgds-masthead-content .wrapper .content .title{font-weight:600;margin-bottom:.5rem}@media screen and (max-width:1023px){.sgds-masthead-content .wrapper .content .title{margin-bottom:.25rem}}.sgds-masthead-content .wrapper .content article{line-height:1.5rem}@media screen and (max-width:1023px){.sgds-masthead-content .wrapper .content article{line-height:1.2rem}}.sgds-masthead-content .wrapper .banner-icon{width:1.125rem}.sgds-masthead-content .wrapper .banner-icon path{fill:var(--masthead-text-color)}@media screen and (max-width:1023px){.sgds-masthead-content .wrapper .banner-icon{width:.75rem}}.sgds-masthead-content .wrapper .banner-icon svg{line-height:1.5rem}@media screen and (max-width:1023px){.sgds-masthead-content .wrapper .banner-icon svg{width:1.25rem}}.sgds-masthead-content .wrapper .banner-icon-inline path{fill:var(--masthead-text-color)}@media screen and (max-width:1023px){.sgds-masthead-content .wrapper .banner-icon-inline{height:.6rem;margin-bottom:.1875rem;width:.6rem}}.sgds-masthead-content.show{display:block}a[target=_blank]{text-decoration:none}a[target=_blank]:after{content:none}a.trusted-websites-link{align-items:center;color:var(--masthead-link-color);display:inline-flex;margin-left:.125rem}a.trusted-websites-link svg{fill:var(--masthead-link-color);margin-left:.125rem}a.trusted-websites-link:hover{color:var(--masthead-link-color-hover)}a.trusted-websites-link:hover svg{fill:var(--masthead-link-color-hover)}@media screen and (max-width:1023px){.trusted-websites-icon{width:.75rem}.sgds-masthead>.container{padding-left:var(--masthead-mobile-padding-x);padding-right:var(--masthead-mobile-padding-x)}}.sgds-masthead>.container-fluid{padding-left:var(--masthead-fluid-padding-x);padding-right:var(--masthead-fluid-padding-x)}@media screen and (max-width:1023px){.sgds-masthead>.container-fluid{padding-left:var(--masthead-mobile-padding-x);padding-right:var(--masthead-mobile-padding-x)}.sgds-masthead:not([fluid]) .container{margin:0}}`;
|
|
7936
7971
|
|
|
7972
|
+
/**
|
|
7973
|
+
* @summary All .gov.sg digital services shall adopt The Official Government Banner for every page in the digital service and be placed at the top of the page.
|
|
7974
|
+
*
|
|
7975
|
+
* @cssproperty --masthead-font-family - Sets font family for masthead
|
|
7976
|
+
* @cssproperty --masthead-text-color - Sets overall text color
|
|
7977
|
+
* @cssproperty --masthead-link-color - Sets link color for `How to identify?` and `Trusted Site`
|
|
7978
|
+
* @cssproperty --masthead-link-color-hover - Sets link hover color for `How to identify?` and `Trusted Site`
|
|
7979
|
+
* @cssproperty --masthead-mobile-font-size - Sets the padding left and right for viewport width 1024px and below
|
|
7980
|
+
* @cssproperty --masthead-mobile-padding-x - Sets the font size for viewport width 1024px and below
|
|
7981
|
+
* @cssproperty --masthead-fluid-padding-x - Sets the container-fluid padding left and right for viewport width 1024px and above
|
|
7982
|
+
* @cssproperty --masthead-crest-color - Sets the lion head crest color.
|
|
7983
|
+
*/
|
|
7937
7984
|
let SgdsMasthead = class SgdsMasthead extends SgdsElement {
|
|
7938
7985
|
constructor() {
|
|
7939
7986
|
super(...arguments);
|
|
7987
|
+
/**
|
|
7988
|
+
* Sets the masthead container width to 100% for all breakpoints
|
|
7989
|
+
*/
|
|
7940
7990
|
this.fluid = false;
|
|
7991
|
+
/** @internal */
|
|
7941
7992
|
this.toggleVisibility = false;
|
|
7942
7993
|
}
|
|
7994
|
+
/** @internal */
|
|
7943
7995
|
_toggleVisibility() {
|
|
7944
7996
|
this.toggleVisibility = !this.toggleVisibility;
|
|
7945
7997
|
}
|
|
@@ -8101,7 +8153,7 @@
|
|
|
8101
8153
|
`;
|
|
8102
8154
|
}
|
|
8103
8155
|
};
|
|
8104
|
-
SgdsMasthead.styles = [SgdsElement.styles, css_248z$
|
|
8156
|
+
SgdsMasthead.styles = [SgdsElement.styles, css_248z$p];
|
|
8105
8157
|
__decorate([
|
|
8106
8158
|
e$6({ type: Boolean, reflect: true })
|
|
8107
8159
|
], SgdsMasthead.prototype, "fluid", void 0);
|
|
@@ -8118,10 +8170,12 @@
|
|
|
8118
8170
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
8119
8171
|
*/const e$1=Symbol.for(""),l=t=>{if((null==t?void 0:t.r)===e$1)return null==t?void 0:t._$litStatic$},i=(t,...r)=>({_$litStatic$:r.reduce(((r,e,l)=>r+(t=>{if(void 0!==t._$litStatic$)return t._$litStatic$;throw Error(`Value passed to 'literal' function must be a 'literal' result: ${t}. Use 'unsafeStatic' to pass non-literal values, but\n take care to ensure page security.`)})(e)+t[l+1]),t[0]),r:e$1}),s=new Map,a=t=>(r,...e)=>{const o=e.length;let i,a;const n=[],u=[];let c,$=0,f=!1;for(;$<o;){for(c=r[$];$<o&&void 0!==(a=e[$],i=l(a));)c+=i+r[++$],f=!0;u.push(a),n.push(c),$++;}if($===o&&n.push(r[o]),f){const t=n.join("$$lit$$");void 0===(r=s.get(t))&&(n.raw=n,s.set(t,r=n)),e=u;}return t(r,...e)},n=a(x$1);
|
|
8120
8172
|
|
|
8121
|
-
var css_248z$
|
|
8173
|
+
var css_248z$o = i$6`:host{display:inline-block}`;
|
|
8122
8174
|
|
|
8123
8175
|
/**
|
|
8124
|
-
* @
|
|
8176
|
+
* @summary Custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more.
|
|
8177
|
+
*
|
|
8178
|
+
* @slot default - The button's label.
|
|
8125
8179
|
*
|
|
8126
8180
|
* @event sgds-blur - Emitted when the button is not focused.
|
|
8127
8181
|
* @event sgds-focus - Emitted when the button is focused.
|
|
@@ -8129,6 +8183,7 @@
|
|
|
8129
8183
|
let SgdsButton = class SgdsButton extends SgdsElement {
|
|
8130
8184
|
constructor() {
|
|
8131
8185
|
super(...arguments);
|
|
8186
|
+
/** @internal */
|
|
8132
8187
|
this.formSubmitController = new FormSubmitController(this, {
|
|
8133
8188
|
form: (input) => {
|
|
8134
8189
|
// Buttons support a form attribute that points to an arbitrary form, so if this attribute it set we need to query
|
|
@@ -8142,14 +8197,15 @@
|
|
|
8142
8197
|
return input.closest("form");
|
|
8143
8198
|
}
|
|
8144
8199
|
});
|
|
8145
|
-
|
|
8146
|
-
/** The button's variant. */
|
|
8200
|
+
/** One or more button variant combinations buttons may be one of a variety of visual variants such as: `primary`, `secondary`, `success`, `danger`, `warning`, `info`, `dark`, `light`, `link` as well as "outline" versions (prefixed by `outline-*`) */
|
|
8147
8201
|
this.variant = "primary";
|
|
8148
|
-
/**
|
|
8202
|
+
/** Manually set the visual state of the button to `:active` */
|
|
8149
8203
|
this.active = false;
|
|
8150
|
-
/**
|
|
8204
|
+
/** The disabled state of the button */
|
|
8151
8205
|
this.disabled = false;
|
|
8206
|
+
/** The behavior of the button with default as `type='button', `reset` resets all the controls to their initial values and `submit` submits the form data to the server */
|
|
8152
8207
|
this.type = "button";
|
|
8208
|
+
/** @internal */
|
|
8153
8209
|
this.clickHandler = () => {
|
|
8154
8210
|
if (this.type === "submit") {
|
|
8155
8211
|
this.formSubmitController.submit(this);
|
|
@@ -8172,11 +8228,9 @@
|
|
|
8172
8228
|
this.button.blur();
|
|
8173
8229
|
}
|
|
8174
8230
|
handleBlur() {
|
|
8175
|
-
this.hasFocus = false;
|
|
8176
8231
|
this.emit("sgds-blur");
|
|
8177
8232
|
}
|
|
8178
8233
|
handleFocus() {
|
|
8179
|
-
this.hasFocus = true;
|
|
8180
8234
|
this.emit("sgds-focus");
|
|
8181
8235
|
}
|
|
8182
8236
|
handleClick(event) {
|
|
@@ -8213,18 +8267,15 @@
|
|
|
8213
8267
|
@focus=${this.handleFocus}
|
|
8214
8268
|
@blur=${this.handleBlur}
|
|
8215
8269
|
>
|
|
8216
|
-
|
|
8270
|
+
<slot class="d-flex align-items-center gap-2"></slot>
|
|
8217
8271
|
</${tag}>
|
|
8218
8272
|
`;
|
|
8219
8273
|
}
|
|
8220
8274
|
};
|
|
8221
|
-
SgdsButton.styles = [SgdsElement.styles, css_248z$
|
|
8275
|
+
SgdsButton.styles = [SgdsElement.styles, css_248z$o];
|
|
8222
8276
|
__decorate([
|
|
8223
8277
|
i$2(".btn")
|
|
8224
8278
|
], SgdsButton.prototype, "button", void 0);
|
|
8225
|
-
__decorate([
|
|
8226
|
-
t$2()
|
|
8227
|
-
], SgdsButton.prototype, "hasFocus", void 0);
|
|
8228
8279
|
__decorate([
|
|
8229
8280
|
e$6({ reflect: true })
|
|
8230
8281
|
], SgdsButton.prototype, "variant", void 0);
|
|
@@ -8271,35 +8322,70 @@
|
|
|
8271
8322
|
e$7("sgds-button")
|
|
8272
8323
|
], SgdsButton);
|
|
8273
8324
|
|
|
8274
|
-
var css_248z$
|
|
8325
|
+
var css_248z$n = i$6``;
|
|
8275
8326
|
|
|
8276
8327
|
/**
|
|
8328
|
+
* @summary The footer contains supporting information for your service at the bottom of your website. All .gov.sg digital services shall contain a Global Footer Bar across all pages. The Global Footer Bar should include the name of the digital service, contact information, a privacy statement and the terms of use.
|
|
8329
|
+
*
|
|
8277
8330
|
* @csspart footer-top - The component's footer-top section container.
|
|
8278
8331
|
* @csspart footer-bottom - The component's footer-bottom section container.
|
|
8332
|
+
*
|
|
8333
|
+
* @cssproperty footer-top - The component's footer-top section container.
|
|
8334
|
+
* @cssproperty footer-bottom - The component's footer-bottom section container.
|
|
8279
8335
|
*/
|
|
8280
8336
|
let SgdsFooter = class SgdsFooter extends SgdsElement {
|
|
8281
8337
|
constructor() {
|
|
8282
8338
|
super(...arguments);
|
|
8283
|
-
|
|
8284
|
-
|
|
8339
|
+
/**
|
|
8340
|
+
* Sets title of SgdsFooter
|
|
8341
|
+
*/
|
|
8342
|
+
this.title = "";
|
|
8343
|
+
/**
|
|
8344
|
+
* Sets description of SgdsFooter
|
|
8345
|
+
*/
|
|
8346
|
+
this.description = "";
|
|
8347
|
+
/**
|
|
8348
|
+
* Sets copyrightLiner of SgdsFooter
|
|
8349
|
+
*/
|
|
8350
|
+
this.copyrightLiner = "Government of Singapore";
|
|
8351
|
+
/**
|
|
8352
|
+
* Array of type
|
|
8353
|
+
*
|
|
8354
|
+
* `interface ColumnLinks { title: string; links : Links[] } interface Links { href: string; label: string; }`
|
|
8355
|
+
*/
|
|
8285
8356
|
this.links = [];
|
|
8357
|
+
/**
|
|
8358
|
+
* String date for last updated date
|
|
8359
|
+
*/
|
|
8286
8360
|
this.lastUpdatedDate = "";
|
|
8287
|
-
|
|
8361
|
+
/**
|
|
8362
|
+
* href link for contacts
|
|
8363
|
+
*/
|
|
8288
8364
|
this.contactHref = "#";
|
|
8365
|
+
/**
|
|
8366
|
+
* href link for feedback
|
|
8367
|
+
*/
|
|
8289
8368
|
this.feedbackHref = "#";
|
|
8290
|
-
|
|
8369
|
+
/**
|
|
8370
|
+
* href link for privacy statement
|
|
8371
|
+
*/
|
|
8291
8372
|
this.privacyHref = "#";
|
|
8373
|
+
/**
|
|
8374
|
+
* href link for terms of use
|
|
8375
|
+
*/
|
|
8292
8376
|
this.termsOfUseHref = "#";
|
|
8293
8377
|
}
|
|
8294
8378
|
render() {
|
|
8379
|
+
// if description is defined
|
|
8380
|
+
const hasDescription = x ` <div class="description">${this.description}</div>`;
|
|
8295
8381
|
return x `
|
|
8296
8382
|
<footer class="sgds footer">
|
|
8297
8383
|
<section class="footer-top" part="footer-top">
|
|
8298
8384
|
<div class="container-fluid">
|
|
8299
8385
|
<div class="row footer-header">
|
|
8300
8386
|
<div class="col col-lg-6 col-md-12">
|
|
8301
|
-
<div class="title">${this.title}</div>
|
|
8302
|
-
|
|
8387
|
+
<div class="title">${this.title ? this.title : "Footer title"}</div>
|
|
8388
|
+
${this.description ? hasDescription : undefined}
|
|
8303
8389
|
</div>
|
|
8304
8390
|
</div>
|
|
8305
8391
|
<div class="row footer-items">
|
|
@@ -8307,7 +8393,7 @@
|
|
|
8307
8393
|
<div class="col-xxl-2 col-md-4 mb-3">
|
|
8308
8394
|
<div class="title">${item.title}</div>
|
|
8309
8395
|
<ul class="links">
|
|
8310
|
-
${item.links.map((link) => x ` <li><a href
|
|
8396
|
+
${item.links.map((link) => x ` <li><a href=${link.href}>${link.label}</a></li> `)}
|
|
8311
8397
|
</ul>
|
|
8312
8398
|
</div>
|
|
8313
8399
|
`)}
|
|
@@ -8316,8 +8402,8 @@
|
|
|
8316
8402
|
<div class="col">
|
|
8317
8403
|
<div class="d-flex justify-content-lg-end">
|
|
8318
8404
|
<ul>
|
|
8319
|
-
<li><a href
|
|
8320
|
-
<li><a href
|
|
8405
|
+
<li><a href=${this.contactHref}>Contact</a></li>
|
|
8406
|
+
<li><a href=${this.feedbackHref}>Feedback</a></li>
|
|
8321
8407
|
<li>
|
|
8322
8408
|
<a href="https://www.reach.gov.sg/" target="_blank" rel="noopener noreferrer">Reach.gov.sg</a>
|
|
8323
8409
|
</li>
|
|
@@ -8333,19 +8419,19 @@
|
|
|
8333
8419
|
<div class="col">
|
|
8334
8420
|
<ul>
|
|
8335
8421
|
<li>
|
|
8336
|
-
<a href="
|
|
8422
|
+
<a href="https://tech.gov.sg/report_vulnerability" target="_blank" rel="noopener noreferrer"
|
|
8337
8423
|
>Report Vulnerability</a
|
|
8338
8424
|
>
|
|
8339
8425
|
</li>
|
|
8340
|
-
<li><a href
|
|
8341
|
-
<li><a href
|
|
8426
|
+
<li><a href=${this.privacyHref}>Privacy Statement</a></li>
|
|
8427
|
+
<li><a href=${this.termsOfUseHref}>Terms of use</a></li>
|
|
8342
8428
|
</ul>
|
|
8343
8429
|
</div>
|
|
8344
8430
|
</div>
|
|
8345
8431
|
<div class="row footer-copyrights">
|
|
8346
8432
|
<div class="col">
|
|
8347
8433
|
<div class="d-flex justify-content-lg-end text-end">
|
|
8348
|
-
© ${new Date().getFullYear()}
|
|
8434
|
+
© ${new Date().getFullYear()} ${this.copyrightLiner}<br />
|
|
8349
8435
|
Last Updated ${this.lastUpdatedDate}
|
|
8350
8436
|
</div>
|
|
8351
8437
|
</div>
|
|
@@ -8356,13 +8442,16 @@
|
|
|
8356
8442
|
`;
|
|
8357
8443
|
}
|
|
8358
8444
|
};
|
|
8359
|
-
SgdsFooter.styles = [SgdsElement.styles, css_248z$
|
|
8445
|
+
SgdsFooter.styles = [SgdsElement.styles, css_248z$n];
|
|
8360
8446
|
__decorate([
|
|
8361
|
-
e$6()
|
|
8447
|
+
e$6({ type: String })
|
|
8362
8448
|
], SgdsFooter.prototype, "title", void 0);
|
|
8363
8449
|
__decorate([
|
|
8364
|
-
e$6()
|
|
8450
|
+
e$6({ type: String })
|
|
8365
8451
|
], SgdsFooter.prototype, "description", void 0);
|
|
8452
|
+
__decorate([
|
|
8453
|
+
e$6({ type: String })
|
|
8454
|
+
], SgdsFooter.prototype, "copyrightLiner", void 0);
|
|
8366
8455
|
__decorate([
|
|
8367
8456
|
e$6({
|
|
8368
8457
|
type: Array
|
|
@@ -8377,9 +8466,6 @@
|
|
|
8377
8466
|
__decorate([
|
|
8378
8467
|
e$6({ type: String })
|
|
8379
8468
|
], SgdsFooter.prototype, "feedbackHref", void 0);
|
|
8380
|
-
__decorate([
|
|
8381
|
-
e$6({ type: String })
|
|
8382
|
-
], SgdsFooter.prototype, "vulnerabilityHref", void 0);
|
|
8383
8469
|
__decorate([
|
|
8384
8470
|
e$6({ type: String })
|
|
8385
8471
|
], SgdsFooter.prototype, "privacyHref", void 0);
|
|
@@ -8396,7 +8482,7 @@
|
|
|
8396
8482
|
const XL_BREAKPOINT = 1200;
|
|
8397
8483
|
const XXL_BREAKPOINT = 1400;
|
|
8398
8484
|
|
|
8399
|
-
var css_248z$
|
|
8485
|
+
var css_248z$m = i$6`:host{--mainnav-background-color:#fff;--mainnav-padding-x:1rem;--mainnav-padding-y:0;--mainnav-mobile-padding-x:0.5rem;--mainnav-mobile-padding-y:0;--mainnav-borderBottom-width:1px;--mainnav-borderBottom-color:#98a2b3}.sgds.navbar{background-color:var(--mainnav-background-color);border-bottom:var(--mainnav-borderBottom-width) solid var(--mainnav-borderBottom-color);padding:var(--mainnav-padding-y) var(--mainnav-padding-x)}@media (max-width:768px){.sgds.navbar{padding:var(--mainnav-mobile-padding-y) var(--mainnav-mobile-padding-x)}}.navbar-nav{display:flex;gap:1rem;height:100%;padding-left:1rem;padding-right:1rem;width:100%}.navbar-toggler{border:none}.navbar-toggler:focus{box-shadow:none}slot[name=non-collapsible]{align-items:center;display:flex;gap:1rem}.slot-end{align-items:stretch;display:flex;gap:1rem;margin-left:auto}.slot-end::slotted(:not([name$=-mainnav-item])){align-self:center}`;
|
|
8400
8486
|
|
|
8401
8487
|
const SIZES = {
|
|
8402
8488
|
sm: SM_BREAKPOINT,
|
|
@@ -8408,22 +8494,36 @@
|
|
|
8408
8494
|
always: -1
|
|
8409
8495
|
};
|
|
8410
8496
|
/**
|
|
8411
|
-
* @
|
|
8497
|
+
* @summary This component is the primary means that your users will use to navigate through your portal. It includes horizontal navigation and branding to identify your site.
|
|
8498
|
+
*
|
|
8499
|
+
* @slot - Default slot of SgdsMainnav. Pass in SgdsMainnavItem elements here.
|
|
8412
8500
|
* @slot end - Elements in this slot will be positioned to the right end of .navbar-nav. Elements in this slot will also be included in collapsed menu.
|
|
8501
|
+
* @slot brand - Brand slot of SgdsMainnav. Pass in brand logo img here
|
|
8502
|
+
* @slot non-collapsible - Elements in this slot will not be collapsed
|
|
8503
|
+
*
|
|
8504
|
+
* @cssproperty --mainnav-background-color - Navbar's background color.
|
|
8505
|
+
* @cssproperty --mainnav-padding-x - left and right padding for browser width > 768px
|
|
8506
|
+
* @cssproperty --mainnav-padding-y - top and bottom padding for browser width > 768px
|
|
8507
|
+
* @cssproperty --mainnav-mobile-padding-x - left and right padding for browser width < 768px
|
|
8508
|
+
* @cssproperty --mainnav-mobile-padding-y - top and bottom padding for browser width < 768px
|
|
8509
|
+
* @cssproperty --mainnav-borderBottom-width - bottom border width
|
|
8510
|
+
* @cssproperty --mainnav-borderBottom-color - borderBottom width color
|
|
8413
8511
|
*/
|
|
8414
8512
|
let SgdsMainnav = class SgdsMainnav extends SgdsElement {
|
|
8415
8513
|
constructor() {
|
|
8416
8514
|
super();
|
|
8515
|
+
/** @internal */
|
|
8417
8516
|
this.myCollapse = e$2();
|
|
8517
|
+
/** @internal */
|
|
8418
8518
|
this.bsCollapse = null;
|
|
8419
|
-
|
|
8420
|
-
this.myOffcanvas = e$2();
|
|
8421
|
-
this.bsOffcanvas = null;
|
|
8519
|
+
/** The href link for brand logo */
|
|
8422
8520
|
this.brandHref = "";
|
|
8423
8521
|
this.collapseId = genId("mainnav", "collapse");
|
|
8522
|
+
/** The breakpoint, below which, the Navbar will collapse. When always the Navbar will always be expanded regardless of screen size. When never, the Navbar will always be collapsed */
|
|
8424
8523
|
this.expand = "lg";
|
|
8425
|
-
|
|
8524
|
+
/** @internal */
|
|
8426
8525
|
this.breakpointReached = false;
|
|
8526
|
+
/** @internal */
|
|
8427
8527
|
this.expanded = false;
|
|
8428
8528
|
window.addEventListener("resize", () => {
|
|
8429
8529
|
const newBreakpointReachedValue = window.innerWidth < SIZES[this.expand.toString()];
|
|
@@ -8433,38 +8533,24 @@
|
|
|
8433
8533
|
});
|
|
8434
8534
|
}
|
|
8435
8535
|
_onClickButton() {
|
|
8436
|
-
if (this.mode === "offcanvas") {
|
|
8437
|
-
return this.bsOffcanvas.toggle();
|
|
8438
|
-
}
|
|
8439
8536
|
this.bsCollapse.toggle();
|
|
8440
8537
|
}
|
|
8441
8538
|
firstUpdated() {
|
|
8442
|
-
|
|
8443
|
-
|
|
8444
|
-
|
|
8445
|
-
|
|
8446
|
-
this.
|
|
8447
|
-
|
|
8448
|
-
|
|
8449
|
-
this.
|
|
8450
|
-
|
|
8451
|
-
|
|
8452
|
-
this.
|
|
8453
|
-
|
|
8454
|
-
|
|
8455
|
-
this.
|
|
8456
|
-
|
|
8457
|
-
});
|
|
8458
|
-
}
|
|
8459
|
-
if (this.mode === "offcanvas") {
|
|
8460
|
-
this.bsOffcanvas = new Offcanvas(this.myOffcanvas.value);
|
|
8461
|
-
//add esc keyboard event for bsOffcanvas
|
|
8462
|
-
this.addEventListener("keydown", ev => {
|
|
8463
|
-
if (ev.key === "Escape") {
|
|
8464
|
-
this.bsOffcanvas.hide();
|
|
8465
|
-
}
|
|
8466
|
-
});
|
|
8467
|
-
}
|
|
8539
|
+
this.bsCollapse = new Collapse(this.myCollapse.value, {
|
|
8540
|
+
toggle: false
|
|
8541
|
+
});
|
|
8542
|
+
this.myCollapse.value.addEventListener("show.bs.collapse", () => {
|
|
8543
|
+
this.expanded = true;
|
|
8544
|
+
});
|
|
8545
|
+
this.myCollapse.value.addEventListener("shown.bs.collapse", () => {
|
|
8546
|
+
this.expanded = true;
|
|
8547
|
+
});
|
|
8548
|
+
this.myCollapse.value.addEventListener("hide.bs.collapse", () => {
|
|
8549
|
+
this.expanded = false;
|
|
8550
|
+
});
|
|
8551
|
+
this.myCollapse.value.addEventListener("hidden.bs.collapse", () => {
|
|
8552
|
+
this.expanded = false;
|
|
8553
|
+
});
|
|
8468
8554
|
}
|
|
8469
8555
|
// assigning name attribute to elements added in slot="end", to use wildcard css selector to assign styles only to *-mainnav-item
|
|
8470
8556
|
_handleSlotChange(e) {
|
|
@@ -8473,19 +8559,18 @@
|
|
|
8473
8559
|
}
|
|
8474
8560
|
render() {
|
|
8475
8561
|
this.breakpointReached = window.innerWidth < SIZES[this.expand.toString()];
|
|
8476
|
-
const collapseClass = "collapse navbar-collapse order-
|
|
8477
|
-
const offcanvasClass = "offcanvas offcanvas-start order-4";
|
|
8562
|
+
const collapseClass = "collapse navbar-collapse order-2";
|
|
8478
8563
|
return x `
|
|
8479
8564
|
<nav
|
|
8480
8565
|
class="sgds navbar navbar-light
|
|
8481
8566
|
${this._expandClass()}"
|
|
8482
8567
|
>
|
|
8483
|
-
<a class="navbar-brand me-auto order-
|
|
8568
|
+
<a class="navbar-brand me-auto order-first" href=${this.brandHref}>
|
|
8484
8569
|
<slot name="brand"></slot>
|
|
8485
8570
|
</a>
|
|
8486
|
-
<slot name="non-collapsible" class="${this.breakpointReached ? "order-
|
|
8571
|
+
<slot name="non-collapsible" class="${this.breakpointReached ? "order-1" : "order-last"}"></slot>
|
|
8487
8572
|
<button
|
|
8488
|
-
class="navbar-toggler order-
|
|
8573
|
+
class="navbar-toggler order-1"
|
|
8489
8574
|
type="button"
|
|
8490
8575
|
@click=${() => this._onClickButton()}
|
|
8491
8576
|
aria-controls="${this.collapseId}"
|
|
@@ -8506,11 +8591,7 @@
|
|
|
8506
8591
|
/>
|
|
8507
8592
|
</svg>
|
|
8508
8593
|
</button>
|
|
8509
|
-
<div
|
|
8510
|
-
class=${this.mode === "default" ? collapseClass : offcanvasClass}
|
|
8511
|
-
${this.mode === "default" ? n$1(this.myCollapse) : n$1(this.myOffcanvas)}
|
|
8512
|
-
id=${this.collapseId}
|
|
8513
|
-
>
|
|
8594
|
+
<div class=${collapseClass} ${n$1(this.myCollapse)} id=${this.collapseId}>
|
|
8514
8595
|
<ul class="navbar-nav">
|
|
8515
8596
|
<slot></slot>
|
|
8516
8597
|
<slot
|
|
@@ -8534,19 +8615,13 @@
|
|
|
8534
8615
|
}
|
|
8535
8616
|
}
|
|
8536
8617
|
};
|
|
8537
|
-
SgdsMainnav.styles = [SgdsElement.styles, css_248z$
|
|
8618
|
+
SgdsMainnav.styles = [SgdsElement.styles, css_248z$m];
|
|
8538
8619
|
__decorate([
|
|
8539
8620
|
e$6({ type: String })
|
|
8540
8621
|
], SgdsMainnav.prototype, "brandHref", void 0);
|
|
8541
|
-
__decorate([
|
|
8542
|
-
e$6({ type: String })
|
|
8543
|
-
], SgdsMainnav.prototype, "collapseId", void 0);
|
|
8544
8622
|
__decorate([
|
|
8545
8623
|
e$6()
|
|
8546
8624
|
], SgdsMainnav.prototype, "expand", void 0);
|
|
8547
|
-
__decorate([
|
|
8548
|
-
e$6({ type: String })
|
|
8549
|
-
], SgdsMainnav.prototype, "mode", void 0);
|
|
8550
8625
|
__decorate([
|
|
8551
8626
|
t$2()
|
|
8552
8627
|
], SgdsMainnav.prototype, "breakpointReached", void 0);
|
|
@@ -8557,19 +8632,23 @@
|
|
|
8557
8632
|
e$7("sgds-mainnav")
|
|
8558
8633
|
], SgdsMainnav);
|
|
8559
8634
|
|
|
8560
|
-
var css_248z$
|
|
8635
|
+
var css_248z$l = i$6`:host{--mainnav-item-theme-color:#5925dc;--mainnav-item-color:#344054;--mainnav-item-borderBottom-width:0.125rem}li{height:100%}a.nav-link{align-items:center;border-bottom:var(--mainnav-item-borderBottom-width) solid transparent;color:var(--mainnav-item-color);display:flex;min-height:100%}a.nav-link.active,a.nav-link:hover{border-color:var(--mainnav-item-theme-color);color:var(--mainnav-item-theme-color)}`;
|
|
8561
8636
|
|
|
8562
8637
|
/**
|
|
8563
|
-
* @slot -
|
|
8638
|
+
* @slot default - slot for SgdsMainnavItem element.
|
|
8639
|
+
*
|
|
8640
|
+
* @cssproperty --mainnav-item-theme-color - Hover and active color for mainnav items.
|
|
8641
|
+
* @cssproperty --mainnav-item-color - Text color of nav item.
|
|
8642
|
+
* @cssproperty --mainnav-item-borderBottom-width - border bottom width for hover and active state for nav item
|
|
8564
8643
|
*/
|
|
8565
8644
|
let SgdsMainnavItem = class SgdsMainnavItem extends LinkElement {
|
|
8566
8645
|
};
|
|
8567
|
-
SgdsMainnavItem.styles = [LinkElement.styles, css_248z$
|
|
8646
|
+
SgdsMainnavItem.styles = [LinkElement.styles, css_248z$l];
|
|
8568
8647
|
SgdsMainnavItem = __decorate([
|
|
8569
8648
|
e$7("sgds-mainnav-item")
|
|
8570
8649
|
], SgdsMainnavItem);
|
|
8571
8650
|
|
|
8572
|
-
var css_248z$
|
|
8651
|
+
var css_248z$k = i$6`:host{--mainnav-item-theme-color:#5925dc;--mainnav-item-color:#344054;--mainnav-item-borderBottom-width:0.125rem}li{height:100%}a.nav-link{align-items:center;border-bottom:var(--mainnav-item-borderBottom-width) solid transparent;color:var(--mainnav-item-color);display:flex;min-height:100%}a.nav-link.active,a.nav-link:hover{border-color:var(--mainnav-item-theme-color);color:var(--mainnav-item-theme-color)}.nav-link{gap:1rem}.dropdown-menu{background-color:#fff;border:1px solid rgba(0,0,0,.1);border-radius:0 0 5px 5px;box-shadow:0 .5rem 1rem rgba(0,0,0,.15);margin-top:0}`;
|
|
8573
8652
|
|
|
8574
8653
|
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
8575
8654
|
const assign = (target, ...args) => Object.assign(target, ...args);
|
|
@@ -8600,23 +8679,44 @@
|
|
|
8600
8679
|
const ARROW_UP = "ArrowUp";
|
|
8601
8680
|
const ESC = "Escape";
|
|
8602
8681
|
const ENTER = "Enter";
|
|
8682
|
+
/**
|
|
8683
|
+
* @event sgds-show - Emitted event when show instance is called
|
|
8684
|
+
* @event sgds-shown - Emitted event when dropdown has been made visible to the user and CSS transitions have completed
|
|
8685
|
+
* @event sgds-hide - Emitted event when hide instance is called
|
|
8686
|
+
* @event sgds-hidden - Emitted event when dropdown has hidden to the user and CSS transitions have completed
|
|
8687
|
+
*/
|
|
8603
8688
|
class DropdownElement extends SgdsElement {
|
|
8604
8689
|
constructor() {
|
|
8605
8690
|
super(...arguments);
|
|
8691
|
+
/** @internal */
|
|
8606
8692
|
this.myDropdown = e$2();
|
|
8693
|
+
/** @internal */
|
|
8607
8694
|
this.bsDropdown = null;
|
|
8695
|
+
/** Controls auto-flipping of menu */
|
|
8608
8696
|
this.noFlip = false;
|
|
8697
|
+
/** When true, aligns right edge of menu with right edge of button */
|
|
8609
8698
|
this.menuAlignRight = false;
|
|
8699
|
+
/** The drop position of menu relative to the toggle button */
|
|
8610
8700
|
this.drop = "down";
|
|
8701
|
+
/** Additional configuration to pass to Popper.js. See https://popper.js.org/ for config opts */
|
|
8611
8702
|
this.popperOpts = {};
|
|
8703
|
+
/** @internal Forwards value to id attribute of toggle button of Dropdown. An unique id generated by default */
|
|
8612
8704
|
this.togglerId = genId("dropdown", "button");
|
|
8705
|
+
/** Sets the text content of Dropdown button */
|
|
8613
8706
|
this.togglerText = "";
|
|
8707
|
+
/** Sets color of Dropdown button */
|
|
8614
8708
|
this.variant = "secondary";
|
|
8709
|
+
/** When true, dropdown menu shows on first load */
|
|
8615
8710
|
this.menuIsOpen = false;
|
|
8711
|
+
/** Controls the close behaviour of dropdown menu. By default menu auto-closes when SgdsDropdownItem or area outside dropdown is clicked */
|
|
8616
8712
|
this.close = "default";
|
|
8713
|
+
/** Disables the dropdown toggle */
|
|
8617
8714
|
this.disabled = false;
|
|
8715
|
+
/** @internal */
|
|
8618
8716
|
this.nextDropdownItemNo = 0;
|
|
8717
|
+
/** @internal */
|
|
8619
8718
|
this.prevDropdownItemNo = -1;
|
|
8719
|
+
/** @internal */
|
|
8620
8720
|
this.modifierOpt = [];
|
|
8621
8721
|
}
|
|
8622
8722
|
firstUpdated() {
|
|
@@ -8684,9 +8784,11 @@
|
|
|
8684
8784
|
if (this.menuIsOpen)
|
|
8685
8785
|
this.bsDropdown.show();
|
|
8686
8786
|
}
|
|
8787
|
+
/** When invoked, opens the dropdown menu */
|
|
8687
8788
|
showMenu() {
|
|
8688
8789
|
this.bsDropdown.show();
|
|
8689
8790
|
}
|
|
8791
|
+
/** When invoked, hides the dropdown menu */
|
|
8690
8792
|
hideMenu() {
|
|
8691
8793
|
this.bsDropdown.hide();
|
|
8692
8794
|
}
|
|
@@ -8732,7 +8834,7 @@
|
|
|
8732
8834
|
const currentItemNo = items.indexOf(e.target);
|
|
8733
8835
|
this.nextDropdownItemNo = currentItemNo + 1;
|
|
8734
8836
|
this.prevDropdownItemNo = currentItemNo <= 0 ? items.length - 1 : currentItemNo - 1;
|
|
8735
|
-
|
|
8837
|
+
/** Emitted event from SgdsDropdown element when a the slot item is */
|
|
8736
8838
|
const selectedItem = e.target;
|
|
8737
8839
|
if (!selectedItem.disabled) {
|
|
8738
8840
|
this.emit("sgds-select");
|
|
@@ -8790,9 +8892,6 @@
|
|
|
8790
8892
|
__decorate([
|
|
8791
8893
|
e$6({ type: Object })
|
|
8792
8894
|
], DropdownElement.prototype, "popperOpts", void 0);
|
|
8793
|
-
__decorate([
|
|
8794
|
-
e$6({ type: String })
|
|
8795
|
-
], DropdownElement.prototype, "togglerId", void 0);
|
|
8796
8895
|
__decorate([
|
|
8797
8896
|
e$6({ type: String })
|
|
8798
8897
|
], DropdownElement.prototype, "togglerText", void 0);
|
|
@@ -8857,13 +8956,11 @@
|
|
|
8857
8956
|
`;
|
|
8858
8957
|
}
|
|
8859
8958
|
};
|
|
8860
|
-
SgdsMainnavDropdown.styles = [DropdownElement.styles, css_248z$
|
|
8959
|
+
SgdsMainnavDropdown.styles = [DropdownElement.styles, css_248z$k];
|
|
8861
8960
|
SgdsMainnavDropdown = __decorate([
|
|
8862
8961
|
e$7("sgds-mainnav-dropdown")
|
|
8863
8962
|
], SgdsMainnavDropdown);
|
|
8864
8963
|
|
|
8865
|
-
var css_248z$k = i$6`:host{--sgds-body-line-height:2rem}.form-label,.form-text{line-height:var(--sgds-body-line-height)}`;
|
|
8866
|
-
|
|
8867
8964
|
// @defaultValue decorator
|
|
8868
8965
|
const defaultValue = (propertyName = "value") => (proto, key) => {
|
|
8869
8966
|
const ctor = proto.constructor;
|
|
@@ -8884,30 +8981,71 @@
|
|
|
8884
8981
|
};
|
|
8885
8982
|
};
|
|
8886
8983
|
|
|
8984
|
+
/**
|
|
8985
|
+
* @license
|
|
8986
|
+
* Copyright 2017 Google LLC
|
|
8987
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
8988
|
+
*/class e extends i$1{constructor(i){if(super(i),this.et=A$1,i.type!==t$1.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(r){if(r===A$1||null==r)return this.ft=void 0,this.et=r;if(r===T$1)return r;if("string"!=typeof r)throw Error(this.constructor.directiveName+"() called with a non-string value");if(r===this.et)return this.ft;this.et=r;const s=[r];return s.raw=s,this.ft={_$litType$:this.constructor.resultType,strings:s,values:[]}}}e.directiveName="unsafeHTML",e.resultType=1;
|
|
8989
|
+
|
|
8990
|
+
/**
|
|
8991
|
+
* @license
|
|
8992
|
+
* Copyright 2017 Google LLC
|
|
8993
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
8994
|
+
*/class t extends e{}t.directiveName="unsafeSVG",t.resultType=2;const o=e$3(t);
|
|
8995
|
+
|
|
8996
|
+
/**
|
|
8997
|
+
* @summary Text inputs allow your users to enter letters, numbers and symbols on a single line.
|
|
8998
|
+
*
|
|
8999
|
+
* @event sgds-change - Emitted when an alteration to the control's value is committed by the user.
|
|
9000
|
+
* @event sgds-input - Emitted when the control receives input and its value changes.
|
|
9001
|
+
* @event sgds-focus - Emitted when input is in focus.
|
|
9002
|
+
* @event sgds-blur - Emitted when input is not in focus.
|
|
9003
|
+
*
|
|
9004
|
+
*/
|
|
8887
9005
|
let SgdsInput = class SgdsInput extends SgdsElement {
|
|
8888
9006
|
constructor() {
|
|
8889
9007
|
super(...arguments);
|
|
8890
|
-
|
|
9008
|
+
/**@internal */
|
|
8891
9009
|
this.formSubmitController = new FormSubmitController(this);
|
|
9010
|
+
/** The type of input which works the same as HTMLInputElement*/
|
|
8892
9011
|
this.type = "text";
|
|
8893
|
-
|
|
8894
|
-
this.
|
|
8895
|
-
|
|
8896
|
-
this.
|
|
9012
|
+
/** The input's label */
|
|
9013
|
+
this.label = "";
|
|
9014
|
+
/** The input's hint text below the label */
|
|
9015
|
+
this.hintText = "";
|
|
9016
|
+
/**The input's placeholder text. */
|
|
9017
|
+
this.placeholder = "placeholder";
|
|
9018
|
+
/**Autofocus the input */
|
|
8897
9019
|
this.autofocus = false;
|
|
9020
|
+
/**Disables the input. */
|
|
8898
9021
|
this.disabled = false;
|
|
9022
|
+
/**Makes the input a required field. */
|
|
8899
9023
|
this.required = false;
|
|
8900
|
-
/**
|
|
9024
|
+
/**Makes the input readonly. */
|
|
8901
9025
|
this.readonly = false;
|
|
9026
|
+
/**The input's value attribute. */
|
|
9027
|
+
this.value = "";
|
|
9028
|
+
/**Gets or sets the default value used to reset this element. The initial value corresponds to the one originally specified in the HTML that created this element. */
|
|
9029
|
+
this.defaultValue = "";
|
|
9030
|
+
/** Allows invalidFeedback, invalid and valid styles to be visible with the input */
|
|
9031
|
+
this.hasFeedback = false;
|
|
9032
|
+
/**Feedback text for error state when validated */
|
|
9033
|
+
this.invalidFeedback = "";
|
|
9034
|
+
/**@internal */
|
|
8902
9035
|
this.invalid = false;
|
|
9036
|
+
/**@internal */
|
|
8903
9037
|
this.valid = false;
|
|
8904
|
-
|
|
8905
|
-
this.
|
|
9038
|
+
/**@internal */
|
|
9039
|
+
this.inputId = genId("input", this.type);
|
|
8906
9040
|
}
|
|
8907
9041
|
/** Sets focus on the input. */
|
|
8908
9042
|
focus(options) {
|
|
8909
9043
|
this.input.focus(options);
|
|
8910
9044
|
}
|
|
9045
|
+
/** Sets blur on the input. */
|
|
9046
|
+
blur() {
|
|
9047
|
+
this.input.blur();
|
|
9048
|
+
}
|
|
8911
9049
|
/** Checks for validity and shows the browser's validation message if the control is invalid. */
|
|
8912
9050
|
reportValidity() {
|
|
8913
9051
|
return this.input.reportValidity();
|
|
@@ -8920,11 +9058,9 @@
|
|
|
8920
9058
|
this.emit(event);
|
|
8921
9059
|
}
|
|
8922
9060
|
handleFocus() {
|
|
8923
|
-
this.hasFocus = true;
|
|
8924
9061
|
this.emit("sgds-focus");
|
|
8925
9062
|
}
|
|
8926
9063
|
handleBlur() {
|
|
8927
|
-
this.hasFocus = false;
|
|
8928
9064
|
this.emit("sgds-blur");
|
|
8929
9065
|
}
|
|
8930
9066
|
handleKeyDown(event) {
|
|
@@ -8933,7 +9069,8 @@
|
|
|
8933
9069
|
// submitting to allow users to cancel the keydown event if they need to
|
|
8934
9070
|
if (event.key === "Enter" && !hasModifier) {
|
|
8935
9071
|
setTimeout(() => {
|
|
8936
|
-
|
|
9072
|
+
// Prevent submission when enter is click on a submission in an Input Method Editor with isComposing
|
|
9073
|
+
if (!event.defaultPrevented && !event.isComposing) {
|
|
8937
9074
|
this.formSubmitController.submit();
|
|
8938
9075
|
}
|
|
8939
9076
|
});
|
|
@@ -8947,17 +9084,20 @@
|
|
|
8947
9084
|
handleValueChange() {
|
|
8948
9085
|
this.invalid = !this.input.checkValidity();
|
|
8949
9086
|
this.valid = this.input.checkValidity();
|
|
9087
|
+
// remove validation for input that is not required, is already dirty and has empty value
|
|
9088
|
+
if (!this.required && this.value === "") {
|
|
9089
|
+
this.valid = false;
|
|
9090
|
+
}
|
|
8950
9091
|
}
|
|
8951
9092
|
render() {
|
|
8952
9093
|
const input = n `
|
|
8953
9094
|
<input
|
|
8954
|
-
class
|
|
8955
|
-
|
|
8956
|
-
"is-invalid": this.invalid,
|
|
8957
|
-
"is-valid": this.valid,
|
|
9095
|
+
class=${o$1({
|
|
9096
|
+
"form-control": true,
|
|
9097
|
+
"is-invalid": this.hasFeedback && this.invalid,
|
|
9098
|
+
"is-valid": this.hasFeedback && this.valid,
|
|
8958
9099
|
[`${this.inputClasses}`]: this.inputClasses
|
|
8959
9100
|
})}
|
|
8960
|
-
"
|
|
8961
9101
|
type=${this.type}
|
|
8962
9102
|
id=${this.inputId}
|
|
8963
9103
|
name=${l$2(this.name)}
|
|
@@ -8978,36 +9118,28 @@
|
|
|
8978
9118
|
@focus=${this.handleFocus}
|
|
8979
9119
|
@blur=${this.handleBlur}
|
|
8980
9120
|
/>
|
|
8981
|
-
|
|
9121
|
+
${this.hasFeedback
|
|
9122
|
+
? n `<div id="${this.inputId}-invalid" class="invalid-feedback">${this.invalidFeedback}</div>`
|
|
9123
|
+
: ""}
|
|
8982
9124
|
`;
|
|
8983
9125
|
// if iconName is defined
|
|
8984
9126
|
const inputWithIcon = n `
|
|
8985
9127
|
<div class="sgds form-control-group ${this.inputClasses}">
|
|
8986
|
-
<span class="form-control-icon">
|
|
8987
|
-
<sl-icon name=${this.iconName}></sl-icon>
|
|
8988
|
-
</span>
|
|
9128
|
+
<span class="form-control-icon"> ${o(this.icon)} </span>
|
|
8989
9129
|
${input}
|
|
8990
9130
|
</div>
|
|
8991
9131
|
`;
|
|
8992
9132
|
// if hintText is defined
|
|
8993
|
-
const withHintText = n `
|
|
8994
|
-
<small id="${l$2(this.inputId)}Help" class="text-muted form-text">${this.hintText}</small>
|
|
8995
|
-
`;
|
|
9133
|
+
const withHintText = n ` <small id="${this.inputId}Help" class="text-muted form-text">${this.hintText}</small> `;
|
|
8996
9134
|
// if label is defined
|
|
8997
|
-
const withLabel = n ` <label for=${
|
|
8998
|
-
return n `
|
|
8999
|
-
${this.label ? withLabel : undefined} ${this.hintText ? withHintText : undefined}
|
|
9000
|
-
${this.iconName ? inputWithIcon : input}
|
|
9001
|
-
`;
|
|
9135
|
+
const withLabel = n ` <label for=${this.inputId} class="form-label">${this.label}</label> `;
|
|
9136
|
+
return n ` ${this.label && withLabel} ${this.hintText && withHintText} ${this.icon ? inputWithIcon : input} `;
|
|
9002
9137
|
}
|
|
9003
9138
|
};
|
|
9004
|
-
SgdsInput.styles =
|
|
9139
|
+
SgdsInput.styles = SgdsElement.styles;
|
|
9005
9140
|
__decorate([
|
|
9006
9141
|
i$2("input.form-control")
|
|
9007
9142
|
], SgdsInput.prototype, "input", void 0);
|
|
9008
|
-
__decorate([
|
|
9009
|
-
t$2()
|
|
9010
|
-
], SgdsInput.prototype, "hasFocus", void 0);
|
|
9011
9143
|
__decorate([
|
|
9012
9144
|
e$6({ reflect: true })
|
|
9013
9145
|
], SgdsInput.prototype, "type", void 0);
|
|
@@ -9017,9 +9149,6 @@
|
|
|
9017
9149
|
__decorate([
|
|
9018
9150
|
e$6({ reflect: true })
|
|
9019
9151
|
], SgdsInput.prototype, "hintText", void 0);
|
|
9020
|
-
__decorate([
|
|
9021
|
-
e$6({ type: String, reflect: true })
|
|
9022
|
-
], SgdsInput.prototype, "inputId", void 0);
|
|
9023
9152
|
__decorate([
|
|
9024
9153
|
e$6({ reflect: true })
|
|
9025
9154
|
], SgdsInput.prototype, "name", void 0);
|
|
@@ -9027,16 +9156,13 @@
|
|
|
9027
9156
|
e$6({ reflect: true })
|
|
9028
9157
|
], SgdsInput.prototype, "inputClasses", void 0);
|
|
9029
9158
|
__decorate([
|
|
9030
|
-
e$6({
|
|
9031
|
-
], SgdsInput.prototype, "
|
|
9032
|
-
__decorate([
|
|
9033
|
-
e$6({ type: String, reflect: true })
|
|
9034
|
-
], SgdsInput.prototype, "value", void 0);
|
|
9159
|
+
e$6({ type: String })
|
|
9160
|
+
], SgdsInput.prototype, "icon", void 0);
|
|
9035
9161
|
__decorate([
|
|
9036
|
-
e$6({ type:
|
|
9162
|
+
e$6({ type: Number, reflect: true })
|
|
9037
9163
|
], SgdsInput.prototype, "minlength", void 0);
|
|
9038
9164
|
__decorate([
|
|
9039
|
-
e$6({ type:
|
|
9165
|
+
e$6({ type: Number, reflect: true })
|
|
9040
9166
|
], SgdsInput.prototype, "maxlength", void 0);
|
|
9041
9167
|
__decorate([
|
|
9042
9168
|
e$6({ type: String, reflect: true })
|
|
@@ -9044,9 +9170,6 @@
|
|
|
9044
9170
|
__decorate([
|
|
9045
9171
|
e$6({ type: String })
|
|
9046
9172
|
], SgdsInput.prototype, "pattern", void 0);
|
|
9047
|
-
__decorate([
|
|
9048
|
-
e$6({ type: String, reflect: true })
|
|
9049
|
-
], SgdsInput.prototype, "invalidFeedback", void 0);
|
|
9050
9173
|
__decorate([
|
|
9051
9174
|
e$6({ type: Boolean, reflect: true })
|
|
9052
9175
|
], SgdsInput.prototype, "autofocus", void 0);
|
|
@@ -9059,15 +9182,24 @@
|
|
|
9059
9182
|
__decorate([
|
|
9060
9183
|
e$6({ type: Boolean, reflect: true })
|
|
9061
9184
|
], SgdsInput.prototype, "readonly", void 0);
|
|
9185
|
+
__decorate([
|
|
9186
|
+
e$6({ reflect: true })
|
|
9187
|
+
], SgdsInput.prototype, "value", void 0);
|
|
9188
|
+
__decorate([
|
|
9189
|
+
defaultValue()
|
|
9190
|
+
], SgdsInput.prototype, "defaultValue", void 0);
|
|
9062
9191
|
__decorate([
|
|
9063
9192
|
e$6({ type: Boolean, reflect: true })
|
|
9193
|
+
], SgdsInput.prototype, "hasFeedback", void 0);
|
|
9194
|
+
__decorate([
|
|
9195
|
+
e$6({ type: String, reflect: true })
|
|
9196
|
+
], SgdsInput.prototype, "invalidFeedback", void 0);
|
|
9197
|
+
__decorate([
|
|
9198
|
+
t$2()
|
|
9064
9199
|
], SgdsInput.prototype, "invalid", void 0);
|
|
9065
9200
|
__decorate([
|
|
9066
|
-
|
|
9201
|
+
t$2()
|
|
9067
9202
|
], SgdsInput.prototype, "valid", void 0);
|
|
9068
|
-
__decorate([
|
|
9069
|
-
defaultValue()
|
|
9070
|
-
], SgdsInput.prototype, "defaultValue", void 0);
|
|
9071
9203
|
__decorate([
|
|
9072
9204
|
watch("disabled", { waitUntilFirstUpdate: true })
|
|
9073
9205
|
], SgdsInput.prototype, "handleDisabledChange", null);
|
|
@@ -9080,35 +9212,53 @@
|
|
|
9080
9212
|
|
|
9081
9213
|
var css_248z$j = i$6``;
|
|
9082
9214
|
|
|
9215
|
+
/**
|
|
9216
|
+
* @summary Checkbox component is used when you require users to select multiple items from a list.
|
|
9217
|
+
*
|
|
9218
|
+
* @slot default - The label of checkbox.
|
|
9219
|
+
*
|
|
9220
|
+
* @event sgds-change - Emitted when the checked state changes.
|
|
9221
|
+
*/
|
|
9083
9222
|
let SgdsCheckbox = class SgdsCheckbox extends SgdsElement {
|
|
9084
9223
|
constructor() {
|
|
9085
9224
|
super(...arguments);
|
|
9225
|
+
/**@internal */
|
|
9086
9226
|
this.formSubmitController = new FormSubmitController(this, {
|
|
9087
9227
|
value: (control) => (control.checked ? control.value : undefined),
|
|
9088
9228
|
defaultValue: (control) => control.defaultChecked,
|
|
9089
9229
|
setValue: (control, checked) => (control.checked = checked)
|
|
9090
9230
|
});
|
|
9091
|
-
/** For Id/For pair of the HTML form control. */
|
|
9092
|
-
this.checkboxId = genId("checkbox");
|
|
9093
9231
|
/** For aria-label when there is no appropriate text label visible */
|
|
9094
9232
|
this.ariaLabel = "checkbox";
|
|
9095
|
-
/** Manually style the input as valid */
|
|
9096
|
-
this.valid = false;
|
|
9097
|
-
/** Manually style the input as invalid */
|
|
9098
|
-
this.invalid = false;
|
|
9099
9233
|
/** Makes the checkbox a required field. */
|
|
9100
9234
|
this.required = false;
|
|
9101
9235
|
/** Draws the checkbox in a checked state. */
|
|
9102
9236
|
this.checked = false;
|
|
9103
9237
|
/** Disables the checkbox (so the user can't check / uncheck it). */
|
|
9104
9238
|
this.disabled = false;
|
|
9239
|
+
/** Allows invalidFeedback, invalid and valid styles to be visible with the input */
|
|
9240
|
+
this.hasFeedback = false;
|
|
9105
9241
|
/** Gets or sets the default value used to reset this element. The initial value corresponds to the one originally specified in the HTML that created this element. */
|
|
9106
9242
|
this.defaultChecked = false;
|
|
9243
|
+
/** @internal */
|
|
9244
|
+
this.valid = false;
|
|
9245
|
+
/** @internal */
|
|
9246
|
+
this.invalid = false;
|
|
9247
|
+
/** @internal For Id/For pair of the HTML form control and label. */
|
|
9248
|
+
this.inputId = genId("checkbox");
|
|
9107
9249
|
}
|
|
9108
9250
|
/** Simulates a click on the checkbox. */
|
|
9109
9251
|
click() {
|
|
9110
9252
|
this.input.click();
|
|
9111
9253
|
}
|
|
9254
|
+
/** Sets focus on the checkbox. */
|
|
9255
|
+
focus(options) {
|
|
9256
|
+
this.input.focus(options);
|
|
9257
|
+
}
|
|
9258
|
+
/** Removes focus from the checkbox. */
|
|
9259
|
+
blur() {
|
|
9260
|
+
this.input.blur();
|
|
9261
|
+
}
|
|
9112
9262
|
/** Checks for validity and shows the browser's validation message if the control is invalid. */
|
|
9113
9263
|
reportValidity() {
|
|
9114
9264
|
if (!this.input.reportValidity()) {
|
|
@@ -9117,22 +9267,20 @@
|
|
|
9117
9267
|
return this.input.reportValidity();
|
|
9118
9268
|
}
|
|
9119
9269
|
handleChange() {
|
|
9120
|
-
// console.log(
|
|
9121
|
-
// "when this.click() is fired, input detects a change --> handleChange runs"
|
|
9122
|
-
// );
|
|
9123
9270
|
this.checked = !this.checked;
|
|
9124
9271
|
this.value = this.input.value;
|
|
9125
|
-
this.emit("sgds-change");
|
|
9272
|
+
this.emit("sgds-change", { detail: { checked: this.checked, value: this.value } });
|
|
9126
9273
|
}
|
|
9127
9274
|
handleKeyDown(event) {
|
|
9128
9275
|
const hasModifier = event.metaKey || event.ctrlKey || event.shiftKey || event.altKey;
|
|
9129
9276
|
if (event.key === "Enter" && !hasModifier) {
|
|
9130
|
-
// console.log(
|
|
9131
|
-
// "so here we are trying to mimick keydown enter event like a mousclick event"
|
|
9132
|
-
// );
|
|
9133
9277
|
this.click();
|
|
9134
9278
|
}
|
|
9135
9279
|
}
|
|
9280
|
+
handleInvalid(e) {
|
|
9281
|
+
e.preventDefault();
|
|
9282
|
+
this.invalid = true;
|
|
9283
|
+
}
|
|
9136
9284
|
handleDisabledChange() {
|
|
9137
9285
|
// Disabled form controls are always valid, so we need to recheck validity when the state changes
|
|
9138
9286
|
this.input.disabled = this.disabled;
|
|
@@ -9145,16 +9293,15 @@
|
|
|
9145
9293
|
}
|
|
9146
9294
|
render() {
|
|
9147
9295
|
return x `
|
|
9148
|
-
<div
|
|
9296
|
+
<div class="form-check">
|
|
9149
9297
|
<input
|
|
9150
|
-
part="control"
|
|
9151
9298
|
class=${o$1({
|
|
9152
9299
|
"form-check-input": true,
|
|
9153
|
-
"is-invalid": this.invalid,
|
|
9154
|
-
"is-valid": this.valid
|
|
9300
|
+
"is-invalid": this.hasFeedback && this.invalid,
|
|
9301
|
+
"is-valid": this.hasFeedback && this.valid
|
|
9155
9302
|
})}
|
|
9156
9303
|
type="checkbox"
|
|
9157
|
-
id=${
|
|
9304
|
+
id=${this.inputId}
|
|
9158
9305
|
aria-invalid=${this.invalid ? "true" : "false"}
|
|
9159
9306
|
name=${l$2(this.name)}
|
|
9160
9307
|
value=${l$2(this.value)}
|
|
@@ -9165,23 +9312,14 @@
|
|
|
9165
9312
|
aria-checked=${this.checked ? "true" : "false"}
|
|
9166
9313
|
@change=${this.handleChange}
|
|
9167
9314
|
@keydown=${this.handleKeyDown}
|
|
9315
|
+
@invalid=${(e) => this.handleInvalid(e)}
|
|
9168
9316
|
/>
|
|
9169
|
-
<label
|
|
9170
|
-
part="label"
|
|
9171
|
-
for="${l$2(this.checkboxId)}"
|
|
9172
|
-
aria-label=${l$2(this.ariaLabel)}
|
|
9173
|
-
class="form-check-label"
|
|
9317
|
+
<label for="${this.inputId}" aria-label=${l$2(this.ariaLabel)} class="form-check-label"
|
|
9174
9318
|
><slot></slot
|
|
9175
9319
|
></label>
|
|
9176
|
-
${this.
|
|
9177
|
-
? x `<
|
|
9178
|
-
|
|
9179
|
-
part="feedback"
|
|
9180
|
-
class=${o$1({
|
|
9181
|
-
"invalid-feedback": true
|
|
9182
|
-
})}
|
|
9183
|
-
></slot>`
|
|
9184
|
-
: undefined}
|
|
9320
|
+
${this.hasFeedback
|
|
9321
|
+
? x `<div id="${this.inputId}-invalid" class="invalid-feedback">${this.invalidFeedback}</div>`
|
|
9322
|
+
: ""}
|
|
9185
9323
|
</div>
|
|
9186
9324
|
`;
|
|
9187
9325
|
}
|
|
@@ -9193,18 +9331,9 @@
|
|
|
9193
9331
|
__decorate([
|
|
9194
9332
|
e$6({ reflect: true })
|
|
9195
9333
|
], SgdsCheckbox.prototype, "name", void 0);
|
|
9196
|
-
__decorate([
|
|
9197
|
-
e$6({ type: String, reflect: true })
|
|
9198
|
-
], SgdsCheckbox.prototype, "checkboxId", void 0);
|
|
9199
9334
|
__decorate([
|
|
9200
9335
|
e$6({ type: String, reflect: true })
|
|
9201
9336
|
], SgdsCheckbox.prototype, "ariaLabel", void 0);
|
|
9202
|
-
__decorate([
|
|
9203
|
-
e$6({ type: Boolean, reflect: true })
|
|
9204
|
-
], SgdsCheckbox.prototype, "valid", void 0);
|
|
9205
|
-
__decorate([
|
|
9206
|
-
e$6({ type: Boolean, reflect: true })
|
|
9207
|
-
], SgdsCheckbox.prototype, "invalid", void 0);
|
|
9208
9337
|
__decorate([
|
|
9209
9338
|
e$6()
|
|
9210
9339
|
], SgdsCheckbox.prototype, "value", void 0);
|
|
@@ -9218,8 +9347,20 @@
|
|
|
9218
9347
|
e$6({ type: Boolean, reflect: true })
|
|
9219
9348
|
], SgdsCheckbox.prototype, "disabled", void 0);
|
|
9220
9349
|
__decorate([
|
|
9221
|
-
|
|
9222
|
-
], SgdsCheckbox.prototype, "
|
|
9350
|
+
e$6({ type: Boolean, reflect: true })
|
|
9351
|
+
], SgdsCheckbox.prototype, "hasFeedback", void 0);
|
|
9352
|
+
__decorate([
|
|
9353
|
+
e$6({ type: String, reflect: true })
|
|
9354
|
+
], SgdsCheckbox.prototype, "invalidFeedback", void 0);
|
|
9355
|
+
__decorate([
|
|
9356
|
+
defaultValue("checked")
|
|
9357
|
+
], SgdsCheckbox.prototype, "defaultChecked", void 0);
|
|
9358
|
+
__decorate([
|
|
9359
|
+
t$2()
|
|
9360
|
+
], SgdsCheckbox.prototype, "valid", void 0);
|
|
9361
|
+
__decorate([
|
|
9362
|
+
t$2()
|
|
9363
|
+
], SgdsCheckbox.prototype, "invalid", void 0);
|
|
9223
9364
|
__decorate([
|
|
9224
9365
|
watch("disabled", { waitUntilFirstUpdate: true })
|
|
9225
9366
|
], SgdsCheckbox.prototype, "handleDisabledChange", null);
|
|
@@ -9317,32 +9458,53 @@
|
|
|
9317
9458
|
e$7("sgds-dropdown-item")
|
|
9318
9459
|
], SgdsDropdownItem);
|
|
9319
9460
|
|
|
9320
|
-
var css_248z$h = i$6`:host
|
|
9461
|
+
var css_248z$h = i$6`:host .textarea-resize-none{resize:none}:host .textarea-resize-vertical{resize:vertical}`;
|
|
9321
9462
|
|
|
9322
|
-
|
|
9463
|
+
/**
|
|
9464
|
+
* @summary Text areas allow for the collection of input longer than a single line.
|
|
9465
|
+
*
|
|
9466
|
+
* @event sgds-change - Emitted when an alteration to the control's value is committed by the user.
|
|
9467
|
+
* @event sgds-input - Emitted when the control receives input and its value changes.
|
|
9468
|
+
* @event sgds-focus - Emitted when textarea is in focus.
|
|
9469
|
+
* @event sgds-blur - Emitted when textarea loses focus.
|
|
9470
|
+
*/
|
|
9471
|
+
let SgdsTextarea = class SgdsTextarea extends SgdsElement {
|
|
9323
9472
|
constructor() {
|
|
9324
9473
|
super(...arguments);
|
|
9325
|
-
|
|
9474
|
+
/**@internal */
|
|
9326
9475
|
this.formSubmitController = new FormSubmitController(this);
|
|
9476
|
+
/**The textarea's label */
|
|
9327
9477
|
this.label = "label";
|
|
9328
|
-
|
|
9478
|
+
/**The textarea's value attribute. */
|
|
9329
9479
|
this.value = "";
|
|
9480
|
+
/**Enables spell checking on the textarea */
|
|
9330
9481
|
this.spellcheck = false;
|
|
9331
9482
|
/** The number of rows to display by default. */
|
|
9332
9483
|
this.rows = 4;
|
|
9484
|
+
/**The textarea's placeholder text. */
|
|
9333
9485
|
this.placeholder = "Placeholder";
|
|
9334
|
-
|
|
9486
|
+
/**Feedback text for error state when validated */
|
|
9487
|
+
this.invalidFeedback = "";
|
|
9488
|
+
/**Autofocus the textarea */
|
|
9335
9489
|
this.autofocus = false;
|
|
9490
|
+
/**Disables the textarea. */
|
|
9336
9491
|
this.disabled = false;
|
|
9492
|
+
/**Makes the textarea a required field. */
|
|
9337
9493
|
this.required = false;
|
|
9338
|
-
/** Makes the
|
|
9494
|
+
/** Makes the textarea readonly. */
|
|
9339
9495
|
this.readonly = false;
|
|
9340
|
-
this.invalid = false;
|
|
9341
|
-
this.valid = false;
|
|
9342
9496
|
/** Controls how the textarea can be resized. */
|
|
9343
9497
|
this.resize = "vertical";
|
|
9344
9498
|
/** Gets or sets the default value used to reset this element. The initial value corresponds to the one originally specified in the HTML that created this element. */
|
|
9345
9499
|
this.defaultValue = "";
|
|
9500
|
+
/** Allows invalidFeedback, invalid and valid styles to be visible with the input */
|
|
9501
|
+
this.hasFeedback = false;
|
|
9502
|
+
/**@internal */
|
|
9503
|
+
this.invalid = false;
|
|
9504
|
+
/**@internal */
|
|
9505
|
+
this.valid = false;
|
|
9506
|
+
/** @internal The textarea's unique id */
|
|
9507
|
+
this.textareaId = genId("textarea", "input");
|
|
9346
9508
|
}
|
|
9347
9509
|
connectedCallback() {
|
|
9348
9510
|
super.connectedCallback();
|
|
@@ -9364,7 +9526,12 @@
|
|
|
9364
9526
|
reportValidity() {
|
|
9365
9527
|
return this.textarea.reportValidity();
|
|
9366
9528
|
}
|
|
9367
|
-
|
|
9529
|
+
/** Selects all the text in the textarea. */
|
|
9530
|
+
select() {
|
|
9531
|
+
this.textarea.select();
|
|
9532
|
+
}
|
|
9533
|
+
handleInvalid(e) {
|
|
9534
|
+
e.preventDefault();
|
|
9368
9535
|
this.invalid = true;
|
|
9369
9536
|
}
|
|
9370
9537
|
handleChange(event) {
|
|
@@ -9372,17 +9539,11 @@
|
|
|
9372
9539
|
this.emit(event);
|
|
9373
9540
|
}
|
|
9374
9541
|
handleFocus() {
|
|
9375
|
-
this.hasFocus = true;
|
|
9376
9542
|
this.emit("sgds-focus");
|
|
9377
9543
|
}
|
|
9378
9544
|
handleBlur() {
|
|
9379
|
-
this.hasFocus = false;
|
|
9380
9545
|
this.emit("sgds-blur");
|
|
9381
9546
|
}
|
|
9382
|
-
/** Selects all the text in the textarea. */
|
|
9383
|
-
select() {
|
|
9384
|
-
this.textarea.select();
|
|
9385
|
-
}
|
|
9386
9547
|
handleKeyDown(event) {
|
|
9387
9548
|
const hasModifier = event.metaKey || event.ctrlKey || event.shiftKey || event.altKey;
|
|
9388
9549
|
// Pressing enter when focused on an input should submit the form like a native input, but we wait a tick before
|
|
@@ -9416,27 +9577,30 @@
|
|
|
9416
9577
|
this.invalid = !this.textarea.checkValidity();
|
|
9417
9578
|
this.valid = this.textarea.checkValidity();
|
|
9418
9579
|
this.updateComplete.then(() => this.setTextareaHeight());
|
|
9580
|
+
if (!this.required && this.value === "") {
|
|
9581
|
+
this.valid = false;
|
|
9582
|
+
}
|
|
9419
9583
|
}
|
|
9420
9584
|
render() {
|
|
9421
9585
|
// if maxlength is defined
|
|
9422
9586
|
const wordCount = n ` <div class="form-text">${this.value.length}/${this.maxlength}</div> `;
|
|
9423
9587
|
return n `
|
|
9424
9588
|
<div class="text-area-label-wrapper d-flex justify-content-between">
|
|
9425
|
-
<label for=${
|
|
9426
|
-
${
|
|
9589
|
+
<label for=${this.textareaId} class="form-label">${this.label}</label>
|
|
9590
|
+
${this.maxlength > 0 ? wordCount : undefined}
|
|
9427
9591
|
</div>
|
|
9428
9592
|
|
|
9429
9593
|
<textarea
|
|
9430
|
-
class
|
|
9594
|
+
class=${o$1({
|
|
9431
9595
|
"form-control": true,
|
|
9432
|
-
"is-invalid": this.invalid,
|
|
9433
|
-
"is-valid": this.valid,
|
|
9596
|
+
"is-invalid": this.hasFeedback && this.invalid,
|
|
9597
|
+
"is-valid": this.hasFeedback && this.valid,
|
|
9434
9598
|
"textarea-resize-none": this.resize === "none",
|
|
9435
9599
|
"textarea-resize-vertical": this.resize === "vertical",
|
|
9436
9600
|
"textarea-resize-auto": this.resize === "auto",
|
|
9437
9601
|
[`${this.textareaClasses}`]: this.textareaClasses
|
|
9438
|
-
})}
|
|
9439
|
-
id=${
|
|
9602
|
+
})}
|
|
9603
|
+
id=${this.textareaId}
|
|
9440
9604
|
name=${l$2(this.name)}
|
|
9441
9605
|
rows=${l$2(this.rows)}
|
|
9442
9606
|
placeholder=${l$2(this.placeholder)}
|
|
@@ -9454,98 +9618,97 @@
|
|
|
9454
9618
|
@keyup=${this.handleValueChange}
|
|
9455
9619
|
@input=${() => this.handleChange("sgds-input")}
|
|
9456
9620
|
@change=${() => this.handleChange("sgds-change")}
|
|
9457
|
-
@invalid=${this.handleInvalid}
|
|
9621
|
+
@invalid=${(e) => this.handleInvalid(e)}
|
|
9458
9622
|
@focus=${this.handleFocus}
|
|
9459
9623
|
@blur=${this.handleBlur}
|
|
9460
9624
|
>
|
|
9461
9625
|
</textarea>
|
|
9462
9626
|
|
|
9463
|
-
|
|
9627
|
+
${this.hasFeedback
|
|
9628
|
+
? n `<div id="${this.textareaId}-invalid" class="invalid-feedback">${this.invalidFeedback}</div>`
|
|
9629
|
+
: ""}
|
|
9464
9630
|
`;
|
|
9465
9631
|
}
|
|
9466
9632
|
};
|
|
9467
|
-
|
|
9633
|
+
SgdsTextarea.styles = [SgdsElement.styles, css_248z$h];
|
|
9468
9634
|
__decorate([
|
|
9469
9635
|
i$2("textarea.form-control")
|
|
9470
|
-
],
|
|
9471
|
-
__decorate([
|
|
9472
|
-
t$2()
|
|
9473
|
-
], SgdsTextArea.prototype, "hasFocus", void 0);
|
|
9474
|
-
__decorate([
|
|
9475
|
-
e$6({ type: String, reflect: true })
|
|
9476
|
-
], SgdsTextArea.prototype, "label", void 0);
|
|
9636
|
+
], SgdsTextarea.prototype, "textarea", void 0);
|
|
9477
9637
|
__decorate([
|
|
9478
9638
|
e$6({ type: String, reflect: true })
|
|
9479
|
-
],
|
|
9639
|
+
], SgdsTextarea.prototype, "label", void 0);
|
|
9480
9640
|
__decorate([
|
|
9481
9641
|
e$6({ type: String, reflect: true })
|
|
9482
|
-
],
|
|
9642
|
+
], SgdsTextarea.prototype, "name", void 0);
|
|
9483
9643
|
__decorate([
|
|
9484
9644
|
e$6({ type: String, reflect: true })
|
|
9485
|
-
],
|
|
9645
|
+
], SgdsTextarea.prototype, "textareaClasses", void 0);
|
|
9486
9646
|
__decorate([
|
|
9487
9647
|
e$6({ type: String, reflect: true })
|
|
9488
|
-
],
|
|
9648
|
+
], SgdsTextarea.prototype, "value", void 0);
|
|
9489
9649
|
__decorate([
|
|
9490
|
-
e$6({ type:
|
|
9491
|
-
],
|
|
9650
|
+
e$6({ type: Number, reflect: true })
|
|
9651
|
+
], SgdsTextarea.prototype, "minlength", void 0);
|
|
9492
9652
|
__decorate([
|
|
9493
|
-
e$6({ type:
|
|
9494
|
-
],
|
|
9653
|
+
e$6({ type: Number, reflect: true })
|
|
9654
|
+
], SgdsTextarea.prototype, "maxlength", void 0);
|
|
9495
9655
|
__decorate([
|
|
9496
9656
|
e$6({ type: Boolean, reflect: true })
|
|
9497
|
-
],
|
|
9657
|
+
], SgdsTextarea.prototype, "spellcheck", void 0);
|
|
9498
9658
|
__decorate([
|
|
9499
9659
|
e$6({ type: Number })
|
|
9500
|
-
],
|
|
9660
|
+
], SgdsTextarea.prototype, "rows", void 0);
|
|
9501
9661
|
__decorate([
|
|
9502
9662
|
e$6({ type: String, reflect: true })
|
|
9503
|
-
],
|
|
9663
|
+
], SgdsTextarea.prototype, "placeholder", void 0);
|
|
9504
9664
|
__decorate([
|
|
9505
9665
|
e$6({ type: String, reflect: true })
|
|
9506
|
-
],
|
|
9507
|
-
__decorate([
|
|
9508
|
-
e$6({ type: Boolean, reflect: true })
|
|
9509
|
-
], SgdsTextArea.prototype, "autofocus", void 0);
|
|
9666
|
+
], SgdsTextarea.prototype, "invalidFeedback", void 0);
|
|
9510
9667
|
__decorate([
|
|
9511
9668
|
e$6({ type: Boolean, reflect: true })
|
|
9512
|
-
],
|
|
9669
|
+
], SgdsTextarea.prototype, "autofocus", void 0);
|
|
9513
9670
|
__decorate([
|
|
9514
9671
|
e$6({ type: Boolean, reflect: true })
|
|
9515
|
-
],
|
|
9672
|
+
], SgdsTextarea.prototype, "disabled", void 0);
|
|
9516
9673
|
__decorate([
|
|
9517
9674
|
e$6({ type: Boolean, reflect: true })
|
|
9518
|
-
],
|
|
9675
|
+
], SgdsTextarea.prototype, "required", void 0);
|
|
9519
9676
|
__decorate([
|
|
9520
9677
|
e$6({ type: Boolean, reflect: true })
|
|
9521
|
-
],
|
|
9522
|
-
__decorate([
|
|
9523
|
-
e$6({ type: Boolean, reflect: true })
|
|
9524
|
-
], SgdsTextArea.prototype, "valid", void 0);
|
|
9678
|
+
], SgdsTextarea.prototype, "readonly", void 0);
|
|
9525
9679
|
__decorate([
|
|
9526
9680
|
e$6()
|
|
9527
|
-
],
|
|
9681
|
+
], SgdsTextarea.prototype, "resize", void 0);
|
|
9528
9682
|
__decorate([
|
|
9529
9683
|
e$6()
|
|
9530
|
-
],
|
|
9684
|
+
], SgdsTextarea.prototype, "inputmode", void 0);
|
|
9531
9685
|
__decorate([
|
|
9532
9686
|
e$6()
|
|
9533
|
-
],
|
|
9687
|
+
], SgdsTextarea.prototype, "autocorrect", void 0);
|
|
9534
9688
|
__decorate([
|
|
9535
9689
|
defaultValue()
|
|
9536
|
-
],
|
|
9690
|
+
], SgdsTextarea.prototype, "defaultValue", void 0);
|
|
9691
|
+
__decorate([
|
|
9692
|
+
e$6({ type: Boolean, reflect: true })
|
|
9693
|
+
], SgdsTextarea.prototype, "hasFeedback", void 0);
|
|
9694
|
+
__decorate([
|
|
9695
|
+
t$2()
|
|
9696
|
+
], SgdsTextarea.prototype, "invalid", void 0);
|
|
9697
|
+
__decorate([
|
|
9698
|
+
t$2()
|
|
9699
|
+
], SgdsTextarea.prototype, "valid", void 0);
|
|
9537
9700
|
__decorate([
|
|
9538
9701
|
watch("rows", { waitUntilFirstUpdate: true })
|
|
9539
|
-
],
|
|
9702
|
+
], SgdsTextarea.prototype, "handleRowsChange", null);
|
|
9540
9703
|
__decorate([
|
|
9541
9704
|
watch("disabled", { waitUntilFirstUpdate: true })
|
|
9542
|
-
],
|
|
9705
|
+
], SgdsTextarea.prototype, "handleDisabledChange", null);
|
|
9543
9706
|
__decorate([
|
|
9544
9707
|
watch("value", { waitUntilFirstUpdate: true })
|
|
9545
|
-
],
|
|
9546
|
-
|
|
9708
|
+
], SgdsTextarea.prototype, "handleValueChange", null);
|
|
9709
|
+
SgdsTextarea = __decorate([
|
|
9547
9710
|
e$7("sgds-textarea")
|
|
9548
|
-
],
|
|
9711
|
+
], SgdsTextarea);
|
|
9549
9712
|
|
|
9550
9713
|
//
|
|
9551
9714
|
// Animates an element using keyframes. Returns a promise that resolves after the animation completes or gets canceled.
|
|
@@ -10140,43 +10303,63 @@
|
|
|
10140
10303
|
|
|
10141
10304
|
var css_248z$f = i$6``;
|
|
10142
10305
|
|
|
10306
|
+
/**
|
|
10307
|
+
* @summary The quantity toggle component is used to increase or decrease an incremental venue, best used when the user needs to enter or adjust the quantity of a selected item.
|
|
10308
|
+
*
|
|
10309
|
+
* @csspart base - The base wrapper of the quantity toggle component.
|
|
10310
|
+
* @csspart button - The plus and minus button of quantity toggle
|
|
10311
|
+
*
|
|
10312
|
+
* @event sgds-change - Emitted when an alteration to the control's value is committed by the user.
|
|
10313
|
+
* @event sgds-input - Emitted when the control receives input and its value changes.
|
|
10314
|
+
*
|
|
10315
|
+
*/
|
|
10143
10316
|
let SgdsQuantityToggle = class SgdsQuantityToggle extends SgdsElement {
|
|
10144
10317
|
constructor() {
|
|
10145
10318
|
super(...arguments);
|
|
10146
|
-
|
|
10319
|
+
/**@internal */
|
|
10320
|
+
this.formSubmitController = new FormSubmitController(this);
|
|
10321
|
+
/**Controls the size of the quantity toggle */
|
|
10147
10322
|
this.size = "sm";
|
|
10323
|
+
/**The input's value. Set to 0 by default */
|
|
10324
|
+
this.value = 0;
|
|
10325
|
+
/** Disables the entire quantity toggle */
|
|
10148
10326
|
this.disabled = false;
|
|
10327
|
+
/** The quantity toggle's button variants */
|
|
10328
|
+
this.buttonVariant = "primary";
|
|
10149
10329
|
/**
|
|
10150
|
-
*
|
|
10151
|
-
* implied, allowing any numeric value.
|
|
10330
|
+
* Controls the incremental / decremental value of the input
|
|
10152
10331
|
*/
|
|
10153
10332
|
this.step = 1;
|
|
10154
10333
|
/** Gets or sets the default value used to reset this element. The initial value corresponds to the one originally specified in the HTML that created this element. */
|
|
10155
|
-
this.defaultValue =
|
|
10334
|
+
this.defaultValue = 0;
|
|
10335
|
+
/** @internal The id forwarded to input element */
|
|
10336
|
+
this.inputId = genId("quantity-toggle", "input");
|
|
10156
10337
|
}
|
|
10157
10338
|
handleChange(event) {
|
|
10339
|
+
this.value = parseInt(this.input.value);
|
|
10158
10340
|
this.emit(event);
|
|
10159
|
-
|
|
10341
|
+
}
|
|
10342
|
+
/** Simulates a click on the plus button */
|
|
10343
|
+
plus() {
|
|
10344
|
+
this.plusBtn.click();
|
|
10345
|
+
}
|
|
10346
|
+
/** Simulates a click on the minus button */
|
|
10347
|
+
minus() {
|
|
10348
|
+
this.minusBtn.click();
|
|
10160
10349
|
}
|
|
10161
10350
|
onPlus(event) {
|
|
10162
|
-
|
|
10163
|
-
|
|
10164
|
-
|
|
10165
|
-
return;
|
|
10166
|
-
}
|
|
10167
|
-
this.count = parseInt(this.input.value) + parseInt(this.input.step);
|
|
10351
|
+
event.preventDefault();
|
|
10352
|
+
event.stopPropagation();
|
|
10353
|
+
this.value = parseInt(this.input.value) + parseInt(this.input.step);
|
|
10168
10354
|
}
|
|
10169
10355
|
onMinus(event) {
|
|
10170
|
-
|
|
10171
|
-
|
|
10172
|
-
|
|
10173
|
-
|
|
10174
|
-
}
|
|
10175
|
-
if (this.count < this.step) {
|
|
10176
|
-
this.count = 0;
|
|
10356
|
+
event.preventDefault();
|
|
10357
|
+
event.stopPropagation();
|
|
10358
|
+
if (this.value < this.step) {
|
|
10359
|
+
this.value = 0;
|
|
10177
10360
|
}
|
|
10178
10361
|
else {
|
|
10179
|
-
this.
|
|
10362
|
+
this.value = parseInt(this.input.value) - parseInt(this.input.step);
|
|
10180
10363
|
}
|
|
10181
10364
|
}
|
|
10182
10365
|
render() {
|
|
@@ -10187,22 +10370,33 @@
|
|
|
10187
10370
|
sgds: true,
|
|
10188
10371
|
disabled: this.disabled,
|
|
10189
10372
|
"input-group": true,
|
|
10190
|
-
[
|
|
10373
|
+
[`input-group-${this.size}`]: this.size
|
|
10191
10374
|
})}"
|
|
10192
10375
|
variant="quantity-toggle"
|
|
10193
|
-
id=${this.quantToggleId}
|
|
10194
10376
|
size=${this.size}
|
|
10195
10377
|
>
|
|
10196
|
-
<
|
|
10378
|
+
<button
|
|
10379
|
+
aria-label="minus-button"
|
|
10197
10380
|
part="button"
|
|
10198
|
-
|
|
10199
|
-
|
|
10200
|
-
|
|
10381
|
+
class=${o$1({
|
|
10382
|
+
sgds: true,
|
|
10383
|
+
btn: true,
|
|
10384
|
+
[`btn-${this.buttonVariant}`]: this.buttonVariant
|
|
10385
|
+
})}
|
|
10201
10386
|
@click=${this.onMinus}
|
|
10202
10387
|
?disabled=${this.disabled}
|
|
10203
10388
|
>
|
|
10204
|
-
<
|
|
10205
|
-
|
|
10389
|
+
<svg
|
|
10390
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
10391
|
+
width="16"
|
|
10392
|
+
height="16"
|
|
10393
|
+
fill="currentColor"
|
|
10394
|
+
class="bi bi-dash"
|
|
10395
|
+
viewBox="0 0 16 16"
|
|
10396
|
+
>
|
|
10397
|
+
<path d="M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z" />
|
|
10398
|
+
</svg>
|
|
10399
|
+
</button>
|
|
10206
10400
|
<input
|
|
10207
10401
|
type="number"
|
|
10208
10402
|
class="form-control ${"form-control-" + this.size} text-center"
|
|
@@ -10210,21 +10404,36 @@
|
|
|
10210
10404
|
step=${l$2(this.step)}
|
|
10211
10405
|
min=${l$2(this.min)}
|
|
10212
10406
|
max=${l$2(this.max)}
|
|
10213
|
-
.value=${l$1(this.
|
|
10407
|
+
.value=${l$1(this.value)}
|
|
10214
10408
|
@change=${() => this.handleChange("sgds-change")}
|
|
10215
10409
|
@input=${() => this.handleChange("sgds-input")}
|
|
10216
10410
|
?disabled=${this.disabled}
|
|
10411
|
+
id=${this.inputId}
|
|
10217
10412
|
/>
|
|
10218
|
-
<
|
|
10413
|
+
<button
|
|
10414
|
+
aria-label="plus-button"
|
|
10219
10415
|
part="button"
|
|
10220
|
-
|
|
10221
|
-
|
|
10222
|
-
|
|
10416
|
+
class=${o$1({
|
|
10417
|
+
sgds: true,
|
|
10418
|
+
btn: true,
|
|
10419
|
+
[`btn-${this.buttonVariant}`]: this.buttonVariant
|
|
10420
|
+
})}
|
|
10223
10421
|
@click=${this.onPlus}
|
|
10224
10422
|
?disabled=${this.disabled}
|
|
10225
10423
|
>
|
|
10226
|
-
<
|
|
10227
|
-
|
|
10424
|
+
<svg
|
|
10425
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
10426
|
+
width="16"
|
|
10427
|
+
height="16"
|
|
10428
|
+
fill="currentColor"
|
|
10429
|
+
class="bi bi-plus"
|
|
10430
|
+
viewBox="0 0 16 16"
|
|
10431
|
+
>
|
|
10432
|
+
<path
|
|
10433
|
+
d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z"
|
|
10434
|
+
/>
|
|
10435
|
+
</svg>
|
|
10436
|
+
</button>
|
|
10228
10437
|
</div>
|
|
10229
10438
|
`;
|
|
10230
10439
|
}
|
|
@@ -10234,44 +10443,38 @@
|
|
|
10234
10443
|
i$2("input.form-control")
|
|
10235
10444
|
], SgdsQuantityToggle.prototype, "input", void 0);
|
|
10236
10445
|
__decorate([
|
|
10237
|
-
i$2("
|
|
10238
|
-
], SgdsQuantityToggle.prototype, "
|
|
10239
|
-
__decorate([
|
|
10240
|
-
i$2("sgds-button.button-group_button-last")
|
|
10241
|
-
], SgdsQuantityToggle.prototype, "lastBtn", void 0);
|
|
10446
|
+
i$2("button[aria-label=plus-button]")
|
|
10447
|
+
], SgdsQuantityToggle.prototype, "plusBtn", void 0);
|
|
10242
10448
|
__decorate([
|
|
10243
|
-
|
|
10244
|
-
], SgdsQuantityToggle.prototype, "
|
|
10449
|
+
i$2("button[aria-label=minus-button]")
|
|
10450
|
+
], SgdsQuantityToggle.prototype, "minusBtn", void 0);
|
|
10245
10451
|
__decorate([
|
|
10246
10452
|
e$6({ reflect: true })
|
|
10247
10453
|
], SgdsQuantityToggle.prototype, "name", void 0);
|
|
10248
10454
|
__decorate([
|
|
10249
|
-
e$6()
|
|
10455
|
+
e$6({ type: Number, reflect: true })
|
|
10250
10456
|
], SgdsQuantityToggle.prototype, "min", void 0);
|
|
10251
10457
|
__decorate([
|
|
10252
|
-
e$6()
|
|
10458
|
+
e$6({ type: Number, reflect: true })
|
|
10253
10459
|
], SgdsQuantityToggle.prototype, "max", void 0);
|
|
10254
10460
|
__decorate([
|
|
10255
10461
|
e$6()
|
|
10256
10462
|
], SgdsQuantityToggle.prototype, "size", void 0);
|
|
10257
10463
|
__decorate([
|
|
10258
10464
|
e$6({ reflect: true, type: Number })
|
|
10259
|
-
], SgdsQuantityToggle.prototype, "
|
|
10465
|
+
], SgdsQuantityToggle.prototype, "value", void 0);
|
|
10260
10466
|
__decorate([
|
|
10261
10467
|
e$6({ type: Boolean, reflect: true })
|
|
10262
10468
|
], SgdsQuantityToggle.prototype, "disabled", void 0);
|
|
10263
10469
|
__decorate([
|
|
10264
|
-
e$6({ reflect: true })
|
|
10265
|
-
], SgdsQuantityToggle.prototype, "
|
|
10470
|
+
e$6({ type: String, reflect: true })
|
|
10471
|
+
], SgdsQuantityToggle.prototype, "buttonVariant", void 0);
|
|
10266
10472
|
__decorate([
|
|
10267
|
-
e$6()
|
|
10473
|
+
e$6({ type: Number, reflect: true })
|
|
10268
10474
|
], SgdsQuantityToggle.prototype, "step", void 0);
|
|
10269
10475
|
__decorate([
|
|
10270
10476
|
defaultValue()
|
|
10271
10477
|
], SgdsQuantityToggle.prototype, "defaultValue", void 0);
|
|
10272
|
-
__decorate([
|
|
10273
|
-
watch("count", { waitUntilFirstUpdate: true })
|
|
10274
|
-
], SgdsQuantityToggle.prototype, "render", null);
|
|
10275
10478
|
SgdsQuantityToggle = __decorate([
|
|
10276
10479
|
e$7("sgds-quantity-toggle")
|
|
10277
10480
|
], SgdsQuantityToggle);
|
|
@@ -10689,16 +10892,9 @@
|
|
|
10689
10892
|
], SgdsTabGroup);
|
|
10690
10893
|
|
|
10691
10894
|
class CardElement extends SgdsElement {
|
|
10692
|
-
constructor() {
|
|
10693
|
-
super(...arguments);
|
|
10694
|
-
this.disabled = false;
|
|
10695
|
-
}
|
|
10696
10895
|
}
|
|
10697
10896
|
CardElement.styles = SgdsElement.styles;
|
|
10698
10897
|
__decorate([
|
|
10699
|
-
e$6({ type: String })
|
|
10700
|
-
/** The border's variant. */
|
|
10701
|
-
,
|
|
10702
10898
|
e$6()
|
|
10703
10899
|
], CardElement.prototype, "borderColor", void 0);
|
|
10704
10900
|
__decorate([
|
|
@@ -10707,63 +10903,87 @@
|
|
|
10707
10903
|
__decorate([
|
|
10708
10904
|
e$6()
|
|
10709
10905
|
], CardElement.prototype, "textColor", void 0);
|
|
10710
|
-
__decorate([
|
|
10711
|
-
e$6({ type: Boolean, reflect: true })
|
|
10712
|
-
], CardElement.prototype, "disabled", void 0);
|
|
10713
10906
|
|
|
10714
|
-
var css_248z$b = i$6`:host .sgds.card[variant*=card-action] .card-body
|
|
10907
|
+
var css_248z$b = i$6`:host .sgds.card[variant*=card-action] .card-body ::slotted(svg){margin-right:1rem}`;
|
|
10715
10908
|
|
|
10909
|
+
/**
|
|
10910
|
+
* @summary Action Card are cards with built in checkbox or radio components. The ref of input is extended to the Card's body.
|
|
10911
|
+
* @slot icon - Icon content in the card-subtitile
|
|
10912
|
+
* @slot card-subtitle - The subtitle of the card
|
|
10913
|
+
* @slot card-title - The title of the card
|
|
10914
|
+
* @slot card-text - The paragrapher text of the card
|
|
10915
|
+
*
|
|
10916
|
+
* @event sgds-change - Emitted when the checked state of card's checkbox changes or when the selected card's radio has changed
|
|
10917
|
+
*
|
|
10918
|
+
* @csspart base - The action card base wrapper
|
|
10919
|
+
* @csspart body - The action card body
|
|
10920
|
+
* @csspart subtitle - The action card subtitle
|
|
10921
|
+
* @csspart title - The action card title
|
|
10922
|
+
* @csspart text - The action card text
|
|
10923
|
+
*
|
|
10924
|
+
*/
|
|
10716
10925
|
let SgdsActionCard = class SgdsActionCard extends CardElement {
|
|
10717
10926
|
constructor() {
|
|
10718
10927
|
super(...arguments);
|
|
10719
10928
|
/** @internal */
|
|
10720
10929
|
this.inputRef = e$2();
|
|
10930
|
+
/** Disables the input (so the user can't check / uncheck it). */
|
|
10931
|
+
this.disabled = false;
|
|
10932
|
+
/** Draws the input in a checked state. */
|
|
10933
|
+
this.checked = false;
|
|
10934
|
+
/** The type of input of the action card */
|
|
10721
10935
|
this.type = "checkbox";
|
|
10722
|
-
/**
|
|
10723
|
-
this.variant = "card-action";
|
|
10936
|
+
/** Controls the active styling of the action card */
|
|
10724
10937
|
this.active = false;
|
|
10938
|
+
/** @internal The input's id. */
|
|
10939
|
+
this.inputId = genId("action-card", "input");
|
|
10940
|
+
}
|
|
10941
|
+
/** Simulates a click on the input control*/
|
|
10942
|
+
click() {
|
|
10943
|
+
this.inputRef.value.click();
|
|
10725
10944
|
}
|
|
10726
|
-
|
|
10727
|
-
|
|
10945
|
+
/** @internal Declare the click event listener*/
|
|
10946
|
+
async handleInputChange() {
|
|
10728
10947
|
this.inputRef.value.click();
|
|
10729
|
-
|
|
10730
|
-
|
|
10731
|
-
|
|
10732
|
-
|
|
10733
|
-
|
|
10948
|
+
this.emit("sgds-change");
|
|
10949
|
+
}
|
|
10950
|
+
async handleRadioCheckedChange() {
|
|
10951
|
+
this.active = this.checked;
|
|
10952
|
+
}
|
|
10953
|
+
async handleDisabledChange() {
|
|
10954
|
+
this.active = !this.disabled;
|
|
10734
10955
|
}
|
|
10735
10956
|
handleKeyDown(event) {
|
|
10736
10957
|
const hasModifier = event.metaKey || event.ctrlKey || event.shiftKey || event.altKey;
|
|
10737
10958
|
if (event.key === "Enter" && !hasModifier) {
|
|
10738
|
-
this.
|
|
10959
|
+
this.handleInputChange();
|
|
10739
10960
|
}
|
|
10740
10961
|
}
|
|
10741
|
-
// handleChange(event: string){
|
|
10742
|
-
// this.checked = this.inputRef.value.checked;
|
|
10743
|
-
// this.emit(event);
|
|
10744
|
-
// }
|
|
10745
10962
|
render() {
|
|
10746
10963
|
const checkbox = n `<sgds-checkbox
|
|
10747
10964
|
${n$1(this.inputRef)}
|
|
10748
10965
|
?disabled=${this.disabled}
|
|
10749
|
-
|
|
10750
|
-
@click=${this.
|
|
10966
|
+
id=${this.inputId}
|
|
10967
|
+
@click=${this.handleInputChange}
|
|
10751
10968
|
@keydown=${this.handleKeyDown}
|
|
10969
|
+
.value=${l$2(this.value)}
|
|
10970
|
+
?checked=${l$1(this.checked)}
|
|
10971
|
+
@sgds-change=${(e) => (this.checked = e.detail.checked)}
|
|
10752
10972
|
></sgds-checkbox>`;
|
|
10753
10973
|
const radio = n `<sgds-radio
|
|
10754
10974
|
${n$1(this.inputRef)}
|
|
10755
10975
|
?disabled=${this.disabled}
|
|
10756
|
-
|
|
10757
|
-
@click=${this.
|
|
10976
|
+
id=${this.inputId}
|
|
10977
|
+
@click=${this.handleInputChange}
|
|
10758
10978
|
@keydown=${this.handleKeyDown}
|
|
10979
|
+
.value=${l$2(this.value)}
|
|
10980
|
+
?checked=${l$1(this.checked)}
|
|
10759
10981
|
></sgds-radio>`;
|
|
10760
|
-
const icon = n `<sl-icon name="${this.iconName}"></sl-icon>`;
|
|
10761
10982
|
return n `
|
|
10762
10983
|
<div
|
|
10763
|
-
|
|
10764
|
-
|
|
10765
|
-
|
|
10766
|
-
|
|
10984
|
+
tabindex=${this.disabled ? "-1" : "0"}
|
|
10985
|
+
@click=${this.handleInputChange}
|
|
10986
|
+
@keydown=${this.handleKeyDown}
|
|
10767
10987
|
variant="card-action"
|
|
10768
10988
|
class="sgds card
|
|
10769
10989
|
${o$1({
|
|
@@ -10773,44 +10993,48 @@
|
|
|
10773
10993
|
["is-active"]: this.active
|
|
10774
10994
|
})}
|
|
10775
10995
|
"
|
|
10996
|
+
part="base"
|
|
10776
10997
|
>
|
|
10777
|
-
<div class="card-body">
|
|
10778
|
-
<h6 class="text-muted card-subtitle">
|
|
10998
|
+
<div class="card-body" part="body">
|
|
10999
|
+
<h6 class="text-muted card-subtitle" part="subtitle">
|
|
10779
11000
|
<div>
|
|
10780
|
-
|
|
10781
|
-
<slot name="card-subtitle"></slot
|
|
10782
|
-
</div>
|
|
10783
|
-
<div class="card-input">
|
|
10784
|
-
${this.type == "checkbox" && this.variant == "card-action"
|
|
10785
|
-
? checkbox
|
|
10786
|
-
: this.type == "radio" && this.variant == "card-action"
|
|
10787
|
-
? radio
|
|
10788
|
-
: undefined}
|
|
11001
|
+
<slot name="icon"></slot>
|
|
11002
|
+
<slot name="card-subtitle"></slot>
|
|
10789
11003
|
</div>
|
|
11004
|
+
<div class="card-input">${this.type === "checkbox" ? checkbox : radio}</div>
|
|
10790
11005
|
</h6>
|
|
10791
|
-
<h5 class="card-title"><slot name="card-title"></slot></h5>
|
|
10792
|
-
<p class="card-text"><slot name="card-text"></slot></p>
|
|
11006
|
+
<h5 class="card-title" part="title"><slot name="card-title"></slot></h5>
|
|
11007
|
+
<p class="card-text" part="text"><slot name="card-text"></slot></p>
|
|
10793
11008
|
</div>
|
|
10794
11009
|
</div>
|
|
10795
11010
|
`;
|
|
10796
11011
|
}
|
|
10797
11012
|
};
|
|
10798
11013
|
SgdsActionCard.styles = [CardElement.styles, css_248z$b];
|
|
10799
|
-
__decorate([
|
|
10800
|
-
e$6({ type: String, reflect: true })
|
|
10801
|
-
], SgdsActionCard.prototype, "type", void 0);
|
|
10802
11014
|
__decorate([
|
|
10803
11015
|
e$6({ reflect: true })
|
|
10804
|
-
], SgdsActionCard.prototype, "
|
|
11016
|
+
], SgdsActionCard.prototype, "name", void 0);
|
|
10805
11017
|
__decorate([
|
|
10806
|
-
e$6(
|
|
10807
|
-
], SgdsActionCard.prototype, "
|
|
11018
|
+
e$6()
|
|
11019
|
+
], SgdsActionCard.prototype, "value", void 0);
|
|
10808
11020
|
__decorate([
|
|
10809
|
-
e$6({ reflect: true })
|
|
10810
|
-
], SgdsActionCard.prototype, "
|
|
11021
|
+
e$6({ type: Boolean, reflect: true })
|
|
11022
|
+
], SgdsActionCard.prototype, "disabled", void 0);
|
|
11023
|
+
__decorate([
|
|
11024
|
+
e$6({ type: Boolean, reflect: true })
|
|
11025
|
+
], SgdsActionCard.prototype, "checked", void 0);
|
|
11026
|
+
__decorate([
|
|
11027
|
+
e$6({ type: String, reflect: true })
|
|
11028
|
+
], SgdsActionCard.prototype, "type", void 0);
|
|
10811
11029
|
__decorate([
|
|
10812
11030
|
e$6({ reflect: true, type: Boolean })
|
|
10813
11031
|
], SgdsActionCard.prototype, "active", void 0);
|
|
11032
|
+
__decorate([
|
|
11033
|
+
watch("checked")
|
|
11034
|
+
], SgdsActionCard.prototype, "handleRadioCheckedChange", null);
|
|
11035
|
+
__decorate([
|
|
11036
|
+
watch("disabled")
|
|
11037
|
+
], SgdsActionCard.prototype, "handleDisabledChange", null);
|
|
10814
11038
|
SgdsActionCard = __decorate([
|
|
10815
11039
|
e$7("sgds-action-card")
|
|
10816
11040
|
], SgdsActionCard);
|
|
@@ -10855,24 +11079,67 @@
|
|
|
10855
11079
|
e$7("sgds-badge")
|
|
10856
11080
|
], SgdsBadge);
|
|
10857
11081
|
|
|
10858
|
-
var css_248z$9 = i$6
|
|
11082
|
+
var css_248z$9 = i$6`.sortable-header{cursor:pointer}`;
|
|
10859
11083
|
|
|
11084
|
+
/**
|
|
11085
|
+
* @summary The use of a table is to organise a collections of data into readable rows
|
|
11086
|
+
*
|
|
11087
|
+
* @cssproperty --sgds-table-bg - Table's background color
|
|
11088
|
+
* @cssproperty --sgds-table-accent-bg - Table's accent background color
|
|
11089
|
+
* @cssproperty --sgds-table-striped-color - Text color for striped table
|
|
11090
|
+
* @cssproperty --sgds-table-striped-bg - Background color for striped table
|
|
11091
|
+
* @cssproperty --sgds-table-active-color - Active text color for hovered row
|
|
11092
|
+
* @cssproperty --sgds-table-active-bg - Active background color for hovered row
|
|
11093
|
+
* @cssproperty --sgds-table-hover-color - Hovered text color for hover table
|
|
11094
|
+
* @cssproperty --sgds-table-hover-bg - Hovered background color for hover table
|
|
11095
|
+
*/
|
|
10860
11096
|
let SgdsTable = class SgdsTable extends SgdsElement {
|
|
10861
11097
|
constructor() {
|
|
10862
11098
|
super(...arguments);
|
|
11099
|
+
/**
|
|
11100
|
+
* Adds zebra-striping using striped to table row within the <tbody>
|
|
11101
|
+
*/
|
|
10863
11102
|
this.striped = false;
|
|
11103
|
+
/**
|
|
11104
|
+
* Add borders to all sides of table and cells
|
|
11105
|
+
*/
|
|
10864
11106
|
this.bordered = false;
|
|
11107
|
+
/**
|
|
11108
|
+
* Remove all borders to table and cells
|
|
11109
|
+
*/
|
|
10865
11110
|
this.borderless = false;
|
|
11111
|
+
/**
|
|
11112
|
+
* Add hoverable state on table rows
|
|
11113
|
+
*/
|
|
10866
11114
|
this.hover = false;
|
|
11115
|
+
/**
|
|
11116
|
+
* Sorting on a column is enabled by adding the sort property. The sorting algorithm is based on javascript array.sort() method. In ascending order from bottom, alphabets come first, followed by numbers, and then symbols. Similarly, in descending order from bottom, symbols come first, followed by numbers, and then alphabets.
|
|
11117
|
+
*/
|
|
10867
11118
|
this.sort = false;
|
|
11119
|
+
/**
|
|
11120
|
+
* When removableSort is present, the third click removes the sorting from the column.
|
|
11121
|
+
*/
|
|
10868
11122
|
this.removableSort = false;
|
|
11123
|
+
/**
|
|
11124
|
+
* Populate header cells using Arrays
|
|
11125
|
+
*/
|
|
10869
11126
|
this.tableHeaders = [];
|
|
11127
|
+
/**
|
|
11128
|
+
* Populate data cells using Arrays
|
|
11129
|
+
*/
|
|
10870
11130
|
this.tableData = [];
|
|
11131
|
+
/** @internal */
|
|
10871
11132
|
this.sortColumn = null;
|
|
11133
|
+
/** @internal */
|
|
10872
11134
|
this.sortAsc = true;
|
|
11135
|
+
//TODO aria-sort
|
|
11136
|
+
/** @internal */
|
|
10873
11137
|
this.activeColumn = null;
|
|
11138
|
+
/** @internal */
|
|
10874
11139
|
this.sortClickCount = 0;
|
|
11140
|
+
/** @internal */
|
|
10875
11141
|
this.clickCount = 0;
|
|
11142
|
+
/** @internal */
|
|
10876
11143
|
this.originalTableData = [];
|
|
10877
11144
|
}
|
|
10878
11145
|
connectedCallback() {
|
|
@@ -10972,7 +11239,7 @@
|
|
|
10972
11239
|
return x `
|
|
10973
11240
|
<div
|
|
10974
11241
|
class=${o$1({
|
|
10975
|
-
"table-responsive":
|
|
11242
|
+
"table-responsive": this.responsive === "always",
|
|
10976
11243
|
"table-responsive-sm": this.responsive === "sm",
|
|
10977
11244
|
"table-responsive-md": this.responsive === "md",
|
|
10978
11245
|
"table-responsive-lg": this.responsive === "lg",
|
|
@@ -10981,14 +11248,14 @@
|
|
|
10981
11248
|
tabindex="0"
|
|
10982
11249
|
>
|
|
10983
11250
|
<table
|
|
10984
|
-
class="table ${o$1({
|
|
11251
|
+
class="table sgds ${o$1({
|
|
10985
11252
|
[`table-striped`]: this.striped,
|
|
10986
11253
|
[`table-bordered`]: this.bordered,
|
|
10987
11254
|
[`table-borderless`]: this.borderless,
|
|
10988
11255
|
[`table-hover`]: this.hover,
|
|
10989
11256
|
[`table-${this.size}`]: this.size,
|
|
10990
11257
|
[`table-${this.variant}`]: this.variant
|
|
10991
|
-
})}
|
|
11258
|
+
})}"
|
|
10992
11259
|
>
|
|
10993
11260
|
<thead>
|
|
10994
11261
|
<tr>
|
|
@@ -10999,6 +11266,7 @@
|
|
|
10999
11266
|
active: this.activeColumn === index
|
|
11000
11267
|
})}"
|
|
11001
11268
|
@click=${() => this.handleHeaderClick(index)}
|
|
11269
|
+
//TODO aria-sort
|
|
11002
11270
|
>
|
|
11003
11271
|
${header} ${this.sort ? this.getIcon(index) : null}
|
|
11004
11272
|
</th>
|
|
@@ -11046,10 +11314,10 @@
|
|
|
11046
11314
|
e$6({ type: String, reflect: true })
|
|
11047
11315
|
], SgdsTable.prototype, "responsive", void 0);
|
|
11048
11316
|
__decorate([
|
|
11049
|
-
e$6({ type:
|
|
11317
|
+
e$6({ type: Array })
|
|
11050
11318
|
], SgdsTable.prototype, "tableHeaders", void 0);
|
|
11051
11319
|
__decorate([
|
|
11052
|
-
e$6({ type:
|
|
11320
|
+
e$6({ type: Array })
|
|
11053
11321
|
], SgdsTable.prototype, "tableData", void 0);
|
|
11054
11322
|
__decorate([
|
|
11055
11323
|
t$2()
|
|
@@ -11461,44 +11729,48 @@
|
|
|
11461
11729
|
e$7("sgds-toast")
|
|
11462
11730
|
], SgdsToast);
|
|
11463
11731
|
|
|
11464
|
-
var css_248z$3 = i$6
|
|
11732
|
+
var css_248z$3 = i$6`:host{--fileupload-left-icon-fill:green;--fileupload-remove-icon-fill:red;--fileupload-remove-icon-hover-fill:#c00}.fileupload-list-item span{cursor:pointer}.fileupload-list-item span:first-of-type svg{fill:var(--fileupload-left-icon-fill)}.fileupload-list-item span:last-of-type svg{fill:var(--fileupload-remove-icon-fill)}.fileupload-list-item span:last-of-type svg:hover{fill:var(--fileupload-remove-icon-hover-fill)}`;
|
|
11465
11733
|
|
|
11466
11734
|
/**
|
|
11467
|
-
* @
|
|
11468
|
-
*
|
|
11469
|
-
*
|
|
11470
|
-
|
|
11471
|
-
|
|
11472
|
-
|
|
11473
|
-
* @
|
|
11474
|
-
*
|
|
11475
|
-
*
|
|
11476
|
-
*/
|
|
11477
|
-
|
|
11735
|
+
* @summary Allows users to upload files of various sizes and formats
|
|
11736
|
+
* @slot default - Label for file upload button
|
|
11737
|
+
*
|
|
11738
|
+
* @event sgds-files-selected - Emitted when files are selected for uploading
|
|
11739
|
+
*
|
|
11740
|
+
* @cssproperty --fileupload-file-icon-fill - Left icon fill color
|
|
11741
|
+
* @cssproperty --fileupload-remove-icon-fill - Remove icon fill color
|
|
11742
|
+
* @cssproperty --fileupload-remove-icon-hover-fill - Remove icon mouse over fill color
|
|
11743
|
+
*
|
|
11744
|
+
*/
|
|
11478
11745
|
let SgdsFileUpload = class SgdsFileUpload extends SgdsElement {
|
|
11479
11746
|
constructor() {
|
|
11480
|
-
super();
|
|
11747
|
+
super(...arguments);
|
|
11481
11748
|
/** The button's variant. */
|
|
11482
11749
|
this.variant = "primary";
|
|
11483
11750
|
// /** Sets a unique id to the file input, required. */
|
|
11484
11751
|
// @property({ type: String }) controlId = "";
|
|
11752
|
+
//** Disable the fileuploader button */
|
|
11485
11753
|
this.disabled = false;
|
|
11754
|
+
/** Allows multiple files to be listed for uploading */
|
|
11755
|
+
this.multiple = false;
|
|
11756
|
+
/** Specify the acceptable file type */
|
|
11757
|
+
this.accept = "";
|
|
11758
|
+
/** Customize the check icon with SVG */
|
|
11486
11759
|
this.checkedIcon = "";
|
|
11760
|
+
/** Customize the cancel icon with SVG */
|
|
11487
11761
|
this.cancelIcon = "";
|
|
11762
|
+
/** @internal */
|
|
11488
11763
|
this.selectedFiles = [];
|
|
11489
11764
|
// Create a ref to the input element
|
|
11765
|
+
/** @internal */
|
|
11490
11766
|
this.inputRef = e$2();
|
|
11491
|
-
this.addEventListener("sgds-files-selected", () => {
|
|
11492
|
-
this.selectedFiles = Array.from(this.fileList || []);
|
|
11493
|
-
this.emit("selected-files-changed", {
|
|
11494
|
-
detail: { selectedFiles: this.selectedFiles }
|
|
11495
|
-
});
|
|
11496
|
-
});
|
|
11497
11767
|
}
|
|
11498
|
-
setFileList(
|
|
11499
|
-
this.
|
|
11768
|
+
setFileList(files) {
|
|
11769
|
+
this.files = files;
|
|
11500
11770
|
this.emit("sgds-files-selected");
|
|
11771
|
+
//Possible to pass in the files
|
|
11501
11772
|
}
|
|
11773
|
+
/** @internal */
|
|
11502
11774
|
handleClick(event) {
|
|
11503
11775
|
event.preventDefault();
|
|
11504
11776
|
if (!this.disabled) {
|
|
@@ -11508,18 +11780,18 @@
|
|
|
11508
11780
|
inputElement.click();
|
|
11509
11781
|
}
|
|
11510
11782
|
}
|
|
11783
|
+
/** @internal */
|
|
11511
11784
|
handleInputChange(event) {
|
|
11512
11785
|
const inputElement = event.target;
|
|
11513
|
-
const
|
|
11514
|
-
|
|
11515
|
-
|
|
11516
|
-
dt.items.add(fileList[i]);
|
|
11786
|
+
const files = inputElement.files;
|
|
11787
|
+
if (files.length > 0) {
|
|
11788
|
+
this.selectedFiles = Array.from(files);
|
|
11517
11789
|
}
|
|
11518
|
-
this.setFileList(dt.files);
|
|
11519
|
-
this.selectedFiles = Array.from(dt.files);
|
|
11520
11790
|
// Trigger a re-render of the component to update the list of selected files
|
|
11791
|
+
this.setFileList(files);
|
|
11521
11792
|
this.requestUpdate();
|
|
11522
11793
|
}
|
|
11794
|
+
/** @internal */
|
|
11523
11795
|
removeFileHandler(index) {
|
|
11524
11796
|
const inputElement = this.inputRef.value;
|
|
11525
11797
|
const attachments = inputElement.files;
|
|
@@ -11530,6 +11802,7 @@
|
|
|
11530
11802
|
}
|
|
11531
11803
|
// Assign buffer to file input
|
|
11532
11804
|
inputElement.files = fileBuffer.files;
|
|
11805
|
+
// Re-populate selected files to the lists
|
|
11533
11806
|
this.setFileList(fileBuffer.files);
|
|
11534
11807
|
this.selectedFiles = Array.from(fileBuffer.files);
|
|
11535
11808
|
// Trigger a re-render of the component to update the list of selected files
|
|
@@ -11540,16 +11813,16 @@
|
|
|
11540
11813
|
if (checkedIcon) {
|
|
11541
11814
|
return x `${o(checkedIcon)}`;
|
|
11542
11815
|
}
|
|
11543
|
-
return x
|
|
11816
|
+
return x ` <svg
|
|
11544
11817
|
xmlns="http://www.w3.org/2000/svg"
|
|
11545
11818
|
width="16"
|
|
11546
11819
|
height="16"
|
|
11547
|
-
fill="
|
|
11548
|
-
class="bi bi-check"
|
|
11820
|
+
fill="currentColor"
|
|
11821
|
+
class="bi bi-check-lg"
|
|
11549
11822
|
viewBox="0 0 16 16"
|
|
11550
11823
|
>
|
|
11551
11824
|
<path
|
|
11552
|
-
d="
|
|
11825
|
+
d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"
|
|
11553
11826
|
/>
|
|
11554
11827
|
</svg>`;
|
|
11555
11828
|
};
|
|
@@ -11572,27 +11845,25 @@
|
|
|
11572
11845
|
</svg>`;
|
|
11573
11846
|
};
|
|
11574
11847
|
const listItems = this.selectedFiles.map((file, index) => x `
|
|
11575
|
-
<li key=${index} class="fileupload-list-item">
|
|
11576
|
-
<span
|
|
11848
|
+
<li key=${index} class="fileupload-list-item d-flex gap-2">
|
|
11849
|
+
<span>${getCheckedIcon(this.checkedIcon)}</span>
|
|
11577
11850
|
<span class="filename">${file.name}</span>
|
|
11578
|
-
<span
|
|
11851
|
+
<span @click=${() => this.removeFileHandler(index)}>${getCancelIcon(this.cancelIcon)}</span>
|
|
11579
11852
|
</li>
|
|
11580
11853
|
`);
|
|
11581
11854
|
return x `
|
|
11582
|
-
<
|
|
11583
|
-
|
|
11584
|
-
|
|
11585
|
-
|
|
11586
|
-
|
|
11587
|
-
|
|
11588
|
-
|
|
11589
|
-
|
|
11590
|
-
|
|
11591
|
-
|
|
11592
|
-
|
|
11593
|
-
|
|
11594
|
-
</div>
|
|
11595
|
-
</form>
|
|
11855
|
+
<input
|
|
11856
|
+
${n$1(this.inputRef)}
|
|
11857
|
+
type="file"
|
|
11858
|
+
class="d-none form-control"
|
|
11859
|
+
@change=${this.handleInputChange}
|
|
11860
|
+
?multiple=${this.multiple}
|
|
11861
|
+
accept=${this.accept}
|
|
11862
|
+
/>
|
|
11863
|
+
<sgds-button size=${this.size} variant=${this.variant} ?disabled=${this.disabled} @click=${this.handleClick}>
|
|
11864
|
+
<slot></slot>
|
|
11865
|
+
</sgds-button>
|
|
11866
|
+
|
|
11596
11867
|
<ul class="sgds fileupload-list">
|
|
11597
11868
|
${listItems}
|
|
11598
11869
|
</ul>
|
|
@@ -11606,6 +11877,12 @@
|
|
|
11606
11877
|
__decorate([
|
|
11607
11878
|
e$6({ type: Boolean, reflect: true })
|
|
11608
11879
|
], SgdsFileUpload.prototype, "disabled", void 0);
|
|
11880
|
+
__decorate([
|
|
11881
|
+
e$6({ type: Boolean, reflect: true })
|
|
11882
|
+
], SgdsFileUpload.prototype, "multiple", void 0);
|
|
11883
|
+
__decorate([
|
|
11884
|
+
e$6({ type: String, reflect: true })
|
|
11885
|
+
], SgdsFileUpload.prototype, "accept", void 0);
|
|
11609
11886
|
__decorate([
|
|
11610
11887
|
e$6({ reflect: true })
|
|
11611
11888
|
], SgdsFileUpload.prototype, "size", void 0);
|
|
@@ -11616,24 +11893,23 @@
|
|
|
11616
11893
|
e$6({ type: String })
|
|
11617
11894
|
], SgdsFileUpload.prototype, "cancelIcon", void 0);
|
|
11618
11895
|
__decorate([
|
|
11619
|
-
e$6({ type:
|
|
11620
|
-
], SgdsFileUpload.prototype, "
|
|
11896
|
+
e$6({ type: Object, state: true })
|
|
11897
|
+
], SgdsFileUpload.prototype, "files", void 0);
|
|
11621
11898
|
__decorate([
|
|
11622
11899
|
e$6({ type: Array })
|
|
11623
11900
|
], SgdsFileUpload.prototype, "selectedFiles", void 0);
|
|
11624
11901
|
SgdsFileUpload = __decorate([
|
|
11625
|
-
e$7("sgds-
|
|
11902
|
+
e$7("sgds-file-upload")
|
|
11626
11903
|
], SgdsFileUpload);
|
|
11627
11904
|
|
|
11628
|
-
var css_248z$2 = i$6``;
|
|
11629
|
-
|
|
11630
11905
|
/**
|
|
11631
|
-
* @summary A dropdown mechanism that allow users to either show or hide related content.
|
|
11906
|
+
* @summary A dropdown mechanism that allow users to either show or hide related content. `SgdsAccordion` is a wrapper to manage the behaviour for multiple `SgdsAccordionItems`
|
|
11632
11907
|
* @slot default - slot for accordion-item
|
|
11633
11908
|
*/
|
|
11634
11909
|
let SgdsAccordion = class SgdsAccordion extends SgdsElement {
|
|
11635
11910
|
constructor() {
|
|
11636
11911
|
super(...arguments);
|
|
11912
|
+
/** Allows multiple accordion items to be opened at the same time */
|
|
11637
11913
|
this.allowMultiple = false;
|
|
11638
11914
|
}
|
|
11639
11915
|
/** @internal */
|
|
@@ -11680,18 +11956,17 @@
|
|
|
11680
11956
|
render() {
|
|
11681
11957
|
return x `
|
|
11682
11958
|
<div
|
|
11683
|
-
class
|
|
11684
|
-
${o$1({
|
|
11959
|
+
class=${o$1({
|
|
11685
11960
|
"sgds accordion": true,
|
|
11686
11961
|
[`${this.accordionClasses}`]: this.accordionClasses
|
|
11687
|
-
})}
|
|
11962
|
+
})}
|
|
11688
11963
|
>
|
|
11689
11964
|
<slot @click=${this.onToggle}></slot>
|
|
11690
11965
|
</div>
|
|
11691
11966
|
`;
|
|
11692
11967
|
}
|
|
11693
11968
|
};
|
|
11694
|
-
SgdsAccordion.styles = [SgdsElement.styles
|
|
11969
|
+
SgdsAccordion.styles = [SgdsElement.styles];
|
|
11695
11970
|
__decorate([
|
|
11696
11971
|
e$6({ type: Boolean, reflect: true })
|
|
11697
11972
|
], SgdsAccordion.prototype, "allowMultiple", void 0);
|
|
@@ -11705,7 +11980,7 @@
|
|
|
11705
11980
|
e$7("sgds-accordion")
|
|
11706
11981
|
], SgdsAccordion);
|
|
11707
11982
|
|
|
11708
|
-
var css_248z$
|
|
11983
|
+
var css_248z$2 = i$6`:host{--accordion-item-padding-y:1rem;--accordion-item-padding-x:1.25rem;--accordion-item-border-radius:0.25rem;--accordion-item-font-weight:700;--accordion-item-line-height:2rem}.accordion-body{line-height:var(--accordion-item-line-height);overflow:hidden;padding:0}.accordion-content{display:block;padding:0 var(--accordion-item-padding-x) var(--accordion-item-padding-y)}.accordion-button{line-height:var(--accordion-item-line-height)}.accordion-button:not(.collapsed){box-shadow:none;font-weight:var(--accordion-item-font-weight)}:host([first-of-type]) .accordion-item{border-radius:var(--accordion-item-border-radius) var(--accordion-item-border-radius) 0 0}:host([nth-of-type]) .accordion-item{border-radius:0;border-top:0}:host([last-of-type]) .accordion-item{border-radius:0 0 var(--accordion-item-border-radius) var(--accordion-item-border-radius);border-top:0}`;
|
|
11709
11984
|
|
|
11710
11985
|
/**
|
|
11711
11986
|
* @slot default - content of the accordion item
|
|
@@ -11718,29 +11993,33 @@
|
|
|
11718
11993
|
* @csspart base - The accordion-item base wrapper
|
|
11719
11994
|
* @csspart header - The accordion-item button header
|
|
11720
11995
|
* @csspart content - The accordion-item content
|
|
11996
|
+
*
|
|
11997
|
+
* @cssprop --accordion-item-padding-y - The top and bottom padding for the container of accordion item's content
|
|
11998
|
+
* @cssprop --accordion-item-padding-x - The right and left padding for the container of accordion item's content
|
|
11999
|
+
* @cssprop --accordion-item-border-radius - The border radius of the accordion item
|
|
12000
|
+
* @cssprop --accordion-item-font-weight - The font weight of accordion-button when it is not collapsed
|
|
12001
|
+
* @cssprop --accordion-item-line-height - The line height of accordion
|
|
11721
12002
|
*/
|
|
11722
12003
|
let SgdsAccordionItem = class SgdsAccordionItem extends SgdsElement {
|
|
11723
12004
|
constructor() {
|
|
11724
12005
|
super(...arguments);
|
|
11725
12006
|
/** Controls whether accordion-item is open or close */
|
|
11726
12007
|
this.open = false;
|
|
11727
|
-
/**
|
|
11728
|
-
this.
|
|
12008
|
+
/** The summary to show in the header of the accordion */
|
|
12009
|
+
this.summary = "";
|
|
11729
12010
|
}
|
|
11730
12011
|
firstUpdated() {
|
|
11731
12012
|
this.body.hidden = !this.open;
|
|
11732
12013
|
this.body.style.height = this.open ? "auto" : "0";
|
|
11733
12014
|
}
|
|
11734
12015
|
handleSummaryClick() {
|
|
11735
|
-
if (
|
|
11736
|
-
|
|
11737
|
-
|
|
11738
|
-
|
|
11739
|
-
|
|
11740
|
-
this.show();
|
|
11741
|
-
}
|
|
11742
|
-
this.header.focus();
|
|
12016
|
+
if (this.open) {
|
|
12017
|
+
this.hide();
|
|
12018
|
+
}
|
|
12019
|
+
else {
|
|
12020
|
+
this.show();
|
|
11743
12021
|
}
|
|
12022
|
+
this.header.focus();
|
|
11744
12023
|
}
|
|
11745
12024
|
handleSummaryKeyDown(event) {
|
|
11746
12025
|
if (event.key === "Enter" || event.key === " ") {
|
|
@@ -11793,16 +12072,16 @@
|
|
|
11793
12072
|
}
|
|
11794
12073
|
/** Shows the accordion. */
|
|
11795
12074
|
async show() {
|
|
11796
|
-
if (this.open
|
|
11797
|
-
return
|
|
12075
|
+
if (this.open) {
|
|
12076
|
+
return;
|
|
11798
12077
|
}
|
|
11799
12078
|
this.open = true;
|
|
11800
12079
|
return waitForEvent(this, "sgds-after-show");
|
|
11801
12080
|
}
|
|
11802
12081
|
/** Hide the accordion */
|
|
11803
12082
|
async hide() {
|
|
11804
|
-
if (!this.open
|
|
11805
|
-
return
|
|
12083
|
+
if (!this.open) {
|
|
12084
|
+
return;
|
|
11806
12085
|
}
|
|
11807
12086
|
this.open = false;
|
|
11808
12087
|
return waitForEvent(this, "sgds-after-hide");
|
|
@@ -11812,11 +12091,7 @@
|
|
|
11812
12091
|
<div
|
|
11813
12092
|
part="base"
|
|
11814
12093
|
class=${o$1({
|
|
11815
|
-
sgds: true,
|
|
11816
|
-
"accordion-item": true,
|
|
11817
|
-
//TODO: Remove unnecessary classes
|
|
11818
|
-
"accordion--open": this.open,
|
|
11819
|
-
"accordion--disabled": this.disabled,
|
|
12094
|
+
"sgds accordion-item": true,
|
|
11820
12095
|
[`${this.accordionItemClasses}`]: this.accordionItemClasses
|
|
11821
12096
|
})}
|
|
11822
12097
|
>
|
|
@@ -11830,8 +12105,7 @@
|
|
|
11830
12105
|
role="button"
|
|
11831
12106
|
aria-expanded=${this.open ? "true" : "false"}
|
|
11832
12107
|
aria-controls="content"
|
|
11833
|
-
|
|
11834
|
-
tabindex=${this.disabled ? "-1" : "0"}
|
|
12108
|
+
tabindex="0"
|
|
11835
12109
|
@click=${this.handleSummaryClick}
|
|
11836
12110
|
@keydown=${this.handleSummaryKeyDown}
|
|
11837
12111
|
>
|
|
@@ -11844,7 +12118,7 @@
|
|
|
11844
12118
|
`;
|
|
11845
12119
|
}
|
|
11846
12120
|
};
|
|
11847
|
-
SgdsAccordionItem.styles = [SgdsElement.styles, css_248z$
|
|
12121
|
+
SgdsAccordionItem.styles = [SgdsElement.styles, css_248z$2];
|
|
11848
12122
|
__decorate([
|
|
11849
12123
|
i$2(".accordion-item")
|
|
11850
12124
|
], SgdsAccordionItem.prototype, "accordion", void 0);
|
|
@@ -11860,9 +12134,6 @@
|
|
|
11860
12134
|
__decorate([
|
|
11861
12135
|
e$6()
|
|
11862
12136
|
], SgdsAccordionItem.prototype, "summary", void 0);
|
|
11863
|
-
__decorate([
|
|
11864
|
-
e$6({ type: Boolean, reflect: true })
|
|
11865
|
-
], SgdsAccordionItem.prototype, "disabled", void 0);
|
|
11866
12137
|
__decorate([
|
|
11867
12138
|
e$6({ reflect: true })
|
|
11868
12139
|
], SgdsAccordionItem.prototype, "accordionItemClasses", void 0);
|
|
@@ -11887,7 +12158,7 @@
|
|
|
11887
12158
|
options: { duration: 200, easing: "ease-in-out" }
|
|
11888
12159
|
});
|
|
11889
12160
|
|
|
11890
|
-
var css_248z = i$6`:host{display:inline-block}`;
|
|
12161
|
+
var css_248z$1 = i$6`:host{display:inline-block}`;
|
|
11891
12162
|
|
|
11892
12163
|
/**
|
|
11893
12164
|
* @summary Tooltip summary
|
|
@@ -11971,7 +12242,7 @@
|
|
|
11971
12242
|
`;
|
|
11972
12243
|
}
|
|
11973
12244
|
};
|
|
11974
|
-
SgdsTooltip.styles = [SgdsElement.styles, css_248z];
|
|
12245
|
+
SgdsTooltip.styles = [SgdsElement.styles, css_248z$1];
|
|
11975
12246
|
__decorate([
|
|
11976
12247
|
e$6({ type: String })
|
|
11977
12248
|
], SgdsTooltip.prototype, "content", void 0);
|
|
@@ -11991,5 +12262,43 @@
|
|
|
11991
12262
|
e$7("sgds-tooltip")
|
|
11992
12263
|
], SgdsTooltip);
|
|
11993
12264
|
|
|
12265
|
+
var css_248z = i$6`.sr-only{clip:rect(0,0,0,0);border:0;height:1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}`;
|
|
12266
|
+
|
|
12267
|
+
let SgdsSpinner = class SgdsSpinner extends SgdsElement {
|
|
12268
|
+
constructor() {
|
|
12269
|
+
super(...arguments);
|
|
12270
|
+
this.type = "border";
|
|
12271
|
+
this.color = "primary";
|
|
12272
|
+
}
|
|
12273
|
+
render() {
|
|
12274
|
+
return n `
|
|
12275
|
+
<div
|
|
12276
|
+
class="
|
|
12277
|
+
${o$1({
|
|
12278
|
+
[`spinner-${this.type}`]: this.type,
|
|
12279
|
+
[`text-${this.color}`]: this.color,
|
|
12280
|
+
[`${this.spinnerClasses}`]: this.spinnerClasses
|
|
12281
|
+
})}"
|
|
12282
|
+
role="status"
|
|
12283
|
+
>
|
|
12284
|
+
<span class="sr-only">Loading...</span>
|
|
12285
|
+
</div>
|
|
12286
|
+
`;
|
|
12287
|
+
}
|
|
12288
|
+
};
|
|
12289
|
+
SgdsSpinner.styles = [SgdsElement.styles, css_248z];
|
|
12290
|
+
__decorate([
|
|
12291
|
+
e$6({ reflect: true })
|
|
12292
|
+
], SgdsSpinner.prototype, "type", void 0);
|
|
12293
|
+
__decorate([
|
|
12294
|
+
e$6({ reflect: true })
|
|
12295
|
+
], SgdsSpinner.prototype, "color", void 0);
|
|
12296
|
+
__decorate([
|
|
12297
|
+
e$6({ reflect: true })
|
|
12298
|
+
], SgdsSpinner.prototype, "spinnerClasses", void 0);
|
|
12299
|
+
SgdsSpinner = __decorate([
|
|
12300
|
+
e$7("sgds-spinner")
|
|
12301
|
+
], SgdsSpinner);
|
|
12302
|
+
|
|
11994
12303
|
}));
|
|
11995
12304
|
//# sourceMappingURL=index.js.map
|