@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/react/cjs/index.js
CHANGED
|
@@ -273,7 +273,7 @@ function watch(propName, options) {
|
|
|
273
273
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
274
274
|
*/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.");
|
|
275
275
|
|
|
276
|
-
var css_248z$w = i$2`@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}}`;
|
|
276
|
+
var css_248z$v = i$2`@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)}`;
|
|
277
277
|
|
|
278
278
|
class SgdsElement extends s$3 {
|
|
279
279
|
/** Emits a custom event with more convenient defaults. */
|
|
@@ -283,9 +283,9 @@ class SgdsElement extends s$3 {
|
|
|
283
283
|
return event;
|
|
284
284
|
}
|
|
285
285
|
}
|
|
286
|
-
SgdsElement.styles = css_248z$
|
|
286
|
+
SgdsElement.styles = css_248z$v;
|
|
287
287
|
|
|
288
|
-
var css_248z$
|
|
288
|
+
var css_248z$u = i$2`: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}`;
|
|
289
289
|
|
|
290
290
|
/**
|
|
291
291
|
* @slot default - content of the accordion item
|
|
@@ -298,29 +298,33 @@ var css_248z$v = i$2`:host{--accordion-padding-y:1rem;--accordion-padding-x:1.25
|
|
|
298
298
|
* @csspart base - The accordion-item base wrapper
|
|
299
299
|
* @csspart header - The accordion-item button header
|
|
300
300
|
* @csspart content - The accordion-item content
|
|
301
|
+
*
|
|
302
|
+
* @cssprop --accordion-item-padding-y - The top and bottom padding for the container of accordion item's content
|
|
303
|
+
* @cssprop --accordion-item-padding-x - The right and left padding for the container of accordion item's content
|
|
304
|
+
* @cssprop --accordion-item-border-radius - The border radius of the accordion item
|
|
305
|
+
* @cssprop --accordion-item-font-weight - The font weight of accordion-button when it is not collapsed
|
|
306
|
+
* @cssprop --accordion-item-line-height - The line height of accordion
|
|
301
307
|
*/
|
|
302
308
|
let SgdsAccordionItem = class SgdsAccordionItem extends SgdsElement {
|
|
303
309
|
constructor() {
|
|
304
310
|
super(...arguments);
|
|
305
311
|
/** Controls whether accordion-item is open or close */
|
|
306
312
|
this.open = false;
|
|
307
|
-
/**
|
|
308
|
-
this.
|
|
313
|
+
/** The summary to show in the header of the accordion */
|
|
314
|
+
this.summary = "";
|
|
309
315
|
}
|
|
310
316
|
firstUpdated() {
|
|
311
317
|
this.body.hidden = !this.open;
|
|
312
318
|
this.body.style.height = this.open ? "auto" : "0";
|
|
313
319
|
}
|
|
314
320
|
handleSummaryClick() {
|
|
315
|
-
if (
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
this.show();
|
|
321
|
-
}
|
|
322
|
-
this.header.focus();
|
|
321
|
+
if (this.open) {
|
|
322
|
+
this.hide();
|
|
323
|
+
}
|
|
324
|
+
else {
|
|
325
|
+
this.show();
|
|
323
326
|
}
|
|
327
|
+
this.header.focus();
|
|
324
328
|
}
|
|
325
329
|
handleSummaryKeyDown(event) {
|
|
326
330
|
if (event.key === "Enter" || event.key === " ") {
|
|
@@ -373,16 +377,16 @@ let SgdsAccordionItem = class SgdsAccordionItem extends SgdsElement {
|
|
|
373
377
|
}
|
|
374
378
|
/** Shows the accordion. */
|
|
375
379
|
async show() {
|
|
376
|
-
if (this.open
|
|
377
|
-
return
|
|
380
|
+
if (this.open) {
|
|
381
|
+
return;
|
|
378
382
|
}
|
|
379
383
|
this.open = true;
|
|
380
384
|
return waitForEvent(this, "sgds-after-show");
|
|
381
385
|
}
|
|
382
386
|
/** Hide the accordion */
|
|
383
387
|
async hide() {
|
|
384
|
-
if (!this.open
|
|
385
|
-
return
|
|
388
|
+
if (!this.open) {
|
|
389
|
+
return;
|
|
386
390
|
}
|
|
387
391
|
this.open = false;
|
|
388
392
|
return waitForEvent(this, "sgds-after-hide");
|
|
@@ -392,11 +396,7 @@ let SgdsAccordionItem = class SgdsAccordionItem extends SgdsElement {
|
|
|
392
396
|
<div
|
|
393
397
|
part="base"
|
|
394
398
|
class=${o$9({
|
|
395
|
-
sgds: true,
|
|
396
|
-
"accordion-item": true,
|
|
397
|
-
//TODO: Remove unnecessary classes
|
|
398
|
-
"accordion--open": this.open,
|
|
399
|
-
"accordion--disabled": this.disabled,
|
|
399
|
+
"sgds accordion-item": true,
|
|
400
400
|
[`${this.accordionItemClasses}`]: this.accordionItemClasses
|
|
401
401
|
})}
|
|
402
402
|
>
|
|
@@ -410,8 +410,7 @@ let SgdsAccordionItem = class SgdsAccordionItem extends SgdsElement {
|
|
|
410
410
|
role="button"
|
|
411
411
|
aria-expanded=${this.open ? "true" : "false"}
|
|
412
412
|
aria-controls="content"
|
|
413
|
-
|
|
414
|
-
tabindex=${this.disabled ? "-1" : "0"}
|
|
413
|
+
tabindex="0"
|
|
415
414
|
@click=${this.handleSummaryClick}
|
|
416
415
|
@keydown=${this.handleSummaryKeyDown}
|
|
417
416
|
>
|
|
@@ -424,7 +423,7 @@ let SgdsAccordionItem = class SgdsAccordionItem extends SgdsElement {
|
|
|
424
423
|
`;
|
|
425
424
|
}
|
|
426
425
|
};
|
|
427
|
-
SgdsAccordionItem.styles = [SgdsElement.styles, css_248z$
|
|
426
|
+
SgdsAccordionItem.styles = [SgdsElement.styles, css_248z$u];
|
|
428
427
|
__decorate([
|
|
429
428
|
i$3(".accordion-item")
|
|
430
429
|
], SgdsAccordionItem.prototype, "accordion", void 0);
|
|
@@ -440,9 +439,6 @@ __decorate([
|
|
|
440
439
|
__decorate([
|
|
441
440
|
e$8()
|
|
442
441
|
], SgdsAccordionItem.prototype, "summary", void 0);
|
|
443
|
-
__decorate([
|
|
444
|
-
e$8({ type: Boolean, reflect: true })
|
|
445
|
-
], SgdsAccordionItem.prototype, "disabled", void 0);
|
|
446
442
|
__decorate([
|
|
447
443
|
e$8({ reflect: true })
|
|
448
444
|
], SgdsAccordionItem.prototype, "accordionItemClasses", void 0);
|
|
@@ -466,12 +462,12 @@ setDefaultAnimation("accordion.hide", {
|
|
|
466
462
|
],
|
|
467
463
|
options: { duration: 200, easing: "ease-in-out" }
|
|
468
464
|
});
|
|
469
|
-
var Component$
|
|
465
|
+
var Component$z = SgdsAccordionItem;
|
|
470
466
|
|
|
471
|
-
var index$
|
|
467
|
+
var index$z = react.createComponent({
|
|
472
468
|
react: React__namespace,
|
|
473
469
|
tagName: "sgds-accordion-item",
|
|
474
|
-
elementClass: Component$
|
|
470
|
+
elementClass: Component$z,
|
|
475
471
|
events: {
|
|
476
472
|
onSgdsShow: "sgds-show",
|
|
477
473
|
onSgdsAfterShow: "sgds-after-show",
|
|
@@ -480,15 +476,14 @@ var index$x = react.createComponent({
|
|
|
480
476
|
}
|
|
481
477
|
});
|
|
482
478
|
|
|
483
|
-
var css_248z$u = i$2``;
|
|
484
|
-
|
|
485
479
|
/**
|
|
486
|
-
* @summary A dropdown mechanism that allow users to either show or hide related content.
|
|
480
|
+
* @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`
|
|
487
481
|
* @slot default - slot for accordion-item
|
|
488
482
|
*/
|
|
489
483
|
let SgdsAccordion = class SgdsAccordion extends SgdsElement {
|
|
490
484
|
constructor() {
|
|
491
485
|
super(...arguments);
|
|
486
|
+
/** Allows multiple accordion items to be opened at the same time */
|
|
492
487
|
this.allowMultiple = false;
|
|
493
488
|
}
|
|
494
489
|
/** @internal */
|
|
@@ -535,18 +530,17 @@ let SgdsAccordion = class SgdsAccordion extends SgdsElement {
|
|
|
535
530
|
render() {
|
|
536
531
|
return x `
|
|
537
532
|
<div
|
|
538
|
-
class
|
|
539
|
-
${o$9({
|
|
533
|
+
class=${o$9({
|
|
540
534
|
"sgds accordion": true,
|
|
541
535
|
[`${this.accordionClasses}`]: this.accordionClasses
|
|
542
|
-
})}
|
|
536
|
+
})}
|
|
543
537
|
>
|
|
544
538
|
<slot @click=${this.onToggle}></slot>
|
|
545
539
|
</div>
|
|
546
540
|
`;
|
|
547
541
|
}
|
|
548
542
|
};
|
|
549
|
-
SgdsAccordion.styles = [SgdsElement.styles
|
|
543
|
+
SgdsAccordion.styles = [SgdsElement.styles];
|
|
550
544
|
__decorate([
|
|
551
545
|
e$8({ type: Boolean, reflect: true })
|
|
552
546
|
], SgdsAccordion.prototype, "allowMultiple", void 0);
|
|
@@ -559,12 +553,12 @@ __decorate([
|
|
|
559
553
|
SgdsAccordion = __decorate([
|
|
560
554
|
e$9("sgds-accordion")
|
|
561
555
|
], SgdsAccordion);
|
|
562
|
-
var Component$
|
|
556
|
+
var Component$y = SgdsAccordion;
|
|
563
557
|
|
|
564
|
-
var index$
|
|
558
|
+
var index$y = react.createComponent({
|
|
565
559
|
react: React__namespace,
|
|
566
560
|
tagName: "sgds-accordion",
|
|
567
|
-
elementClass: Component$
|
|
561
|
+
elementClass: Component$y,
|
|
568
562
|
events: {}
|
|
569
563
|
});
|
|
570
564
|
|
|
@@ -593,16 +587,9 @@ var index$w = react.createComponent({
|
|
|
593
587
|
*/const e$1=Symbol.for(""),l$2=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$2(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);
|
|
594
588
|
|
|
595
589
|
class CardElement extends SgdsElement {
|
|
596
|
-
constructor() {
|
|
597
|
-
super(...arguments);
|
|
598
|
-
this.disabled = false;
|
|
599
|
-
}
|
|
600
590
|
}
|
|
601
591
|
CardElement.styles = SgdsElement.styles;
|
|
602
592
|
__decorate([
|
|
603
|
-
e$8({ type: String })
|
|
604
|
-
/** The border's variant. */
|
|
605
|
-
,
|
|
606
593
|
e$8()
|
|
607
594
|
], CardElement.prototype, "borderColor", void 0);
|
|
608
595
|
__decorate([
|
|
@@ -611,63 +598,103 @@ __decorate([
|
|
|
611
598
|
__decorate([
|
|
612
599
|
e$8()
|
|
613
600
|
], CardElement.prototype, "textColor", void 0);
|
|
614
|
-
__decorate([
|
|
615
|
-
e$8({ type: Boolean, reflect: true })
|
|
616
|
-
], CardElement.prototype, "disabled", void 0);
|
|
617
601
|
|
|
618
|
-
var css_248z$t = i$2`:host .sgds.card[variant*=card-action] .card-body
|
|
602
|
+
var css_248z$t = i$2`:host .sgds.card[variant*=card-action] .card-body ::slotted(svg){margin-right:1rem}`;
|
|
603
|
+
|
|
604
|
+
function genId (componentName = "", elementName = "") {
|
|
605
|
+
return `id-${Math.random().toString().substring(2, 6)}-sgds-${componentName}-${elementName}`;
|
|
606
|
+
}
|
|
607
|
+
|
|
608
|
+
/**
|
|
609
|
+
* @license
|
|
610
|
+
* Copyright 2018 Google LLC
|
|
611
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
612
|
+
*/const l$1=l=>null!=l?l:A$1;
|
|
613
|
+
|
|
614
|
+
/**
|
|
615
|
+
* @license
|
|
616
|
+
* Copyright 2020 Google LLC
|
|
617
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
618
|
+
*/const l=e$a(class extends i$5{constructor(r){if(super(r),r.type!==t$4.PROPERTY&&r.type!==t$4.ATTRIBUTE&&r.type!==t$4.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!e$3(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$4.PROPERTY){if(t===o[l])return T$1}else if(i.type===t$4.BOOLEAN_ATTRIBUTE){if(!!t===o.hasAttribute(l))return T$1}else if(i.type===t$4.ATTRIBUTE&&o.getAttribute(l)===t+"")return T$1;return s$2(i),t}});
|
|
619
619
|
|
|
620
|
+
/**
|
|
621
|
+
* @summary Action Card are cards with built in checkbox or radio components. The ref of input is extended to the Card's body.
|
|
622
|
+
* @slot icon - Icon content in the card-subtitile
|
|
623
|
+
* @slot card-subtitle - The subtitle of the card
|
|
624
|
+
* @slot card-title - The title of the card
|
|
625
|
+
* @slot card-text - The paragrapher text of the card
|
|
626
|
+
*
|
|
627
|
+
* @event sgds-change - Emitted when the checked state of card's checkbox changes or when the selected card's radio has changed
|
|
628
|
+
*
|
|
629
|
+
* @csspart base - The action card base wrapper
|
|
630
|
+
* @csspart body - The action card body
|
|
631
|
+
* @csspart subtitle - The action card subtitle
|
|
632
|
+
* @csspart title - The action card title
|
|
633
|
+
* @csspart text - The action card text
|
|
634
|
+
*
|
|
635
|
+
*/
|
|
620
636
|
let SgdsActionCard = class SgdsActionCard extends CardElement {
|
|
621
637
|
constructor() {
|
|
622
638
|
super(...arguments);
|
|
623
639
|
/** @internal */
|
|
624
640
|
this.inputRef = e$2();
|
|
641
|
+
/** Disables the input (so the user can't check / uncheck it). */
|
|
642
|
+
this.disabled = false;
|
|
643
|
+
/** Draws the input in a checked state. */
|
|
644
|
+
this.checked = false;
|
|
645
|
+
/** The type of input of the action card */
|
|
625
646
|
this.type = "checkbox";
|
|
626
|
-
/**
|
|
627
|
-
this.variant = "card-action";
|
|
647
|
+
/** Controls the active styling of the action card */
|
|
628
648
|
this.active = false;
|
|
649
|
+
/** @internal The input's id. */
|
|
650
|
+
this.inputId = genId("action-card", "input");
|
|
629
651
|
}
|
|
630
|
-
|
|
631
|
-
|
|
652
|
+
/** Simulates a click on the input control*/
|
|
653
|
+
click() {
|
|
632
654
|
this.inputRef.value.click();
|
|
633
|
-
|
|
634
|
-
|
|
635
|
-
|
|
636
|
-
|
|
637
|
-
|
|
655
|
+
}
|
|
656
|
+
/** @internal Declare the click event listener*/
|
|
657
|
+
async handleInputChange() {
|
|
658
|
+
this.inputRef.value.click();
|
|
659
|
+
this.emit("sgds-change");
|
|
660
|
+
}
|
|
661
|
+
async handleRadioCheckedChange() {
|
|
662
|
+
this.active = this.checked;
|
|
663
|
+
}
|
|
664
|
+
async handleDisabledChange() {
|
|
665
|
+
this.active = !this.disabled;
|
|
638
666
|
}
|
|
639
667
|
handleKeyDown(event) {
|
|
640
668
|
const hasModifier = event.metaKey || event.ctrlKey || event.shiftKey || event.altKey;
|
|
641
669
|
if (event.key === "Enter" && !hasModifier) {
|
|
642
|
-
this.
|
|
670
|
+
this.handleInputChange();
|
|
643
671
|
}
|
|
644
672
|
}
|
|
645
|
-
// handleChange(event: string){
|
|
646
|
-
// this.checked = this.inputRef.value.checked;
|
|
647
|
-
// this.emit(event);
|
|
648
|
-
// }
|
|
649
673
|
render() {
|
|
650
674
|
const checkbox = n `<sgds-checkbox
|
|
651
675
|
${n$1(this.inputRef)}
|
|
652
676
|
?disabled=${this.disabled}
|
|
653
|
-
|
|
654
|
-
@click=${this.
|
|
677
|
+
id=${this.inputId}
|
|
678
|
+
@click=${this.handleInputChange}
|
|
655
679
|
@keydown=${this.handleKeyDown}
|
|
680
|
+
.value=${l$1(this.value)}
|
|
681
|
+
?checked=${l(this.checked)}
|
|
682
|
+
@sgds-change=${(e) => (this.checked = e.detail.checked)}
|
|
656
683
|
></sgds-checkbox>`;
|
|
657
684
|
const radio = n `<sgds-radio
|
|
658
685
|
${n$1(this.inputRef)}
|
|
659
686
|
?disabled=${this.disabled}
|
|
660
|
-
|
|
661
|
-
@click=${this.
|
|
687
|
+
id=${this.inputId}
|
|
688
|
+
@click=${this.handleInputChange}
|
|
662
689
|
@keydown=${this.handleKeyDown}
|
|
690
|
+
.value=${l$1(this.value)}
|
|
691
|
+
?checked=${l(this.checked)}
|
|
663
692
|
></sgds-radio>`;
|
|
664
|
-
const icon = n `<sl-icon name="${this.iconName}"></sl-icon>`;
|
|
665
693
|
return n `
|
|
666
694
|
<div
|
|
667
|
-
|
|
668
|
-
|
|
669
|
-
|
|
670
|
-
|
|
695
|
+
tabindex=${this.disabled ? "-1" : "0"}
|
|
696
|
+
@click=${this.handleInputChange}
|
|
697
|
+
@keydown=${this.handleKeyDown}
|
|
671
698
|
variant="card-action"
|
|
672
699
|
class="sgds card
|
|
673
700
|
${o$9({
|
|
@@ -677,62 +704,62 @@ let SgdsActionCard = class SgdsActionCard extends CardElement {
|
|
|
677
704
|
["is-active"]: this.active
|
|
678
705
|
})}
|
|
679
706
|
"
|
|
707
|
+
part="base"
|
|
680
708
|
>
|
|
681
|
-
<div class="card-body">
|
|
682
|
-
<h6 class="text-muted card-subtitle">
|
|
709
|
+
<div class="card-body" part="body">
|
|
710
|
+
<h6 class="text-muted card-subtitle" part="subtitle">
|
|
683
711
|
<div>
|
|
684
|
-
|
|
685
|
-
<slot name="card-subtitle"></slot
|
|
686
|
-
</div>
|
|
687
|
-
<div class="card-input">
|
|
688
|
-
${this.type == "checkbox" && this.variant == "card-action"
|
|
689
|
-
? checkbox
|
|
690
|
-
: this.type == "radio" && this.variant == "card-action"
|
|
691
|
-
? radio
|
|
692
|
-
: undefined}
|
|
712
|
+
<slot name="icon"></slot>
|
|
713
|
+
<slot name="card-subtitle"></slot>
|
|
693
714
|
</div>
|
|
715
|
+
<div class="card-input">${this.type === "checkbox" ? checkbox : radio}</div>
|
|
694
716
|
</h6>
|
|
695
|
-
<h5 class="card-title"><slot name="card-title"></slot></h5>
|
|
696
|
-
<p class="card-text"><slot name="card-text"></slot></p>
|
|
717
|
+
<h5 class="card-title" part="title"><slot name="card-title"></slot></h5>
|
|
718
|
+
<p class="card-text" part="text"><slot name="card-text"></slot></p>
|
|
697
719
|
</div>
|
|
698
720
|
</div>
|
|
699
721
|
`;
|
|
700
722
|
}
|
|
701
723
|
};
|
|
702
724
|
SgdsActionCard.styles = [CardElement.styles, css_248z$t];
|
|
703
|
-
__decorate([
|
|
704
|
-
e$8({ type: String, reflect: true })
|
|
705
|
-
], SgdsActionCard.prototype, "type", void 0);
|
|
706
725
|
__decorate([
|
|
707
726
|
e$8({ reflect: true })
|
|
708
|
-
], SgdsActionCard.prototype, "
|
|
727
|
+
], SgdsActionCard.prototype, "name", void 0);
|
|
709
728
|
__decorate([
|
|
710
|
-
e$8(
|
|
711
|
-
], SgdsActionCard.prototype, "
|
|
729
|
+
e$8()
|
|
730
|
+
], SgdsActionCard.prototype, "value", void 0);
|
|
712
731
|
__decorate([
|
|
713
|
-
e$8({ reflect: true })
|
|
714
|
-
], SgdsActionCard.prototype, "
|
|
732
|
+
e$8({ type: Boolean, reflect: true })
|
|
733
|
+
], SgdsActionCard.prototype, "disabled", void 0);
|
|
734
|
+
__decorate([
|
|
735
|
+
e$8({ type: Boolean, reflect: true })
|
|
736
|
+
], SgdsActionCard.prototype, "checked", void 0);
|
|
737
|
+
__decorate([
|
|
738
|
+
e$8({ type: String, reflect: true })
|
|
739
|
+
], SgdsActionCard.prototype, "type", void 0);
|
|
715
740
|
__decorate([
|
|
716
741
|
e$8({ reflect: true, type: Boolean })
|
|
717
742
|
], SgdsActionCard.prototype, "active", void 0);
|
|
743
|
+
__decorate([
|
|
744
|
+
watch("checked")
|
|
745
|
+
], SgdsActionCard.prototype, "handleRadioCheckedChange", null);
|
|
746
|
+
__decorate([
|
|
747
|
+
watch("disabled")
|
|
748
|
+
], SgdsActionCard.prototype, "handleDisabledChange", null);
|
|
718
749
|
SgdsActionCard = __decorate([
|
|
719
750
|
e$9("sgds-action-card")
|
|
720
751
|
], SgdsActionCard);
|
|
721
|
-
var Component$
|
|
752
|
+
var Component$x = SgdsActionCard;
|
|
722
753
|
|
|
723
|
-
var index$
|
|
754
|
+
var index$x = react.createComponent({
|
|
724
755
|
react: React__namespace,
|
|
725
756
|
tagName: "sgds-action-card",
|
|
726
|
-
elementClass: Component$
|
|
727
|
-
events: {
|
|
757
|
+
elementClass: Component$x,
|
|
758
|
+
events: {
|
|
759
|
+
onSgdsChange: "sgds-change"
|
|
760
|
+
}
|
|
728
761
|
});
|
|
729
762
|
|
|
730
|
-
/**
|
|
731
|
-
* @license
|
|
732
|
-
* Copyright 2018 Google LLC
|
|
733
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
734
|
-
*/const l$1=l=>null!=l?l:A$1;
|
|
735
|
-
|
|
736
763
|
var css_248z$s = i$2``;
|
|
737
764
|
|
|
738
765
|
let SgdsAlert = class SgdsAlert extends SgdsElement {
|
|
@@ -802,12 +829,12 @@ __decorate([
|
|
|
802
829
|
SgdsAlert = __decorate([
|
|
803
830
|
e$9("sgds-alert")
|
|
804
831
|
], SgdsAlert);
|
|
805
|
-
var Component$
|
|
832
|
+
var Component$w = SgdsAlert;
|
|
806
833
|
|
|
807
|
-
var index$
|
|
834
|
+
var index$w = react.createComponent({
|
|
808
835
|
react: React__namespace,
|
|
809
836
|
tagName: "sgds-alert",
|
|
810
|
-
elementClass: Component$
|
|
837
|
+
elementClass: Component$w,
|
|
811
838
|
events: {}
|
|
812
839
|
});
|
|
813
840
|
|
|
@@ -850,12 +877,12 @@ __decorate([
|
|
|
850
877
|
SgdsBadge = __decorate([
|
|
851
878
|
e$9("sgds-badge")
|
|
852
879
|
], SgdsBadge);
|
|
853
|
-
var Component$
|
|
880
|
+
var Component$v = SgdsBadge;
|
|
854
881
|
|
|
855
|
-
var index$
|
|
882
|
+
var index$v = react.createComponent({
|
|
856
883
|
react: React__namespace,
|
|
857
884
|
tagName: "sgds-badge",
|
|
858
|
-
elementClass: Component$
|
|
885
|
+
elementClass: Component$v,
|
|
859
886
|
events: {}
|
|
860
887
|
});
|
|
861
888
|
|
|
@@ -907,12 +934,12 @@ __decorate([
|
|
|
907
934
|
SgdsBreadcrumbItem = __decorate([
|
|
908
935
|
e$9("sgds-breadcrumb-item")
|
|
909
936
|
], SgdsBreadcrumbItem);
|
|
910
|
-
var Component$
|
|
937
|
+
var Component$u = SgdsBreadcrumbItem;
|
|
911
938
|
|
|
912
|
-
var index$
|
|
939
|
+
var index$u = react.createComponent({
|
|
913
940
|
react: React__namespace,
|
|
914
941
|
tagName: "sgds-breadcrumb-item",
|
|
915
|
-
elementClass: Component$
|
|
942
|
+
elementClass: Component$u,
|
|
916
943
|
events: {}
|
|
917
944
|
});
|
|
918
945
|
|
|
@@ -989,12 +1016,12 @@ __decorate([
|
|
|
989
1016
|
SgdsBreadcrumb = __decorate([
|
|
990
1017
|
e$9("sgds-breadcrumb")
|
|
991
1018
|
], SgdsBreadcrumb);
|
|
992
|
-
var Component$
|
|
1019
|
+
var Component$t = SgdsBreadcrumb;
|
|
993
1020
|
|
|
994
|
-
var index$
|
|
1021
|
+
var index$t = react.createComponent({
|
|
995
1022
|
react: React__namespace,
|
|
996
1023
|
tagName: "sgds-breadcrumb",
|
|
997
|
-
elementClass: Component$
|
|
1024
|
+
elementClass: Component$t,
|
|
998
1025
|
events: {}
|
|
999
1026
|
});
|
|
1000
1027
|
|
|
@@ -1126,10 +1153,12 @@ class FormSubmitController {
|
|
|
1126
1153
|
}
|
|
1127
1154
|
}
|
|
1128
1155
|
|
|
1129
|
-
var css_248z$p = i$2`:host{display:inline-block}
|
|
1156
|
+
var css_248z$p = i$2`:host{display:inline-block}`;
|
|
1130
1157
|
|
|
1131
1158
|
/**
|
|
1132
|
-
* @
|
|
1159
|
+
* @summary Custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more.
|
|
1160
|
+
*
|
|
1161
|
+
* @slot default - The button's label.
|
|
1133
1162
|
*
|
|
1134
1163
|
* @event sgds-blur - Emitted when the button is not focused.
|
|
1135
1164
|
* @event sgds-focus - Emitted when the button is focused.
|
|
@@ -1137,6 +1166,7 @@ var css_248z$p = i$2`:host{display:inline-block}.btn-icon{border:0}.btn-icon,.bt
|
|
|
1137
1166
|
let SgdsButton = class SgdsButton extends SgdsElement {
|
|
1138
1167
|
constructor() {
|
|
1139
1168
|
super(...arguments);
|
|
1169
|
+
/** @internal */
|
|
1140
1170
|
this.formSubmitController = new FormSubmitController(this, {
|
|
1141
1171
|
form: (input) => {
|
|
1142
1172
|
// Buttons support a form attribute that points to an arbitrary form, so if this attribute it set we need to query
|
|
@@ -1150,14 +1180,15 @@ let SgdsButton = class SgdsButton extends SgdsElement {
|
|
|
1150
1180
|
return input.closest("form");
|
|
1151
1181
|
}
|
|
1152
1182
|
});
|
|
1153
|
-
|
|
1154
|
-
/** The button's variant. */
|
|
1183
|
+
/** 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-*`) */
|
|
1155
1184
|
this.variant = "primary";
|
|
1156
|
-
/**
|
|
1185
|
+
/** Manually set the visual state of the button to `:active` */
|
|
1157
1186
|
this.active = false;
|
|
1158
|
-
/**
|
|
1187
|
+
/** The disabled state of the button */
|
|
1159
1188
|
this.disabled = false;
|
|
1189
|
+
/** 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 */
|
|
1160
1190
|
this.type = "button";
|
|
1191
|
+
/** @internal */
|
|
1161
1192
|
this.clickHandler = () => {
|
|
1162
1193
|
if (this.type === "submit") {
|
|
1163
1194
|
this.formSubmitController.submit(this);
|
|
@@ -1180,11 +1211,9 @@ let SgdsButton = class SgdsButton extends SgdsElement {
|
|
|
1180
1211
|
this.button.blur();
|
|
1181
1212
|
}
|
|
1182
1213
|
handleBlur() {
|
|
1183
|
-
this.hasFocus = false;
|
|
1184
1214
|
this.emit("sgds-blur");
|
|
1185
1215
|
}
|
|
1186
1216
|
handleFocus() {
|
|
1187
|
-
this.hasFocus = true;
|
|
1188
1217
|
this.emit("sgds-focus");
|
|
1189
1218
|
}
|
|
1190
1219
|
handleClick(event) {
|
|
@@ -1221,7 +1250,7 @@ let SgdsButton = class SgdsButton extends SgdsElement {
|
|
|
1221
1250
|
@focus=${this.handleFocus}
|
|
1222
1251
|
@blur=${this.handleBlur}
|
|
1223
1252
|
>
|
|
1224
|
-
|
|
1253
|
+
<slot class="d-flex align-items-center gap-2"></slot>
|
|
1225
1254
|
</${tag}>
|
|
1226
1255
|
`;
|
|
1227
1256
|
}
|
|
@@ -1230,9 +1259,6 @@ SgdsButton.styles = [SgdsElement.styles, css_248z$p];
|
|
|
1230
1259
|
__decorate([
|
|
1231
1260
|
i$3(".btn")
|
|
1232
1261
|
], SgdsButton.prototype, "button", void 0);
|
|
1233
|
-
__decorate([
|
|
1234
|
-
t$3()
|
|
1235
|
-
], SgdsButton.prototype, "hasFocus", void 0);
|
|
1236
1262
|
__decorate([
|
|
1237
1263
|
e$8({ reflect: true })
|
|
1238
1264
|
], SgdsButton.prototype, "variant", void 0);
|
|
@@ -1278,12 +1304,12 @@ __decorate([
|
|
|
1278
1304
|
SgdsButton = __decorate([
|
|
1279
1305
|
e$9("sgds-button")
|
|
1280
1306
|
], SgdsButton);
|
|
1281
|
-
var Component$
|
|
1307
|
+
var Component$s = SgdsButton;
|
|
1282
1308
|
|
|
1283
|
-
var index$
|
|
1309
|
+
var index$s = react.createComponent({
|
|
1284
1310
|
react: React__namespace,
|
|
1285
1311
|
tagName: "sgds-button",
|
|
1286
|
-
elementClass: Component$
|
|
1312
|
+
elementClass: Component$s,
|
|
1287
1313
|
events: {
|
|
1288
1314
|
onSgdsBlur: "sgds-blur",
|
|
1289
1315
|
onSgdsFocus: "sgds-focus"
|
|
@@ -1291,10 +1317,83 @@ var index$q = react.createComponent({
|
|
|
1291
1317
|
});
|
|
1292
1318
|
|
|
1293
1319
|
/**
|
|
1294
|
-
* @
|
|
1295
|
-
*
|
|
1296
|
-
*
|
|
1297
|
-
|
|
1320
|
+
* @summary Cards can be used for headers and footers, a wide variety of content, contain contextual background colors and images.
|
|
1321
|
+
* @slot card-title - The title of the card
|
|
1322
|
+
* @slot card-text - The paragrapher text of the card
|
|
1323
|
+
* @slot card-image - Accepts an image or svg element of the card. Only a single element is allowed to be passed in.
|
|
1324
|
+
* @slot card-link - Accepts an anchor element. Only a single element is allowed to be passed in.
|
|
1325
|
+
*
|
|
1326
|
+
*
|
|
1327
|
+
* @csspart base - The card base wrapper
|
|
1328
|
+
* @csspart body - The card body
|
|
1329
|
+
* @csspart title - The card title
|
|
1330
|
+
* @csspart text - The card text
|
|
1331
|
+
*
|
|
1332
|
+
*/
|
|
1333
|
+
let SgdsCard = class SgdsCard extends CardElement {
|
|
1334
|
+
constructor() {
|
|
1335
|
+
super(...arguments);
|
|
1336
|
+
/** Extends the link passed in slot[name="link"] to the entire card */
|
|
1337
|
+
this.stretchedLink = false;
|
|
1338
|
+
}
|
|
1339
|
+
handleLinkSlotChange(e) {
|
|
1340
|
+
const childNodes = e.target.assignedNodes({ flatten: true });
|
|
1341
|
+
if (childNodes.length > 1) {
|
|
1342
|
+
return console.error("Multiple elements passed into SgdsCard's link slot");
|
|
1343
|
+
}
|
|
1344
|
+
if (this.stretchedLink) {
|
|
1345
|
+
childNodes[0].classList.add("stretched-link");
|
|
1346
|
+
}
|
|
1347
|
+
childNodes[0].classList.add("fw-bold");
|
|
1348
|
+
return;
|
|
1349
|
+
}
|
|
1350
|
+
handleImgSlotChange(e) {
|
|
1351
|
+
const childNodes = e.target.assignedNodes({ flatten: true });
|
|
1352
|
+
if (childNodes.length > 1) {
|
|
1353
|
+
return console.error("Multiple elements passed into SgdsCard's image slot");
|
|
1354
|
+
}
|
|
1355
|
+
childNodes[0].classList.add("card-img-top");
|
|
1356
|
+
}
|
|
1357
|
+
render() {
|
|
1358
|
+
return x `
|
|
1359
|
+
<div
|
|
1360
|
+
class="${o$9({
|
|
1361
|
+
sgds: true,
|
|
1362
|
+
card: true,
|
|
1363
|
+
[`text-${this.textColor}`]: this.textColor,
|
|
1364
|
+
[`bg-${this.bgColor}`]: this.bgColor,
|
|
1365
|
+
[`border-${this.borderColor}`]: this.borderColor
|
|
1366
|
+
})}
|
|
1367
|
+
"
|
|
1368
|
+
part="base"
|
|
1369
|
+
>
|
|
1370
|
+
<slot name="card-image" @slotchange=${this.handleImgSlotChange}></slot>
|
|
1371
|
+
<div class="card-body" part="body">
|
|
1372
|
+
<h3 class="card-title" part="title"><slot name="card-title"></slot></h3>
|
|
1373
|
+
<p class="card-text" part="text">
|
|
1374
|
+
<slot name="card-text"></slot>
|
|
1375
|
+
</p>
|
|
1376
|
+
<slot name="card-link" @slotchange=${this.handleLinkSlotChange}></slot>
|
|
1377
|
+
</div>
|
|
1378
|
+
</div>
|
|
1379
|
+
`;
|
|
1380
|
+
}
|
|
1381
|
+
};
|
|
1382
|
+
SgdsCard.styles = CardElement.styles;
|
|
1383
|
+
__decorate([
|
|
1384
|
+
e$8({ type: Boolean })
|
|
1385
|
+
], SgdsCard.prototype, "stretchedLink", void 0);
|
|
1386
|
+
SgdsCard = __decorate([
|
|
1387
|
+
e$9("sgds-card")
|
|
1388
|
+
], SgdsCard);
|
|
1389
|
+
var Component$r = SgdsCard;
|
|
1390
|
+
|
|
1391
|
+
var index$r = react.createComponent({
|
|
1392
|
+
react: React__namespace,
|
|
1393
|
+
tagName: "sgds-card",
|
|
1394
|
+
elementClass: Component$r,
|
|
1395
|
+
events: {}
|
|
1396
|
+
});
|
|
1298
1397
|
|
|
1299
1398
|
// @defaultValue decorator
|
|
1300
1399
|
const defaultValue = (propertyName = "value") => (proto, key) => {
|
|
@@ -1316,41 +1415,55 @@ const defaultValue = (propertyName = "value") => (proto, key) => {
|
|
|
1316
1415
|
};
|
|
1317
1416
|
};
|
|
1318
1417
|
|
|
1319
|
-
function genId (componentName = "", elementName = "") {
|
|
1320
|
-
return `id-${Math.random().toString().substring(2, 6)}-sgds-${componentName}-${elementName}`;
|
|
1321
|
-
}
|
|
1322
|
-
|
|
1323
1418
|
var css_248z$o = i$2``;
|
|
1324
1419
|
|
|
1420
|
+
/**
|
|
1421
|
+
* @summary Checkbox component is used when you require users to select multiple items from a list.
|
|
1422
|
+
*
|
|
1423
|
+
* @slot default - The label of checkbox.
|
|
1424
|
+
*
|
|
1425
|
+
* @event sgds-change - Emitted when the checked state changes.
|
|
1426
|
+
*/
|
|
1325
1427
|
let SgdsCheckbox = class SgdsCheckbox extends SgdsElement {
|
|
1326
1428
|
constructor() {
|
|
1327
1429
|
super(...arguments);
|
|
1430
|
+
/**@internal */
|
|
1328
1431
|
this.formSubmitController = new FormSubmitController(this, {
|
|
1329
1432
|
value: (control) => (control.checked ? control.value : undefined),
|
|
1330
1433
|
defaultValue: (control) => control.defaultChecked,
|
|
1331
1434
|
setValue: (control, checked) => (control.checked = checked)
|
|
1332
1435
|
});
|
|
1333
|
-
/** For Id/For pair of the HTML form control. */
|
|
1334
|
-
this.checkboxId = genId("checkbox");
|
|
1335
1436
|
/** For aria-label when there is no appropriate text label visible */
|
|
1336
1437
|
this.ariaLabel = "checkbox";
|
|
1337
|
-
/** Manually style the input as valid */
|
|
1338
|
-
this.valid = false;
|
|
1339
|
-
/** Manually style the input as invalid */
|
|
1340
|
-
this.invalid = false;
|
|
1341
1438
|
/** Makes the checkbox a required field. */
|
|
1342
1439
|
this.required = false;
|
|
1343
1440
|
/** Draws the checkbox in a checked state. */
|
|
1344
1441
|
this.checked = false;
|
|
1345
1442
|
/** Disables the checkbox (so the user can't check / uncheck it). */
|
|
1346
1443
|
this.disabled = false;
|
|
1444
|
+
/** Allows invalidFeedback, invalid and valid styles to be visible with the input */
|
|
1445
|
+
this.hasFeedback = false;
|
|
1347
1446
|
/** 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. */
|
|
1348
1447
|
this.defaultChecked = false;
|
|
1448
|
+
/** @internal */
|
|
1449
|
+
this.valid = false;
|
|
1450
|
+
/** @internal */
|
|
1451
|
+
this.invalid = false;
|
|
1452
|
+
/** @internal For Id/For pair of the HTML form control and label. */
|
|
1453
|
+
this.inputId = genId("checkbox");
|
|
1349
1454
|
}
|
|
1350
1455
|
/** Simulates a click on the checkbox. */
|
|
1351
1456
|
click() {
|
|
1352
1457
|
this.input.click();
|
|
1353
1458
|
}
|
|
1459
|
+
/** Sets focus on the checkbox. */
|
|
1460
|
+
focus(options) {
|
|
1461
|
+
this.input.focus(options);
|
|
1462
|
+
}
|
|
1463
|
+
/** Removes focus from the checkbox. */
|
|
1464
|
+
blur() {
|
|
1465
|
+
this.input.blur();
|
|
1466
|
+
}
|
|
1354
1467
|
/** Checks for validity and shows the browser's validation message if the control is invalid. */
|
|
1355
1468
|
reportValidity() {
|
|
1356
1469
|
if (!this.input.reportValidity()) {
|
|
@@ -1359,22 +1472,20 @@ let SgdsCheckbox = class SgdsCheckbox extends SgdsElement {
|
|
|
1359
1472
|
return this.input.reportValidity();
|
|
1360
1473
|
}
|
|
1361
1474
|
handleChange() {
|
|
1362
|
-
// console.log(
|
|
1363
|
-
// "when this.click() is fired, input detects a change --> handleChange runs"
|
|
1364
|
-
// );
|
|
1365
1475
|
this.checked = !this.checked;
|
|
1366
1476
|
this.value = this.input.value;
|
|
1367
|
-
this.emit("sgds-change");
|
|
1477
|
+
this.emit("sgds-change", { detail: { checked: this.checked, value: this.value } });
|
|
1368
1478
|
}
|
|
1369
1479
|
handleKeyDown(event) {
|
|
1370
1480
|
const hasModifier = event.metaKey || event.ctrlKey || event.shiftKey || event.altKey;
|
|
1371
1481
|
if (event.key === "Enter" && !hasModifier) {
|
|
1372
|
-
// console.log(
|
|
1373
|
-
// "so here we are trying to mimick keydown enter event like a mousclick event"
|
|
1374
|
-
// );
|
|
1375
1482
|
this.click();
|
|
1376
1483
|
}
|
|
1377
1484
|
}
|
|
1485
|
+
handleInvalid(e) {
|
|
1486
|
+
e.preventDefault();
|
|
1487
|
+
this.invalid = true;
|
|
1488
|
+
}
|
|
1378
1489
|
handleDisabledChange() {
|
|
1379
1490
|
// Disabled form controls are always valid, so we need to recheck validity when the state changes
|
|
1380
1491
|
this.input.disabled = this.disabled;
|
|
@@ -1387,16 +1498,15 @@ let SgdsCheckbox = class SgdsCheckbox extends SgdsElement {
|
|
|
1387
1498
|
}
|
|
1388
1499
|
render() {
|
|
1389
1500
|
return x `
|
|
1390
|
-
<div
|
|
1501
|
+
<div class="form-check">
|
|
1391
1502
|
<input
|
|
1392
|
-
part="control"
|
|
1393
1503
|
class=${o$9({
|
|
1394
1504
|
"form-check-input": true,
|
|
1395
|
-
"is-invalid": this.invalid,
|
|
1396
|
-
"is-valid": this.valid
|
|
1505
|
+
"is-invalid": this.hasFeedback && this.invalid,
|
|
1506
|
+
"is-valid": this.hasFeedback && this.valid
|
|
1397
1507
|
})}
|
|
1398
1508
|
type="checkbox"
|
|
1399
|
-
id=${
|
|
1509
|
+
id=${this.inputId}
|
|
1400
1510
|
aria-invalid=${this.invalid ? "true" : "false"}
|
|
1401
1511
|
name=${l$1(this.name)}
|
|
1402
1512
|
value=${l$1(this.value)}
|
|
@@ -1407,23 +1517,14 @@ let SgdsCheckbox = class SgdsCheckbox extends SgdsElement {
|
|
|
1407
1517
|
aria-checked=${this.checked ? "true" : "false"}
|
|
1408
1518
|
@change=${this.handleChange}
|
|
1409
1519
|
@keydown=${this.handleKeyDown}
|
|
1520
|
+
@invalid=${(e) => this.handleInvalid(e)}
|
|
1410
1521
|
/>
|
|
1411
|
-
<label
|
|
1412
|
-
part="label"
|
|
1413
|
-
for="${l$1(this.checkboxId)}"
|
|
1414
|
-
aria-label=${l$1(this.ariaLabel)}
|
|
1415
|
-
class="form-check-label"
|
|
1522
|
+
<label for="${this.inputId}" aria-label=${l$1(this.ariaLabel)} class="form-check-label"
|
|
1416
1523
|
><slot></slot
|
|
1417
1524
|
></label>
|
|
1418
|
-
${this.
|
|
1419
|
-
? x `<
|
|
1420
|
-
|
|
1421
|
-
part="feedback"
|
|
1422
|
-
class=${o$9({
|
|
1423
|
-
"invalid-feedback": true
|
|
1424
|
-
})}
|
|
1425
|
-
></slot>`
|
|
1426
|
-
: undefined}
|
|
1525
|
+
${this.hasFeedback
|
|
1526
|
+
? x `<div id="${this.inputId}-invalid" class="invalid-feedback">${this.invalidFeedback}</div>`
|
|
1527
|
+
: ""}
|
|
1427
1528
|
</div>
|
|
1428
1529
|
`;
|
|
1429
1530
|
}
|
|
@@ -1435,18 +1536,9 @@ __decorate([
|
|
|
1435
1536
|
__decorate([
|
|
1436
1537
|
e$8({ reflect: true })
|
|
1437
1538
|
], SgdsCheckbox.prototype, "name", void 0);
|
|
1438
|
-
__decorate([
|
|
1439
|
-
e$8({ type: String, reflect: true })
|
|
1440
|
-
], SgdsCheckbox.prototype, "checkboxId", void 0);
|
|
1441
1539
|
__decorate([
|
|
1442
1540
|
e$8({ type: String, reflect: true })
|
|
1443
1541
|
], SgdsCheckbox.prototype, "ariaLabel", void 0);
|
|
1444
|
-
__decorate([
|
|
1445
|
-
e$8({ type: Boolean, reflect: true })
|
|
1446
|
-
], SgdsCheckbox.prototype, "valid", void 0);
|
|
1447
|
-
__decorate([
|
|
1448
|
-
e$8({ type: Boolean, reflect: true })
|
|
1449
|
-
], SgdsCheckbox.prototype, "invalid", void 0);
|
|
1450
1542
|
__decorate([
|
|
1451
1543
|
e$8()
|
|
1452
1544
|
], SgdsCheckbox.prototype, "value", void 0);
|
|
@@ -1459,9 +1551,21 @@ __decorate([
|
|
|
1459
1551
|
__decorate([
|
|
1460
1552
|
e$8({ type: Boolean, reflect: true })
|
|
1461
1553
|
], SgdsCheckbox.prototype, "disabled", void 0);
|
|
1554
|
+
__decorate([
|
|
1555
|
+
e$8({ type: Boolean, reflect: true })
|
|
1556
|
+
], SgdsCheckbox.prototype, "hasFeedback", void 0);
|
|
1557
|
+
__decorate([
|
|
1558
|
+
e$8({ type: String, reflect: true })
|
|
1559
|
+
], SgdsCheckbox.prototype, "invalidFeedback", void 0);
|
|
1462
1560
|
__decorate([
|
|
1463
1561
|
defaultValue("checked")
|
|
1464
1562
|
], SgdsCheckbox.prototype, "defaultChecked", void 0);
|
|
1563
|
+
__decorate([
|
|
1564
|
+
t$3()
|
|
1565
|
+
], SgdsCheckbox.prototype, "valid", void 0);
|
|
1566
|
+
__decorate([
|
|
1567
|
+
t$3()
|
|
1568
|
+
], SgdsCheckbox.prototype, "invalid", void 0);
|
|
1465
1569
|
__decorate([
|
|
1466
1570
|
watch("disabled", { waitUntilFirstUpdate: true })
|
|
1467
1571
|
], SgdsCheckbox.prototype, "handleDisabledChange", null);
|
|
@@ -1471,13 +1575,15 @@ __decorate([
|
|
|
1471
1575
|
SgdsCheckbox = __decorate([
|
|
1472
1576
|
e$9("sgds-checkbox")
|
|
1473
1577
|
], SgdsCheckbox);
|
|
1474
|
-
var Component$
|
|
1578
|
+
var Component$q = SgdsCheckbox;
|
|
1475
1579
|
|
|
1476
|
-
var index$
|
|
1580
|
+
var index$q = react.createComponent({
|
|
1477
1581
|
react: React__namespace,
|
|
1478
1582
|
tagName: "sgds-checkbox",
|
|
1479
|
-
elementClass: Component$
|
|
1480
|
-
events: {
|
|
1583
|
+
elementClass: Component$q,
|
|
1584
|
+
events: {
|
|
1585
|
+
onSgdsChange: "sgds-change"
|
|
1586
|
+
}
|
|
1481
1587
|
});
|
|
1482
1588
|
|
|
1483
1589
|
var css_248z$n = i$2``;
|
|
@@ -1513,22 +1619,28 @@ __decorate([
|
|
|
1513
1619
|
SgdsCloseButton = __decorate([
|
|
1514
1620
|
e$9("sgds-closebutton")
|
|
1515
1621
|
], SgdsCloseButton);
|
|
1516
|
-
var Component$
|
|
1622
|
+
var Component$p = SgdsCloseButton;
|
|
1517
1623
|
|
|
1518
|
-
var index$
|
|
1624
|
+
var index$p = react.createComponent({
|
|
1519
1625
|
react: React__namespace,
|
|
1520
1626
|
tagName: "sgds-closebutton",
|
|
1521
|
-
elementClass: Component$
|
|
1627
|
+
elementClass: Component$p,
|
|
1522
1628
|
events: {
|
|
1523
1629
|
onSgdsClose: "sgds-close"
|
|
1524
1630
|
}
|
|
1525
1631
|
});
|
|
1526
1632
|
|
|
1633
|
+
/**
|
|
1634
|
+
* @slot default - Default slot for SgdsMainnavItem anchor element
|
|
1635
|
+
*/
|
|
1527
1636
|
class LinkElement extends SgdsElement {
|
|
1528
1637
|
constructor() {
|
|
1529
1638
|
super(...arguments);
|
|
1639
|
+
/** when true, sets the active stylings of .nav-link */
|
|
1530
1640
|
this.active = false;
|
|
1641
|
+
/** Href attribute for anchor element in SgdsMainnavItem */
|
|
1531
1642
|
this.href = "";
|
|
1643
|
+
/** Disables the SgdsMainnavItem */
|
|
1532
1644
|
this.disabled = false;
|
|
1533
1645
|
}
|
|
1534
1646
|
render() {
|
|
@@ -1595,12 +1707,12 @@ __decorate([
|
|
|
1595
1707
|
SgdsDropdownItem = __decorate([
|
|
1596
1708
|
e$9("sgds-dropdown-item")
|
|
1597
1709
|
], SgdsDropdownItem);
|
|
1598
|
-
var Component$
|
|
1710
|
+
var Component$o = SgdsDropdownItem;
|
|
1599
1711
|
|
|
1600
|
-
var index$
|
|
1712
|
+
var index$o = react.createComponent({
|
|
1601
1713
|
react: React__namespace,
|
|
1602
1714
|
tagName: "sgds-dropdown-item",
|
|
1603
|
-
elementClass: Component$
|
|
1715
|
+
elementClass: Component$o,
|
|
1604
1716
|
events: {}
|
|
1605
1717
|
});
|
|
1606
1718
|
|
|
@@ -8853,23 +8965,44 @@ const ARROW_DOWN = "ArrowDown";
|
|
|
8853
8965
|
const ARROW_UP = "ArrowUp";
|
|
8854
8966
|
const ESC = "Escape";
|
|
8855
8967
|
const ENTER = "Enter";
|
|
8968
|
+
/**
|
|
8969
|
+
* @event sgds-show - Emitted event when show instance is called
|
|
8970
|
+
* @event sgds-shown - Emitted event when dropdown has been made visible to the user and CSS transitions have completed
|
|
8971
|
+
* @event sgds-hide - Emitted event when hide instance is called
|
|
8972
|
+
* @event sgds-hidden - Emitted event when dropdown has hidden to the user and CSS transitions have completed
|
|
8973
|
+
*/
|
|
8856
8974
|
class DropdownElement extends SgdsElement {
|
|
8857
8975
|
constructor() {
|
|
8858
8976
|
super(...arguments);
|
|
8977
|
+
/** @internal */
|
|
8859
8978
|
this.myDropdown = e$2();
|
|
8979
|
+
/** @internal */
|
|
8860
8980
|
this.bsDropdown = null;
|
|
8981
|
+
/** Controls auto-flipping of menu */
|
|
8861
8982
|
this.noFlip = false;
|
|
8983
|
+
/** When true, aligns right edge of menu with right edge of button */
|
|
8862
8984
|
this.menuAlignRight = false;
|
|
8985
|
+
/** The drop position of menu relative to the toggle button */
|
|
8863
8986
|
this.drop = "down";
|
|
8987
|
+
/** Additional configuration to pass to Popper.js. See https://popper.js.org/ for config opts */
|
|
8864
8988
|
this.popperOpts = {};
|
|
8989
|
+
/** @internal Forwards value to id attribute of toggle button of Dropdown. An unique id generated by default */
|
|
8865
8990
|
this.togglerId = genId("dropdown", "button");
|
|
8991
|
+
/** Sets the text content of Dropdown button */
|
|
8866
8992
|
this.togglerText = "";
|
|
8993
|
+
/** Sets color of Dropdown button */
|
|
8867
8994
|
this.variant = "secondary";
|
|
8995
|
+
/** When true, dropdown menu shows on first load */
|
|
8868
8996
|
this.menuIsOpen = false;
|
|
8997
|
+
/** Controls the close behaviour of dropdown menu. By default menu auto-closes when SgdsDropdownItem or area outside dropdown is clicked */
|
|
8869
8998
|
this.close = "default";
|
|
8999
|
+
/** Disables the dropdown toggle */
|
|
8870
9000
|
this.disabled = false;
|
|
9001
|
+
/** @internal */
|
|
8871
9002
|
this.nextDropdownItemNo = 0;
|
|
9003
|
+
/** @internal */
|
|
8872
9004
|
this.prevDropdownItemNo = -1;
|
|
9005
|
+
/** @internal */
|
|
8873
9006
|
this.modifierOpt = [];
|
|
8874
9007
|
}
|
|
8875
9008
|
firstUpdated() {
|
|
@@ -8937,9 +9070,11 @@ class DropdownElement extends SgdsElement {
|
|
|
8937
9070
|
if (this.menuIsOpen)
|
|
8938
9071
|
this.bsDropdown.show();
|
|
8939
9072
|
}
|
|
9073
|
+
/** When invoked, opens the dropdown menu */
|
|
8940
9074
|
showMenu() {
|
|
8941
9075
|
this.bsDropdown.show();
|
|
8942
9076
|
}
|
|
9077
|
+
/** When invoked, hides the dropdown menu */
|
|
8943
9078
|
hideMenu() {
|
|
8944
9079
|
this.bsDropdown.hide();
|
|
8945
9080
|
}
|
|
@@ -8985,7 +9120,7 @@ class DropdownElement extends SgdsElement {
|
|
|
8985
9120
|
const currentItemNo = items.indexOf(e.target);
|
|
8986
9121
|
this.nextDropdownItemNo = currentItemNo + 1;
|
|
8987
9122
|
this.prevDropdownItemNo = currentItemNo <= 0 ? items.length - 1 : currentItemNo - 1;
|
|
8988
|
-
|
|
9123
|
+
/** Emitted event from SgdsDropdown element when a the slot item is */
|
|
8989
9124
|
const selectedItem = e.target;
|
|
8990
9125
|
if (!selectedItem.disabled) {
|
|
8991
9126
|
this.emit("sgds-select");
|
|
@@ -9043,9 +9178,6 @@ __decorate([
|
|
|
9043
9178
|
__decorate([
|
|
9044
9179
|
e$8({ type: Object })
|
|
9045
9180
|
], DropdownElement.prototype, "popperOpts", void 0);
|
|
9046
|
-
__decorate([
|
|
9047
|
-
e$8({ type: String })
|
|
9048
|
-
], DropdownElement.prototype, "togglerId", void 0);
|
|
9049
9181
|
__decorate([
|
|
9050
9182
|
e$8({ type: String })
|
|
9051
9183
|
], DropdownElement.prototype, "togglerText", void 0);
|
|
@@ -9123,16 +9255,21 @@ SgdsDropdown.styles = [DropdownElement.styles, css_248z$m];
|
|
|
9123
9255
|
SgdsDropdown = __decorate([
|
|
9124
9256
|
e$9("sgds-dropdown")
|
|
9125
9257
|
], SgdsDropdown);
|
|
9126
|
-
var Component$
|
|
9258
|
+
var Component$n = SgdsDropdown;
|
|
9127
9259
|
|
|
9128
|
-
var index$
|
|
9260
|
+
var index$n = react.createComponent({
|
|
9129
9261
|
react: React__namespace,
|
|
9130
9262
|
tagName: "sgds-dropdown",
|
|
9131
|
-
elementClass: Component$
|
|
9132
|
-
events: {
|
|
9263
|
+
elementClass: Component$n,
|
|
9264
|
+
events: {
|
|
9265
|
+
onSgdsShow: "sgds-show",
|
|
9266
|
+
onSgdsShown: "sgds-shown",
|
|
9267
|
+
onSgdsHide: "sgds-hide",
|
|
9268
|
+
onSgdsHidden: "sgds-hidden"
|
|
9269
|
+
}
|
|
9133
9270
|
});
|
|
9134
9271
|
|
|
9135
|
-
var css_248z$l = i$2
|
|
9272
|
+
var css_248z$l = i$2`: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)}`;
|
|
9136
9273
|
|
|
9137
9274
|
/**
|
|
9138
9275
|
* @license
|
|
@@ -9146,30 +9283,46 @@ var css_248z$l = i$2``;
|
|
|
9146
9283
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
9147
9284
|
*/class t extends e{}t.directiveName="unsafeSVG",t.resultType=2;const o=e$a(t);
|
|
9148
9285
|
|
|
9149
|
-
|
|
9150
|
-
|
|
9151
|
-
|
|
9152
|
-
|
|
9286
|
+
/**
|
|
9287
|
+
* @summary Allows users to upload files of various sizes and formats
|
|
9288
|
+
* @slot default - Label for file upload button
|
|
9289
|
+
*
|
|
9290
|
+
* @event sgds-files-selected - Emitted when files are selected for uploading
|
|
9291
|
+
*
|
|
9292
|
+
* @cssproperty --fileupload-file-icon-fill - Left icon fill color
|
|
9293
|
+
* @cssproperty --fileupload-remove-icon-fill - Remove icon fill color
|
|
9294
|
+
* @cssproperty --fileupload-remove-icon-hover-fill - Remove icon mouse over fill color
|
|
9295
|
+
*
|
|
9296
|
+
*/
|
|
9297
|
+
let SgdsFileUpload = class SgdsFileUpload extends SgdsElement {
|
|
9298
|
+
constructor() {
|
|
9299
|
+
super(...arguments);
|
|
9300
|
+
/** The button's variant. */
|
|
9153
9301
|
this.variant = "primary";
|
|
9154
9302
|
// /** Sets a unique id to the file input, required. */
|
|
9155
9303
|
// @property({ type: String }) controlId = "";
|
|
9304
|
+
//** Disable the fileuploader button */
|
|
9156
9305
|
this.disabled = false;
|
|
9306
|
+
/** Allows multiple files to be listed for uploading */
|
|
9307
|
+
this.multiple = false;
|
|
9308
|
+
/** Specify the acceptable file type */
|
|
9309
|
+
this.accept = "";
|
|
9310
|
+
/** Customize the check icon with SVG */
|
|
9157
9311
|
this.checkedIcon = "";
|
|
9312
|
+
/** Customize the cancel icon with SVG */
|
|
9158
9313
|
this.cancelIcon = "";
|
|
9314
|
+
/** @internal */
|
|
9159
9315
|
this.selectedFiles = [];
|
|
9160
9316
|
// Create a ref to the input element
|
|
9317
|
+
/** @internal */
|
|
9161
9318
|
this.inputRef = e$2();
|
|
9162
|
-
this.addEventListener("sgds-files-selected", () => {
|
|
9163
|
-
this.selectedFiles = Array.from(this.fileList || []);
|
|
9164
|
-
this.emit("selected-files-changed", {
|
|
9165
|
-
detail: { selectedFiles: this.selectedFiles }
|
|
9166
|
-
});
|
|
9167
|
-
});
|
|
9168
9319
|
}
|
|
9169
|
-
setFileList(
|
|
9170
|
-
this.
|
|
9320
|
+
setFileList(files) {
|
|
9321
|
+
this.files = files;
|
|
9171
9322
|
this.emit("sgds-files-selected");
|
|
9323
|
+
//Possible to pass in the files
|
|
9172
9324
|
}
|
|
9325
|
+
/** @internal */
|
|
9173
9326
|
handleClick(event) {
|
|
9174
9327
|
event.preventDefault();
|
|
9175
9328
|
if (!this.disabled) {
|
|
@@ -9179,18 +9332,18 @@ let SgdsFileUpload = class SgdsFileUpload extends SgdsElement {
|
|
|
9179
9332
|
inputElement.click();
|
|
9180
9333
|
}
|
|
9181
9334
|
}
|
|
9335
|
+
/** @internal */
|
|
9182
9336
|
handleInputChange(event) {
|
|
9183
9337
|
const inputElement = event.target;
|
|
9184
|
-
const
|
|
9185
|
-
|
|
9186
|
-
|
|
9187
|
-
dt.items.add(fileList[i]);
|
|
9338
|
+
const files = inputElement.files;
|
|
9339
|
+
if (files.length > 0) {
|
|
9340
|
+
this.selectedFiles = Array.from(files);
|
|
9188
9341
|
}
|
|
9189
|
-
this.setFileList(dt.files);
|
|
9190
|
-
this.selectedFiles = Array.from(dt.files);
|
|
9191
9342
|
// Trigger a re-render of the component to update the list of selected files
|
|
9343
|
+
this.setFileList(files);
|
|
9192
9344
|
this.requestUpdate();
|
|
9193
9345
|
}
|
|
9346
|
+
/** @internal */
|
|
9194
9347
|
removeFileHandler(index) {
|
|
9195
9348
|
const inputElement = this.inputRef.value;
|
|
9196
9349
|
const attachments = inputElement.files;
|
|
@@ -9201,6 +9354,7 @@ let SgdsFileUpload = class SgdsFileUpload extends SgdsElement {
|
|
|
9201
9354
|
}
|
|
9202
9355
|
// Assign buffer to file input
|
|
9203
9356
|
inputElement.files = fileBuffer.files;
|
|
9357
|
+
// Re-populate selected files to the lists
|
|
9204
9358
|
this.setFileList(fileBuffer.files);
|
|
9205
9359
|
this.selectedFiles = Array.from(fileBuffer.files);
|
|
9206
9360
|
// Trigger a re-render of the component to update the list of selected files
|
|
@@ -9211,16 +9365,16 @@ let SgdsFileUpload = class SgdsFileUpload extends SgdsElement {
|
|
|
9211
9365
|
if (checkedIcon) {
|
|
9212
9366
|
return x `${o(checkedIcon)}`;
|
|
9213
9367
|
}
|
|
9214
|
-
return x
|
|
9368
|
+
return x ` <svg
|
|
9215
9369
|
xmlns="http://www.w3.org/2000/svg"
|
|
9216
9370
|
width="16"
|
|
9217
9371
|
height="16"
|
|
9218
|
-
fill="
|
|
9219
|
-
class="bi bi-check"
|
|
9372
|
+
fill="currentColor"
|
|
9373
|
+
class="bi bi-check-lg"
|
|
9220
9374
|
viewBox="0 0 16 16"
|
|
9221
9375
|
>
|
|
9222
9376
|
<path
|
|
9223
|
-
d="
|
|
9377
|
+
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"
|
|
9224
9378
|
/>
|
|
9225
9379
|
</svg>`;
|
|
9226
9380
|
};
|
|
@@ -9243,27 +9397,25 @@ let SgdsFileUpload = class SgdsFileUpload extends SgdsElement {
|
|
|
9243
9397
|
</svg>`;
|
|
9244
9398
|
};
|
|
9245
9399
|
const listItems = this.selectedFiles.map((file, index) => x `
|
|
9246
|
-
<li key=${index} class="fileupload-list-item">
|
|
9247
|
-
<span
|
|
9400
|
+
<li key=${index} class="fileupload-list-item d-flex gap-2">
|
|
9401
|
+
<span>${getCheckedIcon(this.checkedIcon)}</span>
|
|
9248
9402
|
<span class="filename">${file.name}</span>
|
|
9249
|
-
<span
|
|
9403
|
+
<span @click=${() => this.removeFileHandler(index)}>${getCancelIcon(this.cancelIcon)}</span>
|
|
9250
9404
|
</li>
|
|
9251
9405
|
`);
|
|
9252
9406
|
return x `
|
|
9253
|
-
<
|
|
9254
|
-
|
|
9255
|
-
|
|
9256
|
-
|
|
9257
|
-
|
|
9258
|
-
|
|
9259
|
-
|
|
9260
|
-
|
|
9261
|
-
|
|
9262
|
-
|
|
9263
|
-
|
|
9264
|
-
|
|
9265
|
-
</div>
|
|
9266
|
-
</form>
|
|
9407
|
+
<input
|
|
9408
|
+
${n$1(this.inputRef)}
|
|
9409
|
+
type="file"
|
|
9410
|
+
class="d-none form-control"
|
|
9411
|
+
@change=${this.handleInputChange}
|
|
9412
|
+
?multiple=${this.multiple}
|
|
9413
|
+
accept=${this.accept}
|
|
9414
|
+
/>
|
|
9415
|
+
<sgds-button size=${this.size} variant=${this.variant} ?disabled=${this.disabled} @click=${this.handleClick}>
|
|
9416
|
+
<slot></slot>
|
|
9417
|
+
</sgds-button>
|
|
9418
|
+
|
|
9267
9419
|
<ul class="sgds fileupload-list">
|
|
9268
9420
|
${listItems}
|
|
9269
9421
|
</ul>
|
|
@@ -9277,6 +9429,12 @@ __decorate([
|
|
|
9277
9429
|
__decorate([
|
|
9278
9430
|
e$8({ type: Boolean, reflect: true })
|
|
9279
9431
|
], SgdsFileUpload.prototype, "disabled", void 0);
|
|
9432
|
+
__decorate([
|
|
9433
|
+
e$8({ type: Boolean, reflect: true })
|
|
9434
|
+
], SgdsFileUpload.prototype, "multiple", void 0);
|
|
9435
|
+
__decorate([
|
|
9436
|
+
e$8({ type: String, reflect: true })
|
|
9437
|
+
], SgdsFileUpload.prototype, "accept", void 0);
|
|
9280
9438
|
__decorate([
|
|
9281
9439
|
e$8({ reflect: true })
|
|
9282
9440
|
], SgdsFileUpload.prototype, "size", void 0);
|
|
@@ -9287,52 +9445,89 @@ __decorate([
|
|
|
9287
9445
|
e$8({ type: String })
|
|
9288
9446
|
], SgdsFileUpload.prototype, "cancelIcon", void 0);
|
|
9289
9447
|
__decorate([
|
|
9290
|
-
e$8({ type:
|
|
9291
|
-
], SgdsFileUpload.prototype, "
|
|
9448
|
+
e$8({ type: Object, state: true })
|
|
9449
|
+
], SgdsFileUpload.prototype, "files", void 0);
|
|
9292
9450
|
__decorate([
|
|
9293
9451
|
e$8({ type: Array })
|
|
9294
9452
|
], SgdsFileUpload.prototype, "selectedFiles", void 0);
|
|
9295
9453
|
SgdsFileUpload = __decorate([
|
|
9296
|
-
e$9("sgds-
|
|
9454
|
+
e$9("sgds-file-upload")
|
|
9297
9455
|
], SgdsFileUpload);
|
|
9298
|
-
var Component$
|
|
9456
|
+
var Component$m = SgdsFileUpload;
|
|
9299
9457
|
|
|
9300
|
-
var index$
|
|
9458
|
+
var index$m = react.createComponent({
|
|
9301
9459
|
react: React__namespace,
|
|
9302
|
-
tagName: "sgds-
|
|
9303
|
-
elementClass: Component$
|
|
9304
|
-
events: {
|
|
9460
|
+
tagName: "sgds-file-upload",
|
|
9461
|
+
elementClass: Component$m,
|
|
9462
|
+
events: {
|
|
9463
|
+
onSgdsFilesSelected: "sgds-files-selected"
|
|
9464
|
+
}
|
|
9305
9465
|
});
|
|
9306
9466
|
|
|
9307
9467
|
var css_248z$k = i$2``;
|
|
9308
9468
|
|
|
9309
9469
|
/**
|
|
9470
|
+
* @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.
|
|
9471
|
+
*
|
|
9310
9472
|
* @csspart footer-top - The component's footer-top section container.
|
|
9311
9473
|
* @csspart footer-bottom - The component's footer-bottom section container.
|
|
9474
|
+
*
|
|
9475
|
+
* @cssproperty footer-top - The component's footer-top section container.
|
|
9476
|
+
* @cssproperty footer-bottom - The component's footer-bottom section container.
|
|
9312
9477
|
*/
|
|
9313
9478
|
let SgdsFooter = class SgdsFooter extends SgdsElement {
|
|
9314
9479
|
constructor() {
|
|
9315
9480
|
super(...arguments);
|
|
9316
|
-
|
|
9317
|
-
|
|
9481
|
+
/**
|
|
9482
|
+
* Sets title of SgdsFooter
|
|
9483
|
+
*/
|
|
9484
|
+
this.title = "";
|
|
9485
|
+
/**
|
|
9486
|
+
* Sets description of SgdsFooter
|
|
9487
|
+
*/
|
|
9488
|
+
this.description = "";
|
|
9489
|
+
/**
|
|
9490
|
+
* Sets copyrightLiner of SgdsFooter
|
|
9491
|
+
*/
|
|
9492
|
+
this.copyrightLiner = "Government of Singapore";
|
|
9493
|
+
/**
|
|
9494
|
+
* Array of type
|
|
9495
|
+
*
|
|
9496
|
+
* `interface ColumnLinks { title: string; links : Links[] } interface Links { href: string; label: string; }`
|
|
9497
|
+
*/
|
|
9318
9498
|
this.links = [];
|
|
9499
|
+
/**
|
|
9500
|
+
* String date for last updated date
|
|
9501
|
+
*/
|
|
9319
9502
|
this.lastUpdatedDate = "";
|
|
9320
|
-
|
|
9503
|
+
/**
|
|
9504
|
+
* href link for contacts
|
|
9505
|
+
*/
|
|
9321
9506
|
this.contactHref = "#";
|
|
9507
|
+
/**
|
|
9508
|
+
* href link for feedback
|
|
9509
|
+
*/
|
|
9322
9510
|
this.feedbackHref = "#";
|
|
9323
|
-
|
|
9511
|
+
/**
|
|
9512
|
+
* href link for privacy statement
|
|
9513
|
+
*/
|
|
9324
9514
|
this.privacyHref = "#";
|
|
9515
|
+
/**
|
|
9516
|
+
* href link for terms of use
|
|
9517
|
+
*/
|
|
9325
9518
|
this.termsOfUseHref = "#";
|
|
9326
9519
|
}
|
|
9327
9520
|
render() {
|
|
9521
|
+
// if description is defined
|
|
9522
|
+
const hasDescription = x ` <div class="description">${this.description}</div>`;
|
|
9328
9523
|
return x `
|
|
9329
9524
|
<footer class="sgds footer">
|
|
9330
9525
|
<section class="footer-top" part="footer-top">
|
|
9331
9526
|
<div class="container-fluid">
|
|
9332
9527
|
<div class="row footer-header">
|
|
9333
9528
|
<div class="col col-lg-6 col-md-12">
|
|
9334
|
-
<div class="title">${this.title}</div>
|
|
9335
|
-
|
|
9529
|
+
<div class="title">${this.title ? this.title : "Footer title"}</div>
|
|
9530
|
+
${this.description ? hasDescription : undefined}
|
|
9336
9531
|
</div>
|
|
9337
9532
|
</div>
|
|
9338
9533
|
<div class="row footer-items">
|
|
@@ -9340,7 +9535,7 @@ let SgdsFooter = class SgdsFooter extends SgdsElement {
|
|
|
9340
9535
|
<div class="col-xxl-2 col-md-4 mb-3">
|
|
9341
9536
|
<div class="title">${item.title}</div>
|
|
9342
9537
|
<ul class="links">
|
|
9343
|
-
${item.links.map((link) => x ` <li><a href
|
|
9538
|
+
${item.links.map((link) => x ` <li><a href=${link.href}>${link.label}</a></li> `)}
|
|
9344
9539
|
</ul>
|
|
9345
9540
|
</div>
|
|
9346
9541
|
`)}
|
|
@@ -9349,8 +9544,8 @@ let SgdsFooter = class SgdsFooter extends SgdsElement {
|
|
|
9349
9544
|
<div class="col">
|
|
9350
9545
|
<div class="d-flex justify-content-lg-end">
|
|
9351
9546
|
<ul>
|
|
9352
|
-
<li><a href
|
|
9353
|
-
<li><a href
|
|
9547
|
+
<li><a href=${this.contactHref}>Contact</a></li>
|
|
9548
|
+
<li><a href=${this.feedbackHref}>Feedback</a></li>
|
|
9354
9549
|
<li>
|
|
9355
9550
|
<a href="https://www.reach.gov.sg/" target="_blank" rel="noopener noreferrer">Reach.gov.sg</a>
|
|
9356
9551
|
</li>
|
|
@@ -9366,19 +9561,19 @@ let SgdsFooter = class SgdsFooter extends SgdsElement {
|
|
|
9366
9561
|
<div class="col">
|
|
9367
9562
|
<ul>
|
|
9368
9563
|
<li>
|
|
9369
|
-
<a href="
|
|
9564
|
+
<a href="https://tech.gov.sg/report_vulnerability" target="_blank" rel="noopener noreferrer"
|
|
9370
9565
|
>Report Vulnerability</a
|
|
9371
9566
|
>
|
|
9372
9567
|
</li>
|
|
9373
|
-
<li><a href
|
|
9374
|
-
<li><a href
|
|
9568
|
+
<li><a href=${this.privacyHref}>Privacy Statement</a></li>
|
|
9569
|
+
<li><a href=${this.termsOfUseHref}>Terms of use</a></li>
|
|
9375
9570
|
</ul>
|
|
9376
9571
|
</div>
|
|
9377
9572
|
</div>
|
|
9378
9573
|
<div class="row footer-copyrights">
|
|
9379
9574
|
<div class="col">
|
|
9380
9575
|
<div class="d-flex justify-content-lg-end text-end">
|
|
9381
|
-
© ${new Date().getFullYear()}
|
|
9576
|
+
© ${new Date().getFullYear()} ${this.copyrightLiner}<br />
|
|
9382
9577
|
Last Updated ${this.lastUpdatedDate}
|
|
9383
9578
|
</div>
|
|
9384
9579
|
</div>
|
|
@@ -9391,11 +9586,14 @@ let SgdsFooter = class SgdsFooter extends SgdsElement {
|
|
|
9391
9586
|
};
|
|
9392
9587
|
SgdsFooter.styles = [SgdsElement.styles, css_248z$k];
|
|
9393
9588
|
__decorate([
|
|
9394
|
-
e$8()
|
|
9589
|
+
e$8({ type: String })
|
|
9395
9590
|
], SgdsFooter.prototype, "title", void 0);
|
|
9396
9591
|
__decorate([
|
|
9397
|
-
e$8()
|
|
9592
|
+
e$8({ type: String })
|
|
9398
9593
|
], SgdsFooter.prototype, "description", void 0);
|
|
9594
|
+
__decorate([
|
|
9595
|
+
e$8({ type: String })
|
|
9596
|
+
], SgdsFooter.prototype, "copyrightLiner", void 0);
|
|
9399
9597
|
__decorate([
|
|
9400
9598
|
e$8({
|
|
9401
9599
|
type: Array
|
|
@@ -9410,9 +9608,6 @@ __decorate([
|
|
|
9410
9608
|
__decorate([
|
|
9411
9609
|
e$8({ type: String })
|
|
9412
9610
|
], SgdsFooter.prototype, "feedbackHref", void 0);
|
|
9413
|
-
__decorate([
|
|
9414
|
-
e$8({ type: String })
|
|
9415
|
-
], SgdsFooter.prototype, "vulnerabilityHref", void 0);
|
|
9416
9611
|
__decorate([
|
|
9417
9612
|
e$8({ type: String })
|
|
9418
9613
|
], SgdsFooter.prototype, "privacyHref", void 0);
|
|
@@ -9422,41 +9617,68 @@ __decorate([
|
|
|
9422
9617
|
SgdsFooter = __decorate([
|
|
9423
9618
|
e$9("sgds-footer")
|
|
9424
9619
|
], SgdsFooter);
|
|
9425
|
-
var Component$
|
|
9620
|
+
var Component$l = SgdsFooter;
|
|
9426
9621
|
|
|
9427
|
-
var index$
|
|
9622
|
+
var index$l = react.createComponent({
|
|
9428
9623
|
react: React__namespace,
|
|
9429
9624
|
tagName: "sgds-footer",
|
|
9430
|
-
elementClass: Component$
|
|
9625
|
+
elementClass: Component$l,
|
|
9431
9626
|
events: {}
|
|
9432
9627
|
});
|
|
9433
9628
|
|
|
9434
|
-
|
|
9435
|
-
|
|
9629
|
+
/**
|
|
9630
|
+
* @summary Text inputs allow your users to enter letters, numbers and symbols on a single line.
|
|
9631
|
+
*
|
|
9632
|
+
* @event sgds-change - Emitted when an alteration to the control's value is committed by the user.
|
|
9633
|
+
* @event sgds-input - Emitted when the control receives input and its value changes.
|
|
9634
|
+
* @event sgds-focus - Emitted when input is in focus.
|
|
9635
|
+
* @event sgds-blur - Emitted when input is not in focus.
|
|
9636
|
+
*
|
|
9637
|
+
*/
|
|
9436
9638
|
let SgdsInput = class SgdsInput extends SgdsElement {
|
|
9437
9639
|
constructor() {
|
|
9438
9640
|
super(...arguments);
|
|
9439
|
-
|
|
9641
|
+
/**@internal */
|
|
9440
9642
|
this.formSubmitController = new FormSubmitController(this);
|
|
9643
|
+
/** The type of input which works the same as HTMLInputElement*/
|
|
9441
9644
|
this.type = "text";
|
|
9442
|
-
|
|
9443
|
-
this.
|
|
9444
|
-
|
|
9445
|
-
this.
|
|
9645
|
+
/** The input's label */
|
|
9646
|
+
this.label = "";
|
|
9647
|
+
/** The input's hint text below the label */
|
|
9648
|
+
this.hintText = "";
|
|
9649
|
+
/**The input's placeholder text. */
|
|
9650
|
+
this.placeholder = "placeholder";
|
|
9651
|
+
/**Autofocus the input */
|
|
9446
9652
|
this.autofocus = false;
|
|
9653
|
+
/**Disables the input. */
|
|
9447
9654
|
this.disabled = false;
|
|
9655
|
+
/**Makes the input a required field. */
|
|
9448
9656
|
this.required = false;
|
|
9449
|
-
/**
|
|
9657
|
+
/**Makes the input readonly. */
|
|
9450
9658
|
this.readonly = false;
|
|
9659
|
+
/**The input's value attribute. */
|
|
9660
|
+
this.value = "";
|
|
9661
|
+
/**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. */
|
|
9662
|
+
this.defaultValue = "";
|
|
9663
|
+
/** Allows invalidFeedback, invalid and valid styles to be visible with the input */
|
|
9664
|
+
this.hasFeedback = false;
|
|
9665
|
+
/**Feedback text for error state when validated */
|
|
9666
|
+
this.invalidFeedback = "";
|
|
9667
|
+
/**@internal */
|
|
9451
9668
|
this.invalid = false;
|
|
9669
|
+
/**@internal */
|
|
9452
9670
|
this.valid = false;
|
|
9453
|
-
|
|
9454
|
-
this.
|
|
9671
|
+
/**@internal */
|
|
9672
|
+
this.inputId = genId("input", this.type);
|
|
9455
9673
|
}
|
|
9456
9674
|
/** Sets focus on the input. */
|
|
9457
9675
|
focus(options) {
|
|
9458
9676
|
this.input.focus(options);
|
|
9459
9677
|
}
|
|
9678
|
+
/** Sets blur on the input. */
|
|
9679
|
+
blur() {
|
|
9680
|
+
this.input.blur();
|
|
9681
|
+
}
|
|
9460
9682
|
/** Checks for validity and shows the browser's validation message if the control is invalid. */
|
|
9461
9683
|
reportValidity() {
|
|
9462
9684
|
return this.input.reportValidity();
|
|
@@ -9469,11 +9691,9 @@ let SgdsInput = class SgdsInput extends SgdsElement {
|
|
|
9469
9691
|
this.emit(event);
|
|
9470
9692
|
}
|
|
9471
9693
|
handleFocus() {
|
|
9472
|
-
this.hasFocus = true;
|
|
9473
9694
|
this.emit("sgds-focus");
|
|
9474
9695
|
}
|
|
9475
9696
|
handleBlur() {
|
|
9476
|
-
this.hasFocus = false;
|
|
9477
9697
|
this.emit("sgds-blur");
|
|
9478
9698
|
}
|
|
9479
9699
|
handleKeyDown(event) {
|
|
@@ -9482,7 +9702,8 @@ let SgdsInput = class SgdsInput extends SgdsElement {
|
|
|
9482
9702
|
// submitting to allow users to cancel the keydown event if they need to
|
|
9483
9703
|
if (event.key === "Enter" && !hasModifier) {
|
|
9484
9704
|
setTimeout(() => {
|
|
9485
|
-
|
|
9705
|
+
// Prevent submission when enter is click on a submission in an Input Method Editor with isComposing
|
|
9706
|
+
if (!event.defaultPrevented && !event.isComposing) {
|
|
9486
9707
|
this.formSubmitController.submit();
|
|
9487
9708
|
}
|
|
9488
9709
|
});
|
|
@@ -9496,17 +9717,20 @@ let SgdsInput = class SgdsInput extends SgdsElement {
|
|
|
9496
9717
|
handleValueChange() {
|
|
9497
9718
|
this.invalid = !this.input.checkValidity();
|
|
9498
9719
|
this.valid = this.input.checkValidity();
|
|
9720
|
+
// remove validation for input that is not required, is already dirty and has empty value
|
|
9721
|
+
if (!this.required && this.value === "") {
|
|
9722
|
+
this.valid = false;
|
|
9723
|
+
}
|
|
9499
9724
|
}
|
|
9500
9725
|
render() {
|
|
9501
9726
|
const input = n `
|
|
9502
9727
|
<input
|
|
9503
|
-
class
|
|
9504
|
-
|
|
9505
|
-
"is-invalid": this.invalid,
|
|
9506
|
-
"is-valid": this.valid,
|
|
9728
|
+
class=${o$9({
|
|
9729
|
+
"form-control": true,
|
|
9730
|
+
"is-invalid": this.hasFeedback && this.invalid,
|
|
9731
|
+
"is-valid": this.hasFeedback && this.valid,
|
|
9507
9732
|
[`${this.inputClasses}`]: this.inputClasses
|
|
9508
9733
|
})}
|
|
9509
|
-
"
|
|
9510
9734
|
type=${this.type}
|
|
9511
9735
|
id=${this.inputId}
|
|
9512
9736
|
name=${l$1(this.name)}
|
|
@@ -9527,36 +9751,28 @@ let SgdsInput = class SgdsInput extends SgdsElement {
|
|
|
9527
9751
|
@focus=${this.handleFocus}
|
|
9528
9752
|
@blur=${this.handleBlur}
|
|
9529
9753
|
/>
|
|
9530
|
-
|
|
9754
|
+
${this.hasFeedback
|
|
9755
|
+
? n `<div id="${this.inputId}-invalid" class="invalid-feedback">${this.invalidFeedback}</div>`
|
|
9756
|
+
: ""}
|
|
9531
9757
|
`;
|
|
9532
9758
|
// if iconName is defined
|
|
9533
9759
|
const inputWithIcon = n `
|
|
9534
9760
|
<div class="sgds form-control-group ${this.inputClasses}">
|
|
9535
|
-
<span class="form-control-icon">
|
|
9536
|
-
<sl-icon name=${this.iconName}></sl-icon>
|
|
9537
|
-
</span>
|
|
9761
|
+
<span class="form-control-icon"> ${o(this.icon)} </span>
|
|
9538
9762
|
${input}
|
|
9539
9763
|
</div>
|
|
9540
9764
|
`;
|
|
9541
9765
|
// if hintText is defined
|
|
9542
|
-
const withHintText = n `
|
|
9543
|
-
<small id="${l$1(this.inputId)}Help" class="text-muted form-text">${this.hintText}</small>
|
|
9544
|
-
`;
|
|
9766
|
+
const withHintText = n ` <small id="${this.inputId}Help" class="text-muted form-text">${this.hintText}</small> `;
|
|
9545
9767
|
// if label is defined
|
|
9546
|
-
const withLabel = n ` <label for=${
|
|
9547
|
-
return n `
|
|
9548
|
-
${this.label ? withLabel : undefined} ${this.hintText ? withHintText : undefined}
|
|
9549
|
-
${this.iconName ? inputWithIcon : input}
|
|
9550
|
-
`;
|
|
9768
|
+
const withLabel = n ` <label for=${this.inputId} class="form-label">${this.label}</label> `;
|
|
9769
|
+
return n ` ${this.label && withLabel} ${this.hintText && withHintText} ${this.icon ? inputWithIcon : input} `;
|
|
9551
9770
|
}
|
|
9552
9771
|
};
|
|
9553
|
-
SgdsInput.styles =
|
|
9772
|
+
SgdsInput.styles = SgdsElement.styles;
|
|
9554
9773
|
__decorate([
|
|
9555
9774
|
i$3("input.form-control")
|
|
9556
9775
|
], SgdsInput.prototype, "input", void 0);
|
|
9557
|
-
__decorate([
|
|
9558
|
-
t$3()
|
|
9559
|
-
], SgdsInput.prototype, "hasFocus", void 0);
|
|
9560
9776
|
__decorate([
|
|
9561
9777
|
e$8({ reflect: true })
|
|
9562
9778
|
], SgdsInput.prototype, "type", void 0);
|
|
@@ -9566,9 +9782,6 @@ __decorate([
|
|
|
9566
9782
|
__decorate([
|
|
9567
9783
|
e$8({ reflect: true })
|
|
9568
9784
|
], SgdsInput.prototype, "hintText", void 0);
|
|
9569
|
-
__decorate([
|
|
9570
|
-
e$8({ type: String, reflect: true })
|
|
9571
|
-
], SgdsInput.prototype, "inputId", void 0);
|
|
9572
9785
|
__decorate([
|
|
9573
9786
|
e$8({ reflect: true })
|
|
9574
9787
|
], SgdsInput.prototype, "name", void 0);
|
|
@@ -9576,16 +9789,13 @@ __decorate([
|
|
|
9576
9789
|
e$8({ reflect: true })
|
|
9577
9790
|
], SgdsInput.prototype, "inputClasses", void 0);
|
|
9578
9791
|
__decorate([
|
|
9579
|
-
e$8({
|
|
9580
|
-
], SgdsInput.prototype, "
|
|
9581
|
-
__decorate([
|
|
9582
|
-
e$8({ type: String, reflect: true })
|
|
9583
|
-
], SgdsInput.prototype, "value", void 0);
|
|
9792
|
+
e$8({ type: String })
|
|
9793
|
+
], SgdsInput.prototype, "icon", void 0);
|
|
9584
9794
|
__decorate([
|
|
9585
|
-
e$8({ type:
|
|
9795
|
+
e$8({ type: Number, reflect: true })
|
|
9586
9796
|
], SgdsInput.prototype, "minlength", void 0);
|
|
9587
9797
|
__decorate([
|
|
9588
|
-
e$8({ type:
|
|
9798
|
+
e$8({ type: Number, reflect: true })
|
|
9589
9799
|
], SgdsInput.prototype, "maxlength", void 0);
|
|
9590
9800
|
__decorate([
|
|
9591
9801
|
e$8({ type: String, reflect: true })
|
|
@@ -9593,9 +9803,6 @@ __decorate([
|
|
|
9593
9803
|
__decorate([
|
|
9594
9804
|
e$8({ type: String })
|
|
9595
9805
|
], SgdsInput.prototype, "pattern", void 0);
|
|
9596
|
-
__decorate([
|
|
9597
|
-
e$8({ type: String, reflect: true })
|
|
9598
|
-
], SgdsInput.prototype, "invalidFeedback", void 0);
|
|
9599
9806
|
__decorate([
|
|
9600
9807
|
e$8({ type: Boolean, reflect: true })
|
|
9601
9808
|
], SgdsInput.prototype, "autofocus", void 0);
|
|
@@ -9608,15 +9815,24 @@ __decorate([
|
|
|
9608
9815
|
__decorate([
|
|
9609
9816
|
e$8({ type: Boolean, reflect: true })
|
|
9610
9817
|
], SgdsInput.prototype, "readonly", void 0);
|
|
9818
|
+
__decorate([
|
|
9819
|
+
e$8({ reflect: true })
|
|
9820
|
+
], SgdsInput.prototype, "value", void 0);
|
|
9821
|
+
__decorate([
|
|
9822
|
+
defaultValue()
|
|
9823
|
+
], SgdsInput.prototype, "defaultValue", void 0);
|
|
9611
9824
|
__decorate([
|
|
9612
9825
|
e$8({ type: Boolean, reflect: true })
|
|
9826
|
+
], SgdsInput.prototype, "hasFeedback", void 0);
|
|
9827
|
+
__decorate([
|
|
9828
|
+
e$8({ type: String, reflect: true })
|
|
9829
|
+
], SgdsInput.prototype, "invalidFeedback", void 0);
|
|
9830
|
+
__decorate([
|
|
9831
|
+
t$3()
|
|
9613
9832
|
], SgdsInput.prototype, "invalid", void 0);
|
|
9614
9833
|
__decorate([
|
|
9615
|
-
|
|
9834
|
+
t$3()
|
|
9616
9835
|
], SgdsInput.prototype, "valid", void 0);
|
|
9617
|
-
__decorate([
|
|
9618
|
-
defaultValue()
|
|
9619
|
-
], SgdsInput.prototype, "defaultValue", void 0);
|
|
9620
9836
|
__decorate([
|
|
9621
9837
|
watch("disabled", { waitUntilFirstUpdate: true })
|
|
9622
9838
|
], SgdsInput.prototype, "handleDisabledChange", null);
|
|
@@ -9626,16 +9842,21 @@ __decorate([
|
|
|
9626
9842
|
SgdsInput = __decorate([
|
|
9627
9843
|
e$9("sgds-input")
|
|
9628
9844
|
], SgdsInput);
|
|
9629
|
-
var Component$
|
|
9845
|
+
var Component$k = SgdsInput;
|
|
9630
9846
|
|
|
9631
|
-
var index$
|
|
9847
|
+
var index$k = react.createComponent({
|
|
9632
9848
|
react: React__namespace,
|
|
9633
9849
|
tagName: "sgds-input",
|
|
9634
|
-
elementClass: Component$
|
|
9635
|
-
events: {
|
|
9850
|
+
elementClass: Component$k,
|
|
9851
|
+
events: {
|
|
9852
|
+
onSgdsChange: "sgds-change",
|
|
9853
|
+
onSgdsInput: "sgds-input",
|
|
9854
|
+
onSgdsFocus: "sgds-focus",
|
|
9855
|
+
onSgdsBlur: "sgds-blur"
|
|
9856
|
+
}
|
|
9636
9857
|
});
|
|
9637
9858
|
|
|
9638
|
-
var css_248z$
|
|
9859
|
+
var css_248z$j = i$2`: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}`;
|
|
9639
9860
|
|
|
9640
9861
|
let SgdsMainnavDropdown = class SgdsMainnavDropdown extends DropdownElement {
|
|
9641
9862
|
render() {
|
|
@@ -9673,36 +9894,45 @@ let SgdsMainnavDropdown = class SgdsMainnavDropdown extends DropdownElement {
|
|
|
9673
9894
|
`;
|
|
9674
9895
|
}
|
|
9675
9896
|
};
|
|
9676
|
-
SgdsMainnavDropdown.styles = [DropdownElement.styles, css_248z$
|
|
9897
|
+
SgdsMainnavDropdown.styles = [DropdownElement.styles, css_248z$j];
|
|
9677
9898
|
SgdsMainnavDropdown = __decorate([
|
|
9678
9899
|
e$9("sgds-mainnav-dropdown")
|
|
9679
9900
|
], SgdsMainnavDropdown);
|
|
9680
|
-
var Component$
|
|
9901
|
+
var Component$j = SgdsMainnavDropdown;
|
|
9681
9902
|
|
|
9682
|
-
var index$
|
|
9903
|
+
var index$j = react.createComponent({
|
|
9683
9904
|
react: React__namespace,
|
|
9684
9905
|
tagName: "sgds-mainnav-dropdown",
|
|
9685
|
-
elementClass: Component$
|
|
9686
|
-
events: {
|
|
9906
|
+
elementClass: Component$j,
|
|
9907
|
+
events: {
|
|
9908
|
+
onSgdsShow: "sgds-show",
|
|
9909
|
+
onSgdsShown: "sgds-shown",
|
|
9910
|
+
onSgdsHide: "sgds-hide",
|
|
9911
|
+
onSgdsHidden: "sgds-hidden"
|
|
9912
|
+
}
|
|
9687
9913
|
});
|
|
9688
9914
|
|
|
9689
|
-
var css_248z$
|
|
9915
|
+
var css_248z$i = i$2`: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)}`;
|
|
9690
9916
|
|
|
9691
9917
|
/**
|
|
9692
|
-
* @slot -
|
|
9918
|
+
* @slot default - slot for SgdsMainnavItem element.
|
|
9919
|
+
*
|
|
9920
|
+
* @cssproperty --mainnav-item-theme-color - Hover and active color for mainnav items.
|
|
9921
|
+
* @cssproperty --mainnav-item-color - Text color of nav item.
|
|
9922
|
+
* @cssproperty --mainnav-item-borderBottom-width - border bottom width for hover and active state for nav item
|
|
9693
9923
|
*/
|
|
9694
9924
|
let SgdsMainnavItem = class SgdsMainnavItem extends LinkElement {
|
|
9695
9925
|
};
|
|
9696
|
-
SgdsMainnavItem.styles = [LinkElement.styles, css_248z$
|
|
9926
|
+
SgdsMainnavItem.styles = [LinkElement.styles, css_248z$i];
|
|
9697
9927
|
SgdsMainnavItem = __decorate([
|
|
9698
9928
|
e$9("sgds-mainnav-item")
|
|
9699
9929
|
], SgdsMainnavItem);
|
|
9700
|
-
var Component$
|
|
9930
|
+
var Component$i = SgdsMainnavItem;
|
|
9701
9931
|
|
|
9702
|
-
var index$
|
|
9932
|
+
var index$i = react.createComponent({
|
|
9703
9933
|
react: React__namespace,
|
|
9704
9934
|
tagName: "sgds-mainnav-item",
|
|
9705
|
-
elementClass: Component$
|
|
9935
|
+
elementClass: Component$i,
|
|
9706
9936
|
events: {}
|
|
9707
9937
|
});
|
|
9708
9938
|
|
|
@@ -9712,7 +9942,7 @@ const LG_BREAKPOINT = 992;
|
|
|
9712
9942
|
const XL_BREAKPOINT = 1200;
|
|
9713
9943
|
const XXL_BREAKPOINT = 1400;
|
|
9714
9944
|
|
|
9715
|
-
var css_248z$
|
|
9945
|
+
var css_248z$h = i$2`: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}`;
|
|
9716
9946
|
|
|
9717
9947
|
const SIZES = {
|
|
9718
9948
|
sm: SM_BREAKPOINT,
|
|
@@ -9724,22 +9954,36 @@ const SIZES = {
|
|
|
9724
9954
|
always: -1
|
|
9725
9955
|
};
|
|
9726
9956
|
/**
|
|
9727
|
-
* @
|
|
9957
|
+
* @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.
|
|
9958
|
+
*
|
|
9959
|
+
* @slot - Default slot of SgdsMainnav. Pass in SgdsMainnavItem elements here.
|
|
9728
9960
|
* @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.
|
|
9961
|
+
* @slot brand - Brand slot of SgdsMainnav. Pass in brand logo img here
|
|
9962
|
+
* @slot non-collapsible - Elements in this slot will not be collapsed
|
|
9963
|
+
*
|
|
9964
|
+
* @cssproperty --mainnav-background-color - Navbar's background color.
|
|
9965
|
+
* @cssproperty --mainnav-padding-x - left and right padding for browser width > 768px
|
|
9966
|
+
* @cssproperty --mainnav-padding-y - top and bottom padding for browser width > 768px
|
|
9967
|
+
* @cssproperty --mainnav-mobile-padding-x - left and right padding for browser width < 768px
|
|
9968
|
+
* @cssproperty --mainnav-mobile-padding-y - top and bottom padding for browser width < 768px
|
|
9969
|
+
* @cssproperty --mainnav-borderBottom-width - bottom border width
|
|
9970
|
+
* @cssproperty --mainnav-borderBottom-color - borderBottom width color
|
|
9729
9971
|
*/
|
|
9730
9972
|
let SgdsMainnav = class SgdsMainnav extends SgdsElement {
|
|
9731
9973
|
constructor() {
|
|
9732
9974
|
super();
|
|
9975
|
+
/** @internal */
|
|
9733
9976
|
this.myCollapse = e$2();
|
|
9977
|
+
/** @internal */
|
|
9734
9978
|
this.bsCollapse = null;
|
|
9735
|
-
|
|
9736
|
-
this.myOffcanvas = e$2();
|
|
9737
|
-
this.bsOffcanvas = null;
|
|
9979
|
+
/** The href link for brand logo */
|
|
9738
9980
|
this.brandHref = "";
|
|
9739
9981
|
this.collapseId = genId("mainnav", "collapse");
|
|
9982
|
+
/** 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 */
|
|
9740
9983
|
this.expand = "lg";
|
|
9741
|
-
|
|
9984
|
+
/** @internal */
|
|
9742
9985
|
this.breakpointReached = false;
|
|
9986
|
+
/** @internal */
|
|
9743
9987
|
this.expanded = false;
|
|
9744
9988
|
window.addEventListener("resize", () => {
|
|
9745
9989
|
const newBreakpointReachedValue = window.innerWidth < SIZES[this.expand.toString()];
|
|
@@ -9749,38 +9993,24 @@ let SgdsMainnav = class SgdsMainnav extends SgdsElement {
|
|
|
9749
9993
|
});
|
|
9750
9994
|
}
|
|
9751
9995
|
_onClickButton() {
|
|
9752
|
-
if (this.mode === "offcanvas") {
|
|
9753
|
-
return this.bsOffcanvas.toggle();
|
|
9754
|
-
}
|
|
9755
9996
|
this.bsCollapse.toggle();
|
|
9756
9997
|
}
|
|
9757
9998
|
firstUpdated() {
|
|
9758
|
-
|
|
9759
|
-
|
|
9760
|
-
|
|
9761
|
-
|
|
9762
|
-
this.
|
|
9763
|
-
|
|
9764
|
-
|
|
9765
|
-
this.
|
|
9766
|
-
|
|
9767
|
-
|
|
9768
|
-
this.
|
|
9769
|
-
|
|
9770
|
-
|
|
9771
|
-
this.
|
|
9772
|
-
|
|
9773
|
-
});
|
|
9774
|
-
}
|
|
9775
|
-
if (this.mode === "offcanvas") {
|
|
9776
|
-
this.bsOffcanvas = new Offcanvas(this.myOffcanvas.value);
|
|
9777
|
-
//add esc keyboard event for bsOffcanvas
|
|
9778
|
-
this.addEventListener("keydown", ev => {
|
|
9779
|
-
if (ev.key === "Escape") {
|
|
9780
|
-
this.bsOffcanvas.hide();
|
|
9781
|
-
}
|
|
9782
|
-
});
|
|
9783
|
-
}
|
|
9999
|
+
this.bsCollapse = new Collapse(this.myCollapse.value, {
|
|
10000
|
+
toggle: false
|
|
10001
|
+
});
|
|
10002
|
+
this.myCollapse.value.addEventListener("show.bs.collapse", () => {
|
|
10003
|
+
this.expanded = true;
|
|
10004
|
+
});
|
|
10005
|
+
this.myCollapse.value.addEventListener("shown.bs.collapse", () => {
|
|
10006
|
+
this.expanded = true;
|
|
10007
|
+
});
|
|
10008
|
+
this.myCollapse.value.addEventListener("hide.bs.collapse", () => {
|
|
10009
|
+
this.expanded = false;
|
|
10010
|
+
});
|
|
10011
|
+
this.myCollapse.value.addEventListener("hidden.bs.collapse", () => {
|
|
10012
|
+
this.expanded = false;
|
|
10013
|
+
});
|
|
9784
10014
|
}
|
|
9785
10015
|
// assigning name attribute to elements added in slot="end", to use wildcard css selector to assign styles only to *-mainnav-item
|
|
9786
10016
|
_handleSlotChange(e) {
|
|
@@ -9789,19 +10019,18 @@ let SgdsMainnav = class SgdsMainnav extends SgdsElement {
|
|
|
9789
10019
|
}
|
|
9790
10020
|
render() {
|
|
9791
10021
|
this.breakpointReached = window.innerWidth < SIZES[this.expand.toString()];
|
|
9792
|
-
const collapseClass = "collapse navbar-collapse order-
|
|
9793
|
-
const offcanvasClass = "offcanvas offcanvas-start order-4";
|
|
10022
|
+
const collapseClass = "collapse navbar-collapse order-2";
|
|
9794
10023
|
return x `
|
|
9795
10024
|
<nav
|
|
9796
10025
|
class="sgds navbar navbar-light
|
|
9797
10026
|
${this._expandClass()}"
|
|
9798
10027
|
>
|
|
9799
|
-
<a class="navbar-brand me-auto order-
|
|
10028
|
+
<a class="navbar-brand me-auto order-first" href=${this.brandHref}>
|
|
9800
10029
|
<slot name="brand"></slot>
|
|
9801
10030
|
</a>
|
|
9802
|
-
<slot name="non-collapsible" class="${this.breakpointReached ? "order-
|
|
10031
|
+
<slot name="non-collapsible" class="${this.breakpointReached ? "order-1" : "order-last"}"></slot>
|
|
9803
10032
|
<button
|
|
9804
|
-
class="navbar-toggler order-
|
|
10033
|
+
class="navbar-toggler order-1"
|
|
9805
10034
|
type="button"
|
|
9806
10035
|
@click=${() => this._onClickButton()}
|
|
9807
10036
|
aria-controls="${this.collapseId}"
|
|
@@ -9822,11 +10051,7 @@ let SgdsMainnav = class SgdsMainnav extends SgdsElement {
|
|
|
9822
10051
|
/>
|
|
9823
10052
|
</svg>
|
|
9824
10053
|
</button>
|
|
9825
|
-
<div
|
|
9826
|
-
class=${this.mode === "default" ? collapseClass : offcanvasClass}
|
|
9827
|
-
${this.mode === "default" ? n$1(this.myCollapse) : n$1(this.myOffcanvas)}
|
|
9828
|
-
id=${this.collapseId}
|
|
9829
|
-
>
|
|
10054
|
+
<div class=${collapseClass} ${n$1(this.myCollapse)} id=${this.collapseId}>
|
|
9830
10055
|
<ul class="navbar-nav">
|
|
9831
10056
|
<slot></slot>
|
|
9832
10057
|
<slot
|
|
@@ -9850,19 +10075,13 @@ let SgdsMainnav = class SgdsMainnav extends SgdsElement {
|
|
|
9850
10075
|
}
|
|
9851
10076
|
}
|
|
9852
10077
|
};
|
|
9853
|
-
SgdsMainnav.styles = [SgdsElement.styles, css_248z$
|
|
10078
|
+
SgdsMainnav.styles = [SgdsElement.styles, css_248z$h];
|
|
9854
10079
|
__decorate([
|
|
9855
10080
|
e$8({ type: String })
|
|
9856
10081
|
], SgdsMainnav.prototype, "brandHref", void 0);
|
|
9857
|
-
__decorate([
|
|
9858
|
-
e$8({ type: String })
|
|
9859
|
-
], SgdsMainnav.prototype, "collapseId", void 0);
|
|
9860
10082
|
__decorate([
|
|
9861
10083
|
e$8()
|
|
9862
10084
|
], SgdsMainnav.prototype, "expand", void 0);
|
|
9863
|
-
__decorate([
|
|
9864
|
-
e$8({ type: String })
|
|
9865
|
-
], SgdsMainnav.prototype, "mode", void 0);
|
|
9866
10085
|
__decorate([
|
|
9867
10086
|
t$3()
|
|
9868
10087
|
], SgdsMainnav.prototype, "breakpointReached", void 0);
|
|
@@ -9872,23 +10091,40 @@ __decorate([
|
|
|
9872
10091
|
SgdsMainnav = __decorate([
|
|
9873
10092
|
e$9("sgds-mainnav")
|
|
9874
10093
|
], SgdsMainnav);
|
|
9875
|
-
var Component$
|
|
10094
|
+
var Component$h = SgdsMainnav;
|
|
9876
10095
|
|
|
9877
|
-
var index$
|
|
10096
|
+
var index$h = react.createComponent({
|
|
9878
10097
|
react: React__namespace,
|
|
9879
10098
|
tagName: "sgds-mainnav",
|
|
9880
|
-
elementClass: Component$
|
|
10099
|
+
elementClass: Component$h,
|
|
9881
10100
|
events: {}
|
|
9882
10101
|
});
|
|
9883
10102
|
|
|
9884
|
-
var css_248z$
|
|
10103
|
+
var css_248z$g = i$2`: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}}`;
|
|
9885
10104
|
|
|
10105
|
+
/**
|
|
10106
|
+
* @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.
|
|
10107
|
+
*
|
|
10108
|
+
* @cssproperty --masthead-font-family - Sets font family for masthead
|
|
10109
|
+
* @cssproperty --masthead-text-color - Sets overall text color
|
|
10110
|
+
* @cssproperty --masthead-link-color - Sets link color for `How to identify?` and `Trusted Site`
|
|
10111
|
+
* @cssproperty --masthead-link-color-hover - Sets link hover color for `How to identify?` and `Trusted Site`
|
|
10112
|
+
* @cssproperty --masthead-mobile-font-size - Sets the padding left and right for viewport width 1024px and below
|
|
10113
|
+
* @cssproperty --masthead-mobile-padding-x - Sets the font size for viewport width 1024px and below
|
|
10114
|
+
* @cssproperty --masthead-fluid-padding-x - Sets the container-fluid padding left and right for viewport width 1024px and above
|
|
10115
|
+
* @cssproperty --masthead-crest-color - Sets the lion head crest color.
|
|
10116
|
+
*/
|
|
9886
10117
|
let SgdsMasthead = class SgdsMasthead extends SgdsElement {
|
|
9887
10118
|
constructor() {
|
|
9888
10119
|
super(...arguments);
|
|
10120
|
+
/**
|
|
10121
|
+
* Sets the masthead container width to 100% for all breakpoints
|
|
10122
|
+
*/
|
|
9889
10123
|
this.fluid = false;
|
|
10124
|
+
/** @internal */
|
|
9890
10125
|
this.toggleVisibility = false;
|
|
9891
10126
|
}
|
|
10127
|
+
/** @internal */
|
|
9892
10128
|
_toggleVisibility() {
|
|
9893
10129
|
this.toggleVisibility = !this.toggleVisibility;
|
|
9894
10130
|
}
|
|
@@ -10050,7 +10286,7 @@ let SgdsMasthead = class SgdsMasthead extends SgdsElement {
|
|
|
10050
10286
|
`;
|
|
10051
10287
|
}
|
|
10052
10288
|
};
|
|
10053
|
-
SgdsMasthead.styles = [SgdsElement.styles, css_248z$
|
|
10289
|
+
SgdsMasthead.styles = [SgdsElement.styles, css_248z$g];
|
|
10054
10290
|
__decorate([
|
|
10055
10291
|
e$8({ type: Boolean, reflect: true })
|
|
10056
10292
|
], SgdsMasthead.prototype, "fluid", void 0);
|
|
@@ -10060,12 +10296,12 @@ __decorate([
|
|
|
10060
10296
|
SgdsMasthead = __decorate([
|
|
10061
10297
|
e$9("sgds-masthead")
|
|
10062
10298
|
], SgdsMasthead);
|
|
10063
|
-
var Component$
|
|
10299
|
+
var Component$g = SgdsMasthead;
|
|
10064
10300
|
|
|
10065
|
-
var index$
|
|
10301
|
+
var index$g = react.createComponent({
|
|
10066
10302
|
react: React__namespace,
|
|
10067
10303
|
tagName: "sgds-masthead",
|
|
10068
|
-
elementClass: Component$
|
|
10304
|
+
elementClass: Component$g,
|
|
10069
10305
|
events: {}
|
|
10070
10306
|
});
|
|
10071
10307
|
|
|
@@ -10290,7 +10526,7 @@ class HasSlotController {
|
|
|
10290
10526
|
}
|
|
10291
10527
|
}
|
|
10292
10528
|
|
|
10293
|
-
var css_248z$
|
|
10529
|
+
var css_248z$f = i$2`:host{--sgds-modal-width:35rem;--sgds-modal-z-index:1055;--sgds-modal-padding:1.5rem;--sgds-modal-border-radius:5px;--sgds-modal-border-width:1px;--sgds-modal-overlay-color:rgba(0,0,0,.5);display:contents}[hidden]{display:none!important}.modal{align-items:center;bottom:0;display:flex;font-family:var(--sgds-body-font-family);justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1050}.modal-panel{background-color:#fff;border-radius:var(--sgds-modal-border-radius);display:flex;flex-direction:column;max-height:calc(100% - 2.25rem);max-width:calc(100% - 2.25rem);width:var(--sgds-modal-width);z-index:var(--sgds-modal-z-index)}.modal-panel:focus{outline:none}@media screen and (max-width:420px){.modal-panel{max-height:80vh}}.modal--open .modal-panel{display:flex;opacity:1;transform:none}.modal-header{align-items:center;border-bottom:var(--sgds-modal-border-width) solid var(--sgds-gray-400,#98a2b3);display:flex;flex:0 0 auto;font-size:calc(1.275rem + .3vw);font-weight:700;line-height:1.33;margin-bottom:.5rem;margin-top:0;padding:var(--sgds-modal-padding)}.modal-header.centered{border-bottom:0;margin-bottom:0;padding-bottom:0}.modal-title{flex:1 1 auto;gap:1rem;margin:0}.modal-title.centered{flex-direction:column;justify-content:center;margin-left:3rem;text-align:center}.modal-close{align-items:center;display:flex;flex:0 0 auto}.modal-close.centered{align-self:flex-start;margin-top:-.5rem}.modal-body{-webkit-overflow-scrolling:touch;flex:1 1 auto;overflow:auto}.modal-body,.modal-footer{padding:var(--sgds-modal-padding)}.modal-footer{flex:0 0 auto;padding-top:0;text-align:right}.modal-footer.centered{text-align:center}.modal-footer ::slotted(sgds-button){margin-inline-start:.5rem}.modal:not(.modal--has-footer) .modal-footer{display:none}.modal-overlay{background-color:var(--sgds-modal-overlay-color);bottom:0;left:0;position:fixed;right:0;top:0}`;
|
|
10294
10530
|
|
|
10295
10531
|
let SgdsModal = class SgdsModal extends SgdsElement {
|
|
10296
10532
|
constructor() {
|
|
@@ -10513,7 +10749,7 @@ let SgdsModal = class SgdsModal extends SgdsElement {
|
|
|
10513
10749
|
`;
|
|
10514
10750
|
}
|
|
10515
10751
|
};
|
|
10516
|
-
SgdsModal.styles = [SgdsElement.styles, css_248z$
|
|
10752
|
+
SgdsModal.styles = [SgdsElement.styles, css_248z$f];
|
|
10517
10753
|
__decorate([
|
|
10518
10754
|
i$3(".modal")
|
|
10519
10755
|
], SgdsModal.prototype, "dialog", void 0);
|
|
@@ -10567,54 +10803,74 @@ setDefaultAnimation("modal.overlay.hide", {
|
|
|
10567
10803
|
keyframes: [{ opacity: 1 }, { opacity: 0 }],
|
|
10568
10804
|
options: { duration: 250 }
|
|
10569
10805
|
});
|
|
10570
|
-
var Component$
|
|
10806
|
+
var Component$f = SgdsModal;
|
|
10571
10807
|
|
|
10572
|
-
var index$
|
|
10808
|
+
var index$f = react.createComponent({
|
|
10573
10809
|
react: React__namespace,
|
|
10574
10810
|
tagName: "sgds-modal",
|
|
10575
|
-
elementClass: Component$
|
|
10811
|
+
elementClass: Component$f,
|
|
10576
10812
|
events: {}
|
|
10577
10813
|
});
|
|
10578
10814
|
|
|
10579
|
-
var css_248z$
|
|
10815
|
+
var css_248z$e = i$2``;
|
|
10580
10816
|
|
|
10817
|
+
/**
|
|
10818
|
+
* @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.
|
|
10819
|
+
*
|
|
10820
|
+
* @csspart base - The base wrapper of the quantity toggle component.
|
|
10821
|
+
* @csspart button - The plus and minus button of quantity toggle
|
|
10822
|
+
*
|
|
10823
|
+
* @event sgds-change - Emitted when an alteration to the control's value is committed by the user.
|
|
10824
|
+
* @event sgds-input - Emitted when the control receives input and its value changes.
|
|
10825
|
+
*
|
|
10826
|
+
*/
|
|
10581
10827
|
let SgdsQuantityToggle = class SgdsQuantityToggle extends SgdsElement {
|
|
10582
10828
|
constructor() {
|
|
10583
10829
|
super(...arguments);
|
|
10584
|
-
|
|
10830
|
+
/**@internal */
|
|
10831
|
+
this.formSubmitController = new FormSubmitController(this);
|
|
10832
|
+
/**Controls the size of the quantity toggle */
|
|
10585
10833
|
this.size = "sm";
|
|
10834
|
+
/**The input's value. Set to 0 by default */
|
|
10835
|
+
this.value = 0;
|
|
10836
|
+
/** Disables the entire quantity toggle */
|
|
10586
10837
|
this.disabled = false;
|
|
10838
|
+
/** The quantity toggle's button variants */
|
|
10839
|
+
this.buttonVariant = "primary";
|
|
10587
10840
|
/**
|
|
10588
|
-
*
|
|
10589
|
-
* implied, allowing any numeric value.
|
|
10841
|
+
* Controls the incremental / decremental value of the input
|
|
10590
10842
|
*/
|
|
10591
10843
|
this.step = 1;
|
|
10592
10844
|
/** 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. */
|
|
10593
|
-
this.defaultValue =
|
|
10845
|
+
this.defaultValue = 0;
|
|
10846
|
+
/** @internal The id forwarded to input element */
|
|
10847
|
+
this.inputId = genId("quantity-toggle", "input");
|
|
10594
10848
|
}
|
|
10595
10849
|
handleChange(event) {
|
|
10850
|
+
this.value = parseInt(this.input.value);
|
|
10596
10851
|
this.emit(event);
|
|
10597
|
-
|
|
10852
|
+
}
|
|
10853
|
+
/** Simulates a click on the plus button */
|
|
10854
|
+
plus() {
|
|
10855
|
+
this.plusBtn.click();
|
|
10856
|
+
}
|
|
10857
|
+
/** Simulates a click on the minus button */
|
|
10858
|
+
minus() {
|
|
10859
|
+
this.minusBtn.click();
|
|
10598
10860
|
}
|
|
10599
10861
|
onPlus(event) {
|
|
10600
|
-
|
|
10601
|
-
|
|
10602
|
-
|
|
10603
|
-
return;
|
|
10604
|
-
}
|
|
10605
|
-
this.count = parseInt(this.input.value) + parseInt(this.input.step);
|
|
10862
|
+
event.preventDefault();
|
|
10863
|
+
event.stopPropagation();
|
|
10864
|
+
this.value = parseInt(this.input.value) + parseInt(this.input.step);
|
|
10606
10865
|
}
|
|
10607
10866
|
onMinus(event) {
|
|
10608
|
-
|
|
10609
|
-
|
|
10610
|
-
|
|
10611
|
-
|
|
10612
|
-
}
|
|
10613
|
-
if (this.count < this.step) {
|
|
10614
|
-
this.count = 0;
|
|
10867
|
+
event.preventDefault();
|
|
10868
|
+
event.stopPropagation();
|
|
10869
|
+
if (this.value < this.step) {
|
|
10870
|
+
this.value = 0;
|
|
10615
10871
|
}
|
|
10616
10872
|
else {
|
|
10617
|
-
this.
|
|
10873
|
+
this.value = parseInt(this.input.value) - parseInt(this.input.step);
|
|
10618
10874
|
}
|
|
10619
10875
|
}
|
|
10620
10876
|
render() {
|
|
@@ -10625,22 +10881,33 @@ let SgdsQuantityToggle = class SgdsQuantityToggle extends SgdsElement {
|
|
|
10625
10881
|
sgds: true,
|
|
10626
10882
|
disabled: this.disabled,
|
|
10627
10883
|
"input-group": true,
|
|
10628
|
-
[
|
|
10884
|
+
[`input-group-${this.size}`]: this.size
|
|
10629
10885
|
})}"
|
|
10630
10886
|
variant="quantity-toggle"
|
|
10631
|
-
id=${this.quantToggleId}
|
|
10632
10887
|
size=${this.size}
|
|
10633
10888
|
>
|
|
10634
|
-
<
|
|
10889
|
+
<button
|
|
10890
|
+
aria-label="minus-button"
|
|
10635
10891
|
part="button"
|
|
10636
|
-
|
|
10637
|
-
|
|
10638
|
-
|
|
10892
|
+
class=${o$9({
|
|
10893
|
+
sgds: true,
|
|
10894
|
+
btn: true,
|
|
10895
|
+
[`btn-${this.buttonVariant}`]: this.buttonVariant
|
|
10896
|
+
})}
|
|
10639
10897
|
@click=${this.onMinus}
|
|
10640
10898
|
?disabled=${this.disabled}
|
|
10641
10899
|
>
|
|
10642
|
-
<
|
|
10643
|
-
|
|
10900
|
+
<svg
|
|
10901
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
10902
|
+
width="16"
|
|
10903
|
+
height="16"
|
|
10904
|
+
fill="currentColor"
|
|
10905
|
+
class="bi bi-dash"
|
|
10906
|
+
viewBox="0 0 16 16"
|
|
10907
|
+
>
|
|
10908
|
+
<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" />
|
|
10909
|
+
</svg>
|
|
10910
|
+
</button>
|
|
10644
10911
|
<input
|
|
10645
10912
|
type="number"
|
|
10646
10913
|
class="form-control ${"form-control-" + this.size} text-center"
|
|
@@ -10648,110 +10915,128 @@ let SgdsQuantityToggle = class SgdsQuantityToggle extends SgdsElement {
|
|
|
10648
10915
|
step=${l$1(this.step)}
|
|
10649
10916
|
min=${l$1(this.min)}
|
|
10650
10917
|
max=${l$1(this.max)}
|
|
10651
|
-
.value=${l(this.
|
|
10918
|
+
.value=${l(this.value)}
|
|
10652
10919
|
@change=${() => this.handleChange("sgds-change")}
|
|
10653
10920
|
@input=${() => this.handleChange("sgds-input")}
|
|
10654
10921
|
?disabled=${this.disabled}
|
|
10922
|
+
id=${this.inputId}
|
|
10655
10923
|
/>
|
|
10656
|
-
<
|
|
10924
|
+
<button
|
|
10925
|
+
aria-label="plus-button"
|
|
10657
10926
|
part="button"
|
|
10658
|
-
|
|
10659
|
-
|
|
10660
|
-
|
|
10927
|
+
class=${o$9({
|
|
10928
|
+
sgds: true,
|
|
10929
|
+
btn: true,
|
|
10930
|
+
[`btn-${this.buttonVariant}`]: this.buttonVariant
|
|
10931
|
+
})}
|
|
10661
10932
|
@click=${this.onPlus}
|
|
10662
10933
|
?disabled=${this.disabled}
|
|
10663
10934
|
>
|
|
10664
|
-
<
|
|
10665
|
-
|
|
10935
|
+
<svg
|
|
10936
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
10937
|
+
width="16"
|
|
10938
|
+
height="16"
|
|
10939
|
+
fill="currentColor"
|
|
10940
|
+
class="bi bi-plus"
|
|
10941
|
+
viewBox="0 0 16 16"
|
|
10942
|
+
>
|
|
10943
|
+
<path
|
|
10944
|
+
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"
|
|
10945
|
+
/>
|
|
10946
|
+
</svg>
|
|
10947
|
+
</button>
|
|
10666
10948
|
</div>
|
|
10667
10949
|
`;
|
|
10668
10950
|
}
|
|
10669
10951
|
};
|
|
10670
|
-
SgdsQuantityToggle.styles = [SgdsElement.styles, css_248z$
|
|
10952
|
+
SgdsQuantityToggle.styles = [SgdsElement.styles, css_248z$e];
|
|
10671
10953
|
__decorate([
|
|
10672
10954
|
i$3("input.form-control")
|
|
10673
10955
|
], SgdsQuantityToggle.prototype, "input", void 0);
|
|
10674
10956
|
__decorate([
|
|
10675
|
-
i$3("
|
|
10676
|
-
], SgdsQuantityToggle.prototype, "
|
|
10957
|
+
i$3("button[aria-label=plus-button]")
|
|
10958
|
+
], SgdsQuantityToggle.prototype, "plusBtn", void 0);
|
|
10677
10959
|
__decorate([
|
|
10678
|
-
i$3("
|
|
10679
|
-
], SgdsQuantityToggle.prototype, "
|
|
10680
|
-
__decorate([
|
|
10681
|
-
e$8({ reflect: true, type: String })
|
|
10682
|
-
], SgdsQuantityToggle.prototype, "quantToggleId", void 0);
|
|
10960
|
+
i$3("button[aria-label=minus-button]")
|
|
10961
|
+
], SgdsQuantityToggle.prototype, "minusBtn", void 0);
|
|
10683
10962
|
__decorate([
|
|
10684
10963
|
e$8({ reflect: true })
|
|
10685
10964
|
], SgdsQuantityToggle.prototype, "name", void 0);
|
|
10686
10965
|
__decorate([
|
|
10687
|
-
e$8()
|
|
10966
|
+
e$8({ type: Number, reflect: true })
|
|
10688
10967
|
], SgdsQuantityToggle.prototype, "min", void 0);
|
|
10689
10968
|
__decorate([
|
|
10690
|
-
e$8()
|
|
10969
|
+
e$8({ type: Number, reflect: true })
|
|
10691
10970
|
], SgdsQuantityToggle.prototype, "max", void 0);
|
|
10692
10971
|
__decorate([
|
|
10693
10972
|
e$8()
|
|
10694
10973
|
], SgdsQuantityToggle.prototype, "size", void 0);
|
|
10695
10974
|
__decorate([
|
|
10696
10975
|
e$8({ reflect: true, type: Number })
|
|
10697
|
-
], SgdsQuantityToggle.prototype, "
|
|
10976
|
+
], SgdsQuantityToggle.prototype, "value", void 0);
|
|
10698
10977
|
__decorate([
|
|
10699
10978
|
e$8({ type: Boolean, reflect: true })
|
|
10700
10979
|
], SgdsQuantityToggle.prototype, "disabled", void 0);
|
|
10701
10980
|
__decorate([
|
|
10702
|
-
e$8({ reflect: true })
|
|
10703
|
-
], SgdsQuantityToggle.prototype, "
|
|
10981
|
+
e$8({ type: String, reflect: true })
|
|
10982
|
+
], SgdsQuantityToggle.prototype, "buttonVariant", void 0);
|
|
10704
10983
|
__decorate([
|
|
10705
|
-
e$8()
|
|
10984
|
+
e$8({ type: Number, reflect: true })
|
|
10706
10985
|
], SgdsQuantityToggle.prototype, "step", void 0);
|
|
10707
10986
|
__decorate([
|
|
10708
10987
|
defaultValue()
|
|
10709
10988
|
], SgdsQuantityToggle.prototype, "defaultValue", void 0);
|
|
10710
|
-
__decorate([
|
|
10711
|
-
watch("count", { waitUntilFirstUpdate: true })
|
|
10712
|
-
], SgdsQuantityToggle.prototype, "render", null);
|
|
10713
10989
|
SgdsQuantityToggle = __decorate([
|
|
10714
10990
|
e$9("sgds-quantity-toggle")
|
|
10715
10991
|
], SgdsQuantityToggle);
|
|
10716
|
-
var Component$
|
|
10992
|
+
var Component$e = SgdsQuantityToggle;
|
|
10717
10993
|
|
|
10718
|
-
var index$
|
|
10994
|
+
var index$e = react.createComponent({
|
|
10719
10995
|
react: React__namespace,
|
|
10720
10996
|
tagName: "sgds-quantity-toggle",
|
|
10721
|
-
elementClass: Component$
|
|
10722
|
-
events: {
|
|
10997
|
+
elementClass: Component$e,
|
|
10998
|
+
events: {
|
|
10999
|
+
onSgdsChange: "sgds-change",
|
|
11000
|
+
onSgdsInput: "sgds-input"
|
|
11001
|
+
}
|
|
10723
11002
|
});
|
|
10724
11003
|
|
|
10725
|
-
var css_248z$
|
|
11004
|
+
var css_248z$d = i$2``;
|
|
10726
11005
|
|
|
11006
|
+
/**
|
|
11007
|
+
* @summary RadioGroup group multiple radios so they function as a single form control.
|
|
11008
|
+
*
|
|
11009
|
+
* @slot default - The default slot where sgds-radio are placed.
|
|
11010
|
+
*
|
|
11011
|
+
* @event sgds-change - Emitted when the radio group's selected value changes.
|
|
11012
|
+
*/
|
|
10727
11013
|
let SgdsRadioGroup = class SgdsRadioGroup extends SgdsElement {
|
|
10728
11014
|
constructor() {
|
|
10729
11015
|
super(...arguments);
|
|
11016
|
+
/**@internal */
|
|
10730
11017
|
this.formSubmitController = new FormSubmitController(this, {
|
|
10731
11018
|
defaultValue: (control) => control.defaultValue
|
|
10732
11019
|
});
|
|
11020
|
+
/**@internal */
|
|
10733
11021
|
this.defaultValue = "";
|
|
11022
|
+
/**@internal */
|
|
10734
11023
|
this.customErrorMessage = "";
|
|
10735
|
-
/**
|
|
10736
|
-
|
|
10737
|
-
* instead.
|
|
10738
|
-
*/
|
|
10739
|
-
this.label = "";
|
|
11024
|
+
/** @internal This will be true when the control is in an invalid state. */
|
|
11025
|
+
this.invalid = false;
|
|
10740
11026
|
/** The selected value of the control. */
|
|
10741
11027
|
this.value = "";
|
|
10742
11028
|
/** The name assigned to the radio controls. */
|
|
10743
11029
|
this.name = "option";
|
|
10744
11030
|
/** Ensures a child radio is checked before allowing the containing form to submit. */
|
|
10745
11031
|
this.required = false;
|
|
10746
|
-
/**
|
|
10747
|
-
|
|
10748
|
-
|
|
10749
|
-
this.
|
|
10750
|
-
this.invalidFeedback = "default feedback";
|
|
11032
|
+
/**Feedback text for error state when validated */
|
|
11033
|
+
this.invalidFeedback = "";
|
|
11034
|
+
/** Allows invalidFeedback, invalid and valid styles to be visible with the input */
|
|
11035
|
+
this.hasFeedback = false;
|
|
10751
11036
|
}
|
|
10752
11037
|
handleValueChange() {
|
|
10753
11038
|
if (this.hasUpdated) {
|
|
10754
|
-
this.emit("sgds-change");
|
|
11039
|
+
this.emit("sgds-change", { detail: { value: this.value } });
|
|
10755
11040
|
this.updateCheckedRadio();
|
|
10756
11041
|
}
|
|
10757
11042
|
}
|
|
@@ -10759,6 +11044,7 @@ let SgdsRadioGroup = class SgdsRadioGroup extends SgdsElement {
|
|
|
10759
11044
|
super.connectedCallback();
|
|
10760
11045
|
this.defaultValue = this.value;
|
|
10761
11046
|
}
|
|
11047
|
+
/** Gets and return the ValidityState object. */
|
|
10762
11048
|
get validity() {
|
|
10763
11049
|
const hasMissingData = !((this.value && this.required) || !this.required);
|
|
10764
11050
|
const hasCustomError = this.customErrorMessage !== "";
|
|
@@ -10787,17 +11073,13 @@ let SgdsRadioGroup = class SgdsRadioGroup extends SgdsElement {
|
|
|
10787
11073
|
}
|
|
10788
11074
|
return !this.invalid;
|
|
10789
11075
|
}
|
|
10790
|
-
getAllRadios() {
|
|
10791
|
-
//FIXME: too specific selector , this will not work if its on dev console design system
|
|
10792
|
-
return [...this.querySelectorAll("sgds-radio")];
|
|
10793
|
-
}
|
|
10794
11076
|
handleRadioClick(event) {
|
|
10795
11077
|
const target = event.target;
|
|
10796
11078
|
if (target.disabled) {
|
|
10797
11079
|
return;
|
|
10798
11080
|
}
|
|
10799
11081
|
this.value = target.value;
|
|
10800
|
-
const radios = this.
|
|
11082
|
+
const radios = this._radios;
|
|
10801
11083
|
radios.forEach(radio => (radio.checked = radio === target));
|
|
10802
11084
|
}
|
|
10803
11085
|
handleKeyDown(event) {
|
|
@@ -10805,7 +11087,7 @@ let SgdsRadioGroup = class SgdsRadioGroup extends SgdsElement {
|
|
|
10805
11087
|
if (!["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight", " "].includes(event.key)) {
|
|
10806
11088
|
return;
|
|
10807
11089
|
}
|
|
10808
|
-
const radios = this.
|
|
11090
|
+
const radios = this._radios.filter(radio => !radio.disabled);
|
|
10809
11091
|
const checkedRadio = (_a = radios.find(radio => radio.checked)) !== null && _a !== void 0 ? _a : radios[0];
|
|
10810
11092
|
//if eventkey is space, index increment is 0, if eventkey arrowup/arrowleft, index is -1, arrowright/arrowdown, index incr is 1
|
|
10811
11093
|
const incr = event.key === " " ? 0 : ["ArrowUp", "ArrowLeft"].includes(event.key) ? -1 : 1;
|
|
@@ -10816,7 +11098,7 @@ let SgdsRadioGroup = class SgdsRadioGroup extends SgdsElement {
|
|
|
10816
11098
|
if (index > radios.length - 1) {
|
|
10817
11099
|
index = 0;
|
|
10818
11100
|
}
|
|
10819
|
-
this.
|
|
11101
|
+
this._radios.forEach(radio => {
|
|
10820
11102
|
radio.checked = false;
|
|
10821
11103
|
radio.tabIndex = -1;
|
|
10822
11104
|
});
|
|
@@ -10827,7 +11109,7 @@ let SgdsRadioGroup = class SgdsRadioGroup extends SgdsElement {
|
|
|
10827
11109
|
event.preventDefault();
|
|
10828
11110
|
}
|
|
10829
11111
|
handleLabelClick() {
|
|
10830
|
-
const radios = this.
|
|
11112
|
+
const radios = this._radios;
|
|
10831
11113
|
const checked = radios.find(radio => radio.checked);
|
|
10832
11114
|
const radioToFocus = checked || radios[0];
|
|
10833
11115
|
// Move focus to the checked radio (or the first one if none are checked) when clicking the label
|
|
@@ -10836,14 +11118,15 @@ let SgdsRadioGroup = class SgdsRadioGroup extends SgdsElement {
|
|
|
10836
11118
|
}
|
|
10837
11119
|
}
|
|
10838
11120
|
handleSlotChange() {
|
|
10839
|
-
const radios = this.
|
|
11121
|
+
const radios = this._radios;
|
|
10840
11122
|
radios.forEach(radio => (radio.checked = radio.value === this.value));
|
|
10841
11123
|
if (!radios.some(radio => radio.checked)) {
|
|
10842
11124
|
if (radios[0])
|
|
10843
11125
|
radios[0].tabIndex = 0;
|
|
10844
11126
|
}
|
|
10845
11127
|
}
|
|
10846
|
-
handleInvalid() {
|
|
11128
|
+
handleInvalid(e) {
|
|
11129
|
+
e.preventDefault();
|
|
10847
11130
|
this.invalid = true;
|
|
10848
11131
|
}
|
|
10849
11132
|
showNativeErrorMessage() {
|
|
@@ -10852,7 +11135,7 @@ let SgdsRadioGroup = class SgdsRadioGroup extends SgdsElement {
|
|
|
10852
11135
|
setTimeout(() => (this.input.hidden = true), 10000);
|
|
10853
11136
|
}
|
|
10854
11137
|
updateCheckedRadio() {
|
|
10855
|
-
const radios = this.
|
|
11138
|
+
const radios = this._radios;
|
|
10856
11139
|
radios.forEach(radio => (radio.checked = radio.value === this.value));
|
|
10857
11140
|
this.invalid = !this.validity.valid;
|
|
10858
11141
|
}
|
|
@@ -10868,28 +11151,27 @@ let SgdsRadioGroup = class SgdsRadioGroup extends SgdsElement {
|
|
|
10868
11151
|
</div>
|
|
10869
11152
|
`;
|
|
10870
11153
|
return x `
|
|
10871
|
-
<fieldset role="radio-group"
|
|
10872
|
-
<label @click=${this.handleLabelClick} class="form-label"
|
|
10873
|
-
<slot name="label"
|
|
11154
|
+
<fieldset role="radio-group" name=${this.name}>
|
|
11155
|
+
<label @click=${this.handleLabelClick} class="form-label">
|
|
11156
|
+
<slot name="label"></slot>
|
|
10874
11157
|
</label>
|
|
10875
11158
|
${defaultSlot}
|
|
10876
11159
|
<input
|
|
10877
|
-
part="control"
|
|
10878
11160
|
type="text"
|
|
10879
11161
|
class="radio-group__validation-input visually-hidden ${o$9({
|
|
10880
|
-
"is-invalid": this.invalid
|
|
11162
|
+
"is-invalid": this.hasFeedback && this.invalid
|
|
10881
11163
|
})}"
|
|
10882
11164
|
?required=${this.required}
|
|
10883
11165
|
tabindex="-1"
|
|
10884
|
-
@invalid=${this.handleInvalid}
|
|
11166
|
+
@invalid=${(e) => this.handleInvalid(e)}
|
|
10885
11167
|
hidden
|
|
10886
11168
|
/>
|
|
10887
|
-
|
|
11169
|
+
${this.hasFeedback ? x `<div class="invalid-feedback">${this.invalidFeedback}</div>` : ""}
|
|
10888
11170
|
</fieldset>
|
|
10889
11171
|
`;
|
|
10890
11172
|
}
|
|
10891
11173
|
};
|
|
10892
|
-
SgdsRadioGroup.styles = [SgdsElement.styles, css_248z$
|
|
11174
|
+
SgdsRadioGroup.styles = [SgdsElement.styles, css_248z$d];
|
|
10893
11175
|
__decorate([
|
|
10894
11176
|
i$3("slot:not([name])")
|
|
10895
11177
|
], SgdsRadioGroup.prototype, "defaultSlot", void 0);
|
|
@@ -10903,8 +11185,8 @@ __decorate([
|
|
|
10903
11185
|
t$3()
|
|
10904
11186
|
], SgdsRadioGroup.prototype, "customErrorMessage", void 0);
|
|
10905
11187
|
__decorate([
|
|
10906
|
-
|
|
10907
|
-
], SgdsRadioGroup.prototype, "
|
|
11188
|
+
t$3()
|
|
11189
|
+
], SgdsRadioGroup.prototype, "invalid", void 0);
|
|
10908
11190
|
__decorate([
|
|
10909
11191
|
e$8({ reflect: true })
|
|
10910
11192
|
], SgdsRadioGroup.prototype, "value", void 0);
|
|
@@ -10914,42 +11196,56 @@ __decorate([
|
|
|
10914
11196
|
__decorate([
|
|
10915
11197
|
e$8({ type: Boolean, reflect: true })
|
|
10916
11198
|
], SgdsRadioGroup.prototype, "required", void 0);
|
|
10917
|
-
__decorate([
|
|
10918
|
-
e$8({ type: Boolean, reflect: true })
|
|
10919
|
-
], SgdsRadioGroup.prototype, "invalid", void 0);
|
|
10920
11199
|
__decorate([
|
|
10921
11200
|
e$8({ type: String, reflect: true })
|
|
10922
11201
|
], SgdsRadioGroup.prototype, "invalidFeedback", void 0);
|
|
11202
|
+
__decorate([
|
|
11203
|
+
e$8({ type: Boolean, reflect: true })
|
|
11204
|
+
], SgdsRadioGroup.prototype, "hasFeedback", void 0);
|
|
10923
11205
|
__decorate([
|
|
10924
11206
|
watch("value")
|
|
10925
11207
|
], SgdsRadioGroup.prototype, "handleValueChange", null);
|
|
11208
|
+
__decorate([
|
|
11209
|
+
l$7()
|
|
11210
|
+
], SgdsRadioGroup.prototype, "_radios", void 0);
|
|
10926
11211
|
SgdsRadioGroup = __decorate([
|
|
10927
11212
|
e$9("sgds-radio-group")
|
|
10928
11213
|
], SgdsRadioGroup);
|
|
10929
|
-
var Component$
|
|
11214
|
+
var Component$d = SgdsRadioGroup;
|
|
10930
11215
|
|
|
10931
|
-
var index$
|
|
11216
|
+
var index$d = react.createComponent({
|
|
10932
11217
|
react: React__namespace,
|
|
10933
11218
|
tagName: "sgds-radio-group",
|
|
10934
|
-
elementClass: Component$
|
|
10935
|
-
events: {
|
|
11219
|
+
elementClass: Component$d,
|
|
11220
|
+
events: {
|
|
11221
|
+
onSgdsChange: "sgds-change"
|
|
11222
|
+
}
|
|
10936
11223
|
});
|
|
10937
11224
|
|
|
10938
|
-
var css_248z$
|
|
11225
|
+
var css_248z$c = i$2``;
|
|
10939
11226
|
|
|
11227
|
+
/**
|
|
11228
|
+
* @summary Radio allows the user to select one option from a set while seeing all available options.
|
|
11229
|
+
*
|
|
11230
|
+
* @slot default - The label of the radio button
|
|
11231
|
+
*
|
|
11232
|
+
* @event sgds-focus - Emitted when the control gains focus.
|
|
11233
|
+
* @event sgds-blur - Emitted when the control loses focus.
|
|
11234
|
+
*/
|
|
10940
11235
|
let SgdsRadio = class SgdsRadio extends SgdsElement {
|
|
10941
11236
|
constructor() {
|
|
10942
11237
|
super(...arguments);
|
|
11238
|
+
/**
|
|
11239
|
+
* Draws the radio in a checked state
|
|
11240
|
+
*/
|
|
10943
11241
|
this.checked = false;
|
|
10944
|
-
this.hasFocus = false;
|
|
10945
|
-
/** For id/for pair of the HTML form control. */
|
|
10946
|
-
this.radioId = genId("radio");
|
|
10947
11242
|
/** Disables the radio. */
|
|
10948
11243
|
this.disabled = false;
|
|
10949
11244
|
/** Aligns the radios horizontally */
|
|
10950
11245
|
this.isInline = false;
|
|
10951
11246
|
/** For aria-label */
|
|
10952
11247
|
this.ariaLabel = "";
|
|
11248
|
+
this.radioId = genId("radio");
|
|
10953
11249
|
}
|
|
10954
11250
|
connectedCallback() {
|
|
10955
11251
|
super.connectedCallback();
|
|
@@ -10964,7 +11260,6 @@ let SgdsRadio = class SgdsRadio extends SgdsElement {
|
|
|
10964
11260
|
this.setAttribute("aria-disabled", this.disabled ? "true" : "false");
|
|
10965
11261
|
}
|
|
10966
11262
|
handleBlur() {
|
|
10967
|
-
this.hasFocus = false;
|
|
10968
11263
|
this.emit("sgds-blur");
|
|
10969
11264
|
}
|
|
10970
11265
|
handleClick() {
|
|
@@ -10973,7 +11268,6 @@ let SgdsRadio = class SgdsRadio extends SgdsElement {
|
|
|
10973
11268
|
}
|
|
10974
11269
|
}
|
|
10975
11270
|
handleFocus() {
|
|
10976
|
-
this.hasFocus = true;
|
|
10977
11271
|
this.emit("sgds-focus");
|
|
10978
11272
|
}
|
|
10979
11273
|
addEventListeners() {
|
|
@@ -10989,14 +11283,12 @@ let SgdsRadio = class SgdsRadio extends SgdsElement {
|
|
|
10989
11283
|
render() {
|
|
10990
11284
|
return x `
|
|
10991
11285
|
<div
|
|
10992
|
-
part="base"
|
|
10993
11286
|
class=${o$9({
|
|
10994
11287
|
"form-check": true,
|
|
10995
11288
|
"form-check-inline": this.isInline
|
|
10996
11289
|
})}
|
|
10997
11290
|
>
|
|
10998
11291
|
<input
|
|
10999
|
-
part="control"
|
|
11000
11292
|
class=${o$9({
|
|
11001
11293
|
"form-check-input": true
|
|
11002
11294
|
})}
|
|
@@ -11009,30 +11301,20 @@ let SgdsRadio = class SgdsRadio extends SgdsElement {
|
|
|
11009
11301
|
aria-checked=${this.checked ? "true" : "false"}
|
|
11010
11302
|
@click=${this.handleClick}
|
|
11011
11303
|
/>
|
|
11012
|
-
<label
|
|
11013
|
-
part="label"
|
|
11014
|
-
for="${l$1(this.radioId)}"
|
|
11015
|
-
aria-label=${l$1(this.ariaLabel)}
|
|
11016
|
-
class="form-check-label"
|
|
11304
|
+
<label for="${l$1(this.radioId)}" aria-label=${l$1(this.ariaLabel)} class="form-check-label"
|
|
11017
11305
|
><slot></slot
|
|
11018
11306
|
></label>
|
|
11019
11307
|
</div>
|
|
11020
11308
|
`;
|
|
11021
11309
|
}
|
|
11022
11310
|
};
|
|
11023
|
-
SgdsRadio.styles = [SgdsElement.styles, css_248z$
|
|
11311
|
+
SgdsRadio.styles = [SgdsElement.styles, css_248z$c];
|
|
11024
11312
|
__decorate([
|
|
11025
|
-
|
|
11313
|
+
e$8({ type: Boolean, reflect: true })
|
|
11026
11314
|
], SgdsRadio.prototype, "checked", void 0);
|
|
11027
|
-
__decorate([
|
|
11028
|
-
t$3()
|
|
11029
|
-
], SgdsRadio.prototype, "hasFocus", void 0);
|
|
11030
11315
|
__decorate([
|
|
11031
11316
|
e$8()
|
|
11032
11317
|
], SgdsRadio.prototype, "value", void 0);
|
|
11033
|
-
__decorate([
|
|
11034
|
-
e$8({ type: String, reflect: true })
|
|
11035
|
-
], SgdsRadio.prototype, "radioId", void 0);
|
|
11036
11318
|
__decorate([
|
|
11037
11319
|
e$8({ type: Boolean, reflect: true })
|
|
11038
11320
|
], SgdsRadio.prototype, "disabled", void 0);
|
|
@@ -11051,16 +11333,19 @@ __decorate([
|
|
|
11051
11333
|
SgdsRadio = __decorate([
|
|
11052
11334
|
e$9("sgds-radio")
|
|
11053
11335
|
], SgdsRadio);
|
|
11054
|
-
var Component$
|
|
11336
|
+
var Component$c = SgdsRadio;
|
|
11055
11337
|
|
|
11056
|
-
var index$
|
|
11338
|
+
var index$c = react.createComponent({
|
|
11057
11339
|
react: React__namespace,
|
|
11058
11340
|
tagName: "sgds-radio",
|
|
11059
|
-
elementClass: Component$
|
|
11060
|
-
events: {
|
|
11341
|
+
elementClass: Component$c,
|
|
11342
|
+
events: {
|
|
11343
|
+
onSgdsFocus: "sgds-focus",
|
|
11344
|
+
onSgdsBlur: "sgds-blur"
|
|
11345
|
+
}
|
|
11061
11346
|
});
|
|
11062
11347
|
|
|
11063
|
-
var css_248z$
|
|
11348
|
+
var css_248z$b = i$2`: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}`;
|
|
11064
11349
|
|
|
11065
11350
|
/**
|
|
11066
11351
|
*
|
|
@@ -11068,20 +11353,41 @@ var css_248z$a = i$2`:host{--sidenav-theme-color:#5925dc}.sidenav-btn{align-item
|
|
|
11068
11353
|
*
|
|
11069
11354
|
* @slot - default slot for SgdsSidenavLink element.
|
|
11070
11355
|
* @slot title - title slot for the content of SgdsSidenavItem's button / anchor element.
|
|
11356
|
+
* @slot icon - icon slot for the content of SgdsSidenavItem's button / anchor element.
|
|
11357
|
+
*
|
|
11358
|
+
* @cssproperty --sidenav-item-button-border-left-width - sidenav item left border width
|
|
11359
|
+
* @cssproperty --sidenav-item-padding-x - sidenav item padding left and right
|
|
11360
|
+
* @cssproperty --sidenav-item-padding-y - sidenav item padding top and bottom
|
|
11361
|
+
* @cssproperty --sidenav-item-icon-title-gap - the flex gap between sidenav item icon and title
|
|
11071
11362
|
*/
|
|
11072
11363
|
let SgdsSidenavItem = class SgdsSidenavItem extends SgdsElement {
|
|
11073
11364
|
constructor() {
|
|
11074
11365
|
super(...arguments);
|
|
11366
|
+
/** @internal */
|
|
11075
11367
|
this.myCollapse = e$2();
|
|
11368
|
+
/** @internal */
|
|
11076
11369
|
this.bsCollapse = null;
|
|
11077
|
-
/**
|
|
11078
|
-
* set the active stylings.
|
|
11370
|
+
/**
|
|
11371
|
+
* when true, toggles the sidenav-item to open on first load and set the active stylings.
|
|
11079
11372
|
*/
|
|
11080
11373
|
this.active = false;
|
|
11374
|
+
/**
|
|
11375
|
+
* When defined, converts SgdsSidenavItem from a button element to an Anchor element. In this case, only one level of navigation is allowed
|
|
11376
|
+
*/
|
|
11081
11377
|
this.href = "";
|
|
11378
|
+
/**
|
|
11379
|
+
* Disables the SgdsSidenavItem
|
|
11380
|
+
*/
|
|
11381
|
+
this.disabled = false;
|
|
11382
|
+
/**
|
|
11383
|
+
* @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
|
|
11384
|
+
*/
|
|
11082
11385
|
this.collapseId = genId("sidenav", "collapse");
|
|
11386
|
+
/**
|
|
11387
|
+
* @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
|
|
11388
|
+
*/
|
|
11083
11389
|
this.buttonId = genId("sidenav", "button");
|
|
11084
|
-
|
|
11390
|
+
/** @internal */
|
|
11085
11391
|
this.index = "-1";
|
|
11086
11392
|
}
|
|
11087
11393
|
_onClick() {
|
|
@@ -11098,7 +11404,7 @@ let SgdsSidenavItem = class SgdsSidenavItem extends SgdsElement {
|
|
|
11098
11404
|
this.active = true;
|
|
11099
11405
|
}
|
|
11100
11406
|
/**
|
|
11101
|
-
*
|
|
11407
|
+
* When invoked, closes the SgdsSidenavItem
|
|
11102
11408
|
*/
|
|
11103
11409
|
closeItem() {
|
|
11104
11410
|
this.active = false;
|
|
@@ -11106,7 +11412,7 @@ let SgdsSidenavItem = class SgdsSidenavItem extends SgdsElement {
|
|
|
11106
11412
|
this.bsCollapse.hide();
|
|
11107
11413
|
}
|
|
11108
11414
|
/**
|
|
11109
|
-
*
|
|
11415
|
+
* When invoked, opens the SgdsSidenavItem
|
|
11110
11416
|
*/
|
|
11111
11417
|
openItem() {
|
|
11112
11418
|
this.active = true;
|
|
@@ -11180,6 +11486,7 @@ let SgdsSidenavItem = class SgdsSidenavItem extends SgdsElement {
|
|
|
11180
11486
|
?disabled=${this.disabled}
|
|
11181
11487
|
aria-disabled=${this.disabled ? "true" : "false"}
|
|
11182
11488
|
>
|
|
11489
|
+
<slot name="icon"></slot>
|
|
11183
11490
|
<slot name="title"></slot>
|
|
11184
11491
|
</a>
|
|
11185
11492
|
`;
|
|
@@ -11188,64 +11495,70 @@ let SgdsSidenavItem = class SgdsSidenavItem extends SgdsElement {
|
|
|
11188
11495
|
`;
|
|
11189
11496
|
}
|
|
11190
11497
|
};
|
|
11191
|
-
SgdsSidenavItem.styles = [SgdsElement.styles, css_248z$
|
|
11498
|
+
SgdsSidenavItem.styles = [SgdsElement.styles, css_248z$b];
|
|
11192
11499
|
__decorate([
|
|
11193
11500
|
e$8({ type: Boolean })
|
|
11194
11501
|
], SgdsSidenavItem.prototype, "active", void 0);
|
|
11195
11502
|
__decorate([
|
|
11196
11503
|
e$8({ type: String })
|
|
11197
11504
|
], SgdsSidenavItem.prototype, "href", void 0);
|
|
11198
|
-
__decorate([
|
|
11199
|
-
e$8({ type: String })
|
|
11200
|
-
], SgdsSidenavItem.prototype, "collapseId", void 0);
|
|
11201
|
-
__decorate([
|
|
11202
|
-
e$8({ type: String })
|
|
11203
|
-
], SgdsSidenavItem.prototype, "buttonId", void 0);
|
|
11204
11505
|
__decorate([
|
|
11205
11506
|
e$8({ type: Boolean, reflect: true })
|
|
11206
11507
|
], SgdsSidenavItem.prototype, "disabled", void 0);
|
|
11207
11508
|
SgdsSidenavItem = __decorate([
|
|
11208
11509
|
e$9("sgds-sidenav-item")
|
|
11209
11510
|
], SgdsSidenavItem);
|
|
11210
|
-
var Component$
|
|
11511
|
+
var Component$b = SgdsSidenavItem;
|
|
11211
11512
|
|
|
11212
|
-
var index$
|
|
11513
|
+
var index$b = react.createComponent({
|
|
11213
11514
|
react: React__namespace,
|
|
11214
11515
|
tagName: "sgds-sidenav-item",
|
|
11215
|
-
elementClass: Component$
|
|
11516
|
+
elementClass: Component$b,
|
|
11216
11517
|
events: {
|
|
11217
11518
|
onSgdsToggle: "sgds-toggle"
|
|
11218
11519
|
}
|
|
11219
11520
|
});
|
|
11220
11521
|
|
|
11221
|
-
var css_248z$
|
|
11522
|
+
var css_248z$a = i$2`: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}`;
|
|
11222
11523
|
|
|
11223
11524
|
/**
|
|
11224
|
-
* @slot -
|
|
11525
|
+
* @slot default - slot for label of anchor tag.
|
|
11526
|
+
*
|
|
11527
|
+
* @cssproperty --sidenav-link-font-size - sidenav link font size, default to `--sgds-body-font-size`
|
|
11528
|
+
* @cssproperty --sidenav-link-padding-x - sidenav link padding left and right
|
|
11529
|
+
* @cssproperty --sidenav-link-padding-y - sidenav link padding top and bottom
|
|
11530
|
+
* @cssproperty --sidenav-link-disabled-color - sidenav link disabled color, default to `--sgds-gray-600`
|
|
11225
11531
|
*/
|
|
11226
11532
|
let SgdsSidenavLink = class SgdsSidenavLink extends LinkElement {
|
|
11227
11533
|
};
|
|
11228
|
-
SgdsSidenavLink.styles = css_248z$
|
|
11534
|
+
SgdsSidenavLink.styles = css_248z$a;
|
|
11229
11535
|
SgdsSidenavLink = __decorate([
|
|
11230
11536
|
e$9("sgds-sidenav-link")
|
|
11231
11537
|
], SgdsSidenavLink);
|
|
11232
|
-
var Component$
|
|
11538
|
+
var Component$a = SgdsSidenavLink;
|
|
11233
11539
|
|
|
11234
|
-
var index$
|
|
11540
|
+
var index$a = react.createComponent({
|
|
11235
11541
|
react: React__namespace,
|
|
11236
11542
|
tagName: "sgds-sidenav-link",
|
|
11237
|
-
elementClass: Component$
|
|
11543
|
+
elementClass: Component$a,
|
|
11238
11544
|
events: {}
|
|
11239
11545
|
});
|
|
11240
11546
|
|
|
11241
|
-
var css_248z$
|
|
11547
|
+
var css_248z$9 = i$2`:host{--sidenav-theme-color:#5925dc}ul{display:flex;flex-direction:column;gap:1rem;list-style:none}`;
|
|
11242
11548
|
|
|
11243
11549
|
/**
|
|
11244
|
-
* @
|
|
11550
|
+
* @summary The side navigation is used to display a list of links to move between pages within a related category.
|
|
11551
|
+
* It is used as a secondary form of navigation where the primary navigation is located hierachically above the page frame.
|
|
11552
|
+
* Maximum two levels of navigations are allowed.
|
|
11553
|
+
*
|
|
11554
|
+
* @slot default - Default slot for SgdsSidenavItem element.
|
|
11555
|
+
*
|
|
11556
|
+
* @cssproperty --sidenav-theme-color - overall sidenav theme color
|
|
11245
11557
|
*/
|
|
11246
11558
|
let SgdsSidenav = class SgdsSidenav extends SgdsElement {
|
|
11247
11559
|
constructor() {
|
|
11248
11560
|
super(...arguments);
|
|
11561
|
+
/** Allow sidenav items to stay open when another item is opened */
|
|
11249
11562
|
this.alwaysOpen = false;
|
|
11250
11563
|
}
|
|
11251
11564
|
render() {
|
|
@@ -11260,7 +11573,7 @@ let SgdsSidenav = class SgdsSidenav extends SgdsElement {
|
|
|
11260
11573
|
}
|
|
11261
11574
|
});
|
|
11262
11575
|
return x `
|
|
11263
|
-
<nav class="sidenav"
|
|
11576
|
+
<nav class="sidenav">
|
|
11264
11577
|
<ul>
|
|
11265
11578
|
<slot></slot>
|
|
11266
11579
|
</ul>
|
|
@@ -11268,18 +11581,64 @@ let SgdsSidenav = class SgdsSidenav extends SgdsElement {
|
|
|
11268
11581
|
`;
|
|
11269
11582
|
}
|
|
11270
11583
|
};
|
|
11271
|
-
SgdsSidenav.styles = css_248z$
|
|
11584
|
+
SgdsSidenav.styles = css_248z$9;
|
|
11272
11585
|
__decorate([
|
|
11273
11586
|
e$8({ type: Boolean, attribute: true })
|
|
11274
11587
|
], SgdsSidenav.prototype, "alwaysOpen", void 0);
|
|
11275
11588
|
SgdsSidenav = __decorate([
|
|
11276
11589
|
e$9("sgds-sidenav")
|
|
11277
11590
|
], SgdsSidenav);
|
|
11278
|
-
var Component$
|
|
11591
|
+
var Component$9 = SgdsSidenav;
|
|
11279
11592
|
|
|
11280
|
-
var index$
|
|
11593
|
+
var index$9 = react.createComponent({
|
|
11281
11594
|
react: React__namespace,
|
|
11282
11595
|
tagName: "sgds-sidenav",
|
|
11596
|
+
elementClass: Component$9,
|
|
11597
|
+
events: {}
|
|
11598
|
+
});
|
|
11599
|
+
|
|
11600
|
+
var css_248z$8 = i$2`.sr-only{clip:rect(0,0,0,0);border:0;height:1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}`;
|
|
11601
|
+
|
|
11602
|
+
let SgdsSpinner = class SgdsSpinner extends SgdsElement {
|
|
11603
|
+
constructor() {
|
|
11604
|
+
super(...arguments);
|
|
11605
|
+
this.type = "border";
|
|
11606
|
+
this.color = "primary";
|
|
11607
|
+
}
|
|
11608
|
+
render() {
|
|
11609
|
+
return n `
|
|
11610
|
+
<div
|
|
11611
|
+
class="
|
|
11612
|
+
${o$9({
|
|
11613
|
+
[`spinner-${this.type}`]: this.type,
|
|
11614
|
+
[`text-${this.color}`]: this.color,
|
|
11615
|
+
[`${this.spinnerClasses}`]: this.spinnerClasses
|
|
11616
|
+
})}"
|
|
11617
|
+
role="status"
|
|
11618
|
+
>
|
|
11619
|
+
<span class="sr-only">Loading...</span>
|
|
11620
|
+
</div>
|
|
11621
|
+
`;
|
|
11622
|
+
}
|
|
11623
|
+
};
|
|
11624
|
+
SgdsSpinner.styles = [SgdsElement.styles, css_248z$8];
|
|
11625
|
+
__decorate([
|
|
11626
|
+
e$8({ reflect: true })
|
|
11627
|
+
], SgdsSpinner.prototype, "type", void 0);
|
|
11628
|
+
__decorate([
|
|
11629
|
+
e$8({ reflect: true })
|
|
11630
|
+
], SgdsSpinner.prototype, "color", void 0);
|
|
11631
|
+
__decorate([
|
|
11632
|
+
e$8({ reflect: true })
|
|
11633
|
+
], SgdsSpinner.prototype, "spinnerClasses", void 0);
|
|
11634
|
+
SgdsSpinner = __decorate([
|
|
11635
|
+
e$9("sgds-spinner")
|
|
11636
|
+
], SgdsSpinner);
|
|
11637
|
+
var Component$8 = SgdsSpinner;
|
|
11638
|
+
|
|
11639
|
+
var index$8 = react.createComponent({
|
|
11640
|
+
react: React__namespace,
|
|
11641
|
+
tagName: "sgds-spinner",
|
|
11283
11642
|
elementClass: Component$8,
|
|
11284
11643
|
events: {}
|
|
11285
11644
|
});
|
|
@@ -11807,24 +12166,67 @@ var index$4 = react.createComponent({
|
|
|
11807
12166
|
events: {}
|
|
11808
12167
|
});
|
|
11809
12168
|
|
|
11810
|
-
var css_248z$3 = i$2
|
|
12169
|
+
var css_248z$3 = i$2`.sortable-header{cursor:pointer}`;
|
|
11811
12170
|
|
|
12171
|
+
/**
|
|
12172
|
+
* @summary The use of a table is to organise a collections of data into readable rows
|
|
12173
|
+
*
|
|
12174
|
+
* @cssproperty --sgds-table-bg - Table's background color
|
|
12175
|
+
* @cssproperty --sgds-table-accent-bg - Table's accent background color
|
|
12176
|
+
* @cssproperty --sgds-table-striped-color - Text color for striped table
|
|
12177
|
+
* @cssproperty --sgds-table-striped-bg - Background color for striped table
|
|
12178
|
+
* @cssproperty --sgds-table-active-color - Active text color for hovered row
|
|
12179
|
+
* @cssproperty --sgds-table-active-bg - Active background color for hovered row
|
|
12180
|
+
* @cssproperty --sgds-table-hover-color - Hovered text color for hover table
|
|
12181
|
+
* @cssproperty --sgds-table-hover-bg - Hovered background color for hover table
|
|
12182
|
+
*/
|
|
11812
12183
|
let SgdsTable = class SgdsTable extends SgdsElement {
|
|
11813
12184
|
constructor() {
|
|
11814
12185
|
super(...arguments);
|
|
12186
|
+
/**
|
|
12187
|
+
* Adds zebra-striping using striped to table row within the <tbody>
|
|
12188
|
+
*/
|
|
11815
12189
|
this.striped = false;
|
|
12190
|
+
/**
|
|
12191
|
+
* Add borders to all sides of table and cells
|
|
12192
|
+
*/
|
|
11816
12193
|
this.bordered = false;
|
|
12194
|
+
/**
|
|
12195
|
+
* Remove all borders to table and cells
|
|
12196
|
+
*/
|
|
11817
12197
|
this.borderless = false;
|
|
12198
|
+
/**
|
|
12199
|
+
* Add hoverable state on table rows
|
|
12200
|
+
*/
|
|
11818
12201
|
this.hover = false;
|
|
12202
|
+
/**
|
|
12203
|
+
* 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.
|
|
12204
|
+
*/
|
|
11819
12205
|
this.sort = false;
|
|
12206
|
+
/**
|
|
12207
|
+
* When removableSort is present, the third click removes the sorting from the column.
|
|
12208
|
+
*/
|
|
11820
12209
|
this.removableSort = false;
|
|
12210
|
+
/**
|
|
12211
|
+
* Populate header cells using Arrays
|
|
12212
|
+
*/
|
|
11821
12213
|
this.tableHeaders = [];
|
|
12214
|
+
/**
|
|
12215
|
+
* Populate data cells using Arrays
|
|
12216
|
+
*/
|
|
11822
12217
|
this.tableData = [];
|
|
12218
|
+
/** @internal */
|
|
11823
12219
|
this.sortColumn = null;
|
|
12220
|
+
/** @internal */
|
|
11824
12221
|
this.sortAsc = true;
|
|
12222
|
+
//TODO aria-sort
|
|
12223
|
+
/** @internal */
|
|
11825
12224
|
this.activeColumn = null;
|
|
12225
|
+
/** @internal */
|
|
11826
12226
|
this.sortClickCount = 0;
|
|
12227
|
+
/** @internal */
|
|
11827
12228
|
this.clickCount = 0;
|
|
12229
|
+
/** @internal */
|
|
11828
12230
|
this.originalTableData = [];
|
|
11829
12231
|
}
|
|
11830
12232
|
connectedCallback() {
|
|
@@ -11924,7 +12326,7 @@ let SgdsTable = class SgdsTable extends SgdsElement {
|
|
|
11924
12326
|
return x `
|
|
11925
12327
|
<div
|
|
11926
12328
|
class=${o$9({
|
|
11927
|
-
"table-responsive":
|
|
12329
|
+
"table-responsive": this.responsive === "always",
|
|
11928
12330
|
"table-responsive-sm": this.responsive === "sm",
|
|
11929
12331
|
"table-responsive-md": this.responsive === "md",
|
|
11930
12332
|
"table-responsive-lg": this.responsive === "lg",
|
|
@@ -11933,14 +12335,14 @@ let SgdsTable = class SgdsTable extends SgdsElement {
|
|
|
11933
12335
|
tabindex="0"
|
|
11934
12336
|
>
|
|
11935
12337
|
<table
|
|
11936
|
-
class="table ${o$9({
|
|
12338
|
+
class="table sgds ${o$9({
|
|
11937
12339
|
[`table-striped`]: this.striped,
|
|
11938
12340
|
[`table-bordered`]: this.bordered,
|
|
11939
12341
|
[`table-borderless`]: this.borderless,
|
|
11940
12342
|
[`table-hover`]: this.hover,
|
|
11941
12343
|
[`table-${this.size}`]: this.size,
|
|
11942
12344
|
[`table-${this.variant}`]: this.variant
|
|
11943
|
-
})}
|
|
12345
|
+
})}"
|
|
11944
12346
|
>
|
|
11945
12347
|
<thead>
|
|
11946
12348
|
<tr>
|
|
@@ -11951,6 +12353,7 @@ let SgdsTable = class SgdsTable extends SgdsElement {
|
|
|
11951
12353
|
active: this.activeColumn === index
|
|
11952
12354
|
})}"
|
|
11953
12355
|
@click=${() => this.handleHeaderClick(index)}
|
|
12356
|
+
//TODO aria-sort
|
|
11954
12357
|
>
|
|
11955
12358
|
${header} ${this.sort ? this.getIcon(index) : null}
|
|
11956
12359
|
</th>
|
|
@@ -11998,10 +12401,10 @@ __decorate([
|
|
|
11998
12401
|
e$8({ type: String, reflect: true })
|
|
11999
12402
|
], SgdsTable.prototype, "responsive", void 0);
|
|
12000
12403
|
__decorate([
|
|
12001
|
-
e$8({ type:
|
|
12404
|
+
e$8({ type: Array })
|
|
12002
12405
|
], SgdsTable.prototype, "tableHeaders", void 0);
|
|
12003
12406
|
__decorate([
|
|
12004
|
-
e$8({ type:
|
|
12407
|
+
e$8({ type: Array })
|
|
12005
12408
|
], SgdsTable.prototype, "tableData", void 0);
|
|
12006
12409
|
__decorate([
|
|
12007
12410
|
t$3()
|
|
@@ -12033,32 +12436,53 @@ var index$3 = react.createComponent({
|
|
|
12033
12436
|
events: {}
|
|
12034
12437
|
});
|
|
12035
12438
|
|
|
12036
|
-
var css_248z$2 = i$2`:host
|
|
12439
|
+
var css_248z$2 = i$2`:host .textarea-resize-none{resize:none}:host .textarea-resize-vertical{resize:vertical}`;
|
|
12037
12440
|
|
|
12038
|
-
|
|
12441
|
+
/**
|
|
12442
|
+
* @summary Text areas allow for the collection of input longer than a single line.
|
|
12443
|
+
*
|
|
12444
|
+
* @event sgds-change - Emitted when an alteration to the control's value is committed by the user.
|
|
12445
|
+
* @event sgds-input - Emitted when the control receives input and its value changes.
|
|
12446
|
+
* @event sgds-focus - Emitted when textarea is in focus.
|
|
12447
|
+
* @event sgds-blur - Emitted when textarea loses focus.
|
|
12448
|
+
*/
|
|
12449
|
+
let SgdsTextarea = class SgdsTextarea extends SgdsElement {
|
|
12039
12450
|
constructor() {
|
|
12040
12451
|
super(...arguments);
|
|
12041
|
-
|
|
12452
|
+
/**@internal */
|
|
12042
12453
|
this.formSubmitController = new FormSubmitController(this);
|
|
12454
|
+
/**The textarea's label */
|
|
12043
12455
|
this.label = "label";
|
|
12044
|
-
|
|
12456
|
+
/**The textarea's value attribute. */
|
|
12045
12457
|
this.value = "";
|
|
12458
|
+
/**Enables spell checking on the textarea */
|
|
12046
12459
|
this.spellcheck = false;
|
|
12047
12460
|
/** The number of rows to display by default. */
|
|
12048
12461
|
this.rows = 4;
|
|
12462
|
+
/**The textarea's placeholder text. */
|
|
12049
12463
|
this.placeholder = "Placeholder";
|
|
12050
|
-
|
|
12464
|
+
/**Feedback text for error state when validated */
|
|
12465
|
+
this.invalidFeedback = "";
|
|
12466
|
+
/**Autofocus the textarea */
|
|
12051
12467
|
this.autofocus = false;
|
|
12468
|
+
/**Disables the textarea. */
|
|
12052
12469
|
this.disabled = false;
|
|
12470
|
+
/**Makes the textarea a required field. */
|
|
12053
12471
|
this.required = false;
|
|
12054
|
-
/** Makes the
|
|
12472
|
+
/** Makes the textarea readonly. */
|
|
12055
12473
|
this.readonly = false;
|
|
12056
|
-
this.invalid = false;
|
|
12057
|
-
this.valid = false;
|
|
12058
12474
|
/** Controls how the textarea can be resized. */
|
|
12059
12475
|
this.resize = "vertical";
|
|
12060
12476
|
/** 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. */
|
|
12061
12477
|
this.defaultValue = "";
|
|
12478
|
+
/** Allows invalidFeedback, invalid and valid styles to be visible with the input */
|
|
12479
|
+
this.hasFeedback = false;
|
|
12480
|
+
/**@internal */
|
|
12481
|
+
this.invalid = false;
|
|
12482
|
+
/**@internal */
|
|
12483
|
+
this.valid = false;
|
|
12484
|
+
/** @internal The textarea's unique id */
|
|
12485
|
+
this.textareaId = genId("textarea", "input");
|
|
12062
12486
|
}
|
|
12063
12487
|
connectedCallback() {
|
|
12064
12488
|
super.connectedCallback();
|
|
@@ -12080,7 +12504,12 @@ let SgdsTextArea = class SgdsTextArea extends SgdsElement {
|
|
|
12080
12504
|
reportValidity() {
|
|
12081
12505
|
return this.textarea.reportValidity();
|
|
12082
12506
|
}
|
|
12083
|
-
|
|
12507
|
+
/** Selects all the text in the textarea. */
|
|
12508
|
+
select() {
|
|
12509
|
+
this.textarea.select();
|
|
12510
|
+
}
|
|
12511
|
+
handleInvalid(e) {
|
|
12512
|
+
e.preventDefault();
|
|
12084
12513
|
this.invalid = true;
|
|
12085
12514
|
}
|
|
12086
12515
|
handleChange(event) {
|
|
@@ -12088,17 +12517,11 @@ let SgdsTextArea = class SgdsTextArea extends SgdsElement {
|
|
|
12088
12517
|
this.emit(event);
|
|
12089
12518
|
}
|
|
12090
12519
|
handleFocus() {
|
|
12091
|
-
this.hasFocus = true;
|
|
12092
12520
|
this.emit("sgds-focus");
|
|
12093
12521
|
}
|
|
12094
12522
|
handleBlur() {
|
|
12095
|
-
this.hasFocus = false;
|
|
12096
12523
|
this.emit("sgds-blur");
|
|
12097
12524
|
}
|
|
12098
|
-
/** Selects all the text in the textarea. */
|
|
12099
|
-
select() {
|
|
12100
|
-
this.textarea.select();
|
|
12101
|
-
}
|
|
12102
12525
|
handleKeyDown(event) {
|
|
12103
12526
|
const hasModifier = event.metaKey || event.ctrlKey || event.shiftKey || event.altKey;
|
|
12104
12527
|
// Pressing enter when focused on an input should submit the form like a native input, but we wait a tick before
|
|
@@ -12132,27 +12555,30 @@ let SgdsTextArea = class SgdsTextArea extends SgdsElement {
|
|
|
12132
12555
|
this.invalid = !this.textarea.checkValidity();
|
|
12133
12556
|
this.valid = this.textarea.checkValidity();
|
|
12134
12557
|
this.updateComplete.then(() => this.setTextareaHeight());
|
|
12558
|
+
if (!this.required && this.value === "") {
|
|
12559
|
+
this.valid = false;
|
|
12560
|
+
}
|
|
12135
12561
|
}
|
|
12136
12562
|
render() {
|
|
12137
12563
|
// if maxlength is defined
|
|
12138
12564
|
const wordCount = n ` <div class="form-text">${this.value.length}/${this.maxlength}</div> `;
|
|
12139
12565
|
return n `
|
|
12140
12566
|
<div class="text-area-label-wrapper d-flex justify-content-between">
|
|
12141
|
-
<label for=${
|
|
12142
|
-
${
|
|
12567
|
+
<label for=${this.textareaId} class="form-label">${this.label}</label>
|
|
12568
|
+
${this.maxlength > 0 ? wordCount : undefined}
|
|
12143
12569
|
</div>
|
|
12144
12570
|
|
|
12145
12571
|
<textarea
|
|
12146
|
-
class
|
|
12572
|
+
class=${o$9({
|
|
12147
12573
|
"form-control": true,
|
|
12148
|
-
"is-invalid": this.invalid,
|
|
12149
|
-
"is-valid": this.valid,
|
|
12574
|
+
"is-invalid": this.hasFeedback && this.invalid,
|
|
12575
|
+
"is-valid": this.hasFeedback && this.valid,
|
|
12150
12576
|
"textarea-resize-none": this.resize === "none",
|
|
12151
12577
|
"textarea-resize-vertical": this.resize === "vertical",
|
|
12152
12578
|
"textarea-resize-auto": this.resize === "auto",
|
|
12153
12579
|
[`${this.textareaClasses}`]: this.textareaClasses
|
|
12154
|
-
})}
|
|
12155
|
-
id=${
|
|
12580
|
+
})}
|
|
12581
|
+
id=${this.textareaId}
|
|
12156
12582
|
name=${l$1(this.name)}
|
|
12157
12583
|
rows=${l$1(this.rows)}
|
|
12158
12584
|
placeholder=${l$1(this.placeholder)}
|
|
@@ -12170,105 +12596,109 @@ let SgdsTextArea = class SgdsTextArea extends SgdsElement {
|
|
|
12170
12596
|
@keyup=${this.handleValueChange}
|
|
12171
12597
|
@input=${() => this.handleChange("sgds-input")}
|
|
12172
12598
|
@change=${() => this.handleChange("sgds-change")}
|
|
12173
|
-
@invalid=${this.handleInvalid}
|
|
12599
|
+
@invalid=${(e) => this.handleInvalid(e)}
|
|
12174
12600
|
@focus=${this.handleFocus}
|
|
12175
12601
|
@blur=${this.handleBlur}
|
|
12176
12602
|
>
|
|
12177
12603
|
</textarea>
|
|
12178
12604
|
|
|
12179
|
-
|
|
12605
|
+
${this.hasFeedback
|
|
12606
|
+
? n `<div id="${this.textareaId}-invalid" class="invalid-feedback">${this.invalidFeedback}</div>`
|
|
12607
|
+
: ""}
|
|
12180
12608
|
`;
|
|
12181
12609
|
}
|
|
12182
12610
|
};
|
|
12183
|
-
|
|
12611
|
+
SgdsTextarea.styles = [SgdsElement.styles, css_248z$2];
|
|
12184
12612
|
__decorate([
|
|
12185
12613
|
i$3("textarea.form-control")
|
|
12186
|
-
],
|
|
12187
|
-
__decorate([
|
|
12188
|
-
t$3()
|
|
12189
|
-
], SgdsTextArea.prototype, "hasFocus", void 0);
|
|
12190
|
-
__decorate([
|
|
12191
|
-
e$8({ type: String, reflect: true })
|
|
12192
|
-
], SgdsTextArea.prototype, "label", void 0);
|
|
12614
|
+
], SgdsTextarea.prototype, "textarea", void 0);
|
|
12193
12615
|
__decorate([
|
|
12194
12616
|
e$8({ type: String, reflect: true })
|
|
12195
|
-
],
|
|
12617
|
+
], SgdsTextarea.prototype, "label", void 0);
|
|
12196
12618
|
__decorate([
|
|
12197
12619
|
e$8({ type: String, reflect: true })
|
|
12198
|
-
],
|
|
12620
|
+
], SgdsTextarea.prototype, "name", void 0);
|
|
12199
12621
|
__decorate([
|
|
12200
12622
|
e$8({ type: String, reflect: true })
|
|
12201
|
-
],
|
|
12623
|
+
], SgdsTextarea.prototype, "textareaClasses", void 0);
|
|
12202
12624
|
__decorate([
|
|
12203
12625
|
e$8({ type: String, reflect: true })
|
|
12204
|
-
],
|
|
12626
|
+
], SgdsTextarea.prototype, "value", void 0);
|
|
12205
12627
|
__decorate([
|
|
12206
|
-
e$8({ type:
|
|
12207
|
-
],
|
|
12628
|
+
e$8({ type: Number, reflect: true })
|
|
12629
|
+
], SgdsTextarea.prototype, "minlength", void 0);
|
|
12208
12630
|
__decorate([
|
|
12209
|
-
e$8({ type:
|
|
12210
|
-
],
|
|
12631
|
+
e$8({ type: Number, reflect: true })
|
|
12632
|
+
], SgdsTextarea.prototype, "maxlength", void 0);
|
|
12211
12633
|
__decorate([
|
|
12212
12634
|
e$8({ type: Boolean, reflect: true })
|
|
12213
|
-
],
|
|
12635
|
+
], SgdsTextarea.prototype, "spellcheck", void 0);
|
|
12214
12636
|
__decorate([
|
|
12215
12637
|
e$8({ type: Number })
|
|
12216
|
-
],
|
|
12638
|
+
], SgdsTextarea.prototype, "rows", void 0);
|
|
12217
12639
|
__decorate([
|
|
12218
12640
|
e$8({ type: String, reflect: true })
|
|
12219
|
-
],
|
|
12641
|
+
], SgdsTextarea.prototype, "placeholder", void 0);
|
|
12220
12642
|
__decorate([
|
|
12221
12643
|
e$8({ type: String, reflect: true })
|
|
12222
|
-
],
|
|
12223
|
-
__decorate([
|
|
12224
|
-
e$8({ type: Boolean, reflect: true })
|
|
12225
|
-
], SgdsTextArea.prototype, "autofocus", void 0);
|
|
12644
|
+
], SgdsTextarea.prototype, "invalidFeedback", void 0);
|
|
12226
12645
|
__decorate([
|
|
12227
12646
|
e$8({ type: Boolean, reflect: true })
|
|
12228
|
-
],
|
|
12647
|
+
], SgdsTextarea.prototype, "autofocus", void 0);
|
|
12229
12648
|
__decorate([
|
|
12230
12649
|
e$8({ type: Boolean, reflect: true })
|
|
12231
|
-
],
|
|
12650
|
+
], SgdsTextarea.prototype, "disabled", void 0);
|
|
12232
12651
|
__decorate([
|
|
12233
12652
|
e$8({ type: Boolean, reflect: true })
|
|
12234
|
-
],
|
|
12653
|
+
], SgdsTextarea.prototype, "required", void 0);
|
|
12235
12654
|
__decorate([
|
|
12236
12655
|
e$8({ type: Boolean, reflect: true })
|
|
12237
|
-
],
|
|
12238
|
-
__decorate([
|
|
12239
|
-
e$8({ type: Boolean, reflect: true })
|
|
12240
|
-
], SgdsTextArea.prototype, "valid", void 0);
|
|
12656
|
+
], SgdsTextarea.prototype, "readonly", void 0);
|
|
12241
12657
|
__decorate([
|
|
12242
12658
|
e$8()
|
|
12243
|
-
],
|
|
12659
|
+
], SgdsTextarea.prototype, "resize", void 0);
|
|
12244
12660
|
__decorate([
|
|
12245
12661
|
e$8()
|
|
12246
|
-
],
|
|
12662
|
+
], SgdsTextarea.prototype, "inputmode", void 0);
|
|
12247
12663
|
__decorate([
|
|
12248
12664
|
e$8()
|
|
12249
|
-
],
|
|
12665
|
+
], SgdsTextarea.prototype, "autocorrect", void 0);
|
|
12250
12666
|
__decorate([
|
|
12251
12667
|
defaultValue()
|
|
12252
|
-
],
|
|
12668
|
+
], SgdsTextarea.prototype, "defaultValue", void 0);
|
|
12669
|
+
__decorate([
|
|
12670
|
+
e$8({ type: Boolean, reflect: true })
|
|
12671
|
+
], SgdsTextarea.prototype, "hasFeedback", void 0);
|
|
12672
|
+
__decorate([
|
|
12673
|
+
t$3()
|
|
12674
|
+
], SgdsTextarea.prototype, "invalid", void 0);
|
|
12675
|
+
__decorate([
|
|
12676
|
+
t$3()
|
|
12677
|
+
], SgdsTextarea.prototype, "valid", void 0);
|
|
12253
12678
|
__decorate([
|
|
12254
12679
|
watch("rows", { waitUntilFirstUpdate: true })
|
|
12255
|
-
],
|
|
12680
|
+
], SgdsTextarea.prototype, "handleRowsChange", null);
|
|
12256
12681
|
__decorate([
|
|
12257
12682
|
watch("disabled", { waitUntilFirstUpdate: true })
|
|
12258
|
-
],
|
|
12683
|
+
], SgdsTextarea.prototype, "handleDisabledChange", null);
|
|
12259
12684
|
__decorate([
|
|
12260
12685
|
watch("value", { waitUntilFirstUpdate: true })
|
|
12261
|
-
],
|
|
12262
|
-
|
|
12686
|
+
], SgdsTextarea.prototype, "handleValueChange", null);
|
|
12687
|
+
SgdsTextarea = __decorate([
|
|
12263
12688
|
e$9("sgds-textarea")
|
|
12264
|
-
],
|
|
12265
|
-
var Component$2 =
|
|
12689
|
+
], SgdsTextarea);
|
|
12690
|
+
var Component$2 = SgdsTextarea;
|
|
12266
12691
|
|
|
12267
12692
|
var index$2 = react.createComponent({
|
|
12268
12693
|
react: React__namespace,
|
|
12269
12694
|
tagName: "sgds-textarea",
|
|
12270
12695
|
elementClass: Component$2,
|
|
12271
|
-
events: {
|
|
12696
|
+
events: {
|
|
12697
|
+
onSgdsChange: "sgds-change",
|
|
12698
|
+
onSgdsInput: "sgds-input",
|
|
12699
|
+
onSgdsFocus: "sgds-focus",
|
|
12700
|
+
onSgdsBlur: "sgds-blur"
|
|
12701
|
+
}
|
|
12272
12702
|
});
|
|
12273
12703
|
|
|
12274
12704
|
var css_248z$1 = i$2``;
|
|
@@ -12473,38 +12903,40 @@ var index = react.createComponent({
|
|
|
12473
12903
|
events: {}
|
|
12474
12904
|
});
|
|
12475
12905
|
|
|
12476
|
-
exports.SgdsAccordion = index$
|
|
12477
|
-
exports.SgdsAccordionItem = index$
|
|
12478
|
-
exports.SgdsActionCard = index$
|
|
12479
|
-
exports.SgdsAlert = index$
|
|
12480
|
-
exports.SgdsBadge = index$
|
|
12481
|
-
exports.SgdsBreadcrumb = index$
|
|
12482
|
-
exports.SgdsBreadcrumbItem = index$
|
|
12483
|
-
exports.SgdsButton = index$
|
|
12484
|
-
exports.
|
|
12485
|
-
exports.
|
|
12486
|
-
exports.
|
|
12487
|
-
exports.
|
|
12488
|
-
exports.
|
|
12489
|
-
exports.
|
|
12490
|
-
exports.
|
|
12491
|
-
exports.
|
|
12492
|
-
exports.
|
|
12493
|
-
exports.
|
|
12494
|
-
exports.
|
|
12495
|
-
exports.
|
|
12496
|
-
exports.
|
|
12497
|
-
exports.
|
|
12498
|
-
exports.
|
|
12499
|
-
exports.
|
|
12500
|
-
exports.
|
|
12501
|
-
exports.
|
|
12906
|
+
exports.SgdsAccordion = index$y;
|
|
12907
|
+
exports.SgdsAccordionItem = index$z;
|
|
12908
|
+
exports.SgdsActionCard = index$x;
|
|
12909
|
+
exports.SgdsAlert = index$w;
|
|
12910
|
+
exports.SgdsBadge = index$v;
|
|
12911
|
+
exports.SgdsBreadcrumb = index$t;
|
|
12912
|
+
exports.SgdsBreadcrumbItem = index$u;
|
|
12913
|
+
exports.SgdsButton = index$s;
|
|
12914
|
+
exports.SgdsCard = index$r;
|
|
12915
|
+
exports.SgdsCheckbox = index$q;
|
|
12916
|
+
exports.SgdsCloseButton = index$p;
|
|
12917
|
+
exports.SgdsDropdown = index$n;
|
|
12918
|
+
exports.SgdsDropdownItem = index$o;
|
|
12919
|
+
exports.SgdsFileUpload = index$m;
|
|
12920
|
+
exports.SgdsFooter = index$l;
|
|
12921
|
+
exports.SgdsInput = index$k;
|
|
12922
|
+
exports.SgdsMainnav = index$h;
|
|
12923
|
+
exports.SgdsMainnavDropdown = index$j;
|
|
12924
|
+
exports.SgdsMainnavItem = index$i;
|
|
12925
|
+
exports.SgdsMasthead = index$g;
|
|
12926
|
+
exports.SgdsModal = index$f;
|
|
12927
|
+
exports.SgdsQuantityToggle = index$e;
|
|
12928
|
+
exports.SgdsRadio = index$c;
|
|
12929
|
+
exports.SgdsRadioGroup = index$d;
|
|
12930
|
+
exports.SgdsSidenav = index$9;
|
|
12931
|
+
exports.SgdsSidenavItem = index$b;
|
|
12932
|
+
exports.SgdsSidenavLink = index$a;
|
|
12933
|
+
exports.SgdsSpinner = index$8;
|
|
12502
12934
|
exports.SgdsStepper = index$7;
|
|
12503
12935
|
exports.SgdsTab = index$6;
|
|
12504
12936
|
exports.SgdsTabGroup = index$5;
|
|
12505
12937
|
exports.SgdsTabPanel = index$4;
|
|
12506
12938
|
exports.SgdsTable = index$3;
|
|
12507
|
-
exports.
|
|
12939
|
+
exports.SgdsTextarea = index$2;
|
|
12508
12940
|
exports.SgdsToast = index$1;
|
|
12509
12941
|
exports.SgdsTooltip = index;
|
|
12510
12942
|
//# sourceMappingURL=index.js.map
|