html.al-view-320,
html.al-view-480,
html.al-view-720 {
height: 100vh;
}
#flyout .al-tile .typo-area p a {
display: inline;
}
#upn_badgeCnt .yui3-widget-mask {
position: fixed;
top: 0;
height: 100%;
width: 100%;
}
.al-workday-status-portlet .al-container {
margin-bottom: 33px;
margin-top: 22px;
}
.al-gmc-popover-flyout {
outline: 0;
top: 65px;
}
.al-upoint-icon-display #al-logo-center {
display: block;
position: absolute;
width: 100%;
text-align: center;
top: 0;
height: 100%;
height: auto;
}
.al-upoint-icon-display #al-logo-center img {
position: relative;
margin: 1px auto;
top: 0;
left: 0;
z-index: 11;
min-height: auto;
height: auto !important;
max-height: 35px;
}
.redesignUpointLogo.al-upoint-icon-display #al-logo-center img {
margin: 1px auto;
min-height: 43px;
height: 43px;
}
.al-view-lt480 .al-upoint-icon-display #al-logo-center img {
max-width: 110px;
height: auto;
min-height: auto;
transform: translateY(5px);
}
.al-upoint-icon-display #al-logo-center img.al-UPoint-logo {
min-height: auto;
height: auto;
max-height: 35px;
}
div.al-upoint-icon-display {
background-image: none;
}
.newHeight {
margin-top: -13px;
}
.al-view-gt960 .alNewNavigation .mainMenuPostion,
.al-view-gt960 .alNewNavigation .al-secondarynav-level-2 {
height: auto;
}
.al-menu-subhead {
background: #d2d3d3;
border-top: 1px solid rgba(0, 0, 0, 0.2);
}
.al-view-960
.alNewNavigation
#al-primary-nav
li.iconSearchBadgeContainer
.al-primary-icon-menu-item {
min-width: 6%;
width: auto;
}
.al-view-lt960 .OldNavigation #al-primary-nav li.iconSearchBadgeContainer {
float: none;
height: initial;
}
.al-view-lt960
.OldNavigation
#al-primary-nav
li.iconSearchBadgeContainer
.al-header-search-container {
float: left;
height: 65px;
}
.al-view-960 .alNewNavigation #al-primary-nav ul li.iconSearchBadgeContainer {
min-width: 30px;
}
.al-view-gt960 .alNewNavigation #al-primary-nav {
height: 54px;
}
.OldNavigation #al-primary-nav #al-primary-home-link a {
text-align: center;
line-height: 75px;
}
.al-view-lt960 .OldNavigation #al-primary-nav #al-primary-home-link a {
line-height: 98px;
background-position: center 11px !important;
}
.al-view-gt960 .alNewNavigation #al-primary-nav #al-primary-home-link a {
background-image: none;
height: 54px;
text-align: center;
line-height: 53px;
padding: 0 14px;
}
.al-view-gt960
.alNewNavigation
#al-primary-nav
.mobileTitle.al-primary-icon-menu-item
a {
line-height: 54px;
background-image: none;
padding: 0 11px;
}
.al-view-gt960
.alNewNavigation
#al-primary-nav
.mobileTitle.al-primary-icon-menu-item
a:hover {
height: 54px;
}
.al-view-gt960 .OldNavigation #al-primary-nav .al-primary-icon-menu-item > a,
.al-view-gt960
.OldNavigation
#al-primary-nav
.al-primary-icon-menu-item
ng-component
> a {
padding: 11px 10px;
}
.al-view-960
.alNewNavigation
#al-primary-nav
li#al-gmc-messages-link
div#upn_badgeCnt
.al-gmc-popover-flyout {
right: 10px;
margin-bottom: 10px;
}
.al-view-gt960 .alNewNavigation #al-primary-nav .al-primary-icon-menu-item a b {
font-weight: 400;
font-size: 16px;
top: 17px;
}
.al-view-gt960 .alNewNavigation .al-secondarynav-bottom-shadow {
background: none;
display: none;
}
.al-view-gt960 .OldNavigation .al-secondarynav-bottom-shadow {
background: linear-gradient(#00000040, #0000);
}
.alNewNavigation #al-primary-nav li,
.alNewNavigation #al-primary-nav li.al-primary-with-subnav.selected,
.no-touch .alNewNavigation #al-primary-nav li:hover {
height: 54px;
text-align: center;
display: table;
}
.al-view-gt960
.alNewNavigation
#al-primary-nav
.al-primary-icon-menu-item.selected {
height: 54px;
border-left: 1px solid #c5c6c7;
border-right: 1px solid #c5c6c7;
}
.al-view-gt960 .alNewNavigation #al-primary-nav li a {
border-left: none;
font-size: 16px;
font-weight: 400;
height: auto;
}
.al-view-gt960 .alNewNavigation #al-primary-nav li.selected:hover {
background-color: #cecece;
height: 54px;
}
.al-view-gt960 .alNewNavigation #al-primary-nav .al-primary-menu-small-last a {
border-right: none;
}
.al-view-gt960
.alNewNavigation
#al-primary-nav
.al-primary-icon-menu-item.selected
a:hover {
height: 53px;
}
.al-view-gt960
.alNewNavigation
#al-primary-nav
li.al-primary-moving-menu-list
a {
padding: 11px 14px !important;
height: auto;
}
.al-view-gt960
.alNewNavigation
#al-primary-nav
ul#al-primary-expand-list
li:hover,
.al-view-gt960
.alNewNavigation
#al-primary-nav
ul#al-primary-main-ul
li.resizeHome:hover,
.al-view-gt960
.alNewNavigation
#al-primary-nav
ul#al-primary-main-ul
li.homeNoResize:hover {
background: #cecece !important;
}
.al-view-gt960 .alNewNavigation #al-primary-nav {
border-top: none;
}
.al-view-gt960
.alNewNavigation
#al-primary-nav
li.al-primary-with-subnav.selected:hover,
.al-view-gt960
.alNewNavigation
#al-primary-nav
li.al-primary-with-subnav.selected
a:hover,
.al-view-gt960
.alNewNavigation
#al-primary-nav
li.al-primary-moving-menu-list
ng-component
a {
height: 54px;
}
.al-view-gt960
.alNewNavigation
#al-primary-nav
li.al-primary-moving-menu-list
a,
.al-view-gt960 .alNewNavigation #al-primary-nav li li a {
display: table-cell;
vertical-align: middle;
}
.al-view-gt960
.alNewNavigation
#al-primary-nav
li.al-primary-with-subnav.selected {
border-left: 1px solid #c5c6c7;
border-right: 1px solid #c5c6c7;
}
.al-view-gt960 .alNewNavigation .icon_search {
height: 26px;
width: 26px;
}
.al-view-gt960 .alNewNavigation .searchBoxClass {
margin-top: 14px;
display: inline-block;
width: 30px;
position: relative;
}
.al-view-gt960 .alNewNavigation #searchIconId {
text-decoration: none;
border-bottom: none;
height: auto;
}
.al-view-gt960 .alNewNavigation #searchBoxContent {
background-size: 19px;
width: 410px;
z-index: 99;
position: absolute;
top: 20px;
right: -70px;
height: 50px;
display: block;
}
.al-view-gt960 .alNewNavigation #searchBoxContent .arrowIcon {
width: 20px;
height: 10px;
background-position: 0px 0px;
z-index: 1000;
top: 70px;
right: 70px;
position: fixed;
}
.al-view-gt960 .alNewNavigation #searchBoxContent .al-header-search {
padding-top: 0;
}
.al-view-gt960 .alNewNavigation #searchBoxContent .searchBoxContentClass {
padding: 11px;
margin: 11px;
background: #fff;
border-color: #e5e6e6;
height: 51px;
border-top: #fff;
border-radius: 5px;
border-width: 1px;
border-style: solid;
}
.al-view-gt960 .alNewNavigation #searchBoxContent input[type="text"] {
width: 314px;
height: 28px;
background-color: #f7f7f7;
background-image: none;
padding: 2px 8px 2px 10px;
border: 1px solid #f5f5f5;
font-size: 13px;
background-repeat: no-repeat;
background-position: right center;
outline: 0;
border-radius: 0;
box-shadow: none;
}
.al-view-gt960 .alNewNavigation #searchBoxContent input[type="button"] {
border: none;
border-radius: 0;
box-shadow: none;
height: 26px;
width: 26px;
margin-left: 8px;
background-size: 26px;
background-repeat: no-repeat;
}
.al-view-gt960
.alNewNavigation
.al-secondarynav
.al-secondarynav-level-1
ul
li
a,
.al-view-gt960
.alNewNavigation
.al-secondarynav
.al-secondarynav-flex-dropdown
ul
li
a,
.al-view-gt960
.alNewNavigation
.al-secondarynav
.al-secondarynav-level-1
ul
li
span,
.al-view-gt960
.alNewNavigation
.al-secondarynav
.al-secondarynav-flex-dropdown
ul
li
span {
background-color: #f7f7f7;
border: 1px solid #e5e6e6;
border-color: #e5e6e6;
}
.al-view-gt960
.alNewNavigation
.al-secondarynav
.al-secondarynav-level-1
ul
li.subNavElements_Li
span,
.al-view-gt960
.OldNavigation
.al-secondarynav
.al-secondarynav-level-1
ul
li.subNavElements_Li
span {
background-color: #fff;
border-color: transparent;
}
.al-view-lt960
.alNewNavigation
.al-secondarynav
.al-secondarynav-level-1
ul
li {
margin-top: 0;
}
.al-view-gt960 .alNewNavigation .al-secondarynav .al-simpleDropDown a {
background-size: 12px;
background-position: 95% 53%;
}
.alNewNavigation #al-primary-nav li#al-gmc-messages-link {
width: 50px;
min-width: 20px;
}
.al-view-720
.alNewNavigation
#al-primary-nav
#al-primary-search-dropdown
.al-720-w75 {
width: 100%;
}
.alNewNavigation #al-primary-nav #al-gmc-messages-link.selected {
border-left: 0px;
border-right: 0px;
border-bottom: 0px dotted #c5c6c7;
background-color: transparent;
}
.alNewNavigation #al-primary-nav #al-gmc-messages-link div.noMsg a {
margin-top: 3px;
border-right: none;
border-left: none;
height: 45px;
}
.al-view-gt960 .OldNavigation .al-secondarynav .al-secondarynav-level-2 ul li,
.al-view-gt720 .OldNavigation .al-secondarynav .al-secondarynav-level-2 ul li {
font-size: 14px !important;
margin-right: 0;
margin-top: 0;
}
.alNewNavigation #al-primary-nav li#al-gmc-messages-link:hover,
.al-view-gt960 .alNewNavigation #al-primary-nav .searchNew:hover {
background: none;
filter: none;
}
.al-view-gt960 .alNewNavigation #al-primary-nav .searchNew {
float: right;
width: 30px;
min-width: 1%;
}
.al-view-gt960 .alNewNavigation #al-primary-nav .al-overlay li {
min-width: auto;
width: auto;
}
.al-view-gt960 .alNewNavigation #al-primary-nav .al-overlay li.resizeHome {
min-width: 6%;
}
.alNewNavigation #al-primary-nav #al-gmc-messages-link div.noMsgClass a {
margin-top: 8px;
}
.al-view-960
.alNewNavigation
.al-secondarynav
.al-secondarynav-level-1
ul
li
a {
height: auto;
font-size: 12px;
border: 0px;
}
.al-view-960
.alNewNavigation
.al-secondarynav
.al-secondarynav-level-2
ul
li
a {
padding: 11px;
margin-top: 0;
border: none !important;
}
.al-view-gt960 .al-secondarynav .al-secondarynav-level-2 ul li {
margin-right: 0;
margin-top: 0;
}
.alNewNavigation #al-primary-nav #al-gmc-messages-link a {
border-right: 0px;
}
.mobileHome:hover,
.mainNavTitleSubNav:hover,
.mainNavTitle:hover,
.al-view-lt960 .alNewNavigation .al-secondarynav-level-1 .al-device-only:hover {
background-color: #d2d3d3;
}
.firefox #al-primary-nav a:focus {
outline: 1px dotted;
}
.al-view-lt960 .alNewNavigation #al-primary-nav .al-aux-menu-sub li span {
padding: 11px 15px 11px 40px;
font-size: 18px;
color: #383737;
display: block;
}
.al-view-gt960
.alNewNavigation
#al-primary-nav
.al-primary-icon-menu-item
div#upn_badgeCnt
#alFlyout
#flyout
a {
background-image: none;
}
.redesignUpointLogo {
height: 46px;
}
.redesignUpointLogo .al-aux-pos-fix {
margin-top: 7px !important;
}
.redesignUpointLogo .newHeight {
max-height: 35px;
max-width: 80px;
margin-top: -17px;
height: auto;
width: auto;
}
.al-view-gt960
.alNewNavigation
#al-primary-nav
.al-primary-icon-menu-item
#flyout
a {
height: auto;
}
.al-view-gt960 .alNewNavigation #al-primary-nav .al-page-wrapper {
max-width: 98%;
}
.ie.al-view-gt960 .alNewNavigation .al-page-wrapper {
z-index: auto;
}
#flyout .typo-area b {
position: relative !important;
top: auto !important;
}
a.al-tooltip:hover {
border-bottom: 1px dashed #1c1e20;
border-color: #1c1e20;
color: #1c1e20;
text-decoration: none;
}
.al-tooltip-content {
background-color: #fff;
}
.al-overlaycontextpanel-pointer,
.al-tooltip-content {
border-color: #c5c6c7;
}
#al-primary-nav {
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #d2d3d3;
background: #efefef;
}
#al-primary-nav #al-primary-menu-link.selected a,
#al-primary-nav #al-gmc-messages-link.selected a,
#al-primary-nav #al-primary-search-link.selected a {
border-bottom: 0px solid #ffffff;
}
#al-primary-nav #al-primary-menu-link.selected:hover,
#al-primary-nav #al-gmc-messages-link.selected:hover,
#al-primary-nav #al-primary-search-link.selected:hover,
.al-view-lt960
.OldNavigation
#al-primary-nav
div.al-header-search-container.selected:hover {
background: #fff;
}
.al-view-lt960
.OldNavigation
#al-primary-nav
div.al-header-search-container.selected {
height: 67px;
}
#al-primary-nav #al-gmc-messages-link {
position: relative;
width: 100px;
}
.al-view-lt960 #al-primary-nav #al-gmc-messages-link {
width: 25%;
}
#al-primary-nav li:hover {
background: #efefef;
background-repeat: no-repeat;
}
#al-primary-nav li.selected a {
border-bottom: 0px;
}
#al-primary-nav li.al-primary-with-subnav.selected {
border-bottom-color: #fff;
}
.al-secondarynav {
background-color: #fff;
}
.al-view-lt960 .alNewNavigation .al-secondarynav-bdr {
border-bottom: 1px solid #e6e6e6;
}
.al-view-lt960 .alNewNavigation .al-secondarynav.al-secondarynav-bdr.hidden {
transform: translate3d(-340px, 0, 0);
z-index: -1;
}
.al-view-lt960
.alNewNavigation
.al-secondarynav.al-secondarynav-bdr:not(.hidden) {
background-color: transparent;
transition: transform 0.5s;
left: -22px !important;
position: absolute;
height: 100%;
top: 0;
z-index: 99999999;
border-bottom: 1px solid transparent !important;
}
.al-view-lt960 .alNewNavigation .NotActive {
z-index: -1 !important;
}
.al-view-gt960 .al-secondarynav .al-secondarynav-level-1 ul li a,
.al-secondarynav .al-secondarynav-flex-dropdown ul li a,
.al-secondarynav .al-secondarynav-level-1 ul li span,
.al-secondarynav .al-secondarynav-flex-dropdown ul li span {
border: 1px solid #737678;
border-color: #3c4144 #3c4144 #000000 #3c4144;
background-color: #3c4144;
border-radius: 5px;
}
.alNewNavigation .al-secondarynav .al-secondarynav-level-1 ul li a:hover {
background-color: #fff;
}
.al-view-lt960
.OldNavigation
.al-secondarynav
.al-secondarynav-level-1
ul
li
a:hover {
background-color: #deedfd;
}
.al-secondarynav .al-secondarynav-level-1 ul li a:active {
background-color: #1c68bf;
border-color: #095ab5;
}
.al-secondarynav .al-secondarynav-level-2 {
border: 1px solid #a8abac;
background-color: #fff;
}
.al-view-gt960 .al-secondarynav .al-secondarynav-level-2 {
margin-top: 0;
width: 220px;
}
.al-secondarynav .al-secondarynav-level-2 li a:hover {
border-radius: 0 !important;
}
.al-secondarynav .al-secondarynav-level-2 li a:active {
color: #fff;
}
.al-view-960 .OldNavigation .al-secondarynav-level-2 ul li a {
border: 1px solid transparent;
border-color: transparent;
background-color: transparent;
color: #000;
border-radius: 5px;
}
.al-view-960 .OldNavigation .al-secondarynav-level-2 ul li a:active {
border-color: transparent !important;
}
.al-aux-nav-wrapper {
max-height: 46px;
}
#al-aux-nav .al-aux-nav-primary li a {
font-size: 12.5px;
}
#al-aux-nav .al-aux-nav-primary li a:hover,
.al-header-dropdown a:hover {
background-color: inherit;
color: #fff;
}
#al-aux-nav .al-aux-nav-primary li a:active,
.al-header-dropdown a:active {
color: #bcd9f7;
}
#al-aux-nav .al-aux-menu-sub,
.al-single-menu-sub {
border: 1px solid #a8abac;
background-color: #fff;
}
#al-aux-nav .al-aux-menu-sub li a,
.al-single-menu-sub li a,
#al-aux-nav .al-aux-menu-sub li,
.al-single-menu-sub li {
color: #000;
}
#al-aux-nav .al-aux-menu-sub li a:hover,
.al-single-menu-sub li a:hover {
background-color: #deedfd;
color: #000;
}
#al-aux-nav .al-aux-menu-sub li a:active,
.al-single-menu-sub li a:active {
color: #fff;
background-color: #1c68bf;
}
.al-view-gt960 .al-secondarynav .al-simpleDropDown {
background-image: url(/api/angularfirst-app/ah-angular-afirst-web/al-assets/images/base/nav_dropdown.png);
background-repeat: no-repeat;
background-position: 100% 53%;
}
.al-single-menu a {
cursor: pointer;
}
al-mas-dropdown #al-roll a {
color: inherit !important;
}
.al-secondarynav .al-secondarynav-level-2 ul li a {
background-color: transparent;
border: 0px;
padding-top: 0;
}
.al-secondarynav-level-2 ul li {
width: 100%;
font-weight: 400;
}
#al-primary-nav .al-primary-icon-menu-item a {
background-image: url(/api/angularfirst-app/ah-angular-afirst-web/al-assets/images/base/icon_home.png);
width: 100%;
}
.alNewNavigation #al-primary-nav .al-primary-icon-menu-item a#menuIcon {
background-image: url(/api/angularfirst-app/ah-angular-afirst-web/al-assets/images/icon_menu_new.png) !important;
background-position: 10px 6px !important;
width: 52px;
}
#al-primary-nav .al-primary-icon-menu-item a#menuIcon {
background-image: url(/api/angularfirst-app/ah-angular-afirst-web/al-assets/images/base/icon_menu.png);
width: 100%;
background-position: center 10px !important;
}
#gmcFlyout .al-gmc-popover-flyout a {
background-image: none;
}
.al-secondarynav .al-secondarynav-level-1 ul li a {
padding: 8px 33px 8px 11px;
}
.al-view-gt960
.alNewNavigation
.al-secondarynav
.al-secondarynav-level-1
ul
li
a {
background-color: #f7f7f7;
border: 1px solid #e5e6e6;
border-color: #e5e6e6;
}
.al-view-gt960
.alNewNavigation
.al-secondarynav
.al-secondarynav-level-1
ul
li
div.nodropdown
a,
.al-view-gt960
.alNewNavigation
.al-secondarynav
.al-secondarynav-level-1
ul
li
div.nodropdown
span {
color: #3c4144;
background-color: #f7f7f7;
border: 1px solid #e5e6e6;
border-color: #e5e6e6;
}
.al-view-gt960
.alNewNavigation
.al-secondarynav
.al-secondarynav-level-1
ul
li
a.al-simpleDropDown {
background-image: url(/api/angularfirst-app/ah-angular-afirst-web/al-assets/images/triangle-arrow.png);
background-repeat: no-repeat;
background-size: 12px;
background-position: 95% 53%;
color: #3c4144;
background-color: #f7f7f7;
border: 1px solid #e5e6e6;
border-color: #e5e6e6;
}
.al-view-gt960
.alNewNavigation
.al-secondarynav
.al-secondarynav-level-1
ul
li
a.al-simpleDropDown:hover,
.al-view-gt960
.alNewNavigation
.al-secondarynav
.al-secondarynav-level-1
ul
li
div.nodropdown
a:hover,
.al-view-gt960
.alNewNavigation
.al-secondarynav
.al-secondarynav-level-1
ul
li
div.nodropdown
span:hover {
background-color: #fff;
}
.al-view-gt960 .alNewNavigation .al-secondarynav .al-simpleDropDown a {
background-image: url(/api/angularfirst-app/ah-angular-afirst-web/al-assets/images/triangle-arrow.png);
background-size: 12px;
background-position: 95% 53%;
}
.al-view-gt960
.alNewNavigation
.al-secondarynav
.al-secondarynav-level-1
ul
li
a,
.al-view-gt960
.alNewNavigation
.al-secondarynav
.al-secondarynav-flex-dropdown
ul
li
a,
.al-view-gt960
.alNewNavigation
.al-secondarynav
.al-secondarynav-level-1
ul
li
span,
.al-view-gt960
.alNewNavigation
.al-secondarynav
.al-secondarynav-flex-dropdown
ul
li
span {
background-color: #f7f7f7;
border: 1px solid #e5e6e6;
border-color: #e5e6e6;
border-radius: 5px;
}
.demo a {
background-color: transparent;
border: 1px solid transparent;
}
.al-view-lt960 .alNewNavigation .al-secondarynav .al-secondarynav-level-2,
.al-view-lt960 .alNewNavigation .al-secondarynav .al-secondarynav-level-1 {
top: 0;
}
.al-view-lt960 .alNewNavigation .al-secondarynav .al-secondarynav-level-2 li,
.al-view-lt960 .alNewNavigation .al-secondarynav .al-secondarynav-level-1 li {
margin-top: 0;
}
.al-view-lt960 .OldNavigation .al-secondarynav .al-secondarynav-level-1 {
box-shadow: none;
border-top: 0px;
margin-top: 0;
}
.visibleClass {
visibility: hidden;
}
.al-view-lt960 .alNewNavigation .al-secondarynav .al-secondarynav-level-2,
.al-view-lt960 .alNewNavigation .al-secondarynav .al-secondarynav-level-1 {
background-color: #efefef;
position: fixed;
width: 300px;
z-index: 500;
height: 100vh;
box-shadow: 1px 0 2px #0003;
display: block;
visibility: visible;
border-top: 0px;
}
.al-view-lt960 .alNewNavigation .al-secondarynav .al-secondarynav-level-1 {
left: -340px !important;
}
.al-view-lt960
.alNewNavigation
.al-secondarynav-level-2.al-simpleDropDown-subject.hidden {
left: -600px !important;
}
.al-view-lt960
.alNewNavigation
.al-secondarynav-level-2.al-simpleDropDown-subject {
left: -380px !important;
margin-top: 0;
}
.al-view-gt960 .alNewNavigation .al-secondarynav-level-2 {
height: auto;
}
.al-view-lt960 .alNewNavigation div#al-aux-your-profile-small {
left: -600px;
z-index: 1200;
margin-top: 0;
top: 0;
}
.al-view-lt960 .alNewNavigation #al-primary-menu-ul {
background-color: #e6e6e6 !important;
box-shadow: 1px 0 2px #0003;
left: -300px;
position: fixed;
width: 300px;
height: 100vh;
}
.al-view-lt960 .alNewNavigation #al-primary-nav #al-gmc-messages-link li:hover {
background-color: transparent;
background-image: none;
}
.al-view-lt960 .alNewNavigation #al-primary-nav li:hover {
background-color: transparent;
}
.al-view-lt960
.alNewNavigation
#al-primary-nav
.al-primary-icon-menu-item.mobileIcon,
.al-view-lt960 .alNewNavigation #al-primary-nav .al-primary-icon-menu-item {
width: 8%;
}
.al-view-gt960 .alNewNavigation #al-primary-nav #al-primary-home-link,
.al-view-gt960 .OldNavigation #al-primary-nav #al-primary-home-link {
min-width: 8%;
width: auto;
}
.al-view-lt960
.alNewNavigation
.al-secondarynav
.al-secondarynav-level-1
ul
li
div.backButton {
position: relative;
}
.al-view-lt960
.alNewNavigation
.al-secondarynav
.al-secondarynav-level-1
ul
li
div.backButton
a {
height: 33px;
font-size: 14px !important;
padding: 0 0 0 12px;
}
.al-view-lt960
.alNewNavigation
.al-secondarynav
.al-secondarynav-level-1
ul
li
.al-secondarynav-level-2
div.backButton
a {
padding-top: 5px;
}
.al-view-lt960 .alNewNavigation .al-input-text-small {
width: 100%;
}
.al-view-lt960
.alNewNavigation
#al-primary-nav
#al-aux-your-profile-small
li.al-nav-flex-header {
border-top: none;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.al-view-lt960
.alNewNavigation
#al-primary-nav
#al-aux-your-profile-small
li.al-nav-flex-header
a {
font-size: 14px;
font-weight: 700;
padding-top: 13px;
}
.al-view-lt960 .alNewNavigation #al-primary-nav .al-aux-menu-sub li a:hover {
background: #d2d3d3;
}
.al-view-lt960
.alNewNavigation
#al-primary-nav
#al-primary-menu-ul
li.selected
a {
font-weight: 400;
}
.al-view-lt960 .alNewNavigation #al-primary-nav {
height: 46px;
border-top: none;
}
.al-view-lt960 .alNewNavigation #al-primary-nav .al-page-wrapper {
position: relative;
}
.al-view-lt960
.alNewNavigation
#al-primary-nav
.al-aux-menu-sub
li:first-child
a:hover {
background: none;
}
.al-view-lt960
.alNewNavigation
.al-secondarynav
.al-secondarynav-level-1
ul
li:first-child:hover {
background-color: #d2d3d3;
}
.al-view-lt960
.alNewNavigation
#al-primary-nav
.al-primary-icon-menu-item
a:hover {
height: auto;
}
.al-view-lt960
.alNewNavigation
#al-primary-nav
#al-primary-search-dropdown
form {
margin: 11px 5px 11px 22px;
}
.al-view-lt960 .alNewNavigation #al-primary-nav #al-primary-menu-ul,
.al-view-lt960 .alNewNavigation div.al-secondarynav-level-1,
.al-view-lt960 .alNewNavigation div.al-secondarynav-level-2 {
top: 0;
position: fixed;
width: 300px;
z-index: 99999;
}
.al-view-lt960 .alNewNavigation #al-primary-nav #al-primary-menu-ul {
left: -300px;
top: 0 !important;
}
.al-view-lt720 .al-small-logo,
.al-view-gt720 .al-normal-logo,
.al-responsive-off .al-normal-logo {
display: inline-block;
}
.al-small-logo,
.al-normal-logo {
height: 43px;
margin-top: -21px;
}
.al-view-lt960 .al-overlayDiv {
position: fixed;
left: 0;
top: 0;
height: 100%;
width: 100%;
z-index: 10000;
opacity: 0.5;
background-color: #000;
display: block;
}
.al-view-lt960 .secondaryOverlay,
.al-view-lt960 .primaryOverlay {
z-index: 222;
cursor: pointer;
background-color: #a0a0a0;
transition: all 0.5s;
display: block;
width: 340px;
height: 100%;
position: absolute;
left: -40px;
top: 0;
}
.al-view-lt960 .primaryOverlay {
top: 0;
margin: 0;
}
.al-view-lt960 .alNewNavigation #al-primary-nav #al-primary-menu-ul li {
height: 42px;
}
.al-view-lt960 .alNewNavigation .SecondaryNavArrow,
.al-view-lt960 .alNewNavigation .SecondaryNavArrow:hover {
background-repeat: no-repeat;
}
.al-view-lt960
.alNewNavigation
#al-primary-nav
li.al-primary-with-subnav.al-primary-moving-menu-list.SecondaryNavArrow.selected {
background-image: url(/api/angularfirst-app/ah-angular-afirst-web/al-assets/images/icon_left_small.png) !important;
background-repeat: no-repeat;
}
.al-view-lt720 .OldNavigation a.al-simpleDropDown {
background-image: url(https://l8sida05:9801/documents/12748553/48971092/al-forwardback-dark.png);
}
.al-view-lt960 .alNewNavigation li#al-primary-home-link.mobileTitle,
.al-view-lt960 .alNewNavigation .mobileTitle {
height: 70px !important;
min-height: 70px;
}
.al-view-lt960 h3.mobileTitle a,
.al-view-lt960 h3.mobileTitle2 a {
width: 100%;
display: block;
}
.al-view-lt720 .OldNavigation h3.mobileTitle a,
.al-view-lt720 .OldNavigation h3.mobileTitle2 a {
border: 1px solid #737678;
border-color: #3c4144 #3c4144 #000000 #3c4144;
background-color: #3c4144;
color: #fff;
width: 85%;
border-radius: 5px;
padding: 5px 33px 5px 11px;
font-size: 12px !important;
margin: 11px 11px 11px 22px;
background-image: url(/api/angularfirst-app/ah-angular-afirst-web/al-assets/images/base/nav_dropdown.png);
background-repeat: no-repeat;
background-position: 100% 53%;
}
.al-view-lt720 .OldNavigation h3.mobileTitle2 a:active {
background-color: #1e71cf;
border: 1px solid #095ab5;
}
.al-view-lt960 .alNewNavigation .mobileTitle a,
.al-view-lt960 .alNewNavigation .mobileTitle2 a {
background-image: none;
margin: 0;
padding: 1em;
color: #3c4144;
text-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
font-weight: 400;
font-size: 22px;
border: 0px;
}
.al-view-lt960 .alNewNavigation .mobileTitle2 a {
padding: 0 !important;
}
.al-view-lt960
.alNewNavigation
#al-primary-nav
.al-primary-icon-menu-item
a#menuIcon {
padding: 22px;
height: 40px;
}
.al-view-lt960 #al-primary-nav #al-primary-menu-ul li.mobileTitle a,
.al-view-lt960 .mobileTitle a {
padding: 25px 0 25px 35px;
}
.al-view-lt960 .OldNavigation #al-primary-menu-ul ul.al-primary-expand-list li,
.al-view-lt960
.OldNavigation
#al-primary-menu-ul
ul.al-primary-expand-list
li:hover {
height: 40px;
}
.al-view-lt960 .OldNavigation #al-primary-menu-ul:not(.hidden) {
margin-top: 65px;
}
.al-view-lt720
.OldNavigation
.al-secondarynav
.al-secondarynav-level-1
ul
li
a.al-simpleDropDown {
background-image: url(/api/angularfirst-app/ah-angular-afirst-web/al-assets/images/brand/al-forwardback-dark.png);
background-repeat: no-repeat;
background-position: right center;
background-position-x: right;
background-position-y: center;
padding: 10px;
}
.al-view-lt720 .OldNavigation .al-secondarynav .al-secondarynav-level-1 ul {
position: absolute;
box-shadow: 0 2px 22px #000;
width: 100%;
background-color: #fff;
}
.al-view-lt720 .OldNavigation .al-secondarynav .al-secondarynav-level-1 ul li a,
.al-view-lt960 .subNavElementsTitle {
font-size: 12px !important;
}
.al-view-lt960 .subNavElementsTitle {
padding: 11px !important;
}
.al-view-lt960 .OldNavigation #al-primary-nav #al-primary-menu-ul {
margin-top: 66px;
}
.al-view-lt960 .OldNavigation .al-secondarynav .al-secondarynav-level-1 ul li a,
.al-view-lt960
.OldNavigation
.al-secondarynav
.al-secondarynav-flex-dropdown
ul
li
a,
.al-view-lt960
.OldNavigation
.al-secondarynav
.al-secondarynav-level-1
ul
li
span,
.al-view-lt960
.OldNavigation
.al-secondarynav
.al-secondarynav-flex-dropdown
ul
li
span {
border: 1px solid transparent;
border-color: transparent;
color: #000;
padding: 10px;
}
.al-secondarynav .al-secondarynav-level-2 li a {
background-color: #fff;
}
.al-view-lt960
.Expand340
.alNewNavigation
#al-primary-nav
#al-aux-choose-language-small.al-simpleDropDown-subject.Expand260 {
left: -600px;
top: 0;
margin-top: -47px;
height: 100%;
background-color: #e6e6e6;
max-width: 300px;
min-height: 737px;
}
.al-view-lt960 #al-primary-menu-ul .al-simpleDropDown-subject.mainMenuPostion,
.al-view-lt960 .alNewNavigation .mainMenuPostion {
background-color: #e6e6e6;
position: fixed;
left: -600px;
width: 300px;
z-index: 500;
box-shadow: 1px 0 2px #0003;
}
.al-view-lt960 .alNewNavigation #al-primary-menu-ul.show,
.al-view-lt960 .alNewNavigation .al-secondarynav-level-1.show {
z-index: 9;
width: 300px;
transition: all 0.5s;
}
.al-view-lt960 .alNewNavigation #al-primary-menu-ul.hide,
.al-view-lt960 .alNewNavigation .al-secondarynav-level-1.hide {
z-index: 0;
cursor: pointer;
background-color: #a0a0a0;
transition: all 0.5s;
}
.al-view-lt720 .OldNavigation .subNav .al-secondarynav-level-2:not(.hidden) {
position: absolute;
border: 0px;
box-shadow: none;
top: 9px !important;
}
.al-view-lt720 .OldNavigation .subNavElementsTitle {
background-color: #efefef;
font-weight: 700;
background-image: url(/api/angularfirst-app/ah-angular-afirst-web/al-assets/images/brand/al-forwardback-dark.png);
background-repeat: no-repeat;
background-position: left 15px;
padding-left: 29px !important;
color: #000;
}
.al-view-lt960 .noBorder-lt960 {
border: 0px !important;
}
.al-view-gt960 .al-overlayDiv,
.al-view-gt960 .secondaryOverlay,
.al-view-gt960 .primaryOverlay,
.al-view-lt960 .alNewNavigation #al-primary-home-link,
.al-view-gt960 .alNewNavigation .mainNavTitle,
.al-view-gt960 .alNewNavigation .mainNavTitleSubNav,
.al-view-lt960 .OldNavigation .hideOldNav,
.al-view-lt960 .hideNewNav,
.al-view-lt960 .alNewNavigation .hideMobile,
.al-view-lt960 .alNewNavigation .al-secondarynav-bottom-shadow,
.al-view-lt960
.alNewNavigation
.al-secondarynav
.al-secondarynav-flex-dropdown
ul
li
a,
.al-view-lt960
.alNewNavigation
.al-secondarynav
.al-secondarynav-flex-dropdown
ul
li
span,
.al-view-gt960 .backButton,
.al-view-lt960 .OldNavigation .backButton,
.al-view-gt960 .mobileTitle,
.al-view-gt720 .OldNavigation .mobileTitle,
.mobileHome,
.alNewNavigation .badgeText,
.al-view-lt960 .alNewNavigation #al-primary-search-link,
.al-view-lt960 .alNewNavigation .searchNew,
.alNewNavigation .subNavElementsTitle,
.al-view-gt720 .OldNavigation .subNavElementsTitle,
.al-view-lt960
.OldNavigation
.al-secondarynav
ul.subNav:not(.hidden)
.secondaryOverlay,
.al-view-lt720
.OldNavigation
.subNav
.al-secondarynav-level-2:not(.hidden)
.al-arrow,
.al-view-lt960 .alNewNavigation .arrowLevel-1,
.al-view-gt960 .arrowLevel-1,
.al-view-gt960 .alNewNavigation header-al-aux-nav,
.al-view-gt960 .OldNavigation header-al-aux-nav,
.al-view-lt960 #al-aux-nav,
[hidden],
.al-view-gt960 #al-aux-nav-mobile,
.hide {
display: none !important;
}
.al-view-lt960 .alNewNavigation #al-primary-expand-list #al-primary-home-link {
display: block !important;
}
.al-view-lt960 .alNewNavigation .mainNavTitle,
.al-view-lt960 .alNewNavigation .mobileTitle2 {
position: relative;
margin: 0 !important;
padding: 1em !important;
color: #3c4144 !important;
text-shadow: 0 0 1px rgba(0, 0, 0, 0.1) !important;
font-weight: 300 !important;
font-size: 22px !important;
text-align: left;
border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important;
cursor: text;
}
.al-view-lt960 .alNewNavigation .mainNavTitle a {
color: #383737;
}
.al-view-lt960 .alNewNavigation .mainNavTitle:hover {
background-color: #d2d3d3 !important;
}
.al-view-lt960 .OldNavigation .mainNavTitle {
background: linear-gradient(#fff, #efefef);
border-bottom: 1px dotted #d2d3d3;
padding: 7px;
}
.al-view-lt960 .OldNavigation .mainNavTitle a {
background-image: url(/api/angularfirst-app/ah-angular-afirst-web/al-assets/images/base/icon_leftarrow.png);
background-repeat: no-repeat;
background-position: left 0px;
padding-left: 18px;
background-color: transparent;
font-size: 12px;
color: #000;
font-weight: 700;
}
.al-view-lt960 .OldNavigation .mainNavTitle:hover {
background-color: #deedfd;
cursor: pointer;
}
.al-view-lt960 .alNewNavigation #al-primary-nav .al-aux-menu-sub {
z-index: 999 !important;
height: 100%;
background-color: #e6e6e6;
}
.al-view-lt960 .alNewNavigation #al-primary-nav .al-aux-menu-sub:not(.hidden) {
left: -40px !important;
}
.al-view-lt960 .alNewNavigation #al-primary-nav .al-aux-menu-sub.hidden {
left: -340px !important;
}
.al-view-lt960
.alNewNavigation
#al-primary-nav
.al-aux-menu-sub:not(.hidden)
#al-aux-your-profile-list {
visibility: visible;
display: block;
}
.al-view-lt960
.alNewNavigation
#al-primary-nav
.al-aux-menu-sub:not(.hidden)
#al-aux-chooseLang-list {
visibility: visible;
display: block;
}
.al-view-lt960 .alNewNavigation #al-primary-nav #al-primary-menu-ul li a:hover,
.al-view-lt960
.alNewNavigation
#al-primary-nav
#al-aux-your-profile-small
li
a:hover {
cursor: pointer;
}
.al-view-lt960
.alNewNavigation
#al-primary-nav
#al-aux-choose-language:not(.hidden) {
left: -40px !important;
}
.leftpadding li span {
padding: 0 !important;
}
.al-view-lt960 #al-primary-nav #al-primary-menu-ul {
z-index: 1 !important;
}
.al-view-lt960 #al-primary-nav #al-primary-menu-ul li {
height: auto !important;
}
.al-view-lt960 #al-primary-nav #al-primary-menu-ul li a {
color: #000;
}
.al-view-lt960 #al-primary-nav #al-primary-search-dropdown {
background-color: #fff;
}
.al-view-lt960 #al-primary-nav #al-primary-menu-ul li a:hover {
background-color: #deedfd;
cursor: pointer;
}
.al-view-lt720
.al-secondarynav
.al-secondarynav-level-2
.al-simpleDropDown.al-nav-flex-header,
.al-view-lt720
.al-secondarynav
.al-secondarynav-level-1
.al-simpleDropDown.al-nav-flex-header,
#al-primary-nav .al-aux-menu-sub li.al-nav-flex-header,
.al-menu-subhead {
background: #efefef;
background: linear-gradient(to bottom, #fff, #efefef);
}
#al-browserAlert p {
margin: 0 !important;
color: #000;
padding-bottom: 10px;
}
#al-browserAlert div {
margin: 0 !important;
color: #000;
padding-bottom: 10px;
font-size: 14px;
line-height: 1.5;
}
#al-aux-nav .al-aux-nav-primary li a:hover {
cursor: pointer;
}
#al-aux-choose-language ul {
width: 100% !important;
}
.al-font-change #al-aux-nav .al-aux-menu-sub ul li span {
display: inline-block;
font-size: 11.998px;
}
.al-font-change #al-aux-nav .al-aux-menu-sub ul li span.selected {
font-weight: 700;
}
.al-font-change .al-secondarynav .al-secondarynav-level-1 ul li a,
.al-font-change .al-secondarynav .al-secondarynav-level-1 ul li span,
.al-font-change .al-secondarynav .al-secondarynav-flex-dropdown ul li a,
.al-font-change .al-secondarynav .al-secondarynav-flex-dropdown ul li span {
line-height: normal;
}
#al-nav {
margin-bottom: 10px;
}
#gmcBadgeNo {
z-index: 9999;
}
.ui-dialog.ui-widget .ui-dialog-titlebar .ui-dialog-title {
font-size: 1.25em !important;
}
.al-view-lt960 .al-arrow {
z-index: 9999;
}
.ui-dialog-footer {
text-align: left;
}
.al-view-480 .alNewNavigation #al-primary-nav .al-primary-icon-menu-item a {
height: 46px;
}
.al-view-480 .alNewNavigation #al-primary-nav #al-gmc-messages-link a b {
top: 8px;
}
.al-view-lt720 .al-header-company-logo,
.aui-view-lt720 .al-header-company-logo {
outline: 0px;
}
#nobadgeCnt {
background-image: url(/api/angularfirst-app/ah-angular-afirst-web/al-assets/images/al-images/al-menu-icons.png) !important;
background-position: 10px 87% !important;
background-size: 58% !important;
background-repeat: no-repeat !important;
height: 85px;
}
.OldNavigation #nobadgeCnt {
background-position: 50% 93% !important;
background-size: initial !important;
height: 65px;
}
.al-view-960.no-touch:not(.chrome):not(.firefox) .OldNavigation #nobadgeCnt {
background-size: 35% !important;
}
.OldNavigation #al-primary-nav #al-gmc-messages-link a #nobadgeCnt b.badgeText {
color: #3c4144;
top: 16px;
padding-top: 26px;
}
#al-primary-nav #al-gmc-messages-link a#noBadgeCountLink {
background-image: none;
}
.al-view-lt960 #al-primary-nav #al-gmc-messages-link a#noBadgeCountLink {
width: 100%;
}
#gmcFlyout
.al-gmc-popover-flyout
.setTileWrapperCategory#categoryWrapperContent {
margin-top: 0;
}
.alNewNavigation #nobadgeCnt {
background-image: url(/api/angularfirst-app/ah-angular-afirst-web/al-assets/images/al-images/al-menu-icons.png) !important;
background-position: 7px 84.5% !important;
background-size: 80% !important;
background-repeat: no-repeat !important;
height: 54px;
}
.alNewNavigation
#al-primary-nav
.al-primary-icon-menu-item
div#upn_badgeCnt
a.al-show-anchor,
.alNewNavigation
#al-primary-nav
.al-primary-icon-menu-item
div#upn_badgeCnt
a.al-badgeAnchor {
background-image: url(/api/angularfirst-app/ah-angular-afirst-web/al-assets/images/al-images/al-menu-icons.png) !important;
background-position: 7px 84.5% !important;
background-size: 80% !important;
background-repeat: no-repeat !important;
height: 54px;
}
.al-view-lt960
.alNewNavigation
#al-primary-nav
.al-primary-icon-menu-item
div#upn_badgeCnt
a.al-show-anchor,
.al-view-lt960
.alNewNavigation
#al-primary-nav
.al-primary-icon-menu-item
div#upn_badgeCnt
a.al-badgeAnchor {
background-position: 10px 87% !important;
height: 46px;
}
.alNewNavigation #al-primary-nav #al-gmc-messages-link b .al-badge-action {
background-color: #d30000 !important;
height: auto;
width: auto;
border: none;
font-weight: 700;
font-size: 12px;
padding: 1px 6px;
box-shadow: none;
min-width: auto;
left: 20px;
top: -9px;
z-index: 0 !important;
}
#al-primary-nav #al-gmc-messages-link a b {
top: 13px;
}
.al-view-lt960 .alNewNavigation #al-primary-home-link2 a {
background-image: none !important;
margin: 0 !important;
padding: 1em !important;
color: #3c4144 !important;
text-shadow: 0 0 1px rgba(0, 0, 0, 0.1) !important;
font-weight: 300 !important;
font-size: 22px !important;
}
.al-view-lt960 .alNewNavigation #al-primary-nav #al-primary-menu-ul li {
border-bottom: none !important;
min-height: 41px;
}
.al-view-lt960 #al-primary-nav #al-primary-menu-ul li {
text-align: left;
width: 100%;
float: none;
border-bottom: 1px dotted #d2d3d3;
display: block;
}
.al-view-lt960 .alNewNavigation #al-primary-nav #al-primary-menu-ul li a {
border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important;
color: #383737 !important;
}
.al-view-lt960 .alNewNavigation #al-primary-nav #al-primary-menu-ul li a:hover,
.al-view-lt960
.alNewNavigation
#al-primary-nav
#al-aux-your-profile-small
li
a:hover,
.al-view-lt960
.alNewNavigation
#al-primary-nav
#al-primary-menu-ul
li.selected
a {
background-color: #0000001a !important;
}
.al-view-lt960 .alNewNavigation #al-primary-nav #al-primary-menu-ul li a {
padding-left: 35px;
}
.al-view-lt960 #al-primary-nav #al-primary-menu-ul li a {
display: block;
background-image: none;
padding: 11px;
height: auto;
font-size: 11.998px;
font-weight: 400;
border-bottom: 0;
border-left: none;
border-right: none;
cursor: pointer;
}
#al-primary-nav #al-gmc-messages-link .al-gmc-popover-flyout strong a {
font-weight: 700 !important;
}
.al-view-lt960 .alNewNavigation #al-primary-menu-ul li a,
.al-view-lt960 .alNewNavigation #al-aux-nav-small li a {
font-size: 18px !important;
}
.al-view-lt960 #al-primary-nav #al-primary-menu-ul li.mobileTitle a,
.al-view-lt960 .mobileTitle a {
width: 100%;
font-size: 22px !important;
}
.al-view-lt960 .alNewNavigation .SecondaryNavArrow,
.al-view-lt960
.alNewNavigation
#al-primary-nav
#al-primary-menu-ul
li.al-simpleDropDown
a {
background-image: url(/api/angularfirst-app/ah-angular-afirst-web/al-assets/images/icon_left_small.png) !important;
background-position: 10px center !important;
background-repeat: no-repeat !important;
}
.al-view-lt960 .alNewNavigation .backButton {
text-transform: uppercase;
letter-spacing: 1px;
display: block;
position: relative;
transition: background 0.3s;
background-image: url(/api/angularfirst-app/ah-angular-afirst-web/al-assets/images/arrow-right.png) !important;
background-repeat: no-repeat !important;
background-position: 95% center !important;
margin-right: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important;
text-shadow: 0 0 1px rgba(255, 255, 255, 0.1);
line-height: 35px !important;
background-color: #d2d3d3;
border-top: 1px solid rgba(0, 0, 0, 0.2) !important;
padding: 0 !important;
height: 35px;
}
.al-view-lt960 .alNewNavigation .backButton a {
background-image: none !important;
font-size: 14px !important;
font-weight: 700 !important;
padding-left: 12px !important;
color: #000 !important;
}
.al-view-lt960 .alNewNavigation .al-secondarynav .al-secondarynav-level-2 ul li,
.al-view-lt960
.alNewNavigation
.al-secondarynav
.al-secondarynav-level-1
ul
li {
border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important;
}
.al-view-lt960
.alNewNavigation
.al-secondarynav
.al-secondarynav-level-2
ul
li
a,
.al-view-lt960
.alNewNavigation
.al-secondarynav
.al-secondarynav-level-1
ul
li
a,
.al-view-lt960
.alNewNavigation
.al-secondarynav
.al-secondarynav-level-2
ul
li
span,
.al-view-lt960
.alNewNavigation
.al-secondarynav
.al-secondarynav-level-1
ul
li
span {
background-color: transparent !important;
font-size: 18px !important;
text-shadow: 0 0 1px rgba(255, 255, 255, 0.1);
line-height: 22px;
font-weight: 400;
padding-left: 40px;
}
.al-view-lt960 .alNewNavigation .SecondaryNavArrow {
background-image: url(/api/angularfirst-app/ah-angular-afirst-web/al-assets/images/icon_left_small.png) !important;
background-position: 10px center !important;
}
#al-primary-nav .al-aux-menu-sub li.al-nav-flex-header a {
text-indent: 16px;
padding-top: 15px !important;
background-position: left 15px !important;
}
#al-aux-your-profile.al-aux-menu-sub {
left: -58px;
}
#al-aux-choose-language ul li.hide {
display: none !important;
}
#al-aux-choose-language.al-aux-menu-sub {
left: 81px;
}
.al-view-lt960 #al-aux-choose-language.al-aux-menu-sub,
.al-view-lt960 #al-aux-your-profile.al-aux-menu-sub {
left: 0;
}
.al-view-lt960 .alNewNavigation .al-overlay .al-aux-nav-persistent,
.al-view-lt960 .alNewNavigation .al-chatWindow,
.al-view-960 .OldNavigation #al-primary-menu-ul .al-secondarynav-bottom-shadow {
display: none !important;
}
.al-view-lt960 .al-aux-nav-wrapper #al-aux-nav {
top: -3px;
}
.al-view-lt960
.alNewNavigation
#al-primary-nav
.al-primary-icon-menu-item
.al-gmc-inner-wrapper
.al-main-gmc-wrapper
a,
.al-view-lt960
.alNewNavigation
#al-primary-nav
.al-primary-icon-menu-item
.al-gmc-inner-wrapper
.al-main-gmc-wrapper
a:hover {
min-height: 100% !important;
height: 45px;
}
.al-view-lt960.al-view-720
.alNewNavigation
#al-primary-nav
.al-primary-icon-menu-item
div#upn_badgeCnt
a.al-badgeAnchor {
right: 11px;
}
#al-gmc-messages-link #upn_hmCount {
background: none;
}
.alNewNavigation .al-gmc-popover-flyout {
outline: 0 !important;
top: 42px;
}
#al-primary-nav li .al-gmc-popover-flyout a.al-gmc-CloseBtn {
font-size: 18px;
text-align: right;
width: 18px;
top: 2px;
right: 10px;
}
.alNewNavigation #al-primary-nav li .al-gmc-popover-flyout a.al-gmc-CloseBtn {
width: 0px;
}
.al-ecs-color-green {
background-color: #377c37 !important;
}
.al-ecs-color-red {
background-color: #c03e3e !important;
}
.al-view-720.touch .alNewNavigation .al-gmc-popover-flyout,
.al-view-480.touch .alNewNavigation .al-gmc-popover-flyout,
.al-view-320.touch .alNewNavigation .al-gmc-popover-flyout,
.al-view-960.touch .alNewNavigation .al-gmc-popover-flyout {
right: 0;
}
#al-primary-nav .al-primary-icon-menu-item.selected,
.no-touch #al-primary-nav .al-primary-icon-menu-item a:hover {
height: 65px;
}
.al-view-lt720.touch .OldNavigation .al-secondarynav .al-secondarynav-level-1 {
border: 1px solid transparent;
position: relative;
}
.al-view-320 .al-single-menu-sub {
left: -22px;
}
.al-single-menu-sub {
width: 220px;
}
.al-single-menu-sub .al-menu-subhead {
background: linear-gradient(to bottom, #fff, #efefef);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF",endColorstr="#EFEFEF",GradientType=0);
}
.al-view-320 .OldNavigation .al-secondarynav-page-level.al-page-wrapper {
padding: 0;
}
.al-view-lt720 .al-secondarynav-level-1 .subNav.openSecondary li:not(.current) {
display: none !important;
}
.al-view-lt720 .al-secondarynav-level-1 .subNav.openSecondary li.current li,
.al-view-lt720
.al-secondarynav-level-1
.subNav.openSecondary
li.current
.al-secondarynav-level-2
.al-arrow {
display: block !important;
}
.al-view-gt960
.OldNavigation
#al-primary-nav
ul#al-primary-expand-list
li:last-child
a {
border-right: 1px dotted #c5c6c7;
}
.no-touch .al-secondarynav .al-secondarynav-level-2 ul li.subNavElements_Li a {
background-color: #fff;
}
.no-touch.al-view-960 .alNewNavigation li.iconSearchBadgeContainer:hover {
background: transparent !important;
}
.al-view-gt960 .al-search-holder-desktop {
min-height: 77px;
}
img.al-upoint-icon-img.al-er-logo {
min-height: 30px !important;
margin: 8px auto;
padding-top: 5px;
}
.al-view-320 .alNewNavigation #al-primary-nav li#al-gmc-messages-link,
.al-view-720 .alNewNavigation #al-primary-nav li#al-gmc-messages-link,
.al-view-480 .alNewNavigation #al-primary-nav li#al-gmc-messages-link {
width: 50px !important;
min-width: 20px !important;
margin-right: 10px;
position: absolute;
right: 0;
z-index: 1;
}
.al-view-320
.alNewNavigation
#al-primary-nav
.al-primary-icon-menu-item
div#upn_badgeCnt
a.al-show-anchor,
.al-view-320
.alNewNavigation
#al-primary-nav
.al-primary-icon-menu-item
div#upn_badgeCnt
a.al-badgeAnchor,
.al-view-720
.alNewNavigation
#al-primary-nav
.al-primary-icon-menu-item
div#upn_badgeCnt
a.al-show-anchor,
.al-view-720
.alNewNavigation
#al-primary-nav
.al-primary-icon-menu-item
div#upn_badgeCnt
a.al-badgeAnchor,
.al-view-480
.alNewNavigation
#al-primary-nav
.al-primary-icon-menu-item
div#upn_badgeCnt
a.al-show-anchor,
.al-view-480
.alNewNavigation
#al-primary-nav
.al-primary-icon-menu-item
div#upn_badgeCnt
a.al-badgeAnchor {
background-position: 7px 83.5% !important;
background-size: 80% !important;
height: 46px;
border-left: none;
}
.al-view-320 .alNewNavigation #al-gmc-messages-link:after,
.al-view-720 .alNewNavigation #al-gmc-messages-link:after,
.al-view-480 .alNewNavigation #al-gmc-messages-link:after {
margin-left: -8px;
}
.al-view-320 .alNewNavigation .al-gmc-popover-flyout,
.al-view-720 .alNewNavigation .al-gmc-popover-flyout,
.al-view-480 .alNewNavigation .al-gmc-popover-flyout {
top: 38px;
}
.al-view-720 .OldNavigation .al-secondarynav .al-secondarynav-level-1 {
padding: 0 0 11px;
position: relative;
}
.al-view-720 .OldNavigation .al-secondarynav .al-secondarynav-level-1 ul li {
width: auto;
display: inline-block;
border-bottom: none;
margin-top: 11px;
}
.al-view-720
.OldNavigation
.al-secondarynav
.al-secondarynav-level-1
ul
li
ul
li.subNavElements_Li {
margin-top: 0;
}
.al-view-720
.OldNavigation
.al-secondarynav
.al-secondarynav-level-1
ul
li
div
a {
color: #fff;
border-radius: 5px;
}
.al-view-720
.OldNavigation
.al-secondarynav
.al-secondarynav-level-1
ul
li
.al-simpleDropDown {
color: #fff;
border-radius: 5px;
background-color: #3c4144;
background-image: url(/api/angularfirst-app/ah-angular-afirst-web/al-assets/images/base/nav_dropdown.png);
background-repeat: no-repeat;
background-position: 100% 53%;
min-width: 132px;
padding: 8px 33px 8px 11px;
}
.al-view-720
.OldNavigation
.al-secondarynav
.al-secondarynav-level-1
ul
li
.al-simpleDropDown:hover {
background-color: #3c4144;
}
.al-view-720
.OldNavigation
.al-secondarynav
.al-secondarynav-level-1
ul
li
.al-simpleDropDown:active {
background-color: #1e71cf;
border: 1px solid #095ab5;
}
.al-view-720
.OldNavigation
.al-secondarynav
.al-secondarynav-level-1
ul
li
.al-secondarynav-level-2 {
width: 190px;
margin-top: 44px;
color: #000;
}
.al-view-720
.OldNavigation
.al-secondarynav
.al-secondarynav-level-1
ul
li
.al-secondarynav-level-2
ul
li {
width: 100%;
border-bottom: 1px dotted #d2d3d3;
}
.al-view-720
.OldNavigation
.al-secondarynav
.al-secondarynav-level-1
ul
li
.al-secondarynav-level-2
ul
li
a {
color: #000;
padding: 11px 8px;
background-color: #fff;
}
.al-view-720
.OldNavigation
.al-secondarynav
.al-secondarynav-level-1
ul
li
.al-secondarynav-level-2
ul
li
span {
background-color: #fff;
color: #000;
padding: 11px 8px;
}
.al-view-720
.OldNavigation
.al-secondarynav
.al-secondarynav-level-1
ul
li.al-no-dropdown
a {
color: #fff;
border-radius: 5px;
font-weight: 400;
min-width: 132px;
padding: 8px 33px 8px 11px;
}
.al-view-720
.OldNavigation
.al-secondarynav
.al-secondarynav-level-1
ul
li.al-no-dropdown
a:hover {
background-color: #3c4144;
}
.al-view-720
.OldNavigation
.al-secondarynav
.al-secondarynav-level-1
ul
li.al-no-dropdown
a:active {
background-color: #1e71cf;
border: 1px solid #095ab5;
}
.al-view-720
.OldNavigation
.al-secondarynav
.al-secondarynav-level-1
ul
li.al-device-only {
margin-right: 7px;
}
.al-view-720
.OldNavigation
.al-secondarynav
.al-secondarynav-level-1
#mobileTitleOff {
display: none;
}
.al-view-720
.alNewNavigation
.al-secondarynav
.al-secondarynav-level-1
#mobileTitleOff {
display: none !important;
}
.al-view-720
.alNewNavigation
.al-secondarynav
.al-secondarynav-level-1
#mobileTitleOn {
display: block;
}
.mobileTitle2 {
margin-bottom: -5px;
}
.alNewNavigation #al-primary-nav .al-primary-icon-menu-item a#noBadgeCountLink {
height: 46px;
}
.al-view-960 .alNewNavigation #al-primary-expand-list #al-primary-home-link a {
padding-left: 14px;
padding-right: 14px;
}
.al-view-320 .OldNavigation .al-gmc-popover-flyout,
.al-view-lt320 .OldNavigation .al-gmc-popover-flyout {
width: 93%;
right: 26%;
}
.al-view-480 .OldNavigation .al-gmc-popover-flyout {
width: 95% !important;
right: 26%;
min-width: 450px;
}
.alNewNavigation #flyout div.al-tile-baseContainer {
margin-left: 0;
}
.al-view-960 .alNewNavigation #al-gmc-messages-link .al-gmc-popover-flyout {
right: -30px;
margin-top: 0;
}
#al-aux-nav-mobile {
position: absolute;
right: 24px;
}
#al-aux-nav-mobile ul {
list-style: none;
}
#al-aux-nav-mobile ul li a {
color: #c5c6c7;
}
.al-view-320 #alFlyout {
max-width: 355px !important;
}
.al-view-480 .alNewNavigation #alFlyout {
max-width: 427px !important;
}
.al-view-320.safari .OldNavigation #alFlyout {
max-width: 330px !important;
}
.al-view-720 #alFlyout {
max-width: 431px !important;
}
.al-view-720 .alNewNavigation #alFlyout,
.al-view-320 .alNewNavigation #alFlyout,
.al-view-480 .alNewNavigation #alFlyout {
right: 0%;
}
.al-view-lt960
.OldNavigation
#al-primary-nav
#al-primary-menu-ul
li:last-child {
border-bottom: 1px dotted #d2d3d3;
}
.al-view-720 .alNewNavigation .al-secondarynav .al-secondarynav-level-2 ul li a,
.al-view-720 .alNewNavigation .al-secondarynav .al-secondarynav-level-1 ul li a,
.al-view-720
.alNewNavigation
.al-secondarynav
.al-secondarynav-level-2
ul
li
span,
.al-view-720
.alNewNavigation
.al-secondarynav
.al-secondarynav-level-1
ul
li
span {
color: #383737;
}
.ui-rtl .alNewNavigation #al-primary-nav li.iconSearchBadgeContainer {
float: left;
left: 0 !important;
right: auto !important;
}
div#al-header.spinner-loader-animation {
animation: fadeIn ease 2s;
}
#dynamicBannerPromo {
display: inline-block;
width: 100%;
margin-top: 20px;
}
.al-view-lt960 .alNewNavigation #al-primary-nav li a {
border-left: none;
}
.al-view-lt960 .alNewNavigation #al-primary-nav li#al-primary-menu-link {
position: relative;
z-index: 1;
}
.al-view-lt960
.alNewNavigation
#al-primary-nav
.al-primary-icon-menu-item.al-header-search-container {
position: absolute;
padding-left: 60px;
padding-right: 60px;
width: 100% !important;
left: 0;
z-index: 0;
}
.al-view-gt720 .al-secondarynav .al-secondarynav-level-1 ul li a {
font-weight: 400 !important;
}
.al-view-lt960:not(.ui-rtl) .Expand380,
.al-view-lt960:not(.ui-rtl) .Collapse380,
.al-view-lt960:not(.ui-rtl) .Expand340,
.al-view-lt960:not(.ui-rtl) .Collapse340,
.al-view-lt960:not(.ui-rtl) .Expand300,
.al-view-lt960:not(.ui-rtl) .Collapse300,
.al-view-lt960:not(.ui-rtl) .Expand260,
.al-view-lt960:not(.ui-rtl) .Collapse260 {
transition: transform 0.5s;
}
.al-view-lt960:not(.ui-rtl) .Expand300 {
transform: translate3d(300px, 0, 0);
}
.al-view-lt960:not(.ui-rtl) .Collapse300 {
transform: translateZ(-300px);
}
.al-view-lt960:not(.ui-rtl) .Expand340 {
transform: translate3d(340px, 0, 0);
}
.al-view-lt960:not(.ui-rtl) .Collapse340 {
transform: translateZ(-340px);
}
.al-view-lt960:not(.ui-rtl) .Expand380 {
transform: translate3d(380px, 0, 0);
}
.al-view-lt960:not(.ui-rtl) .Collapse380 {
transform: translateZ(-380px);
}
#al-aux-nav #al-aux-your-profile ul li {
width: 100%;
margin: 0;
}
#al-aux-nav .al-aux-nav-primary li.al-simpleDropDown ul li a {
background-image: none;
}
#al-aux-your-profile.al-aux-menu-sub {
left: -33px;
}
#al-aux-choose-language ul#al-aux-chooseLang-list li {
margin: 0;
width: 100%;
}
#al-aux-choose-language.al-aux-menu-sub {
left: 97px;
}
.no-touch #al-aux-nav .al-aux-menu-sub li a:focus {
outline: dotted 1px black;
}
.no-touch .al-secondarynav .al-secondarynav-level-1 ul li a:focus {
outline: dotted 1px black;
}
.al-padding-left-20px {
padding-left: 20px;
}
.mar-bot10 {
margin-bottom: 10px;
}
#dynamicBannerPromo {
display: inline-flex;
width: 100vw;
justify-content: center;
margin-top: 20px;
}
.al-bypass-block {
position: absolute;
left: -1000px;
top: -1000px;
padding: 11px 22px;
box-shadow: 0 1px 2px #000;
background-color: #1e71cf;
border-color: #095ab5 #095ab5 #003f85 #095ab5;
color: #fff;
z-index: 2010;
font-size: 1.286em;
line-height: 1.222em;
font-family: Thrive;
text-decoration: none;
}
.al-bypass-block {
background-color: #1c68bf;
border-color: #095ab5 #095ab5 #003f80 #095ab5;
color: #fff;
}
.al-bypass-block.focus-bypass-block,
.al-bypass-block:focus {
top: 10px;
left: 10px;
color: #fff;
}
#content:focus {
border: 1px solid #4ec4f5;
box-shadow: inset 0 0 1px 1px #4ec4f5;
}
@layer primeng {
.p-dialog-mask {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
pointer-events: none;
}
.p-dialog-mask.p-component-overlay {
pointer-events: auto;
}
.p-dialog {
display: flex;
flex-direction: column;
pointer-events: auto;
max-height: 90%;
transform: scale(1);
position: relative;
}
.p-dialog-content {
overflow-y: auto;
flex-grow: 1;
}
.p-dialog-header {
display: flex;
align-items: center;
justify-content: space-between;
flex-shrink: 0;
}
.p-dialog-draggable .p-dialog-header {
cursor: move;
}
.p-dialog-footer {
flex-shrink: 0;
}
.p-dialog .p-dialog-header-icons {
display: flex;
align-items: center;
}
.p-dialog .p-dialog-header-icon {
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
position: relative;
}
.p-fluid .p-dialog-footer .p-button {
width: auto;
}
.p-dialog-top .p-dialog,
.p-dialog-bottom .p-dialog,
.p-dialog-left .p-dialog,
.p-dialog-right .p-dialog,
.p-dialog-top-left .p-dialog,
.p-dialog-top-right .p-dialog,
.p-dialog-bottom-left .p-dialog,
.p-dialog-bottom-right .p-dialog {
margin: 0.75rem;
transform: translateZ(0);
}
.p-dialog-maximized {
-webkit-transition: none;
transition: none;
transform: none;
width: 100vw !important;
height: 100vh !important;
top: 0 !important;
left: 0 !important;
max-height: 100%;
height: 100%;
}
.p-dialog-maximized .p-dialog-content {
flex-grow: 1;
}
.p-dialog-left {
justify-content: flex-start;
}
.p-dialog-right {
justify-content: flex-end;
}
.p-dialog-top {
align-items: flex-start;
}
.p-dialog-top-left {
justify-content: flex-start;
align-items: flex-start;
}
.p-dialog-top-right {
justify-content: flex-end;
align-items: flex-start;
}
.p-dialog-bottom {
align-items: flex-end;
}
.p-dialog-bottom-left {
justify-content: flex-start;
align-items: flex-end;
}
.p-dialog-bottom-right {
justify-content: flex-end;
align-items: flex-end;
}
.p-dialog .p-resizable-handle {
position: absolute;
font-size: 0.1px;
display: block;
cursor: se-resize;
width: 12px;
height: 12px;
right: 1px;
bottom: 1px;
}
.p-confirm-dialog .p-dialog-content {
display: flex;
align-items: center;
}
}
@media screen and (min-width: 1025px) {
#nit-alme-window-root[data-skinning="WorkLife"] .alme--launchPointContainer {
margin-bottom: -5% !important;
}
}
@layer primeng {
.p-dialog-mask {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
pointer-events: none;
}
.p-dialog-mask.p-component-overlay {
pointer-events: auto;
}
.p-dialog {
display: flex;
flex-direction: column;
pointer-events: auto;
max-height: 90%;
transform: scale(1);
position: relative;
}
.p-dialog-content {
overflow-y: auto;
flex-grow: 1;
}
.p-dialog-header {
display: flex;
align-items: center;
justify-content: space-between;
flex-shrink: 0;
}
.p-dialog-draggable .p-dialog-header {
cursor: move;
}
.p-dialog-footer {
flex-shrink: 0;
}
.p-dialog .p-dialog-header-icons {
display: flex;
align-items: center;
}
.p-dialog .p-dialog-header-icon {
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
position: relative;
}
.p-fluid .p-dialog-footer .p-button {
width: auto;
}
.p-dialog-top .p-dialog,
.p-dialog-bottom .p-dialog,
.p-dialog-left .p-dialog,
.p-dialog-right .p-dialog,
.p-dialog-top-left .p-dialog,
.p-dialog-top-right .p-dialog,
.p-dialog-bottom-left .p-dialog,
.p-dialog-bottom-right .p-dialog {
margin: 0.75rem;
transform: translateZ(0);
}
.p-dialog-maximized {
-webkit-transition: none;
transition: none;
transform: none;
width: 100vw !important;
height: 100vh !important;
top: 0 !important;
left: 0 !important;
max-height: 100%;
height: 100%;
}
.p-dialog-maximized .p-dialog-content {
flex-grow: 1;
}
.p-dialog-left {
justify-content: flex-start;
}
.p-dialog-right {
justify-content: flex-end;
}
.p-dialog-top {
align-items: flex-start;
}
.p-dialog-top-left {
justify-content: flex-start;
align-items: flex-start;
}
.p-dialog-top-right {
justify-content: flex-end;
align-items: flex-start;
}
.p-dialog-bottom {
align-items: flex-end;
}
.p-dialog-bottom-left {
justify-content: flex-start;
align-items: flex-end;
}
.p-dialog-bottom-right {
justify-content: flex-end;
align-items: flex-end;
}
.p-dialog .p-resizable-handle {
position: absolute;
font-size: 0.1px;
display: block;
cursor: se-resize;
width: 12px;
height: 12px;
right: 1px;
bottom: 1px;
}
.p-confirm-dialog .p-dialog-content {
display: flex;
align-items: center;
}
}
.awlds-header-wrapper {
z-index: 1000;
position: fixed;
top: 0;
width: 100%;
}
.awlds-header-margin {
margin-bottom: 40px;
}
.f-global-header {
border-bottom: 0.0625rem solid var(--neutral-mountain-mist);
background-color: #fff;
}
.f-global-header hr.brand-bar {
height: 0.5rem;
margin: 0;
border: none;
--f-default-color: linear-gradient(
92.75deg,
#fff200 0%,
#f3f018 2.28%,
#deee41 6.75%,
#cbeb67 11.77%,
#bbe987 17.23%,
#ade7a3 23.26%,
#a2e6b9 30.08%,
#99e4c9 38.04%,
#93e4d5 47.88%,
#90e3dc 61.68%,
#97e9e3 100%
);
background: var(--f-brand-color, var(--f-default-color));
}
.ecs-btn f-button {
--naked-text-color: var(--neutral-white);
--naked-focus-text-color: var(--neutral-white);
}
@media print {
#awldsHeaderWrapper {
display: none !important;
}
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--core-water-leaf: var(--color-palette-teal-400, #97e8e2);
--core-tropical-blue: var(--color-palette-blue-200, #c2d9fe);
--core-pale-lavendar: var(--color-palette-purple-200, #e5cefd);
--core-pale-lavender: var(--color-palette-purple-200, #e5cefd);
--accent-canary-yellow: var(--color-palette-yellow-100, #fff200);
--accent-grenadier: var(--color-palette-red-500, #cd4400);
--accent-pink-orange: var(--color-palette-red-300, #ff9966);
--accent-apricot: var(--color-palette-red-200, #ffcbb1);
--accent-denim: var(--color-palette-blue-700, #165bcf);
--accent-navy-blue: var(--color-palette-blue-500, #266de2);
--accent-jordy-blue: var(--color-palette-blue-300, #7da7ed);
--accent-hawkes-blue: var(--color-palette-blue-100, #dce9ff);
--accent-zircon: var(--color-palette-blue-50, #f6f9ff);
--tertiary-viking: var(--color-palette-teal-600, #64d9d2);
--tertiary-cornflower-blue: var(--color-palette-blue-400, #639dfe);
--tertiary-rich-lilac: var(--color-palette-purple-700, #bb6bd9);
--tertiary-orchid: var(--color-palette-purple-500, #d382e0);
--neutral-black: var(--color-palette-gray-700, #282828);
--neutral-steel: var(--color-palette-gray-500, #666666);
--neutral-dove-gray: var(--color-palette-gray-400, #767676);
--neutral-mountain-mist: var(--color-palette-gray-300, #949494);
--neutral-athens-gray: var(--color-palette-gray-200, #dedede);
--neutral-gallery: var(--color-palette-gray-100, #efefef);
--neutral-white: var(--color-palette-gray-50, #ffffff);
--error-background: var(--color-palette-red-50, #fdebec);
--error-shadow: var(--color-palette-red-400, #ed3f3f);
--error: var(--color-palette-red-600, #c61a1a);
--warning-background: var(--color-palette-yellow-50, #ffefd2);
--warning: var(--color-palette-yellow-200, #fbcf35);
--success-background: var(--color-palette-green-100, #e6f6e1);
--success-shadow: var(--color-palette-green-300, #0fab01);
--success: var(--color-palette-green-500, #107400);
--info: #165dd0;
--info-background: var(--color-bg-info-base, #dce9ff);
--a11y-focus-color: var(--color-border-focus-base, #0055aa);
--background-body: var(--color-bg-body-base, #ffffff);
--border-general: var(--color-border-default-base, #767676);
--border-light: var(--color-palette-gray-300, #949494);
--anchor-color: var(--color-link-base);
--awlds-color-progress-green: #0eab00;
--awlds-color-progress-green-contrast: var(
--color-palette-green-500,
#107400
);
--awlds-color-progress-blue: var(--color-palette-blue-700, #165bcf);
--awlds-color-progress-blue-contrast: var(--color-palette-blue-500, #266de2);
--branding-bg-color: var(--color-bg-brand-b1, #0066ff);
--branding-text-color: var(--color-text-body-base, #282828);
--vertical-brand-bar-color: var(--branding-bg-color);
--light-gray: #f9f9f9;
--light-blue: var(--color-palette-blue-50, #f6f9ff);
--light-turquoise: #eefcfb;
--ai-light-lavendar: #fbf7ff;
--ai-indigo-purple: var(--color-palette-purple-1000, #4f009a);
--base-font-color: var(--color-text-body-base, #282828);
--base-font-family: "FS Thrive Elliot Web", Arial, sans-serif;
--bold-font-family: "FS Thrive Elliot Web - Bold", Arial, sans-serif;
--heavy-font-family: "FS Thrive Elliot Web - Heavy", Arial, sans-serif;
--light-font-family: "FS Thrive Elliot Web - Light", Arial, sans-serif;
--italic-font-family: "FS Thrive Elliot Web - Italic", Arial, sans-serif;
--mono-font-family: "Courier New", Courier, monospace;
--small-font-size: var(--font-size-s, 14px);
--base-font-size: var(--font-size-base, 16px);
--large-font-size: var(--font-450, 18px);
--h1-font-size: var(--font-1200, 48px);
--h2-font-size: var(--font-size-3xl, 36px);
--h3-font-size: var(--font-700, 28px);
--h4-font-size: var(--font-size-xl, 22px);
--h5-font-size: var(--font-size-l, 20px);
--h6-font-size: var(--font-450, 18px);
--body-font-size: var(--font-size-base, 16px);
--subtitle-font-size: var(--font-size-s, 14px);
--helper-text-font-size: var(--font-size-2xs, 12px);
--legal-font-size: var(--font-325, 13px);
--spacing-none: 0;
--spacing-xs: 2px;
--spacing-s: 4px;
--spacing-m: 8px;
--spacing-l: 16px;
--spacing-xl: 24px;
--spacing-2xl: 32px;
--spacing-3xl: 40px;
--spacing-4xl: 56px;
--spacing-5xl: 80px;
--container-max-width: 1600px;
--width-xs: calc(var(--container-max-width) / 5);
--width-s: calc(var(--container-max-width) / 4);
--width-m: calc(var(--container-max-width) / 3);
--width-l: calc(var(--container-max-width) / 2);
--width-xl: var(--container-max-width);
--full-width: 100%;
--paragraph-margin-bottom: var(--spacing-m);
--paragraph-max-width: 37.5rem;
--breakpoint-s: 320px;
--breakpoint-m: 768px;
--breakpoint-l: 1024px;
--breakpoint-xl: 1280px;
--breakpoint-2xl: 1440px;
}
@font-face {
font-family: "FS Thrive Elliot Web";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Regular.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Bold";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Bold.woff")
format("woff");
font-display: swap;
font-weight: 700;
}
@font-face {
font-family: "FS Thrive Elliot Web - Heavy";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Heavy.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Light";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Light.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Italic";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Italic.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
:root,
:host {
--f-modal-border-radius: 0.625rem;
--f-modal-box-shadow: 0px 1.25rem 3.125rem 0px rgba(40, 40, 40, 0.3);
--f-modal-content-padding: var(--spacing-xl);
--f-modal-custom-width: 50rem;
--f-modal-custom-height: 16.25rem;
--f-modal-margin: var(--spacing-xl);
}
.f-modal {
position: fixed;
display: none;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1000;
padding: var(--f-modal-margin);
}
.f-modal.visible {
display: flex;
}
.f-modal.center {
justify-content: center;
align-items: center;
}
.f-modal.left {
justify-content: flex-start;
align-items: center;
}
.f-modal.right {
justify-content: flex-end;
align-items: center;
}
.f-modal.top-right {
justify-content: flex-end;
align-items: flex-start;
}
.f-modal.top-left {
justify-content: flex-start;
align-items: flex-start;
}
.f-modal.top {
justify-content: center;
align-items: flex-start;
}
.f-modal.bottom-right {
justify-content: flex-end;
align-items: flex-end;
}
.f-modal.bottom-left {
justify-content: flex-start;
align-items: flex-end;
}
.f-modal.bottom {
justify-content: center;
align-items: flex-end;
}
.f-modal .f-modal-container {
background-color: var(--color-bg-light-base, #ffffff);
box-shadow: var(--f-modal-box-shadow);
border-radius: 0.5rem;
display: flex;
flex-direction: column;
position: relative;
width: 100vw;
max-width: calc(100vw - var(--f-modal-margin) * 2);
max-height: calc(100vh - var(--f-modal-margin) * 2);
height: auto;
}
@media (min-width: 600px) {
.f-modal .f-modal-container {
width: auto;
max-width: calc(100vw - var(--f-modal-margin) * 2);
}
}
@media (min-width: 600px) {
.f-modal .f-modal-container.small {
width: 23.4375rem;
}
}
@media (min-width: 600px) {
.f-modal .f-modal-container.medium {
width: 30rem;
}
}
@media (min-width: 600px) {
.f-modal .f-modal-container.large {
width: 40.5rem;
}
}
@media (min-width: 600px) {
.f-modal .f-modal-container.custom {
width: var(--f-modal-custom-width);
}
}
.f-modal .f-modal-container.drawer {
width: var(--f-modal-custom-width, 25rem);
height: calc(100vh - var(--f-modal-margin) * 2);
max-height: calc(100vh - var(--f-modal-margin) * 2);
display: flex;
flex-direction: column;
min-height: 0;
}
.f-modal .f-modal-container.drawer .f-modal-header-container {
flex: 0 0 auto;
z-index: 2;
position: sticky;
top: 0;
}
.f-modal .f-modal-container.drawer .f-modal-content {
flex: 1 1 auto;
overflow-y: auto;
min-height: 0;
}
.f-modal .f-modal-container.drawer .f-modal-button-bar {
flex: 0 0 auto;
position: sticky;
bottom: 0;
z-index: 2;
background: var(--color-bg-light-base, #ffffff);
}
.f-modal .f-modal-container.drawer f-modal-header {
--f-modal-header-bg-color: var(--primary-navy);
--f-modal-header-text-color: var(--neutral-white);
}
.f-modal .f-modal-container.drawer f-modal-header button {
--icon-color: var(--neutral-white);
}
.f-modal .f-modal-container:not(.fixed-header) {
overflow-y: auto;
}
.f-modal .f-modal-container.fixed-header {
overflow: hidden;
}
.f-modal .f-modal-container.fixed-header .f-modal-header-container {
position: sticky;
top: 0;
}
.f-modal .f-modal-container.fixed-header .f-modal-content {
overflow-y: auto;
min-height: 0;
}
.f-modal .f-modal-container .f-modal-header-container {
flex: 0 0 auto;
z-index: 2;
background: var(--color-bg-light-base, #ffffff);
padding-bottom: var(--spacing-l);
}
.f-modal .f-modal-container .f-modal-header-container.f-modal-divider {
border-bottom: 0.0625rem solid var(--color-border-default-subtlest, #dedede);
}
.f-modal
.f-modal-container
.f-modal-header-container
::slotted([slot="f-modal-header-text"]),
.f-modal
.f-modal-container
.f-modal-header-container
::slotted([slot="f-modal-header-subtext"]) {
display: block;
font-size: var(--f-modal-header-font-size, 1.25rem);
font-weight: var(--f-modal-header-font-weight, 600);
margin-bottom: var(--spacing-xs);
}
.f-modal .f-modal-container .f-modal-header-container.has-slotted-header {
padding: var(--spacing-xl) var(--spacing-xl) var(--spacing-none)
var(--spacing-xl);
}
.f-modal .f-modal-container .f-modal-header {
position: relative;
display: flex;
align-items: flex-start;
width: 100%;
}
.f-modal .f-modal-container .f-modal-header > div:first-child {
display: flex;
flex-direction: column;
flex: 1 1 auto;
}
.f-modal .f-modal-container .f-modal-header-close-btn {
position: absolute;
top: 24px;
right: 24px;
z-index: 1;
display: flex;
align-items: center;
}
.f-modal .f-modal-container f-modal-header .f-modal-header-close-btn {
position: static;
}
.f-modal .f-modal-container .f-modal-close-btn {
background: none;
border: none;
padding: var(--spacing-xs);
cursor: pointer;
display: flex;
align-items: center;
}
.f-modal .f-modal-container .f-modal-content {
padding: var(--f-modal-content-padding);
width: auto;
position: relative;
}
.f-modal .f-modal-container .f-modal-content:focus {
outline: none;
}
.f-modal
.f-modal-container
.f-modal-content
img:not(.f-icon).f-modal-content-img-banner {
max-width: 100%;
height: auto;
}
.f-modal .f-modal-container .f-modal-button-bar {
flex: 0 0 auto;
}
.f-modal .f-modal-container.no-header-divider .f-modal-header-container {
padding-bottom: var(--spacing-s);
}
.f-modal .f-modal-container.no-header-divider .f-modal-content {
padding-top: var(--spacing-m);
}
.f-modal .f-modal-container:not(:has(.f-modal-button-bar)) .f-modal-content {
padding-bottom: var(--spacing-m);
}
.f-modal .f-modal-container:has(.f-modal-button-bar) .f-modal-content {
padding-bottom: var(--f-modal-content-padding);
}
.f-modal .f-modal-header-container.has-slotted-header .f-modal-header {
display: flex;
justify-content: space-between;
align-items: flex-start;
width: 100%;
}
.f-modal
.f-modal-header-container.has-slotted-header
.f-modal-header
> div:first-child {
display: flex;
flex-direction: column;
flex: 1 1 auto;
}
.f-modal
.f-modal-header-container.has-slotted-header
.f-modal-header-close-btn {
position: static;
display: flex;
align-items: center;
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--core-water-leaf: var(--color-palette-teal-400, #97e8e2);
--core-tropical-blue: var(--color-palette-blue-200, #c2d9fe);
--core-pale-lavendar: var(--color-palette-purple-200, #e5cefd);
--core-pale-lavender: var(--color-palette-purple-200, #e5cefd);
--accent-canary-yellow: var(--color-palette-yellow-100, #fff200);
--accent-grenadier: var(--color-palette-red-500, #cd4400);
--accent-pink-orange: var(--color-palette-red-300, #ff9966);
--accent-apricot: var(--color-palette-red-200, #ffcbb1);
--accent-denim: var(--color-palette-blue-700, #165bcf);
--accent-navy-blue: var(--color-palette-blue-500, #266de2);
--accent-jordy-blue: var(--color-palette-blue-300, #7da7ed);
--accent-hawkes-blue: var(--color-palette-blue-100, #dce9ff);
--accent-zircon: var(--color-palette-blue-50, #f6f9ff);
--tertiary-viking: var(--color-palette-teal-600, #64d9d2);
--tertiary-cornflower-blue: var(--color-palette-blue-400, #639dfe);
--tertiary-rich-lilac: var(--color-palette-purple-700, #bb6bd9);
--tertiary-orchid: var(--color-palette-purple-500, #d382e0);
--neutral-black: var(--color-palette-gray-700, #282828);
--neutral-steel: var(--color-palette-gray-500, #666666);
--neutral-dove-gray: var(--color-palette-gray-400, #767676);
--neutral-mountain-mist: var(--color-palette-gray-300, #949494);
--neutral-athens-gray: var(--color-palette-gray-200, #dedede);
--neutral-gallery: var(--color-palette-gray-100, #efefef);
--neutral-white: var(--color-palette-gray-50, #ffffff);
--error-background: var(--color-palette-red-50, #fdebec);
--error-shadow: var(--color-palette-red-400, #ed3f3f);
--error: var(--color-palette-red-600, #c61a1a);
--warning-background: var(--color-palette-yellow-50, #ffefd2);
--warning: var(--color-palette-yellow-200, #fbcf35);
--success-background: var(--color-palette-green-100, #e6f6e1);
--success-shadow: var(--color-palette-green-300, #0fab01);
--success: var(--color-palette-green-500, #107400);
--info: #165dd0;
--info-background: var(--color-bg-info-base, #dce9ff);
--a11y-focus-color: var(--color-border-focus-base, #0055aa);
--background-body: var(--color-bg-body-base, #ffffff);
--border-general: var(--color-border-default-base, #767676);
--border-light: var(--color-palette-gray-300, #949494);
--anchor-color: var(--color-link-base);
--awlds-color-progress-green: #0eab00;
--awlds-color-progress-green-contrast: var(
--color-palette-green-500,
#107400
);
--awlds-color-progress-blue: var(--color-palette-blue-700, #165bcf);
--awlds-color-progress-blue-contrast: var(--color-palette-blue-500, #266de2);
--branding-bg-color: var(--color-bg-brand-b1, #0066ff);
--branding-text-color: var(--color-text-body-base, #282828);
--vertical-brand-bar-color: var(--branding-bg-color);
--light-gray: #f9f9f9;
--light-blue: var(--color-palette-blue-50, #f6f9ff);
--light-turquoise: #eefcfb;
--ai-light-lavendar: #fbf7ff;
--ai-indigo-purple: var(--color-palette-purple-1000, #4f009a);
--base-font-color: var(--color-text-body-base, #282828);
--base-font-family: "FS Thrive Elliot Web", Arial, sans-serif;
--bold-font-family: "FS Thrive Elliot Web - Bold", Arial, sans-serif;
--heavy-font-family: "FS Thrive Elliot Web - Heavy", Arial, sans-serif;
--light-font-family: "FS Thrive Elliot Web - Light", Arial, sans-serif;
--italic-font-family: "FS Thrive Elliot Web - Italic", Arial, sans-serif;
--mono-font-family: "Courier New", Courier, monospace;
--small-font-size: var(--font-size-s, 14px);
--base-font-size: var(--font-size-base, 16px);
--large-font-size: var(--font-450, 18px);
--h1-font-size: var(--font-1200, 48px);
--h2-font-size: var(--font-size-3xl, 36px);
--h3-font-size: var(--font-700, 28px);
--h4-font-size: var(--font-size-xl, 22px);
--h5-font-size: var(--font-size-l, 20px);
--h6-font-size: var(--font-450, 18px);
--body-font-size: var(--font-size-base, 16px);
--subtitle-font-size: var(--font-size-s, 14px);
--helper-text-font-size: var(--font-size-2xs, 12px);
--legal-font-size: var(--font-325, 13px);
--spacing-none: 0;
--spacing-xs: 2px;
--spacing-s: 4px;
--spacing-m: 8px;
--spacing-l: 16px;
--spacing-xl: 24px;
--spacing-2xl: 32px;
--spacing-3xl: 40px;
--spacing-4xl: 56px;
--spacing-5xl: 80px;
--container-max-width: 1600px;
--width-xs: calc(var(--container-max-width) / 5);
--width-s: calc(var(--container-max-width) / 4);
--width-m: calc(var(--container-max-width) / 3);
--width-l: calc(var(--container-max-width) / 2);
--width-xl: var(--container-max-width);
--full-width: 100%;
--paragraph-margin-bottom: var(--spacing-m);
--paragraph-max-width: 37.5rem;
--breakpoint-s: 320px;
--breakpoint-m: 768px;
--breakpoint-l: 1024px;
--breakpoint-xl: 1280px;
--breakpoint-2xl: 1440px;
}
@font-face {
font-family: "FS Thrive Elliot Web";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Regular.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Bold";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Bold.woff")
format("woff");
font-display: swap;
font-weight: 700;
}
@font-face {
font-family: "FS Thrive Elliot Web - Heavy";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Heavy.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Light";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Light.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Italic";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Italic.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
:root,
:host {
--f-overlay-color: 255, 255, 255;
--f-overlay-opacity: 0.9;
--f-overlay-position: fixed;
--f-overlay-z-index: 0;
--f-overlay-height: 100vh;
--f-overlay-top: 0;
--f-overlay-right: 0;
--f-overlay-bottom: 0;
--f-overlay-left: 0;
--f-overlay-background-color: rgba(
var(--f-overlay-color),
var(--f-overlay-opacity)
);
}
f-overlay {
z-index: var(--f-overlay-z-index);
position: var(--f-overlay-position);
height: var(--f-overlay-height);
}
f-overlay .f-overlay {
background-color: var(--f-overlay-background-color);
position: var(--f-overlay-position);
top: var(--f-overlay-top);
right: var(--f-overlay-right);
bottom: var(--f-overlay-bottom);
left: var(--f-overlay-left);
z-index: var(--f-overlay-z-index);
height: var(--f-overlay-height);
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--core-water-leaf: var(--color-palette-teal-400, #97e8e2);
--core-tropical-blue: var(--color-palette-blue-200, #c2d9fe);
--core-pale-lavendar: var(--color-palette-purple-200, #e5cefd);
--core-pale-lavender: var(--color-palette-purple-200, #e5cefd);
--accent-canary-yellow: var(--color-palette-yellow-100, #fff200);
--accent-grenadier: var(--color-palette-red-500, #cd4400);
--accent-pink-orange: var(--color-palette-red-300, #ff9966);
--accent-apricot: var(--color-palette-red-200, #ffcbb1);
--accent-denim: var(--color-palette-blue-700, #165bcf);
--accent-navy-blue: var(--color-palette-blue-500, #266de2);
--accent-jordy-blue: var(--color-palette-blue-300, #7da7ed);
--accent-hawkes-blue: var(--color-palette-blue-100, #dce9ff);
--accent-zircon: var(--color-palette-blue-50, #f6f9ff);
--tertiary-viking: var(--color-palette-teal-600, #64d9d2);
--tertiary-cornflower-blue: var(--color-palette-blue-400, #639dfe);
--tertiary-rich-lilac: var(--color-palette-purple-700, #bb6bd9);
--tertiary-orchid: var(--color-palette-purple-500, #d382e0);
--neutral-black: var(--color-palette-gray-700, #282828);
--neutral-steel: var(--color-palette-gray-500, #666666);
--neutral-dove-gray: var(--color-palette-gray-400, #767676);
--neutral-mountain-mist: var(--color-palette-gray-300, #949494);
--neutral-athens-gray: var(--color-palette-gray-200, #dedede);
--neutral-gallery: var(--color-palette-gray-100, #efefef);
--neutral-white: var(--color-palette-gray-50, #ffffff);
--error-background: var(--color-palette-red-50, #fdebec);
--error-shadow: var(--color-palette-red-400, #ed3f3f);
--error: var(--color-palette-red-600, #c61a1a);
--warning-background: var(--color-palette-yellow-50, #ffefd2);
--warning: var(--color-palette-yellow-200, #fbcf35);
--success-background: var(--color-palette-green-100, #e6f6e1);
--success-shadow: var(--color-palette-green-300, #0fab01);
--success: var(--color-palette-green-500, #107400);
--info: #165dd0;
--info-background: var(--color-bg-info-base, #dce9ff);
--a11y-focus-color: var(--color-border-focus-base, #0055aa);
--background-body: var(--color-bg-body-base, #ffffff);
--border-general: var(--color-border-default-base, #767676);
--border-light: var(--color-palette-gray-300, #949494);
--anchor-color: var(--color-link-base);
--awlds-color-progress-green: #0eab00;
--awlds-color-progress-green-contrast: var(
--color-palette-green-500,
#107400
);
--awlds-color-progress-blue: var(--color-palette-blue-700, #165bcf);
--awlds-color-progress-blue-contrast: var(--color-palette-blue-500, #266de2);
--branding-bg-color: var(--color-bg-brand-b1, #0066ff);
--branding-text-color: var(--color-text-body-base, #282828);
--vertical-brand-bar-color: var(--branding-bg-color);
--light-gray: #f9f9f9;
--light-blue: var(--color-palette-blue-50, #f6f9ff);
--light-turquoise: #eefcfb;
--ai-light-lavendar: #fbf7ff;
--ai-indigo-purple: var(--color-palette-purple-1000, #4f009a);
--base-font-color: var(--color-text-body-base, #282828);
--base-font-family: "FS Thrive Elliot Web", Arial, sans-serif;
--bold-font-family: "FS Thrive Elliot Web - Bold", Arial, sans-serif;
--heavy-font-family: "FS Thrive Elliot Web - Heavy", Arial, sans-serif;
--light-font-family: "FS Thrive Elliot Web - Light", Arial, sans-serif;
--italic-font-family: "FS Thrive Elliot Web - Italic", Arial, sans-serif;
--mono-font-family: "Courier New", Courier, monospace;
--small-font-size: var(--font-size-s, 14px);
--base-font-size: var(--font-size-base, 16px);
--large-font-size: var(--font-450, 18px);
--h1-font-size: var(--font-1200, 48px);
--h2-font-size: var(--font-size-3xl, 36px);
--h3-font-size: var(--font-700, 28px);
--h4-font-size: var(--font-size-xl, 22px);
--h5-font-size: var(--font-size-l, 20px);
--h6-font-size: var(--font-450, 18px);
--body-font-size: var(--font-size-base, 16px);
--subtitle-font-size: var(--font-size-s, 14px);
--helper-text-font-size: var(--font-size-2xs, 12px);
--legal-font-size: var(--font-325, 13px);
--spacing-none: 0;
--spacing-xs: 2px;
--spacing-s: 4px;
--spacing-m: 8px;
--spacing-l: 16px;
--spacing-xl: 24px;
--spacing-2xl: 32px;
--spacing-3xl: 40px;
--spacing-4xl: 56px;
--spacing-5xl: 80px;
--container-max-width: 1600px;
--width-xs: calc(var(--container-max-width) / 5);
--width-s: calc(var(--container-max-width) / 4);
--width-m: calc(var(--container-max-width) / 3);
--width-l: calc(var(--container-max-width) / 2);
--width-xl: var(--container-max-width);
--full-width: 100%;
--paragraph-margin-bottom: var(--spacing-m);
--paragraph-max-width: 37.5rem;
--breakpoint-s: 320px;
--breakpoint-m: 768px;
--breakpoint-l: 1024px;
--breakpoint-xl: 1280px;
--breakpoint-2xl: 1440px;
}
@font-face {
font-family: "FS Thrive Elliot Web";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Regular.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Bold";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Bold.woff")
format("woff");
font-display: swap;
font-weight: 700;
}
@font-face {
font-family: "FS Thrive Elliot Web - Heavy";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Heavy.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Light";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Light.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Italic";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Italic.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
:root,
:host {
--f-global-header-border-bottom: 0.0625rem solid
var(--color-palette-gray-300, #949494);
--f-global-header-z-index: 100;
}
f-global-header .f-global-header {
position: relative;
z-index: var(--f-global-header-z-index);
border-bottom: var(--f-global-header-border-bottom);
}
f-global-header .f-global-header.brand-bar {
--f-brand-color: var(--branding-bg-color);
}
f-global-header hr.brand-bar {
height: 0.5rem;
margin: 0;
border: none;
--f-default-color: linear-gradient(
92.75deg,
#fff200 0%,
#f3f018 2.28%,
#deee41 6.75%,
#cbeb67 11.77%,
#bbe987 17.23%,
#ade7a3 23.26%,
#a2e6b9 30.08%,
#99e4c9 38.04%,
#93e4d5 47.88%,
#90e3dc 61.68%,
#97e9e3 100%
);
background: var(--f-brand-color, var(--f-default-color));
}
f-global-header .icon-button f-button {
--f-button-padding: 0px;
--f-button-border-radius: 0px;
}
f-global-header .header-content {
z-index: var(--f-global-header-z-index);
}
f-global-header .navigation-tools {
--f-overflow-menu-width: 7.375rem;
}
f-global-header .navigation-tools f-button .action {
--f-button-border-color-default: transparent;
}
f-global-header .navigation-tools a > f-icon {
--f-icon-size: 1rem;
}
f-global-header ::slotted(*) {
position: relative;
z-index: var(--f-global-header-z-index, 100);
}
@media screen and (min-width: 768px) {
f-global-header .navigation-tools f-button .naked f-icon {
--f-icon-size: 1.5rem;
}
f-global-header .navigation-tools a > f-icon {
--f-icon-size: 1.5rem;
}
}
@media screen and (max-width: 767px) {
f-global-header .navigation-tools f-profile-menu f-icon {
--f-icon-size: 1rem !important;
}
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--core-water-leaf: var(--color-palette-teal-400, #97e8e2);
--core-tropical-blue: var(--color-palette-blue-200, #c2d9fe);
--core-pale-lavendar: var(--color-palette-purple-200, #e5cefd);
--core-pale-lavender: var(--color-palette-purple-200, #e5cefd);
--accent-canary-yellow: var(--color-palette-yellow-100, #fff200);
--accent-grenadier: var(--color-palette-red-500, #cd4400);
--accent-pink-orange: var(--color-palette-red-300, #ff9966);
--accent-apricot: var(--color-palette-red-200, #ffcbb1);
--accent-denim: var(--color-palette-blue-700, #165bcf);
--accent-navy-blue: var(--color-palette-blue-500, #266de2);
--accent-jordy-blue: var(--color-palette-blue-300, #7da7ed);
--accent-hawkes-blue: var(--color-palette-blue-100, #dce9ff);
--accent-zircon: var(--color-palette-blue-50, #f6f9ff);
--tertiary-viking: var(--color-palette-teal-600, #64d9d2);
--tertiary-cornflower-blue: var(--color-palette-blue-400, #639dfe);
--tertiary-rich-lilac: var(--color-palette-purple-700, #bb6bd9);
--tertiary-orchid: var(--color-palette-purple-500, #d382e0);
--neutral-black: var(--color-palette-gray-700, #282828);
--neutral-steel: var(--color-palette-gray-500, #666666);
--neutral-dove-gray: var(--color-palette-gray-400, #767676);
--neutral-mountain-mist: var(--color-palette-gray-300, #949494);
--neutral-athens-gray: var(--color-palette-gray-200, #dedede);
--neutral-gallery: var(--color-palette-gray-100, #efefef);
--neutral-white: var(--color-palette-gray-50, #ffffff);
--error-background: var(--color-palette-red-50, #fdebec);
--error-shadow: var(--color-palette-red-400, #ed3f3f);
--error: var(--color-palette-red-600, #c61a1a);
--warning-background: var(--color-palette-yellow-50, #ffefd2);
--warning: var(--color-palette-yellow-200, #fbcf35);
--success-background: var(--color-palette-green-100, #e6f6e1);
--success-shadow: var(--color-palette-green-300, #0fab01);
--success: var(--color-palette-green-500, #107400);
--info: #165dd0;
--info-background: var(--color-bg-info-base, #dce9ff);
--a11y-focus-color: var(--color-border-focus-base, #0055aa);
--background-body: var(--color-bg-body-base, #ffffff);
--border-general: var(--color-border-default-base, #767676);
--border-light: var(--color-palette-gray-300, #949494);
--anchor-color: var(--color-link-base);
--awlds-color-progress-green: #0eab00;
--awlds-color-progress-green-contrast: var(
--color-palette-green-500,
#107400
);
--awlds-color-progress-blue: var(--color-palette-blue-700, #165bcf);
--awlds-color-progress-blue-contrast: var(--color-palette-blue-500, #266de2);
--branding-bg-color: var(--color-bg-brand-b1, #0066ff);
--branding-text-color: var(--color-text-body-base, #282828);
--vertical-brand-bar-color: var(--branding-bg-color);
--light-gray: #f9f9f9;
--light-blue: var(--color-palette-blue-50, #f6f9ff);
--light-turquoise: #eefcfb;
--ai-light-lavendar: #fbf7ff;
--ai-indigo-purple: var(--color-palette-purple-1000, #4f009a);
--base-font-color: var(--color-text-body-base, #282828);
--base-font-family: "FS Thrive Elliot Web", Arial, sans-serif;
--bold-font-family: "FS Thrive Elliot Web - Bold", Arial, sans-serif;
--heavy-font-family: "FS Thrive Elliot Web - Heavy", Arial, sans-serif;
--light-font-family: "FS Thrive Elliot Web - Light", Arial, sans-serif;
--italic-font-family: "FS Thrive Elliot Web - Italic", Arial, sans-serif;
--mono-font-family: "Courier New", Courier, monospace;
--small-font-size: var(--font-size-s, 14px);
--base-font-size: var(--font-size-base, 16px);
--large-font-size: var(--font-450, 18px);
--h1-font-size: var(--font-1200, 48px);
--h2-font-size: var(--font-size-3xl, 36px);
--h3-font-size: var(--font-700, 28px);
--h4-font-size: var(--font-size-xl, 22px);
--h5-font-size: var(--font-size-l, 20px);
--h6-font-size: var(--font-450, 18px);
--body-font-size: var(--font-size-base, 16px);
--subtitle-font-size: var(--font-size-s, 14px);
--helper-text-font-size: var(--font-size-2xs, 12px);
--legal-font-size: var(--font-325, 13px);
--spacing-none: 0;
--spacing-xs: 2px;
--spacing-s: 4px;
--spacing-m: 8px;
--spacing-l: 16px;
--spacing-xl: 24px;
--spacing-2xl: 32px;
--spacing-3xl: 40px;
--spacing-4xl: 56px;
--spacing-5xl: 80px;
--container-max-width: 1600px;
--width-xs: calc(var(--container-max-width) / 5);
--width-s: calc(var(--container-max-width) / 4);
--width-m: calc(var(--container-max-width) / 3);
--width-l: calc(var(--container-max-width) / 2);
--width-xl: var(--container-max-width);
--full-width: 100%;
--paragraph-margin-bottom: var(--spacing-m);
--paragraph-max-width: 37.5rem;
--breakpoint-s: 320px;
--breakpoint-m: 768px;
--breakpoint-l: 1024px;
--breakpoint-xl: 1280px;
--breakpoint-2xl: 1440px;
}
@font-face {
font-family: "FS Thrive Elliot Web";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Regular.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Bold";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Bold.woff")
format("woff");
font-display: swap;
font-weight: 700;
}
@font-face {
font-family: "FS Thrive Elliot Web - Heavy";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Heavy.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Light";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Light.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Italic";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Italic.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
:root,
:host {
--f-text-input-padding: var(--spacing-l);
--f-text-input-width: 100%;
--f-text-input-height-standard: 3.5rem;
--f-text-input-background-color: var(--neutral-white);
--f-text-input-font-color: var(--neutral-black);
--f-text-input-text-align: start;
--f-text-input-border: var(--f-text-input-border-thickness)
var(--f-text-input-border-style);
--f-text-input-border-thickness: 0.0625rem;
--f-text-input-border-style: solid;
--f-text-input-border-color: var(--neutral-black);
--f-text-input-border-error-thickness: 0.0625rem;
--f-text-input-border-error-color: var(--error);
--f-text-input-hover-background-color: var(--neutral-white);
--f-text-input-hover-border-color: var(--accent-navy-blue);
--f-text-input-hover-placeholder-color: var(--neutral-black);
--f-text-input-focus-background-color: var(--neutral-white);
--f-text-input-focus-border-color: var(--color-border-focus-base, #0055aa);
--f-text-input-disabled-background-color: var(--neutral-gallery);
--f-text-input-disabled-border-color: transparent;
--f-text-input-disabled-font-color: var(--neutral-steel);
--f-text-input-label-color: var(--neutral-black);
--f-text-input-label-font-size: var(--font-size-2xs, 0.75rem);
--f-text-input-label-line-height: 1.2;
--f-text-input-placeholder-color: var(--neutral-dove-gray);
--f-text-input-placeholder-font-style: normal;
--f-text-input-placeholder-line-height: 1.5;
--f-text-input-auxiliary-text-font-size: var(--font-size-2xs, 0.75rem);
--f-text-input-auxiliary-text-line-height: 1.25;
--f-text-input-auxiliary-text-letter-spacing: 0.39px;
--f-text-input-helper-text-color: var(--neutral-steel);
--f-text-input-error-text-color: var(--error);
--f-text-input-counter-text-color: var(--neutral-steel);
}
f-text-input *,
f-text-input *::before,
f-text-input *::after {
box-sizing: border-box;
}
f-text-input a {
text-decoration: none;
color: inherit;
cursor: pointer;
}
f-text-input button {
background-color: transparent;
color: inherit;
border-width: 0;
padding: 0;
cursor: pointer;
}
f-text-input figure {
margin: 0;
}
f-text-input input::-moz-focus-inner {
border: 0;
padding: 0;
margin: 0;
}
f-text-input ul,
f-text-input ol,
f-text-input dd {
margin: 0;
padding: 0;
}
f-text-input ul li,
f-text-input ol li,
f-text-input dd li {
margin-left: var(--spacing-l);
}
f-text-input h1,
f-text-input h2,
f-text-input h3,
f-text-input h4,
f-text-input h5,
f-text-input h6 {
margin: 0;
font-size: inherit;
font-weight: inherit;
display: block;
}
f-text-input p {
margin: 0;
}
f-text-input cite {
font-style: normal;
}
f-text-input fieldset {
border-width: 0;
padding: 0;
margin: 0;
}
f-text-input table {
border-collapse: collapse;
border-spacing: 0;
}
f-text-input article,
f-text-input aside,
f-text-input details,
f-text-input figcaption,
f-text-input figure,
f-text-input footer,
f-text-input header,
f-text-input hgroup,
f-text-input menu,
f-text-input nav,
f-text-input section {
display: block;
}
f-text-input .screen-reader-text {
position: absolute !important;
height: 0.0625rem;
width: 0.0625rem;
overflow: hidden;
clip: rect(0.0625rem 0.0625rem 0.0625rem 0.0625rem);
clip: rect(0.0625rem, 0.0625rem, 0.0625rem, 0.0625rem);
}
f-text-input .visually-hidden-text {
visibility: hidden;
}
f-text-input[type="search"] {
-webkit-appearance: none;
}
f-text-input .f-text-input {
display: flex;
flex-flow: column-reverse;
}
f-text-input .f-text-input .input-container {
position: relative;
}
f-text-input .f-text-input .input-container .start-icon-container,
f-text-input .f-text-input .input-container .end-icon-container {
position: absolute;
display: flex;
justify-content: center;
align-items: center;
width: 1.5rem;
height: 1.5rem;
}
f-text-input .f-text-input .input-container .start-icon-container f-icon,
f-text-input .f-text-input .input-container .end-icon-container f-icon {
--f-icon-color: var(--color-icon-dark-base, #282828);
--f-icon-margin: -0.125rem 0 0 0;
}
f-text-input .f-text-input .input-container .start-icon-container {
inset-block-start: 1rem;
inset-inline-start: 1rem;
}
f-text-input .f-text-input .input-container .end-icon-container {
inset-block-start: 1rem;
inset-inline-end: 1rem;
}
f-text-input .f-text-input .input-container .start-icon-button,
f-text-input .f-text-input .input-container .end-icon-button {
position: absolute;
display: flex;
justify-content: center;
align-items: center;
width: 3rem;
height: 3rem;
border-radius: 0;
}
f-text-input .f-text-input .input-container .start-icon-button f-icon,
f-text-input .f-text-input .input-container .end-icon-button f-icon {
--f-icon-color: var(--color-icon-dark-base, #282828);
--f-icon-margin: -0.125rem 0 0 0;
}
f-text-input .f-text-input .input-container .start-icon-button:focus-visible,
f-text-input .f-text-input .input-container .end-icon-button:focus-visible {
outline: 0.125rem solid var(--color-border-focus-base, #0055aa);
outline-offset: 0;
}
f-text-input .f-text-input .input-container .start-icon-button {
inset-block-start: 0.25rem;
inset-inline-start: 0.25rem;
}
f-text-input .f-text-input .input-container .end-icon-button {
inset-block-start: 0.25rem;
inset-inline-end: 0.25rem;
}
f-text-input .f-text-input input[type="text"],
f-text-input .f-text-input input[type="password"],
f-text-input .f-text-input input[type="number"],
f-text-input .f-text-input input[type="file"],
f-text-input .f-text-input input[type="search"],
f-text-input .f-text-input input[type="tel"],
f-text-input .f-text-input input[type="email"],
f-text-input .f-text-input input[type="date"],
f-text-input .f-text-input input[type="month"],
f-text-input .f-text-input input[type="week"],
f-text-input .f-text-input input[type="datetime"],
f-text-input .f-text-input input[type="time"],
f-text-input .f-text-input input[type="datetime-local"],
f-text-input .f-text-input input[type="url"] {
height: var(--f-text-input-height-standard);
width: var(--f-text-input-width, 100%);
padding: var(--f-text-input-padding);
background-color: var(--f-text-input-background-color);
color: var(--f-text-input-font-color);
border: var(--f-text-input-border);
border-color: var(--f-text-input-border-color);
border-radius: 0rem;
outline: none;
font-family: var(--base-font-family);
font-size: var(--base-font-size);
text-align: var(--f-text-input-text-align);
cursor: text;
-moz-appearance: textfield;
}
f-text-input .f-text-input input[type="text"]::-webkit-outer-spin-button,
f-text-input .f-text-input input[type="text"]::-webkit-inner-spin-button,
f-text-input .f-text-input input[type="password"]::-webkit-outer-spin-button,
f-text-input .f-text-input input[type="password"]::-webkit-inner-spin-button,
f-text-input .f-text-input input[type="number"]::-webkit-outer-spin-button,
f-text-input .f-text-input input[type="number"]::-webkit-inner-spin-button,
f-text-input .f-text-input input[type="file"]::-webkit-outer-spin-button,
f-text-input .f-text-input input[type="file"]::-webkit-inner-spin-button,
f-text-input .f-text-input input[type="search"]::-webkit-outer-spin-button,
f-text-input .f-text-input input[type="search"]::-webkit-inner-spin-button,
f-text-input .f-text-input input[type="tel"]::-webkit-outer-spin-button,
f-text-input .f-text-input input[type="tel"]::-webkit-inner-spin-button,
f-text-input .f-text-input input[type="email"]::-webkit-outer-spin-button,
f-text-input .f-text-input input[type="email"]::-webkit-inner-spin-button,
f-text-input .f-text-input input[type="date"]::-webkit-outer-spin-button,
f-text-input .f-text-input input[type="date"]::-webkit-inner-spin-button,
f-text-input .f-text-input input[type="month"]::-webkit-outer-spin-button,
f-text-input .f-text-input input[type="month"]::-webkit-inner-spin-button,
f-text-input .f-text-input input[type="week"]::-webkit-outer-spin-button,
f-text-input .f-text-input input[type="week"]::-webkit-inner-spin-button,
f-text-input .f-text-input input[type="datetime"]::-webkit-outer-spin-button,
f-text-input .f-text-input input[type="datetime"]::-webkit-inner-spin-button,
f-text-input .f-text-input input[type="time"]::-webkit-outer-spin-button,
f-text-input .f-text-input input[type="time"]::-webkit-inner-spin-button,
f-text-input
.f-text-input
input[type="datetime-local"]::-webkit-outer-spin-button,
f-text-input
.f-text-input
input[type="datetime-local"]::-webkit-inner-spin-button,
f-text-input .f-text-input input[type="url"]::-webkit-outer-spin-button,
f-text-input .f-text-input input[type="url"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
f-text-input .f-text-input input[type="text"]::-webkit-search-cancel-button,
f-text-input .f-text-input input[type="password"]::-webkit-search-cancel-button,
f-text-input .f-text-input input[type="number"]::-webkit-search-cancel-button,
f-text-input .f-text-input input[type="file"]::-webkit-search-cancel-button,
f-text-input .f-text-input input[type="search"]::-webkit-search-cancel-button,
f-text-input .f-text-input input[type="tel"]::-webkit-search-cancel-button,
f-text-input .f-text-input input[type="email"]::-webkit-search-cancel-button,
f-text-input .f-text-input input[type="date"]::-webkit-search-cancel-button,
f-text-input .f-text-input input[type="month"]::-webkit-search-cancel-button,
f-text-input .f-text-input input[type="week"]::-webkit-search-cancel-button,
f-text-input .f-text-input input[type="datetime"]::-webkit-search-cancel-button,
f-text-input .f-text-input input[type="time"]::-webkit-search-cancel-button,
f-text-input
.f-text-input
input[type="datetime-local"]::-webkit-search-cancel-button,
f-text-input .f-text-input input[type="url"]::-webkit-search-cancel-button {
-webkit-appearance: none;
position: relative;
right: 0;
height: 1rem;
width: 1rem;
background-image: url("data:image/svg+xml;utf8,");
}
f-text-input .f-text-input input[type="text"]:focus,
f-text-input .f-text-input input[type="text"]:hover,
f-text-input .f-text-input input[type="password"]:focus,
f-text-input .f-text-input input[type="password"]:hover,
f-text-input .f-text-input input[type="number"]:focus,
f-text-input .f-text-input input[type="number"]:hover,
f-text-input .f-text-input input[type="file"]:focus,
f-text-input .f-text-input input[type="file"]:hover,
f-text-input .f-text-input input[type="search"]:focus,
f-text-input .f-text-input input[type="search"]:hover,
f-text-input .f-text-input input[type="tel"]:focus,
f-text-input .f-text-input input[type="tel"]:hover,
f-text-input .f-text-input input[type="email"]:focus,
f-text-input .f-text-input input[type="email"]:hover,
f-text-input .f-text-input input[type="date"]:focus,
f-text-input .f-text-input input[type="date"]:hover,
f-text-input .f-text-input input[type="month"]:focus,
f-text-input .f-text-input input[type="month"]:hover,
f-text-input .f-text-input input[type="week"]:focus,
f-text-input .f-text-input input[type="week"]:hover,
f-text-input .f-text-input input[type="datetime"]:focus,
f-text-input .f-text-input input[type="datetime"]:hover,
f-text-input .f-text-input input[type="time"]:focus,
f-text-input .f-text-input input[type="time"]:hover,
f-text-input .f-text-input input[type="datetime-local"]:focus,
f-text-input .f-text-input input[type="datetime-local"]:hover,
f-text-input .f-text-input input[type="url"]:focus,
f-text-input .f-text-input input[type="url"]:hover {
border-color: var(--f-text-input-focus-border-color);
background-color: var(--f-text-input-focus-background-color);
}
f-text-input .f-text-input input[type="text"]:focus,
f-text-input .f-text-input input[type="password"]:focus,
f-text-input .f-text-input input[type="number"]:focus,
f-text-input .f-text-input input[type="file"]:focus,
f-text-input .f-text-input input[type="search"]:focus,
f-text-input .f-text-input input[type="tel"]:focus,
f-text-input .f-text-input input[type="email"]:focus,
f-text-input .f-text-input input[type="date"]:focus,
f-text-input .f-text-input input[type="month"]:focus,
f-text-input .f-text-input input[type="week"]:focus,
f-text-input .f-text-input input[type="datetime"]:focus,
f-text-input .f-text-input input[type="time"]:focus,
f-text-input .f-text-input input[type="datetime-local"]:focus,
f-text-input .f-text-input input[type="url"]:focus {
box-shadow: inset 0 0 0 0.0625rem var(--f-text-input-focus-border-color);
}
f-text-input .f-text-input input[type="text"]::placeholder,
f-text-input .f-text-input input[type="password"]::placeholder,
f-text-input .f-text-input input[type="number"]::placeholder,
f-text-input .f-text-input input[type="file"]::placeholder,
f-text-input .f-text-input input[type="search"]::placeholder,
f-text-input .f-text-input input[type="tel"]::placeholder,
f-text-input .f-text-input input[type="email"]::placeholder,
f-text-input .f-text-input input[type="date"]::placeholder,
f-text-input .f-text-input input[type="month"]::placeholder,
f-text-input .f-text-input input[type="week"]::placeholder,
f-text-input .f-text-input input[type="datetime"]::placeholder,
f-text-input .f-text-input input[type="time"]::placeholder,
f-text-input .f-text-input input[type="datetime-local"]::placeholder,
f-text-input .f-text-input input[type="url"]::placeholder {
color: var(--f-text-input-placeholder-color);
}
f-text-input .f-text-input input[type="text"]:disabled,
f-text-input .f-text-input input[type="text"] [disabled],
f-text-input .f-text-input input[type="password"]:disabled,
f-text-input .f-text-input input[type="password"] [disabled],
f-text-input .f-text-input input[type="number"]:disabled,
f-text-input .f-text-input input[type="number"] [disabled],
f-text-input .f-text-input input[type="file"]:disabled,
f-text-input .f-text-input input[type="file"] [disabled],
f-text-input .f-text-input input[type="search"]:disabled,
f-text-input .f-text-input input[type="search"] [disabled],
f-text-input .f-text-input input[type="tel"]:disabled,
f-text-input .f-text-input input[type="tel"] [disabled],
f-text-input .f-text-input input[type="email"]:disabled,
f-text-input .f-text-input input[type="email"] [disabled],
f-text-input .f-text-input input[type="date"]:disabled,
f-text-input .f-text-input input[type="date"] [disabled],
f-text-input .f-text-input input[type="month"]:disabled,
f-text-input .f-text-input input[type="month"] [disabled],
f-text-input .f-text-input input[type="week"]:disabled,
f-text-input .f-text-input input[type="week"] [disabled],
f-text-input .f-text-input input[type="datetime"]:disabled,
f-text-input .f-text-input input[type="datetime"] [disabled],
f-text-input .f-text-input input[type="time"]:disabled,
f-text-input .f-text-input input[type="time"] [disabled],
f-text-input .f-text-input input[type="datetime-local"]:disabled,
f-text-input .f-text-input input[type="datetime-local"] [disabled],
f-text-input .f-text-input input[type="url"]:disabled,
f-text-input .f-text-input input[type="url"] [disabled] {
color: var(--f-text-input-disabled-font-color);
background-color: var(--f-text-input-disabled-background-color);
border-color: var(--f-text-input-disabled-border-color);
cursor: not-allowed;
pointer-events: none;
}
f-text-input
.f-text-input
input[type="text"]:disabled
+ label.f-text-input-label,
f-text-input
.f-text-input
input[type="text"]
[disabled]
+ label.f-text-input-label,
f-text-input
.f-text-input
input[type="password"]:disabled
+ label.f-text-input-label,
f-text-input
.f-text-input
input[type="password"]
[disabled]
+ label.f-text-input-label,
f-text-input
.f-text-input
input[type="number"]:disabled
+ label.f-text-input-label,
f-text-input
.f-text-input
input[type="number"]
[disabled]
+ label.f-text-input-label,
f-text-input
.f-text-input
input[type="file"]:disabled
+ label.f-text-input-label,
f-text-input
.f-text-input
input[type="file"]
[disabled]
+ label.f-text-input-label,
f-text-input
.f-text-input
input[type="search"]:disabled
+ label.f-text-input-label,
f-text-input
.f-text-input
input[type="search"]
[disabled]
+ label.f-text-input-label,
f-text-input
.f-text-input
input[type="tel"]:disabled
+ label.f-text-input-label,
f-text-input
.f-text-input
input[type="tel"]
[disabled]
+ label.f-text-input-label,
f-text-input
.f-text-input
input[type="email"]:disabled
+ label.f-text-input-label,
f-text-input
.f-text-input
input[type="email"]
[disabled]
+ label.f-text-input-label,
f-text-input
.f-text-input
input[type="date"]:disabled
+ label.f-text-input-label,
f-text-input
.f-text-input
input[type="date"]
[disabled]
+ label.f-text-input-label,
f-text-input
.f-text-input
input[type="month"]:disabled
+ label.f-text-input-label,
f-text-input
.f-text-input
input[type="month"]
[disabled]
+ label.f-text-input-label,
f-text-input
.f-text-input
input[type="week"]:disabled
+ label.f-text-input-label,
f-text-input
.f-text-input
input[type="week"]
[disabled]
+ label.f-text-input-label,
f-text-input
.f-text-input
input[type="datetime"]:disabled
+ label.f-text-input-label,
f-text-input
.f-text-input
input[type="datetime"]
[disabled]
+ label.f-text-input-label,
f-text-input
.f-text-input
input[type="time"]:disabled
+ label.f-text-input-label,
f-text-input
.f-text-input
input[type="time"]
[disabled]
+ label.f-text-input-label,
f-text-input
.f-text-input
input[type="datetime-local"]:disabled
+ label.f-text-input-label,
f-text-input
.f-text-input
input[type="datetime-local"]
[disabled]
+ label.f-text-input-label,
f-text-input
.f-text-input
input[type="url"]:disabled
+ label.f-text-input-label,
f-text-input
.f-text-input
input[type="url"]
[disabled]
+ label.f-text-input-label {
color: var(--f-text-input-disabled-font-color);
}
f-text-input .f-text-input input[type="text"].has-error,
f-text-input .f-text-input input[type="password"].has-error,
f-text-input .f-text-input input[type="number"].has-error,
f-text-input .f-text-input input[type="file"].has-error,
f-text-input .f-text-input input[type="search"].has-error,
f-text-input .f-text-input input[type="tel"].has-error,
f-text-input .f-text-input input[type="email"].has-error,
f-text-input .f-text-input input[type="date"].has-error,
f-text-input .f-text-input input[type="month"].has-error,
f-text-input .f-text-input input[type="week"].has-error,
f-text-input .f-text-input input[type="datetime"].has-error,
f-text-input .f-text-input input[type="time"].has-error,
f-text-input .f-text-input input[type="datetime-local"].has-error,
f-text-input .f-text-input input[type="url"].has-error {
border: var(--f-text-input-border-error-thickness)
var(--f-text-input-border-style) var(--f-text-input-border-error-color);
}
f-text-input .f-text-input input[type="text"].has-start-icon,
f-text-input .f-text-input input[type="password"].has-start-icon,
f-text-input .f-text-input input[type="number"].has-start-icon,
f-text-input .f-text-input input[type="file"].has-start-icon,
f-text-input .f-text-input input[type="search"].has-start-icon,
f-text-input .f-text-input input[type="tel"].has-start-icon,
f-text-input .f-text-input input[type="email"].has-start-icon,
f-text-input .f-text-input input[type="date"].has-start-icon,
f-text-input .f-text-input input[type="month"].has-start-icon,
f-text-input .f-text-input input[type="week"].has-start-icon,
f-text-input .f-text-input input[type="datetime"].has-start-icon,
f-text-input .f-text-input input[type="time"].has-start-icon,
f-text-input .f-text-input input[type="datetime-local"].has-start-icon,
f-text-input .f-text-input input[type="url"].has-start-icon {
padding-inline-start: 3.5rem;
}
f-text-input .f-text-input input[type="text"].has-end-icon,
f-text-input .f-text-input input[type="text"].has-clear-button,
f-text-input .f-text-input input[type="password"].has-end-icon,
f-text-input .f-text-input input[type="password"].has-clear-button,
f-text-input .f-text-input input[type="number"].has-end-icon,
f-text-input .f-text-input input[type="number"].has-clear-button,
f-text-input .f-text-input input[type="file"].has-end-icon,
f-text-input .f-text-input input[type="file"].has-clear-button,
f-text-input .f-text-input input[type="search"].has-end-icon,
f-text-input .f-text-input input[type="search"].has-clear-button,
f-text-input .f-text-input input[type="tel"].has-end-icon,
f-text-input .f-text-input input[type="tel"].has-clear-button,
f-text-input .f-text-input input[type="email"].has-end-icon,
f-text-input .f-text-input input[type="email"].has-clear-button,
f-text-input .f-text-input input[type="date"].has-end-icon,
f-text-input .f-text-input input[type="date"].has-clear-button,
f-text-input .f-text-input input[type="month"].has-end-icon,
f-text-input .f-text-input input[type="month"].has-clear-button,
f-text-input .f-text-input input[type="week"].has-end-icon,
f-text-input .f-text-input input[type="week"].has-clear-button,
f-text-input .f-text-input input[type="datetime"].has-end-icon,
f-text-input .f-text-input input[type="datetime"].has-clear-button,
f-text-input .f-text-input input[type="time"].has-end-icon,
f-text-input .f-text-input input[type="time"].has-clear-button,
f-text-input .f-text-input input[type="datetime-local"].has-end-icon,
f-text-input .f-text-input input[type="datetime-local"].has-clear-button,
f-text-input .f-text-input input[type="url"].has-end-icon,
f-text-input .f-text-input input[type="url"].has-clear-button {
padding-inline-end: 3.5rem;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
f-text-input .f-text-input label.f-text-input-label {
margin-bottom: var(--spacing-m);
color: var(--f-text-input-font-color);
font-family: var(--base-font-family);
font-size: var(--f-text-input-label-font-size);
line-height: var(--f-text-input-label-line-height);
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
f-text-input .f-text-input .auxiliaries-container {
display: flex;
flex-direction: row-reverse;
gap: 1.5rem;
font-size: var(--f-text-input-auxiliary-text-font-size);
line-height: var(--f-text-input-auxiliary-text-line-height);
letter-spacing: var(--f-text-input-auxiliary-text-letter-spacing);
}
f-text-input .f-text-input .auxiliaries-container .auxiliaries-content {
margin-top: var(--spacing-m);
}
f-text-input .f-text-input .auxiliaries-container .counter-text,
f-text-input .f-text-input .auxiliaries-container .helper-text,
f-text-input .f-text-input .auxiliaries-container .error-container {
font-family: var(--base-font-family);
}
f-text-input .f-text-input .auxiliaries-container .counter-text {
flex: 0 0 7.1875rem;
color: var(--f-text-input-counter-text-color);
text-align: right;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
f-text-input .f-text-input .auxiliaries-container .helper-text {
display: inline-block;
align-items: center;
width: 100%;
color: var(--f-text-input-helper-text-color);
}
f-text-input .f-text-input .auxiliaries-container .error-container {
display: flex;
justify-content: flex-start;
align-items: start;
gap: 0.5rem;
width: 100%;
color: var(--f-text-input-error-text-color);
}
f-text-input
.f-text-input
.auxiliaries-container
.error-container
span.error-msg {
display: inline-block;
line-height: 0.9375rem;
}
f-text-input .f-text-input .auxiliaries-container .error-container f-icon {
--f-icon-size: 0.75rem;
--f-icon-container-size: 0.75rem;
--f-icon-margin: 1px 0 0 0;
--f-icon-color: var(--error);
}
f-text-input .f-text-input button:disabled {
cursor: not-allowed;
pointer-events: none;
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--core-water-leaf: var(--color-palette-teal-400, #97e8e2);
--core-tropical-blue: var(--color-palette-blue-200, #c2d9fe);
--core-pale-lavendar: var(--color-palette-purple-200, #e5cefd);
--core-pale-lavender: var(--color-palette-purple-200, #e5cefd);
--accent-canary-yellow: var(--color-palette-yellow-100, #fff200);
--accent-grenadier: var(--color-palette-red-500, #cd4400);
--accent-pink-orange: var(--color-palette-red-300, #ff9966);
--accent-apricot: var(--color-palette-red-200, #ffcbb1);
--accent-denim: var(--color-palette-blue-700, #165bcf);
--accent-navy-blue: var(--color-palette-blue-500, #266de2);
--accent-jordy-blue: var(--color-palette-blue-300, #7da7ed);
--accent-hawkes-blue: var(--color-palette-blue-100, #dce9ff);
--accent-zircon: var(--color-palette-blue-50, #f6f9ff);
--tertiary-viking: var(--color-palette-teal-600, #64d9d2);
--tertiary-cornflower-blue: var(--color-palette-blue-400, #639dfe);
--tertiary-rich-lilac: var(--color-palette-purple-700, #bb6bd9);
--tertiary-orchid: var(--color-palette-purple-500, #d382e0);
--neutral-black: var(--color-palette-gray-700, #282828);
--neutral-steel: var(--color-palette-gray-500, #666666);
--neutral-dove-gray: var(--color-palette-gray-400, #767676);
--neutral-mountain-mist: var(--color-palette-gray-300, #949494);
--neutral-athens-gray: var(--color-palette-gray-200, #dedede);
--neutral-gallery: var(--color-palette-gray-100, #efefef);
--neutral-white: var(--color-palette-gray-50, #ffffff);
--error-background: var(--color-palette-red-50, #fdebec);
--error-shadow: var(--color-palette-red-400, #ed3f3f);
--error: var(--color-palette-red-600, #c61a1a);
--warning-background: var(--color-palette-yellow-50, #ffefd2);
--warning: var(--color-palette-yellow-200, #fbcf35);
--success-background: var(--color-palette-green-100, #e6f6e1);
--success-shadow: var(--color-palette-green-300, #0fab01);
--success: var(--color-palette-green-500, #107400);
--info: #165dd0;
--info-background: var(--color-bg-info-base, #dce9ff);
--a11y-focus-color: var(--color-border-focus-base, #0055aa);
--background-body: var(--color-bg-body-base, #ffffff);
--border-general: var(--color-border-default-base, #767676);
--border-light: var(--color-palette-gray-300, #949494);
--anchor-color: var(--color-link-base);
--awlds-color-progress-green: #0eab00;
--awlds-color-progress-green-contrast: var(
--color-palette-green-500,
#107400
);
--awlds-color-progress-blue: var(--color-palette-blue-700, #165bcf);
--awlds-color-progress-blue-contrast: var(--color-palette-blue-500, #266de2);
--branding-bg-color: var(--color-bg-brand-b1, #0066ff);
--branding-text-color: var(--color-text-body-base, #282828);
--vertical-brand-bar-color: var(--branding-bg-color);
--light-gray: #f9f9f9;
--light-blue: var(--color-palette-blue-50, #f6f9ff);
--light-turquoise: #eefcfb;
--ai-light-lavendar: #fbf7ff;
--ai-indigo-purple: var(--color-palette-purple-1000, #4f009a);
--base-font-color: var(--color-text-body-base, #282828);
--base-font-family: "FS Thrive Elliot Web", Arial, sans-serif;
--bold-font-family: "FS Thrive Elliot Web - Bold", Arial, sans-serif;
--heavy-font-family: "FS Thrive Elliot Web - Heavy", Arial, sans-serif;
--light-font-family: "FS Thrive Elliot Web - Light", Arial, sans-serif;
--italic-font-family: "FS Thrive Elliot Web - Italic", Arial, sans-serif;
--mono-font-family: "Courier New", Courier, monospace;
--small-font-size: var(--font-size-s, 14px);
--base-font-size: var(--font-size-base, 16px);
--large-font-size: var(--font-450, 18px);
--h1-font-size: var(--font-1200, 48px);
--h2-font-size: var(--font-size-3xl, 36px);
--h3-font-size: var(--font-700, 28px);
--h4-font-size: var(--font-size-xl, 22px);
--h5-font-size: var(--font-size-l, 20px);
--h6-font-size: var(--font-450, 18px);
--body-font-size: var(--font-size-base, 16px);
--subtitle-font-size: var(--font-size-s, 14px);
--helper-text-font-size: var(--font-size-2xs, 12px);
--legal-font-size: var(--font-325, 13px);
--spacing-none: 0;
--spacing-xs: 2px;
--spacing-s: 4px;
--spacing-m: 8px;
--spacing-l: 16px;
--spacing-xl: 24px;
--spacing-2xl: 32px;
--spacing-3xl: 40px;
--spacing-4xl: 56px;
--spacing-5xl: 80px;
--container-max-width: 1600px;
--width-xs: calc(var(--container-max-width) / 5);
--width-s: calc(var(--container-max-width) / 4);
--width-m: calc(var(--container-max-width) / 3);
--width-l: calc(var(--container-max-width) / 2);
--width-xl: var(--container-max-width);
--full-width: 100%;
--paragraph-margin-bottom: var(--spacing-m);
--paragraph-max-width: 37.5rem;
--breakpoint-s: 320px;
--breakpoint-m: 768px;
--breakpoint-l: 1024px;
--breakpoint-xl: 1280px;
--breakpoint-2xl: 1440px;
}
/**
* Global variables
* Please use this file to define global sass variables
* These variables will be added first to be used in all other sass files
*/
@font-face {
font-family: "FS Thrive Elliot Web";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Regular.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Bold";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Bold.woff")
format("woff");
font-display: swap;
font-weight: 700;
}
@font-face {
font-family: "FS Thrive Elliot Web - Heavy";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Heavy.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Light";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Light.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Italic";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Italic.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
/**
* @prop --f-icon-color: Color of the icon
* @prop --f-icon-size: Size of the icon
*/
:root,
:host {
--f-icon-color: var(--color-icon-dark-base, #282828);
--f-icon-size: 1rem;
--f-icon-padding: 0;
--f-icon-margin: 0;
--f-icon-justify-content: center;
--f-icon-align-items: center;
--f-icon-transform: none; /* Default transform for LTR */
/*
DO NOT predefine the logical vars here.
Leave them undefined unless explicitly set by a component.
*/
}
@layer physical, logical;
@layer physical {
f-icon {
margin: var(--f-icon-margin); /* Adjust margin as needed */
}
}
@layer logical {
f-icon {
margin-block-start: var(--f-icon-margin-block-start, revert-layer);
margin-inline-end: var(--f-icon-margin-inline-end, revert-layer);
margin-block-end: var(--f-icon-margin-block-end, revert-layer);
margin-inline-start: var(--f-icon-margin-inline-start, revert-layer);
}
}
f-icon {
padding: var(--f-icon-padding);
display: inline-flex;
box-sizing: border-box;
justify-content: var(--f-icon-justify-content);
align-items: var(--f-icon-align-items);
min-width: var(--f-icon-container-size, var(--f-icon-size));
min-height: var(--f-icon-container-size, var(--f-icon-size));
line-height: 100%;
color: var(--f-icon-color);
transform: var(--f-icon-transform); /* Apply transform dynamically */
transform-origin: center; /* Ensure transform origin is centered */
}
f-icon svg {
width: var(--f-icon-size);
height: var(--f-icon-size);
max-width: 100%;
max-height: 100%;
fill: var(--f-icon-color);
}
/* RTL support */
f-icon:dir(rtl) {
--f-icon-transform: rotate(180deg) scaleY(-1); /* Flip and rotate for RTL */
}
.border {
outline: 0.125rem solid var(--color-border-focus-base, #0055aa);
outline-offset: 0.125rem;
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--core-water-leaf: var(--color-palette-teal-400, #97e8e2);
--core-tropical-blue: var(--color-palette-blue-200, #c2d9fe);
--core-pale-lavendar: var(--color-palette-purple-200, #e5cefd);
--core-pale-lavender: var(--color-palette-purple-200, #e5cefd);
--accent-canary-yellow: var(--color-palette-yellow-100, #fff200);
--accent-grenadier: var(--color-palette-red-500, #cd4400);
--accent-pink-orange: var(--color-palette-red-300, #ff9966);
--accent-apricot: var(--color-palette-red-200, #ffcbb1);
--accent-denim: var(--color-palette-blue-700, #165bcf);
--accent-navy-blue: var(--color-palette-blue-500, #266de2);
--accent-jordy-blue: var(--color-palette-blue-300, #7da7ed);
--accent-hawkes-blue: var(--color-palette-blue-100, #dce9ff);
--accent-zircon: var(--color-palette-blue-50, #f6f9ff);
--tertiary-viking: var(--color-palette-teal-600, #64d9d2);
--tertiary-cornflower-blue: var(--color-palette-blue-400, #639dfe);
--tertiary-rich-lilac: var(--color-palette-purple-700, #bb6bd9);
--tertiary-orchid: var(--color-palette-purple-500, #d382e0);
--neutral-black: var(--color-palette-gray-700, #282828);
--neutral-steel: var(--color-palette-gray-500, #666666);
--neutral-dove-gray: var(--color-palette-gray-400, #767676);
--neutral-mountain-mist: var(--color-palette-gray-300, #949494);
--neutral-athens-gray: var(--color-palette-gray-200, #dedede);
--neutral-gallery: var(--color-palette-gray-100, #efefef);
--neutral-white: var(--color-palette-gray-50, #ffffff);
--error-background: var(--color-palette-red-50, #fdebec);
--error-shadow: var(--color-palette-red-400, #ed3f3f);
--error: var(--color-palette-red-600, #c61a1a);
--warning-background: var(--color-palette-yellow-50, #ffefd2);
--warning: var(--color-palette-yellow-200, #fbcf35);
--success-background: var(--color-palette-green-100, #e6f6e1);
--success-shadow: var(--color-palette-green-300, #0fab01);
--success: var(--color-palette-green-500, #107400);
--info: #165dd0;
--info-background: var(--color-bg-info-base, #dce9ff);
--a11y-focus-color: var(--color-border-focus-base, #0055aa);
--background-body: var(--color-bg-body-base, #ffffff);
--border-general: var(--color-border-default-base, #767676);
--border-light: var(--color-palette-gray-300, #949494);
--anchor-color: var(--color-link-base);
--awlds-color-progress-green: #0eab00;
--awlds-color-progress-green-contrast: var(
--color-palette-green-500,
#107400
);
--awlds-color-progress-blue: var(--color-palette-blue-700, #165bcf);
--awlds-color-progress-blue-contrast: var(--color-palette-blue-500, #266de2);
--branding-bg-color: var(--color-bg-brand-b1, #0066ff);
--branding-text-color: var(--color-text-body-base, #282828);
--vertical-brand-bar-color: var(--branding-bg-color);
--light-gray: #f9f9f9;
--light-blue: var(--color-palette-blue-50, #f6f9ff);
--light-turquoise: #eefcfb;
--ai-light-lavendar: #fbf7ff;
--ai-indigo-purple: var(--color-palette-purple-1000, #4f009a);
--base-font-color: var(--color-text-body-base, #282828);
--base-font-family: "FS Thrive Elliot Web", Arial, sans-serif;
--bold-font-family: "FS Thrive Elliot Web - Bold", Arial, sans-serif;
--heavy-font-family: "FS Thrive Elliot Web - Heavy", Arial, sans-serif;
--light-font-family: "FS Thrive Elliot Web - Light", Arial, sans-serif;
--italic-font-family: "FS Thrive Elliot Web - Italic", Arial, sans-serif;
--mono-font-family: "Courier New", Courier, monospace;
--small-font-size: var(--font-size-s, 14px);
--base-font-size: var(--font-size-base, 16px);
--large-font-size: var(--font-450, 18px);
--h1-font-size: var(--font-1200, 48px);
--h2-font-size: var(--font-size-3xl, 36px);
--h3-font-size: var(--font-700, 28px);
--h4-font-size: var(--font-size-xl, 22px);
--h5-font-size: var(--font-size-l, 20px);
--h6-font-size: var(--font-450, 18px);
--body-font-size: var(--font-size-base, 16px);
--subtitle-font-size: var(--font-size-s, 14px);
--helper-text-font-size: var(--font-size-2xs, 12px);
--legal-font-size: var(--font-325, 13px);
--spacing-none: 0;
--spacing-xs: 2px;
--spacing-s: 4px;
--spacing-m: 8px;
--spacing-l: 16px;
--spacing-xl: 24px;
--spacing-2xl: 32px;
--spacing-3xl: 40px;
--spacing-4xl: 56px;
--spacing-5xl: 80px;
--container-max-width: 1600px;
--width-xs: calc(var(--container-max-width) / 5);
--width-s: calc(var(--container-max-width) / 4);
--width-m: calc(var(--container-max-width) / 3);
--width-l: calc(var(--container-max-width) / 2);
--width-xl: var(--container-max-width);
--full-width: 100%;
--paragraph-margin-bottom: var(--spacing-m);
--paragraph-max-width: 37.5rem;
--breakpoint-s: 320px;
--breakpoint-m: 768px;
--breakpoint-l: 1024px;
--breakpoint-xl: 1280px;
--breakpoint-2xl: 1440px;
}
@font-face {
font-family: "FS Thrive Elliot Web";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Regular.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Bold";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Bold.woff")
format("woff");
font-display: swap;
font-weight: 700;
}
@font-face {
font-family: "FS Thrive Elliot Web - Heavy";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Heavy.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Light";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Light.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Italic";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Italic.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
:root,
:host {
--f-button-box-shadow: none;
--f-button-resolved-background-color: transparent;
--f-button-cursor: pointer;
--f-button-font-size: var(--small-font-size);
--f-button-font-family: var(--bold-font-family);
--f-button-left-icon-margin-block-start: -0.125rem;
--f-button-left-icon-margin-inline-end: 0.625rem;
--f-button-left-icon-margin-block-end: 0;
--f-button-left-icon-margin-inline-start: 0.125rem;
--f-button-right-icon-margin-block-start: -0.125rem;
--f-button-right-icon-margin-inline-end: 0.1875rem;
--f-button-right-icon-margin-block-end: 0;
--f-button-right-icon-margin-inline-start: 0.6875rem;
--f-button-icon-only-margin-block-start: -0.0625rem;
--f-button-icon-only-margin-inline-end: 0.0625rem;
--f-button-icon-only-margin-block-end: 0.0625rem;
--f-button-icon-only-margin-inline-start: 0.0625rem;
--f-button-padding: 0 var(--spacing-l);
--f-button-display: inline-flex;
--f-button-text-alignment: center;
--f-button-resolved-text-color: var(--neutral-black);
--f-button-text-justify: center;
--f-button-resolved-focus-text-color: var(--neutral-black);
--f-button-outline: none;
--f-button-focus-outline: none;
--f-button-border-thickness: 0.125rem;
--f-button-border-style: solid;
--f-button-resolved-border-color: transparent;
--f-button-border-radius: 1.25rem;
--f-button-border: var(--f-button-border-thickness)
var(--f-button-border-style);
--f-button-resolved-active-border-color: currentColor;
--f-button-resolved-focus-background-color: transparent;
--f-button-resolved-focus-border-color: transparent;
--f-button-focus-border: var(--f-button-border-thickness)
var(--f-button-border-style);
--f-button-selected-text-color: var(--accent-navy-blue);
--f-button-selected-background-color: var(--accent-navy-blue);
--f-button-selected-border-color: transparent;
--f-button-disabled-text-color: var(--neutral-white);
--f-button-disabled-background-color: var(--neutral-mountain-mist);
--f-button-disabled-border-color: transparent;
--f-button-selected-disabled-text-color: var(--neutral-white);
--f-button-selected-disabled-background-color: var(--neutral-mountain-mist);
--f-button-selected-disabled-border-color: transparent;
--f-button-height-standard: 2.5rem;
--f-button-height-small: 2rem;
--f-button-base-loader-color: 255, 255, 255;
--progressive-text-color: var(--neutral-white);
--progressive-focus-text-color: var(--neutral-white);
--progressive-background-color: var(--accent-navy-blue);
--progressive-border-color: var(--accent-navy-blue);
--progressive-background-focus-color: var(--accent-denim);
--progressive-focus-border-color: var(--accent-denim);
--progressive-active-border-color: var(--accent-denim);
--destructive-text-color: var(--neutral-white);
--destructive-focus-text-color: var(--neutral-white);
--destructive-background-color: var(--error-shadow);
--destructive-border-color: var(--error-shadow);
--destructive-background-focus-color: var(--error);
--destructive-focus-border-color: var(--error);
--destructive-active-border-color: var(--error-shadow);
--regressive-text-color: var(--neutral-black);
--regressive-focus-text-color: var(--neutral-black);
--regressive-background-color: var(--neutral-white);
--regressive-border-color: var(--neutral-steel);
--regressive-background-focus-color: var(--neutral-gallery);
--regressive-focus-border-color: var(--neutral-black);
--regressive-active-border-color: var(--neutral-black);
--ghost-text-color: var(--accent-navy-blue);
--ghost-focus-text-color: var(--accent-denim);
--ghost-background-color: transparent;
--ghost-border-color: transparent;
--ghost-background-focus-color: var(--accent-hawkes-blue);
--ghost-focus-border-color: transparent;
--ghost-active-border-color: var(--accent-navy-blue);
--destructive-ghost-text-color: var(--error);
--destructive-ghost-focus-text-color: var(--error);
--destructive-ghost-background-color: transparent;
--destructive-ghost-border-color: transparent;
--destructive-ghost-background-focus-color: var(--color-bg-error-subtle);
--destructive-ghost-focus-border-color: transparent;
--destructive-ghost-active-border-color: var(--error);
--action-text-color: var(--accent-navy-blue);
--action-focus-text-color: var(--accent-denim);
--action-background-color: var(--neutral-white);
--action-border-color: var(--accent-navy-blue);
--action-background-focus-color: var(--neutral-white);
--action-focus-border-color: var(--accent-denim);
--action-active-border-color: var(--accent-denim);
--naked-text-color: var(--neutral-black);
--naked-focus-text-color: var(--neutral-black);
--naked-background-color: transparent;
--naked-border-color: transparent;
--naked-background-focus-color: transparent;
--naked-focus-border-color: var(--color-border-focus-base, #0055aa);
--naked-active-border-color: transparent;
}
:host .screen-reader-text,
f-button .screen-reader-text {
position: absolute !important;
height: 0.0625rem;
width: 0.0625rem;
overflow: hidden;
clip: rect(0.0625rem 0.0625rem 0.0625rem 0.0625rem);
clip: rect(0.0625rem, 0.0625rem, 0.0625rem, 0.0625rem);
}
:host .visually-hidden-text,
f-button .visually-hidden-text {
visibility: hidden;
}
:host[type="button"],
:host[type="reset"],
:host[type="submit"],
f-button[type="button"],
f-button[type="reset"],
f-button[type="submit"] {
-webkit-appearance: none;
}
:host .f-button,
f-button .f-button {
color: var(--f-button-resolved-text-color);
background-color: var(--f-button-resolved-background-color);
border: var(--f-button-border);
border-color: var(--f-button-resolved-border-color);
border-radius: var(--f-button-border-radius);
align-items: var(--f-button-text-alignment);
display: var(--f-button-display);
font-size: var(--f-button-font-size);
height: var(--f-button-height-standard);
justify-content: var(--f-button-text-justify);
outline: var(--f-button-outline);
padding: var(--f-button-padding);
position: relative;
white-space: nowrap;
cursor: var(--f-button-cursor);
font-weight: 700;
font-family: var(--f-button-font-family);
box-shadow: var(--f-button-box-shadow);
}
:host .f-button span.button-text:not(.screen-reader-text),
f-button .f-button span.button-text:not(.screen-reader-text) {
all: initial;
font-family: var(--f-button-font-family);
font-weight: 700;
font-size: var(--f-button-font-size);
color: var(--f-button-resolved-text-color);
line-height: 1.5;
}
:host .f-button span.button-text:not(.screen-reader-text):active,
:host .f-button span.button-text:not(.screen-reader-text):focus,
:host .f-button span.button-text:not(.screen-reader-text):hover,
f-button .f-button span.button-text:not(.screen-reader-text):active,
f-button .f-button span.button-text:not(.screen-reader-text):focus,
f-button .f-button span.button-text:not(.screen-reader-text):hover {
cursor: pointer;
}
:host .f-button:active:not(.selected, [disabled]),
:host .f-button:focus:not(.selected, [disabled]),
f-button .f-button:active:not(.selected, [disabled]),
f-button .f-button:focus:not(.selected, [disabled]) {
background-color: var(--f-button-resolved-focus-background-color);
border: var(--f-button-border);
border-color: var(--f-button-resolved-focus-border-color);
color: var(--f-button-resolved-focus-text-color);
outline: var(--f-button-outline);
}
:host .f-button:active:not(.selected, [disabled]) span.button-text,
:host .f-button:focus:not(.selected, [disabled]) span.button-text,
f-button .f-button:active:not(.selected, [disabled]) span.button-text,
f-button .f-button:focus:not(.selected, [disabled]) span.button-text {
color: var(--f-button-resolved-focus-text-color);
}
:host .f-button:hover:not(.selected, .naked, [disabled]),
f-button .f-button:hover:not(.selected, .naked, [disabled]) {
background-color: var(--f-button-resolved-focus-background-color);
border: var(--f-button-border);
border-color: var(--f-button-resolved-focus-border-color);
color: var(--f-button-resolved-focus-text-color);
outline: var(--f-button-outline);
}
:host .f-button:hover:not(.selected, .naked, [disabled]) span.button-text,
f-button .f-button:hover:not(.selected, .naked, [disabled]) span.button-text {
color: var(--f-button-resolved-focus-text-color);
}
:host .f-button:focus-visible:not(.selected, [disabled]),
f-button .f-button:focus-visible:not(.selected, [disabled]) {
outline: var(--f-button-focus-outline);
}
:host .f-button.animated,
f-button .f-button.animated {
transition: 0.1s;
}
:host .f-button.animated:hover:not(.selected, .naked, [disabled]),
f-button .f-button.animated:hover:not(.selected, .naked, [disabled]) {
outline: 2px solid var(--color-border-focus-base, #0055aa);
outline-offset: 1px;
}
:host .f-button.animated:hover.destructive,
f-button .f-button.animated:hover.destructive {
outline: 2px solid var(--destructive-focus-border-color);
}
:host .f-button.animated.animation:not(.selected, .naked, [disabled]),
f-button .f-button.animated.animation:not(.selected, .naked, [disabled]) {
animation: 0.3s ease-out scaleBounce;
}
:host .f-button:disabled,
:host .f-button [disabled],
f-button .f-button:disabled,
f-button .f-button [disabled] {
box-shadow: none;
cursor: not-allowed;
}
:host .f-button:disabled:not(.naked),
:host .f-button [disabled]:not(.naked),
f-button .f-button:disabled:not(.naked),
f-button .f-button [disabled]:not(.naked) {
background-color: var(--f-button-disabled-background-color);
border: var(--f-button-border);
border-color: var(--f-button-disabled-border-color);
color: var(--f-button-disabled-text-color);
}
:host .f-button:disabled:not(.naked) span.button-text,
:host .f-button [disabled]:not(.naked) span.button-text,
f-button .f-button:disabled:not(.naked) span.button-text,
f-button .f-button [disabled]:not(.naked) span.button-text {
color: var(--f-button-disabled-text-color);
}
:host .f-button:disabled:not(.naked) f-icon,
:host .f-button [disabled]:not(.naked) f-icon,
f-button .f-button:disabled:not(.naked) f-icon,
f-button .f-button [disabled]:not(.naked) f-icon {
--f-icon-color: var(--f-button-disabled-text-color);
}
:host .f-button:disabled span.button-text,
:host .f-button [disabled] span.button-text,
f-button .f-button:disabled span.button-text,
f-button .f-button [disabled] span.button-text {
cursor: not-allowed;
pointer-events: none;
}
:host .f-button.small,
f-button .f-button.small {
height: var(--f-button-height-small);
}
:host .f-button.in-container,
f-button .f-button.in-container {
width: 100%;
}
:host .f-button f-loading.loader-right,
f-button .f-button f-loading.loader-right {
margin-inline-start: var(--spacing-m);
}
:host .f-button f-loading.loader-left,
f-button .f-button f-loading.loader-left {
margin-inline-end: var(--spacing-m);
}
:host .f-button:not([disabled]) f-loading .spinner,
f-button .f-button:not([disabled]) f-loading .spinner {
border-color: var(
--f-button-loader-track-color,
rgba(var(--f-button-base-loader-color), 0.2)
);
border-left-color: var(
--f-button-loader-indicator-color,
rgba(var(--f-button-base-loader-color), 1)
);
}
:host .f-button:not([disabled]):active f-loading .spinner,
:host .f-button:not([disabled]):focus f-loading .spinner,
:host .f-button:not([disabled]):hover f-loading .spinner,
f-button .f-button:not([disabled]):active f-loading .spinner,
f-button .f-button:not([disabled]):focus f-loading .spinner,
f-button .f-button:not([disabled]):hover f-loading .spinner {
border-color: var(
--f-button-loader-track-color-focused,
var(
--f-button-loader-track-color,
rgba(var(--f-button-base-loader-color), 0.2)
)
);
border-left-color: var(
--f-button-loader-indicator-color-focused,
var(
--f-button-loader-indicator-color,
rgba(var(--f-button-base-loader-color), 1)
)
);
}
:host .f-button.progressive,
f-button .f-button.progressive {
--f-button-resolved-text-color: var(
--f-button-text-color,
var(--f-button-text-color-default, var(--progressive-text-color))
);
--f-button-resolved-focus-text-color: var(
--f-button-text-color-focused,
var(--f-button-text-color, var(--progressive-focus-text-color))
);
--f-button-resolved-background-color: var(
--f-button-bg-color,
var(--f-button-bg-color-default, var(--progressive-background-color))
);
--f-button-resolved-focus-background-color: var(
--f-button-bg-color-focused,
var(--f-button-bg-color, var(--progressive-background-focus-color))
);
--f-button-resolved-border-color: var(
--f-button-border-color,
var(--f-button-border-color-default, var(--progressive-border-color))
);
--f-button-resolved-focus-border-color: var(
--f-button-border-color-focused,
var(--f-button-border-color, var(--progressive-focus-border-color))
);
--f-button-resolved-active-border-color: var(
--f-button-border-color-active,
var(--f-button-border-color, var(--progressive-active-border-color))
);
--f-icon-color: var(--f-button-text-color, var(--progressive-text-color));
}
:host .f-button.progressive f-icon.left,
f-button .f-button.progressive f-icon.left {
--f-icon-margin-block-start: var(--f-button-left-icon-margin-block-start);
--f-icon-margin-inline-end: var(--f-button-left-icon-margin-inline-end);
--f-icon-margin-block-end: var(--f-button-left-icon-margin-block-end);
--f-icon-margin-inline-start: var(--f-button-left-icon-margin-inline-start);
order: -1;
}
:host .f-button.progressive f-icon.right,
f-button .f-button.progressive f-icon.right {
--f-icon-margin-block-start: var(--f-button-right-icon-margin-block-start);
--f-icon-margin-inline-end: var(--f-button-right-icon-margin-inline-end);
--f-icon-margin-block-end: var(--f-button-right-icon-margin-block-end);
--f-icon-margin-inline-start: var(--f-button-right-icon-margin-inline-start);
}
:host .f-button.progressive f-icon.icon-only,
f-button .f-button.progressive f-icon.icon-only {
--f-icon-margin-block-start: var(--f-button-icon-only-margin-block-start);
--f-icon-margin-inline-end: var(--f-button-icon-only-margin-inline-end);
--f-icon-margin-block-end: var(--f-button-icon-only-margin-block-end);
--f-icon-margin-inline-start: var(--f-button-icon-only-margin-inline-start);
}
:host .f-button.progressive:focus,
f-button .f-button.progressive:focus {
outline-width: 2px;
outline-style: solid;
outline-color: var(
--f-button-outline-color-focused,
var(--color-border-focus-base, #0055aa)
);
outline-offset: 1px;
}
:host .f-button.destructive,
f-button .f-button.destructive {
--f-button-resolved-text-color: var(
--f-button-text-color,
var(--f-button-text-color-default, var(--destructive-text-color))
);
--f-button-resolved-focus-text-color: var(
--f-button-text-color-focused,
var(--f-button-text-color, var(--destructive-focus-text-color))
);
--f-button-resolved-background-color: var(
--f-button-bg-color,
var(--f-button-bg-color-default, var(--destructive-background-color))
);
--f-button-resolved-focus-background-color: var(
--f-button-bg-color-focused,
var(--f-button-bg-color, var(--destructive-background-focus-color))
);
--f-button-resolved-border-color: var(
--f-button-border-color,
var(--f-button-border-color-default, var(--destructive-border-color))
);
--f-button-resolved-focus-border-color: var(
--f-button-border-color-focused,
var(--f-button-border-color, var(--destructive-focus-border-color))
);
--f-button-resolved-active-border-color: var(
--f-button-border-color-active,
var(--f-button-border-color, var(--destructive-active-border-color))
);
--f-icon-color: var(--f-button-text-color, var(--destructive-text-color));
}
:host .f-button.destructive f-icon.left,
f-button .f-button.destructive f-icon.left {
--f-icon-margin-block-start: var(--f-button-left-icon-margin-block-start);
--f-icon-margin-inline-end: var(--f-button-left-icon-margin-inline-end);
--f-icon-margin-block-end: var(--f-button-left-icon-margin-block-end);
--f-icon-margin-inline-start: var(--f-button-left-icon-margin-inline-start);
order: -1;
}
:host .f-button.destructive f-icon.right,
f-button .f-button.destructive f-icon.right {
--f-icon-margin-block-start: var(--f-button-right-icon-margin-block-start);
--f-icon-margin-inline-end: var(--f-button-right-icon-margin-inline-end);
--f-icon-margin-block-end: var(--f-button-right-icon-margin-block-end);
--f-icon-margin-inline-start: var(--f-button-right-icon-margin-inline-start);
}
:host .f-button.destructive f-icon.icon-only,
f-button .f-button.destructive f-icon.icon-only {
--f-icon-margin-block-start: var(--f-button-icon-only-margin-block-start);
--f-icon-margin-inline-end: var(--f-button-icon-only-margin-inline-end);
--f-icon-margin-block-end: var(--f-button-icon-only-margin-block-end);
--f-icon-margin-inline-start: var(--f-button-icon-only-margin-inline-start);
}
:host .f-button.destructive:focus,
f-button .f-button.destructive:focus {
outline-width: 2px;
outline-style: solid;
outline-color: var(
--f-button-outline-color-focused,
var(--color-border-focus-base, #0055aa)
);
outline-offset: 1px;
}
:host .f-button.destructive:focus,
f-button .f-button.destructive:focus {
outline-color: var(
--f-button-outline-color-focused,
var(--destructive-background-focus-color)
);
}
:host .f-button.ghost,
f-button .f-button.ghost {
--f-button-resolved-text-color: var(
--f-button-text-color,
var(--f-button-text-color-default, var(--ghost-text-color))
);
--f-button-resolved-focus-text-color: var(
--f-button-text-color-focused,
var(--f-button-text-color, var(--ghost-focus-text-color))
);
--f-button-resolved-background-color: var(
--f-button-bg-color,
var(--f-button-bg-color-default, var(--ghost-background-color))
);
--f-button-resolved-focus-background-color: var(
--f-button-bg-color-focused,
var(--f-button-bg-color, var(--ghost-background-focus-color))
);
--f-button-resolved-border-color: var(
--f-button-border-color,
var(--f-button-border-color-default, var(--ghost-border-color))
);
--f-button-resolved-focus-border-color: var(
--f-button-border-color-focused,
var(--f-button-border-color, var(--ghost-focus-border-color))
);
--f-button-resolved-active-border-color: var(
--f-button-border-color-active,
var(--f-button-border-color, var(--ghost-active-border-color))
);
--f-icon-color: var(--f-button-text-color, var(--ghost-text-color));
}
:host .f-button.ghost f-icon.left,
f-button .f-button.ghost f-icon.left {
--f-icon-margin-block-start: var(--f-button-left-icon-margin-block-start);
--f-icon-margin-inline-end: var(--f-button-left-icon-margin-inline-end);
--f-icon-margin-block-end: var(--f-button-left-icon-margin-block-end);
--f-icon-margin-inline-start: var(--f-button-left-icon-margin-inline-start);
order: -1;
}
:host .f-button.ghost f-icon.right,
f-button .f-button.ghost f-icon.right {
--f-icon-margin-block-start: var(--f-button-right-icon-margin-block-start);
--f-icon-margin-inline-end: var(--f-button-right-icon-margin-inline-end);
--f-icon-margin-block-end: var(--f-button-right-icon-margin-block-end);
--f-icon-margin-inline-start: var(--f-button-right-icon-margin-inline-start);
}
:host .f-button.ghost f-icon.icon-only,
f-button .f-button.ghost f-icon.icon-only {
--f-icon-margin-block-start: var(--f-button-icon-only-margin-block-start);
--f-icon-margin-inline-end: var(--f-button-icon-only-margin-inline-end);
--f-icon-margin-block-end: var(--f-button-icon-only-margin-block-end);
--f-icon-margin-inline-start: var(--f-button-icon-only-margin-inline-start);
}
:host .f-button.ghost:focus,
f-button .f-button.ghost:focus {
outline-width: 2px;
outline-style: solid;
outline-color: var(
--f-button-outline-color-focused,
var(--color-border-focus-base, #0055aa)
);
outline-offset: 1px;
}
:host .f-button.action,
f-button .f-button.action {
--f-button-resolved-text-color: var(
--f-button-text-color,
var(--f-button-text-color-default, var(--action-text-color))
);
--f-button-resolved-focus-text-color: var(
--f-button-text-color-focused,
var(--f-button-text-color, var(--action-focus-text-color))
);
--f-button-resolved-background-color: var(
--f-button-bg-color,
var(--f-button-bg-color-default, var(--action-background-color))
);
--f-button-resolved-focus-background-color: var(
--f-button-bg-color-focused,
var(--f-button-bg-color, var(--action-background-focus-color))
);
--f-button-resolved-border-color: var(
--f-button-border-color,
var(--f-button-border-color-default, var(--action-border-color))
);
--f-button-resolved-focus-border-color: var(
--f-button-border-color-focused,
var(--f-button-border-color, var(--action-focus-border-color))
);
--f-button-resolved-active-border-color: var(
--f-button-border-color-active,
var(--f-button-border-color, var(--action-active-border-color))
);
--f-icon-color: var(--f-button-text-color, var(--action-text-color));
}
:host .f-button.action f-icon.left,
f-button .f-button.action f-icon.left {
--f-icon-margin-block-start: var(--f-button-left-icon-margin-block-start);
--f-icon-margin-inline-end: var(--f-button-left-icon-margin-inline-end);
--f-icon-margin-block-end: var(--f-button-left-icon-margin-block-end);
--f-icon-margin-inline-start: var(--f-button-left-icon-margin-inline-start);
order: -1;
}
:host .f-button.action f-icon.right,
f-button .f-button.action f-icon.right {
--f-icon-margin-block-start: var(--f-button-right-icon-margin-block-start);
--f-icon-margin-inline-end: var(--f-button-right-icon-margin-inline-end);
--f-icon-margin-block-end: var(--f-button-right-icon-margin-block-end);
--f-icon-margin-inline-start: var(--f-button-right-icon-margin-inline-start);
}
:host .f-button.action f-icon.icon-only,
f-button .f-button.action f-icon.icon-only {
--f-icon-margin-block-start: var(--f-button-icon-only-margin-block-start);
--f-icon-margin-inline-end: var(--f-button-icon-only-margin-inline-end);
--f-icon-margin-block-end: var(--f-button-icon-only-margin-block-end);
--f-icon-margin-inline-start: var(--f-button-icon-only-margin-inline-start);
}
:host .f-button.action:focus,
f-button .f-button.action:focus {
outline-width: 2px;
outline-style: solid;
outline-color: var(
--f-button-outline-color-focused,
var(--color-border-focus-base, #0055aa)
);
outline-offset: 1px;
}
:host .f-button.regressive,
f-button .f-button.regressive {
--f-button-resolved-text-color: var(
--f-button-text-color,
var(--f-button-text-color-default, var(--regressive-text-color))
);
--f-button-resolved-focus-text-color: var(
--f-button-text-color-focused,
var(--f-button-text-color, var(--regressive-focus-text-color))
);
--f-button-resolved-background-color: var(
--f-button-bg-color,
var(--f-button-bg-color-default, var(--regressive-background-color))
);
--f-button-resolved-focus-background-color: var(
--f-button-bg-color-focused,
var(--f-button-bg-color, var(--regressive-background-focus-color))
);
--f-button-resolved-border-color: var(
--f-button-border-color,
var(--f-button-border-color-default, var(--regressive-border-color))
);
--f-button-resolved-focus-border-color: var(
--f-button-border-color-focused,
var(--f-button-border-color, var(--regressive-focus-border-color))
);
--f-button-resolved-active-border-color: var(
--f-button-border-color-active,
var(--f-button-border-color, var(--regressive-active-border-color))
);
--f-icon-color: var(--f-button-text-color, var(--regressive-text-color));
}
:host .f-button.regressive f-icon.left,
f-button .f-button.regressive f-icon.left {
--f-icon-margin-block-start: var(--f-button-left-icon-margin-block-start);
--f-icon-margin-inline-end: var(--f-button-left-icon-margin-inline-end);
--f-icon-margin-block-end: var(--f-button-left-icon-margin-block-end);
--f-icon-margin-inline-start: var(--f-button-left-icon-margin-inline-start);
order: -1;
}
:host .f-button.regressive f-icon.right,
f-button .f-button.regressive f-icon.right {
--f-icon-margin-block-start: var(--f-button-right-icon-margin-block-start);
--f-icon-margin-inline-end: var(--f-button-right-icon-margin-inline-end);
--f-icon-margin-block-end: var(--f-button-right-icon-margin-block-end);
--f-icon-margin-inline-start: var(--f-button-right-icon-margin-inline-start);
}
:host .f-button.regressive f-icon.icon-only,
f-button .f-button.regressive f-icon.icon-only {
--f-icon-margin-block-start: var(--f-button-icon-only-margin-block-start);
--f-icon-margin-inline-end: var(--f-button-icon-only-margin-inline-end);
--f-icon-margin-block-end: var(--f-button-icon-only-margin-block-end);
--f-icon-margin-inline-start: var(--f-button-icon-only-margin-inline-start);
}
:host .f-button.regressive:focus,
f-button .f-button.regressive:focus {
outline-width: 2px;
outline-style: solid;
outline-color: var(
--f-button-outline-color-focused,
var(--color-border-focus-base, #0055aa)
);
outline-offset: 1px;
}
:host .f-button.naked,
f-button .f-button.naked {
--f-button-resolved-text-color: var(
--f-button-text-color,
var(--f-button-text-color-default, var(--naked-text-color))
);
--f-button-resolved-focus-text-color: var(
--f-button-text-color-focused,
var(--f-button-text-color, var(--naked-focus-text-color))
);
--f-button-resolved-background-color: var(
--f-button-bg-color,
var(--f-button-bg-color-default, var(--naked-background-color))
);
--f-button-resolved-focus-background-color: var(
--f-button-bg-color-focused,
var(--f-button-bg-color, var(--naked-background-focus-color))
);
--f-button-resolved-border-color: var(
--f-button-border-color,
var(--f-button-border-color-default, var(--naked-border-color))
);
--f-button-resolved-focus-border-color: var(
--f-button-border-color-focused,
var(--f-button-border-color, var(--naked-focus-border-color))
);
--f-button-resolved-active-border-color: var(
--f-button-border-color-active,
var(--f-button-border-color, var(--naked-active-border-color))
);
--f-icon-color: var(--f-button-text-color, var(--naked-text-color));
}
:host .f-button.naked f-icon.left,
f-button .f-button.naked f-icon.left {
--f-icon-margin-block-start: var(--f-button-left-icon-margin-block-start);
--f-icon-margin-inline-end: var(--f-button-left-icon-margin-inline-end);
--f-icon-margin-block-end: var(--f-button-left-icon-margin-block-end);
--f-icon-margin-inline-start: var(--f-button-left-icon-margin-inline-start);
order: -1;
}
:host .f-button.naked f-icon.right,
f-button .f-button.naked f-icon.right {
--f-icon-margin-block-start: var(--f-button-right-icon-margin-block-start);
--f-icon-margin-inline-end: var(--f-button-right-icon-margin-inline-end);
--f-icon-margin-block-end: var(--f-button-right-icon-margin-block-end);
--f-icon-margin-inline-start: var(--f-button-right-icon-margin-inline-start);
}
:host .f-button.naked f-icon.icon-only,
f-button .f-button.naked f-icon.icon-only {
--f-icon-margin-block-start: var(--f-button-icon-only-margin-block-start);
--f-icon-margin-inline-end: var(--f-button-icon-only-margin-inline-end);
--f-icon-margin-block-end: var(--f-button-icon-only-margin-block-end);
--f-icon-margin-inline-start: var(--f-button-icon-only-margin-inline-start);
}
:host .f-button.destructive-ghost,
f-button .f-button.destructive-ghost {
--f-button-resolved-text-color: var(
--f-button-text-color,
var(--f-button-text-color-default, var(--destructive-ghost-text-color))
);
--f-button-resolved-focus-text-color: var(
--f-button-text-color-focused,
var(--f-button-text-color, var(--destructive-ghost-focus-text-color))
);
--f-button-resolved-background-color: var(
--f-button-bg-color,
var(--f-button-bg-color-default, var(--destructive-ghost-background-color))
);
--f-button-resolved-focus-background-color: var(
--f-button-bg-color-focused,
var(--f-button-bg-color, var(--destructive-ghost-background-focus-color))
);
--f-button-resolved-border-color: var(
--f-button-border-color,
var(--f-button-border-color-default, var(--destructive-ghost-border-color))
);
--f-button-resolved-focus-border-color: var(
--f-button-border-color-focused,
var(--f-button-border-color, var(--destructive-ghost-focus-border-color))
);
--f-button-resolved-active-border-color: var(
--f-button-border-color-active,
var(--f-button-border-color, var(--destructive-ghost-active-border-color))
);
--f-icon-color: var(
--f-button-text-color,
var(--destructive-ghost-text-color)
);
}
:host .f-button.destructive-ghost f-icon.left,
f-button .f-button.destructive-ghost f-icon.left {
--f-icon-margin-block-start: var(--f-button-left-icon-margin-block-start);
--f-icon-margin-inline-end: var(--f-button-left-icon-margin-inline-end);
--f-icon-margin-block-end: var(--f-button-left-icon-margin-block-end);
--f-icon-margin-inline-start: var(--f-button-left-icon-margin-inline-start);
order: -1;
}
:host .f-button.destructive-ghost f-icon.right,
f-button .f-button.destructive-ghost f-icon.right {
--f-icon-margin-block-start: var(--f-button-right-icon-margin-block-start);
--f-icon-margin-inline-end: var(--f-button-right-icon-margin-inline-end);
--f-icon-margin-block-end: var(--f-button-right-icon-margin-block-end);
--f-icon-margin-inline-start: var(--f-button-right-icon-margin-inline-start);
}
:host .f-button.destructive-ghost f-icon.icon-only,
f-button .f-button.destructive-ghost f-icon.icon-only {
--f-icon-margin-block-start: var(--f-button-icon-only-margin-block-start);
--f-icon-margin-inline-end: var(--f-button-icon-only-margin-inline-end);
--f-icon-margin-block-end: var(--f-button-icon-only-margin-block-end);
--f-icon-margin-inline-start: var(--f-button-icon-only-margin-inline-start);
}
:host .f-button.destructive-ghost:focus,
f-button .f-button.destructive-ghost:focus {
outline-width: 2px;
outline-style: solid;
outline-color: var(
--f-button-outline-color-focused,
var(--color-border-focus-base, #0055aa)
);
outline-offset: 1px;
}
:host .f-button.destructive-ghost:focus,
f-button .f-button.destructive-ghost:focus {
outline-color: var(--f-button-outline-color-focused, var(--error));
}
:host .f-button.ghost:not([disabled]) f-loading .spinner,
f-button .f-button.ghost:not([disabled]) f-loading .spinner {
border-color: var(
--f-button-loader-track-color,
var(--ghost-background-focus-color)
);
border-left-color: var(
--f-button-loader-indicator-color,
var(--ghost-text-color)
);
}
:host .f-button.ghost:not([disabled]):active f-loading .spinner,
:host .f-button.ghost:not([disabled]):focus f-loading .spinner,
:host .f-button.ghost:not([disabled]):hover f-loading .spinner,
f-button .f-button.ghost:not([disabled]):active f-loading .spinner,
f-button .f-button.ghost:not([disabled]):focus f-loading .spinner,
f-button .f-button.ghost:not([disabled]):hover f-loading .spinner {
border-color: var(
--f-button-loader-track-color-focused,
var(--f-button-loader-track-color, var(--neutral-white))
);
border-left-color: var(
--f-button-loader-indicator-color-focused,
var(--f-button-loader-indicator-color, var(--ghost-focus-text-color))
);
}
:host .f-button.action:not([disabled]) f-loading .spinner,
f-button .f-button.action:not([disabled]) f-loading .spinner {
border-color: var(
--f-button-loader-track-color,
var(--action-background-focus-color)
);
border-left-color: var(
--f-button-loader-indicator-color,
var(--action-text-color)
);
}
:host .f-button.action:not([disabled]):active f-loading .spinner,
:host .f-button.action:not([disabled]):focus f-loading .spinner,
:host .f-button.action:not([disabled]):hover f-loading .spinner,
f-button .f-button.action:not([disabled]):active f-loading .spinner,
f-button .f-button.action:not([disabled]):focus f-loading .spinner,
f-button .f-button.action:not([disabled]):hover f-loading .spinner {
border-color: var(
--f-button-loader-track-color-focused,
var(--f-button-loader-track-color, var(--neutral-white))
);
border-left-color: var(
--f-button-loader-indicator-color-focused,
var(--f-button-loader-indicator-color, var(--action-focus-text-color))
);
}
:host .f-button.regressive:not([disabled]) f-loading .spinner,
f-button .f-button.regressive:not([disabled]) f-loading .spinner {
border-color: var(
--f-button-loader-track-color,
var(--regressive-background-focus-color)
);
border-left-color: var(
--f-button-loader-indicator-color,
var(--regressive-text-color)
);
}
:host .f-button.regressive:not([disabled]):active f-loading .spinner,
:host .f-button.regressive:not([disabled]):focus f-loading .spinner,
:host .f-button.regressive:not([disabled]):hover f-loading .spinner,
f-button .f-button.regressive:not([disabled]):active f-loading .spinner,
f-button .f-button.regressive:not([disabled]):focus f-loading .spinner,
f-button .f-button.regressive:not([disabled]):hover f-loading .spinner {
border-color: var(
--f-button-loader-track-color-focused,
var(--f-button-loader-track-color, var(--neutral-white))
);
border-left-color: var(
--f-button-loader-indicator-color-focused,
var(--f-button-loader-indicator-color, var(--regressive-focus-text-color))
);
}
:host .f-button.naked:not([disabled]) f-loading .spinner,
f-button .f-button.naked:not([disabled]) f-loading .spinner {
border-color: var(
--f-button-loader-track-color,
var(--naked-background-focus-color)
);
border-left-color: var(
--f-button-loader-indicator-color,
var(--naked-text-color)
);
}
:host .f-button.naked:not([disabled]):active f-loading .spinner,
:host .f-button.naked:not([disabled]):focus f-loading .spinner,
:host .f-button.naked:not([disabled]):hover f-loading .spinner,
f-button .f-button.naked:not([disabled]):active f-loading .spinner,
f-button .f-button.naked:not([disabled]):focus f-loading .spinner,
f-button .f-button.naked:not([disabled]):hover f-loading .spinner {
border-color: var(
--f-button-loader-track-color-focused,
var(--f-button-loader-track-color, var(--neutral-white))
);
border-left-color: var(
--f-button-loader-indicator-color-focused,
var(--f-button-loader-indicator-color, var(--naked-focus-text-color))
);
}
:host .f-button.destructive-ghost:not([disabled]) f-loading .spinner,
f-button .f-button.destructive-ghost:not([disabled]) f-loading .spinner {
border-color: var(
--f-button-loader-track-color,
var(--destructive-ghost-background-focus-color)
);
border-left-color: var(
--f-button-loader-indicator-color,
var(--destructive-ghost-text-color)
);
}
:host .f-button.destructive-ghost:not([disabled]):active f-loading .spinner,
:host .f-button.destructive-ghost:not([disabled]):focus f-loading .spinner,
:host .f-button.destructive-ghost:not([disabled]):hover f-loading .spinner,
f-button .f-button.destructive-ghost:not([disabled]):active f-loading .spinner,
f-button .f-button.destructive-ghost:not([disabled]):focus f-loading .spinner,
f-button .f-button.destructive-ghost:not([disabled]):hover f-loading .spinner {
border-color: var(
--f-button-loader-track-color-focused,
var(--f-button-loader-track-color, var(--neutral-white))
);
border-left-color: var(
--f-button-loader-indicator-color-focused,
var(
--f-button-loader-indicator-color,
var(--destructive-ghost-focus-text-color)
)
);
}
@keyframes scaleBounce {
0% {
transform: scale(1);
}
50% {
transform: scale(0.9);
}
100% {
transform: scale(1);
}
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--core-water-leaf: var(--color-palette-teal-400, #97e8e2);
--core-tropical-blue: var(--color-palette-blue-200, #c2d9fe);
--core-pale-lavendar: var(--color-palette-purple-200, #e5cefd);
--core-pale-lavender: var(--color-palette-purple-200, #e5cefd);
--accent-canary-yellow: var(--color-palette-yellow-100, #fff200);
--accent-grenadier: var(--color-palette-red-500, #cd4400);
--accent-pink-orange: var(--color-palette-red-300, #ff9966);
--accent-apricot: var(--color-palette-red-200, #ffcbb1);
--accent-denim: var(--color-palette-blue-700, #165bcf);
--accent-navy-blue: var(--color-palette-blue-500, #266de2);
--accent-jordy-blue: var(--color-palette-blue-300, #7da7ed);
--accent-hawkes-blue: var(--color-palette-blue-100, #dce9ff);
--accent-zircon: var(--color-palette-blue-50, #f6f9ff);
--tertiary-viking: var(--color-palette-teal-600, #64d9d2);
--tertiary-cornflower-blue: var(--color-palette-blue-400, #639dfe);
--tertiary-rich-lilac: var(--color-palette-purple-700, #bb6bd9);
--tertiary-orchid: var(--color-palette-purple-500, #d382e0);
--neutral-black: var(--color-palette-gray-700, #282828);
--neutral-steel: var(--color-palette-gray-500, #666666);
--neutral-dove-gray: var(--color-palette-gray-400, #767676);
--neutral-mountain-mist: var(--color-palette-gray-300, #949494);
--neutral-athens-gray: var(--color-palette-gray-200, #dedede);
--neutral-gallery: var(--color-palette-gray-100, #efefef);
--neutral-white: var(--color-palette-gray-50, #ffffff);
--error-background: var(--color-palette-red-50, #fdebec);
--error-shadow: var(--color-palette-red-400, #ed3f3f);
--error: var(--color-palette-red-600, #c61a1a);
--warning-background: var(--color-palette-yellow-50, #ffefd2);
--warning: var(--color-palette-yellow-200, #fbcf35);
--success-background: var(--color-palette-green-100, #e6f6e1);
--success-shadow: var(--color-palette-green-300, #0fab01);
--success: var(--color-palette-green-500, #107400);
--info: #165dd0;
--info-background: var(--color-bg-info-base, #dce9ff);
--a11y-focus-color: var(--color-border-focus-base, #0055aa);
--background-body: var(--color-bg-body-base, #ffffff);
--border-general: var(--color-border-default-base, #767676);
--border-light: var(--color-palette-gray-300, #949494);
--anchor-color: var(--color-link-base);
--awlds-color-progress-green: #0eab00;
--awlds-color-progress-green-contrast: var(
--color-palette-green-500,
#107400
);
--awlds-color-progress-blue: var(--color-palette-blue-700, #165bcf);
--awlds-color-progress-blue-contrast: var(--color-palette-blue-500, #266de2);
--branding-bg-color: var(--color-bg-brand-b1, #0066ff);
--branding-text-color: var(--color-text-body-base, #282828);
--vertical-brand-bar-color: var(--branding-bg-color);
--light-gray: #f9f9f9;
--light-blue: var(--color-palette-blue-50, #f6f9ff);
--light-turquoise: #eefcfb;
--ai-light-lavendar: #fbf7ff;
--ai-indigo-purple: var(--color-palette-purple-1000, #4f009a);
--base-font-color: var(--color-text-body-base, #282828);
--base-font-family: "FS Thrive Elliot Web", Arial, sans-serif;
--bold-font-family: "FS Thrive Elliot Web - Bold", Arial, sans-serif;
--heavy-font-family: "FS Thrive Elliot Web - Heavy", Arial, sans-serif;
--light-font-family: "FS Thrive Elliot Web - Light", Arial, sans-serif;
--italic-font-family: "FS Thrive Elliot Web - Italic", Arial, sans-serif;
--mono-font-family: "Courier New", Courier, monospace;
--small-font-size: var(--font-size-s, 14px);
--base-font-size: var(--font-size-base, 16px);
--large-font-size: var(--font-450, 18px);
--h1-font-size: var(--font-1200, 48px);
--h2-font-size: var(--font-size-3xl, 36px);
--h3-font-size: var(--font-700, 28px);
--h4-font-size: var(--font-size-xl, 22px);
--h5-font-size: var(--font-size-l, 20px);
--h6-font-size: var(--font-450, 18px);
--body-font-size: var(--font-size-base, 16px);
--subtitle-font-size: var(--font-size-s, 14px);
--helper-text-font-size: var(--font-size-2xs, 12px);
--legal-font-size: var(--font-325, 13px);
--spacing-none: 0;
--spacing-xs: 2px;
--spacing-s: 4px;
--spacing-m: 8px;
--spacing-l: 16px;
--spacing-xl: 24px;
--spacing-2xl: 32px;
--spacing-3xl: 40px;
--spacing-4xl: 56px;
--spacing-5xl: 80px;
--container-max-width: 1600px;
--width-xs: calc(var(--container-max-width) / 5);
--width-s: calc(var(--container-max-width) / 4);
--width-m: calc(var(--container-max-width) / 3);
--width-l: calc(var(--container-max-width) / 2);
--width-xl: var(--container-max-width);
--full-width: 100%;
--paragraph-margin-bottom: var(--spacing-m);
--paragraph-max-width: 37.5rem;
--breakpoint-s: 320px;
--breakpoint-m: 768px;
--breakpoint-l: 1024px;
--breakpoint-xl: 1280px;
--breakpoint-2xl: 1440px;
}
@font-face {
font-family: "FS Thrive Elliot Web";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Regular.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Bold";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Bold.woff")
format("woff");
font-display: swap;
font-weight: 700;
}
@font-face {
font-family: "FS Thrive Elliot Web - Heavy";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Heavy.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Light";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Light.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Italic";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Italic.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
:root,
:host {
--f-top-rail-z-index: 100;
--f-top-rail-overlay-z-index: 99;
}
f-top-rail .f-top-rail {
position: relative;
z-index: var(--f-top-rail-z-index);
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
height: 3.5rem;
background-color: var(--neutral-white);
border-bottom: 0.0625rem solid var(--neutral-mountain-mist);
}
f-top-rail .f-top-rail .f-top-rail-control-button {
display: flex;
flex-direction: row;
align-items: center;
gap: 0.5rem;
padding: 0.75rem 1rem;
font-family: var(--bold-font-family);
color: var(--accent-denim);
visibility: hidden;
}
f-top-rail .f-top-rail .f-top-rail-control-button:focus {
outline: 0.125rem solid var(--color-border-focus-base, #0055aa);
outline-offset: -0.125rem;
}
f-top-rail .f-top-rail .icon-container {
display: inline-flex;
justify-content: center;
align-items: center;
max-width: 1.5rem;
max-height: 1.5rem;
}
f-top-rail .f-top-rail .icon-container f-icon {
--f-icon-container-size: 1rem;
}
f-top-rail .f-top-rail .f-top-rail-items-container {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
max-width: 90rem;
width: 100%;
overflow: hidden;
}
f-top-rail .f-top-rail .f-top-rail-items-container .f-top-rail-list {
display: flex;
flex-direction: row;
align-items: center;
margin: 0;
width: fit-content;
overflow: hidden;
list-style: none;
}
f-top-rail
.f-top-rail
.f-top-rail-items-container
.f-top-rail-list
.f-top-rail-item-container {
display: flex;
justify-content: center;
align-items: center;
margin: 0;
padding: 0;
width: fit-content;
overflow: hidden;
}
f-top-rail
.f-top-rail
.f-top-rail-items-container
.f-top-rail-list
.f-top-rail-item-container
.mega-menu-container {
display: none;
position: absolute;
top: 3.5rem;
left: 0;
right: 0;
z-index: var(--f-top-rail-z-index);
}
f-top-rail
.f-top-rail
.f-top-rail-items-container
.f-top-rail-list
.f-top-rail-item-container
.mega-menu-container.open {
display: block;
}
f-top-rail f-overlay {
--f-overlay-z-index: var(--f-top-rail-overlay-z-index);
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--core-water-leaf: var(--color-palette-teal-400, #97e8e2);
--core-tropical-blue: var(--color-palette-blue-200, #c2d9fe);
--core-pale-lavendar: var(--color-palette-purple-200, #e5cefd);
--core-pale-lavender: var(--color-palette-purple-200, #e5cefd);
--accent-canary-yellow: var(--color-palette-yellow-100, #fff200);
--accent-grenadier: var(--color-palette-red-500, #cd4400);
--accent-pink-orange: var(--color-palette-red-300, #ff9966);
--accent-apricot: var(--color-palette-red-200, #ffcbb1);
--accent-denim: var(--color-palette-blue-700, #165bcf);
--accent-navy-blue: var(--color-palette-blue-500, #266de2);
--accent-jordy-blue: var(--color-palette-blue-300, #7da7ed);
--accent-hawkes-blue: var(--color-palette-blue-100, #dce9ff);
--accent-zircon: var(--color-palette-blue-50, #f6f9ff);
--tertiary-viking: var(--color-palette-teal-600, #64d9d2);
--tertiary-cornflower-blue: var(--color-palette-blue-400, #639dfe);
--tertiary-rich-lilac: var(--color-palette-purple-700, #bb6bd9);
--tertiary-orchid: var(--color-palette-purple-500, #d382e0);
--neutral-black: var(--color-palette-gray-700, #282828);
--neutral-steel: var(--color-palette-gray-500, #666666);
--neutral-dove-gray: var(--color-palette-gray-400, #767676);
--neutral-mountain-mist: var(--color-palette-gray-300, #949494);
--neutral-athens-gray: var(--color-palette-gray-200, #dedede);
--neutral-gallery: var(--color-palette-gray-100, #efefef);
--neutral-white: var(--color-palette-gray-50, #ffffff);
--error-background: var(--color-palette-red-50, #fdebec);
--error-shadow: var(--color-palette-red-400, #ed3f3f);
--error: var(--color-palette-red-600, #c61a1a);
--warning-background: var(--color-palette-yellow-50, #ffefd2);
--warning: var(--color-palette-yellow-200, #fbcf35);
--success-background: var(--color-palette-green-100, #e6f6e1);
--success-shadow: var(--color-palette-green-300, #0fab01);
--success: var(--color-palette-green-500, #107400);
--info: #165dd0;
--info-background: var(--color-bg-info-base, #dce9ff);
--a11y-focus-color: var(--color-border-focus-base, #0055aa);
--background-body: var(--color-bg-body-base, #ffffff);
--border-general: var(--color-border-default-base, #767676);
--border-light: var(--color-palette-gray-300, #949494);
--anchor-color: var(--color-link-base);
--awlds-color-progress-green: #0eab00;
--awlds-color-progress-green-contrast: var(
--color-palette-green-500,
#107400
);
--awlds-color-progress-blue: var(--color-palette-blue-700, #165bcf);
--awlds-color-progress-blue-contrast: var(--color-palette-blue-500, #266de2);
--branding-bg-color: var(--color-bg-brand-b1, #0066ff);
--branding-text-color: var(--color-text-body-base, #282828);
--vertical-brand-bar-color: var(--branding-bg-color);
--light-gray: #f9f9f9;
--light-blue: var(--color-palette-blue-50, #f6f9ff);
--light-turquoise: #eefcfb;
--ai-light-lavendar: #fbf7ff;
--ai-indigo-purple: var(--color-palette-purple-1000, #4f009a);
--base-font-color: var(--color-text-body-base, #282828);
--base-font-family: "FS Thrive Elliot Web", Arial, sans-serif;
--bold-font-family: "FS Thrive Elliot Web - Bold", Arial, sans-serif;
--heavy-font-family: "FS Thrive Elliot Web - Heavy", Arial, sans-serif;
--light-font-family: "FS Thrive Elliot Web - Light", Arial, sans-serif;
--italic-font-family: "FS Thrive Elliot Web - Italic", Arial, sans-serif;
--mono-font-family: "Courier New", Courier, monospace;
--small-font-size: var(--font-size-s, 14px);
--base-font-size: var(--font-size-base, 16px);
--large-font-size: var(--font-450, 18px);
--h1-font-size: var(--font-1200, 48px);
--h2-font-size: var(--font-size-3xl, 36px);
--h3-font-size: var(--font-700, 28px);
--h4-font-size: var(--font-size-xl, 22px);
--h5-font-size: var(--font-size-l, 20px);
--h6-font-size: var(--font-450, 18px);
--body-font-size: var(--font-size-base, 16px);
--subtitle-font-size: var(--font-size-s, 14px);
--helper-text-font-size: var(--font-size-2xs, 12px);
--legal-font-size: var(--font-325, 13px);
--spacing-none: 0;
--spacing-xs: 2px;
--spacing-s: 4px;
--spacing-m: 8px;
--spacing-l: 16px;
--spacing-xl: 24px;
--spacing-2xl: 32px;
--spacing-3xl: 40px;
--spacing-4xl: 56px;
--spacing-5xl: 80px;
--container-max-width: 1600px;
--width-xs: calc(var(--container-max-width) / 5);
--width-s: calc(var(--container-max-width) / 4);
--width-m: calc(var(--container-max-width) / 3);
--width-l: calc(var(--container-max-width) / 2);
--width-xl: var(--container-max-width);
--full-width: 100%;
--paragraph-margin-bottom: var(--spacing-m);
--paragraph-max-width: 37.5rem;
--breakpoint-s: 320px;
--breakpoint-m: 768px;
--breakpoint-l: 1024px;
--breakpoint-xl: 1280px;
--breakpoint-2xl: 1440px;
}
@font-face {
font-family: "FS Thrive Elliot Web";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Regular.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Bold";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Bold.woff")
format("woff");
font-display: swap;
font-weight: 700;
}
@font-face {
font-family: "FS Thrive Elliot Web - Heavy";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Heavy.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Light";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Light.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Italic";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Italic.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
f-top-rail-item {
--top-rail-item-container-display: inline-flex;
--top-rail-item-container-margin: 0;
--top-rail-item-container-padding: 0;
--top-rail-item-display: inline-flex;
--top-rail-item-gap: 0.5rem;
--top-rail-item-padding: 0.75rem 1rem;
--top-rail-item-text-color: var(--color-text-body-base, #282828);
--top-rail-item-text-color-disabled: var(--color-text-disabled-base, #949494);
--top-rail-item-font-family: var(--base-font-family);
--top-rail-item-font-size: var(--font-size-base, 1rem);
--top-rail-item-line-height: 1.5rem;
--top-rail-item-outline-focused-color: var(
--color-border-focus-base,
#0055aa
);
display: inline-flex;
}
f-top-rail-item .f-top-rail-item__container {
display: var(--top-rail-item-container-display);
justify-content: center;
align-items: center;
margin: var(--top-rail-item-container-margin);
padding: var(--top-rail-item-container-padding);
width: fit-content;
overflow: hidden;
}
f-top-rail-item .f-top-rail-item__container .f-top-rail-item__item {
display: var(--top-rail-item-display);
justify-content: center;
align-items: center;
gap: var(--top-rail-item-gap);
padding: var(--top-rail-item-padding);
color: var(--top-rail-item-text-color);
font-family: var(--top-rail-item-font-family);
font-size: var(--top-rail-item-font-size);
line-height: var(--top-rail-item-line-height);
text-wrap: nowrap;
text-decoration: none;
}
f-top-rail-item .f-top-rail-item__container .f-top-rail-item__item:hover {
text-decoration: underline;
}
f-top-rail-item .f-top-rail-item__container .f-top-rail-item__item:focus {
text-decoration: underline;
outline: 0.125rem solid var(--top-rail-item-outline-focused-color);
outline-offset: -0.125rem;
}
f-top-rail-item .f-top-rail-item__container .f-top-rail-item__item--disabled {
color: var(--top-rail-item-text-color-disabled);
text-decoration: none;
cursor: not-allowed;
}
f-top-rail-item
.f-top-rail-item__container
.f-top-rail-item__item--disabled:hover,
f-top-rail-item
.f-top-rail-item__container
.f-top-rail-item__item--disabled:focus {
text-decoration: none;
outline: none;
}
f-top-rail-item
.f-top-rail-item__container
.f-top-rail-item__item--disabled
f-icon {
--f-icon-color: var(--top-rail-item-text-color-disabled);
}
f-top-rail-item [slot="mega-menu"] {
display: none;
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--core-water-leaf: var(--color-palette-teal-400, #97e8e2);
--core-tropical-blue: var(--color-palette-blue-200, #c2d9fe);
--core-pale-lavendar: var(--color-palette-purple-200, #e5cefd);
--core-pale-lavender: var(--color-palette-purple-200, #e5cefd);
--accent-canary-yellow: var(--color-palette-yellow-100, #fff200);
--accent-grenadier: var(--color-palette-red-500, #cd4400);
--accent-pink-orange: var(--color-palette-red-300, #ff9966);
--accent-apricot: var(--color-palette-red-200, #ffcbb1);
--accent-denim: var(--color-palette-blue-700, #165bcf);
--accent-navy-blue: var(--color-palette-blue-500, #266de2);
--accent-jordy-blue: var(--color-palette-blue-300, #7da7ed);
--accent-hawkes-blue: var(--color-palette-blue-100, #dce9ff);
--accent-zircon: var(--color-palette-blue-50, #f6f9ff);
--tertiary-viking: var(--color-palette-teal-600, #64d9d2);
--tertiary-cornflower-blue: var(--color-palette-blue-400, #639dfe);
--tertiary-rich-lilac: var(--color-palette-purple-700, #bb6bd9);
--tertiary-orchid: var(--color-palette-purple-500, #d382e0);
--neutral-black: var(--color-palette-gray-700, #282828);
--neutral-steel: var(--color-palette-gray-500, #666666);
--neutral-dove-gray: var(--color-palette-gray-400, #767676);
--neutral-mountain-mist: var(--color-palette-gray-300, #949494);
--neutral-athens-gray: var(--color-palette-gray-200, #dedede);
--neutral-gallery: var(--color-palette-gray-100, #efefef);
--neutral-white: var(--color-palette-gray-50, #ffffff);
--error-background: var(--color-palette-red-50, #fdebec);
--error-shadow: var(--color-palette-red-400, #ed3f3f);
--error: var(--color-palette-red-600, #c61a1a);
--warning-background: var(--color-palette-yellow-50, #ffefd2);
--warning: var(--color-palette-yellow-200, #fbcf35);
--success-background: var(--color-palette-green-100, #e6f6e1);
--success-shadow: var(--color-palette-green-300, #0fab01);
--success: var(--color-palette-green-500, #107400);
--info: #165dd0;
--info-background: var(--color-bg-info-base, #dce9ff);
--a11y-focus-color: var(--color-border-focus-base, #0055aa);
--background-body: var(--color-bg-body-base, #ffffff);
--border-general: var(--color-border-default-base, #767676);
--border-light: var(--color-palette-gray-300, #949494);
--anchor-color: var(--color-link-base);
--awlds-color-progress-green: #0eab00;
--awlds-color-progress-green-contrast: var(
--color-palette-green-500,
#107400
);
--awlds-color-progress-blue: var(--color-palette-blue-700, #165bcf);
--awlds-color-progress-blue-contrast: var(--color-palette-blue-500, #266de2);
--branding-bg-color: var(--color-bg-brand-b1, #0066ff);
--branding-text-color: var(--color-text-body-base, #282828);
--vertical-brand-bar-color: var(--branding-bg-color);
--light-gray: #f9f9f9;
--light-blue: var(--color-palette-blue-50, #f6f9ff);
--light-turquoise: #eefcfb;
--ai-light-lavendar: #fbf7ff;
--ai-indigo-purple: var(--color-palette-purple-1000, #4f009a);
--base-font-color: var(--color-text-body-base, #282828);
--base-font-family: "FS Thrive Elliot Web", Arial, sans-serif;
--bold-font-family: "FS Thrive Elliot Web - Bold", Arial, sans-serif;
--heavy-font-family: "FS Thrive Elliot Web - Heavy", Arial, sans-serif;
--light-font-family: "FS Thrive Elliot Web - Light", Arial, sans-serif;
--italic-font-family: "FS Thrive Elliot Web - Italic", Arial, sans-serif;
--mono-font-family: "Courier New", Courier, monospace;
--small-font-size: var(--font-size-s, 14px);
--base-font-size: var(--font-size-base, 16px);
--large-font-size: var(--font-450, 18px);
--h1-font-size: var(--font-1200, 48px);
--h2-font-size: var(--font-size-3xl, 36px);
--h3-font-size: var(--font-700, 28px);
--h4-font-size: var(--font-size-xl, 22px);
--h5-font-size: var(--font-size-l, 20px);
--h6-font-size: var(--font-450, 18px);
--body-font-size: var(--font-size-base, 16px);
--subtitle-font-size: var(--font-size-s, 14px);
--helper-text-font-size: var(--font-size-2xs, 12px);
--legal-font-size: var(--font-325, 13px);
--spacing-none: 0;
--spacing-xs: 2px;
--spacing-s: 4px;
--spacing-m: 8px;
--spacing-l: 16px;
--spacing-xl: 24px;
--spacing-2xl: 32px;
--spacing-3xl: 40px;
--spacing-4xl: 56px;
--spacing-5xl: 80px;
--container-max-width: 1600px;
--width-xs: calc(var(--container-max-width) / 5);
--width-s: calc(var(--container-max-width) / 4);
--width-m: calc(var(--container-max-width) / 3);
--width-l: calc(var(--container-max-width) / 2);
--width-xl: var(--container-max-width);
--full-width: 100%;
--paragraph-margin-bottom: var(--spacing-m);
--paragraph-max-width: 37.5rem;
--breakpoint-s: 320px;
--breakpoint-m: 768px;
--breakpoint-l: 1024px;
--breakpoint-xl: 1280px;
--breakpoint-2xl: 1440px;
}
@font-face {
font-family: "FS Thrive Elliot Web";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Regular.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Bold";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Bold.woff")
format("woff");
font-display: swap;
font-weight: 700;
}
@font-face {
font-family: "FS Thrive Elliot Web - Heavy";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Heavy.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Light";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Light.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Italic";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Italic.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
f-mega-menu {
--mega-menu-display: block;
--mega-menu-width: 100%;
}
f-mega-menu .f-mega-menu {
display: var(--mega-menu-display);
width: var(--mega-menu-width);
margin: 0;
padding: 0;
}
@media screen and (min-width: 768px) {
f-mega-menu .f-mega-menu {
background-color: var(--color-bg-light-base, #ffffff);
box-shadow: 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1);
}
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--core-water-leaf: var(--color-palette-teal-400, #97e8e2);
--core-tropical-blue: var(--color-palette-blue-200, #c2d9fe);
--core-pale-lavendar: var(--color-palette-purple-200, #e5cefd);
--core-pale-lavender: var(--color-palette-purple-200, #e5cefd);
--accent-canary-yellow: var(--color-palette-yellow-100, #fff200);
--accent-grenadier: var(--color-palette-red-500, #cd4400);
--accent-pink-orange: var(--color-palette-red-300, #ff9966);
--accent-apricot: var(--color-palette-red-200, #ffcbb1);
--accent-denim: var(--color-palette-blue-700, #165bcf);
--accent-navy-blue: var(--color-palette-blue-500, #266de2);
--accent-jordy-blue: var(--color-palette-blue-300, #7da7ed);
--accent-hawkes-blue: var(--color-palette-blue-100, #dce9ff);
--accent-zircon: var(--color-palette-blue-50, #f6f9ff);
--tertiary-viking: var(--color-palette-teal-600, #64d9d2);
--tertiary-cornflower-blue: var(--color-palette-blue-400, #639dfe);
--tertiary-rich-lilac: var(--color-palette-purple-700, #bb6bd9);
--tertiary-orchid: var(--color-palette-purple-500, #d382e0);
--neutral-black: var(--color-palette-gray-700, #282828);
--neutral-steel: var(--color-palette-gray-500, #666666);
--neutral-dove-gray: var(--color-palette-gray-400, #767676);
--neutral-mountain-mist: var(--color-palette-gray-300, #949494);
--neutral-athens-gray: var(--color-palette-gray-200, #dedede);
--neutral-gallery: var(--color-palette-gray-100, #efefef);
--neutral-white: var(--color-palette-gray-50, #ffffff);
--error-background: var(--color-palette-red-50, #fdebec);
--error-shadow: var(--color-palette-red-400, #ed3f3f);
--error: var(--color-palette-red-600, #c61a1a);
--warning-background: var(--color-palette-yellow-50, #ffefd2);
--warning: var(--color-palette-yellow-200, #fbcf35);
--success-background: var(--color-palette-green-100, #e6f6e1);
--success-shadow: var(--color-palette-green-300, #0fab01);
--success: var(--color-palette-green-500, #107400);
--info: #165dd0;
--info-background: var(--color-bg-info-base, #dce9ff);
--a11y-focus-color: var(--color-border-focus-base, #0055aa);
--background-body: var(--color-bg-body-base, #ffffff);
--border-general: var(--color-border-default-base, #767676);
--border-light: var(--color-palette-gray-300, #949494);
--anchor-color: var(--color-link-base);
--awlds-color-progress-green: #0eab00;
--awlds-color-progress-green-contrast: var(
--color-palette-green-500,
#107400
);
--awlds-color-progress-blue: var(--color-palette-blue-700, #165bcf);
--awlds-color-progress-blue-contrast: var(--color-palette-blue-500, #266de2);
--branding-bg-color: var(--color-bg-brand-b1, #0066ff);
--branding-text-color: var(--color-text-body-base, #282828);
--vertical-brand-bar-color: var(--branding-bg-color);
--light-gray: #f9f9f9;
--light-blue: var(--color-palette-blue-50, #f6f9ff);
--light-turquoise: #eefcfb;
--ai-light-lavendar: #fbf7ff;
--ai-indigo-purple: var(--color-palette-purple-1000, #4f009a);
--base-font-color: var(--color-text-body-base, #282828);
--base-font-family: "FS Thrive Elliot Web", Arial, sans-serif;
--bold-font-family: "FS Thrive Elliot Web - Bold", Arial, sans-serif;
--heavy-font-family: "FS Thrive Elliot Web - Heavy", Arial, sans-serif;
--light-font-family: "FS Thrive Elliot Web - Light", Arial, sans-serif;
--italic-font-family: "FS Thrive Elliot Web - Italic", Arial, sans-serif;
--mono-font-family: "Courier New", Courier, monospace;
--small-font-size: var(--font-size-s, 14px);
--base-font-size: var(--font-size-base, 16px);
--large-font-size: var(--font-450, 18px);
--h1-font-size: var(--font-1200, 48px);
--h2-font-size: var(--font-size-3xl, 36px);
--h3-font-size: var(--font-700, 28px);
--h4-font-size: var(--font-size-xl, 22px);
--h5-font-size: var(--font-size-l, 20px);
--h6-font-size: var(--font-450, 18px);
--body-font-size: var(--font-size-base, 16px);
--subtitle-font-size: var(--font-size-s, 14px);
--helper-text-font-size: var(--font-size-2xs, 12px);
--legal-font-size: var(--font-325, 13px);
--spacing-none: 0;
--spacing-xs: 2px;
--spacing-s: 4px;
--spacing-m: 8px;
--spacing-l: 16px;
--spacing-xl: 24px;
--spacing-2xl: 32px;
--spacing-3xl: 40px;
--spacing-4xl: 56px;
--spacing-5xl: 80px;
--container-max-width: 1600px;
--width-xs: calc(var(--container-max-width) / 5);
--width-s: calc(var(--container-max-width) / 4);
--width-m: calc(var(--container-max-width) / 3);
--width-l: calc(var(--container-max-width) / 2);
--width-xl: var(--container-max-width);
--full-width: 100%;
--paragraph-margin-bottom: var(--spacing-m);
--paragraph-max-width: 37.5rem;
--breakpoint-s: 320px;
--breakpoint-m: 768px;
--breakpoint-l: 1024px;
--breakpoint-xl: 1280px;
--breakpoint-2xl: 1440px;
}
@font-face {
font-family: "FS Thrive Elliot Web";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Regular.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Bold";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Bold.woff")
format("woff");
font-display: swap;
font-weight: 700;
}
@font-face {
font-family: "FS Thrive Elliot Web - Heavy";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Heavy.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Light";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Light.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Italic";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Italic.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
f-mega-menu-header {
--mega-menu-header-width: 100%;
--mega-menu-header-height-sm: 3.5rem;
--mega-menu-header-height-md: 5.5rem;
--mega-menu-header-background-color-md: var(
--color-bg-primary-subtlest,
#f6f9ff
);
--mega-menu-header-border-width: 0.0625rem;
--mega-menu-header-border-style: solid;
--mega-menu-header-border-color: var(
--color-border-default-subtlest,
#dedede
);
--mega-menu-header-link-font-family: var(--bold-font-family);
}
f-mega-menu-header .f-mega-menu-header {
display: flex;
justify-content: flex-start;
align-items: center;
width: var(--mega-menu-header-width);
height: var(--mega-menu-header-height-sm);
}
f-mega-menu-header
.f-mega-menu-header
.f-mega-menu-header__header-link-container {
display: flex;
justify-content: center;
align-items: center;
padding-block: 0.5rem;
padding-inline: 0;
}
f-mega-menu-header
.f-mega-menu-header
.f-mega-menu-header__header-link-container
f-mega-menu-link {
--mega-menu-link-font-family: var(--mega-menu-header-link-font-family);
}
@media screen and (min-width: 768px) {
f-mega-menu-header .f-mega-menu-header {
justify-content: center;
height: var(--mega-menu-header-height-md);
background-color: var(--mega-menu-header-background-color-md);
border-block-end: var(--mega-menu-header-border-width)
var(--mega-menu-header-border-style) var(--mega-menu-header-border-color);
}
f-mega-menu-header
.f-mega-menu-header
.f-mega-menu-header__header-link-container {
padding-block: 0.5rem;
padding-inline: 1rem;
}
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--core-water-leaf: var(--color-palette-teal-400, #97e8e2);
--core-tropical-blue: var(--color-palette-blue-200, #c2d9fe);
--core-pale-lavendar: var(--color-palette-purple-200, #e5cefd);
--core-pale-lavender: var(--color-palette-purple-200, #e5cefd);
--accent-canary-yellow: var(--color-palette-yellow-100, #fff200);
--accent-grenadier: var(--color-palette-red-500, #cd4400);
--accent-pink-orange: var(--color-palette-red-300, #ff9966);
--accent-apricot: var(--color-palette-red-200, #ffcbb1);
--accent-denim: var(--color-palette-blue-700, #165bcf);
--accent-navy-blue: var(--color-palette-blue-500, #266de2);
--accent-jordy-blue: var(--color-palette-blue-300, #7da7ed);
--accent-hawkes-blue: var(--color-palette-blue-100, #dce9ff);
--accent-zircon: var(--color-palette-blue-50, #f6f9ff);
--tertiary-viking: var(--color-palette-teal-600, #64d9d2);
--tertiary-cornflower-blue: var(--color-palette-blue-400, #639dfe);
--tertiary-rich-lilac: var(--color-palette-purple-700, #bb6bd9);
--tertiary-orchid: var(--color-palette-purple-500, #d382e0);
--neutral-black: var(--color-palette-gray-700, #282828);
--neutral-steel: var(--color-palette-gray-500, #666666);
--neutral-dove-gray: var(--color-palette-gray-400, #767676);
--neutral-mountain-mist: var(--color-palette-gray-300, #949494);
--neutral-athens-gray: var(--color-palette-gray-200, #dedede);
--neutral-gallery: var(--color-palette-gray-100, #efefef);
--neutral-white: var(--color-palette-gray-50, #ffffff);
--error-background: var(--color-palette-red-50, #fdebec);
--error-shadow: var(--color-palette-red-400, #ed3f3f);
--error: var(--color-palette-red-600, #c61a1a);
--warning-background: var(--color-palette-yellow-50, #ffefd2);
--warning: var(--color-palette-yellow-200, #fbcf35);
--success-background: var(--color-palette-green-100, #e6f6e1);
--success-shadow: var(--color-palette-green-300, #0fab01);
--success: var(--color-palette-green-500, #107400);
--info: #165dd0;
--info-background: var(--color-bg-info-base, #dce9ff);
--a11y-focus-color: var(--color-border-focus-base, #0055aa);
--background-body: var(--color-bg-body-base, #ffffff);
--border-general: var(--color-border-default-base, #767676);
--border-light: var(--color-palette-gray-300, #949494);
--anchor-color: var(--color-link-base);
--awlds-color-progress-green: #0eab00;
--awlds-color-progress-green-contrast: var(
--color-palette-green-500,
#107400
);
--awlds-color-progress-blue: var(--color-palette-blue-700, #165bcf);
--awlds-color-progress-blue-contrast: var(--color-palette-blue-500, #266de2);
--branding-bg-color: var(--color-bg-brand-b1, #0066ff);
--branding-text-color: var(--color-text-body-base, #282828);
--vertical-brand-bar-color: var(--branding-bg-color);
--light-gray: #f9f9f9;
--light-blue: var(--color-palette-blue-50, #f6f9ff);
--light-turquoise: #eefcfb;
--ai-light-lavendar: #fbf7ff;
--ai-indigo-purple: var(--color-palette-purple-1000, #4f009a);
--base-font-color: var(--color-text-body-base, #282828);
--base-font-family: "FS Thrive Elliot Web", Arial, sans-serif;
--bold-font-family: "FS Thrive Elliot Web - Bold", Arial, sans-serif;
--heavy-font-family: "FS Thrive Elliot Web - Heavy", Arial, sans-serif;
--light-font-family: "FS Thrive Elliot Web - Light", Arial, sans-serif;
--italic-font-family: "FS Thrive Elliot Web - Italic", Arial, sans-serif;
--mono-font-family: "Courier New", Courier, monospace;
--small-font-size: var(--font-size-s, 14px);
--base-font-size: var(--font-size-base, 16px);
--large-font-size: var(--font-450, 18px);
--h1-font-size: var(--font-1200, 48px);
--h2-font-size: var(--font-size-3xl, 36px);
--h3-font-size: var(--font-700, 28px);
--h4-font-size: var(--font-size-xl, 22px);
--h5-font-size: var(--font-size-l, 20px);
--h6-font-size: var(--font-450, 18px);
--body-font-size: var(--font-size-base, 16px);
--subtitle-font-size: var(--font-size-s, 14px);
--helper-text-font-size: var(--font-size-2xs, 12px);
--legal-font-size: var(--font-325, 13px);
--spacing-none: 0;
--spacing-xs: 2px;
--spacing-s: 4px;
--spacing-m: 8px;
--spacing-l: 16px;
--spacing-xl: 24px;
--spacing-2xl: 32px;
--spacing-3xl: 40px;
--spacing-4xl: 56px;
--spacing-5xl: 80px;
--container-max-width: 1600px;
--width-xs: calc(var(--container-max-width) / 5);
--width-s: calc(var(--container-max-width) / 4);
--width-m: calc(var(--container-max-width) / 3);
--width-l: calc(var(--container-max-width) / 2);
--width-xl: var(--container-max-width);
--full-width: 100%;
--paragraph-margin-bottom: var(--spacing-m);
--paragraph-max-width: 37.5rem;
--breakpoint-s: 320px;
--breakpoint-m: 768px;
--breakpoint-l: 1024px;
--breakpoint-xl: 1280px;
--breakpoint-2xl: 1440px;
}
@font-face {
font-family: "FS Thrive Elliot Web";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Regular.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Bold";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Bold.woff")
format("woff");
font-display: swap;
font-weight: 700;
}
@font-face {
font-family: "FS Thrive Elliot Web - Heavy";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Heavy.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Light";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Light.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Italic";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Italic.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
f-mega-menu-content {
--mega-menu-content-gap-sm: 0;
--mega-menu-content-gap-md: 2.5rem;
--mega-menu-content-width: 100%;
--mega-menu-content-max-width: 90rem;
--mega-menu-content-background-color-sm: transparent;
--mega-menu-content-background-color-md: var(--color-bg-light-base, #ffffff);
}
f-mega-menu-content .f-mega-menu-content {
display: flex;
flex-direction: column;
gap: var(--mega-menu-content-gap-sm);
margin-block: 0;
margin-inline: 0;
padding-block: 0;
padding-inline: 0;
width: var(--mega-menu-content-width);
max-width: var(--mega-menu-content-max-width);
background-color: var(--mega-menu-content-background-color-sm);
}
@media screen and (min-width: 768px) {
f-mega-menu-content .f-mega-menu-content {
flex-direction: row;
flex-wrap: wrap;
gap: var(--mega-menu-content-gap-md);
margin-block: 0;
margin-inline: auto;
padding-block: 2.5rem;
padding-inline: 1.5rem;
background-color: var(--mega-menu-content-background-color-md);
}
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--core-water-leaf: var(--color-palette-teal-400, #97e8e2);
--core-tropical-blue: var(--color-palette-blue-200, #c2d9fe);
--core-pale-lavendar: var(--color-palette-purple-200, #e5cefd);
--core-pale-lavender: var(--color-palette-purple-200, #e5cefd);
--accent-canary-yellow: var(--color-palette-yellow-100, #fff200);
--accent-grenadier: var(--color-palette-red-500, #cd4400);
--accent-pink-orange: var(--color-palette-red-300, #ff9966);
--accent-apricot: var(--color-palette-red-200, #ffcbb1);
--accent-denim: var(--color-palette-blue-700, #165bcf);
--accent-navy-blue: var(--color-palette-blue-500, #266de2);
--accent-jordy-blue: var(--color-palette-blue-300, #7da7ed);
--accent-hawkes-blue: var(--color-palette-blue-100, #dce9ff);
--accent-zircon: var(--color-palette-blue-50, #f6f9ff);
--tertiary-viking: var(--color-palette-teal-600, #64d9d2);
--tertiary-cornflower-blue: var(--color-palette-blue-400, #639dfe);
--tertiary-rich-lilac: var(--color-palette-purple-700, #bb6bd9);
--tertiary-orchid: var(--color-palette-purple-500, #d382e0);
--neutral-black: var(--color-palette-gray-700, #282828);
--neutral-steel: var(--color-palette-gray-500, #666666);
--neutral-dove-gray: var(--color-palette-gray-400, #767676);
--neutral-mountain-mist: var(--color-palette-gray-300, #949494);
--neutral-athens-gray: var(--color-palette-gray-200, #dedede);
--neutral-gallery: var(--color-palette-gray-100, #efefef);
--neutral-white: var(--color-palette-gray-50, #ffffff);
--error-background: var(--color-palette-red-50, #fdebec);
--error-shadow: var(--color-palette-red-400, #ed3f3f);
--error: var(--color-palette-red-600, #c61a1a);
--warning-background: var(--color-palette-yellow-50, #ffefd2);
--warning: var(--color-palette-yellow-200, #fbcf35);
--success-background: var(--color-palette-green-100, #e6f6e1);
--success-shadow: var(--color-palette-green-300, #0fab01);
--success: var(--color-palette-green-500, #107400);
--info: #165dd0;
--info-background: var(--color-bg-info-base, #dce9ff);
--a11y-focus-color: var(--color-border-focus-base, #0055aa);
--background-body: var(--color-bg-body-base, #ffffff);
--border-general: var(--color-border-default-base, #767676);
--border-light: var(--color-palette-gray-300, #949494);
--anchor-color: var(--color-link-base);
--awlds-color-progress-green: #0eab00;
--awlds-color-progress-green-contrast: var(
--color-palette-green-500,
#107400
);
--awlds-color-progress-blue: var(--color-palette-blue-700, #165bcf);
--awlds-color-progress-blue-contrast: var(--color-palette-blue-500, #266de2);
--branding-bg-color: var(--color-bg-brand-b1, #0066ff);
--branding-text-color: var(--color-text-body-base, #282828);
--vertical-brand-bar-color: var(--branding-bg-color);
--light-gray: #f9f9f9;
--light-blue: var(--color-palette-blue-50, #f6f9ff);
--light-turquoise: #eefcfb;
--ai-light-lavendar: #fbf7ff;
--ai-indigo-purple: var(--color-palette-purple-1000, #4f009a);
--base-font-color: var(--color-text-body-base, #282828);
--base-font-family: "FS Thrive Elliot Web", Arial, sans-serif;
--bold-font-family: "FS Thrive Elliot Web - Bold", Arial, sans-serif;
--heavy-font-family: "FS Thrive Elliot Web - Heavy", Arial, sans-serif;
--light-font-family: "FS Thrive Elliot Web - Light", Arial, sans-serif;
--italic-font-family: "FS Thrive Elliot Web - Italic", Arial, sans-serif;
--mono-font-family: "Courier New", Courier, monospace;
--small-font-size: var(--font-size-s, 14px);
--base-font-size: var(--font-size-base, 16px);
--large-font-size: var(--font-450, 18px);
--h1-font-size: var(--font-1200, 48px);
--h2-font-size: var(--font-size-3xl, 36px);
--h3-font-size: var(--font-700, 28px);
--h4-font-size: var(--font-size-xl, 22px);
--h5-font-size: var(--font-size-l, 20px);
--h6-font-size: var(--font-450, 18px);
--body-font-size: var(--font-size-base, 16px);
--subtitle-font-size: var(--font-size-s, 14px);
--helper-text-font-size: var(--font-size-2xs, 12px);
--legal-font-size: var(--font-325, 13px);
--spacing-none: 0;
--spacing-xs: 2px;
--spacing-s: 4px;
--spacing-m: 8px;
--spacing-l: 16px;
--spacing-xl: 24px;
--spacing-2xl: 32px;
--spacing-3xl: 40px;
--spacing-4xl: 56px;
--spacing-5xl: 80px;
--container-max-width: 1600px;
--width-xs: calc(var(--container-max-width) / 5);
--width-s: calc(var(--container-max-width) / 4);
--width-m: calc(var(--container-max-width) / 3);
--width-l: calc(var(--container-max-width) / 2);
--width-xl: var(--container-max-width);
--full-width: 100%;
--paragraph-margin-bottom: var(--spacing-m);
--paragraph-max-width: 37.5rem;
--breakpoint-s: 320px;
--breakpoint-m: 768px;
--breakpoint-l: 1024px;
--breakpoint-xl: 1280px;
--breakpoint-2xl: 1440px;
}
@font-face {
font-family: "FS Thrive Elliot Web";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Regular.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Bold";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Bold.woff")
format("woff");
font-display: swap;
font-weight: 700;
}
@font-face {
font-family: "FS Thrive Elliot Web - Heavy";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Heavy.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Light";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Light.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Italic";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Italic.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
f-mega-menu-link {
--mega-menu-link-color: var(--color-lnk-base, #266de2);
--mega-menu-link-color-disabled: var(--color-text-disabled-base, #949494);
--mega-menu-link-font-family: var(--base-font-family);
--mega-menu-link-font-size: var(--font-size-base, 1rem);
--mega-menu-link-line-height: 1.5;
--mega-menu-link-text-decoration: underline;
--mega-menu-link-text-decoration-disabled: none;
--mega-menu-link-outline-color-focused: var(
--color-border-focus-base,
#0055aa
);
}
f-mega-menu-link .f-mega-menu-link__container {
display: inline-flex;
}
f-mega-menu-link .f-mega-menu-link__container .f-mega-menu-link__item {
display: inline-block;
color: var(--mega-menu-link-color);
font-family: var(--mega-menu-link-font-family);
font-size: var(--mega-menu-link-font-size);
line-height: var(--mega-menu-link-line-height);
text-decoration: var(--mega-menu-link-text-decoration);
}
f-mega-menu-link .f-mega-menu-link__container .f-mega-menu-link__item:hover {
text-decoration: underline;
}
f-mega-menu-link .f-mega-menu-link__container .f-mega-menu-link__item:focus {
text-decoration: underline;
outline: 0.125rem solid var(--mega-menu-link-outline-color-focused);
outline-offset: 0.125rem;
}
f-mega-menu-link
.f-mega-menu-link__container
.f-mega-menu-link__item
.f-mega-menu-link__icon-container {
display: inline-flex;
justify-content: center;
align-items: center;
width: 1.5rem;
height: 1.5rem;
}
f-mega-menu-link
.f-mega-menu-link__container
.f-mega-menu-link__item
.f-mega-menu-link__icon-container {
margin-inline-start: 0.5rem;
vertical-align: top;
}
f-mega-menu-link .f-mega-menu-link__container .f-mega-menu-link__item f-icon {
--f-icon-size: 1rem;
--f-icon-color: var(--mega-menu-link-color);
}
f-mega-menu-link
.f-mega-menu-link__container
.f-mega-menu-link__item.f-mega-menu-link__item--disabled {
color: var(--mega-menu-link-color-disabled);
text-decoration: var(--mega-menu-link-text-decoration-disabled);
cursor: not-allowed;
}
f-mega-menu-link
.f-mega-menu-link__container
.f-mega-menu-link__item.f-mega-menu-link__item--disabled:hover,
f-mega-menu-link
.f-mega-menu-link__container
.f-mega-menu-link__item.f-mega-menu-link__item--disabled:focus {
text-decoration: var(--mega-menu-link-text-decoration-disabled);
outline: none;
}
f-mega-menu-link
.f-mega-menu-link__container
.f-mega-menu-link__item.f-mega-menu-link__item--disabled
f-icon {
--f-icon-color: var(--mega-menu-link-color-disabled);
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--core-water-leaf: var(--color-palette-teal-400, #97e8e2);
--core-tropical-blue: var(--color-palette-blue-200, #c2d9fe);
--core-pale-lavendar: var(--color-palette-purple-200, #e5cefd);
--core-pale-lavender: var(--color-palette-purple-200, #e5cefd);
--accent-canary-yellow: var(--color-palette-yellow-100, #fff200);
--accent-grenadier: var(--color-palette-red-500, #cd4400);
--accent-pink-orange: var(--color-palette-red-300, #ff9966);
--accent-apricot: var(--color-palette-red-200, #ffcbb1);
--accent-denim: var(--color-palette-blue-700, #165bcf);
--accent-navy-blue: var(--color-palette-blue-500, #266de2);
--accent-jordy-blue: var(--color-palette-blue-300, #7da7ed);
--accent-hawkes-blue: var(--color-palette-blue-100, #dce9ff);
--accent-zircon: var(--color-palette-blue-50, #f6f9ff);
--tertiary-viking: var(--color-palette-teal-600, #64d9d2);
--tertiary-cornflower-blue: var(--color-palette-blue-400, #639dfe);
--tertiary-rich-lilac: var(--color-palette-purple-700, #bb6bd9);
--tertiary-orchid: var(--color-palette-purple-500, #d382e0);
--neutral-black: var(--color-palette-gray-700, #282828);
--neutral-steel: var(--color-palette-gray-500, #666666);
--neutral-dove-gray: var(--color-palette-gray-400, #767676);
--neutral-mountain-mist: var(--color-palette-gray-300, #949494);
--neutral-athens-gray: var(--color-palette-gray-200, #dedede);
--neutral-gallery: var(--color-palette-gray-100, #efefef);
--neutral-white: var(--color-palette-gray-50, #ffffff);
--error-background: var(--color-palette-red-50, #fdebec);
--error-shadow: var(--color-palette-red-400, #ed3f3f);
--error: var(--color-palette-red-600, #c61a1a);
--warning-background: var(--color-palette-yellow-50, #ffefd2);
--warning: var(--color-palette-yellow-200, #fbcf35);
--success-background: var(--color-palette-green-100, #e6f6e1);
--success-shadow: var(--color-palette-green-300, #0fab01);
--success: var(--color-palette-green-500, #107400);
--info: #165dd0;
--info-background: var(--color-bg-info-base, #dce9ff);
--a11y-focus-color: var(--color-border-focus-base, #0055aa);
--background-body: var(--color-bg-body-base, #ffffff);
--border-general: var(--color-border-default-base, #767676);
--border-light: var(--color-palette-gray-300, #949494);
--anchor-color: var(--color-link-base);
--awlds-color-progress-green: #0eab00;
--awlds-color-progress-green-contrast: var(
--color-palette-green-500,
#107400
);
--awlds-color-progress-blue: var(--color-palette-blue-700, #165bcf);
--awlds-color-progress-blue-contrast: var(--color-palette-blue-500, #266de2);
--branding-bg-color: var(--color-bg-brand-b1, #0066ff);
--branding-text-color: var(--color-text-body-base, #282828);
--vertical-brand-bar-color: var(--branding-bg-color);
--light-gray: #f9f9f9;
--light-blue: var(--color-palette-blue-50, #f6f9ff);
--light-turquoise: #eefcfb;
--ai-light-lavendar: #fbf7ff;
--ai-indigo-purple: var(--color-palette-purple-1000, #4f009a);
--base-font-color: var(--color-text-body-base, #282828);
--base-font-family: "FS Thrive Elliot Web", Arial, sans-serif;
--bold-font-family: "FS Thrive Elliot Web - Bold", Arial, sans-serif;
--heavy-font-family: "FS Thrive Elliot Web - Heavy", Arial, sans-serif;
--light-font-family: "FS Thrive Elliot Web - Light", Arial, sans-serif;
--italic-font-family: "FS Thrive Elliot Web - Italic", Arial, sans-serif;
--mono-font-family: "Courier New", Courier, monospace;
--small-font-size: var(--font-size-s, 14px);
--base-font-size: var(--font-size-base, 16px);
--large-font-size: var(--font-450, 18px);
--h1-font-size: var(--font-1200, 48px);
--h2-font-size: var(--font-size-3xl, 36px);
--h3-font-size: var(--font-700, 28px);
--h4-font-size: var(--font-size-xl, 22px);
--h5-font-size: var(--font-size-l, 20px);
--h6-font-size: var(--font-450, 18px);
--body-font-size: var(--font-size-base, 16px);
--subtitle-font-size: var(--font-size-s, 14px);
--helper-text-font-size: var(--font-size-2xs, 12px);
--legal-font-size: var(--font-325, 13px);
--spacing-none: 0;
--spacing-xs: 2px;
--spacing-s: 4px;
--spacing-m: 8px;
--spacing-l: 16px;
--spacing-xl: 24px;
--spacing-2xl: 32px;
--spacing-3xl: 40px;
--spacing-4xl: 56px;
--spacing-5xl: 80px;
--container-max-width: 1600px;
--width-xs: calc(var(--container-max-width) / 5);
--width-s: calc(var(--container-max-width) / 4);
--width-m: calc(var(--container-max-width) / 3);
--width-l: calc(var(--container-max-width) / 2);
--width-xl: var(--container-max-width);
--full-width: 100%;
--paragraph-margin-bottom: var(--spacing-m);
--paragraph-max-width: 37.5rem;
--breakpoint-s: 320px;
--breakpoint-m: 768px;
--breakpoint-l: 1024px;
--breakpoint-xl: 1280px;
--breakpoint-2xl: 1440px;
}
@font-face {
font-family: "FS Thrive Elliot Web";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Regular.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Bold";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Bold.woff")
format("woff");
font-display: swap;
font-weight: 700;
}
@font-face {
font-family: "FS Thrive Elliot Web - Heavy";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Heavy.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Light";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Light.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Italic";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Italic.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
f-mega-menu-submenu {
--mega-menu-submenu-border-width: 0.0625rem;
--mega-menu-submenu-border-style: solid;
--mega-menu-submenu-border-color: var(--color-text-disabled-base, #949494);
--mega-menu-submenu-header-text-color: var(--color-text-body-base, #282828);
--mega-menu-submenu-header-font-family: var(--bold-font-family);
--mega-menu-submenu-header-font-size: var(--font-size-base, 1rem);
--mega-menu-submenu-header-line-height: 1.5;
--mega-menu-submenu-link-list-gap: 1rem;
}
f-mega-menu-submenu .f-mega-menu-submenu {
width: 100%;
border-block-start: var(--mega-menu-submenu-border-width)
var(--mega-menu-submenu-border-style) var(--mega-menu-submenu-border-color);
}
f-mega-menu-submenu .f-mega-menu-submenu .f-mega-menu-submenu__header {
margin-block: 1.5rem 1rem;
margin-inline: 0;
color: var(--mega-menu-submenu-header-text-color);
font-family: var(--mega-menu-submenu-header-font-family);
font-size: var(--mega-menu-submenu-header-font-size);
line-height: var(--mega-menu-submenu-header-line-height);
}
f-mega-menu-submenu .f-mega-menu-submenu ul.f-mega-menu-submenu__link-list {
display: flex;
flex-direction: column;
gap: var(--mega-menu-submenu-link-list-gap);
margin-block: 0 1rem;
margin-inline: 0;
padding-block: 0;
padding-inline: 0;
list-style: none;
}
f-mega-menu-submenu
.f-mega-menu-submenu
ul.f-mega-menu-submenu__link-list
li.f-mega-menu-submenu__link-list-item {
margin-block: 0;
margin-inline: 0;
padding-block: 0;
padding-inline: 0;
}
@media screen and (min-width: 768px) {
f-mega-menu-submenu .f-mega-menu-submenu {
width: 14.25rem;
border: none;
}
f-mega-menu-submenu .f-mega-menu-submenu .f-mega-menu-submenu__header {
margin-block: 0 1rem;
margin-inline: 0;
}
f-mega-menu-submenu .f-mega-menu-submenu ul.f-mega-menu-submenu__link-list {
margin-block: 0;
margin-inline: 0;
}
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--core-water-leaf: var(--color-palette-teal-400, #97e8e2);
--core-tropical-blue: var(--color-palette-blue-200, #c2d9fe);
--core-pale-lavendar: var(--color-palette-purple-200, #e5cefd);
--core-pale-lavender: var(--color-palette-purple-200, #e5cefd);
--accent-canary-yellow: var(--color-palette-yellow-100, #fff200);
--accent-grenadier: var(--color-palette-red-500, #cd4400);
--accent-pink-orange: var(--color-palette-red-300, #ff9966);
--accent-apricot: var(--color-palette-red-200, #ffcbb1);
--accent-denim: var(--color-palette-blue-700, #165bcf);
--accent-navy-blue: var(--color-palette-blue-500, #266de2);
--accent-jordy-blue: var(--color-palette-blue-300, #7da7ed);
--accent-hawkes-blue: var(--color-palette-blue-100, #dce9ff);
--accent-zircon: var(--color-palette-blue-50, #f6f9ff);
--tertiary-viking: var(--color-palette-teal-600, #64d9d2);
--tertiary-cornflower-blue: var(--color-palette-blue-400, #639dfe);
--tertiary-rich-lilac: var(--color-palette-purple-700, #bb6bd9);
--tertiary-orchid: var(--color-palette-purple-500, #d382e0);
--neutral-black: var(--color-palette-gray-700, #282828);
--neutral-steel: var(--color-palette-gray-500, #666666);
--neutral-dove-gray: var(--color-palette-gray-400, #767676);
--neutral-mountain-mist: var(--color-palette-gray-300, #949494);
--neutral-athens-gray: var(--color-palette-gray-200, #dedede);
--neutral-gallery: var(--color-palette-gray-100, #efefef);
--neutral-white: var(--color-palette-gray-50, #ffffff);
--error-background: var(--color-palette-red-50, #fdebec);
--error-shadow: var(--color-palette-red-400, #ed3f3f);
--error: var(--color-palette-red-600, #c61a1a);
--warning-background: var(--color-palette-yellow-50, #ffefd2);
--warning: var(--color-palette-yellow-200, #fbcf35);
--success-background: var(--color-palette-green-100, #e6f6e1);
--success-shadow: var(--color-palette-green-300, #0fab01);
--success: var(--color-palette-green-500, #107400);
--info: #165dd0;
--info-background: var(--color-bg-info-base, #dce9ff);
--a11y-focus-color: var(--color-border-focus-base, #0055aa);
--background-body: var(--color-bg-body-base, #ffffff);
--border-general: var(--color-border-default-base, #767676);
--border-light: var(--color-palette-gray-300, #949494);
--anchor-color: var(--color-link-base);
--awlds-color-progress-green: #0eab00;
--awlds-color-progress-green-contrast: var(
--color-palette-green-500,
#107400
);
--awlds-color-progress-blue: var(--color-palette-blue-700, #165bcf);
--awlds-color-progress-blue-contrast: var(--color-palette-blue-500, #266de2);
--branding-bg-color: var(--color-bg-brand-b1, #0066ff);
--branding-text-color: var(--color-text-body-base, #282828);
--vertical-brand-bar-color: var(--branding-bg-color);
--light-gray: #f9f9f9;
--light-blue: var(--color-palette-blue-50, #f6f9ff);
--light-turquoise: #eefcfb;
--ai-light-lavendar: #fbf7ff;
--ai-indigo-purple: var(--color-palette-purple-1000, #4f009a);
--base-font-color: var(--color-text-body-base, #282828);
--base-font-family: "FS Thrive Elliot Web", Arial, sans-serif;
--bold-font-family: "FS Thrive Elliot Web - Bold", Arial, sans-serif;
--heavy-font-family: "FS Thrive Elliot Web - Heavy", Arial, sans-serif;
--light-font-family: "FS Thrive Elliot Web - Light", Arial, sans-serif;
--italic-font-family: "FS Thrive Elliot Web - Italic", Arial, sans-serif;
--mono-font-family: "Courier New", Courier, monospace;
--small-font-size: var(--font-size-s, 14px);
--base-font-size: var(--font-size-base, 16px);
--large-font-size: var(--font-450, 18px);
--h1-font-size: var(--font-1200, 48px);
--h2-font-size: var(--font-size-3xl, 36px);
--h3-font-size: var(--font-700, 28px);
--h4-font-size: var(--font-size-xl, 22px);
--h5-font-size: var(--font-size-l, 20px);
--h6-font-size: var(--font-450, 18px);
--body-font-size: var(--font-size-base, 16px);
--subtitle-font-size: var(--font-size-s, 14px);
--helper-text-font-size: var(--font-size-2xs, 12px);
--legal-font-size: var(--font-325, 13px);
--spacing-none: 0;
--spacing-xs: 2px;
--spacing-s: 4px;
--spacing-m: 8px;
--spacing-l: 16px;
--spacing-xl: 24px;
--spacing-2xl: 32px;
--spacing-3xl: 40px;
--spacing-4xl: 56px;
--spacing-5xl: 80px;
--container-max-width: 1600px;
--width-xs: calc(var(--container-max-width) / 5);
--width-s: calc(var(--container-max-width) / 4);
--width-m: calc(var(--container-max-width) / 3);
--width-l: calc(var(--container-max-width) / 2);
--width-xl: var(--container-max-width);
--full-width: 100%;
--paragraph-margin-bottom: var(--spacing-m);
--paragraph-max-width: 37.5rem;
--breakpoint-s: 320px;
--breakpoint-m: 768px;
--breakpoint-l: 1024px;
--breakpoint-xl: 1280px;
--breakpoint-2xl: 1440px;
}
@font-face {
font-family: "FS Thrive Elliot Web";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Regular.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Bold";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Bold.woff")
format("woff");
font-display: swap;
font-weight: 700;
}
@font-face {
font-family: "FS Thrive Elliot Web - Heavy";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Heavy.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Light";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Light.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Italic";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Italic.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
:root,
:host {
--f-loading-border-color: 102, 102, 102;
--f-loading-border-thickness: 0.125rem;
--f-loading-size: 1rem;
}
:root .f-loading,
:host .f-loading {
position: fixed;
inset: 0;
z-index: 9999;
}
:root .f-loading.inverted f-overlay,
:host .f-loading.inverted f-overlay {
--f-overlay-background-color: rgba(0, 0, 0, 0.8);
}
:root .f-loading .f-loading-content,
:host .f-loading .f-loading-content {
position: fixed;
inset: 0;
display: flex;
justify-content: center;
align-items: center;
pointer-events: none;
}
:root .spinner,
:host .spinner {
border-radius: 50%;
border-style: solid;
border-width: var(--f-loading-border-thickness);
border-color: rgba(var(--f-loading-border-color), 0.2);
border-left-color: rgba(var(--f-loading-border-color), 1);
position: relative;
transform: translateZ(0);
animation: rotate 1s infinite linear;
}
:root .spinner.small,
:host .spinner.small {
width: var(--f-loading-size);
height: var(--f-loading-size);
--f-loading-border-thickness: 0.125rem;
}
:root .spinner.medium,
:host .spinner.medium {
width: calc(var(--f-loading-size) * 2);
height: calc(var(--f-loading-size) * 2);
--f-loading-border-thickness: 0.25rem;
}
:root .spinner.large,
:host .spinner.large {
width: calc(var(--f-loading-size) * 4);
height: calc(var(--f-loading-size) * 4);
--f-loading-border-thickness: 0.5rem;
}
:root .spinner.xl,
:host .spinner.xl {
width: calc(var(--f-loading-size) * 6);
height: calc(var(--f-loading-size) * 6);
--f-loading-border-thickness: 0.625rem;
}
:root .spinner.inverted,
:host .spinner.inverted {
--f-loading-border-color: 255, 255, 255;
}
:root .vbar,
:host .vbar {
width: 9.375rem;
height: 2.5rem;
}
:root .vbar.small,
:host .vbar.small {
--f-loading-border-thickness: 0.125rem;
}
:root .vbar.medium,
:host .vbar.medium {
--f-loading-border-thickness: 0.25rem;
}
:root .vbar.large,
:host .vbar.large {
--f-loading-border-thickness: 0.5rem;
}
:root .vbar.inverted,
:host .vbar.inverted {
--f-loading-border-color: 255, 255, 255;
}
:root .vbar > div,
:host .vbar > div {
background-color: rgba(var(--f-loading-border-color), 1);
height: 100%;
width: var(--f-loading-border-thickness);
display: inline-block;
animation: stretch 1.3s infinite ease-in-out;
margin-right: var(--spacing-s);
}
:root .vbar > div.bar1,
:host .vbar > div.bar1 {
animation-delay: -1.2s;
}
:root .vbar > div.bar2,
:host .vbar > div.bar2 {
animation-delay: -1.1s;
}
:root .vbar > div.bar3,
:host .vbar > div.bar3 {
animation-delay: -1s;
}
:root .vbar > div.bar4,
:host .vbar > div.bar4 {
animation-delay: -0.9s;
}
:root .vbar > div.bar5,
:host .vbar > div.bar5 {
animation-delay: -0.8s;
}
@keyframes rotate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes stretch {
0%,
50%,
100% {
transform: scaleY(0.4);
}
20% {
transform: scaleY(1);
}
}
@charset "UTF-8";
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--core-water-leaf: var(--color-palette-teal-400, #97e8e2);
--core-tropical-blue: var(--color-palette-blue-200, #c2d9fe);
--core-pale-lavendar: var(--color-palette-purple-200, #e5cefd);
--core-pale-lavender: var(--color-palette-purple-200, #e5cefd);
--accent-canary-yellow: var(--color-palette-yellow-100, #fff200);
--accent-grenadier: var(--color-palette-red-500, #cd4400);
--accent-pink-orange: var(--color-palette-red-300, #ff9966);
--accent-apricot: var(--color-palette-red-200, #ffcbb1);
--accent-denim: var(--color-palette-blue-700, #165bcf);
--accent-navy-blue: var(--color-palette-blue-500, #266de2);
--accent-jordy-blue: var(--color-palette-blue-300, #7da7ed);
--accent-hawkes-blue: var(--color-palette-blue-100, #dce9ff);
--accent-zircon: var(--color-palette-blue-50, #f6f9ff);
--tertiary-viking: var(--color-palette-teal-600, #64d9d2);
--tertiary-cornflower-blue: var(--color-palette-blue-400, #639dfe);
--tertiary-rich-lilac: var(--color-palette-purple-700, #bb6bd9);
--tertiary-orchid: var(--color-palette-purple-500, #d382e0);
--neutral-black: var(--color-palette-gray-700, #282828);
--neutral-steel: var(--color-palette-gray-500, #666666);
--neutral-dove-gray: var(--color-palette-gray-400, #767676);
--neutral-mountain-mist: var(--color-palette-gray-300, #949494);
--neutral-athens-gray: var(--color-palette-gray-200, #dedede);
--neutral-gallery: var(--color-palette-gray-100, #efefef);
--neutral-white: var(--color-palette-gray-50, #ffffff);
--error-background: var(--color-palette-red-50, #fdebec);
--error-shadow: var(--color-palette-red-400, #ed3f3f);
--error: var(--color-palette-red-600, #c61a1a);
--warning-background: var(--color-palette-yellow-50, #ffefd2);
--warning: var(--color-palette-yellow-200, #fbcf35);
--success-background: var(--color-palette-green-100, #e6f6e1);
--success-shadow: var(--color-palette-green-300, #0fab01);
--success: var(--color-palette-green-500, #107400);
--info: #165dd0;
--info-background: var(--color-bg-info-base, #dce9ff);
--a11y-focus-color: var(--color-border-focus-base, #0055aa);
--background-body: var(--color-bg-body-base, #ffffff);
--border-general: var(--color-border-default-base, #767676);
--border-light: var(--color-palette-gray-300, #949494);
--anchor-color: var(--color-link-base);
--awlds-color-progress-green: #0eab00;
--awlds-color-progress-green-contrast: var(
--color-palette-green-500,
#107400
);
--awlds-color-progress-blue: var(--color-palette-blue-700, #165bcf);
--awlds-color-progress-blue-contrast: var(--color-palette-blue-500, #266de2);
--branding-bg-color: var(--color-bg-brand-b1, #0066ff);
--branding-text-color: var(--color-text-body-base, #282828);
--vertical-brand-bar-color: var(--branding-bg-color);
--light-gray: #f9f9f9;
--light-blue: var(--color-palette-blue-50, #f6f9ff);
--light-turquoise: #eefcfb;
--ai-light-lavendar: #fbf7ff;
--ai-indigo-purple: var(--color-palette-purple-1000, #4f009a);
--base-font-color: var(--color-text-body-base, #282828);
--base-font-family: "FS Thrive Elliot Web", Arial, sans-serif;
--bold-font-family: "FS Thrive Elliot Web - Bold", Arial, sans-serif;
--heavy-font-family: "FS Thrive Elliot Web - Heavy", Arial, sans-serif;
--light-font-family: "FS Thrive Elliot Web - Light", Arial, sans-serif;
--italic-font-family: "FS Thrive Elliot Web - Italic", Arial, sans-serif;
--mono-font-family: "Courier New", Courier, monospace;
--small-font-size: var(--font-size-s, 14px);
--base-font-size: var(--font-size-base, 16px);
--large-font-size: var(--font-450, 18px);
--h1-font-size: var(--font-1200, 48px);
--h2-font-size: var(--font-size-3xl, 36px);
--h3-font-size: var(--font-700, 28px);
--h4-font-size: var(--font-size-xl, 22px);
--h5-font-size: var(--font-size-l, 20px);
--h6-font-size: var(--font-450, 18px);
--body-font-size: var(--font-size-base, 16px);
--subtitle-font-size: var(--font-size-s, 14px);
--helper-text-font-size: var(--font-size-2xs, 12px);
--legal-font-size: var(--font-325, 13px);
--spacing-none: 0;
--spacing-xs: 2px;
--spacing-s: 4px;
--spacing-m: 8px;
--spacing-l: 16px;
--spacing-xl: 24px;
--spacing-2xl: 32px;
--spacing-3xl: 40px;
--spacing-4xl: 56px;
--spacing-5xl: 80px;
--container-max-width: 1600px;
--width-xs: calc(var(--container-max-width) / 5);
--width-s: calc(var(--container-max-width) / 4);
--width-m: calc(var(--container-max-width) / 3);
--width-l: calc(var(--container-max-width) / 2);
--width-xl: var(--container-max-width);
--full-width: 100%;
--paragraph-margin-bottom: var(--spacing-m);
--paragraph-max-width: 37.5rem;
--breakpoint-s: 320px;
--breakpoint-m: 768px;
--breakpoint-l: 1024px;
--breakpoint-xl: 1280px;
--breakpoint-2xl: 1440px;
}
@font-face {
font-family: "FS Thrive Elliot Web";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Regular.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Bold";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Bold.woff")
format("woff");
font-display: swap;
font-weight: 700;
}
@font-face {
font-family: "FS Thrive Elliot Web - Heavy";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Heavy.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Light";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Light.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Italic";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Italic.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
:root {
--f-panel-padding: 1.5rem;
}
f-panel .f-panel {
border-radius: 10px;
border-width: 2px;
border-style: solid;
padding: var(--f-panel-padding);
}
f-panel .f-panel.gray {
border-color: var(--color-border-default-subtlest, #dedede);
background-color: var(--light-gray);
}
f-panel .f-panel.white {
border-color: var(--color-border-default-subtlest, #dedede);
background-color: var(--color-bg-light-base, #ffffff);
}
f-panel .f-panel.small {
--f-panel-padding: 1rem;
}
f-panel .f-panel.medium {
--f-panel-padding: 1.5rem;
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--core-water-leaf: var(--color-palette-teal-400, #97e8e2);
--core-tropical-blue: var(--color-palette-blue-200, #c2d9fe);
--core-pale-lavendar: var(--color-palette-purple-200, #e5cefd);
--core-pale-lavender: var(--color-palette-purple-200, #e5cefd);
--accent-canary-yellow: var(--color-palette-yellow-100, #fff200);
--accent-grenadier: var(--color-palette-red-500, #cd4400);
--accent-pink-orange: var(--color-palette-red-300, #ff9966);
--accent-apricot: var(--color-palette-red-200, #ffcbb1);
--accent-denim: var(--color-palette-blue-700, #165bcf);
--accent-navy-blue: var(--color-palette-blue-500, #266de2);
--accent-jordy-blue: var(--color-palette-blue-300, #7da7ed);
--accent-hawkes-blue: var(--color-palette-blue-100, #dce9ff);
--accent-zircon: var(--color-palette-blue-50, #f6f9ff);
--tertiary-viking: var(--color-palette-teal-600, #64d9d2);
--tertiary-cornflower-blue: var(--color-palette-blue-400, #639dfe);
--tertiary-rich-lilac: var(--color-palette-purple-700, #bb6bd9);
--tertiary-orchid: var(--color-palette-purple-500, #d382e0);
--neutral-black: var(--color-palette-gray-700, #282828);
--neutral-steel: var(--color-palette-gray-500, #666666);
--neutral-dove-gray: var(--color-palette-gray-400, #767676);
--neutral-mountain-mist: var(--color-palette-gray-300, #949494);
--neutral-athens-gray: var(--color-palette-gray-200, #dedede);
--neutral-gallery: var(--color-palette-gray-100, #efefef);
--neutral-white: var(--color-palette-gray-50, #ffffff);
--error-background: var(--color-palette-red-50, #fdebec);
--error-shadow: var(--color-palette-red-400, #ed3f3f);
--error: var(--color-palette-red-600, #c61a1a);
--warning-background: var(--color-palette-yellow-50, #ffefd2);
--warning: var(--color-palette-yellow-200, #fbcf35);
--success-background: var(--color-palette-green-100, #e6f6e1);
--success-shadow: var(--color-palette-green-300, #0fab01);
--success: var(--color-palette-green-500, #107400);
--info: #165dd0;
--info-background: var(--color-bg-info-base, #dce9ff);
--a11y-focus-color: var(--color-border-focus-base, #0055aa);
--background-body: var(--color-bg-body-base, #ffffff);
--border-general: var(--color-border-default-base, #767676);
--border-light: var(--color-palette-gray-300, #949494);
--anchor-color: var(--color-link-base);
--awlds-color-progress-green: #0eab00;
--awlds-color-progress-green-contrast: var(
--color-palette-green-500,
#107400
);
--awlds-color-progress-blue: var(--color-palette-blue-700, #165bcf);
--awlds-color-progress-blue-contrast: var(--color-palette-blue-500, #266de2);
--branding-bg-color: var(--color-bg-brand-b1, #0066ff);
--branding-text-color: var(--color-text-body-base, #282828);
--vertical-brand-bar-color: var(--branding-bg-color);
--light-gray: #f9f9f9;
--light-blue: var(--color-palette-blue-50, #f6f9ff);
--light-turquoise: #eefcfb;
--ai-light-lavendar: #fbf7ff;
--ai-indigo-purple: var(--color-palette-purple-1000, #4f009a);
--base-font-color: var(--color-text-body-base, #282828);
--base-font-family: "FS Thrive Elliot Web", Arial, sans-serif;
--bold-font-family: "FS Thrive Elliot Web - Bold", Arial, sans-serif;
--heavy-font-family: "FS Thrive Elliot Web - Heavy", Arial, sans-serif;
--light-font-family: "FS Thrive Elliot Web - Light", Arial, sans-serif;
--italic-font-family: "FS Thrive Elliot Web - Italic", Arial, sans-serif;
--mono-font-family: "Courier New", Courier, monospace;
--small-font-size: var(--font-size-s, 14px);
--base-font-size: var(--font-size-base, 16px);
--large-font-size: var(--font-450, 18px);
--h1-font-size: var(--font-1200, 48px);
--h2-font-size: var(--font-size-3xl, 36px);
--h3-font-size: var(--font-700, 28px);
--h4-font-size: var(--font-size-xl, 22px);
--h5-font-size: var(--font-size-l, 20px);
--h6-font-size: var(--font-450, 18px);
--body-font-size: var(--font-size-base, 16px);
--subtitle-font-size: var(--font-size-s, 14px);
--helper-text-font-size: var(--font-size-2xs, 12px);
--legal-font-size: var(--font-325, 13px);
--spacing-none: 0;
--spacing-xs: 2px;
--spacing-s: 4px;
--spacing-m: 8px;
--spacing-l: 16px;
--spacing-xl: 24px;
--spacing-2xl: 32px;
--spacing-3xl: 40px;
--spacing-4xl: 56px;
--spacing-5xl: 80px;
--container-max-width: 1600px;
--width-xs: calc(var(--container-max-width) / 5);
--width-s: calc(var(--container-max-width) / 4);
--width-m: calc(var(--container-max-width) / 3);
--width-l: calc(var(--container-max-width) / 2);
--width-xl: var(--container-max-width);
--full-width: 100%;
--paragraph-margin-bottom: var(--spacing-m);
--paragraph-max-width: 37.5rem;
--breakpoint-s: 320px;
--breakpoint-m: 768px;
--breakpoint-l: 1024px;
--breakpoint-xl: 1280px;
--breakpoint-2xl: 1440px;
}
/**
* Global variables
* Please use this file to define global sass variables
* These variables will be added first to be used in all other sass files
*/
@font-face {
font-family: "FS Thrive Elliot Web";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Regular.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Bold";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Bold.woff")
format("woff");
font-display: swap;
font-weight: 700;
}
@font-face {
font-family: "FS Thrive Elliot Web - Heavy";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Heavy.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Light";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Light.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Italic";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Italic.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
:root,
:host {
--f-icon-color: var(--color-icon-dark-base, #282828);
--f-icon-size: 1rem;
--f-icon-padding: 0;
--f-icon-margin: 0;
--f-icon-justify-content: center;
--f-icon-align-items: center;
--f-icon-transform: none;
}
@layer physical, logical;
@layer physical {
f-icon {
margin: var(--f-icon-margin); /* Adjust margin as needed */
}
}
@layer logical {
f-icon {
margin-block-start: var(--f-icon-margin-block-start, revert-layer);
margin-inline-end: var(--f-icon-margin-inline-end, revert-layer);
margin-block-end: var(--f-icon-margin-block-end, revert-layer);
margin-inline-start: var(--f-icon-margin-inline-start, revert-layer);
}
}
f-icon {
padding: var(--f-icon-padding);
display: inline-flex;
box-sizing: border-box;
justify-content: var(--f-icon-justify-content);
align-items: var(--f-icon-align-items);
min-width: var(--f-icon-container-size, var(--f-icon-size));
min-height: var(--f-icon-container-size, var(--f-icon-size));
line-height: 100%;
color: var(--f-icon-color);
transform: var(--f-icon-transform); /* Apply transform dynamically */
transform-origin: center; /* Ensure transform origin is centered */
}
f-icon svg {
width: var(--f-icon-size);
height: var(--f-icon-size);
max-width: 100%;
max-height: 100%;
fill: var(--f-icon-color);
}
/* RTL support */
f-icon:dir(rtl) {
--f-icon-transform: rotate(180deg) scaleY(-1); /* Flip and rotate for RTL */
}
.border {
outline: 0.125rem solid var(--color-border-focus-base, #0055aa);
outline-offset: 0.125rem;
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--core-water-leaf: var(--color-palette-teal-400, #97e8e2);
--core-tropical-blue: var(--color-palette-blue-200, #c2d9fe);
--core-pale-lavendar: var(--color-palette-purple-200, #e5cefd);
--core-pale-lavender: var(--color-palette-purple-200, #e5cefd);
--accent-canary-yellow: var(--color-palette-yellow-100, #fff200);
--accent-grenadier: var(--color-palette-red-500, #cd4400);
--accent-pink-orange: var(--color-palette-red-300, #ff9966);
--accent-apricot: var(--color-palette-red-200, #ffcbb1);
--accent-denim: var(--color-palette-blue-700, #165bcf);
--accent-navy-blue: var(--color-palette-blue-500, #266de2);
--accent-jordy-blue: var(--color-palette-blue-300, #7da7ed);
--accent-hawkes-blue: var(--color-palette-blue-100, #dce9ff);
--accent-zircon: var(--color-palette-blue-50, #f6f9ff);
--tertiary-viking: var(--color-palette-teal-600, #64d9d2);
--tertiary-cornflower-blue: var(--color-palette-blue-400, #639dfe);
--tertiary-rich-lilac: var(--color-palette-purple-700, #bb6bd9);
--tertiary-orchid: var(--color-palette-purple-500, #d382e0);
--neutral-black: var(--color-palette-gray-700, #282828);
--neutral-steel: var(--color-palette-gray-500, #666666);
--neutral-dove-gray: var(--color-palette-gray-400, #767676);
--neutral-mountain-mist: var(--color-palette-gray-300, #949494);
--neutral-athens-gray: var(--color-palette-gray-200, #dedede);
--neutral-gallery: var(--color-palette-gray-100, #efefef);
--neutral-white: var(--color-palette-gray-50, #ffffff);
--error-background: var(--color-palette-red-50, #fdebec);
--error-shadow: var(--color-palette-red-400, #ed3f3f);
--error: var(--color-palette-red-600, #c61a1a);
--warning-background: var(--color-palette-yellow-50, #ffefd2);
--warning: var(--color-palette-yellow-200, #fbcf35);
--success-background: var(--color-palette-green-100, #e6f6e1);
--success-shadow: var(--color-palette-green-300, #0fab01);
--success: var(--color-palette-green-500, #107400);
--info: #165dd0;
--info-background: var(--color-bg-info-base, #dce9ff);
--a11y-focus-color: var(--color-border-focus-base, #0055aa);
--background-body: var(--color-bg-body-base, #ffffff);
--border-general: var(--color-border-default-base, #767676);
--border-light: var(--color-palette-gray-300, #949494);
--anchor-color: var(--color-link-base);
--awlds-color-progress-green: #0eab00;
--awlds-color-progress-green-contrast: var(
--color-palette-green-500,
#107400
);
--awlds-color-progress-blue: var(--color-palette-blue-700, #165bcf);
--awlds-color-progress-blue-contrast: var(--color-palette-blue-500, #266de2);
--branding-bg-color: var(--color-bg-brand-b1, #0066ff);
--branding-text-color: var(--color-text-body-base, #282828);
--vertical-brand-bar-color: var(--branding-bg-color);
--light-gray: #f9f9f9;
--light-blue: var(--color-palette-blue-50, #f6f9ff);
--light-turquoise: #eefcfb;
--ai-light-lavendar: #fbf7ff;
--ai-indigo-purple: var(--color-palette-purple-1000, #4f009a);
--base-font-color: var(--color-text-body-base, #282828);
--base-font-family: "FS Thrive Elliot Web", Arial, sans-serif;
--bold-font-family: "FS Thrive Elliot Web - Bold", Arial, sans-serif;
--heavy-font-family: "FS Thrive Elliot Web - Heavy", Arial, sans-serif;
--light-font-family: "FS Thrive Elliot Web - Light", Arial, sans-serif;
--italic-font-family: "FS Thrive Elliot Web - Italic", Arial, sans-serif;
--mono-font-family: "Courier New", Courier, monospace;
--small-font-size: var(--font-size-s, 14px);
--base-font-size: var(--font-size-base, 16px);
--large-font-size: var(--font-450, 18px);
--h1-font-size: var(--font-1200, 48px);
--h2-font-size: var(--font-size-3xl, 36px);
--h3-font-size: var(--font-700, 28px);
--h4-font-size: var(--font-size-xl, 22px);
--h5-font-size: var(--font-size-l, 20px);
--h6-font-size: var(--font-450, 18px);
--body-font-size: var(--font-size-base, 16px);
--subtitle-font-size: var(--font-size-s, 14px);
--helper-text-font-size: var(--font-size-2xs, 12px);
--legal-font-size: var(--font-325, 13px);
--spacing-none: 0;
--spacing-xs: 2px;
--spacing-s: 4px;
--spacing-m: 8px;
--spacing-l: 16px;
--spacing-xl: 24px;
--spacing-2xl: 32px;
--spacing-3xl: 40px;
--spacing-4xl: 56px;
--spacing-5xl: 80px;
--container-max-width: 1600px;
--width-xs: calc(var(--container-max-width) / 5);
--width-s: calc(var(--container-max-width) / 4);
--width-m: calc(var(--container-max-width) / 3);
--width-l: calc(var(--container-max-width) / 2);
--width-xl: var(--container-max-width);
--full-width: 100%;
--paragraph-margin-bottom: var(--spacing-m);
--paragraph-max-width: 37.5rem;
--breakpoint-s: 320px;
--breakpoint-m: 768px;
--breakpoint-l: 1024px;
--breakpoint-xl: 1280px;
--breakpoint-2xl: 1440px;
}
@font-face {
font-family: "FS Thrive Elliot Web";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Regular.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Bold";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Bold.woff")
format("woff");
font-display: swap;
font-weight: 700;
}
@font-face {
font-family: "FS Thrive Elliot Web - Heavy";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Heavy.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Light";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Light.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Italic";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Italic.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
:root,
:host {
--f-text-input-padding: var(--spacing-l);
--f-text-input-width: 100%;
--f-text-input-height-standard: 3.5rem;
--f-text-input-background-color: var(--neutral-white);
--f-text-input-font-color: var(--neutral-black);
--f-text-input-text-align: start;
--f-text-input-border: var(--f-text-input-border-thickness)
var(--f-text-input-border-style);
--f-text-input-border-thickness: 0.0625rem;
--f-text-input-border-style: solid;
--f-text-input-border-color: var(--neutral-black);
--f-text-input-border-error-thickness: 0.0625rem;
--f-text-input-border-error-color: var(--error);
--f-text-input-hover-background-color: var(--neutral-white);
--f-text-input-hover-border-color: var(--accent-navy-blue);
--f-text-input-hover-placeholder-color: var(--neutral-black);
--f-text-input-focus-background-color: var(--neutral-white);
--f-text-input-focus-border-color: var(--color-border-focus-base, #0055aa);
--f-text-input-disabled-background-color: var(--neutral-gallery);
--f-text-input-disabled-border-color: transparent;
--f-text-input-disabled-font-color: var(--neutral-steel);
--f-text-input-label-color: var(--neutral-black);
--f-text-input-label-font-size: var(--font-size-2xs, 0.75rem);
--f-text-input-label-line-height: 1.2;
--f-text-input-placeholder-color: var(--neutral-dove-gray);
--f-text-input-placeholder-font-style: normal;
--f-text-input-placeholder-line-height: 1.5;
--f-text-input-auxiliary-text-font-size: var(--font-size-2xs, 0.75rem);
--f-text-input-auxiliary-text-line-height: 1.25;
--f-text-input-auxiliary-text-letter-spacing: 0.39px;
--f-text-input-helper-text-color: var(--neutral-steel);
--f-text-input-error-text-color: var(--error);
--f-text-input-counter-text-color: var(--neutral-steel);
}
f-text-input *,
f-text-input *::before,
f-text-input *::after {
box-sizing: border-box;
}
f-text-input a {
text-decoration: none;
color: inherit;
cursor: pointer;
}
f-text-input button {
background-color: transparent;
color: inherit;
border-width: 0;
padding: 0;
cursor: pointer;
}
f-text-input figure {
margin: 0;
}
f-text-input input::-moz-focus-inner {
border: 0;
padding: 0;
margin: 0;
}
f-text-input ul,
f-text-input ol,
f-text-input dd {
margin: 0;
padding: 0;
}
f-text-input ul li,
f-text-input ol li,
f-text-input dd li {
margin-left: var(--spacing-l);
}
f-text-input h1,
f-text-input h2,
f-text-input h3,
f-text-input h4,
f-text-input h5,
f-text-input h6 {
margin: 0;
font-size: inherit;
font-weight: inherit;
display: block;
}
f-text-input p {
margin: 0;
}
f-text-input cite {
font-style: normal;
}
f-text-input fieldset {
border-width: 0;
padding: 0;
margin: 0;
}
f-text-input table {
border-collapse: collapse;
border-spacing: 0;
}
f-text-input article,
f-text-input aside,
f-text-input details,
f-text-input figcaption,
f-text-input figure,
f-text-input footer,
f-text-input header,
f-text-input hgroup,
f-text-input menu,
f-text-input nav,
f-text-input section {
display: block;
}
f-text-input .screen-reader-text {
position: absolute !important;
height: 0.0625rem;
width: 0.0625rem;
overflow: hidden;
clip: rect(0.0625rem 0.0625rem 0.0625rem 0.0625rem);
clip: rect(0.0625rem, 0.0625rem, 0.0625rem, 0.0625rem);
}
f-text-input .visually-hidden-text {
visibility: hidden;
}
f-text-input[type="search"] {
-webkit-appearance: none;
}
f-text-input .f-text-input {
display: flex;
flex-flow: column-reverse;
}
f-text-input .f-text-input .input-container {
position: relative;
}
f-text-input .f-text-input .input-container .start-icon-container,
f-text-input .f-text-input .input-container .end-icon-container {
position: absolute;
display: flex;
justify-content: center;
align-items: center;
width: 1.5rem;
height: 1.5rem;
}
f-text-input .f-text-input .input-container .start-icon-container f-icon,
f-text-input .f-text-input .input-container .end-icon-container f-icon {
--f-icon-color: var(--color-icon-dark-base, #282828);
--f-icon-margin: -0.125rem 0 0 0;
}
f-text-input .f-text-input .input-container .start-icon-container {
inset-block-start: 1rem;
inset-inline-start: 1rem;
}
f-text-input .f-text-input .input-container .end-icon-container {
inset-block-start: 1rem;
inset-inline-end: 1rem;
}
f-text-input .f-text-input .input-container .start-icon-button,
f-text-input .f-text-input .input-container .end-icon-button {
position: absolute;
display: flex;
justify-content: center;
align-items: center;
width: 3rem;
height: 3rem;
border-radius: 0;
}
f-text-input .f-text-input .input-container .start-icon-button f-icon,
f-text-input .f-text-input .input-container .end-icon-button f-icon {
--f-icon-color: var(--color-icon-dark-base, #282828);
--f-icon-margin: -0.125rem 0 0 0;
}
f-text-input .f-text-input .input-container .start-icon-button:focus-visible,
f-text-input .f-text-input .input-container .end-icon-button:focus-visible {
outline: 0.125rem solid var(--color-border-focus-base, #0055aa);
outline-offset: 0;
}
f-text-input .f-text-input .input-container .start-icon-button {
inset-block-start: 0.25rem;
inset-inline-start: 0.25rem;
}
f-text-input .f-text-input .input-container .end-icon-button {
inset-block-start: 0.25rem;
inset-inline-end: 0.25rem;
}
f-text-input .f-text-input input[type="text"],
f-text-input .f-text-input input[type="password"],
f-text-input .f-text-input input[type="number"],
f-text-input .f-text-input input[type="file"],
f-text-input .f-text-input input[type="search"],
f-text-input .f-text-input input[type="tel"],
f-text-input .f-text-input input[type="email"],
f-text-input .f-text-input input[type="date"],
f-text-input .f-text-input input[type="month"],
f-text-input .f-text-input input[type="week"],
f-text-input .f-text-input input[type="datetime"],
f-text-input .f-text-input input[type="time"],
f-text-input .f-text-input input[type="datetime-local"],
f-text-input .f-text-input input[type="url"] {
height: var(--f-text-input-height-standard);
width: var(--f-text-input-width, 100%);
padding: var(--f-text-input-padding);
background-color: var(--f-text-input-background-color);
color: var(--f-text-input-font-color);
border: var(--f-text-input-border);
border-color: var(--f-text-input-border-color);
border-radius: 0rem;
outline: none;
font-family: var(--base-font-family);
font-size: var(--base-font-size);
text-align: var(--f-text-input-text-align);
cursor: text;
-moz-appearance: textfield;
}
f-text-input .f-text-input input[type="text"]::-webkit-outer-spin-button,
f-text-input .f-text-input input[type="text"]::-webkit-inner-spin-button,
f-text-input .f-text-input input[type="password"]::-webkit-outer-spin-button,
f-text-input .f-text-input input[type="password"]::-webkit-inner-spin-button,
f-text-input .f-text-input input[type="number"]::-webkit-outer-spin-button,
f-text-input .f-text-input input[type="number"]::-webkit-inner-spin-button,
f-text-input .f-text-input input[type="file"]::-webkit-outer-spin-button,
f-text-input .f-text-input input[type="file"]::-webkit-inner-spin-button,
f-text-input .f-text-input input[type="search"]::-webkit-outer-spin-button,
f-text-input .f-text-input input[type="search"]::-webkit-inner-spin-button,
f-text-input .f-text-input input[type="tel"]::-webkit-outer-spin-button,
f-text-input .f-text-input input[type="tel"]::-webkit-inner-spin-button,
f-text-input .f-text-input input[type="email"]::-webkit-outer-spin-button,
f-text-input .f-text-input input[type="email"]::-webkit-inner-spin-button,
f-text-input .f-text-input input[type="date"]::-webkit-outer-spin-button,
f-text-input .f-text-input input[type="date"]::-webkit-inner-spin-button,
f-text-input .f-text-input input[type="month"]::-webkit-outer-spin-button,
f-text-input .f-text-input input[type="month"]::-webkit-inner-spin-button,
f-text-input .f-text-input input[type="week"]::-webkit-outer-spin-button,
f-text-input .f-text-input input[type="week"]::-webkit-inner-spin-button,
f-text-input .f-text-input input[type="datetime"]::-webkit-outer-spin-button,
f-text-input .f-text-input input[type="datetime"]::-webkit-inner-spin-button,
f-text-input .f-text-input input[type="time"]::-webkit-outer-spin-button,
f-text-input .f-text-input input[type="time"]::-webkit-inner-spin-button,
f-text-input
.f-text-input
input[type="datetime-local"]::-webkit-outer-spin-button,
f-text-input
.f-text-input
input[type="datetime-local"]::-webkit-inner-spin-button,
f-text-input .f-text-input input[type="url"]::-webkit-outer-spin-button,
f-text-input .f-text-input input[type="url"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
f-text-input .f-text-input input[type="text"]::-webkit-search-cancel-button,
f-text-input .f-text-input input[type="password"]::-webkit-search-cancel-button,
f-text-input .f-text-input input[type="number"]::-webkit-search-cancel-button,
f-text-input .f-text-input input[type="file"]::-webkit-search-cancel-button,
f-text-input .f-text-input input[type="search"]::-webkit-search-cancel-button,
f-text-input .f-text-input input[type="tel"]::-webkit-search-cancel-button,
f-text-input .f-text-input input[type="email"]::-webkit-search-cancel-button,
f-text-input .f-text-input input[type="date"]::-webkit-search-cancel-button,
f-text-input .f-text-input input[type="month"]::-webkit-search-cancel-button,
f-text-input .f-text-input input[type="week"]::-webkit-search-cancel-button,
f-text-input .f-text-input input[type="datetime"]::-webkit-search-cancel-button,
f-text-input .f-text-input input[type="time"]::-webkit-search-cancel-button,
f-text-input
.f-text-input
input[type="datetime-local"]::-webkit-search-cancel-button,
f-text-input .f-text-input input[type="url"]::-webkit-search-cancel-button {
-webkit-appearance: none;
position: relative;
right: 0;
height: 1rem;
width: 1rem;
background-image: url("data:image/svg+xml;utf8,");
}
f-text-input .f-text-input input[type="text"]:focus,
f-text-input .f-text-input input[type="text"]:hover,
f-text-input .f-text-input input[type="password"]:focus,
f-text-input .f-text-input input[type="password"]:hover,
f-text-input .f-text-input input[type="number"]:focus,
f-text-input .f-text-input input[type="number"]:hover,
f-text-input .f-text-input input[type="file"]:focus,
f-text-input .f-text-input input[type="file"]:hover,
f-text-input .f-text-input input[type="search"]:focus,
f-text-input .f-text-input input[type="search"]:hover,
f-text-input .f-text-input input[type="tel"]:focus,
f-text-input .f-text-input input[type="tel"]:hover,
f-text-input .f-text-input input[type="email"]:focus,
f-text-input .f-text-input input[type="email"]:hover,
f-text-input .f-text-input input[type="date"]:focus,
f-text-input .f-text-input input[type="date"]:hover,
f-text-input .f-text-input input[type="month"]:focus,
f-text-input .f-text-input input[type="month"]:hover,
f-text-input .f-text-input input[type="week"]:focus,
f-text-input .f-text-input input[type="week"]:hover,
f-text-input .f-text-input input[type="datetime"]:focus,
f-text-input .f-text-input input[type="datetime"]:hover,
f-text-input .f-text-input input[type="time"]:focus,
f-text-input .f-text-input input[type="time"]:hover,
f-text-input .f-text-input input[type="datetime-local"]:focus,
f-text-input .f-text-input input[type="datetime-local"]:hover,
f-text-input .f-text-input input[type="url"]:focus,
f-text-input .f-text-input input[type="url"]:hover {
border-color: var(--f-text-input-focus-border-color);
background-color: var(--f-text-input-focus-background-color);
}
f-text-input .f-text-input input[type="text"]:focus,
f-text-input .f-text-input input[type="password"]:focus,
f-text-input .f-text-input input[type="number"]:focus,
f-text-input .f-text-input input[type="file"]:focus,
f-text-input .f-text-input input[type="search"]:focus,
f-text-input .f-text-input input[type="tel"]:focus,
f-text-input .f-text-input input[type="email"]:focus,
f-text-input .f-text-input input[type="date"]:focus,
f-text-input .f-text-input input[type="month"]:focus,
f-text-input .f-text-input input[type="week"]:focus,
f-text-input .f-text-input input[type="datetime"]:focus,
f-text-input .f-text-input input[type="time"]:focus,
f-text-input .f-text-input input[type="datetime-local"]:focus,
f-text-input .f-text-input input[type="url"]:focus {
box-shadow: inset 0 0 0 0.0625rem var(--f-text-input-focus-border-color);
}
f-text-input .f-text-input input[type="text"]::placeholder,
f-text-input .f-text-input input[type="password"]::placeholder,
f-text-input .f-text-input input[type="number"]::placeholder,
f-text-input .f-text-input input[type="file"]::placeholder,
f-text-input .f-text-input input[type="search"]::placeholder,
f-text-input .f-text-input input[type="tel"]::placeholder,
f-text-input .f-text-input input[type="email"]::placeholder,
f-text-input .f-text-input input[type="date"]::placeholder,
f-text-input .f-text-input input[type="month"]::placeholder,
f-text-input .f-text-input input[type="week"]::placeholder,
f-text-input .f-text-input input[type="datetime"]::placeholder,
f-text-input .f-text-input input[type="time"]::placeholder,
f-text-input .f-text-input input[type="datetime-local"]::placeholder,
f-text-input .f-text-input input[type="url"]::placeholder {
color: var(--f-text-input-placeholder-color);
}
f-text-input .f-text-input input[type="text"]:disabled,
f-text-input .f-text-input input[type="text"] [disabled],
f-text-input .f-text-input input[type="password"]:disabled,
f-text-input .f-text-input input[type="password"] [disabled],
f-text-input .f-text-input input[type="number"]:disabled,
f-text-input .f-text-input input[type="number"] [disabled],
f-text-input .f-text-input input[type="file"]:disabled,
f-text-input .f-text-input input[type="file"] [disabled],
f-text-input .f-text-input input[type="search"]:disabled,
f-text-input .f-text-input input[type="search"] [disabled],
f-text-input .f-text-input input[type="tel"]:disabled,
f-text-input .f-text-input input[type="tel"] [disabled],
f-text-input .f-text-input input[type="email"]:disabled,
f-text-input .f-text-input input[type="email"] [disabled],
f-text-input .f-text-input input[type="date"]:disabled,
f-text-input .f-text-input input[type="date"] [disabled],
f-text-input .f-text-input input[type="month"]:disabled,
f-text-input .f-text-input input[type="month"] [disabled],
f-text-input .f-text-input input[type="week"]:disabled,
f-text-input .f-text-input input[type="week"] [disabled],
f-text-input .f-text-input input[type="datetime"]:disabled,
f-text-input .f-text-input input[type="datetime"] [disabled],
f-text-input .f-text-input input[type="time"]:disabled,
f-text-input .f-text-input input[type="time"] [disabled],
f-text-input .f-text-input input[type="datetime-local"]:disabled,
f-text-input .f-text-input input[type="datetime-local"] [disabled],
f-text-input .f-text-input input[type="url"]:disabled,
f-text-input .f-text-input input[type="url"] [disabled] {
color: var(--f-text-input-disabled-font-color);
background-color: var(--f-text-input-disabled-background-color);
border-color: var(--f-text-input-disabled-border-color);
cursor: not-allowed;
pointer-events: none;
}
f-text-input
.f-text-input
input[type="text"]:disabled
+ label.f-text-input-label,
f-text-input
.f-text-input
input[type="text"]
[disabled]
+ label.f-text-input-label,
f-text-input
.f-text-input
input[type="password"]:disabled
+ label.f-text-input-label,
f-text-input
.f-text-input
input[type="password"]
[disabled]
+ label.f-text-input-label,
f-text-input
.f-text-input
input[type="number"]:disabled
+ label.f-text-input-label,
f-text-input
.f-text-input
input[type="number"]
[disabled]
+ label.f-text-input-label,
f-text-input
.f-text-input
input[type="file"]:disabled
+ label.f-text-input-label,
f-text-input
.f-text-input
input[type="file"]
[disabled]
+ label.f-text-input-label,
f-text-input
.f-text-input
input[type="search"]:disabled
+ label.f-text-input-label,
f-text-input
.f-text-input
input[type="search"]
[disabled]
+ label.f-text-input-label,
f-text-input
.f-text-input
input[type="tel"]:disabled
+ label.f-text-input-label,
f-text-input
.f-text-input
input[type="tel"]
[disabled]
+ label.f-text-input-label,
f-text-input
.f-text-input
input[type="email"]:disabled
+ label.f-text-input-label,
f-text-input
.f-text-input
input[type="email"]
[disabled]
+ label.f-text-input-label,
f-text-input
.f-text-input
input[type="date"]:disabled
+ label.f-text-input-label,
f-text-input
.f-text-input
input[type="date"]
[disabled]
+ label.f-text-input-label,
f-text-input
.f-text-input
input[type="month"]:disabled
+ label.f-text-input-label,
f-text-input
.f-text-input
input[type="month"]
[disabled]
+ label.f-text-input-label,
f-text-input
.f-text-input
input[type="week"]:disabled
+ label.f-text-input-label,
f-text-input
.f-text-input
input[type="week"]
[disabled]
+ label.f-text-input-label,
f-text-input
.f-text-input
input[type="datetime"]:disabled
+ label.f-text-input-label,
f-text-input
.f-text-input
input[type="datetime"]
[disabled]
+ label.f-text-input-label,
f-text-input
.f-text-input
input[type="time"]:disabled
+ label.f-text-input-label,
f-text-input
.f-text-input
input[type="time"]
[disabled]
+ label.f-text-input-label,
f-text-input
.f-text-input
input[type="datetime-local"]:disabled
+ label.f-text-input-label,
f-text-input
.f-text-input
input[type="datetime-local"]
[disabled]
+ label.f-text-input-label,
f-text-input
.f-text-input
input[type="url"]:disabled
+ label.f-text-input-label,
f-text-input
.f-text-input
input[type="url"]
[disabled]
+ label.f-text-input-label {
color: var(--f-text-input-disabled-font-color);
}
f-text-input .f-text-input input[type="text"].has-error,
f-text-input .f-text-input input[type="password"].has-error,
f-text-input .f-text-input input[type="number"].has-error,
f-text-input .f-text-input input[type="file"].has-error,
f-text-input .f-text-input input[type="search"].has-error,
f-text-input .f-text-input input[type="tel"].has-error,
f-text-input .f-text-input input[type="email"].has-error,
f-text-input .f-text-input input[type="date"].has-error,
f-text-input .f-text-input input[type="month"].has-error,
f-text-input .f-text-input input[type="week"].has-error,
f-text-input .f-text-input input[type="datetime"].has-error,
f-text-input .f-text-input input[type="time"].has-error,
f-text-input .f-text-input input[type="datetime-local"].has-error,
f-text-input .f-text-input input[type="url"].has-error {
border: var(--f-text-input-border-error-thickness)
var(--f-text-input-border-style) var(--f-text-input-border-error-color);
}
f-text-input .f-text-input input[type="text"].has-start-icon,
f-text-input .f-text-input input[type="password"].has-start-icon,
f-text-input .f-text-input input[type="number"].has-start-icon,
f-text-input .f-text-input input[type="file"].has-start-icon,
f-text-input .f-text-input input[type="search"].has-start-icon,
f-text-input .f-text-input input[type="tel"].has-start-icon,
f-text-input .f-text-input input[type="email"].has-start-icon,
f-text-input .f-text-input input[type="date"].has-start-icon,
f-text-input .f-text-input input[type="month"].has-start-icon,
f-text-input .f-text-input input[type="week"].has-start-icon,
f-text-input .f-text-input input[type="datetime"].has-start-icon,
f-text-input .f-text-input input[type="time"].has-start-icon,
f-text-input .f-text-input input[type="datetime-local"].has-start-icon,
f-text-input .f-text-input input[type="url"].has-start-icon {
padding-inline-start: 3.5rem;
}
f-text-input .f-text-input input[type="text"].has-end-icon,
f-text-input .f-text-input input[type="text"].has-clear-button,
f-text-input .f-text-input input[type="password"].has-end-icon,
f-text-input .f-text-input input[type="password"].has-clear-button,
f-text-input .f-text-input input[type="number"].has-end-icon,
f-text-input .f-text-input input[type="number"].has-clear-button,
f-text-input .f-text-input input[type="file"].has-end-icon,
f-text-input .f-text-input input[type="file"].has-clear-button,
f-text-input .f-text-input input[type="search"].has-end-icon,
f-text-input .f-text-input input[type="search"].has-clear-button,
f-text-input .f-text-input input[type="tel"].has-end-icon,
f-text-input .f-text-input input[type="tel"].has-clear-button,
f-text-input .f-text-input input[type="email"].has-end-icon,
f-text-input .f-text-input input[type="email"].has-clear-button,
f-text-input .f-text-input input[type="date"].has-end-icon,
f-text-input .f-text-input input[type="date"].has-clear-button,
f-text-input .f-text-input input[type="month"].has-end-icon,
f-text-input .f-text-input input[type="month"].has-clear-button,
f-text-input .f-text-input input[type="week"].has-end-icon,
f-text-input .f-text-input input[type="week"].has-clear-button,
f-text-input .f-text-input input[type="datetime"].has-end-icon,
f-text-input .f-text-input input[type="datetime"].has-clear-button,
f-text-input .f-text-input input[type="time"].has-end-icon,
f-text-input .f-text-input input[type="time"].has-clear-button,
f-text-input .f-text-input input[type="datetime-local"].has-end-icon,
f-text-input .f-text-input input[type="datetime-local"].has-clear-button,
f-text-input .f-text-input input[type="url"].has-end-icon,
f-text-input .f-text-input input[type="url"].has-clear-button {
padding-inline-end: 3.5rem;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
f-text-input .f-text-input label.f-text-input-label {
margin-bottom: var(--spacing-m);
color: var(--f-text-input-font-color);
font-family: var(--base-font-family);
font-size: var(--f-text-input-label-font-size);
line-height: var(--f-text-input-label-line-height);
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
f-text-input .f-text-input .auxiliaries-container {
display: flex;
flex-direction: row-reverse;
gap: 1.5rem;
font-size: var(--f-text-input-auxiliary-text-font-size);
line-height: var(--f-text-input-auxiliary-text-line-height);
letter-spacing: var(--f-text-input-auxiliary-text-letter-spacing);
}
f-text-input .f-text-input .auxiliaries-container .auxiliaries-content {
margin-top: var(--spacing-m);
}
f-text-input .f-text-input .auxiliaries-container .counter-text,
f-text-input .f-text-input .auxiliaries-container .helper-text,
f-text-input .f-text-input .auxiliaries-container .error-container {
font-family: var(--base-font-family);
}
f-text-input .f-text-input .auxiliaries-container .counter-text {
flex: 0 0 7.1875rem;
color: var(--f-text-input-counter-text-color);
text-align: right;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
f-text-input .f-text-input .auxiliaries-container .helper-text {
display: inline-block;
align-items: center;
width: 100%;
color: var(--f-text-input-helper-text-color);
}
f-text-input .f-text-input .auxiliaries-container .error-container {
display: flex;
justify-content: flex-start;
align-items: start;
gap: 0.5rem;
width: 100%;
color: var(--f-text-input-error-text-color);
}
f-text-input
.f-text-input
.auxiliaries-container
.error-container
span.error-msg {
display: inline-block;
line-height: 0.9375rem;
}
f-text-input .f-text-input .auxiliaries-container .error-container f-icon {
--f-icon-size: 0.75rem;
--f-icon-container-size: 0.75rem;
--f-icon-margin: 1px 0 0 0;
--f-icon-color: var(--error);
}
f-text-input .f-text-input button:disabled {
cursor: not-allowed;
pointer-events: none;
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--core-water-leaf: var(--color-palette-teal-400, #97e8e2);
--core-tropical-blue: var(--color-palette-blue-200, #c2d9fe);
--core-pale-lavendar: var(--color-palette-purple-200, #e5cefd);
--core-pale-lavender: var(--color-palette-purple-200, #e5cefd);
--accent-canary-yellow: var(--color-palette-yellow-100, #fff200);
--accent-grenadier: var(--color-palette-red-500, #cd4400);
--accent-pink-orange: var(--color-palette-red-300, #ff9966);
--accent-apricot: var(--color-palette-red-200, #ffcbb1);
--accent-denim: var(--color-palette-blue-700, #165bcf);
--accent-navy-blue: var(--color-palette-blue-500, #266de2);
--accent-jordy-blue: var(--color-palette-blue-300, #7da7ed);
--accent-hawkes-blue: var(--color-palette-blue-100, #dce9ff);
--accent-zircon: var(--color-palette-blue-50, #f6f9ff);
--tertiary-viking: var(--color-palette-teal-600, #64d9d2);
--tertiary-cornflower-blue: var(--color-palette-blue-400, #639dfe);
--tertiary-rich-lilac: var(--color-palette-purple-700, #bb6bd9);
--tertiary-orchid: var(--color-palette-purple-500, #d382e0);
--neutral-black: var(--color-palette-gray-700, #282828);
--neutral-steel: var(--color-palette-gray-500, #666666);
--neutral-dove-gray: var(--color-palette-gray-400, #767676);
--neutral-mountain-mist: var(--color-palette-gray-300, #949494);
--neutral-athens-gray: var(--color-palette-gray-200, #dedede);
--neutral-gallery: var(--color-palette-gray-100, #efefef);
--neutral-white: var(--color-palette-gray-50, #ffffff);
--error-background: var(--color-palette-red-50, #fdebec);
--error-shadow: var(--color-palette-red-400, #ed3f3f);
--error: var(--color-palette-red-600, #c61a1a);
--warning-background: var(--color-palette-yellow-50, #ffefd2);
--warning: var(--color-palette-yellow-200, #fbcf35);
--success-background: var(--color-palette-green-100, #e6f6e1);
--success-shadow: var(--color-palette-green-300, #0fab01);
--success: var(--color-palette-green-500, #107400);
--info: #165dd0;
--info-background: var(--color-bg-info-base, #dce9ff);
--a11y-focus-color: var(--color-border-focus-base, #0055aa);
--background-body: var(--color-bg-body-base, #ffffff);
--border-general: var(--color-border-default-base, #767676);
--border-light: var(--color-palette-gray-300, #949494);
--anchor-color: var(--color-link-base);
--awlds-color-progress-green: #0eab00;
--awlds-color-progress-green-contrast: var(
--color-palette-green-500,
#107400
);
--awlds-color-progress-blue: var(--color-palette-blue-700, #165bcf);
--awlds-color-progress-blue-contrast: var(--color-palette-blue-500, #266de2);
--branding-bg-color: var(--color-bg-brand-b1, #0066ff);
--branding-text-color: var(--color-text-body-base, #282828);
--vertical-brand-bar-color: var(--branding-bg-color);
--light-gray: #f9f9f9;
--light-blue: var(--color-palette-blue-50, #f6f9ff);
--light-turquoise: #eefcfb;
--ai-light-lavendar: #fbf7ff;
--ai-indigo-purple: var(--color-palette-purple-1000, #4f009a);
--base-font-color: var(--color-text-body-base, #282828);
--base-font-family: "FS Thrive Elliot Web", Arial, sans-serif;
--bold-font-family: "FS Thrive Elliot Web - Bold", Arial, sans-serif;
--heavy-font-family: "FS Thrive Elliot Web - Heavy", Arial, sans-serif;
--light-font-family: "FS Thrive Elliot Web - Light", Arial, sans-serif;
--italic-font-family: "FS Thrive Elliot Web - Italic", Arial, sans-serif;
--mono-font-family: "Courier New", Courier, monospace;
--small-font-size: var(--font-size-s, 14px);
--base-font-size: var(--font-size-base, 16px);
--large-font-size: var(--font-450, 18px);
--h1-font-size: var(--font-1200, 48px);
--h2-font-size: var(--font-size-3xl, 36px);
--h3-font-size: var(--font-700, 28px);
--h4-font-size: var(--font-size-xl, 22px);
--h5-font-size: var(--font-size-l, 20px);
--h6-font-size: var(--font-450, 18px);
--body-font-size: var(--font-size-base, 16px);
--subtitle-font-size: var(--font-size-s, 14px);
--helper-text-font-size: var(--font-size-2xs, 12px);
--legal-font-size: var(--font-325, 13px);
--spacing-none: 0;
--spacing-xs: 2px;
--spacing-s: 4px;
--spacing-m: 8px;
--spacing-l: 16px;
--spacing-xl: 24px;
--spacing-2xl: 32px;
--spacing-3xl: 40px;
--spacing-4xl: 56px;
--spacing-5xl: 80px;
--container-max-width: 1600px;
--width-xs: calc(var(--container-max-width) / 5);
--width-s: calc(var(--container-max-width) / 4);
--width-m: calc(var(--container-max-width) / 3);
--width-l: calc(var(--container-max-width) / 2);
--width-xl: var(--container-max-width);
--full-width: 100%;
--paragraph-margin-bottom: var(--spacing-m);
--paragraph-max-width: 37.5rem;
--breakpoint-s: 320px;
--breakpoint-m: 768px;
--breakpoint-l: 1024px;
--breakpoint-xl: 1280px;
--breakpoint-2xl: 1440px;
}
@font-face {
font-family: "FS Thrive Elliot Web";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Regular.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Bold";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Bold.woff")
format("woff");
font-display: swap;
font-weight: 700;
}
@font-face {
font-family: "FS Thrive Elliot Web - Heavy";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Heavy.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Light";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Light.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Italic";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Italic.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
:root,
:host {
--f-button-box-shadow: none;
--f-button-resolved-background-color: transparent;
--f-button-cursor: pointer;
--f-button-font-size: var(--small-font-size);
--f-button-font-family: var(--bold-font-family);
--f-button-left-icon-margin-block-start: -0.125rem;
--f-button-left-icon-margin-inline-end: 0.625rem;
--f-button-left-icon-margin-block-end: 0;
--f-button-left-icon-margin-inline-start: 0.125rem;
--f-button-right-icon-margin-block-start: -0.125rem;
--f-button-right-icon-margin-inline-end: 0.1875rem;
--f-button-right-icon-margin-block-end: 0;
--f-button-right-icon-margin-inline-start: 0.6875rem;
--f-button-icon-only-margin-block-start: -0.0625rem;
--f-button-icon-only-margin-inline-end: 0.0625rem;
--f-button-icon-only-margin-block-end: 0.0625rem;
--f-button-icon-only-margin-inline-start: 0.0625rem;
--f-button-padding: 0 var(--spacing-l);
--f-button-display: inline-flex;
--f-button-text-alignment: center;
--f-button-resolved-text-color: var(--neutral-black);
--f-button-text-justify: center;
--f-button-resolved-focus-text-color: var(--neutral-black);
--f-button-outline: none;
--f-button-focus-outline: none;
--f-button-border-thickness: 0.125rem;
--f-button-border-style: solid;
--f-button-resolved-border-color: transparent;
--f-button-border-radius: 1.25rem;
--f-button-border: var(--f-button-border-thickness)
var(--f-button-border-style);
--f-button-resolved-active-border-color: currentColor;
--f-button-resolved-focus-background-color: transparent;
--f-button-resolved-focus-border-color: transparent;
--f-button-focus-border: var(--f-button-border-thickness)
var(--f-button-border-style);
--f-button-selected-text-color: var(--accent-navy-blue);
--f-button-selected-background-color: var(--accent-navy-blue);
--f-button-selected-border-color: transparent;
--f-button-disabled-text-color: var(--neutral-white);
--f-button-disabled-background-color: var(--neutral-mountain-mist);
--f-button-disabled-border-color: transparent;
--f-button-selected-disabled-text-color: var(--neutral-white);
--f-button-selected-disabled-background-color: var(--neutral-mountain-mist);
--f-button-selected-disabled-border-color: transparent;
--f-button-height-standard: 2.5rem;
--f-button-height-small: 2rem;
--f-button-base-loader-color: 255, 255, 255;
--progressive-text-color: var(--neutral-white);
--progressive-focus-text-color: var(--neutral-white);
--progressive-background-color: var(--accent-navy-blue);
--progressive-border-color: var(--accent-navy-blue);
--progressive-background-focus-color: var(--accent-denim);
--progressive-focus-border-color: var(--accent-denim);
--progressive-active-border-color: var(--accent-denim);
--destructive-text-color: var(--neutral-white);
--destructive-focus-text-color: var(--neutral-white);
--destructive-background-color: var(--error-shadow);
--destructive-border-color: var(--error-shadow);
--destructive-background-focus-color: var(--error);
--destructive-focus-border-color: var(--error);
--destructive-active-border-color: var(--error-shadow);
--regressive-text-color: var(--neutral-black);
--regressive-focus-text-color: var(--neutral-black);
--regressive-background-color: var(--neutral-white);
--regressive-border-color: var(--neutral-steel);
--regressive-background-focus-color: var(--neutral-gallery);
--regressive-focus-border-color: var(--neutral-black);
--regressive-active-border-color: var(--neutral-black);
--ghost-text-color: var(--accent-navy-blue);
--ghost-focus-text-color: var(--accent-denim);
--ghost-background-color: transparent;
--ghost-border-color: transparent;
--ghost-background-focus-color: var(--accent-hawkes-blue);
--ghost-focus-border-color: transparent;
--ghost-active-border-color: var(--accent-navy-blue);
--destructive-ghost-text-color: var(--error);
--destructive-ghost-focus-text-color: var(--error);
--destructive-ghost-background-color: transparent;
--destructive-ghost-border-color: transparent;
--destructive-ghost-background-focus-color: var(--color-bg-error-subtle);
--destructive-ghost-focus-border-color: transparent;
--destructive-ghost-active-border-color: var(--error);
--action-text-color: var(--accent-navy-blue);
--action-focus-text-color: var(--accent-denim);
--action-background-color: var(--neutral-white);
--action-border-color: var(--accent-navy-blue);
--action-background-focus-color: var(--neutral-white);
--action-focus-border-color: var(--accent-denim);
--action-active-border-color: var(--accent-denim);
--naked-text-color: var(--neutral-black);
--naked-focus-text-color: var(--neutral-black);
--naked-background-color: transparent;
--naked-border-color: transparent;
--naked-background-focus-color: transparent;
--naked-focus-border-color: var(--color-border-focus-base, #0055aa);
--naked-active-border-color: transparent;
}
:host .screen-reader-text,
f-button .screen-reader-text {
position: absolute !important;
height: 0.0625rem;
width: 0.0625rem;
overflow: hidden;
clip: rect(0.0625rem 0.0625rem 0.0625rem 0.0625rem);
clip: rect(0.0625rem, 0.0625rem, 0.0625rem, 0.0625rem);
}
:host .visually-hidden-text,
f-button .visually-hidden-text {
visibility: hidden;
}
:host[type="button"],
:host[type="reset"],
:host[type="submit"],
f-button[type="button"],
f-button[type="reset"],
f-button[type="submit"] {
-webkit-appearance: none;
}
:host .f-button,
f-button .f-button {
color: var(--f-button-resolved-text-color);
background-color: var(--f-button-resolved-background-color);
border: var(--f-button-border);
border-color: var(--f-button-resolved-border-color);
border-radius: var(--f-button-border-radius);
align-items: var(--f-button-text-alignment);
display: var(--f-button-display);
font-size: var(--f-button-font-size);
height: var(--f-button-height-standard);
justify-content: var(--f-button-text-justify);
outline: var(--f-button-outline);
padding: var(--f-button-padding);
position: relative;
white-space: nowrap;
cursor: var(--f-button-cursor);
font-weight: 700;
font-family: var(--f-button-font-family);
box-shadow: var(--f-button-box-shadow);
}
:host .f-button span.button-text:not(.screen-reader-text),
f-button .f-button span.button-text:not(.screen-reader-text) {
all: initial;
font-family: var(--f-button-font-family);
font-weight: 700;
font-size: var(--f-button-font-size);
color: var(--f-button-resolved-text-color);
line-height: 1.5;
}
:host .f-button span.button-text:not(.screen-reader-text):active,
:host .f-button span.button-text:not(.screen-reader-text):focus,
:host .f-button span.button-text:not(.screen-reader-text):hover,
f-button .f-button span.button-text:not(.screen-reader-text):active,
f-button .f-button span.button-text:not(.screen-reader-text):focus,
f-button .f-button span.button-text:not(.screen-reader-text):hover {
cursor: pointer;
}
:host .f-button:active:not(.selected, [disabled]),
:host .f-button:focus:not(.selected, [disabled]),
f-button .f-button:active:not(.selected, [disabled]),
f-button .f-button:focus:not(.selected, [disabled]) {
background-color: var(--f-button-resolved-focus-background-color);
border: var(--f-button-border);
border-color: var(--f-button-resolved-focus-border-color);
color: var(--f-button-resolved-focus-text-color);
outline: var(--f-button-outline);
}
:host .f-button:active:not(.selected, [disabled]) span.button-text,
:host .f-button:focus:not(.selected, [disabled]) span.button-text,
f-button .f-button:active:not(.selected, [disabled]) span.button-text,
f-button .f-button:focus:not(.selected, [disabled]) span.button-text {
color: var(--f-button-resolved-focus-text-color);
}
:host .f-button:hover:not(.selected, .naked, [disabled]),
f-button .f-button:hover:not(.selected, .naked, [disabled]) {
background-color: var(--f-button-resolved-focus-background-color);
border: var(--f-button-border);
border-color: var(--f-button-resolved-focus-border-color);
color: var(--f-button-resolved-focus-text-color);
outline: var(--f-button-outline);
}
:host .f-button:hover:not(.selected, .naked, [disabled]) span.button-text,
f-button .f-button:hover:not(.selected, .naked, [disabled]) span.button-text {
color: var(--f-button-resolved-focus-text-color);
}
:host .f-button:focus-visible:not(.selected, [disabled]),
f-button .f-button:focus-visible:not(.selected, [disabled]) {
outline: var(--f-button-focus-outline);
}
:host .f-button.animated,
f-button .f-button.animated {
transition: 0.1s;
}
:host .f-button.animated:hover:not(.selected, .naked, [disabled]),
f-button .f-button.animated:hover:not(.selected, .naked, [disabled]) {
outline: 2px solid var(--color-border-focus-base, #0055aa);
outline-offset: 1px;
}
:host .f-button.animated:hover.destructive,
f-button .f-button.animated:hover.destructive {
outline: 2px solid var(--destructive-focus-border-color);
}
:host .f-button.animated.animation:not(.selected, .naked, [disabled]),
f-button .f-button.animated.animation:not(.selected, .naked, [disabled]) {
animation: 0.3s ease-out scaleBounce;
}
:host .f-button:disabled,
:host .f-button [disabled],
f-button .f-button:disabled,
f-button .f-button [disabled] {
box-shadow: none;
cursor: not-allowed;
}
:host .f-button:disabled:not(.naked),
:host .f-button [disabled]:not(.naked),
f-button .f-button:disabled:not(.naked),
f-button .f-button [disabled]:not(.naked) {
background-color: var(--f-button-disabled-background-color);
border: var(--f-button-border);
border-color: var(--f-button-disabled-border-color);
color: var(--f-button-disabled-text-color);
}
:host .f-button:disabled:not(.naked) span.button-text,
:host .f-button [disabled]:not(.naked) span.button-text,
f-button .f-button:disabled:not(.naked) span.button-text,
f-button .f-button [disabled]:not(.naked) span.button-text {
color: var(--f-button-disabled-text-color);
}
:host .f-button:disabled:not(.naked) f-icon,
:host .f-button [disabled]:not(.naked) f-icon,
f-button .f-button:disabled:not(.naked) f-icon,
f-button .f-button [disabled]:not(.naked) f-icon {
--f-icon-color: var(--f-button-disabled-text-color);
}
:host .f-button:disabled span.button-text,
:host .f-button [disabled] span.button-text,
f-button .f-button:disabled span.button-text,
f-button .f-button [disabled] span.button-text {
cursor: not-allowed;
pointer-events: none;
}
:host .f-button.small,
f-button .f-button.small {
height: var(--f-button-height-small);
}
:host .f-button.in-container,
f-button .f-button.in-container {
width: 100%;
}
:host .f-button f-loading.loader-right,
f-button .f-button f-loading.loader-right {
margin-inline-start: var(--spacing-m);
}
:host .f-button f-loading.loader-left,
f-button .f-button f-loading.loader-left {
margin-inline-end: var(--spacing-m);
}
:host .f-button:not([disabled]) f-loading .spinner,
f-button .f-button:not([disabled]) f-loading .spinner {
border-color: var(
--f-button-loader-track-color,
rgba(var(--f-button-base-loader-color), 0.2)
);
border-left-color: var(
--f-button-loader-indicator-color,
rgba(var(--f-button-base-loader-color), 1)
);
}
:host .f-button:not([disabled]):active f-loading .spinner,
:host .f-button:not([disabled]):focus f-loading .spinner,
:host .f-button:not([disabled]):hover f-loading .spinner,
f-button .f-button:not([disabled]):active f-loading .spinner,
f-button .f-button:not([disabled]):focus f-loading .spinner,
f-button .f-button:not([disabled]):hover f-loading .spinner {
border-color: var(
--f-button-loader-track-color-focused,
var(
--f-button-loader-track-color,
rgba(var(--f-button-base-loader-color), 0.2)
)
);
border-left-color: var(
--f-button-loader-indicator-color-focused,
var(
--f-button-loader-indicator-color,
rgba(var(--f-button-base-loader-color), 1)
)
);
}
:host .f-button.progressive,
f-button .f-button.progressive {
--f-button-resolved-text-color: var(
--f-button-text-color,
var(--f-button-text-color-default, var(--progressive-text-color))
);
--f-button-resolved-focus-text-color: var(
--f-button-text-color-focused,
var(--f-button-text-color, var(--progressive-focus-text-color))
);
--f-button-resolved-background-color: var(
--f-button-bg-color,
var(--f-button-bg-color-default, var(--progressive-background-color))
);
--f-button-resolved-focus-background-color: var(
--f-button-bg-color-focused,
var(--f-button-bg-color, var(--progressive-background-focus-color))
);
--f-button-resolved-border-color: var(
--f-button-border-color,
var(--f-button-border-color-default, var(--progressive-border-color))
);
--f-button-resolved-focus-border-color: var(
--f-button-border-color-focused,
var(--f-button-border-color, var(--progressive-focus-border-color))
);
--f-button-resolved-active-border-color: var(
--f-button-border-color-active,
var(--f-button-border-color, var(--progressive-active-border-color))
);
--f-icon-color: var(--f-button-text-color, var(--progressive-text-color));
}
:host .f-button.progressive f-icon.left,
f-button .f-button.progressive f-icon.left {
--f-icon-margin-block-start: var(--f-button-left-icon-margin-block-start);
--f-icon-margin-inline-end: var(--f-button-left-icon-margin-inline-end);
--f-icon-margin-block-end: var(--f-button-left-icon-margin-block-end);
--f-icon-margin-inline-start: var(--f-button-left-icon-margin-inline-start);
order: -1;
}
:host .f-button.progressive f-icon.right,
f-button .f-button.progressive f-icon.right {
--f-icon-margin-block-start: var(--f-button-right-icon-margin-block-start);
--f-icon-margin-inline-end: var(--f-button-right-icon-margin-inline-end);
--f-icon-margin-block-end: var(--f-button-right-icon-margin-block-end);
--f-icon-margin-inline-start: var(--f-button-right-icon-margin-inline-start);
}
:host .f-button.progressive f-icon.icon-only,
f-button .f-button.progressive f-icon.icon-only {
--f-icon-margin-block-start: var(--f-button-icon-only-margin-block-start);
--f-icon-margin-inline-end: var(--f-button-icon-only-margin-inline-end);
--f-icon-margin-block-end: var(--f-button-icon-only-margin-block-end);
--f-icon-margin-inline-start: var(--f-button-icon-only-margin-inline-start);
}
:host .f-button.progressive:focus,
f-button .f-button.progressive:focus {
outline-width: 2px;
outline-style: solid;
outline-color: var(
--f-button-outline-color-focused,
var(--color-border-focus-base, #0055aa)
);
outline-offset: 1px;
}
:host .f-button.destructive,
f-button .f-button.destructive {
--f-button-resolved-text-color: var(
--f-button-text-color,
var(--f-button-text-color-default, var(--destructive-text-color))
);
--f-button-resolved-focus-text-color: var(
--f-button-text-color-focused,
var(--f-button-text-color, var(--destructive-focus-text-color))
);
--f-button-resolved-background-color: var(
--f-button-bg-color,
var(--f-button-bg-color-default, var(--destructive-background-color))
);
--f-button-resolved-focus-background-color: var(
--f-button-bg-color-focused,
var(--f-button-bg-color, var(--destructive-background-focus-color))
);
--f-button-resolved-border-color: var(
--f-button-border-color,
var(--f-button-border-color-default, var(--destructive-border-color))
);
--f-button-resolved-focus-border-color: var(
--f-button-border-color-focused,
var(--f-button-border-color, var(--destructive-focus-border-color))
);
--f-button-resolved-active-border-color: var(
--f-button-border-color-active,
var(--f-button-border-color, var(--destructive-active-border-color))
);
--f-icon-color: var(--f-button-text-color, var(--destructive-text-color));
}
:host .f-button.destructive f-icon.left,
f-button .f-button.destructive f-icon.left {
--f-icon-margin-block-start: var(--f-button-left-icon-margin-block-start);
--f-icon-margin-inline-end: var(--f-button-left-icon-margin-inline-end);
--f-icon-margin-block-end: var(--f-button-left-icon-margin-block-end);
--f-icon-margin-inline-start: var(--f-button-left-icon-margin-inline-start);
order: -1;
}
:host .f-button.destructive f-icon.right,
f-button .f-button.destructive f-icon.right {
--f-icon-margin-block-start: var(--f-button-right-icon-margin-block-start);
--f-icon-margin-inline-end: var(--f-button-right-icon-margin-inline-end);
--f-icon-margin-block-end: var(--f-button-right-icon-margin-block-end);
--f-icon-margin-inline-start: var(--f-button-right-icon-margin-inline-start);
}
:host .f-button.destructive f-icon.icon-only,
f-button .f-button.destructive f-icon.icon-only {
--f-icon-margin-block-start: var(--f-button-icon-only-margin-block-start);
--f-icon-margin-inline-end: var(--f-button-icon-only-margin-inline-end);
--f-icon-margin-block-end: var(--f-button-icon-only-margin-block-end);
--f-icon-margin-inline-start: var(--f-button-icon-only-margin-inline-start);
}
:host .f-button.destructive:focus,
f-button .f-button.destructive:focus {
outline-width: 2px;
outline-style: solid;
outline-color: var(
--f-button-outline-color-focused,
var(--color-border-focus-base, #0055aa)
);
outline-offset: 1px;
}
:host .f-button.destructive:focus,
f-button .f-button.destructive:focus {
outline-color: var(
--f-button-outline-color-focused,
var(--destructive-background-focus-color)
);
}
:host .f-button.ghost,
f-button .f-button.ghost {
--f-button-resolved-text-color: var(
--f-button-text-color,
var(--f-button-text-color-default, var(--ghost-text-color))
);
--f-button-resolved-focus-text-color: var(
--f-button-text-color-focused,
var(--f-button-text-color, var(--ghost-focus-text-color))
);
--f-button-resolved-background-color: var(
--f-button-bg-color,
var(--f-button-bg-color-default, var(--ghost-background-color))
);
--f-button-resolved-focus-background-color: var(
--f-button-bg-color-focused,
var(--f-button-bg-color, var(--ghost-background-focus-color))
);
--f-button-resolved-border-color: var(
--f-button-border-color,
var(--f-button-border-color-default, var(--ghost-border-color))
);
--f-button-resolved-focus-border-color: var(
--f-button-border-color-focused,
var(--f-button-border-color, var(--ghost-focus-border-color))
);
--f-button-resolved-active-border-color: var(
--f-button-border-color-active,
var(--f-button-border-color, var(--ghost-active-border-color))
);
--f-icon-color: var(--f-button-text-color, var(--ghost-text-color));
}
:host .f-button.ghost f-icon.left,
f-button .f-button.ghost f-icon.left {
--f-icon-margin-block-start: var(--f-button-left-icon-margin-block-start);
--f-icon-margin-inline-end: var(--f-button-left-icon-margin-inline-end);
--f-icon-margin-block-end: var(--f-button-left-icon-margin-block-end);
--f-icon-margin-inline-start: var(--f-button-left-icon-margin-inline-start);
order: -1;
}
:host .f-button.ghost f-icon.right,
f-button .f-button.ghost f-icon.right {
--f-icon-margin-block-start: var(--f-button-right-icon-margin-block-start);
--f-icon-margin-inline-end: var(--f-button-right-icon-margin-inline-end);
--f-icon-margin-block-end: var(--f-button-right-icon-margin-block-end);
--f-icon-margin-inline-start: var(--f-button-right-icon-margin-inline-start);
}
:host .f-button.ghost f-icon.icon-only,
f-button .f-button.ghost f-icon.icon-only {
--f-icon-margin-block-start: var(--f-button-icon-only-margin-block-start);
--f-icon-margin-inline-end: var(--f-button-icon-only-margin-inline-end);
--f-icon-margin-block-end: var(--f-button-icon-only-margin-block-end);
--f-icon-margin-inline-start: var(--f-button-icon-only-margin-inline-start);
}
:host .f-button.ghost:focus,
f-button .f-button.ghost:focus {
outline-width: 2px;
outline-style: solid;
outline-color: var(
--f-button-outline-color-focused,
var(--color-border-focus-base, #0055aa)
);
outline-offset: 1px;
}
:host .f-button.action,
f-button .f-button.action {
--f-button-resolved-text-color: var(
--f-button-text-color,
var(--f-button-text-color-default, var(--action-text-color))
);
--f-button-resolved-focus-text-color: var(
--f-button-text-color-focused,
var(--f-button-text-color, var(--action-focus-text-color))
);
--f-button-resolved-background-color: var(
--f-button-bg-color,
var(--f-button-bg-color-default, var(--action-background-color))
);
--f-button-resolved-focus-background-color: var(
--f-button-bg-color-focused,
var(--f-button-bg-color, var(--action-background-focus-color))
);
--f-button-resolved-border-color: var(
--f-button-border-color,
var(--f-button-border-color-default, var(--action-border-color))
);
--f-button-resolved-focus-border-color: var(
--f-button-border-color-focused,
var(--f-button-border-color, var(--action-focus-border-color))
);
--f-button-resolved-active-border-color: var(
--f-button-border-color-active,
var(--f-button-border-color, var(--action-active-border-color))
);
--f-icon-color: var(--f-button-text-color, var(--action-text-color));
}
:host .f-button.action f-icon.left,
f-button .f-button.action f-icon.left {
--f-icon-margin-block-start: var(--f-button-left-icon-margin-block-start);
--f-icon-margin-inline-end: var(--f-button-left-icon-margin-inline-end);
--f-icon-margin-block-end: var(--f-button-left-icon-margin-block-end);
--f-icon-margin-inline-start: var(--f-button-left-icon-margin-inline-start);
order: -1;
}
:host .f-button.action f-icon.right,
f-button .f-button.action f-icon.right {
--f-icon-margin-block-start: var(--f-button-right-icon-margin-block-start);
--f-icon-margin-inline-end: var(--f-button-right-icon-margin-inline-end);
--f-icon-margin-block-end: var(--f-button-right-icon-margin-block-end);
--f-icon-margin-inline-start: var(--f-button-right-icon-margin-inline-start);
}
:host .f-button.action f-icon.icon-only,
f-button .f-button.action f-icon.icon-only {
--f-icon-margin-block-start: var(--f-button-icon-only-margin-block-start);
--f-icon-margin-inline-end: var(--f-button-icon-only-margin-inline-end);
--f-icon-margin-block-end: var(--f-button-icon-only-margin-block-end);
--f-icon-margin-inline-start: var(--f-button-icon-only-margin-inline-start);
}
:host .f-button.action:focus,
f-button .f-button.action:focus {
outline-width: 2px;
outline-style: solid;
outline-color: var(
--f-button-outline-color-focused,
var(--color-border-focus-base, #0055aa)
);
outline-offset: 1px;
}
:host .f-button.regressive,
f-button .f-button.regressive {
--f-button-resolved-text-color: var(
--f-button-text-color,
var(--f-button-text-color-default, var(--regressive-text-color))
);
--f-button-resolved-focus-text-color: var(
--f-button-text-color-focused,
var(--f-button-text-color, var(--regressive-focus-text-color))
);
--f-button-resolved-background-color: var(
--f-button-bg-color,
var(--f-button-bg-color-default, var(--regressive-background-color))
);
--f-button-resolved-focus-background-color: var(
--f-button-bg-color-focused,
var(--f-button-bg-color, var(--regressive-background-focus-color))
);
--f-button-resolved-border-color: var(
--f-button-border-color,
var(--f-button-border-color-default, var(--regressive-border-color))
);
--f-button-resolved-focus-border-color: var(
--f-button-border-color-focused,
var(--f-button-border-color, var(--regressive-focus-border-color))
);
--f-button-resolved-active-border-color: var(
--f-button-border-color-active,
var(--f-button-border-color, var(--regressive-active-border-color))
);
--f-icon-color: var(--f-button-text-color, var(--regressive-text-color));
}
:host .f-button.regressive f-icon.left,
f-button .f-button.regressive f-icon.left {
--f-icon-margin-block-start: var(--f-button-left-icon-margin-block-start);
--f-icon-margin-inline-end: var(--f-button-left-icon-margin-inline-end);
--f-icon-margin-block-end: var(--f-button-left-icon-margin-block-end);
--f-icon-margin-inline-start: var(--f-button-left-icon-margin-inline-start);
order: -1;
}
:host .f-button.regressive f-icon.right,
f-button .f-button.regressive f-icon.right {
--f-icon-margin-block-start: var(--f-button-right-icon-margin-block-start);
--f-icon-margin-inline-end: var(--f-button-right-icon-margin-inline-end);
--f-icon-margin-block-end: var(--f-button-right-icon-margin-block-end);
--f-icon-margin-inline-start: var(--f-button-right-icon-margin-inline-start);
}
:host .f-button.regressive f-icon.icon-only,
f-button .f-button.regressive f-icon.icon-only {
--f-icon-margin-block-start: var(--f-button-icon-only-margin-block-start);
--f-icon-margin-inline-end: var(--f-button-icon-only-margin-inline-end);
--f-icon-margin-block-end: var(--f-button-icon-only-margin-block-end);
--f-icon-margin-inline-start: var(--f-button-icon-only-margin-inline-start);
}
:host .f-button.regressive:focus,
f-button .f-button.regressive:focus {
outline-width: 2px;
outline-style: solid;
outline-color: var(
--f-button-outline-color-focused,
var(--color-border-focus-base, #0055aa)
);
outline-offset: 1px;
}
:host .f-button.naked,
f-button .f-button.naked {
--f-button-resolved-text-color: var(
--f-button-text-color,
var(--f-button-text-color-default, var(--naked-text-color))
);
--f-button-resolved-focus-text-color: var(
--f-button-text-color-focused,
var(--f-button-text-color, var(--naked-focus-text-color))
);
--f-button-resolved-background-color: var(
--f-button-bg-color,
var(--f-button-bg-color-default, var(--naked-background-color))
);
--f-button-resolved-focus-background-color: var(
--f-button-bg-color-focused,
var(--f-button-bg-color, var(--naked-background-focus-color))
);
--f-button-resolved-border-color: var(
--f-button-border-color,
var(--f-button-border-color-default, var(--naked-border-color))
);
--f-button-resolved-focus-border-color: var(
--f-button-border-color-focused,
var(--f-button-border-color, var(--naked-focus-border-color))
);
--f-button-resolved-active-border-color: var(
--f-button-border-color-active,
var(--f-button-border-color, var(--naked-active-border-color))
);
--f-icon-color: var(--f-button-text-color, var(--naked-text-color));
}
:host .f-button.naked f-icon.left,
f-button .f-button.naked f-icon.left {
--f-icon-margin-block-start: var(--f-button-left-icon-margin-block-start);
--f-icon-margin-inline-end: var(--f-button-left-icon-margin-inline-end);
--f-icon-margin-block-end: var(--f-button-left-icon-margin-block-end);
--f-icon-margin-inline-start: var(--f-button-left-icon-margin-inline-start);
order: -1;
}
:host .f-button.naked f-icon.right,
f-button .f-button.naked f-icon.right {
--f-icon-margin-block-start: var(--f-button-right-icon-margin-block-start);
--f-icon-margin-inline-end: var(--f-button-right-icon-margin-inline-end);
--f-icon-margin-block-end: var(--f-button-right-icon-margin-block-end);
--f-icon-margin-inline-start: var(--f-button-right-icon-margin-inline-start);
}
:host .f-button.naked f-icon.icon-only,
f-button .f-button.naked f-icon.icon-only {
--f-icon-margin-block-start: var(--f-button-icon-only-margin-block-start);
--f-icon-margin-inline-end: var(--f-button-icon-only-margin-inline-end);
--f-icon-margin-block-end: var(--f-button-icon-only-margin-block-end);
--f-icon-margin-inline-start: var(--f-button-icon-only-margin-inline-start);
}
:host .f-button.destructive-ghost,
f-button .f-button.destructive-ghost {
--f-button-resolved-text-color: var(
--f-button-text-color,
var(--f-button-text-color-default, var(--destructive-ghost-text-color))
);
--f-button-resolved-focus-text-color: var(
--f-button-text-color-focused,
var(--f-button-text-color, var(--destructive-ghost-focus-text-color))
);
--f-button-resolved-background-color: var(
--f-button-bg-color,
var(--f-button-bg-color-default, var(--destructive-ghost-background-color))
);
--f-button-resolved-focus-background-color: var(
--f-button-bg-color-focused,
var(--f-button-bg-color, var(--destructive-ghost-background-focus-color))
);
--f-button-resolved-border-color: var(
--f-button-border-color,
var(--f-button-border-color-default, var(--destructive-ghost-border-color))
);
--f-button-resolved-focus-border-color: var(
--f-button-border-color-focused,
var(--f-button-border-color, var(--destructive-ghost-focus-border-color))
);
--f-button-resolved-active-border-color: var(
--f-button-border-color-active,
var(--f-button-border-color, var(--destructive-ghost-active-border-color))
);
--f-icon-color: var(
--f-button-text-color,
var(--destructive-ghost-text-color)
);
}
:host .f-button.destructive-ghost f-icon.left,
f-button .f-button.destructive-ghost f-icon.left {
--f-icon-margin-block-start: var(--f-button-left-icon-margin-block-start);
--f-icon-margin-inline-end: var(--f-button-left-icon-margin-inline-end);
--f-icon-margin-block-end: var(--f-button-left-icon-margin-block-end);
--f-icon-margin-inline-start: var(--f-button-left-icon-margin-inline-start);
order: -1;
}
:host .f-button.destructive-ghost f-icon.right,
f-button .f-button.destructive-ghost f-icon.right {
--f-icon-margin-block-start: var(--f-button-right-icon-margin-block-start);
--f-icon-margin-inline-end: var(--f-button-right-icon-margin-inline-end);
--f-icon-margin-block-end: var(--f-button-right-icon-margin-block-end);
--f-icon-margin-inline-start: var(--f-button-right-icon-margin-inline-start);
}
:host .f-button.destructive-ghost f-icon.icon-only,
f-button .f-button.destructive-ghost f-icon.icon-only {
--f-icon-margin-block-start: var(--f-button-icon-only-margin-block-start);
--f-icon-margin-inline-end: var(--f-button-icon-only-margin-inline-end);
--f-icon-margin-block-end: var(--f-button-icon-only-margin-block-end);
--f-icon-margin-inline-start: var(--f-button-icon-only-margin-inline-start);
}
:host .f-button.destructive-ghost:focus,
f-button .f-button.destructive-ghost:focus {
outline-width: 2px;
outline-style: solid;
outline-color: var(
--f-button-outline-color-focused,
var(--color-border-focus-base, #0055aa)
);
outline-offset: 1px;
}
:host .f-button.destructive-ghost:focus,
f-button .f-button.destructive-ghost:focus {
outline-color: var(--f-button-outline-color-focused, var(--error));
}
:host .f-button.ghost:not([disabled]) f-loading .spinner,
f-button .f-button.ghost:not([disabled]) f-loading .spinner {
border-color: var(
--f-button-loader-track-color,
var(--ghost-background-focus-color)
);
border-left-color: var(
--f-button-loader-indicator-color,
var(--ghost-text-color)
);
}
:host .f-button.ghost:not([disabled]):active f-loading .spinner,
:host .f-button.ghost:not([disabled]):focus f-loading .spinner,
:host .f-button.ghost:not([disabled]):hover f-loading .spinner,
f-button .f-button.ghost:not([disabled]):active f-loading .spinner,
f-button .f-button.ghost:not([disabled]):focus f-loading .spinner,
f-button .f-button.ghost:not([disabled]):hover f-loading .spinner {
border-color: var(
--f-button-loader-track-color-focused,
var(--f-button-loader-track-color, var(--neutral-white))
);
border-left-color: var(
--f-button-loader-indicator-color-focused,
var(--f-button-loader-indicator-color, var(--ghost-focus-text-color))
);
}
:host .f-button.action:not([disabled]) f-loading .spinner,
f-button .f-button.action:not([disabled]) f-loading .spinner {
border-color: var(
--f-button-loader-track-color,
var(--action-background-focus-color)
);
border-left-color: var(
--f-button-loader-indicator-color,
var(--action-text-color)
);
}
:host .f-button.action:not([disabled]):active f-loading .spinner,
:host .f-button.action:not([disabled]):focus f-loading .spinner,
:host .f-button.action:not([disabled]):hover f-loading .spinner,
f-button .f-button.action:not([disabled]):active f-loading .spinner,
f-button .f-button.action:not([disabled]):focus f-loading .spinner,
f-button .f-button.action:not([disabled]):hover f-loading .spinner {
border-color: var(
--f-button-loader-track-color-focused,
var(--f-button-loader-track-color, var(--neutral-white))
);
border-left-color: var(
--f-button-loader-indicator-color-focused,
var(--f-button-loader-indicator-color, var(--action-focus-text-color))
);
}
:host .f-button.regressive:not([disabled]) f-loading .spinner,
f-button .f-button.regressive:not([disabled]) f-loading .spinner {
border-color: var(
--f-button-loader-track-color,
var(--regressive-background-focus-color)
);
border-left-color: var(
--f-button-loader-indicator-color,
var(--regressive-text-color)
);
}
:host .f-button.regressive:not([disabled]):active f-loading .spinner,
:host .f-button.regressive:not([disabled]):focus f-loading .spinner,
:host .f-button.regressive:not([disabled]):hover f-loading .spinner,
f-button .f-button.regressive:not([disabled]):active f-loading .spinner,
f-button .f-button.regressive:not([disabled]):focus f-loading .spinner,
f-button .f-button.regressive:not([disabled]):hover f-loading .spinner {
border-color: var(
--f-button-loader-track-color-focused,
var(--f-button-loader-track-color, var(--neutral-white))
);
border-left-color: var(
--f-button-loader-indicator-color-focused,
var(--f-button-loader-indicator-color, var(--regressive-focus-text-color))
);
}
:host .f-button.naked:not([disabled]) f-loading .spinner,
f-button .f-button.naked:not([disabled]) f-loading .spinner {
border-color: var(
--f-button-loader-track-color,
var(--naked-background-focus-color)
);
border-left-color: var(
--f-button-loader-indicator-color,
var(--naked-text-color)
);
}
:host .f-button.naked:not([disabled]):active f-loading .spinner,
:host .f-button.naked:not([disabled]):focus f-loading .spinner,
:host .f-button.naked:not([disabled]):hover f-loading .spinner,
f-button .f-button.naked:not([disabled]):active f-loading .spinner,
f-button .f-button.naked:not([disabled]):focus f-loading .spinner,
f-button .f-button.naked:not([disabled]):hover f-loading .spinner {
border-color: var(
--f-button-loader-track-color-focused,
var(--f-button-loader-track-color, var(--neutral-white))
);
border-left-color: var(
--f-button-loader-indicator-color-focused,
var(--f-button-loader-indicator-color, var(--naked-focus-text-color))
);
}
:host .f-button.destructive-ghost:not([disabled]) f-loading .spinner,
f-button .f-button.destructive-ghost:not([disabled]) f-loading .spinner {
border-color: var(
--f-button-loader-track-color,
var(--destructive-ghost-background-focus-color)
);
border-left-color: var(
--f-button-loader-indicator-color,
var(--destructive-ghost-text-color)
);
}
:host .f-button.destructive-ghost:not([disabled]):active f-loading .spinner,
:host .f-button.destructive-ghost:not([disabled]):focus f-loading .spinner,
:host .f-button.destructive-ghost:not([disabled]):hover f-loading .spinner,
f-button .f-button.destructive-ghost:not([disabled]):active f-loading .spinner,
f-button .f-button.destructive-ghost:not([disabled]):focus f-loading .spinner,
f-button .f-button.destructive-ghost:not([disabled]):hover f-loading .spinner {
border-color: var(
--f-button-loader-track-color-focused,
var(--f-button-loader-track-color, var(--neutral-white))
);
border-left-color: var(
--f-button-loader-indicator-color-focused,
var(
--f-button-loader-indicator-color,
var(--destructive-ghost-focus-text-color)
)
);
}
@keyframes scaleBounce {
0% {
transform: scale(1);
}
50% {
transform: scale(0.9);
}
100% {
transform: scale(1);
}
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--core-water-leaf: var(--color-palette-teal-400, #97e8e2);
--core-tropical-blue: var(--color-palette-blue-200, #c2d9fe);
--core-pale-lavendar: var(--color-palette-purple-200, #e5cefd);
--core-pale-lavender: var(--color-palette-purple-200, #e5cefd);
--accent-canary-yellow: var(--color-palette-yellow-100, #fff200);
--accent-grenadier: var(--color-palette-red-500, #cd4400);
--accent-pink-orange: var(--color-palette-red-300, #ff9966);
--accent-apricot: var(--color-palette-red-200, #ffcbb1);
--accent-denim: var(--color-palette-blue-700, #165bcf);
--accent-navy-blue: var(--color-palette-blue-500, #266de2);
--accent-jordy-blue: var(--color-palette-blue-300, #7da7ed);
--accent-hawkes-blue: var(--color-palette-blue-100, #dce9ff);
--accent-zircon: var(--color-palette-blue-50, #f6f9ff);
--tertiary-viking: var(--color-palette-teal-600, #64d9d2);
--tertiary-cornflower-blue: var(--color-palette-blue-400, #639dfe);
--tertiary-rich-lilac: var(--color-palette-purple-700, #bb6bd9);
--tertiary-orchid: var(--color-palette-purple-500, #d382e0);
--neutral-black: var(--color-palette-gray-700, #282828);
--neutral-steel: var(--color-palette-gray-500, #666666);
--neutral-dove-gray: var(--color-palette-gray-400, #767676);
--neutral-mountain-mist: var(--color-palette-gray-300, #949494);
--neutral-athens-gray: var(--color-palette-gray-200, #dedede);
--neutral-gallery: var(--color-palette-gray-100, #efefef);
--neutral-white: var(--color-palette-gray-50, #ffffff);
--error-background: var(--color-palette-red-50, #fdebec);
--error-shadow: var(--color-palette-red-400, #ed3f3f);
--error: var(--color-palette-red-600, #c61a1a);
--warning-background: var(--color-palette-yellow-50, #ffefd2);
--warning: var(--color-palette-yellow-200, #fbcf35);
--success-background: var(--color-palette-green-100, #e6f6e1);
--success-shadow: var(--color-palette-green-300, #0fab01);
--success: var(--color-palette-green-500, #107400);
--info: #165dd0;
--info-background: var(--color-bg-info-base, #dce9ff);
--a11y-focus-color: var(--color-border-focus-base, #0055aa);
--background-body: var(--color-bg-body-base, #ffffff);
--border-general: var(--color-border-default-base, #767676);
--border-light: var(--color-palette-gray-300, #949494);
--anchor-color: var(--color-link-base);
--awlds-color-progress-green: #0eab00;
--awlds-color-progress-green-contrast: var(
--color-palette-green-500,
#107400
);
--awlds-color-progress-blue: var(--color-palette-blue-700, #165bcf);
--awlds-color-progress-blue-contrast: var(--color-palette-blue-500, #266de2);
--branding-bg-color: var(--color-bg-brand-b1, #0066ff);
--branding-text-color: var(--color-text-body-base, #282828);
--vertical-brand-bar-color: var(--branding-bg-color);
--light-gray: #f9f9f9;
--light-blue: var(--color-palette-blue-50, #f6f9ff);
--light-turquoise: #eefcfb;
--ai-light-lavendar: #fbf7ff;
--ai-indigo-purple: var(--color-palette-purple-1000, #4f009a);
--base-font-color: var(--color-text-body-base, #282828);
--base-font-family: "FS Thrive Elliot Web", Arial, sans-serif;
--bold-font-family: "FS Thrive Elliot Web - Bold", Arial, sans-serif;
--heavy-font-family: "FS Thrive Elliot Web - Heavy", Arial, sans-serif;
--light-font-family: "FS Thrive Elliot Web - Light", Arial, sans-serif;
--italic-font-family: "FS Thrive Elliot Web - Italic", Arial, sans-serif;
--mono-font-family: "Courier New", Courier, monospace;
--small-font-size: var(--font-size-s, 14px);
--base-font-size: var(--font-size-base, 16px);
--large-font-size: var(--font-450, 18px);
--h1-font-size: var(--font-1200, 48px);
--h2-font-size: var(--font-size-3xl, 36px);
--h3-font-size: var(--font-700, 28px);
--h4-font-size: var(--font-size-xl, 22px);
--h5-font-size: var(--font-size-l, 20px);
--h6-font-size: var(--font-450, 18px);
--body-font-size: var(--font-size-base, 16px);
--subtitle-font-size: var(--font-size-s, 14px);
--helper-text-font-size: var(--font-size-2xs, 12px);
--legal-font-size: var(--font-325, 13px);
--spacing-none: 0;
--spacing-xs: 2px;
--spacing-s: 4px;
--spacing-m: 8px;
--spacing-l: 16px;
--spacing-xl: 24px;
--spacing-2xl: 32px;
--spacing-3xl: 40px;
--spacing-4xl: 56px;
--spacing-5xl: 80px;
--container-max-width: 1600px;
--width-xs: calc(var(--container-max-width) / 5);
--width-s: calc(var(--container-max-width) / 4);
--width-m: calc(var(--container-max-width) / 3);
--width-l: calc(var(--container-max-width) / 2);
--width-xl: var(--container-max-width);
--full-width: 100%;
--paragraph-margin-bottom: var(--spacing-m);
--paragraph-max-width: 37.5rem;
--breakpoint-s: 320px;
--breakpoint-m: 768px;
--breakpoint-l: 1024px;
--breakpoint-xl: 1280px;
--breakpoint-2xl: 1440px;
}
@font-face {
font-family: "FS Thrive Elliot Web";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Regular.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Bold";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Bold.woff")
format("woff");
font-display: swap;
font-weight: 700;
}
@font-face {
font-family: "FS Thrive Elliot Web - Heavy";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Heavy.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Light";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Light.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Italic";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Italic.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@media (min-width: 320px) {
:root,
:host {
--f-grid-columns: 12;
--f-grid-width-s: 100%;
--f-grid-column-padding-s: 0.7738rem;
}
}
@media (min-width: 768px) {
:root,
:host {
--f-grid-columns: 12;
--f-grid-padding: 0;
--f-grid-width-m: 100%;
--f-grid-column-padding-m: 0.75rem;
}
}
@media (min-width: 1024px) {
:root,
:host {
--f-grid-columns: 12;
--f-grid-padding: 0;
--f-grid-width-l: 100%;
--f-grid-column-padding-l: 0.6356rem;
}
}
@media (min-width: 1280px) {
:root,
:host {
--f-grid-columns: 12;
--f-grid-padding: 0;
--f-grid-width-xl: 100%;
--f-grid-column-padding-xl: 0.625rem;
}
}
@media (min-width: 1440px) {
:root,
:host {
--f-grid-columns: 12;
--f-grid-width-2xl: 90rem;
--f-grid-column-padding-2xl: 0.75rem;
}
}
f-grid {
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: block;
flex: 1;
}
@media (min-width: 375px) {
f-grid {
width: var(--f-grid-width-s, var(--f-grid-width, 33.75rem));
}
}
@media (min-width: 768px) {
f-grid {
width: var(--f-grid-width-m, var(--f-grid-width, 45rem));
}
}
@media (min-width: 1024px) {
f-grid {
width: var(--f-grid-width-l, var(--f-grid-width, 60rem));
}
}
@media (min-width: 1280px) {
f-grid {
width: var(--f-grid-width-xl, var(--f-grid-width, 71.25rem));
}
}
@media (min-width: 1440px) {
f-grid {
width: var(--f-grid-width-2xl, var(--f-grid-width, 90rem));
}
}
@media (min-width: 375px) {
f-grid {
padding-left: var(--f-grid-padding-s, var(--f-grid-padding, 0.3125rem));
padding-right: var(--f-grid-padding-s, var(--f-grid-padding, 0.3125rem));
padding-top: var(--f-grid-padding-s, var(--f-grid-padding, 0.3125rem));
padding-bottom: var(--f-grid-padding-s, var(--f-grid-padding, 0.3125rem));
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
f-grid {
padding-left: unset;
padding-right: unset;
-webkit-padding-start: var(
--f-grid-padding-s,
var(--f-grid-padding, 0.3125rem)
);
padding-inline-start: var(
--f-grid-padding-s,
var(--f-grid-padding, 0.3125rem)
);
-webkit-padding-end: var(
--f-grid-padding-s,
var(--f-grid-padding, 0.3125rem)
);
padding-inline-end: var(
--f-grid-padding-s,
var(--f-grid-padding, 0.3125rem)
);
}
}
}
@media (min-width: 768px) {
f-grid {
padding-left: var(--f-grid-padding-m, var(--f-grid-padding, 0.3125rem));
padding-right: var(--f-grid-padding-m, var(--f-grid-padding, 0.3125rem));
padding-top: var(--f-grid-padding-m, var(--f-grid-padding, 0.3125rem));
padding-bottom: var(--f-grid-padding-m, var(--f-grid-padding, 0.3125rem));
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
f-grid {
padding-left: unset;
padding-right: unset;
-webkit-padding-start: var(
--f-grid-padding-m,
var(--f-grid-padding, 0.3125rem)
);
padding-inline-start: var(
--f-grid-padding-m,
var(--f-grid-padding, 0.3125rem)
);
-webkit-padding-end: var(
--f-grid-padding-m,
var(--f-grid-padding, 0.3125rem)
);
padding-inline-end: var(
--f-grid-padding-m,
var(--f-grid-padding, 0.3125rem)
);
}
}
}
@media (min-width: 1024px) {
f-grid {
padding-left: var(--f-grid-padding-l, var(--f-grid-padding, 0.3125rem));
padding-right: var(--f-grid-padding-l, var(--f-grid-padding, 0.3125rem));
padding-top: var(--f-grid-padding-l, var(--f-grid-padding, 0.3125rem));
padding-bottom: var(--f-grid-padding-l, var(--f-grid-padding, 0.3125rem));
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
f-grid {
padding-left: unset;
padding-right: unset;
-webkit-padding-start: var(
--f-grid-padding-l,
var(--f-grid-padding, 0.3125rem)
);
padding-inline-start: var(
--f-grid-padding-l,
var(--f-grid-padding, 0.3125rem)
);
-webkit-padding-end: var(
--f-grid-padding-l,
var(--f-grid-padding, 0.3125rem)
);
padding-inline-end: var(
--f-grid-padding-l,
var(--f-grid-padding, 0.3125rem)
);
}
}
}
@media (min-width: 1280px) {
f-grid {
padding-left: var(--f-grid-padding-xl, var(--f-grid-padding, 0.3125rem));
padding-right: var(--f-grid-padding-xl, var(--f-grid-padding, 0.3125rem));
padding-top: var(--f-grid-padding-xl, var(--f-grid-padding, 0.3125rem));
padding-bottom: var(--f-grid-padding-xl, var(--f-grid-padding, 0.3125rem));
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
f-grid {
padding-left: unset;
padding-right: unset;
-webkit-padding-start: var(
--f-grid-padding-xl,
var(--f-grid-padding, 0.3125rem)
);
padding-inline-start: var(
--f-grid-padding-xl,
var(--f-grid-padding, 0.3125rem)
);
-webkit-padding-end: var(
--f-grid-padding-xl,
var(--f-grid-padding, 0.3125rem)
);
padding-inline-end: var(
--f-grid-padding-xl,
var(--f-grid-padding, 0.3125rem)
);
}
}
}
@media (min-width: 1440px) {
f-grid {
padding-left: var(--f-grid-padding-2xl, var(--f-grid-padding, 0.3125rem));
padding-right: var(--f-grid-padding-2xl, var(--f-grid-padding, 0.3125rem));
padding-top: var(--f-grid-padding-2xl, var(--f-grid-padding, 0.3125rem));
padding-bottom: var(--f-grid-padding-2xl, var(--f-grid-padding, 0.3125rem));
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
f-grid {
padding-left: unset;
padding-right: unset;
-webkit-padding-start: var(
--f-grid-padding-2xl,
var(--f-grid-padding, 0.3125rem)
);
padding-inline-start: var(
--f-grid-padding-2xl,
var(--f-grid-padding, 0.3125rem)
);
-webkit-padding-end: var(
--f-grid-padding-2xl,
var(--f-grid-padding, 0.3125rem)
);
padding-inline-end: var(
--f-grid-padding-2xl,
var(--f-grid-padding, 0.3125rem)
);
}
}
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
f-grid {
margin-left: unset;
margin-right: unset;
-webkit-margin-start: auto;
margin-inline-start: auto;
-webkit-margin-end: auto;
margin-inline-end: auto;
}
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--core-water-leaf: var(--color-palette-teal-400, #97e8e2);
--core-tropical-blue: var(--color-palette-blue-200, #c2d9fe);
--core-pale-lavendar: var(--color-palette-purple-200, #e5cefd);
--core-pale-lavender: var(--color-palette-purple-200, #e5cefd);
--accent-canary-yellow: var(--color-palette-yellow-100, #fff200);
--accent-grenadier: var(--color-palette-red-500, #cd4400);
--accent-pink-orange: var(--color-palette-red-300, #ff9966);
--accent-apricot: var(--color-palette-red-200, #ffcbb1);
--accent-denim: var(--color-palette-blue-700, #165bcf);
--accent-navy-blue: var(--color-palette-blue-500, #266de2);
--accent-jordy-blue: var(--color-palette-blue-300, #7da7ed);
--accent-hawkes-blue: var(--color-palette-blue-100, #dce9ff);
--accent-zircon: var(--color-palette-blue-50, #f6f9ff);
--tertiary-viking: var(--color-palette-teal-600, #64d9d2);
--tertiary-cornflower-blue: var(--color-palette-blue-400, #639dfe);
--tertiary-rich-lilac: var(--color-palette-purple-700, #bb6bd9);
--tertiary-orchid: var(--color-palette-purple-500, #d382e0);
--neutral-black: var(--color-palette-gray-700, #282828);
--neutral-steel: var(--color-palette-gray-500, #666666);
--neutral-dove-gray: var(--color-palette-gray-400, #767676);
--neutral-mountain-mist: var(--color-palette-gray-300, #949494);
--neutral-athens-gray: var(--color-palette-gray-200, #dedede);
--neutral-gallery: var(--color-palette-gray-100, #efefef);
--neutral-white: var(--color-palette-gray-50, #ffffff);
--error-background: var(--color-palette-red-50, #fdebec);
--error-shadow: var(--color-palette-red-400, #ed3f3f);
--error: var(--color-palette-red-600, #c61a1a);
--warning-background: var(--color-palette-yellow-50, #ffefd2);
--warning: var(--color-palette-yellow-200, #fbcf35);
--success-background: var(--color-palette-green-100, #e6f6e1);
--success-shadow: var(--color-palette-green-300, #0fab01);
--success: var(--color-palette-green-500, #107400);
--info: #165dd0;
--info-background: var(--color-bg-info-base, #dce9ff);
--a11y-focus-color: var(--color-border-focus-base, #0055aa);
--background-body: var(--color-bg-body-base, #ffffff);
--border-general: var(--color-border-default-base, #767676);
--border-light: var(--color-palette-gray-300, #949494);
--anchor-color: var(--color-link-base);
--awlds-color-progress-green: #0eab00;
--awlds-color-progress-green-contrast: var(
--color-palette-green-500,
#107400
);
--awlds-color-progress-blue: var(--color-palette-blue-700, #165bcf);
--awlds-color-progress-blue-contrast: var(--color-palette-blue-500, #266de2);
--branding-bg-color: var(--color-bg-brand-b1, #0066ff);
--branding-text-color: var(--color-text-body-base, #282828);
--vertical-brand-bar-color: var(--branding-bg-color);
--light-gray: #f9f9f9;
--light-blue: var(--color-palette-blue-50, #f6f9ff);
--light-turquoise: #eefcfb;
--ai-light-lavendar: #fbf7ff;
--ai-indigo-purple: var(--color-palette-purple-1000, #4f009a);
--base-font-color: var(--color-text-body-base, #282828);
--base-font-family: "FS Thrive Elliot Web", Arial, sans-serif;
--bold-font-family: "FS Thrive Elliot Web - Bold", Arial, sans-serif;
--heavy-font-family: "FS Thrive Elliot Web - Heavy", Arial, sans-serif;
--light-font-family: "FS Thrive Elliot Web - Light", Arial, sans-serif;
--italic-font-family: "FS Thrive Elliot Web - Italic", Arial, sans-serif;
--mono-font-family: "Courier New", Courier, monospace;
--small-font-size: var(--font-size-s, 14px);
--base-font-size: var(--font-size-base, 16px);
--large-font-size: var(--font-450, 18px);
--h1-font-size: var(--font-1200, 48px);
--h2-font-size: var(--font-size-3xl, 36px);
--h3-font-size: var(--font-700, 28px);
--h4-font-size: var(--font-size-xl, 22px);
--h5-font-size: var(--font-size-l, 20px);
--h6-font-size: var(--font-450, 18px);
--body-font-size: var(--font-size-base, 16px);
--subtitle-font-size: var(--font-size-s, 14px);
--helper-text-font-size: var(--font-size-2xs, 12px);
--legal-font-size: var(--font-325, 13px);
--spacing-none: 0;
--spacing-xs: 2px;
--spacing-s: 4px;
--spacing-m: 8px;
--spacing-l: 16px;
--spacing-xl: 24px;
--spacing-2xl: 32px;
--spacing-3xl: 40px;
--spacing-4xl: 56px;
--spacing-5xl: 80px;
--container-max-width: 1600px;
--width-xs: calc(var(--container-max-width) / 5);
--width-s: calc(var(--container-max-width) / 4);
--width-m: calc(var(--container-max-width) / 3);
--width-l: calc(var(--container-max-width) / 2);
--width-xl: var(--container-max-width);
--full-width: 100%;
--paragraph-margin-bottom: var(--spacing-m);
--paragraph-max-width: 37.5rem;
--breakpoint-s: 320px;
--breakpoint-m: 768px;
--breakpoint-l: 1024px;
--breakpoint-xl: 1280px;
--breakpoint-2xl: 1440px;
}
@font-face {
font-family: "FS Thrive Elliot Web";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Regular.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Bold";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Bold.woff")
format("woff");
font-display: swap;
font-weight: 700;
}
@font-face {
font-family: "FS Thrive Elliot Web - Heavy";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Heavy.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Light";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Light.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Italic";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Italic.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
:root,
:host {
--f-modal-border-radius: 0.625rem;
--f-modal-box-shadow: 0px 1.25rem 3.125rem 0px rgba(40, 40, 40, 0.3);
--f-modal-content-padding: var(--spacing-xl);
--f-modal-custom-width: 50rem;
--f-modal-custom-height: 16.25rem;
--f-modal-margin: var(--spacing-xl);
}
.f-modal {
position: fixed;
display: none;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1000;
padding: var(--f-modal-margin);
}
.f-modal.visible {
display: flex;
}
.f-modal.center {
justify-content: center;
align-items: center;
}
.f-modal.left {
justify-content: flex-start;
align-items: center;
}
.f-modal.right {
justify-content: flex-end;
align-items: center;
}
.f-modal.top-right {
justify-content: flex-end;
align-items: flex-start;
}
.f-modal.top-left {
justify-content: flex-start;
align-items: flex-start;
}
.f-modal.top {
justify-content: center;
align-items: flex-start;
}
.f-modal.bottom-right {
justify-content: flex-end;
align-items: flex-end;
}
.f-modal.bottom-left {
justify-content: flex-start;
align-items: flex-end;
}
.f-modal.bottom {
justify-content: center;
align-items: flex-end;
}
.f-modal .f-modal-container {
background-color: var(--color-bg-light-base, #ffffff);
box-shadow: var(--f-modal-box-shadow);
border-radius: 0.5rem;
display: flex;
flex-direction: column;
position: relative;
width: 100vw;
max-width: calc(100vw - var(--f-modal-margin) * 2);
max-height: calc(100vh - var(--f-modal-margin) * 2);
height: auto;
}
@media (min-width: 600px) {
.f-modal .f-modal-container {
width: auto;
max-width: calc(100vw - var(--f-modal-margin) * 2);
}
}
@media (min-width: 600px) {
.f-modal .f-modal-container.small {
width: 23.4375rem;
}
}
@media (min-width: 600px) {
.f-modal .f-modal-container.medium {
width: 30rem;
}
}
@media (min-width: 600px) {
.f-modal .f-modal-container.large {
width: 40.5rem;
}
}
@media (min-width: 600px) {
.f-modal .f-modal-container.custom {
width: var(--f-modal-custom-width);
}
}
.f-modal .f-modal-container.drawer {
width: var(--f-modal-custom-width, 25rem);
height: calc(100vh - var(--f-modal-margin) * 2);
max-height: calc(100vh - var(--f-modal-margin) * 2);
display: flex;
flex-direction: column;
min-height: 0;
}
.f-modal .f-modal-container.drawer .f-modal-header-container {
flex: 0 0 auto;
z-index: 2;
position: sticky;
top: 0;
}
.f-modal .f-modal-container.drawer .f-modal-content {
flex: 1 1 auto;
overflow-y: auto;
min-height: 0;
}
.f-modal .f-modal-container.drawer .f-modal-button-bar {
flex: 0 0 auto;
position: sticky;
bottom: 0;
z-index: 2;
background: var(--color-bg-light-base, #ffffff);
}
.f-modal .f-modal-container.drawer f-modal-header {
--f-modal-header-bg-color: var(--primary-navy);
--f-modal-header-text-color: var(--neutral-white);
}
.f-modal .f-modal-container.drawer f-modal-header button {
--icon-color: var(--neutral-white);
}
.f-modal .f-modal-container:not(.fixed-header) {
overflow-y: auto;
}
.f-modal .f-modal-container.fixed-header {
overflow: hidden;
}
.f-modal .f-modal-container.fixed-header .f-modal-header-container {
position: sticky;
top: 0;
}
.f-modal .f-modal-container.fixed-header .f-modal-content {
overflow-y: auto;
min-height: 0;
}
.f-modal .f-modal-container .f-modal-header-container {
flex: 0 0 auto;
z-index: 2;
background: var(--color-bg-light-base, #ffffff);
padding-bottom: var(--spacing-l);
}
.f-modal .f-modal-container .f-modal-header-container.f-modal-divider {
border-bottom: 0.0625rem solid var(--color-border-default-subtlest, #dedede);
}
.f-modal
.f-modal-container
.f-modal-header-container
::slotted([slot="f-modal-header-text"]),
.f-modal
.f-modal-container
.f-modal-header-container
::slotted([slot="f-modal-header-subtext"]) {
display: block;
font-size: var(--f-modal-header-font-size, 1.25rem);
font-weight: var(--f-modal-header-font-weight, 600);
margin-bottom: var(--spacing-xs);
}
.f-modal .f-modal-container .f-modal-header-container.has-slotted-header {
padding: var(--spacing-xl) var(--spacing-xl) var(--spacing-none)
var(--spacing-xl);
}
.f-modal .f-modal-container .f-modal-header {
position: relative;
display: flex;
align-items: flex-start;
width: 100%;
}
.f-modal .f-modal-container .f-modal-header > div:first-child {
display: flex;
flex-direction: column;
flex: 1 1 auto;
}
.f-modal .f-modal-container .f-modal-header-close-btn {
position: absolute;
top: 24px;
right: 24px;
z-index: 1;
display: flex;
align-items: center;
}
.f-modal .f-modal-container f-modal-header .f-modal-header-close-btn {
position: static;
}
.f-modal .f-modal-container .f-modal-close-btn {
background: none;
border: none;
padding: var(--spacing-xs);
cursor: pointer;
display: flex;
align-items: center;
}
.f-modal .f-modal-container .f-modal-content {
padding: var(--f-modal-content-padding);
width: auto;
position: relative;
}
.f-modal .f-modal-container .f-modal-content:focus {
outline: none;
}
.f-modal
.f-modal-container
.f-modal-content
img:not(.f-icon).f-modal-content-img-banner {
max-width: 100%;
height: auto;
}
.f-modal .f-modal-container .f-modal-button-bar {
flex: 0 0 auto;
}
.f-modal .f-modal-container.no-header-divider .f-modal-header-container {
padding-bottom: var(--spacing-s);
}
.f-modal .f-modal-container.no-header-divider .f-modal-content {
padding-top: var(--spacing-m);
}
.f-modal .f-modal-container:not(:has(.f-modal-button-bar)) .f-modal-content {
padding-bottom: var(--spacing-m);
}
.f-modal .f-modal-container:has(.f-modal-button-bar) .f-modal-content {
padding-bottom: var(--f-modal-content-padding);
}
.f-modal .f-modal-header-container.has-slotted-header .f-modal-header {
display: flex;
justify-content: space-between;
align-items: flex-start;
width: 100%;
}
.f-modal
.f-modal-header-container.has-slotted-header
.f-modal-header
> div:first-child {
display: flex;
flex-direction: column;
flex: 1 1 auto;
}
.f-modal
.f-modal-header-container.has-slotted-header
.f-modal-header-close-btn {
position: static;
display: flex;
align-items: center;
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--core-water-leaf: var(--color-palette-teal-400, #97e8e2);
--core-tropical-blue: var(--color-palette-blue-200, #c2d9fe);
--core-pale-lavendar: var(--color-palette-purple-200, #e5cefd);
--core-pale-lavender: var(--color-palette-purple-200, #e5cefd);
--accent-canary-yellow: var(--color-palette-yellow-100, #fff200);
--accent-grenadier: var(--color-palette-red-500, #cd4400);
--accent-pink-orange: var(--color-palette-red-300, #ff9966);
--accent-apricot: var(--color-palette-red-200, #ffcbb1);
--accent-denim: var(--color-palette-blue-700, #165bcf);
--accent-navy-blue: var(--color-palette-blue-500, #266de2);
--accent-jordy-blue: var(--color-palette-blue-300, #7da7ed);
--accent-hawkes-blue: var(--color-palette-blue-100, #dce9ff);
--accent-zircon: var(--color-palette-blue-50, #f6f9ff);
--tertiary-viking: var(--color-palette-teal-600, #64d9d2);
--tertiary-cornflower-blue: var(--color-palette-blue-400, #639dfe);
--tertiary-rich-lilac: var(--color-palette-purple-700, #bb6bd9);
--tertiary-orchid: var(--color-palette-purple-500, #d382e0);
--neutral-black: var(--color-palette-gray-700, #282828);
--neutral-steel: var(--color-palette-gray-500, #666666);
--neutral-dove-gray: var(--color-palette-gray-400, #767676);
--neutral-mountain-mist: var(--color-palette-gray-300, #949494);
--neutral-athens-gray: var(--color-palette-gray-200, #dedede);
--neutral-gallery: var(--color-palette-gray-100, #efefef);
--neutral-white: var(--color-palette-gray-50, #ffffff);
--error-background: var(--color-palette-red-50, #fdebec);
--error-shadow: var(--color-palette-red-400, #ed3f3f);
--error: var(--color-palette-red-600, #c61a1a);
--warning-background: var(--color-palette-yellow-50, #ffefd2);
--warning: var(--color-palette-yellow-200, #fbcf35);
--success-background: var(--color-palette-green-100, #e6f6e1);
--success-shadow: var(--color-palette-green-300, #0fab01);
--success: var(--color-palette-green-500, #107400);
--info: #165dd0;
--info-background: var(--color-bg-info-base, #dce9ff);
--a11y-focus-color: var(--color-border-focus-base, #0055aa);
--background-body: var(--color-bg-body-base, #ffffff);
--border-general: var(--color-border-default-base, #767676);
--border-light: var(--color-palette-gray-300, #949494);
--anchor-color: var(--color-link-base);
--awlds-color-progress-green: #0eab00;
--awlds-color-progress-green-contrast: var(
--color-palette-green-500,
#107400
);
--awlds-color-progress-blue: var(--color-palette-blue-700, #165bcf);
--awlds-color-progress-blue-contrast: var(--color-palette-blue-500, #266de2);
--branding-bg-color: var(--color-bg-brand-b1, #0066ff);
--branding-text-color: var(--color-text-body-base, #282828);
--vertical-brand-bar-color: var(--branding-bg-color);
--light-gray: #f9f9f9;
--light-blue: var(--color-palette-blue-50, #f6f9ff);
--light-turquoise: #eefcfb;
--ai-light-lavendar: #fbf7ff;
--ai-indigo-purple: var(--color-palette-purple-1000, #4f009a);
--base-font-color: var(--color-text-body-base, #282828);
--base-font-family: "FS Thrive Elliot Web", Arial, sans-serif;
--bold-font-family: "FS Thrive Elliot Web - Bold", Arial, sans-serif;
--heavy-font-family: "FS Thrive Elliot Web - Heavy", Arial, sans-serif;
--light-font-family: "FS Thrive Elliot Web - Light", Arial, sans-serif;
--italic-font-family: "FS Thrive Elliot Web - Italic", Arial, sans-serif;
--mono-font-family: "Courier New", Courier, monospace;
--small-font-size: var(--font-size-s, 14px);
--base-font-size: var(--font-size-base, 16px);
--large-font-size: var(--font-450, 18px);
--h1-font-size: var(--font-1200, 48px);
--h2-font-size: var(--font-size-3xl, 36px);
--h3-font-size: var(--font-700, 28px);
--h4-font-size: var(--font-size-xl, 22px);
--h5-font-size: var(--font-size-l, 20px);
--h6-font-size: var(--font-450, 18px);
--body-font-size: var(--font-size-base, 16px);
--subtitle-font-size: var(--font-size-s, 14px);
--helper-text-font-size: var(--font-size-2xs, 12px);
--legal-font-size: var(--font-325, 13px);
--spacing-none: 0;
--spacing-xs: 2px;
--spacing-s: 4px;
--spacing-m: 8px;
--spacing-l: 16px;
--spacing-xl: 24px;
--spacing-2xl: 32px;
--spacing-3xl: 40px;
--spacing-4xl: 56px;
--spacing-5xl: 80px;
--container-max-width: 1600px;
--width-xs: calc(var(--container-max-width) / 5);
--width-s: calc(var(--container-max-width) / 4);
--width-m: calc(var(--container-max-width) / 3);
--width-l: calc(var(--container-max-width) / 2);
--width-xl: var(--container-max-width);
--full-width: 100%;
--paragraph-margin-bottom: var(--spacing-m);
--paragraph-max-width: 37.5rem;
--breakpoint-s: 320px;
--breakpoint-m: 768px;
--breakpoint-l: 1024px;
--breakpoint-xl: 1280px;
--breakpoint-2xl: 1440px;
}
@font-face {
font-family: "FS Thrive Elliot Web";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Regular.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Bold";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Bold.woff")
format("woff");
font-display: swap;
font-weight: 700;
}
@font-face {
font-family: "FS Thrive Elliot Web - Heavy";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Heavy.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Light";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Light.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Italic";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Italic.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
f-row {
display: flex;
flex-wrap: wrap;
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--core-water-leaf: var(--color-palette-teal-400, #97e8e2);
--core-tropical-blue: var(--color-palette-blue-200, #c2d9fe);
--core-pale-lavendar: var(--color-palette-purple-200, #e5cefd);
--core-pale-lavender: var(--color-palette-purple-200, #e5cefd);
--accent-canary-yellow: var(--color-palette-yellow-100, #fff200);
--accent-grenadier: var(--color-palette-red-500, #cd4400);
--accent-pink-orange: var(--color-palette-red-300, #ff9966);
--accent-apricot: var(--color-palette-red-200, #ffcbb1);
--accent-denim: var(--color-palette-blue-700, #165bcf);
--accent-navy-blue: var(--color-palette-blue-500, #266de2);
--accent-jordy-blue: var(--color-palette-blue-300, #7da7ed);
--accent-hawkes-blue: var(--color-palette-blue-100, #dce9ff);
--accent-zircon: var(--color-palette-blue-50, #f6f9ff);
--tertiary-viking: var(--color-palette-teal-600, #64d9d2);
--tertiary-cornflower-blue: var(--color-palette-blue-400, #639dfe);
--tertiary-rich-lilac: var(--color-palette-purple-700, #bb6bd9);
--tertiary-orchid: var(--color-palette-purple-500, #d382e0);
--neutral-black: var(--color-palette-gray-700, #282828);
--neutral-steel: var(--color-palette-gray-500, #666666);
--neutral-dove-gray: var(--color-palette-gray-400, #767676);
--neutral-mountain-mist: var(--color-palette-gray-300, #949494);
--neutral-athens-gray: var(--color-palette-gray-200, #dedede);
--neutral-gallery: var(--color-palette-gray-100, #efefef);
--neutral-white: var(--color-palette-gray-50, #ffffff);
--error-background: var(--color-palette-red-50, #fdebec);
--error-shadow: var(--color-palette-red-400, #ed3f3f);
--error: var(--color-palette-red-600, #c61a1a);
--warning-background: var(--color-palette-yellow-50, #ffefd2);
--warning: var(--color-palette-yellow-200, #fbcf35);
--success-background: var(--color-palette-green-100, #e6f6e1);
--success-shadow: var(--color-palette-green-300, #0fab01);
--success: var(--color-palette-green-500, #107400);
--info: #165dd0;
--info-background: var(--color-bg-info-base, #dce9ff);
--a11y-focus-color: var(--color-border-focus-base, #0055aa);
--background-body: var(--color-bg-body-base, #ffffff);
--border-general: var(--color-border-default-base, #767676);
--border-light: var(--color-palette-gray-300, #949494);
--anchor-color: var(--color-link-base);
--awlds-color-progress-green: #0eab00;
--awlds-color-progress-green-contrast: var(
--color-palette-green-500,
#107400
);
--awlds-color-progress-blue: var(--color-palette-blue-700, #165bcf);
--awlds-color-progress-blue-contrast: var(--color-palette-blue-500, #266de2);
--branding-bg-color: var(--color-bg-brand-b1, #0066ff);
--branding-text-color: var(--color-text-body-base, #282828);
--vertical-brand-bar-color: var(--branding-bg-color);
--light-gray: #f9f9f9;
--light-blue: var(--color-palette-blue-50, #f6f9ff);
--light-turquoise: #eefcfb;
--ai-light-lavendar: #fbf7ff;
--ai-indigo-purple: var(--color-palette-purple-1000, #4f009a);
--base-font-color: var(--color-text-body-base, #282828);
--base-font-family: "FS Thrive Elliot Web", Arial, sans-serif;
--bold-font-family: "FS Thrive Elliot Web - Bold", Arial, sans-serif;
--heavy-font-family: "FS Thrive Elliot Web - Heavy", Arial, sans-serif;
--light-font-family: "FS Thrive Elliot Web - Light", Arial, sans-serif;
--italic-font-family: "FS Thrive Elliot Web - Italic", Arial, sans-serif;
--mono-font-family: "Courier New", Courier, monospace;
--small-font-size: var(--font-size-s, 14px);
--base-font-size: var(--font-size-base, 16px);
--large-font-size: var(--font-450, 18px);
--h1-font-size: var(--font-1200, 48px);
--h2-font-size: var(--font-size-3xl, 36px);
--h3-font-size: var(--font-700, 28px);
--h4-font-size: var(--font-size-xl, 22px);
--h5-font-size: var(--font-size-l, 20px);
--h6-font-size: var(--font-450, 18px);
--body-font-size: var(--font-size-base, 16px);
--subtitle-font-size: var(--font-size-s, 14px);
--helper-text-font-size: var(--font-size-2xs, 12px);
--legal-font-size: var(--font-325, 13px);
--spacing-none: 0;
--spacing-xs: 2px;
--spacing-s: 4px;
--spacing-m: 8px;
--spacing-l: 16px;
--spacing-xl: 24px;
--spacing-2xl: 32px;
--spacing-3xl: 40px;
--spacing-4xl: 56px;
--spacing-5xl: 80px;
--container-max-width: 1600px;
--width-xs: calc(var(--container-max-width) / 5);
--width-s: calc(var(--container-max-width) / 4);
--width-m: calc(var(--container-max-width) / 3);
--width-l: calc(var(--container-max-width) / 2);
--width-xl: var(--container-max-width);
--full-width: 100%;
--paragraph-margin-bottom: var(--spacing-m);
--paragraph-max-width: 37.5rem;
--breakpoint-s: 320px;
--breakpoint-m: 768px;
--breakpoint-l: 1024px;
--breakpoint-xl: 1280px;
--breakpoint-2xl: 1440px;
}
@font-face {
font-family: "FS Thrive Elliot Web";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Regular.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Bold";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Bold.woff")
format("woff");
font-display: swap;
font-weight: 700;
}
@font-face {
font-family: "FS Thrive Elliot Web - Heavy";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Heavy.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Light";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Light.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Italic";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Italic.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
:root,
:host {
--f-overlay-color: 255, 255, 255;
--f-overlay-opacity: 0.9;
--f-overlay-position: fixed;
--f-overlay-z-index: 0;
--f-overlay-height: 100vh;
--f-overlay-top: 0;
--f-overlay-right: 0;
--f-overlay-bottom: 0;
--f-overlay-left: 0;
--f-overlay-background-color: rgba(
var(--f-overlay-color),
var(--f-overlay-opacity)
);
}
f-overlay {
z-index: var(--f-overlay-z-index);
position: var(--f-overlay-position);
height: var(--f-overlay-height);
}
f-overlay .f-overlay {
background-color: var(--f-overlay-background-color);
position: var(--f-overlay-position);
top: var(--f-overlay-top);
right: var(--f-overlay-right);
bottom: var(--f-overlay-bottom);
left: var(--f-overlay-left);
z-index: var(--f-overlay-z-index);
height: var(--f-overlay-height);
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--core-water-leaf: var(--color-palette-teal-400, #97e8e2);
--core-tropical-blue: var(--color-palette-blue-200, #c2d9fe);
--core-pale-lavendar: var(--color-palette-purple-200, #e5cefd);
--core-pale-lavender: var(--color-palette-purple-200, #e5cefd);
--accent-canary-yellow: var(--color-palette-yellow-100, #fff200);
--accent-grenadier: var(--color-palette-red-500, #cd4400);
--accent-pink-orange: var(--color-palette-red-300, #ff9966);
--accent-apricot: var(--color-palette-red-200, #ffcbb1);
--accent-denim: var(--color-palette-blue-700, #165bcf);
--accent-navy-blue: var(--color-palette-blue-500, #266de2);
--accent-jordy-blue: var(--color-palette-blue-300, #7da7ed);
--accent-hawkes-blue: var(--color-palette-blue-100, #dce9ff);
--accent-zircon: var(--color-palette-blue-50, #f6f9ff);
--tertiary-viking: var(--color-palette-teal-600, #64d9d2);
--tertiary-cornflower-blue: var(--color-palette-blue-400, #639dfe);
--tertiary-rich-lilac: var(--color-palette-purple-700, #bb6bd9);
--tertiary-orchid: var(--color-palette-purple-500, #d382e0);
--neutral-black: var(--color-palette-gray-700, #282828);
--neutral-steel: var(--color-palette-gray-500, #666666);
--neutral-dove-gray: var(--color-palette-gray-400, #767676);
--neutral-mountain-mist: var(--color-palette-gray-300, #949494);
--neutral-athens-gray: var(--color-palette-gray-200, #dedede);
--neutral-gallery: var(--color-palette-gray-100, #efefef);
--neutral-white: var(--color-palette-gray-50, #ffffff);
--error-background: var(--color-palette-red-50, #fdebec);
--error-shadow: var(--color-palette-red-400, #ed3f3f);
--error: var(--color-palette-red-600, #c61a1a);
--warning-background: var(--color-palette-yellow-50, #ffefd2);
--warning: var(--color-palette-yellow-200, #fbcf35);
--success-background: var(--color-palette-green-100, #e6f6e1);
--success-shadow: var(--color-palette-green-300, #0fab01);
--success: var(--color-palette-green-500, #107400);
--info: #165dd0;
--info-background: var(--color-bg-info-base, #dce9ff);
--a11y-focus-color: var(--color-border-focus-base, #0055aa);
--background-body: var(--color-bg-body-base, #ffffff);
--border-general: var(--color-border-default-base, #767676);
--border-light: var(--color-palette-gray-300, #949494);
--anchor-color: var(--color-link-base);
--awlds-color-progress-green: #0eab00;
--awlds-color-progress-green-contrast: var(
--color-palette-green-500,
#107400
);
--awlds-color-progress-blue: var(--color-palette-blue-700, #165bcf);
--awlds-color-progress-blue-contrast: var(--color-palette-blue-500, #266de2);
--branding-bg-color: var(--color-bg-brand-b1, #0066ff);
--branding-text-color: var(--color-text-body-base, #282828);
--vertical-brand-bar-color: var(--branding-bg-color);
--light-gray: #f9f9f9;
--light-blue: var(--color-palette-blue-50, #f6f9ff);
--light-turquoise: #eefcfb;
--ai-light-lavendar: #fbf7ff;
--ai-indigo-purple: var(--color-palette-purple-1000, #4f009a);
--base-font-color: var(--color-text-body-base, #282828);
--base-font-family: "FS Thrive Elliot Web", Arial, sans-serif;
--bold-font-family: "FS Thrive Elliot Web - Bold", Arial, sans-serif;
--heavy-font-family: "FS Thrive Elliot Web - Heavy", Arial, sans-serif;
--light-font-family: "FS Thrive Elliot Web - Light", Arial, sans-serif;
--italic-font-family: "FS Thrive Elliot Web - Italic", Arial, sans-serif;
--mono-font-family: "Courier New", Courier, monospace;
--small-font-size: var(--font-size-s, 14px);
--base-font-size: var(--font-size-base, 16px);
--large-font-size: var(--font-450, 18px);
--h1-font-size: var(--font-1200, 48px);
--h2-font-size: var(--font-size-3xl, 36px);
--h3-font-size: var(--font-700, 28px);
--h4-font-size: var(--font-size-xl, 22px);
--h5-font-size: var(--font-size-l, 20px);
--h6-font-size: var(--font-450, 18px);
--body-font-size: var(--font-size-base, 16px);
--subtitle-font-size: var(--font-size-s, 14px);
--helper-text-font-size: var(--font-size-2xs, 12px);
--legal-font-size: var(--font-325, 13px);
--spacing-none: 0;
--spacing-xs: 2px;
--spacing-s: 4px;
--spacing-m: 8px;
--spacing-l: 16px;
--spacing-xl: 24px;
--spacing-2xl: 32px;
--spacing-3xl: 40px;
--spacing-4xl: 56px;
--spacing-5xl: 80px;
--container-max-width: 1600px;
--width-xs: calc(var(--container-max-width) / 5);
--width-s: calc(var(--container-max-width) / 4);
--width-m: calc(var(--container-max-width) / 3);
--width-l: calc(var(--container-max-width) / 2);
--width-xl: var(--container-max-width);
--full-width: 100%;
--paragraph-margin-bottom: var(--spacing-m);
--paragraph-max-width: 37.5rem;
--breakpoint-s: 320px;
--breakpoint-m: 768px;
--breakpoint-l: 1024px;
--breakpoint-xl: 1280px;
--breakpoint-2xl: 1440px;
}
@font-face {
font-family: "FS Thrive Elliot Web";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Regular.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Bold";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Bold.woff")
format("woff");
font-display: swap;
font-weight: 700;
}
@font-face {
font-family: "FS Thrive Elliot Web - Heavy";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Heavy.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Light";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Light.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Italic";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Italic.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
:root,
:host {
--f-modal-button-bar-bg-color: var(--color-bg-light-base, #ffffff);
--f-modal-button-bar-spacing: var(--spacing-l) var(--spacing-xl)
var(--spacing-xl);
}
f-modal-button-bar .f-modal-button-bar {
background-color: var(--f-modal-button-bar-bg-color);
display: flex;
justify-content: flex-start;
padding: var(--f-modal-button-bar-spacing);
}
f-modal-button-bar .f-modal-button-bar f-button {
margin-right: var(--spacing-xl);
}
f-modal-button-bar .f-modal-button-bar f-button:last-of-type {
margin: 0;
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--core-water-leaf: var(--color-palette-teal-400, #97e8e2);
--core-tropical-blue: var(--color-palette-blue-200, #c2d9fe);
--core-pale-lavendar: var(--color-palette-purple-200, #e5cefd);
--core-pale-lavender: var(--color-palette-purple-200, #e5cefd);
--accent-canary-yellow: var(--color-palette-yellow-100, #fff200);
--accent-grenadier: var(--color-palette-red-500, #cd4400);
--accent-pink-orange: var(--color-palette-red-300, #ff9966);
--accent-apricot: var(--color-palette-red-200, #ffcbb1);
--accent-denim: var(--color-palette-blue-700, #165bcf);
--accent-navy-blue: var(--color-palette-blue-500, #266de2);
--accent-jordy-blue: var(--color-palette-blue-300, #7da7ed);
--accent-hawkes-blue: var(--color-palette-blue-100, #dce9ff);
--accent-zircon: var(--color-palette-blue-50, #f6f9ff);
--tertiary-viking: var(--color-palette-teal-600, #64d9d2);
--tertiary-cornflower-blue: var(--color-palette-blue-400, #639dfe);
--tertiary-rich-lilac: var(--color-palette-purple-700, #bb6bd9);
--tertiary-orchid: var(--color-palette-purple-500, #d382e0);
--neutral-black: var(--color-palette-gray-700, #282828);
--neutral-steel: var(--color-palette-gray-500, #666666);
--neutral-dove-gray: var(--color-palette-gray-400, #767676);
--neutral-mountain-mist: var(--color-palette-gray-300, #949494);
--neutral-athens-gray: var(--color-palette-gray-200, #dedede);
--neutral-gallery: var(--color-palette-gray-100, #efefef);
--neutral-white: var(--color-palette-gray-50, #ffffff);
--error-background: var(--color-palette-red-50, #fdebec);
--error-shadow: var(--color-palette-red-400, #ed3f3f);
--error: var(--color-palette-red-600, #c61a1a);
--warning-background: var(--color-palette-yellow-50, #ffefd2);
--warning: var(--color-palette-yellow-200, #fbcf35);
--success-background: var(--color-palette-green-100, #e6f6e1);
--success-shadow: var(--color-palette-green-300, #0fab01);
--success: var(--color-palette-green-500, #107400);
--info: #165dd0;
--info-background: var(--color-bg-info-base, #dce9ff);
--a11y-focus-color: var(--color-border-focus-base, #0055aa);
--background-body: var(--color-bg-body-base, #ffffff);
--border-general: var(--color-border-default-base, #767676);
--border-light: var(--color-palette-gray-300, #949494);
--anchor-color: var(--color-link-base);
--awlds-color-progress-green: #0eab00;
--awlds-color-progress-green-contrast: var(
--color-palette-green-500,
#107400
);
--awlds-color-progress-blue: var(--color-palette-blue-700, #165bcf);
--awlds-color-progress-blue-contrast: var(--color-palette-blue-500, #266de2);
--branding-bg-color: var(--color-bg-brand-b1, #0066ff);
--branding-text-color: var(--color-text-body-base, #282828);
--vertical-brand-bar-color: var(--branding-bg-color);
--light-gray: #f9f9f9;
--light-blue: var(--color-palette-blue-50, #f6f9ff);
--light-turquoise: #eefcfb;
--ai-light-lavendar: #fbf7ff;
--ai-indigo-purple: var(--color-palette-purple-1000, #4f009a);
--base-font-color: var(--color-text-body-base, #282828);
--base-font-family: "FS Thrive Elliot Web", Arial, sans-serif;
--bold-font-family: "FS Thrive Elliot Web - Bold", Arial, sans-serif;
--heavy-font-family: "FS Thrive Elliot Web - Heavy", Arial, sans-serif;
--light-font-family: "FS Thrive Elliot Web - Light", Arial, sans-serif;
--italic-font-family: "FS Thrive Elliot Web - Italic", Arial, sans-serif;
--mono-font-family: "Courier New", Courier, monospace;
--small-font-size: var(--font-size-s, 14px);
--base-font-size: var(--font-size-base, 16px);
--large-font-size: var(--font-450, 18px);
--h1-font-size: var(--font-1200, 48px);
--h2-font-size: var(--font-size-3xl, 36px);
--h3-font-size: var(--font-700, 28px);
--h4-font-size: var(--font-size-xl, 22px);
--h5-font-size: var(--font-size-l, 20px);
--h6-font-size: var(--font-450, 18px);
--body-font-size: var(--font-size-base, 16px);
--subtitle-font-size: var(--font-size-s, 14px);
--helper-text-font-size: var(--font-size-2xs, 12px);
--legal-font-size: var(--font-325, 13px);
--spacing-none: 0;
--spacing-xs: 2px;
--spacing-s: 4px;
--spacing-m: 8px;
--spacing-l: 16px;
--spacing-xl: 24px;
--spacing-2xl: 32px;
--spacing-3xl: 40px;
--spacing-4xl: 56px;
--spacing-5xl: 80px;
--container-max-width: 1600px;
--width-xs: calc(var(--container-max-width) / 5);
--width-s: calc(var(--container-max-width) / 4);
--width-m: calc(var(--container-max-width) / 3);
--width-l: calc(var(--container-max-width) / 2);
--width-xl: var(--container-max-width);
--full-width: 100%;
--paragraph-margin-bottom: var(--spacing-m);
--paragraph-max-width: 37.5rem;
--breakpoint-s: 320px;
--breakpoint-m: 768px;
--breakpoint-l: 1024px;
--breakpoint-xl: 1280px;
--breakpoint-2xl: 1440px;
}
@font-face {
font-family: "FS Thrive Elliot Web";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Regular.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Bold";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Bold.woff")
format("woff");
font-display: swap;
font-weight: 700;
}
@font-face {
font-family: "FS Thrive Elliot Web - Heavy";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Heavy.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Light";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Light.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Italic";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Italic.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
f-col {
padding-left: var(
--f-grid-column-padding-xs,
var(--f-grid-column-padding, 0.3125rem)
);
padding-right: var(
--f-grid-column-padding-xs,
var(--f-grid-column-padding, 0.3125rem)
);
padding-top: var(
--f-grid-column-padding-xs,
var(--f-grid-column-padding, 0.3125rem)
);
padding-bottom: var(
--f-grid-column-padding-xs,
var(--f-grid-column-padding, 0.3125rem)
);
margin-left: 0;
margin-right: 0;
margin-top: 0;
margin-bottom: 0;
--vertical-brand-bar-color: var(--branding-bg-color);
box-sizing: border-box;
position: relative;
flex-basis: 0;
flex-grow: 1;
width: 100%;
max-width: 100%;
min-height: 0.0625rem;
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
f-col {
padding-left: unset;
padding-right: unset;
-webkit-padding-start: var(
--f-grid-column-padding-xs,
var(--f-grid-column-padding, 0.3125rem)
);
padding-inline-start: var(
--f-grid-column-padding-xs,
var(--f-grid-column-padding, 0.3125rem)
);
-webkit-padding-end: var(
--f-grid-column-padding-xs,
var(--f-grid-column-padding, 0.3125rem)
);
padding-inline-end: var(
--f-grid-column-padding-xs,
var(--f-grid-column-padding, 0.3125rem)
);
}
}
@media (min-width: 375px) {
f-col {
padding-left: var(
--f-grid-column-padding-s,
var(--f-grid-column-padding, 0.3125rem)
);
padding-right: var(
--f-grid-column-padding-s,
var(--f-grid-column-padding, 0.3125rem)
);
padding-top: var(
--f-grid-column-padding-s,
var(--f-grid-column-padding, 0.3125rem)
);
padding-bottom: var(
--f-grid-column-padding-s,
var(--f-grid-column-padding, 0.3125rem)
);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
f-col {
padding-left: unset;
padding-right: unset;
-webkit-padding-start: var(
--f-grid-column-padding-s,
var(--f-grid-column-padding, 0.3125rem)
);
padding-inline-start: var(
--f-grid-column-padding-s,
var(--f-grid-column-padding, 0.3125rem)
);
-webkit-padding-end: var(
--f-grid-column-padding-s,
var(--f-grid-column-padding, 0.3125rem)
);
padding-inline-end: var(
--f-grid-column-padding-s,
var(--f-grid-column-padding, 0.3125rem)
);
}
}
}
@media (min-width: 768px) {
f-col {
padding-left: var(
--f-grid-column-padding-m,
var(--f-grid-column-padding, 0.3125rem)
);
padding-right: var(
--f-grid-column-padding-m,
var(--f-grid-column-padding, 0.3125rem)
);
padding-top: var(
--f-grid-column-padding-m,
var(--f-grid-column-padding, 0.3125rem)
);
padding-bottom: var(
--f-grid-column-padding-m,
var(--f-grid-column-padding, 0.3125rem)
);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
f-col {
padding-left: unset;
padding-right: unset;
-webkit-padding-start: var(
--f-grid-column-padding-m,
var(--f-grid-column-padding, 0.3125rem)
);
padding-inline-start: var(
--f-grid-column-padding-m,
var(--f-grid-column-padding, 0.3125rem)
);
-webkit-padding-end: var(
--f-grid-column-padding-m,
var(--f-grid-column-padding, 0.3125rem)
);
padding-inline-end: var(
--f-grid-column-padding-m,
var(--f-grid-column-padding, 0.3125rem)
);
}
}
}
@media (min-width: 1024px) {
f-col {
padding-left: var(
--f-grid-column-padding-l,
var(--f-grid-column-padding, 0.3125rem)
);
padding-right: var(
--f-grid-column-padding-l,
var(--f-grid-column-padding, 0.3125rem)
);
padding-top: var(
--f-grid-column-padding-l,
var(--f-grid-column-padding, 0.3125rem)
);
padding-bottom: var(
--f-grid-column-padding-l,
var(--f-grid-column-padding, 0.3125rem)
);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
f-col {
padding-left: unset;
padding-right: unset;
-webkit-padding-start: var(
--f-grid-column-padding-l,
var(--f-grid-column-padding, 0.3125rem)
);
padding-inline-start: var(
--f-grid-column-padding-l,
var(--f-grid-column-padding, 0.3125rem)
);
-webkit-padding-end: var(
--f-grid-column-padding-l,
var(--f-grid-column-padding, 0.3125rem)
);
padding-inline-end: var(
--f-grid-column-padding-l,
var(--f-grid-column-padding, 0.3125rem)
);
}
}
}
@media (min-width: 1280px) {
f-col {
padding-left: var(
--f-grid-column-padding-xl,
var(--f-grid-column-padding, 0.3125rem)
);
padding-right: var(
--f-grid-column-padding-xl,
var(--f-grid-column-padding, 0.3125rem)
);
padding-top: var(
--f-grid-column-padding-xl,
var(--f-grid-column-padding, 0.3125rem)
);
padding-bottom: var(
--f-grid-column-padding-xl,
var(--f-grid-column-padding, 0.3125rem)
);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
f-col {
padding-left: unset;
padding-right: unset;
-webkit-padding-start: var(
--f-grid-column-padding-xl,
var(--f-grid-column-padding, 0.3125rem)
);
padding-inline-start: var(
--f-grid-column-padding-xl,
var(--f-grid-column-padding, 0.3125rem)
);
-webkit-padding-end: var(
--f-grid-column-padding-xl,
var(--f-grid-column-padding, 0.3125rem)
);
padding-inline-end: var(
--f-grid-column-padding-xl,
var(--f-grid-column-padding, 0.3125rem)
);
}
}
}
@media (min-width: 1440px) {
f-col {
padding-left: var(
--f-grid-column-padding-2xl,
var(--f-grid-column-padding, 0.3125rem)
);
padding-right: var(
--f-grid-column-padding-2xl,
var(--f-grid-column-padding, 0.3125rem)
);
padding-top: var(
--f-grid-column-padding-2xl,
var(--f-grid-column-padding, 0.3125rem)
);
padding-bottom: var(
--f-grid-column-padding-2xl,
var(--f-grid-column-padding, 0.3125rem)
);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
f-col {
padding-left: unset;
padding-right: unset;
-webkit-padding-start: var(
--f-grid-column-padding-2xl,
var(--f-grid-column-padding, 0.3125rem)
);
padding-inline-start: var(
--f-grid-column-padding-2xl,
var(--f-grid-column-padding, 0.3125rem)
);
-webkit-padding-end: var(
--f-grid-column-padding-2xl,
var(--f-grid-column-padding, 0.3125rem)
);
padding-inline-end: var(
--f-grid-column-padding-2xl,
var(--f-grid-column-padding, 0.3125rem)
);
}
}
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--core-water-leaf: var(--color-palette-teal-400, #97e8e2);
--core-tropical-blue: var(--color-palette-blue-200, #c2d9fe);
--core-pale-lavendar: var(--color-palette-purple-200, #e5cefd);
--core-pale-lavender: var(--color-palette-purple-200, #e5cefd);
--accent-canary-yellow: var(--color-palette-yellow-100, #fff200);
--accent-grenadier: var(--color-palette-red-500, #cd4400);
--accent-pink-orange: var(--color-palette-red-300, #ff9966);
--accent-apricot: var(--color-palette-red-200, #ffcbb1);
--accent-denim: var(--color-palette-blue-700, #165bcf);
--accent-navy-blue: var(--color-palette-blue-500, #266de2);
--accent-jordy-blue: var(--color-palette-blue-300, #7da7ed);
--accent-hawkes-blue: var(--color-palette-blue-100, #dce9ff);
--accent-zircon: var(--color-palette-blue-50, #f6f9ff);
--tertiary-viking: var(--color-palette-teal-600, #64d9d2);
--tertiary-cornflower-blue: var(--color-palette-blue-400, #639dfe);
--tertiary-rich-lilac: var(--color-palette-purple-700, #bb6bd9);
--tertiary-orchid: var(--color-palette-purple-500, #d382e0);
--neutral-black: var(--color-palette-gray-700, #282828);
--neutral-steel: var(--color-palette-gray-500, #666666);
--neutral-dove-gray: var(--color-palette-gray-400, #767676);
--neutral-mountain-mist: var(--color-palette-gray-300, #949494);
--neutral-athens-gray: var(--color-palette-gray-200, #dedede);
--neutral-gallery: var(--color-palette-gray-100, #efefef);
--neutral-white: var(--color-palette-gray-50, #ffffff);
--error-background: var(--color-palette-red-50, #fdebec);
--error-shadow: var(--color-palette-red-400, #ed3f3f);
--error: var(--color-palette-red-600, #c61a1a);
--warning-background: var(--color-palette-yellow-50, #ffefd2);
--warning: var(--color-palette-yellow-200, #fbcf35);
--success-background: var(--color-palette-green-100, #e6f6e1);
--success-shadow: var(--color-palette-green-300, #0fab01);
--success: var(--color-palette-green-500, #107400);
--info: #165dd0;
--info-background: var(--color-bg-info-base, #dce9ff);
--a11y-focus-color: var(--color-border-focus-base, #0055aa);
--background-body: var(--color-bg-body-base, #ffffff);
--border-general: var(--color-border-default-base, #767676);
--border-light: var(--color-palette-gray-300, #949494);
--anchor-color: var(--color-link-base);
--awlds-color-progress-green: #0eab00;
--awlds-color-progress-green-contrast: var(
--color-palette-green-500,
#107400
);
--awlds-color-progress-blue: var(--color-palette-blue-700, #165bcf);
--awlds-color-progress-blue-contrast: var(--color-palette-blue-500, #266de2);
--branding-bg-color: var(--color-bg-brand-b1, #0066ff);
--branding-text-color: var(--color-text-body-base, #282828);
--vertical-brand-bar-color: var(--branding-bg-color);
--light-gray: #f9f9f9;
--light-blue: var(--color-palette-blue-50, #f6f9ff);
--light-turquoise: #eefcfb;
--ai-light-lavendar: #fbf7ff;
--ai-indigo-purple: var(--color-palette-purple-1000, #4f009a);
--base-font-color: var(--color-text-body-base, #282828);
--base-font-family: "FS Thrive Elliot Web", Arial, sans-serif;
--bold-font-family: "FS Thrive Elliot Web - Bold", Arial, sans-serif;
--heavy-font-family: "FS Thrive Elliot Web - Heavy", Arial, sans-serif;
--light-font-family: "FS Thrive Elliot Web - Light", Arial, sans-serif;
--italic-font-family: "FS Thrive Elliot Web - Italic", Arial, sans-serif;
--mono-font-family: "Courier New", Courier, monospace;
--small-font-size: var(--font-size-s, 14px);
--base-font-size: var(--font-size-base, 16px);
--large-font-size: var(--font-450, 18px);
--h1-font-size: var(--font-1200, 48px);
--h2-font-size: var(--font-size-3xl, 36px);
--h3-font-size: var(--font-700, 28px);
--h4-font-size: var(--font-size-xl, 22px);
--h5-font-size: var(--font-size-l, 20px);
--h6-font-size: var(--font-450, 18px);
--body-font-size: var(--font-size-base, 16px);
--subtitle-font-size: var(--font-size-s, 14px);
--helper-text-font-size: var(--font-size-2xs, 12px);
--legal-font-size: var(--font-325, 13px);
--spacing-none: 0;
--spacing-xs: 2px;
--spacing-s: 4px;
--spacing-m: 8px;
--spacing-l: 16px;
--spacing-xl: 24px;
--spacing-2xl: 32px;
--spacing-3xl: 40px;
--spacing-4xl: 56px;
--spacing-5xl: 80px;
--container-max-width: 1600px;
--width-xs: calc(var(--container-max-width) / 5);
--width-s: calc(var(--container-max-width) / 4);
--width-m: calc(var(--container-max-width) / 3);
--width-l: calc(var(--container-max-width) / 2);
--width-xl: var(--container-max-width);
--full-width: 100%;
--paragraph-margin-bottom: var(--spacing-m);
--paragraph-max-width: 37.5rem;
--breakpoint-s: 320px;
--breakpoint-m: 768px;
--breakpoint-l: 1024px;
--breakpoint-xl: 1280px;
--breakpoint-2xl: 1440px;
}
@font-face {
font-family: "FS Thrive Elliot Web";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Regular.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Bold";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Bold.woff")
format("woff");
font-display: swap;
font-weight: 700;
}
@font-face {
font-family: "FS Thrive Elliot Web - Heavy";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Heavy.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Light";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Light.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Italic";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Italic.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
:root,
:host {
--f-checkbox-label-font-size: var(--base-font-size);
--f-checkbox-background-color: var(--color-bg-light-base, #ffffff);
--f-checkbox-font-color: var(--color-text-body-base, #282828);
--f-checkbox-border-color: var(--border-general);
--f-checkbox-border-style: solid;
--f-checkbox-border-thickness: 0.0625rem;
--f-checkbox-hover-background-color: var(--color-bg-light-base, #ffffff);
--f-checkbox-hover-border-color: var(--color-border-primary-base, #266de2);
--f-checkbox-focus-background-color: var(--color-bg-light-base, #ffffff);
--f-checkbox-focus-border-color: var(--color-border-focus-base, #0055aa);
--f-checkbox-checked-background-color: var(
--color-text-primary-on-subtle-bg,
#266de2
);
--f-checkbox-border-error-color: var(--color-border-error-base, #c61a1a);
--f-checkbox-error-text-font-size: var(--font-size-2xs, 0.75rem);
--f-checkbox-disabled-border-color: var(
--color-border-default-subtlest,
#dedede
);
--f-checkbox-disabled-background-color: var(
--color-border-default-subtlest,
#dedede
);
--f-checkbox-margin-block-start: 0.25rem;
--f-checkbox-margin-inline-end: 0.25rem;
--f-checkbox-margin-block-end: 0.25rem;
--f-checkbox-margin-inline-start: 0;
}
f-checkbox .f-checkbox {
display: inline-flex;
flex-direction: column;
align-items: flex-start;
}
f-checkbox .f-checkbox .f-checkbox-input-container {
display: inline-flex;
flex-direction: column;
align-items: flex-start;
}
f-checkbox .f-checkbox .f-checkbox-input-container input[type="checkbox"] {
position: absolute;
width: 0.0625rem;
height: 0.0625rem;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
f-checkbox
.f-checkbox
.f-checkbox-input-container
input[type="checkbox"]
+ label {
position: relative;
display: inline-flex;
align-items: flex-start;
margin: 0;
padding: 0;
color: var(--color-text-body-base, #282828);
font-family: var(--base-font-family);
font-size: var(--f-checkbox-label-font-size);
cursor: pointer;
}
f-checkbox
.f-checkbox
.f-checkbox-input-container
input[type="checkbox"]
+ label
span {
font-family: var(--base-font-family);
font-size: var(--f-checkbox-label-font-size);
}
f-checkbox
.f-checkbox
.f-checkbox-input-container
input[type="checkbox"]
+ label
.label-text {
line-height: 1.5;
}
f-checkbox
.f-checkbox
.f-checkbox-input-container
input[type="checkbox"]
+ label::before {
content: "";
position: relative;
flex: 0 0 1rem;
margin-block-start: var(--f-checkbox-margin-block-start);
margin-block-end: var(--f-checkbox-margin-block-end);
margin-inline-start: var(--f-checkbox-margin-inline-start);
margin-inline-end: var(--f-checkbox-margin-inline-end);
width: 1rem;
height: 1rem;
background-color: var(--f-checkbox-background-color);
border: var(--f-checkbox-border-thickness) var(--f-checkbox-border-style)
var(--f-checkbox-border-color);
border-radius: 0.125rem;
}
f-checkbox
.f-checkbox
.f-checkbox-input-container
input[type="checkbox"]:checked
+ label::after {
content: "";
position: absolute;
top: 0.25rem;
width: 1rem;
height: 1rem;
background-color: var(--f-checkbox-checked-background-color);
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M435.848 83.466L172.804 346.51l-96.652-96.652c-4.686-4.686-12.284-4.686-16.971 0l-28.284 28.284c-4.686 4.686-4.686 12.284 0 16.971l133.421 133.421c4.686 4.686 12.284 4.686 16.971 0l299.813-299.813c4.686-4.686 4.686-12.284 0-16.971l-28.284-28.284c-4.686-4.686-12.284-4.686-16.97 0z' fill='%23FFF' /%3E%3C/svg%3E");
background-size: 0.75rem 0.75rem;
background-position: 0.0625rem 0.0625rem;
background-repeat: no-repeat;
border: var(--f-checkbox-border-thickness) var(--f-checkbox-border-style)
transparent;
border-radius: 0.125rem;
}
f-checkbox
.f-checkbox
.f-checkbox-input-container
input[type="checkbox"]:indeterminate
+ label::after {
content: "";
position: absolute;
top: 0.25rem;
width: 1rem;
height: 1rem;
background-color: var(--f-checkbox-checked-background-color);
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M376 232H8c-4.42 0-8 3.58-8 8v32c0 4.42 3.58 8 8 8h368c4.42 0 8-3.58 8-8v-32c0-4.42-3.58-8-8-8z' fill='%23FFF' /%3E%3C/svg%3E");
background-size: 0.6875rem 0.75rem;
background-position: 0.1875rem 0.0625rem;
background-repeat: no-repeat;
border: 0.0625rem solid transparent;
border-radius: 2px;
}
f-checkbox
.f-checkbox
.f-checkbox-input-container
input[type="checkbox"]:hover
+ label::before {
border-color: var(--f-checkbox-hover-border-color);
}
f-checkbox
.f-checkbox
.f-checkbox-input-container
input[type="checkbox"]:focus
+ label::before {
outline: 0.125rem solid var(--f-checkbox-focus-border-color);
outline-offset: 0.0625rem;
}
f-checkbox
.f-checkbox
.f-checkbox-input-container
input[type="checkbox"][disabled]:not(:checked)
+ label {
cursor: not-allowed;
}
f-checkbox
.f-checkbox
.f-checkbox-input-container
input[type="checkbox"][disabled]:not(:checked)
+ label::before {
border-color: var(--f-checkbox-disabled-border-color);
}
f-checkbox
.f-checkbox
.f-checkbox-input-container
input[type="checkbox"][disabled]:checked
+ label {
cursor: not-allowed;
}
f-checkbox
.f-checkbox
.f-checkbox-input-container
input[type="checkbox"][disabled]:checked
+ label::after {
background-color: var(--f-checkbox-disabled-background-color);
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M435.848 83.466L172.804 346.51l-96.652-96.652c-4.686-4.686-12.284-4.686-16.971 0l-28.284 28.284c-4.686 4.686-4.686 12.284 0 16.971l133.421 133.421c4.686 4.686 12.284 4.686 16.971 0l299.813-299.813c4.686-4.686 4.686-12.284 0-16.971l-28.284-28.284c-4.686-4.686-12.284-4.686-16.97 0z' fill='%23FFFFFF' /%3E%3C/svg%3E");
border: var(--f-checkbox-border-thickness) var(--f-checkbox-border-style)
var(--f-checkbox-disabled-border-color);
}
f-checkbox
.f-checkbox
.f-checkbox-input-container.has-error
input[type="checkbox"]
+ label::before {
border: var(--f-checkbox-border-thickness) var(--f-checkbox-border-style)
var(--f-checkbox-border-error-color);
}
f-checkbox .f-checkbox .f-checkbox-error-container f-error-message {
--f-error-message-padding: 0.3125rem 0 0.3125rem 0.125rem;
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--core-water-leaf: var(--color-palette-teal-400, #97e8e2);
--core-tropical-blue: var(--color-palette-blue-200, #c2d9fe);
--core-pale-lavendar: var(--color-palette-purple-200, #e5cefd);
--core-pale-lavender: var(--color-palette-purple-200, #e5cefd);
--accent-canary-yellow: var(--color-palette-yellow-100, #fff200);
--accent-grenadier: var(--color-palette-red-500, #cd4400);
--accent-pink-orange: var(--color-palette-red-300, #ff9966);
--accent-apricot: var(--color-palette-red-200, #ffcbb1);
--accent-denim: var(--color-palette-blue-700, #165bcf);
--accent-navy-blue: var(--color-palette-blue-500, #266de2);
--accent-jordy-blue: var(--color-palette-blue-300, #7da7ed);
--accent-hawkes-blue: var(--color-palette-blue-100, #dce9ff);
--accent-zircon: var(--color-palette-blue-50, #f6f9ff);
--tertiary-viking: var(--color-palette-teal-600, #64d9d2);
--tertiary-cornflower-blue: var(--color-palette-blue-400, #639dfe);
--tertiary-rich-lilac: var(--color-palette-purple-700, #bb6bd9);
--tertiary-orchid: var(--color-palette-purple-500, #d382e0);
--neutral-black: var(--color-palette-gray-700, #282828);
--neutral-steel: var(--color-palette-gray-500, #666666);
--neutral-dove-gray: var(--color-palette-gray-400, #767676);
--neutral-mountain-mist: var(--color-palette-gray-300, #949494);
--neutral-athens-gray: var(--color-palette-gray-200, #dedede);
--neutral-gallery: var(--color-palette-gray-100, #efefef);
--neutral-white: var(--color-palette-gray-50, #ffffff);
--error-background: var(--color-palette-red-50, #fdebec);
--error-shadow: var(--color-palette-red-400, #ed3f3f);
--error: var(--color-palette-red-600, #c61a1a);
--warning-background: var(--color-palette-yellow-50, #ffefd2);
--warning: var(--color-palette-yellow-200, #fbcf35);
--success-background: var(--color-palette-green-100, #e6f6e1);
--success-shadow: var(--color-palette-green-300, #0fab01);
--success: var(--color-palette-green-500, #107400);
--info: #165dd0;
--info-background: var(--color-bg-info-base, #dce9ff);
--a11y-focus-color: var(--color-border-focus-base, #0055aa);
--background-body: var(--color-bg-body-base, #ffffff);
--border-general: var(--color-border-default-base, #767676);
--border-light: var(--color-palette-gray-300, #949494);
--anchor-color: var(--color-link-base);
--awlds-color-progress-green: #0eab00;
--awlds-color-progress-green-contrast: var(
--color-palette-green-500,
#107400
);
--awlds-color-progress-blue: var(--color-palette-blue-700, #165bcf);
--awlds-color-progress-blue-contrast: var(--color-palette-blue-500, #266de2);
--branding-bg-color: var(--color-bg-brand-b1, #0066ff);
--branding-text-color: var(--color-text-body-base, #282828);
--vertical-brand-bar-color: var(--branding-bg-color);
--light-gray: #f9f9f9;
--light-blue: var(--color-palette-blue-50, #f6f9ff);
--light-turquoise: #eefcfb;
--ai-light-lavendar: #fbf7ff;
--ai-indigo-purple: var(--color-palette-purple-1000, #4f009a);
--base-font-color: var(--color-text-body-base, #282828);
--base-font-family: "FS Thrive Elliot Web", Arial, sans-serif;
--bold-font-family: "FS Thrive Elliot Web - Bold", Arial, sans-serif;
--heavy-font-family: "FS Thrive Elliot Web - Heavy", Arial, sans-serif;
--light-font-family: "FS Thrive Elliot Web - Light", Arial, sans-serif;
--italic-font-family: "FS Thrive Elliot Web - Italic", Arial, sans-serif;
--mono-font-family: "Courier New", Courier, monospace;
--small-font-size: var(--font-size-s, 14px);
--base-font-size: var(--font-size-base, 16px);
--large-font-size: var(--font-450, 18px);
--h1-font-size: var(--font-1200, 48px);
--h2-font-size: var(--font-size-3xl, 36px);
--h3-font-size: var(--font-700, 28px);
--h4-font-size: var(--font-size-xl, 22px);
--h5-font-size: var(--font-size-l, 20px);
--h6-font-size: var(--font-450, 18px);
--body-font-size: var(--font-size-base, 16px);
--subtitle-font-size: var(--font-size-s, 14px);
--helper-text-font-size: var(--font-size-2xs, 12px);
--legal-font-size: var(--font-325, 13px);
--spacing-none: 0;
--spacing-xs: 2px;
--spacing-s: 4px;
--spacing-m: 8px;
--spacing-l: 16px;
--spacing-xl: 24px;
--spacing-2xl: 32px;
--spacing-3xl: 40px;
--spacing-4xl: 56px;
--spacing-5xl: 80px;
--container-max-width: 1600px;
--width-xs: calc(var(--container-max-width) / 5);
--width-s: calc(var(--container-max-width) / 4);
--width-m: calc(var(--container-max-width) / 3);
--width-l: calc(var(--container-max-width) / 2);
--width-xl: var(--container-max-width);
--full-width: 100%;
--paragraph-margin-bottom: var(--spacing-m);
--paragraph-max-width: 37.5rem;
--breakpoint-s: 320px;
--breakpoint-m: 768px;
--breakpoint-l: 1024px;
--breakpoint-xl: 1280px;
--breakpoint-2xl: 1440px;
}
@font-face {
font-family: "FS Thrive Elliot Web";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Regular.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Bold";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Bold.woff")
format("woff");
font-display: swap;
font-weight: 700;
}
@font-face {
font-family: "FS Thrive Elliot Web - Heavy";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Heavy.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Light";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Light.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Italic";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Italic.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
:host {
--f-datepicker-width: 286px;
--f-datepicker-position: relative;
--f-datepicker-input-height: 3.5rem;
--f-datepicker-height-standard: 2.5rem;
--f-datepicker-label-font-size: var(--font-size-2xs, 0.75rem);
--f-datepicker-font-color: var(--neutral-black);
--f-datepicker-helper-text-font-size: var(--font-size-2xs, 0.75rem);
--f-datepicker-helper-text-color: var(--neutral-steel);
--f-datepicker-background-color: var(--neutral-white);
--f-datepicker-border-thickness: 0.0625rem;
--f-datepicker-border-style: solid;
--f-datepicker-border-color: var(--neutral-black);
--f-datepicker-border: var(--f-datepicker-border-thickness)
var(--f-datepicker-border-style);
--f-datepicker-placeholder-color: var(--border-general);
--f-datepicker-placeholder-font-style: normal;
--f-datepicker-hover-background-color: var(--neutral-white);
--f-datepicker-hover-border-color: var(--color-border-focus-base, #0055aa);
--f-datepicker-hover-placeholder-color: var(--neutral-black);
--f-datepicker-focus-background-color: var(--neutral-white);
--f-datepicker-focus-border-color: var(--accent-navy-blue);
--f-datepicker-focus-placeholder-color: var(--neutral-black);
--f-datepicker-border-error-thickness: 0.0625rem;
--f-datepicker-border-error-color: var(--error);
--f-datepicker-disabled-background-color: var(--neutral-gallery);
--f-datepicker-disabled-border-color: transparent;
--f-datepicker-disabled-font-color: var(--neutral-steel);
}
f-datepicker {
position: relative;
box-sizing: border-box;
}
f-datepicker .visible {
display: block;
width: 100%;
min-width: 340px;
z-index: 9999;
margin-top: 0.25rem;
position: absolute;
}
f-datepicker .visible-with-helper-text {
display: block;
min-width: 340px;
z-index: 9999;
position: absolute;
}
f-datepicker .hide {
display: none;
}
:host {
display: block;
clear: both;
}
@media print {
:host {
display: none !important;
}
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--core-water-leaf: var(--color-palette-teal-400, #97e8e2);
--core-tropical-blue: var(--color-palette-blue-200, #c2d9fe);
--core-pale-lavendar: var(--color-palette-purple-200, #e5cefd);
--core-pale-lavender: var(--color-palette-purple-200, #e5cefd);
--accent-canary-yellow: var(--color-palette-yellow-100, #fff200);
--accent-grenadier: var(--color-palette-red-500, #cd4400);
--accent-pink-orange: var(--color-palette-red-300, #ff9966);
--accent-apricot: var(--color-palette-red-200, #ffcbb1);
--accent-denim: var(--color-palette-blue-700, #165bcf);
--accent-navy-blue: var(--color-palette-blue-500, #266de2);
--accent-jordy-blue: var(--color-palette-blue-300, #7da7ed);
--accent-hawkes-blue: var(--color-palette-blue-100, #dce9ff);
--accent-zircon: var(--color-palette-blue-50, #f6f9ff);
--tertiary-viking: var(--color-palette-teal-600, #64d9d2);
--tertiary-cornflower-blue: var(--color-palette-blue-400, #639dfe);
--tertiary-rich-lilac: var(--color-palette-purple-700, #bb6bd9);
--tertiary-orchid: var(--color-palette-purple-500, #d382e0);
--neutral-black: var(--color-palette-gray-700, #282828);
--neutral-steel: var(--color-palette-gray-500, #666666);
--neutral-dove-gray: var(--color-palette-gray-400, #767676);
--neutral-mountain-mist: var(--color-palette-gray-300, #949494);
--neutral-athens-gray: var(--color-palette-gray-200, #dedede);
--neutral-gallery: var(--color-palette-gray-100, #efefef);
--neutral-white: var(--color-palette-gray-50, #ffffff);
--error-background: var(--color-palette-red-50, #fdebec);
--error-shadow: var(--color-palette-red-400, #ed3f3f);
--error: var(--color-palette-red-600, #c61a1a);
--warning-background: var(--color-palette-yellow-50, #ffefd2);
--warning: var(--color-palette-yellow-200, #fbcf35);
--success-background: var(--color-palette-green-100, #e6f6e1);
--success-shadow: var(--color-palette-green-300, #0fab01);
--success: var(--color-palette-green-500, #107400);
--info: #165dd0;
--info-background: var(--color-bg-info-base, #dce9ff);
--a11y-focus-color: var(--color-border-focus-base, #0055aa);
--background-body: var(--color-bg-body-base, #ffffff);
--border-general: var(--color-border-default-base, #767676);
--border-light: var(--color-palette-gray-300, #949494);
--anchor-color: var(--color-link-base);
--awlds-color-progress-green: #0eab00;
--awlds-color-progress-green-contrast: var(
--color-palette-green-500,
#107400
);
--awlds-color-progress-blue: var(--color-palette-blue-700, #165bcf);
--awlds-color-progress-blue-contrast: var(--color-palette-blue-500, #266de2);
--branding-bg-color: var(--color-bg-brand-b1, #0066ff);
--branding-text-color: var(--color-text-body-base, #282828);
--vertical-brand-bar-color: var(--branding-bg-color);
--light-gray: #f9f9f9;
--light-blue: var(--color-palette-blue-50, #f6f9ff);
--light-turquoise: #eefcfb;
--ai-light-lavendar: #fbf7ff;
--ai-indigo-purple: var(--color-palette-purple-1000, #4f009a);
--base-font-color: var(--color-text-body-base, #282828);
--base-font-family: "FS Thrive Elliot Web", Arial, sans-serif;
--bold-font-family: "FS Thrive Elliot Web - Bold", Arial, sans-serif;
--heavy-font-family: "FS Thrive Elliot Web - Heavy", Arial, sans-serif;
--light-font-family: "FS Thrive Elliot Web - Light", Arial, sans-serif;
--italic-font-family: "FS Thrive Elliot Web - Italic", Arial, sans-serif;
--mono-font-family: "Courier New", Courier, monospace;
--small-font-size: var(--font-size-s, 14px);
--base-font-size: var(--font-size-base, 16px);
--large-font-size: var(--font-450, 18px);
--h1-font-size: var(--font-1200, 48px);
--h2-font-size: var(--font-size-3xl, 36px);
--h3-font-size: var(--font-700, 28px);
--h4-font-size: var(--font-size-xl, 22px);
--h5-font-size: var(--font-size-l, 20px);
--h6-font-size: var(--font-450, 18px);
--body-font-size: var(--font-size-base, 16px);
--subtitle-font-size: var(--font-size-s, 14px);
--helper-text-font-size: var(--font-size-2xs, 12px);
--legal-font-size: var(--font-325, 13px);
--spacing-none: 0;
--spacing-xs: 2px;
--spacing-s: 4px;
--spacing-m: 8px;
--spacing-l: 16px;
--spacing-xl: 24px;
--spacing-2xl: 32px;
--spacing-3xl: 40px;
--spacing-4xl: 56px;
--spacing-5xl: 80px;
--container-max-width: 1600px;
--width-xs: calc(var(--container-max-width) / 5);
--width-s: calc(var(--container-max-width) / 4);
--width-m: calc(var(--container-max-width) / 3);
--width-l: calc(var(--container-max-width) / 2);
--width-xl: var(--container-max-width);
--full-width: 100%;
--paragraph-margin-bottom: var(--spacing-m);
--paragraph-max-width: 37.5rem;
--breakpoint-s: 320px;
--breakpoint-m: 768px;
--breakpoint-l: 1024px;
--breakpoint-xl: 1280px;
--breakpoint-2xl: 1440px;
}
@font-face {
font-family: "FS Thrive Elliot Web";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Regular.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Bold";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Bold.woff")
format("woff");
font-display: swap;
font-weight: 700;
}
@font-face {
font-family: "FS Thrive Elliot Web - Heavy";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Heavy.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Light";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Light.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Italic";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Italic.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
:root,
:host {
--f-modal-border-radius: 0.625rem;
--f-modal-box-shadow: 0px 1.25rem 3.125rem 0px rgba(40, 40, 40, 0.3);
--f-modal-content-padding: var(--spacing-xl);
--f-modal-custom-width: 50rem;
--f-modal-custom-height: 16.25rem;
--f-modal-margin: var(--spacing-xl);
}
.f-modal {
position: fixed;
display: none;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1000;
padding: var(--f-modal-margin);
}
.f-modal.visible {
display: flex;
}
.f-modal.center {
justify-content: center;
align-items: center;
}
.f-modal.left {
justify-content: flex-start;
align-items: center;
}
.f-modal.right {
justify-content: flex-end;
align-items: center;
}
.f-modal.top-right {
justify-content: flex-end;
align-items: flex-start;
}
.f-modal.top-left {
justify-content: flex-start;
align-items: flex-start;
}
.f-modal.top {
justify-content: center;
align-items: flex-start;
}
.f-modal.bottom-right {
justify-content: flex-end;
align-items: flex-end;
}
.f-modal.bottom-left {
justify-content: flex-start;
align-items: flex-end;
}
.f-modal.bottom {
justify-content: center;
align-items: flex-end;
}
.f-modal .f-modal-container {
background-color: var(--color-bg-light-base, #ffffff);
box-shadow: var(--f-modal-box-shadow);
border-radius: 0.5rem;
display: flex;
flex-direction: column;
position: relative;
width: 100vw;
max-width: calc(100vw - var(--f-modal-margin) * 2);
max-height: calc(100vh - var(--f-modal-margin) * 2);
height: auto;
}
@media (min-width: 600px) {
.f-modal .f-modal-container {
width: auto;
max-width: calc(100vw - var(--f-modal-margin) * 2);
}
}
@media (min-width: 600px) {
.f-modal .f-modal-container.small {
width: 23.4375rem;
}
}
@media (min-width: 600px) {
.f-modal .f-modal-container.medium {
width: 30rem;
}
}
@media (min-width: 600px) {
.f-modal .f-modal-container.large {
width: 40.5rem;
}
}
@media (min-width: 600px) {
.f-modal .f-modal-container.custom {
width: var(--f-modal-custom-width);
}
}
.f-modal .f-modal-container.drawer {
width: var(--f-modal-custom-width, 25rem);
height: calc(100vh - var(--f-modal-margin) * 2);
max-height: calc(100vh - var(--f-modal-margin) * 2);
display: flex;
flex-direction: column;
min-height: 0;
}
.f-modal .f-modal-container.drawer .f-modal-header-container {
flex: 0 0 auto;
z-index: 2;
position: sticky;
top: 0;
}
.f-modal .f-modal-container.drawer .f-modal-content {
flex: 1 1 auto;
overflow-y: auto;
min-height: 0;
}
.f-modal .f-modal-container.drawer .f-modal-button-bar {
flex: 0 0 auto;
position: sticky;
bottom: 0;
z-index: 2;
background: var(--color-bg-light-base, #ffffff);
}
.f-modal .f-modal-container.drawer f-modal-header {
--f-modal-header-bg-color: var(--primary-navy);
--f-modal-header-text-color: var(--neutral-white);
}
.f-modal .f-modal-container.drawer f-modal-header button {
--icon-color: var(--neutral-white);
}
.f-modal .f-modal-container:not(.fixed-header) {
overflow-y: auto;
}
.f-modal .f-modal-container.fixed-header {
overflow: hidden;
}
.f-modal .f-modal-container.fixed-header .f-modal-header-container {
position: sticky;
top: 0;
}
.f-modal .f-modal-container.fixed-header .f-modal-content {
overflow-y: auto;
min-height: 0;
}
.f-modal .f-modal-container .f-modal-header-container {
flex: 0 0 auto;
z-index: 2;
background: var(--color-bg-light-base, #ffffff);
padding-bottom: var(--spacing-l);
}
.f-modal .f-modal-container .f-modal-header-container.f-modal-divider {
border-bottom: 0.0625rem solid var(--color-border-default-subtlest, #dedede);
}
.f-modal
.f-modal-container
.f-modal-header-container
::slotted([slot="f-modal-header-text"]),
.f-modal
.f-modal-container
.f-modal-header-container
::slotted([slot="f-modal-header-subtext"]) {
display: block;
font-size: var(--f-modal-header-font-size, 1.25rem);
font-weight: var(--f-modal-header-font-weight, 600);
margin-bottom: var(--spacing-xs);
}
.f-modal .f-modal-container .f-modal-header-container.has-slotted-header {
padding: var(--spacing-xl) var(--spacing-xl) var(--spacing-none)
var(--spacing-xl);
}
.f-modal .f-modal-container .f-modal-header {
position: relative;
display: flex;
align-items: flex-start;
width: 100%;
}
.f-modal .f-modal-container .f-modal-header > div:first-child {
display: flex;
flex-direction: column;
flex: 1 1 auto;
}
.f-modal .f-modal-container .f-modal-header-close-btn {
position: absolute;
top: 24px;
right: 24px;
z-index: 1;
display: flex;
align-items: center;
}
.f-modal .f-modal-container f-modal-header .f-modal-header-close-btn {
position: static;
}
.f-modal .f-modal-container .f-modal-close-btn {
background: none;
border: none;
padding: var(--spacing-xs);
cursor: pointer;
display: flex;
align-items: center;
}
.f-modal .f-modal-container .f-modal-content {
padding: var(--f-modal-content-padding);
width: auto;
position: relative;
}
.f-modal .f-modal-container .f-modal-content:focus {
outline: none;
}
.f-modal
.f-modal-container
.f-modal-content
img:not(.f-icon).f-modal-content-img-banner {
max-width: 100%;
height: auto;
}
.f-modal .f-modal-container .f-modal-button-bar {
flex: 0 0 auto;
}
.f-modal .f-modal-container.no-header-divider .f-modal-header-container {
padding-bottom: var(--spacing-s);
}
.f-modal .f-modal-container.no-header-divider .f-modal-content {
padding-top: var(--spacing-m);
}
.f-modal .f-modal-container:not(:has(.f-modal-button-bar)) .f-modal-content {
padding-bottom: var(--spacing-m);
}
.f-modal .f-modal-container:has(.f-modal-button-bar) .f-modal-content {
padding-bottom: var(--f-modal-content-padding);
}
.f-modal .f-modal-header-container.has-slotted-header .f-modal-header {
display: flex;
justify-content: space-between;
align-items: flex-start;
width: 100%;
}
.f-modal
.f-modal-header-container.has-slotted-header
.f-modal-header
> div:first-child {
display: flex;
flex-direction: column;
flex: 1 1 auto;
}
.f-modal
.f-modal-header-container.has-slotted-header
.f-modal-header-close-btn {
position: static;
display: flex;
align-items: center;
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--core-water-leaf: var(--color-palette-teal-400, #97e8e2);
--core-tropical-blue: var(--color-palette-blue-200, #c2d9fe);
--core-pale-lavendar: var(--color-palette-purple-200, #e5cefd);
--core-pale-lavender: var(--color-palette-purple-200, #e5cefd);
--accent-canary-yellow: var(--color-palette-yellow-100, #fff200);
--accent-grenadier: var(--color-palette-red-500, #cd4400);
--accent-pink-orange: var(--color-palette-red-300, #ff9966);
--accent-apricot: var(--color-palette-red-200, #ffcbb1);
--accent-denim: var(--color-palette-blue-700, #165bcf);
--accent-navy-blue: var(--color-palette-blue-500, #266de2);
--accent-jordy-blue: var(--color-palette-blue-300, #7da7ed);
--accent-hawkes-blue: var(--color-palette-blue-100, #dce9ff);
--accent-zircon: var(--color-palette-blue-50, #f6f9ff);
--tertiary-viking: var(--color-palette-teal-600, #64d9d2);
--tertiary-cornflower-blue: var(--color-palette-blue-400, #639dfe);
--tertiary-rich-lilac: var(--color-palette-purple-700, #bb6bd9);
--tertiary-orchid: var(--color-palette-purple-500, #d382e0);
--neutral-black: var(--color-palette-gray-700, #282828);
--neutral-steel: var(--color-palette-gray-500, #666666);
--neutral-dove-gray: var(--color-palette-gray-400, #767676);
--neutral-mountain-mist: var(--color-palette-gray-300, #949494);
--neutral-athens-gray: var(--color-palette-gray-200, #dedede);
--neutral-gallery: var(--color-palette-gray-100, #efefef);
--neutral-white: var(--color-palette-gray-50, #ffffff);
--error-background: var(--color-palette-red-50, #fdebec);
--error-shadow: var(--color-palette-red-400, #ed3f3f);
--error: var(--color-palette-red-600, #c61a1a);
--warning-background: var(--color-palette-yellow-50, #ffefd2);
--warning: var(--color-palette-yellow-200, #fbcf35);
--success-background: var(--color-palette-green-100, #e6f6e1);
--success-shadow: var(--color-palette-green-300, #0fab01);
--success: var(--color-palette-green-500, #107400);
--info: #165dd0;
--info-background: var(--color-bg-info-base, #dce9ff);
--a11y-focus-color: var(--color-border-focus-base, #0055aa);
--background-body: var(--color-bg-body-base, #ffffff);
--border-general: var(--color-border-default-base, #767676);
--border-light: var(--color-palette-gray-300, #949494);
--anchor-color: var(--color-link-base);
--awlds-color-progress-green: #0eab00;
--awlds-color-progress-green-contrast: var(
--color-palette-green-500,
#107400
);
--awlds-color-progress-blue: var(--color-palette-blue-700, #165bcf);
--awlds-color-progress-blue-contrast: var(--color-palette-blue-500, #266de2);
--branding-bg-color: var(--color-bg-brand-b1, #0066ff);
--branding-text-color: var(--color-text-body-base, #282828);
--vertical-brand-bar-color: var(--branding-bg-color);
--light-gray: #f9f9f9;
--light-blue: var(--color-palette-blue-50, #f6f9ff);
--light-turquoise: #eefcfb;
--ai-light-lavendar: #fbf7ff;
--ai-indigo-purple: var(--color-palette-purple-1000, #4f009a);
--base-font-color: var(--color-text-body-base, #282828);
--base-font-family: "FS Thrive Elliot Web", Arial, sans-serif;
--bold-font-family: "FS Thrive Elliot Web - Bold", Arial, sans-serif;
--heavy-font-family: "FS Thrive Elliot Web - Heavy", Arial, sans-serif;
--light-font-family: "FS Thrive Elliot Web - Light", Arial, sans-serif;
--italic-font-family: "FS Thrive Elliot Web - Italic", Arial, sans-serif;
--mono-font-family: "Courier New", Courier, monospace;
--small-font-size: var(--font-size-s, 14px);
--base-font-size: var(--font-size-base, 16px);
--large-font-size: var(--font-450, 18px);
--h1-font-size: var(--font-1200, 48px);
--h2-font-size: var(--font-size-3xl, 36px);
--h3-font-size: var(--font-700, 28px);
--h4-font-size: var(--font-size-xl, 22px);
--h5-font-size: var(--font-size-l, 20px);
--h6-font-size: var(--font-450, 18px);
--body-font-size: var(--font-size-base, 16px);
--subtitle-font-size: var(--font-size-s, 14px);
--helper-text-font-size: var(--font-size-2xs, 12px);
--legal-font-size: var(--font-325, 13px);
--spacing-none: 0;
--spacing-xs: 2px;
--spacing-s: 4px;
--spacing-m: 8px;
--spacing-l: 16px;
--spacing-xl: 24px;
--spacing-2xl: 32px;
--spacing-3xl: 40px;
--spacing-4xl: 56px;
--spacing-5xl: 80px;
--container-max-width: 1600px;
--width-xs: calc(var(--container-max-width) / 5);
--width-s: calc(var(--container-max-width) / 4);
--width-m: calc(var(--container-max-width) / 3);
--width-l: calc(var(--container-max-width) / 2);
--width-xl: var(--container-max-width);
--full-width: 100%;
--paragraph-margin-bottom: var(--spacing-m);
--paragraph-max-width: 37.5rem;
--breakpoint-s: 320px;
--breakpoint-m: 768px;
--breakpoint-l: 1024px;
--breakpoint-xl: 1280px;
--breakpoint-2xl: 1440px;
}
@font-face {
font-family: "FS Thrive Elliot Web";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Regular.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Bold";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Bold.woff")
format("woff");
font-display: swap;
font-weight: 700;
}
@font-face {
font-family: "FS Thrive Elliot Web - Heavy";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Heavy.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Light";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Light.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Italic";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Italic.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
:root,
:host {
--f-overlay-color: 255, 255, 255;
--f-overlay-opacity: 0.9;
--f-overlay-position: fixed;
--f-overlay-z-index: 0;
--f-overlay-height: 100vh;
--f-overlay-top: 0;
--f-overlay-right: 0;
--f-overlay-bottom: 0;
--f-overlay-left: 0;
--f-overlay-background-color: rgba(
var(--f-overlay-color),
var(--f-overlay-opacity)
);
}
f-overlay {
z-index: var(--f-overlay-z-index);
position: var(--f-overlay-position);
height: var(--f-overlay-height);
}
f-overlay .f-overlay {
background-color: var(--f-overlay-background-color);
position: var(--f-overlay-position);
top: var(--f-overlay-top);
right: var(--f-overlay-right);
bottom: var(--f-overlay-bottom);
left: var(--f-overlay-left);
z-index: var(--f-overlay-z-index);
height: var(--f-overlay-height);
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--core-water-leaf: var(--color-palette-teal-400, #97e8e2);
--core-tropical-blue: var(--color-palette-blue-200, #c2d9fe);
--core-pale-lavendar: var(--color-palette-purple-200, #e5cefd);
--core-pale-lavender: var(--color-palette-purple-200, #e5cefd);
--accent-canary-yellow: var(--color-palette-yellow-100, #fff200);
--accent-grenadier: var(--color-palette-red-500, #cd4400);
--accent-pink-orange: var(--color-palette-red-300, #ff9966);
--accent-apricot: var(--color-palette-red-200, #ffcbb1);
--accent-denim: var(--color-palette-blue-700, #165bcf);
--accent-navy-blue: var(--color-palette-blue-500, #266de2);
--accent-jordy-blue: var(--color-palette-blue-300, #7da7ed);
--accent-hawkes-blue: var(--color-palette-blue-100, #dce9ff);
--accent-zircon: var(--color-palette-blue-50, #f6f9ff);
--tertiary-viking: var(--color-palette-teal-600, #64d9d2);
--tertiary-cornflower-blue: var(--color-palette-blue-400, #639dfe);
--tertiary-rich-lilac: var(--color-palette-purple-700, #bb6bd9);
--tertiary-orchid: var(--color-palette-purple-500, #d382e0);
--neutral-black: var(--color-palette-gray-700, #282828);
--neutral-steel: var(--color-palette-gray-500, #666666);
--neutral-dove-gray: var(--color-palette-gray-400, #767676);
--neutral-mountain-mist: var(--color-palette-gray-300, #949494);
--neutral-athens-gray: var(--color-palette-gray-200, #dedede);
--neutral-gallery: var(--color-palette-gray-100, #efefef);
--neutral-white: var(--color-palette-gray-50, #ffffff);
--error-background: var(--color-palette-red-50, #fdebec);
--error-shadow: var(--color-palette-red-400, #ed3f3f);
--error: var(--color-palette-red-600, #c61a1a);
--warning-background: var(--color-palette-yellow-50, #ffefd2);
--warning: var(--color-palette-yellow-200, #fbcf35);
--success-background: var(--color-palette-green-100, #e6f6e1);
--success-shadow: var(--color-palette-green-300, #0fab01);
--success: var(--color-palette-green-500, #107400);
--info: #165dd0;
--info-background: var(--color-bg-info-base, #dce9ff);
--a11y-focus-color: var(--color-border-focus-base, #0055aa);
--background-body: var(--color-bg-body-base, #ffffff);
--border-general: var(--color-border-default-base, #767676);
--border-light: var(--color-palette-gray-300, #949494);
--anchor-color: var(--color-link-base);
--awlds-color-progress-green: #0eab00;
--awlds-color-progress-green-contrast: var(
--color-palette-green-500,
#107400
);
--awlds-color-progress-blue: var(--color-palette-blue-700, #165bcf);
--awlds-color-progress-blue-contrast: var(--color-palette-blue-500, #266de2);
--branding-bg-color: var(--color-bg-brand-b1, #0066ff);
--branding-text-color: var(--color-text-body-base, #282828);
--vertical-brand-bar-color: var(--branding-bg-color);
--light-gray: #f9f9f9;
--light-blue: var(--color-palette-blue-50, #f6f9ff);
--light-turquoise: #eefcfb;
--ai-light-lavendar: #fbf7ff;
--ai-indigo-purple: var(--color-palette-purple-1000, #4f009a);
--base-font-color: var(--color-text-body-base, #282828);
--base-font-family: "FS Thrive Elliot Web", Arial, sans-serif;
--bold-font-family: "FS Thrive Elliot Web - Bold", Arial, sans-serif;
--heavy-font-family: "FS Thrive Elliot Web - Heavy", Arial, sans-serif;
--light-font-family: "FS Thrive Elliot Web - Light", Arial, sans-serif;
--italic-font-family: "FS Thrive Elliot Web - Italic", Arial, sans-serif;
--mono-font-family: "Courier New", Courier, monospace;
--small-font-size: var(--font-size-s, 14px);
--base-font-size: var(--font-size-base, 16px);
--large-font-size: var(--font-450, 18px);
--h1-font-size: var(--font-1200, 48px);
--h2-font-size: var(--font-size-3xl, 36px);
--h3-font-size: var(--font-700, 28px);
--h4-font-size: var(--font-size-xl, 22px);
--h5-font-size: var(--font-size-l, 20px);
--h6-font-size: var(--font-450, 18px);
--body-font-size: var(--font-size-base, 16px);
--subtitle-font-size: var(--font-size-s, 14px);
--helper-text-font-size: var(--font-size-2xs, 12px);
--legal-font-size: var(--font-325, 13px);
--spacing-none: 0;
--spacing-xs: 2px;
--spacing-s: 4px;
--spacing-m: 8px;
--spacing-l: 16px;
--spacing-xl: 24px;
--spacing-2xl: 32px;
--spacing-3xl: 40px;
--spacing-4xl: 56px;
--spacing-5xl: 80px;
--container-max-width: 1600px;
--width-xs: calc(var(--container-max-width) / 5);
--width-s: calc(var(--container-max-width) / 4);
--width-m: calc(var(--container-max-width) / 3);
--width-l: calc(var(--container-max-width) / 2);
--width-xl: var(--container-max-width);
--full-width: 100%;
--paragraph-margin-bottom: var(--spacing-m);
--paragraph-max-width: 37.5rem;
--breakpoint-s: 320px;
--breakpoint-m: 768px;
--breakpoint-l: 1024px;
--breakpoint-xl: 1280px;
--breakpoint-2xl: 1440px;
}
@font-face {
font-family: "FS Thrive Elliot Web";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Regular.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Bold";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Bold.woff")
format("woff");
font-display: swap;
font-weight: 700;
}
@font-face {
font-family: "FS Thrive Elliot Web - Heavy";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Heavy.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Light";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Light.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Italic";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Italic.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
f-global-footer .f-global-footer {
background-color: var(--light-gray);
}
f-global-footer .f-global-footer f-link-group {
--f-link-group-ul-margin: 0 0 var(--spacing-l);
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--core-water-leaf: var(--color-palette-teal-400, #97e8e2);
--core-tropical-blue: var(--color-palette-blue-200, #c2d9fe);
--core-pale-lavendar: var(--color-palette-purple-200, #e5cefd);
--core-pale-lavender: var(--color-palette-purple-200, #e5cefd);
--accent-canary-yellow: var(--color-palette-yellow-100, #fff200);
--accent-grenadier: var(--color-palette-red-500, #cd4400);
--accent-pink-orange: var(--color-palette-red-300, #ff9966);
--accent-apricot: var(--color-palette-red-200, #ffcbb1);
--accent-denim: var(--color-palette-blue-700, #165bcf);
--accent-navy-blue: var(--color-palette-blue-500, #266de2);
--accent-jordy-blue: var(--color-palette-blue-300, #7da7ed);
--accent-hawkes-blue: var(--color-palette-blue-100, #dce9ff);
--accent-zircon: var(--color-palette-blue-50, #f6f9ff);
--tertiary-viking: var(--color-palette-teal-600, #64d9d2);
--tertiary-cornflower-blue: var(--color-palette-blue-400, #639dfe);
--tertiary-rich-lilac: var(--color-palette-purple-700, #bb6bd9);
--tertiary-orchid: var(--color-palette-purple-500, #d382e0);
--neutral-black: var(--color-palette-gray-700, #282828);
--neutral-steel: var(--color-palette-gray-500, #666666);
--neutral-dove-gray: var(--color-palette-gray-400, #767676);
--neutral-mountain-mist: var(--color-palette-gray-300, #949494);
--neutral-athens-gray: var(--color-palette-gray-200, #dedede);
--neutral-gallery: var(--color-palette-gray-100, #efefef);
--neutral-white: var(--color-palette-gray-50, #ffffff);
--error-background: var(--color-palette-red-50, #fdebec);
--error-shadow: var(--color-palette-red-400, #ed3f3f);
--error: var(--color-palette-red-600, #c61a1a);
--warning-background: var(--color-palette-yellow-50, #ffefd2);
--warning: var(--color-palette-yellow-200, #fbcf35);
--success-background: var(--color-palette-green-100, #e6f6e1);
--success-shadow: var(--color-palette-green-300, #0fab01);
--success: var(--color-palette-green-500, #107400);
--info: #165dd0;
--info-background: var(--color-bg-info-base, #dce9ff);
--a11y-focus-color: var(--color-border-focus-base, #0055aa);
--background-body: var(--color-bg-body-base, #ffffff);
--border-general: var(--color-border-default-base, #767676);
--border-light: var(--color-palette-gray-300, #949494);
--anchor-color: var(--color-link-base);
--awlds-color-progress-green: #0eab00;
--awlds-color-progress-green-contrast: var(
--color-palette-green-500,
#107400
);
--awlds-color-progress-blue: var(--color-palette-blue-700, #165bcf);
--awlds-color-progress-blue-contrast: var(--color-palette-blue-500, #266de2);
--branding-bg-color: var(--color-bg-brand-b1, #0066ff);
--branding-text-color: var(--color-text-body-base, #282828);
--vertical-brand-bar-color: var(--branding-bg-color);
--light-gray: #f9f9f9;
--light-blue: var(--color-palette-blue-50, #f6f9ff);
--light-turquoise: #eefcfb;
--ai-light-lavendar: #fbf7ff;
--ai-indigo-purple: var(--color-palette-purple-1000, #4f009a);
--base-font-color: var(--color-text-body-base, #282828);
--base-font-family: "FS Thrive Elliot Web", Arial, sans-serif;
--bold-font-family: "FS Thrive Elliot Web - Bold", Arial, sans-serif;
--heavy-font-family: "FS Thrive Elliot Web - Heavy", Arial, sans-serif;
--light-font-family: "FS Thrive Elliot Web - Light", Arial, sans-serif;
--italic-font-family: "FS Thrive Elliot Web - Italic", Arial, sans-serif;
--mono-font-family: "Courier New", Courier, monospace;
--small-font-size: var(--font-size-s, 14px);
--base-font-size: var(--font-size-base, 16px);
--large-font-size: var(--font-450, 18px);
--h1-font-size: var(--font-1200, 48px);
--h2-font-size: var(--font-size-3xl, 36px);
--h3-font-size: var(--font-700, 28px);
--h4-font-size: var(--font-size-xl, 22px);
--h5-font-size: var(--font-size-l, 20px);
--h6-font-size: var(--font-450, 18px);
--body-font-size: var(--font-size-base, 16px);
--subtitle-font-size: var(--font-size-s, 14px);
--helper-text-font-size: var(--font-size-2xs, 12px);
--legal-font-size: var(--font-325, 13px);
--spacing-none: 0;
--spacing-xs: 2px;
--spacing-s: 4px;
--spacing-m: 8px;
--spacing-l: 16px;
--spacing-xl: 24px;
--spacing-2xl: 32px;
--spacing-3xl: 40px;
--spacing-4xl: 56px;
--spacing-5xl: 80px;
--container-max-width: 1600px;
--width-xs: calc(var(--container-max-width) / 5);
--width-s: calc(var(--container-max-width) / 4);
--width-m: calc(var(--container-max-width) / 3);
--width-l: calc(var(--container-max-width) / 2);
--width-xl: var(--container-max-width);
--full-width: 100%;
--paragraph-margin-bottom: var(--spacing-m);
--paragraph-max-width: 37.5rem;
--breakpoint-s: 320px;
--breakpoint-m: 768px;
--breakpoint-l: 1024px;
--breakpoint-xl: 1280px;
--breakpoint-2xl: 1440px;
}
@font-face {
font-family: "FS Thrive Elliot Web";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Regular.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Bold";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Bold.woff")
format("woff");
font-display: swap;
font-weight: 700;
}
@font-face {
font-family: "FS Thrive Elliot Web - Heavy";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Heavy.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Light";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Light.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Italic";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Italic.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@media (min-width: 320px) {
:root,
:host {
--f-grid-columns: 12;
--f-grid-width-s: 100%;
--f-grid-column-padding-s: 0.7738rem;
}
}
@media (min-width: 768px) {
:root,
:host {
--f-grid-columns: 12;
--f-grid-padding: 0;
--f-grid-width-m: 100%;
--f-grid-column-padding-m: 0.75rem;
}
}
@media (min-width: 1024px) {
:root,
:host {
--f-grid-columns: 12;
--f-grid-padding: 0;
--f-grid-width-l: 100%;
--f-grid-column-padding-l: 0.6356rem;
}
}
@media (min-width: 1280px) {
:root,
:host {
--f-grid-columns: 12;
--f-grid-padding: 0;
--f-grid-width-xl: 100%;
--f-grid-column-padding-xl: 0.625rem;
}
}
@media (min-width: 1440px) {
:root,
:host {
--f-grid-columns: 12;
--f-grid-width-2xl: 90rem;
--f-grid-column-padding-2xl: 0.75rem;
}
}
f-grid {
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: block;
flex: 1;
}
@media (min-width: 375px) {
f-grid {
width: var(--f-grid-width-s, var(--f-grid-width, 33.75rem));
}
}
@media (min-width: 768px) {
f-grid {
width: var(--f-grid-width-m, var(--f-grid-width, 45rem));
}
}
@media (min-width: 1024px) {
f-grid {
width: var(--f-grid-width-l, var(--f-grid-width, 60rem));
}
}
@media (min-width: 1280px) {
f-grid {
width: var(--f-grid-width-xl, var(--f-grid-width, 71.25rem));
}
}
@media (min-width: 1440px) {
f-grid {
width: var(--f-grid-width-2xl, var(--f-grid-width, 90rem));
}
}
@media (min-width: 375px) {
f-grid {
padding-left: var(--f-grid-padding-s, var(--f-grid-padding, 0.3125rem));
padding-right: var(--f-grid-padding-s, var(--f-grid-padding, 0.3125rem));
padding-top: var(--f-grid-padding-s, var(--f-grid-padding, 0.3125rem));
padding-bottom: var(--f-grid-padding-s, var(--f-grid-padding, 0.3125rem));
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
f-grid {
padding-left: unset;
padding-right: unset;
-webkit-padding-start: var(
--f-grid-padding-s,
var(--f-grid-padding, 0.3125rem)
);
padding-inline-start: var(
--f-grid-padding-s,
var(--f-grid-padding, 0.3125rem)
);
-webkit-padding-end: var(
--f-grid-padding-s,
var(--f-grid-padding, 0.3125rem)
);
padding-inline-end: var(
--f-grid-padding-s,
var(--f-grid-padding, 0.3125rem)
);
}
}
}
@media (min-width: 768px) {
f-grid {
padding-left: var(--f-grid-padding-m, var(--f-grid-padding, 0.3125rem));
padding-right: var(--f-grid-padding-m, var(--f-grid-padding, 0.3125rem));
padding-top: var(--f-grid-padding-m, var(--f-grid-padding, 0.3125rem));
padding-bottom: var(--f-grid-padding-m, var(--f-grid-padding, 0.3125rem));
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
f-grid {
padding-left: unset;
padding-right: unset;
-webkit-padding-start: var(
--f-grid-padding-m,
var(--f-grid-padding, 0.3125rem)
);
padding-inline-start: var(
--f-grid-padding-m,
var(--f-grid-padding, 0.3125rem)
);
-webkit-padding-end: var(
--f-grid-padding-m,
var(--f-grid-padding, 0.3125rem)
);
padding-inline-end: var(
--f-grid-padding-m,
var(--f-grid-padding, 0.3125rem)
);
}
}
}
@media (min-width: 1024px) {
f-grid {
padding-left: var(--f-grid-padding-l, var(--f-grid-padding, 0.3125rem));
padding-right: var(--f-grid-padding-l, var(--f-grid-padding, 0.3125rem));
padding-top: var(--f-grid-padding-l, var(--f-grid-padding, 0.3125rem));
padding-bottom: var(--f-grid-padding-l, var(--f-grid-padding, 0.3125rem));
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
f-grid {
padding-left: unset;
padding-right: unset;
-webkit-padding-start: var(
--f-grid-padding-l,
var(--f-grid-padding, 0.3125rem)
);
padding-inline-start: var(
--f-grid-padding-l,
var(--f-grid-padding, 0.3125rem)
);
-webkit-padding-end: var(
--f-grid-padding-l,
var(--f-grid-padding, 0.3125rem)
);
padding-inline-end: var(
--f-grid-padding-l,
var(--f-grid-padding, 0.3125rem)
);
}
}
}
@media (min-width: 1280px) {
f-grid {
padding-left: var(--f-grid-padding-xl, var(--f-grid-padding, 0.3125rem));
padding-right: var(--f-grid-padding-xl, var(--f-grid-padding, 0.3125rem));
padding-top: var(--f-grid-padding-xl, var(--f-grid-padding, 0.3125rem));
padding-bottom: var(--f-grid-padding-xl, var(--f-grid-padding, 0.3125rem));
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
f-grid {
padding-left: unset;
padding-right: unset;
-webkit-padding-start: var(
--f-grid-padding-xl,
var(--f-grid-padding, 0.3125rem)
);
padding-inline-start: var(
--f-grid-padding-xl,
var(--f-grid-padding, 0.3125rem)
);
-webkit-padding-end: var(
--f-grid-padding-xl,
var(--f-grid-padding, 0.3125rem)
);
padding-inline-end: var(
--f-grid-padding-xl,
var(--f-grid-padding, 0.3125rem)
);
}
}
}
@media (min-width: 1440px) {
f-grid {
padding-left: var(--f-grid-padding-2xl, var(--f-grid-padding, 0.3125rem));
padding-right: var(--f-grid-padding-2xl, var(--f-grid-padding, 0.3125rem));
padding-top: var(--f-grid-padding-2xl, var(--f-grid-padding, 0.3125rem));
padding-bottom: var(--f-grid-padding-2xl, var(--f-grid-padding, 0.3125rem));
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
f-grid {
padding-left: unset;
padding-right: unset;
-webkit-padding-start: var(
--f-grid-padding-2xl,
var(--f-grid-padding, 0.3125rem)
);
padding-inline-start: var(
--f-grid-padding-2xl,
var(--f-grid-padding, 0.3125rem)
);
-webkit-padding-end: var(
--f-grid-padding-2xl,
var(--f-grid-padding, 0.3125rem)
);
padding-inline-end: var(
--f-grid-padding-2xl,
var(--f-grid-padding, 0.3125rem)
);
}
}
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
f-grid {
margin-left: unset;
margin-right: unset;
-webkit-margin-start: auto;
margin-inline-start: auto;
-webkit-margin-end: auto;
margin-inline-end: auto;
}
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--core-water-leaf: var(--color-palette-teal-400, #97e8e2);
--core-tropical-blue: var(--color-palette-blue-200, #c2d9fe);
--core-pale-lavendar: var(--color-palette-purple-200, #e5cefd);
--core-pale-lavender: var(--color-palette-purple-200, #e5cefd);
--accent-canary-yellow: var(--color-palette-yellow-100, #fff200);
--accent-grenadier: var(--color-palette-red-500, #cd4400);
--accent-pink-orange: var(--color-palette-red-300, #ff9966);
--accent-apricot: var(--color-palette-red-200, #ffcbb1);
--accent-denim: var(--color-palette-blue-700, #165bcf);
--accent-navy-blue: var(--color-palette-blue-500, #266de2);
--accent-jordy-blue: var(--color-palette-blue-300, #7da7ed);
--accent-hawkes-blue: var(--color-palette-blue-100, #dce9ff);
--accent-zircon: var(--color-palette-blue-50, #f6f9ff);
--tertiary-viking: var(--color-palette-teal-600, #64d9d2);
--tertiary-cornflower-blue: var(--color-palette-blue-400, #639dfe);
--tertiary-rich-lilac: var(--color-palette-purple-700, #bb6bd9);
--tertiary-orchid: var(--color-palette-purple-500, #d382e0);
--neutral-black: var(--color-palette-gray-700, #282828);
--neutral-steel: var(--color-palette-gray-500, #666666);
--neutral-dove-gray: var(--color-palette-gray-400, #767676);
--neutral-mountain-mist: var(--color-palette-gray-300, #949494);
--neutral-athens-gray: var(--color-palette-gray-200, #dedede);
--neutral-gallery: var(--color-palette-gray-100, #efefef);
--neutral-white: var(--color-palette-gray-50, #ffffff);
--error-background: var(--color-palette-red-50, #fdebec);
--error-shadow: var(--color-palette-red-400, #ed3f3f);
--error: var(--color-palette-red-600, #c61a1a);
--warning-background: var(--color-palette-yellow-50, #ffefd2);
--warning: var(--color-palette-yellow-200, #fbcf35);
--success-background: var(--color-palette-green-100, #e6f6e1);
--success-shadow: var(--color-palette-green-300, #0fab01);
--success: var(--color-palette-green-500, #107400);
--info: #165dd0;
--info-background: var(--color-bg-info-base, #dce9ff);
--a11y-focus-color: var(--color-border-focus-base, #0055aa);
--background-body: var(--color-bg-body-base, #ffffff);
--border-general: var(--color-border-default-base, #767676);
--border-light: var(--color-palette-gray-300, #949494);
--anchor-color: var(--color-link-base);
--awlds-color-progress-green: #0eab00;
--awlds-color-progress-green-contrast: var(
--color-palette-green-500,
#107400
);
--awlds-color-progress-blue: var(--color-palette-blue-700, #165bcf);
--awlds-color-progress-blue-contrast: var(--color-palette-blue-500, #266de2);
--branding-bg-color: var(--color-bg-brand-b1, #0066ff);
--branding-text-color: var(--color-text-body-base, #282828);
--vertical-brand-bar-color: var(--branding-bg-color);
--light-gray: #f9f9f9;
--light-blue: var(--color-palette-blue-50, #f6f9ff);
--light-turquoise: #eefcfb;
--ai-light-lavendar: #fbf7ff;
--ai-indigo-purple: var(--color-palette-purple-1000, #4f009a);
--base-font-color: var(--color-text-body-base, #282828);
--base-font-family: "FS Thrive Elliot Web", Arial, sans-serif;
--bold-font-family: "FS Thrive Elliot Web - Bold", Arial, sans-serif;
--heavy-font-family: "FS Thrive Elliot Web - Heavy", Arial, sans-serif;
--light-font-family: "FS Thrive Elliot Web - Light", Arial, sans-serif;
--italic-font-family: "FS Thrive Elliot Web - Italic", Arial, sans-serif;
--mono-font-family: "Courier New", Courier, monospace;
--small-font-size: var(--font-size-s, 14px);
--base-font-size: var(--font-size-base, 16px);
--large-font-size: var(--font-450, 18px);
--h1-font-size: var(--font-1200, 48px);
--h2-font-size: var(--font-size-3xl, 36px);
--h3-font-size: var(--font-700, 28px);
--h4-font-size: var(--font-size-xl, 22px);
--h5-font-size: var(--font-size-l, 20px);
--h6-font-size: var(--font-450, 18px);
--body-font-size: var(--font-size-base, 16px);
--subtitle-font-size: var(--font-size-s, 14px);
--helper-text-font-size: var(--font-size-2xs, 12px);
--legal-font-size: var(--font-325, 13px);
--spacing-none: 0;
--spacing-xs: 2px;
--spacing-s: 4px;
--spacing-m: 8px;
--spacing-l: 16px;
--spacing-xl: 24px;
--spacing-2xl: 32px;
--spacing-3xl: 40px;
--spacing-4xl: 56px;
--spacing-5xl: 80px;
--container-max-width: 1600px;
--width-xs: calc(var(--container-max-width) / 5);
--width-s: calc(var(--container-max-width) / 4);
--width-m: calc(var(--container-max-width) / 3);
--width-l: calc(var(--container-max-width) / 2);
--width-xl: var(--container-max-width);
--full-width: 100%;
--paragraph-margin-bottom: var(--spacing-m);
--paragraph-max-width: 37.5rem;
--breakpoint-s: 320px;
--breakpoint-m: 768px;
--breakpoint-l: 1024px;
--breakpoint-xl: 1280px;
--breakpoint-2xl: 1440px;
}
@font-face {
font-family: "FS Thrive Elliot Web";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Regular.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Bold";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Bold.woff")
format("woff");
font-display: swap;
font-weight: 700;
}
@font-face {
font-family: "FS Thrive Elliot Web - Heavy";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Heavy.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Light";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Light.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Italic";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Italic.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
f-row {
display: flex;
flex-wrap: wrap;
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--core-water-leaf: var(--color-palette-teal-400, #97e8e2);
--core-tropical-blue: var(--color-palette-blue-200, #c2d9fe);
--core-pale-lavendar: var(--color-palette-purple-200, #e5cefd);
--core-pale-lavender: var(--color-palette-purple-200, #e5cefd);
--accent-canary-yellow: var(--color-palette-yellow-100, #fff200);
--accent-grenadier: var(--color-palette-red-500, #cd4400);
--accent-pink-orange: var(--color-palette-red-300, #ff9966);
--accent-apricot: var(--color-palette-red-200, #ffcbb1);
--accent-denim: var(--color-palette-blue-700, #165bcf);
--accent-navy-blue: var(--color-palette-blue-500, #266de2);
--accent-jordy-blue: var(--color-palette-blue-300, #7da7ed);
--accent-hawkes-blue: var(--color-palette-blue-100, #dce9ff);
--accent-zircon: var(--color-palette-blue-50, #f6f9ff);
--tertiary-viking: var(--color-palette-teal-600, #64d9d2);
--tertiary-cornflower-blue: var(--color-palette-blue-400, #639dfe);
--tertiary-rich-lilac: var(--color-palette-purple-700, #bb6bd9);
--tertiary-orchid: var(--color-palette-purple-500, #d382e0);
--neutral-black: var(--color-palette-gray-700, #282828);
--neutral-steel: var(--color-palette-gray-500, #666666);
--neutral-dove-gray: var(--color-palette-gray-400, #767676);
--neutral-mountain-mist: var(--color-palette-gray-300, #949494);
--neutral-athens-gray: var(--color-palette-gray-200, #dedede);
--neutral-gallery: var(--color-palette-gray-100, #efefef);
--neutral-white: var(--color-palette-gray-50, #ffffff);
--error-background: var(--color-palette-red-50, #fdebec);
--error-shadow: var(--color-palette-red-400, #ed3f3f);
--error: var(--color-palette-red-600, #c61a1a);
--warning-background: var(--color-palette-yellow-50, #ffefd2);
--warning: var(--color-palette-yellow-200, #fbcf35);
--success-background: var(--color-palette-green-100, #e6f6e1);
--success-shadow: var(--color-palette-green-300, #0fab01);
--success: var(--color-palette-green-500, #107400);
--info: #165dd0;
--info-background: var(--color-bg-info-base, #dce9ff);
--a11y-focus-color: var(--color-border-focus-base, #0055aa);
--background-body: var(--color-bg-body-base, #ffffff);
--border-general: var(--color-border-default-base, #767676);
--border-light: var(--color-palette-gray-300, #949494);
--anchor-color: var(--color-link-base);
--awlds-color-progress-green: #0eab00;
--awlds-color-progress-green-contrast: var(
--color-palette-green-500,
#107400
);
--awlds-color-progress-blue: var(--color-palette-blue-700, #165bcf);
--awlds-color-progress-blue-contrast: var(--color-palette-blue-500, #266de2);
--branding-bg-color: var(--color-bg-brand-b1, #0066ff);
--branding-text-color: var(--color-text-body-base, #282828);
--vertical-brand-bar-color: var(--branding-bg-color);
--light-gray: #f9f9f9;
--light-blue: var(--color-palette-blue-50, #f6f9ff);
--light-turquoise: #eefcfb;
--ai-light-lavendar: #fbf7ff;
--ai-indigo-purple: var(--color-palette-purple-1000, #4f009a);
--base-font-color: var(--color-text-body-base, #282828);
--base-font-family: "FS Thrive Elliot Web", Arial, sans-serif;
--bold-font-family: "FS Thrive Elliot Web - Bold", Arial, sans-serif;
--heavy-font-family: "FS Thrive Elliot Web - Heavy", Arial, sans-serif;
--light-font-family: "FS Thrive Elliot Web - Light", Arial, sans-serif;
--italic-font-family: "FS Thrive Elliot Web - Italic", Arial, sans-serif;
--mono-font-family: "Courier New", Courier, monospace;
--small-font-size: var(--font-size-s, 14px);
--base-font-size: var(--font-size-base, 16px);
--large-font-size: var(--font-450, 18px);
--h1-font-size: var(--font-1200, 48px);
--h2-font-size: var(--font-size-3xl, 36px);
--h3-font-size: var(--font-700, 28px);
--h4-font-size: var(--font-size-xl, 22px);
--h5-font-size: var(--font-size-l, 20px);
--h6-font-size: var(--font-450, 18px);
--body-font-size: var(--font-size-base, 16px);
--subtitle-font-size: var(--font-size-s, 14px);
--helper-text-font-size: var(--font-size-2xs, 12px);
--legal-font-size: var(--font-325, 13px);
--spacing-none: 0;
--spacing-xs: 2px;
--spacing-s: 4px;
--spacing-m: 8px;
--spacing-l: 16px;
--spacing-xl: 24px;
--spacing-2xl: 32px;
--spacing-3xl: 40px;
--spacing-4xl: 56px;
--spacing-5xl: 80px;
--container-max-width: 1600px;
--width-xs: calc(var(--container-max-width) / 5);
--width-s: calc(var(--container-max-width) / 4);
--width-m: calc(var(--container-max-width) / 3);
--width-l: calc(var(--container-max-width) / 2);
--width-xl: var(--container-max-width);
--full-width: 100%;
--paragraph-margin-bottom: var(--spacing-m);
--paragraph-max-width: 37.5rem;
--breakpoint-s: 320px;
--breakpoint-m: 768px;
--breakpoint-l: 1024px;
--breakpoint-xl: 1280px;
--breakpoint-2xl: 1440px;
}
@font-face {
font-family: "FS Thrive Elliot Web";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Regular.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Bold";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Bold.woff")
format("woff");
font-display: swap;
font-weight: 700;
}
@font-face {
font-family: "FS Thrive Elliot Web - Heavy";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Heavy.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Light";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Light.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Italic";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Italic.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
f-col {
padding-left: var(
--f-grid-column-padding-xs,
var(--f-grid-column-padding, 0.3125rem)
);
padding-right: var(
--f-grid-column-padding-xs,
var(--f-grid-column-padding, 0.3125rem)
);
padding-top: var(
--f-grid-column-padding-xs,
var(--f-grid-column-padding, 0.3125rem)
);
padding-bottom: var(
--f-grid-column-padding-xs,
var(--f-grid-column-padding, 0.3125rem)
);
margin-left: 0;
margin-right: 0;
margin-top: 0;
margin-bottom: 0;
--vertical-brand-bar-color: var(--branding-bg-color);
box-sizing: border-box;
position: relative;
flex-basis: 0;
flex-grow: 1;
width: 100%;
max-width: 100%;
min-height: 0.0625rem;
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
f-col {
padding-left: unset;
padding-right: unset;
-webkit-padding-start: var(
--f-grid-column-padding-xs,
var(--f-grid-column-padding, 0.3125rem)
);
padding-inline-start: var(
--f-grid-column-padding-xs,
var(--f-grid-column-padding, 0.3125rem)
);
-webkit-padding-end: var(
--f-grid-column-padding-xs,
var(--f-grid-column-padding, 0.3125rem)
);
padding-inline-end: var(
--f-grid-column-padding-xs,
var(--f-grid-column-padding, 0.3125rem)
);
}
}
@media (min-width: 375px) {
f-col {
padding-left: var(
--f-grid-column-padding-s,
var(--f-grid-column-padding, 0.3125rem)
);
padding-right: var(
--f-grid-column-padding-s,
var(--f-grid-column-padding, 0.3125rem)
);
padding-top: var(
--f-grid-column-padding-s,
var(--f-grid-column-padding, 0.3125rem)
);
padding-bottom: var(
--f-grid-column-padding-s,
var(--f-grid-column-padding, 0.3125rem)
);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
f-col {
padding-left: unset;
padding-right: unset;
-webkit-padding-start: var(
--f-grid-column-padding-s,
var(--f-grid-column-padding, 0.3125rem)
);
padding-inline-start: var(
--f-grid-column-padding-s,
var(--f-grid-column-padding, 0.3125rem)
);
-webkit-padding-end: var(
--f-grid-column-padding-s,
var(--f-grid-column-padding, 0.3125rem)
);
padding-inline-end: var(
--f-grid-column-padding-s,
var(--f-grid-column-padding, 0.3125rem)
);
}
}
}
@media (min-width: 768px) {
f-col {
padding-left: var(
--f-grid-column-padding-m,
var(--f-grid-column-padding, 0.3125rem)
);
padding-right: var(
--f-grid-column-padding-m,
var(--f-grid-column-padding, 0.3125rem)
);
padding-top: var(
--f-grid-column-padding-m,
var(--f-grid-column-padding, 0.3125rem)
);
padding-bottom: var(
--f-grid-column-padding-m,
var(--f-grid-column-padding, 0.3125rem)
);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
f-col {
padding-left: unset;
padding-right: unset;
-webkit-padding-start: var(
--f-grid-column-padding-m,
var(--f-grid-column-padding, 0.3125rem)
);
padding-inline-start: var(
--f-grid-column-padding-m,
var(--f-grid-column-padding, 0.3125rem)
);
-webkit-padding-end: var(
--f-grid-column-padding-m,
var(--f-grid-column-padding, 0.3125rem)
);
padding-inline-end: var(
--f-grid-column-padding-m,
var(--f-grid-column-padding, 0.3125rem)
);
}
}
}
@media (min-width: 1024px) {
f-col {
padding-left: var(
--f-grid-column-padding-l,
var(--f-grid-column-padding, 0.3125rem)
);
padding-right: var(
--f-grid-column-padding-l,
var(--f-grid-column-padding, 0.3125rem)
);
padding-top: var(
--f-grid-column-padding-l,
var(--f-grid-column-padding, 0.3125rem)
);
padding-bottom: var(
--f-grid-column-padding-l,
var(--f-grid-column-padding, 0.3125rem)
);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
f-col {
padding-left: unset;
padding-right: unset;
-webkit-padding-start: var(
--f-grid-column-padding-l,
var(--f-grid-column-padding, 0.3125rem)
);
padding-inline-start: var(
--f-grid-column-padding-l,
var(--f-grid-column-padding, 0.3125rem)
);
-webkit-padding-end: var(
--f-grid-column-padding-l,
var(--f-grid-column-padding, 0.3125rem)
);
padding-inline-end: var(
--f-grid-column-padding-l,
var(--f-grid-column-padding, 0.3125rem)
);
}
}
}
@media (min-width: 1280px) {
f-col {
padding-left: var(
--f-grid-column-padding-xl,
var(--f-grid-column-padding, 0.3125rem)
);
padding-right: var(
--f-grid-column-padding-xl,
var(--f-grid-column-padding, 0.3125rem)
);
padding-top: var(
--f-grid-column-padding-xl,
var(--f-grid-column-padding, 0.3125rem)
);
padding-bottom: var(
--f-grid-column-padding-xl,
var(--f-grid-column-padding, 0.3125rem)
);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
f-col {
padding-left: unset;
padding-right: unset;
-webkit-padding-start: var(
--f-grid-column-padding-xl,
var(--f-grid-column-padding, 0.3125rem)
);
padding-inline-start: var(
--f-grid-column-padding-xl,
var(--f-grid-column-padding, 0.3125rem)
);
-webkit-padding-end: var(
--f-grid-column-padding-xl,
var(--f-grid-column-padding, 0.3125rem)
);
padding-inline-end: var(
--f-grid-column-padding-xl,
var(--f-grid-column-padding, 0.3125rem)
);
}
}
}
@media (min-width: 1440px) {
f-col {
padding-left: var(
--f-grid-column-padding-2xl,
var(--f-grid-column-padding, 0.3125rem)
);
padding-right: var(
--f-grid-column-padding-2xl,
var(--f-grid-column-padding, 0.3125rem)
);
padding-top: var(
--f-grid-column-padding-2xl,
var(--f-grid-column-padding, 0.3125rem)
);
padding-bottom: var(
--f-grid-column-padding-2xl,
var(--f-grid-column-padding, 0.3125rem)
);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
f-col {
padding-left: unset;
padding-right: unset;
-webkit-padding-start: var(
--f-grid-column-padding-2xl,
var(--f-grid-column-padding, 0.3125rem)
);
padding-inline-start: var(
--f-grid-column-padding-2xl,
var(--f-grid-column-padding, 0.3125rem)
);
-webkit-padding-end: var(
--f-grid-column-padding-2xl,
var(--f-grid-column-padding, 0.3125rem)
);
padding-inline-end: var(
--f-grid-column-padding-2xl,
var(--f-grid-column-padding, 0.3125rem)
);
}
}
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--core-water-leaf: var(--color-palette-teal-400, #97e8e2);
--core-tropical-blue: var(--color-palette-blue-200, #c2d9fe);
--core-pale-lavendar: var(--color-palette-purple-200, #e5cefd);
--core-pale-lavender: var(--color-palette-purple-200, #e5cefd);
--accent-canary-yellow: var(--color-palette-yellow-100, #fff200);
--accent-grenadier: var(--color-palette-red-500, #cd4400);
--accent-pink-orange: var(--color-palette-red-300, #ff9966);
--accent-apricot: var(--color-palette-red-200, #ffcbb1);
--accent-denim: var(--color-palette-blue-700, #165bcf);
--accent-navy-blue: var(--color-palette-blue-500, #266de2);
--accent-jordy-blue: var(--color-palette-blue-300, #7da7ed);
--accent-hawkes-blue: var(--color-palette-blue-100, #dce9ff);
--accent-zircon: var(--color-palette-blue-50, #f6f9ff);
--tertiary-viking: var(--color-palette-teal-600, #64d9d2);
--tertiary-cornflower-blue: var(--color-palette-blue-400, #639dfe);
--tertiary-rich-lilac: var(--color-palette-purple-700, #bb6bd9);
--tertiary-orchid: var(--color-palette-purple-500, #d382e0);
--neutral-black: var(--color-palette-gray-700, #282828);
--neutral-steel: var(--color-palette-gray-500, #666666);
--neutral-dove-gray: var(--color-palette-gray-400, #767676);
--neutral-mountain-mist: var(--color-palette-gray-300, #949494);
--neutral-athens-gray: var(--color-palette-gray-200, #dedede);
--neutral-gallery: var(--color-palette-gray-100, #efefef);
--neutral-white: var(--color-palette-gray-50, #ffffff);
--error-background: var(--color-palette-red-50, #fdebec);
--error-shadow: var(--color-palette-red-400, #ed3f3f);
--error: var(--color-palette-red-600, #c61a1a);
--warning-background: var(--color-palette-yellow-50, #ffefd2);
--warning: var(--color-palette-yellow-200, #fbcf35);
--success-background: var(--color-palette-green-100, #e6f6e1);
--success-shadow: var(--color-palette-green-300, #0fab01);
--success: var(--color-palette-green-500, #107400);
--info: #165dd0;
--info-background: var(--color-bg-info-base, #dce9ff);
--a11y-focus-color: var(--color-border-focus-base, #0055aa);
--background-body: var(--color-bg-body-base, #ffffff);
--border-general: var(--color-border-default-base, #767676);
--border-light: var(--color-palette-gray-300, #949494);
--anchor-color: var(--color-link-base);
--awlds-color-progress-green: #0eab00;
--awlds-color-progress-green-contrast: var(
--color-palette-green-500,
#107400
);
--awlds-color-progress-blue: var(--color-palette-blue-700, #165bcf);
--awlds-color-progress-blue-contrast: var(--color-palette-blue-500, #266de2);
--branding-bg-color: var(--color-bg-brand-b1, #0066ff);
--branding-text-color: var(--color-text-body-base, #282828);
--vertical-brand-bar-color: var(--branding-bg-color);
--light-gray: #f9f9f9;
--light-blue: var(--color-palette-blue-50, #f6f9ff);
--light-turquoise: #eefcfb;
--ai-light-lavendar: #fbf7ff;
--ai-indigo-purple: var(--color-palette-purple-1000, #4f009a);
--base-font-color: var(--color-text-body-base, #282828);
--base-font-family: "FS Thrive Elliot Web", Arial, sans-serif;
--bold-font-family: "FS Thrive Elliot Web - Bold", Arial, sans-serif;
--heavy-font-family: "FS Thrive Elliot Web - Heavy", Arial, sans-serif;
--light-font-family: "FS Thrive Elliot Web - Light", Arial, sans-serif;
--italic-font-family: "FS Thrive Elliot Web - Italic", Arial, sans-serif;
--mono-font-family: "Courier New", Courier, monospace;
--small-font-size: var(--font-size-s, 14px);
--base-font-size: var(--font-size-base, 16px);
--large-font-size: var(--font-450, 18px);
--h1-font-size: var(--font-1200, 48px);
--h2-font-size: var(--font-size-3xl, 36px);
--h3-font-size: var(--font-700, 28px);
--h4-font-size: var(--font-size-xl, 22px);
--h5-font-size: var(--font-size-l, 20px);
--h6-font-size: var(--font-450, 18px);
--body-font-size: var(--font-size-base, 16px);
--subtitle-font-size: var(--font-size-s, 14px);
--helper-text-font-size: var(--font-size-2xs, 12px);
--legal-font-size: var(--font-325, 13px);
--spacing-none: 0;
--spacing-xs: 2px;
--spacing-s: 4px;
--spacing-m: 8px;
--spacing-l: 16px;
--spacing-xl: 24px;
--spacing-2xl: 32px;
--spacing-3xl: 40px;
--spacing-4xl: 56px;
--spacing-5xl: 80px;
--container-max-width: 1600px;
--width-xs: calc(var(--container-max-width) / 5);
--width-s: calc(var(--container-max-width) / 4);
--width-m: calc(var(--container-max-width) / 3);
--width-l: calc(var(--container-max-width) / 2);
--width-xl: var(--container-max-width);
--full-width: 100%;
--paragraph-margin-bottom: var(--spacing-m);
--paragraph-max-width: 37.5rem;
--breakpoint-s: 320px;
--breakpoint-m: 768px;
--breakpoint-l: 1024px;
--breakpoint-xl: 1280px;
--breakpoint-2xl: 1440px;
}
@font-face {
font-family: "FS Thrive Elliot Web";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Regular.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Bold";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Bold.woff")
format("woff");
font-display: swap;
font-weight: 700;
}
@font-face {
font-family: "FS Thrive Elliot Web - Heavy";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Heavy.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Light";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Light.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Italic";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Italic.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
:root,
:host {
--f-border-size: 1px;
--f-border-color: var(--color-border-default-strong, #282828);
}
f-divider hr.f-divider {
border: none;
border-width: 0px;
height: auto;
}
f-divider hr.f-divider-horizontal {
border-block-start: var(--f-border-size) solid var(--f-border-color);
}
f-divider hr.f-divider-vertical {
height: 100%;
border-right: var(--f-border-size) solid var(--f-border-color);
}
f-divider hr.f-divider-neutral-black {
--f-border-color: var(--color-border-default-strong, #282828);
}
f-divider hr.f-divider-neutral-dove-gray {
--f-border-color: var(--color-border-default-base, #767676);
}
f-divider hr.f-divider-neutral-mountain-mist {
--f-border-color: var(--color-palette-gray-300, #949494);
}
f-divider hr.f-divider-neutral-athens-gray {
--f-border-color: var(--color-border-default-subtlest, #dedede);
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--core-water-leaf: var(--color-palette-teal-400, #97e8e2);
--core-tropical-blue: var(--color-palette-blue-200, #c2d9fe);
--core-pale-lavendar: var(--color-palette-purple-200, #e5cefd);
--core-pale-lavender: var(--color-palette-purple-200, #e5cefd);
--accent-canary-yellow: var(--color-palette-yellow-100, #fff200);
--accent-grenadier: var(--color-palette-red-500, #cd4400);
--accent-pink-orange: var(--color-palette-red-300, #ff9966);
--accent-apricot: var(--color-palette-red-200, #ffcbb1);
--accent-denim: var(--color-palette-blue-700, #165bcf);
--accent-navy-blue: var(--color-palette-blue-500, #266de2);
--accent-jordy-blue: var(--color-palette-blue-300, #7da7ed);
--accent-hawkes-blue: var(--color-palette-blue-100, #dce9ff);
--accent-zircon: var(--color-palette-blue-50, #f6f9ff);
--tertiary-viking: var(--color-palette-teal-600, #64d9d2);
--tertiary-cornflower-blue: var(--color-palette-blue-400, #639dfe);
--tertiary-rich-lilac: var(--color-palette-purple-700, #bb6bd9);
--tertiary-orchid: var(--color-palette-purple-500, #d382e0);
--neutral-black: var(--color-palette-gray-700, #282828);
--neutral-steel: var(--color-palette-gray-500, #666666);
--neutral-dove-gray: var(--color-palette-gray-400, #767676);
--neutral-mountain-mist: var(--color-palette-gray-300, #949494);
--neutral-athens-gray: var(--color-palette-gray-200, #dedede);
--neutral-gallery: var(--color-palette-gray-100, #efefef);
--neutral-white: var(--color-palette-gray-50, #ffffff);
--error-background: var(--color-palette-red-50, #fdebec);
--error-shadow: var(--color-palette-red-400, #ed3f3f);
--error: var(--color-palette-red-600, #c61a1a);
--warning-background: var(--color-palette-yellow-50, #ffefd2);
--warning: var(--color-palette-yellow-200, #fbcf35);
--success-background: var(--color-palette-green-100, #e6f6e1);
--success-shadow: var(--color-palette-green-300, #0fab01);
--success: var(--color-palette-green-500, #107400);
--info: #165dd0;
--info-background: var(--color-bg-info-base, #dce9ff);
--a11y-focus-color: var(--color-border-focus-base, #0055aa);
--background-body: var(--color-bg-body-base, #ffffff);
--border-general: var(--color-border-default-base, #767676);
--border-light: var(--color-palette-gray-300, #949494);
--anchor-color: var(--color-link-base);
--awlds-color-progress-green: #0eab00;
--awlds-color-progress-green-contrast: var(
--color-palette-green-500,
#107400
);
--awlds-color-progress-blue: var(--color-palette-blue-700, #165bcf);
--awlds-color-progress-blue-contrast: var(--color-palette-blue-500, #266de2);
--branding-bg-color: var(--color-bg-brand-b1, #0066ff);
--branding-text-color: var(--color-text-body-base, #282828);
--vertical-brand-bar-color: var(--branding-bg-color);
--light-gray: #f9f9f9;
--light-blue: var(--color-palette-blue-50, #f6f9ff);
--light-turquoise: #eefcfb;
--ai-light-lavendar: #fbf7ff;
--ai-indigo-purple: var(--color-palette-purple-1000, #4f009a);
--base-font-color: var(--color-text-body-base, #282828);
--base-font-family: "FS Thrive Elliot Web", Arial, sans-serif;
--bold-font-family: "FS Thrive Elliot Web - Bold", Arial, sans-serif;
--heavy-font-family: "FS Thrive Elliot Web - Heavy", Arial, sans-serif;
--light-font-family: "FS Thrive Elliot Web - Light", Arial, sans-serif;
--italic-font-family: "FS Thrive Elliot Web - Italic", Arial, sans-serif;
--mono-font-family: "Courier New", Courier, monospace;
--small-font-size: var(--font-size-s, 14px);
--base-font-size: var(--font-size-base, 16px);
--large-font-size: var(--font-450, 18px);
--h1-font-size: var(--font-1200, 48px);
--h2-font-size: var(--font-size-3xl, 36px);
--h3-font-size: var(--font-700, 28px);
--h4-font-size: var(--font-size-xl, 22px);
--h5-font-size: var(--font-size-l, 20px);
--h6-font-size: var(--font-450, 18px);
--body-font-size: var(--font-size-base, 16px);
--subtitle-font-size: var(--font-size-s, 14px);
--helper-text-font-size: var(--font-size-2xs, 12px);
--legal-font-size: var(--font-325, 13px);
--spacing-none: 0;
--spacing-xs: 2px;
--spacing-s: 4px;
--spacing-m: 8px;
--spacing-l: 16px;
--spacing-xl: 24px;
--spacing-2xl: 32px;
--spacing-3xl: 40px;
--spacing-4xl: 56px;
--spacing-5xl: 80px;
--container-max-width: 1600px;
--width-xs: calc(var(--container-max-width) / 5);
--width-s: calc(var(--container-max-width) / 4);
--width-m: calc(var(--container-max-width) / 3);
--width-l: calc(var(--container-max-width) / 2);
--width-xl: var(--container-max-width);
--full-width: 100%;
--paragraph-margin-bottom: var(--spacing-m);
--paragraph-max-width: 37.5rem;
--breakpoint-s: 320px;
--breakpoint-m: 768px;
--breakpoint-l: 1024px;
--breakpoint-xl: 1280px;
--breakpoint-2xl: 1440px;
}
@font-face {
font-family: "FS Thrive Elliot Web";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Regular.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Bold";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Bold.woff")
format("woff");
font-display: swap;
font-weight: 700;
}
@font-face {
font-family: "FS Thrive Elliot Web - Heavy";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Heavy.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Light";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Light.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Italic";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Italic.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
f-modal-header .f-modal-header {
display: flex;
align-content: center;
justify-content: space-between;
padding: var(--spacing-xl) var(--spacing-xl) var(--spacing-none)
var(--spacing-xl);
box-sizing: border-box;
height: auto;
}
f-modal-header .f-modal-header h2,
f-modal-header .f-modal-header h3,
f-modal-header .f-modal-header h4 {
font-family: var(--base-font-family);
}
f-modal-header .f-modal-header .f-modal-header-close-btn button {
display: flex;
align-items: center;
justify-content: center;
}
f-modal-header .f-modal-header .f-modal-header-close-btn button:hover,
f-modal-header .f-modal-header .f-modal-header-close-btn button:focus {
border-radius: 0;
outline: var(--spacing-xs) solid var(--color-border-focus-base, #0055aa);
}
f-modal-header p.f-modal-header-subtext {
margin: var(--spacing-none);
padding: var(--spacing-l) var(--spacing-xl) var(--spacing-none)
var(--spacing-xl);
line-height: 1.5;
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--core-water-leaf: var(--color-palette-teal-400, #97e8e2);
--core-tropical-blue: var(--color-palette-blue-200, #c2d9fe);
--core-pale-lavendar: var(--color-palette-purple-200, #e5cefd);
--core-pale-lavender: var(--color-palette-purple-200, #e5cefd);
--accent-canary-yellow: var(--color-palette-yellow-100, #fff200);
--accent-grenadier: var(--color-palette-red-500, #cd4400);
--accent-pink-orange: var(--color-palette-red-300, #ff9966);
--accent-apricot: var(--color-palette-red-200, #ffcbb1);
--accent-denim: var(--color-palette-blue-700, #165bcf);
--accent-navy-blue: var(--color-palette-blue-500, #266de2);
--accent-jordy-blue: var(--color-palette-blue-300, #7da7ed);
--accent-hawkes-blue: var(--color-palette-blue-100, #dce9ff);
--accent-zircon: var(--color-palette-blue-50, #f6f9ff);
--tertiary-viking: var(--color-palette-teal-600, #64d9d2);
--tertiary-cornflower-blue: var(--color-palette-blue-400, #639dfe);
--tertiary-rich-lilac: var(--color-palette-purple-700, #bb6bd9);
--tertiary-orchid: var(--color-palette-purple-500, #d382e0);
--neutral-black: var(--color-palette-gray-700, #282828);
--neutral-steel: var(--color-palette-gray-500, #666666);
--neutral-dove-gray: var(--color-palette-gray-400, #767676);
--neutral-mountain-mist: var(--color-palette-gray-300, #949494);
--neutral-athens-gray: var(--color-palette-gray-200, #dedede);
--neutral-gallery: var(--color-palette-gray-100, #efefef);
--neutral-white: var(--color-palette-gray-50, #ffffff);
--error-background: var(--color-palette-red-50, #fdebec);
--error-shadow: var(--color-palette-red-400, #ed3f3f);
--error: var(--color-palette-red-600, #c61a1a);
--warning-background: var(--color-palette-yellow-50, #ffefd2);
--warning: var(--color-palette-yellow-200, #fbcf35);
--success-background: var(--color-palette-green-100, #e6f6e1);
--success-shadow: var(--color-palette-green-300, #0fab01);
--success: var(--color-palette-green-500, #107400);
--info: #165dd0;
--info-background: var(--color-bg-info-base, #dce9ff);
--a11y-focus-color: var(--color-border-focus-base, #0055aa);
--background-body: var(--color-bg-body-base, #ffffff);
--border-general: var(--color-border-default-base, #767676);
--border-light: var(--color-palette-gray-300, #949494);
--anchor-color: var(--color-link-base);
--awlds-color-progress-green: #0eab00;
--awlds-color-progress-green-contrast: var(
--color-palette-green-500,
#107400
);
--awlds-color-progress-blue: var(--color-palette-blue-700, #165bcf);
--awlds-color-progress-blue-contrast: var(--color-palette-blue-500, #266de2);
--branding-bg-color: var(--color-bg-brand-b1, #0066ff);
--branding-text-color: var(--color-text-body-base, #282828);
--vertical-brand-bar-color: var(--branding-bg-color);
--light-gray: #f9f9f9;
--light-blue: var(--color-palette-blue-50, #f6f9ff);
--light-turquoise: #eefcfb;
--ai-light-lavendar: #fbf7ff;
--ai-indigo-purple: var(--color-palette-purple-1000, #4f009a);
--base-font-color: var(--color-text-body-base, #282828);
--base-font-family: "FS Thrive Elliot Web", Arial, sans-serif;
--bold-font-family: "FS Thrive Elliot Web - Bold", Arial, sans-serif;
--heavy-font-family: "FS Thrive Elliot Web - Heavy", Arial, sans-serif;
--light-font-family: "FS Thrive Elliot Web - Light", Arial, sans-serif;
--italic-font-family: "FS Thrive Elliot Web - Italic", Arial, sans-serif;
--mono-font-family: "Courier New", Courier, monospace;
--small-font-size: var(--font-size-s, 14px);
--base-font-size: var(--font-size-base, 16px);
--large-font-size: var(--font-450, 18px);
--h1-font-size: var(--font-1200, 48px);
--h2-font-size: var(--font-size-3xl, 36px);
--h3-font-size: var(--font-700, 28px);
--h4-font-size: var(--font-size-xl, 22px);
--h5-font-size: var(--font-size-l, 20px);
--h6-font-size: var(--font-450, 18px);
--body-font-size: var(--font-size-base, 16px);
--subtitle-font-size: var(--font-size-s, 14px);
--helper-text-font-size: var(--font-size-2xs, 12px);
--legal-font-size: var(--font-325, 13px);
--spacing-none: 0;
--spacing-xs: 2px;
--spacing-s: 4px;
--spacing-m: 8px;
--spacing-l: 16px;
--spacing-xl: 24px;
--spacing-2xl: 32px;
--spacing-3xl: 40px;
--spacing-4xl: 56px;
--spacing-5xl: 80px;
--container-max-width: 1600px;
--width-xs: calc(var(--container-max-width) / 5);
--width-s: calc(var(--container-max-width) / 4);
--width-m: calc(var(--container-max-width) / 3);
--width-l: calc(var(--container-max-width) / 2);
--width-xl: var(--container-max-width);
--full-width: 100%;
--paragraph-margin-bottom: var(--spacing-m);
--paragraph-max-width: 37.5rem;
--breakpoint-s: 320px;
--breakpoint-m: 768px;
--breakpoint-l: 1024px;
--breakpoint-xl: 1280px;
--breakpoint-2xl: 1440px;
}
/**
* Global variables
* Please use this file to define global sass variables
* These variables will be added first to be used in all other sass files
*/
@font-face {
font-family: "FS Thrive Elliot Web";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Regular.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Bold";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Bold.woff")
format("woff");
font-display: swap;
font-weight: 700;
}
@font-face {
font-family: "FS Thrive Elliot Web - Heavy";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Heavy.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Light";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Light.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Italic";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Italic.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
/**
* @prop --f-icon-color: Color of the icon
* @prop --f-icon-size: Size of the icon
*/
:root,
:host {
--f-icon-color: var(--color-icon-dark-base, #282828);
--f-icon-size: 1rem;
--f-icon-padding: 0;
--f-icon-margin: 0;
--f-icon-justify-content: center;
--f-icon-align-items: center;
--f-icon-transform: none; /* Default transform for LTR */
/*
DO NOT predefine the logical vars here.
Leave them undefined unless explicitly set by a component.
*/
}
@layer physical, logical;
@layer physical {
f-icon {
margin: var(--f-icon-margin); /* Adjust margin as needed */
}
}
@layer logical {
f-icon {
margin-block-start: var(--f-icon-margin-block-start, revert-layer);
margin-inline-end: var(--f-icon-margin-inline-end, revert-layer);
margin-block-end: var(--f-icon-margin-block-end, revert-layer);
margin-inline-start: var(--f-icon-margin-inline-start, revert-layer);
}
}
f-icon {
padding: var(--f-icon-padding);
display: inline-flex;
box-sizing: border-box;
justify-content: var(--f-icon-justify-content);
align-items: var(--f-icon-align-items);
min-width: var(--f-icon-container-size, var(--f-icon-size));
min-height: var(--f-icon-container-size, var(--f-icon-size));
line-height: 100%;
color: var(--f-icon-color);
transform: var(--f-icon-transform); /* Apply transform dynamically */
transform-origin: center; /* Ensure transform origin is centered */
}
f-icon svg {
width: var(--f-icon-size);
height: var(--f-icon-size);
max-width: 100%;
max-height: 100%;
fill: var(--f-icon-color);
}
/* RTL support */
f-icon:dir(rtl) {
--f-icon-transform: rotate(180deg) scaleY(-1); /* Flip and rotate for RTL */
}
.border {
outline: 0.125rem solid var(--color-border-focus-base, #0055aa);
outline-offset: 0.125rem;
}
@layer primeng {
.p-dialog-mask {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
pointer-events: none;
}
.p-dialog-mask.p-component-overlay {
pointer-events: auto;
}
.p-dialog {
display: flex;
flex-direction: column;
pointer-events: auto;
max-height: 90%;
transform: scale(1);
position: relative;
}
.p-dialog-content {
overflow-y: auto;
flex-grow: 1;
}
.p-dialog-header {
display: flex;
align-items: center;
justify-content: space-between;
flex-shrink: 0;
}
.p-dialog-draggable .p-dialog-header {
cursor: move;
}
.p-dialog-footer {
flex-shrink: 0;
}
.p-dialog .p-dialog-header-icons {
display: flex;
align-items: center;
}
.p-dialog .p-dialog-header-icon {
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
position: relative;
}
.p-fluid .p-dialog-footer .p-button {
width: auto;
}
.p-dialog-top .p-dialog,
.p-dialog-bottom .p-dialog,
.p-dialog-left .p-dialog,
.p-dialog-right .p-dialog,
.p-dialog-top-left .p-dialog,
.p-dialog-top-right .p-dialog,
.p-dialog-bottom-left .p-dialog,
.p-dialog-bottom-right .p-dialog {
margin: 0.75rem;
transform: translateZ(0);
}
.p-dialog-maximized {
-webkit-transition: none;
transition: none;
transform: none;
width: 100vw !important;
height: 100vh !important;
top: 0 !important;
left: 0 !important;
max-height: 100%;
height: 100%;
}
.p-dialog-maximized .p-dialog-content {
flex-grow: 1;
}
.p-dialog-left {
justify-content: flex-start;
}
.p-dialog-right {
justify-content: flex-end;
}
.p-dialog-top {
align-items: flex-start;
}
.p-dialog-top-left {
justify-content: flex-start;
align-items: flex-start;
}
.p-dialog-top-right {
justify-content: flex-end;
align-items: flex-start;
}
.p-dialog-bottom {
align-items: flex-end;
}
.p-dialog-bottom-left {
justify-content: flex-start;
align-items: flex-end;
}
.p-dialog-bottom-right {
justify-content: flex-end;
align-items: flex-end;
}
.p-dialog .p-resizable-handle {
position: absolute;
font-size: 0.1px;
display: block;
cursor: se-resize;
width: 12px;
height: 12px;
right: 1px;
bottom: 1px;
}
.p-confirm-dialog .p-dialog-content {
display: flex;
align-items: center;
}
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--core-water-leaf: var(--color-palette-teal-400, #97e8e2);
--core-tropical-blue: var(--color-palette-blue-200, #c2d9fe);
--core-pale-lavendar: var(--color-palette-purple-200, #e5cefd);
--core-pale-lavender: var(--color-palette-purple-200, #e5cefd);
--accent-canary-yellow: var(--color-palette-yellow-100, #fff200);
--accent-grenadier: var(--color-palette-red-500, #cd4400);
--accent-pink-orange: var(--color-palette-red-300, #ff9966);
--accent-apricot: var(--color-palette-red-200, #ffcbb1);
--accent-denim: var(--color-palette-blue-700, #165bcf);
--accent-navy-blue: var(--color-palette-blue-500, #266de2);
--accent-jordy-blue: var(--color-palette-blue-300, #7da7ed);
--accent-hawkes-blue: var(--color-palette-blue-100, #dce9ff);
--accent-zircon: var(--color-palette-blue-50, #f6f9ff);
--tertiary-viking: var(--color-palette-teal-600, #64d9d2);
--tertiary-cornflower-blue: var(--color-palette-blue-400, #639dfe);
--tertiary-rich-lilac: var(--color-palette-purple-700, #bb6bd9);
--tertiary-orchid: var(--color-palette-purple-500, #d382e0);
--neutral-black: var(--color-palette-gray-700, #282828);
--neutral-steel: var(--color-palette-gray-500, #666666);
--neutral-dove-gray: var(--color-palette-gray-400, #767676);
--neutral-mountain-mist: var(--color-palette-gray-300, #949494);
--neutral-athens-gray: var(--color-palette-gray-200, #dedede);
--neutral-gallery: var(--color-palette-gray-100, #efefef);
--neutral-white: var(--color-palette-gray-50, #ffffff);
--error-background: var(--color-palette-red-50, #fdebec);
--error-shadow: var(--color-palette-red-400, #ed3f3f);
--error: var(--color-palette-red-600, #c61a1a);
--warning-background: var(--color-palette-yellow-50, #ffefd2);
--warning: var(--color-palette-yellow-200, #fbcf35);
--success-background: var(--color-palette-green-100, #e6f6e1);
--success-shadow: var(--color-palette-green-300, #0fab01);
--success: var(--color-palette-green-500, #107400);
--info: #165dd0;
--info-background: var(--color-bg-info-base, #dce9ff);
--a11y-focus-color: var(--color-border-focus-base, #0055aa);
--background-body: var(--color-bg-body-base, #ffffff);
--border-general: var(--color-border-default-base, #767676);
--border-light: var(--color-palette-gray-300, #949494);
--anchor-color: var(--color-link-base);
--awlds-color-progress-green: #0eab00;
--awlds-color-progress-green-contrast: var(
--color-palette-green-500,
#107400
);
--awlds-color-progress-blue: var(--color-palette-blue-700, #165bcf);
--awlds-color-progress-blue-contrast: var(--color-palette-blue-500, #266de2);
--branding-bg-color: var(--color-bg-brand-b1, #0066ff);
--branding-text-color: var(--color-text-body-base, #282828);
--vertical-brand-bar-color: var(--branding-bg-color);
--light-gray: #f9f9f9;
--light-blue: var(--color-palette-blue-50, #f6f9ff);
--light-turquoise: #eefcfb;
--ai-light-lavendar: #fbf7ff;
--ai-indigo-purple: var(--color-palette-purple-1000, #4f009a);
--base-font-color: var(--color-text-body-base, #282828);
--base-font-family: "FS Thrive Elliot Web", Arial, sans-serif;
--bold-font-family: "FS Thrive Elliot Web - Bold", Arial, sans-serif;
--heavy-font-family: "FS Thrive Elliot Web - Heavy", Arial, sans-serif;
--light-font-family: "FS Thrive Elliot Web - Light", Arial, sans-serif;
--italic-font-family: "FS Thrive Elliot Web - Italic", Arial, sans-serif;
--mono-font-family: "Courier New", Courier, monospace;
--small-font-size: var(--font-size-s, 14px);
--base-font-size: var(--font-size-base, 16px);
--large-font-size: var(--font-450, 18px);
--h1-font-size: var(--font-1200, 48px);
--h2-font-size: var(--font-size-3xl, 36px);
--h3-font-size: var(--font-700, 28px);
--h4-font-size: var(--font-size-xl, 22px);
--h5-font-size: var(--font-size-l, 20px);
--h6-font-size: var(--font-450, 18px);
--body-font-size: var(--font-size-base, 16px);
--subtitle-font-size: var(--font-size-s, 14px);
--helper-text-font-size: var(--font-size-2xs, 12px);
--legal-font-size: var(--font-325, 13px);
--spacing-none: 0;
--spacing-xs: 2px;
--spacing-s: 4px;
--spacing-m: 8px;
--spacing-l: 16px;
--spacing-xl: 24px;
--spacing-2xl: 32px;
--spacing-3xl: 40px;
--spacing-4xl: 56px;
--spacing-5xl: 80px;
--container-max-width: 1600px;
--width-xs: calc(var(--container-max-width) / 5);
--width-s: calc(var(--container-max-width) / 4);
--width-m: calc(var(--container-max-width) / 3);
--width-l: calc(var(--container-max-width) / 2);
--width-xl: var(--container-max-width);
--full-width: 100%;
--paragraph-margin-bottom: var(--spacing-m);
--paragraph-max-width: 37.5rem;
--breakpoint-s: 320px;
--breakpoint-m: 768px;
--breakpoint-l: 1024px;
--breakpoint-xl: 1280px;
--breakpoint-2xl: 1440px;
}
@font-face {
font-family: "FS Thrive Elliot Web";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Regular.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Bold";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Bold.woff")
format("woff");
font-display: swap;
font-weight: 700;
}
@font-face {
font-family: "FS Thrive Elliot Web - Heavy";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Heavy.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Light";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Light.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Italic";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Italic.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
:root,
:host {
--f-modal-border-radius: 0.625rem;
--f-modal-box-shadow: 0px 1.25rem 3.125rem 0px rgba(40, 40, 40, 0.3);
--f-modal-content-padding: var(--spacing-xl);
--f-modal-custom-width: 50rem;
--f-modal-custom-height: 16.25rem;
--f-modal-margin: var(--spacing-xl);
}
.f-modal {
position: fixed;
display: none;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1000;
padding: var(--f-modal-margin);
}
.f-modal.visible {
display: flex;
}
.f-modal.center {
justify-content: center;
align-items: center;
}
.f-modal.left {
justify-content: flex-start;
align-items: center;
}
.f-modal.right {
justify-content: flex-end;
align-items: center;
}
.f-modal.top-right {
justify-content: flex-end;
align-items: flex-start;
}
.f-modal.top-left {
justify-content: flex-start;
align-items: flex-start;
}
.f-modal.top {
justify-content: center;
align-items: flex-start;
}
.f-modal.bottom-right {
justify-content: flex-end;
align-items: flex-end;
}
.f-modal.bottom-left {
justify-content: flex-start;
align-items: flex-end;
}
.f-modal.bottom {
justify-content: center;
align-items: flex-end;
}
.f-modal .f-modal-container {
background-color: var(--color-bg-light-base, #ffffff);
box-shadow: var(--f-modal-box-shadow);
border-radius: 0.5rem;
display: flex;
flex-direction: column;
position: relative;
width: 100vw;
max-width: calc(100vw - var(--f-modal-margin) * 2);
max-height: calc(100vh - var(--f-modal-margin) * 2);
height: auto;
}
@media (min-width: 600px) {
.f-modal .f-modal-container {
width: auto;
max-width: calc(100vw - var(--f-modal-margin) * 2);
}
}
@media (min-width: 600px) {
.f-modal .f-modal-container.small {
width: 23.4375rem;
}
}
@media (min-width: 600px) {
.f-modal .f-modal-container.medium {
width: 30rem;
}
}
@media (min-width: 600px) {
.f-modal .f-modal-container.large {
width: 40.5rem;
}
}
@media (min-width: 600px) {
.f-modal .f-modal-container.custom {
width: var(--f-modal-custom-width);
}
}
.f-modal .f-modal-container.drawer {
width: var(--f-modal-custom-width, 25rem);
height: calc(100vh - var(--f-modal-margin) * 2);
max-height: calc(100vh - var(--f-modal-margin) * 2);
display: flex;
flex-direction: column;
min-height: 0;
}
.f-modal .f-modal-container.drawer .f-modal-header-container {
flex: 0 0 auto;
z-index: 2;
position: sticky;
top: 0;
}
.f-modal .f-modal-container.drawer .f-modal-content {
flex: 1 1 auto;
overflow-y: auto;
min-height: 0;
}
.f-modal .f-modal-container.drawer .f-modal-button-bar {
flex: 0 0 auto;
position: sticky;
bottom: 0;
z-index: 2;
background: var(--color-bg-light-base, #ffffff);
}
.f-modal .f-modal-container.drawer f-modal-header {
--f-modal-header-bg-color: var(--primary-navy);
--f-modal-header-text-color: var(--neutral-white);
}
.f-modal .f-modal-container.drawer f-modal-header button {
--icon-color: var(--neutral-white);
}
.f-modal .f-modal-container:not(.fixed-header) {
overflow-y: auto;
}
.f-modal .f-modal-container.fixed-header {
overflow: hidden;
}
.f-modal .f-modal-container.fixed-header .f-modal-header-container {
position: sticky;
top: 0;
}
.f-modal .f-modal-container.fixed-header .f-modal-content {
overflow-y: auto;
min-height: 0;
}
.f-modal .f-modal-container .f-modal-header-container {
flex: 0 0 auto;
z-index: 2;
background: var(--color-bg-light-base, #ffffff);
padding-bottom: var(--spacing-l);
}
.f-modal .f-modal-container .f-modal-header-container.f-modal-divider {
border-bottom: 0.0625rem solid var(--color-border-default-subtlest, #dedede);
}
.f-modal
.f-modal-container
.f-modal-header-container
::slotted([slot="f-modal-header-text"]),
.f-modal
.f-modal-container
.f-modal-header-container
::slotted([slot="f-modal-header-subtext"]) {
display: block;
font-size: var(--f-modal-header-font-size, 1.25rem);
font-weight: var(--f-modal-header-font-weight, 600);
margin-bottom: var(--spacing-xs);
}
.f-modal .f-modal-container .f-modal-header-container.has-slotted-header {
padding: var(--spacing-xl) var(--spacing-xl) var(--spacing-none)
var(--spacing-xl);
}
.f-modal .f-modal-container .f-modal-header {
position: relative;
display: flex;
align-items: flex-start;
width: 100%;
}
.f-modal .f-modal-container .f-modal-header > div:first-child {
display: flex;
flex-direction: column;
flex: 1 1 auto;
}
.f-modal .f-modal-container .f-modal-header-close-btn {
position: absolute;
top: 24px;
right: 24px;
z-index: 1;
display: flex;
align-items: center;
}
.f-modal .f-modal-container f-modal-header .f-modal-header-close-btn {
position: static;
}
.f-modal .f-modal-container .f-modal-close-btn {
background: none;
border: none;
padding: var(--spacing-xs);
cursor: pointer;
display: flex;
align-items: center;
}
.f-modal .f-modal-container .f-modal-content {
padding: var(--f-modal-content-padding);
width: auto;
position: relative;
}
.f-modal .f-modal-container .f-modal-content:focus {
outline: none;
}
.f-modal
.f-modal-container
.f-modal-content
img:not(.f-icon).f-modal-content-img-banner {
max-width: 100%;
height: auto;
}
.f-modal .f-modal-container .f-modal-button-bar {
flex: 0 0 auto;
}
.f-modal .f-modal-container.no-header-divider .f-modal-header-container {
padding-bottom: var(--spacing-s);
}
.f-modal .f-modal-container.no-header-divider .f-modal-content {
padding-top: var(--spacing-m);
}
.f-modal .f-modal-container:not(:has(.f-modal-button-bar)) .f-modal-content {
padding-bottom: var(--spacing-m);
}
.f-modal .f-modal-container:has(.f-modal-button-bar) .f-modal-content {
padding-bottom: var(--f-modal-content-padding);
}
.f-modal .f-modal-header-container.has-slotted-header .f-modal-header {
display: flex;
justify-content: space-between;
align-items: flex-start;
width: 100%;
}
.f-modal
.f-modal-header-container.has-slotted-header
.f-modal-header
> div:first-child {
display: flex;
flex-direction: column;
flex: 1 1 auto;
}
.f-modal
.f-modal-header-container.has-slotted-header
.f-modal-header-close-btn {
position: static;
display: flex;
align-items: center;
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--core-water-leaf: var(--color-palette-teal-400, #97e8e2);
--core-tropical-blue: var(--color-palette-blue-200, #c2d9fe);
--core-pale-lavendar: var(--color-palette-purple-200, #e5cefd);
--core-pale-lavender: var(--color-palette-purple-200, #e5cefd);
--accent-canary-yellow: var(--color-palette-yellow-100, #fff200);
--accent-grenadier: var(--color-palette-red-500, #cd4400);
--accent-pink-orange: var(--color-palette-red-300, #ff9966);
--accent-apricot: var(--color-palette-red-200, #ffcbb1);
--accent-denim: var(--color-palette-blue-700, #165bcf);
--accent-navy-blue: var(--color-palette-blue-500, #266de2);
--accent-jordy-blue: var(--color-palette-blue-300, #7da7ed);
--accent-hawkes-blue: var(--color-palette-blue-100, #dce9ff);
--accent-zircon: var(--color-palette-blue-50, #f6f9ff);
--tertiary-viking: var(--color-palette-teal-600, #64d9d2);
--tertiary-cornflower-blue: var(--color-palette-blue-400, #639dfe);
--tertiary-rich-lilac: var(--color-palette-purple-700, #bb6bd9);
--tertiary-orchid: var(--color-palette-purple-500, #d382e0);
--neutral-black: var(--color-palette-gray-700, #282828);
--neutral-steel: var(--color-palette-gray-500, #666666);
--neutral-dove-gray: var(--color-palette-gray-400, #767676);
--neutral-mountain-mist: var(--color-palette-gray-300, #949494);
--neutral-athens-gray: var(--color-palette-gray-200, #dedede);
--neutral-gallery: var(--color-palette-gray-100, #efefef);
--neutral-white: var(--color-palette-gray-50, #ffffff);
--error-background: var(--color-palette-red-50, #fdebec);
--error-shadow: var(--color-palette-red-400, #ed3f3f);
--error: var(--color-palette-red-600, #c61a1a);
--warning-background: var(--color-palette-yellow-50, #ffefd2);
--warning: var(--color-palette-yellow-200, #fbcf35);
--success-background: var(--color-palette-green-100, #e6f6e1);
--success-shadow: var(--color-palette-green-300, #0fab01);
--success: var(--color-palette-green-500, #107400);
--info: #165dd0;
--info-background: var(--color-bg-info-base, #dce9ff);
--a11y-focus-color: var(--color-border-focus-base, #0055aa);
--background-body: var(--color-bg-body-base, #ffffff);
--border-general: var(--color-border-default-base, #767676);
--border-light: var(--color-palette-gray-300, #949494);
--anchor-color: var(--color-link-base);
--awlds-color-progress-green: #0eab00;
--awlds-color-progress-green-contrast: var(
--color-palette-green-500,
#107400
);
--awlds-color-progress-blue: var(--color-palette-blue-700, #165bcf);
--awlds-color-progress-blue-contrast: var(--color-palette-blue-500, #266de2);
--branding-bg-color: var(--color-bg-brand-b1, #0066ff);
--branding-text-color: var(--color-text-body-base, #282828);
--vertical-brand-bar-color: var(--branding-bg-color);
--light-gray: #f9f9f9;
--light-blue: var(--color-palette-blue-50, #f6f9ff);
--light-turquoise: #eefcfb;
--ai-light-lavendar: #fbf7ff;
--ai-indigo-purple: var(--color-palette-purple-1000, #4f009a);
--base-font-color: var(--color-text-body-base, #282828);
--base-font-family: "FS Thrive Elliot Web", Arial, sans-serif;
--bold-font-family: "FS Thrive Elliot Web - Bold", Arial, sans-serif;
--heavy-font-family: "FS Thrive Elliot Web - Heavy", Arial, sans-serif;
--light-font-family: "FS Thrive Elliot Web - Light", Arial, sans-serif;
--italic-font-family: "FS Thrive Elliot Web - Italic", Arial, sans-serif;
--mono-font-family: "Courier New", Courier, monospace;
--small-font-size: var(--font-size-s, 14px);
--base-font-size: var(--font-size-base, 16px);
--large-font-size: var(--font-450, 18px);
--h1-font-size: var(--font-1200, 48px);
--h2-font-size: var(--font-size-3xl, 36px);
--h3-font-size: var(--font-700, 28px);
--h4-font-size: var(--font-size-xl, 22px);
--h5-font-size: var(--font-size-l, 20px);
--h6-font-size: var(--font-450, 18px);
--body-font-size: var(--font-size-base, 16px);
--subtitle-font-size: var(--font-size-s, 14px);
--helper-text-font-size: var(--font-size-2xs, 12px);
--legal-font-size: var(--font-325, 13px);
--spacing-none: 0;
--spacing-xs: 2px;
--spacing-s: 4px;
--spacing-m: 8px;
--spacing-l: 16px;
--spacing-xl: 24px;
--spacing-2xl: 32px;
--spacing-3xl: 40px;
--spacing-4xl: 56px;
--spacing-5xl: 80px;
--container-max-width: 1600px;
--width-xs: calc(var(--container-max-width) / 5);
--width-s: calc(var(--container-max-width) / 4);
--width-m: calc(var(--container-max-width) / 3);
--width-l: calc(var(--container-max-width) / 2);
--width-xl: var(--container-max-width);
--full-width: 100%;
--paragraph-margin-bottom: var(--spacing-m);
--paragraph-max-width: 37.5rem;
--breakpoint-s: 320px;
--breakpoint-m: 768px;
--breakpoint-l: 1024px;
--breakpoint-xl: 1280px;
--breakpoint-2xl: 1440px;
}
@font-face {
font-family: "FS Thrive Elliot Web";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Regular.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Bold";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Bold.woff")
format("woff");
font-display: swap;
font-weight: 700;
}
@font-face {
font-family: "FS Thrive Elliot Web - Heavy";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Heavy.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Light";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Light.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Italic";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Italic.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
:root,
:host {
--f-overlay-color: 255, 255, 255;
--f-overlay-opacity: 0.9;
--f-overlay-position: fixed;
--f-overlay-z-index: 0;
--f-overlay-height: 100vh;
--f-overlay-top: 0;
--f-overlay-right: 0;
--f-overlay-bottom: 0;
--f-overlay-left: 0;
--f-overlay-background-color: rgba(
var(--f-overlay-color),
var(--f-overlay-opacity)
);
}
f-overlay {
z-index: var(--f-overlay-z-index);
position: var(--f-overlay-position);
height: var(--f-overlay-height);
}
f-overlay .f-overlay {
background-color: var(--f-overlay-background-color);
position: var(--f-overlay-position);
top: var(--f-overlay-top);
right: var(--f-overlay-right);
bottom: var(--f-overlay-bottom);
left: var(--f-overlay-left);
z-index: var(--f-overlay-z-index);
height: var(--f-overlay-height);
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--core-water-leaf: var(--color-palette-teal-400, #97e8e2);
--core-tropical-blue: var(--color-palette-blue-200, #c2d9fe);
--core-pale-lavendar: var(--color-palette-purple-200, #e5cefd);
--core-pale-lavender: var(--color-palette-purple-200, #e5cefd);
--accent-canary-yellow: var(--color-palette-yellow-100, #fff200);
--accent-grenadier: var(--color-palette-red-500, #cd4400);
--accent-pink-orange: var(--color-palette-red-300, #ff9966);
--accent-apricot: var(--color-palette-red-200, #ffcbb1);
--accent-denim: var(--color-palette-blue-700, #165bcf);
--accent-navy-blue: var(--color-palette-blue-500, #266de2);
--accent-jordy-blue: var(--color-palette-blue-300, #7da7ed);
--accent-hawkes-blue: var(--color-palette-blue-100, #dce9ff);
--accent-zircon: var(--color-palette-blue-50, #f6f9ff);
--tertiary-viking: var(--color-palette-teal-600, #64d9d2);
--tertiary-cornflower-blue: var(--color-palette-blue-400, #639dfe);
--tertiary-rich-lilac: var(--color-palette-purple-700, #bb6bd9);
--tertiary-orchid: var(--color-palette-purple-500, #d382e0);
--neutral-black: var(--color-palette-gray-700, #282828);
--neutral-steel: var(--color-palette-gray-500, #666666);
--neutral-dove-gray: var(--color-palette-gray-400, #767676);
--neutral-mountain-mist: var(--color-palette-gray-300, #949494);
--neutral-athens-gray: var(--color-palette-gray-200, #dedede);
--neutral-gallery: var(--color-palette-gray-100, #efefef);
--neutral-white: var(--color-palette-gray-50, #ffffff);
--error-background: var(--color-palette-red-50, #fdebec);
--error-shadow: var(--color-palette-red-400, #ed3f3f);
--error: var(--color-palette-red-600, #c61a1a);
--warning-background: var(--color-palette-yellow-50, #ffefd2);
--warning: var(--color-palette-yellow-200, #fbcf35);
--success-background: var(--color-palette-green-100, #e6f6e1);
--success-shadow: var(--color-palette-green-300, #0fab01);
--success: var(--color-palette-green-500, #107400);
--info: #165dd0;
--info-background: var(--color-bg-info-base, #dce9ff);
--a11y-focus-color: var(--color-border-focus-base, #0055aa);
--background-body: var(--color-bg-body-base, #ffffff);
--border-general: var(--color-border-default-base, #767676);
--border-light: var(--color-palette-gray-300, #949494);
--anchor-color: var(--color-link-base);
--awlds-color-progress-green: #0eab00;
--awlds-color-progress-green-contrast: var(
--color-palette-green-500,
#107400
);
--awlds-color-progress-blue: var(--color-palette-blue-700, #165bcf);
--awlds-color-progress-blue-contrast: var(--color-palette-blue-500, #266de2);
--branding-bg-color: var(--color-bg-brand-b1, #0066ff);
--branding-text-color: var(--color-text-body-base, #282828);
--vertical-brand-bar-color: var(--branding-bg-color);
--light-gray: #f9f9f9;
--light-blue: var(--color-palette-blue-50, #f6f9ff);
--light-turquoise: #eefcfb;
--ai-light-lavendar: #fbf7ff;
--ai-indigo-purple: var(--color-palette-purple-1000, #4f009a);
--base-font-color: var(--color-text-body-base, #282828);
--base-font-family: "FS Thrive Elliot Web", Arial, sans-serif;
--bold-font-family: "FS Thrive Elliot Web - Bold", Arial, sans-serif;
--heavy-font-family: "FS Thrive Elliot Web - Heavy", Arial, sans-serif;
--light-font-family: "FS Thrive Elliot Web - Light", Arial, sans-serif;
--italic-font-family: "FS Thrive Elliot Web - Italic", Arial, sans-serif;
--mono-font-family: "Courier New", Courier, monospace;
--small-font-size: var(--font-size-s, 14px);
--base-font-size: var(--font-size-base, 16px);
--large-font-size: var(--font-450, 18px);
--h1-font-size: var(--font-1200, 48px);
--h2-font-size: var(--font-size-3xl, 36px);
--h3-font-size: var(--font-700, 28px);
--h4-font-size: var(--font-size-xl, 22px);
--h5-font-size: var(--font-size-l, 20px);
--h6-font-size: var(--font-450, 18px);
--body-font-size: var(--font-size-base, 16px);
--subtitle-font-size: var(--font-size-s, 14px);
--helper-text-font-size: var(--font-size-2xs, 12px);
--legal-font-size: var(--font-325, 13px);
--spacing-none: 0;
--spacing-xs: 2px;
--spacing-s: 4px;
--spacing-m: 8px;
--spacing-l: 16px;
--spacing-xl: 24px;
--spacing-2xl: 32px;
--spacing-3xl: 40px;
--spacing-4xl: 56px;
--spacing-5xl: 80px;
--container-max-width: 1600px;
--width-xs: calc(var(--container-max-width) / 5);
--width-s: calc(var(--container-max-width) / 4);
--width-m: calc(var(--container-max-width) / 3);
--width-l: calc(var(--container-max-width) / 2);
--width-xl: var(--container-max-width);
--full-width: 100%;
--paragraph-margin-bottom: var(--spacing-m);
--paragraph-max-width: 37.5rem;
--breakpoint-s: 320px;
--breakpoint-m: 768px;
--breakpoint-l: 1024px;
--breakpoint-xl: 1280px;
--breakpoint-2xl: 1440px;
}
@font-face {
font-family: "FS Thrive Elliot Web";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Regular.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Bold";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Bold.woff")
format("woff");
font-display: swap;
font-weight: 700;
}
@font-face {
font-family: "FS Thrive Elliot Web - Heavy";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Heavy.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Light";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Light.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Italic";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Italic.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
f-modal-header .f-modal-header {
display: flex;
align-content: center;
justify-content: space-between;
padding: var(--spacing-xl) var(--spacing-xl) var(--spacing-none)
var(--spacing-xl);
box-sizing: border-box;
height: auto;
}
f-modal-header .f-modal-header h2,
f-modal-header .f-modal-header h3,
f-modal-header .f-modal-header h4 {
font-family: var(--base-font-family);
}
f-modal-header .f-modal-header .f-modal-header-close-btn button {
display: flex;
align-items: center;
justify-content: center;
}
f-modal-header .f-modal-header .f-modal-header-close-btn button:hover,
f-modal-header .f-modal-header .f-modal-header-close-btn button:focus {
border-radius: 0;
outline: var(--spacing-xs) solid var(--color-border-focus-base, #0055aa);
}
f-modal-header p.f-modal-header-subtext {
margin: var(--spacing-none);
padding: var(--spacing-l) var(--spacing-xl) var(--spacing-none)
var(--spacing-xl);
line-height: 1.5;
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--core-water-leaf: var(--color-palette-teal-400, #97e8e2);
--core-tropical-blue: var(--color-palette-blue-200, #c2d9fe);
--core-pale-lavendar: var(--color-palette-purple-200, #e5cefd);
--core-pale-lavender: var(--color-palette-purple-200, #e5cefd);
--accent-canary-yellow: var(--color-palette-yellow-100, #fff200);
--accent-grenadier: var(--color-palette-red-500, #cd4400);
--accent-pink-orange: var(--color-palette-red-300, #ff9966);
--accent-apricot: var(--color-palette-red-200, #ffcbb1);
--accent-denim: var(--color-palette-blue-700, #165bcf);
--accent-navy-blue: var(--color-palette-blue-500, #266de2);
--accent-jordy-blue: var(--color-palette-blue-300, #7da7ed);
--accent-hawkes-blue: var(--color-palette-blue-100, #dce9ff);
--accent-zircon: var(--color-palette-blue-50, #f6f9ff);
--tertiary-viking: var(--color-palette-teal-600, #64d9d2);
--tertiary-cornflower-blue: var(--color-palette-blue-400, #639dfe);
--tertiary-rich-lilac: var(--color-palette-purple-700, #bb6bd9);
--tertiary-orchid: var(--color-palette-purple-500, #d382e0);
--neutral-black: var(--color-palette-gray-700, #282828);
--neutral-steel: var(--color-palette-gray-500, #666666);
--neutral-dove-gray: var(--color-palette-gray-400, #767676);
--neutral-mountain-mist: var(--color-palette-gray-300, #949494);
--neutral-athens-gray: var(--color-palette-gray-200, #dedede);
--neutral-gallery: var(--color-palette-gray-100, #efefef);
--neutral-white: var(--color-palette-gray-50, #ffffff);
--error-background: var(--color-palette-red-50, #fdebec);
--error-shadow: var(--color-palette-red-400, #ed3f3f);
--error: var(--color-palette-red-600, #c61a1a);
--warning-background: var(--color-palette-yellow-50, #ffefd2);
--warning: var(--color-palette-yellow-200, #fbcf35);
--success-background: var(--color-palette-green-100, #e6f6e1);
--success-shadow: var(--color-palette-green-300, #0fab01);
--success: var(--color-palette-green-500, #107400);
--info: #165dd0;
--info-background: var(--color-bg-info-base, #dce9ff);
--a11y-focus-color: var(--color-border-focus-base, #0055aa);
--background-body: var(--color-bg-body-base, #ffffff);
--border-general: var(--color-border-default-base, #767676);
--border-light: var(--color-palette-gray-300, #949494);
--anchor-color: var(--color-link-base);
--awlds-color-progress-green: #0eab00;
--awlds-color-progress-green-contrast: var(
--color-palette-green-500,
#107400
);
--awlds-color-progress-blue: var(--color-palette-blue-700, #165bcf);
--awlds-color-progress-blue-contrast: var(--color-palette-blue-500, #266de2);
--branding-bg-color: var(--color-bg-brand-b1, #0066ff);
--branding-text-color: var(--color-text-body-base, #282828);
--vertical-brand-bar-color: var(--branding-bg-color);
--light-gray: #f9f9f9;
--light-blue: var(--color-palette-blue-50, #f6f9ff);
--light-turquoise: #eefcfb;
--ai-light-lavendar: #fbf7ff;
--ai-indigo-purple: var(--color-palette-purple-1000, #4f009a);
--base-font-color: var(--color-text-body-base, #282828);
--base-font-family: "FS Thrive Elliot Web", Arial, sans-serif;
--bold-font-family: "FS Thrive Elliot Web - Bold", Arial, sans-serif;
--heavy-font-family: "FS Thrive Elliot Web - Heavy", Arial, sans-serif;
--light-font-family: "FS Thrive Elliot Web - Light", Arial, sans-serif;
--italic-font-family: "FS Thrive Elliot Web - Italic", Arial, sans-serif;
--mono-font-family: "Courier New", Courier, monospace;
--small-font-size: var(--font-size-s, 14px);
--base-font-size: var(--font-size-base, 16px);
--large-font-size: var(--font-450, 18px);
--h1-font-size: var(--font-1200, 48px);
--h2-font-size: var(--font-size-3xl, 36px);
--h3-font-size: var(--font-700, 28px);
--h4-font-size: var(--font-size-xl, 22px);
--h5-font-size: var(--font-size-l, 20px);
--h6-font-size: var(--font-450, 18px);
--body-font-size: var(--font-size-base, 16px);
--subtitle-font-size: var(--font-size-s, 14px);
--helper-text-font-size: var(--font-size-2xs, 12px);
--legal-font-size: var(--font-325, 13px);
--spacing-none: 0;
--spacing-xs: 2px;
--spacing-s: 4px;
--spacing-m: 8px;
--spacing-l: 16px;
--spacing-xl: 24px;
--spacing-2xl: 32px;
--spacing-3xl: 40px;
--spacing-4xl: 56px;
--spacing-5xl: 80px;
--container-max-width: 1600px;
--width-xs: calc(var(--container-max-width) / 5);
--width-s: calc(var(--container-max-width) / 4);
--width-m: calc(var(--container-max-width) / 3);
--width-l: calc(var(--container-max-width) / 2);
--width-xl: var(--container-max-width);
--full-width: 100%;
--paragraph-margin-bottom: var(--spacing-m);
--paragraph-max-width: 37.5rem;
--breakpoint-s: 320px;
--breakpoint-m: 768px;
--breakpoint-l: 1024px;
--breakpoint-xl: 1280px;
--breakpoint-2xl: 1440px;
}
/**
* Global variables
* Please use this file to define global sass variables
* These variables will be added first to be used in all other sass files
*/
@font-face {
font-family: "FS Thrive Elliot Web";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Regular.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Bold";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Bold.woff")
format("woff");
font-display: swap;
font-weight: 700;
}
@font-face {
font-family: "FS Thrive Elliot Web - Heavy";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Heavy.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Light";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Light.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Italic";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Italic.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
/**
* @prop --f-icon-color: Color of the icon
* @prop --f-icon-size: Size of the icon
*/
:root,
:host {
--f-icon-color: var(--color-icon-dark-base, #282828);
--f-icon-size: 1rem;
--f-icon-padding: 0;
--f-icon-margin: 0;
--f-icon-justify-content: center;
--f-icon-align-items: center;
--f-icon-transform: none; /* Default transform for LTR */
/*
DO NOT predefine the logical vars here.
Leave them undefined unless explicitly set by a component.
*/
}
@layer physical, logical;
@layer physical {
f-icon {
margin: var(--f-icon-margin); /* Adjust margin as needed */
}
}
@layer logical {
f-icon {
margin-block-start: var(--f-icon-margin-block-start, revert-layer);
margin-inline-end: var(--f-icon-margin-inline-end, revert-layer);
margin-block-end: var(--f-icon-margin-block-end, revert-layer);
margin-inline-start: var(--f-icon-margin-inline-start, revert-layer);
}
}
f-icon {
padding: var(--f-icon-padding);
display: inline-flex;
box-sizing: border-box;
justify-content: var(--f-icon-justify-content);
align-items: var(--f-icon-align-items);
min-width: var(--f-icon-container-size, var(--f-icon-size));
min-height: var(--f-icon-container-size, var(--f-icon-size));
line-height: 100%;
color: var(--f-icon-color);
transform: var(--f-icon-transform); /* Apply transform dynamically */
transform-origin: center; /* Ensure transform origin is centered */
}
f-icon svg {
width: var(--f-icon-size);
height: var(--f-icon-size);
max-width: 100%;
max-height: 100%;
fill: var(--f-icon-color);
}
/* RTL support */
f-icon:dir(rtl) {
--f-icon-transform: rotate(180deg) scaleY(-1); /* Flip and rotate for RTL */
}
.border {
outline: 0.125rem solid var(--color-border-focus-base, #0055aa);
outline-offset: 0.125rem;
}
@layer primeng {
.p-dialog-mask {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
pointer-events: none;
}
.p-dialog-mask.p-component-overlay {
pointer-events: auto;
}
.p-dialog {
display: flex;
flex-direction: column;
pointer-events: auto;
max-height: 90%;
transform: scale(1);
position: relative;
}
.p-dialog-content {
overflow-y: auto;
flex-grow: 1;
}
.p-dialog-header {
display: flex;
align-items: center;
justify-content: space-between;
flex-shrink: 0;
}
.p-dialog-draggable .p-dialog-header {
cursor: move;
}
.p-dialog-footer {
flex-shrink: 0;
}
.p-dialog .p-dialog-header-icons {
display: flex;
align-items: center;
}
.p-dialog .p-dialog-header-icon {
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
position: relative;
}
.p-fluid .p-dialog-footer .p-button {
width: auto;
}
.p-dialog-top .p-dialog,
.p-dialog-bottom .p-dialog,
.p-dialog-left .p-dialog,
.p-dialog-right .p-dialog,
.p-dialog-top-left .p-dialog,
.p-dialog-top-right .p-dialog,
.p-dialog-bottom-left .p-dialog,
.p-dialog-bottom-right .p-dialog {
margin: 0.75rem;
transform: translateZ(0);
}
.p-dialog-maximized {
-webkit-transition: none;
transition: none;
transform: none;
width: 100vw !important;
height: 100vh !important;
top: 0 !important;
left: 0 !important;
max-height: 100%;
height: 100%;
}
.p-dialog-maximized .p-dialog-content {
flex-grow: 1;
}
.p-dialog-left {
justify-content: flex-start;
}
.p-dialog-right {
justify-content: flex-end;
}
.p-dialog-top {
align-items: flex-start;
}
.p-dialog-top-left {
justify-content: flex-start;
align-items: flex-start;
}
.p-dialog-top-right {
justify-content: flex-end;
align-items: flex-start;
}
.p-dialog-bottom {
align-items: flex-end;
}
.p-dialog-bottom-left {
justify-content: flex-start;
align-items: flex-end;
}
.p-dialog-bottom-right {
justify-content: flex-end;
align-items: flex-end;
}
.p-dialog .p-resizable-handle {
position: absolute;
font-size: 0.1px;
display: block;
cursor: se-resize;
width: 12px;
height: 12px;
right: 1px;
bottom: 1px;
}
.p-confirm-dialog .p-dialog-content {
display: flex;
align-items: center;
}
}
.sr-only[_ngcontent-ng-c458443194],
.visuallyhidden[_ngcontent-ng-c458443194] {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
}
.al-video-mrgn[_ngcontent-ng-c458443194] {
margin-top: -11px;
}
#enableFrontEndLog[_ngcontent-ng-c458443194] {
position: fixed;
top: 80%;
left: 10px;
background: maroon;
border-radius: 100%;
color: #fff;
border: solid 2px #fa8c88;
padding: 6px 14px;
text-align: center;
z-index: 1;
cursor: pointer;
font-size: 18px;
box-shadow: 0 0 25px #0000004d;
text-decoration: none;
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--core-water-leaf: var(--color-palette-teal-400, #97e8e2);
--core-tropical-blue: var(--color-palette-blue-200, #c2d9fe);
--core-pale-lavendar: var(--color-palette-purple-200, #e5cefd);
--core-pale-lavender: var(--color-palette-purple-200, #e5cefd);
--accent-canary-yellow: var(--color-palette-yellow-100, #fff200);
--accent-grenadier: var(--color-palette-red-500, #cd4400);
--accent-pink-orange: var(--color-palette-red-300, #ff9966);
--accent-apricot: var(--color-palette-red-200, #ffcbb1);
--accent-denim: var(--color-palette-blue-700, #165bcf);
--accent-navy-blue: var(--color-palette-blue-500, #266de2);
--accent-jordy-blue: var(--color-palette-blue-300, #7da7ed);
--accent-hawkes-blue: var(--color-palette-blue-100, #dce9ff);
--accent-zircon: var(--color-palette-blue-50, #f6f9ff);
--tertiary-viking: var(--color-palette-teal-600, #64d9d2);
--tertiary-cornflower-blue: var(--color-palette-blue-400, #639dfe);
--tertiary-rich-lilac: var(--color-palette-purple-700, #bb6bd9);
--tertiary-orchid: var(--color-palette-purple-500, #d382e0);
--neutral-black: var(--color-palette-gray-700, #282828);
--neutral-steel: var(--color-palette-gray-500, #666666);
--neutral-dove-gray: var(--color-palette-gray-400, #767676);
--neutral-mountain-mist: var(--color-palette-gray-300, #949494);
--neutral-athens-gray: var(--color-palette-gray-200, #dedede);
--neutral-gallery: var(--color-palette-gray-100, #efefef);
--neutral-white: var(--color-palette-gray-50, #ffffff);
--error-background: var(--color-palette-red-50, #fdebec);
--error-shadow: var(--color-palette-red-400, #ed3f3f);
--error: var(--color-palette-red-600, #c61a1a);
--warning-background: var(--color-palette-yellow-50, #ffefd2);
--warning: var(--color-palette-yellow-200, #fbcf35);
--success-background: var(--color-palette-green-100, #e6f6e1);
--success-shadow: var(--color-palette-green-300, #0fab01);
--success: var(--color-palette-green-500, #107400);
--info: #165dd0;
--info-background: var(--color-bg-info-base, #dce9ff);
--a11y-focus-color: var(--color-border-focus-base, #0055aa);
--background-body: var(--color-bg-body-base, #ffffff);
--border-general: var(--color-border-default-base, #767676);
--border-light: var(--color-palette-gray-300, #949494);
--anchor-color: var(--color-link-base);
--awlds-color-progress-green: #0eab00;
--awlds-color-progress-green-contrast: var(
--color-palette-green-500,
#107400
);
--awlds-color-progress-blue: var(--color-palette-blue-700, #165bcf);
--awlds-color-progress-blue-contrast: var(--color-palette-blue-500, #266de2);
--branding-bg-color: var(--color-bg-brand-b1, #0066ff);
--branding-text-color: var(--color-text-body-base, #282828);
--vertical-brand-bar-color: var(--branding-bg-color);
--light-gray: #f9f9f9;
--light-blue: var(--color-palette-blue-50, #f6f9ff);
--light-turquoise: #eefcfb;
--ai-light-lavendar: #fbf7ff;
--ai-indigo-purple: var(--color-palette-purple-1000, #4f009a);
--base-font-color: var(--color-text-body-base, #282828);
--base-font-family: "FS Thrive Elliot Web", Arial, sans-serif;
--bold-font-family: "FS Thrive Elliot Web - Bold", Arial, sans-serif;
--heavy-font-family: "FS Thrive Elliot Web - Heavy", Arial, sans-serif;
--light-font-family: "FS Thrive Elliot Web - Light", Arial, sans-serif;
--italic-font-family: "FS Thrive Elliot Web - Italic", Arial, sans-serif;
--mono-font-family: "Courier New", Courier, monospace;
--small-font-size: var(--font-size-s, 14px);
--base-font-size: var(--font-size-base, 16px);
--large-font-size: var(--font-450, 18px);
--h1-font-size: var(--font-1200, 48px);
--h2-font-size: var(--font-size-3xl, 36px);
--h3-font-size: var(--font-700, 28px);
--h4-font-size: var(--font-size-xl, 22px);
--h5-font-size: var(--font-size-l, 20px);
--h6-font-size: var(--font-450, 18px);
--body-font-size: var(--font-size-base, 16px);
--subtitle-font-size: var(--font-size-s, 14px);
--helper-text-font-size: var(--font-size-2xs, 12px);
--legal-font-size: var(--font-325, 13px);
--spacing-none: 0;
--spacing-xs: 2px;
--spacing-s: 4px;
--spacing-m: 8px;
--spacing-l: 16px;
--spacing-xl: 24px;
--spacing-2xl: 32px;
--spacing-3xl: 40px;
--spacing-4xl: 56px;
--spacing-5xl: 80px;
--container-max-width: 1600px;
--width-xs: calc(var(--container-max-width) / 5);
--width-s: calc(var(--container-max-width) / 4);
--width-m: calc(var(--container-max-width) / 3);
--width-l: calc(var(--container-max-width) / 2);
--width-xl: var(--container-max-width);
--full-width: 100%;
--paragraph-margin-bottom: var(--spacing-m);
--paragraph-max-width: 37.5rem;
--breakpoint-s: 320px;
--breakpoint-m: 768px;
--breakpoint-l: 1024px;
--breakpoint-xl: 1280px;
--breakpoint-2xl: 1440px;
}
@font-face {
font-family: "FS Thrive Elliot Web";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Regular.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Bold";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Bold.woff")
format("woff");
font-display: swap;
font-weight: 700;
}
@font-face {
font-family: "FS Thrive Elliot Web - Heavy";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Heavy.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Light";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Light.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Italic";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Italic.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
:root,
:host {
--f-modal-border-radius: 0.625rem;
--f-modal-box-shadow: 0px 1.25rem 3.125rem 0px rgba(40, 40, 40, 0.3);
--f-modal-content-padding: var(--spacing-xl);
--f-modal-custom-width: 50rem;
--f-modal-custom-height: 16.25rem;
--f-modal-margin: var(--spacing-xl);
}
.f-modal {
position: fixed;
display: none;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1000;
padding: var(--f-modal-margin);
}
.f-modal.visible {
display: flex;
}
.f-modal.center {
justify-content: center;
align-items: center;
}
.f-modal.left {
justify-content: flex-start;
align-items: center;
}
.f-modal.right {
justify-content: flex-end;
align-items: center;
}
.f-modal.top-right {
justify-content: flex-end;
align-items: flex-start;
}
.f-modal.top-left {
justify-content: flex-start;
align-items: flex-start;
}
.f-modal.top {
justify-content: center;
align-items: flex-start;
}
.f-modal.bottom-right {
justify-content: flex-end;
align-items: flex-end;
}
.f-modal.bottom-left {
justify-content: flex-start;
align-items: flex-end;
}
.f-modal.bottom {
justify-content: center;
align-items: flex-end;
}
.f-modal .f-modal-container {
background-color: var(--color-bg-light-base, #ffffff);
box-shadow: var(--f-modal-box-shadow);
border-radius: 0.5rem;
display: flex;
flex-direction: column;
position: relative;
width: 100vw;
max-width: calc(100vw - var(--f-modal-margin) * 2);
max-height: calc(100vh - var(--f-modal-margin) * 2);
height: auto;
}
@media (min-width: 600px) {
.f-modal .f-modal-container {
width: auto;
max-width: calc(100vw - var(--f-modal-margin) * 2);
}
}
@media (min-width: 600px) {
.f-modal .f-modal-container.small {
width: 23.4375rem;
}
}
@media (min-width: 600px) {
.f-modal .f-modal-container.medium {
width: 30rem;
}
}
@media (min-width: 600px) {
.f-modal .f-modal-container.large {
width: 40.5rem;
}
}
@media (min-width: 600px) {
.f-modal .f-modal-container.custom {
width: var(--f-modal-custom-width);
}
}
.f-modal .f-modal-container.drawer {
width: var(--f-modal-custom-width, 25rem);
height: calc(100vh - var(--f-modal-margin) * 2);
max-height: calc(100vh - var(--f-modal-margin) * 2);
display: flex;
flex-direction: column;
min-height: 0;
}
.f-modal .f-modal-container.drawer .f-modal-header-container {
flex: 0 0 auto;
z-index: 2;
position: sticky;
top: 0;
}
.f-modal .f-modal-container.drawer .f-modal-content {
flex: 1 1 auto;
overflow-y: auto;
min-height: 0;
}
.f-modal .f-modal-container.drawer .f-modal-button-bar {
flex: 0 0 auto;
position: sticky;
bottom: 0;
z-index: 2;
background: var(--color-bg-light-base, #ffffff);
}
.f-modal .f-modal-container.drawer f-modal-header {
--f-modal-header-bg-color: var(--primary-navy);
--f-modal-header-text-color: var(--neutral-white);
}
.f-modal .f-modal-container.drawer f-modal-header button {
--icon-color: var(--neutral-white);
}
.f-modal .f-modal-container:not(.fixed-header) {
overflow-y: auto;
}
.f-modal .f-modal-container.fixed-header {
overflow: hidden;
}
.f-modal .f-modal-container.fixed-header .f-modal-header-container {
position: sticky;
top: 0;
}
.f-modal .f-modal-container.fixed-header .f-modal-content {
overflow-y: auto;
min-height: 0;
}
.f-modal .f-modal-container .f-modal-header-container {
flex: 0 0 auto;
z-index: 2;
background: var(--color-bg-light-base, #ffffff);
padding-bottom: var(--spacing-l);
}
.f-modal .f-modal-container .f-modal-header-container.f-modal-divider {
border-bottom: 0.0625rem solid var(--color-border-default-subtlest, #dedede);
}
.f-modal
.f-modal-container
.f-modal-header-container
::slotted([slot="f-modal-header-text"]),
.f-modal
.f-modal-container
.f-modal-header-container
::slotted([slot="f-modal-header-subtext"]) {
display: block;
font-size: var(--f-modal-header-font-size, 1.25rem);
font-weight: var(--f-modal-header-font-weight, 600);
margin-bottom: var(--spacing-xs);
}
.f-modal .f-modal-container .f-modal-header-container.has-slotted-header {
padding: var(--spacing-xl) var(--spacing-xl) var(--spacing-none)
var(--spacing-xl);
}
.f-modal .f-modal-container .f-modal-header {
position: relative;
display: flex;
align-items: flex-start;
width: 100%;
}
.f-modal .f-modal-container .f-modal-header > div:first-child {
display: flex;
flex-direction: column;
flex: 1 1 auto;
}
.f-modal .f-modal-container .f-modal-header-close-btn {
position: absolute;
top: 24px;
right: 24px;
z-index: 1;
display: flex;
align-items: center;
}
.f-modal .f-modal-container f-modal-header .f-modal-header-close-btn {
position: static;
}
.f-modal .f-modal-container .f-modal-close-btn {
background: none;
border: none;
padding: var(--spacing-xs);
cursor: pointer;
display: flex;
align-items: center;
}
.f-modal .f-modal-container .f-modal-content {
padding: var(--f-modal-content-padding);
width: auto;
position: relative;
}
.f-modal .f-modal-container .f-modal-content:focus {
outline: none;
}
.f-modal
.f-modal-container
.f-modal-content
img:not(.f-icon).f-modal-content-img-banner {
max-width: 100%;
height: auto;
}
.f-modal .f-modal-container .f-modal-button-bar {
flex: 0 0 auto;
}
.f-modal .f-modal-container.no-header-divider .f-modal-header-container {
padding-bottom: var(--spacing-s);
}
.f-modal .f-modal-container.no-header-divider .f-modal-content {
padding-top: var(--spacing-m);
}
.f-modal .f-modal-container:not(:has(.f-modal-button-bar)) .f-modal-content {
padding-bottom: var(--spacing-m);
}
.f-modal .f-modal-container:has(.f-modal-button-bar) .f-modal-content {
padding-bottom: var(--f-modal-content-padding);
}
.f-modal .f-modal-header-container.has-slotted-header .f-modal-header {
display: flex;
justify-content: space-between;
align-items: flex-start;
width: 100%;
}
.f-modal
.f-modal-header-container.has-slotted-header
.f-modal-header
> div:first-child {
display: flex;
flex-direction: column;
flex: 1 1 auto;
}
.f-modal
.f-modal-header-container.has-slotted-header
.f-modal-header-close-btn {
position: static;
display: flex;
align-items: center;
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--core-water-leaf: var(--color-palette-teal-400, #97e8e2);
--core-tropical-blue: var(--color-palette-blue-200, #c2d9fe);
--core-pale-lavendar: var(--color-palette-purple-200, #e5cefd);
--core-pale-lavender: var(--color-palette-purple-200, #e5cefd);
--accent-canary-yellow: var(--color-palette-yellow-100, #fff200);
--accent-grenadier: var(--color-palette-red-500, #cd4400);
--accent-pink-orange: var(--color-palette-red-300, #ff9966);
--accent-apricot: var(--color-palette-red-200, #ffcbb1);
--accent-denim: var(--color-palette-blue-700, #165bcf);
--accent-navy-blue: var(--color-palette-blue-500, #266de2);
--accent-jordy-blue: var(--color-palette-blue-300, #7da7ed);
--accent-hawkes-blue: var(--color-palette-blue-100, #dce9ff);
--accent-zircon: var(--color-palette-blue-50, #f6f9ff);
--tertiary-viking: var(--color-palette-teal-600, #64d9d2);
--tertiary-cornflower-blue: var(--color-palette-blue-400, #639dfe);
--tertiary-rich-lilac: var(--color-palette-purple-700, #bb6bd9);
--tertiary-orchid: var(--color-palette-purple-500, #d382e0);
--neutral-black: var(--color-palette-gray-700, #282828);
--neutral-steel: var(--color-palette-gray-500, #666666);
--neutral-dove-gray: var(--color-palette-gray-400, #767676);
--neutral-mountain-mist: var(--color-palette-gray-300, #949494);
--neutral-athens-gray: var(--color-palette-gray-200, #dedede);
--neutral-gallery: var(--color-palette-gray-100, #efefef);
--neutral-white: var(--color-palette-gray-50, #ffffff);
--error-background: var(--color-palette-red-50, #fdebec);
--error-shadow: var(--color-palette-red-400, #ed3f3f);
--error: var(--color-palette-red-600, #c61a1a);
--warning-background: var(--color-palette-yellow-50, #ffefd2);
--warning: var(--color-palette-yellow-200, #fbcf35);
--success-background: var(--color-palette-green-100, #e6f6e1);
--success-shadow: var(--color-palette-green-300, #0fab01);
--success: var(--color-palette-green-500, #107400);
--info: #165dd0;
--info-background: var(--color-bg-info-base, #dce9ff);
--a11y-focus-color: var(--color-border-focus-base, #0055aa);
--background-body: var(--color-bg-body-base, #ffffff);
--border-general: var(--color-border-default-base, #767676);
--border-light: var(--color-palette-gray-300, #949494);
--anchor-color: var(--color-link-base);
--awlds-color-progress-green: #0eab00;
--awlds-color-progress-green-contrast: var(
--color-palette-green-500,
#107400
);
--awlds-color-progress-blue: var(--color-palette-blue-700, #165bcf);
--awlds-color-progress-blue-contrast: var(--color-palette-blue-500, #266de2);
--branding-bg-color: var(--color-bg-brand-b1, #0066ff);
--branding-text-color: var(--color-text-body-base, #282828);
--vertical-brand-bar-color: var(--branding-bg-color);
--light-gray: #f9f9f9;
--light-blue: var(--color-palette-blue-50, #f6f9ff);
--light-turquoise: #eefcfb;
--ai-light-lavendar: #fbf7ff;
--ai-indigo-purple: var(--color-palette-purple-1000, #4f009a);
--base-font-color: var(--color-text-body-base, #282828);
--base-font-family: "FS Thrive Elliot Web", Arial, sans-serif;
--bold-font-family: "FS Thrive Elliot Web - Bold", Arial, sans-serif;
--heavy-font-family: "FS Thrive Elliot Web - Heavy", Arial, sans-serif;
--light-font-family: "FS Thrive Elliot Web - Light", Arial, sans-serif;
--italic-font-family: "FS Thrive Elliot Web - Italic", Arial, sans-serif;
--mono-font-family: "Courier New", Courier, monospace;
--small-font-size: var(--font-size-s, 14px);
--base-font-size: var(--font-size-base, 16px);
--large-font-size: var(--font-450, 18px);
--h1-font-size: var(--font-1200, 48px);
--h2-font-size: var(--font-size-3xl, 36px);
--h3-font-size: var(--font-700, 28px);
--h4-font-size: var(--font-size-xl, 22px);
--h5-font-size: var(--font-size-l, 20px);
--h6-font-size: var(--font-450, 18px);
--body-font-size: var(--font-size-base, 16px);
--subtitle-font-size: var(--font-size-s, 14px);
--helper-text-font-size: var(--font-size-2xs, 12px);
--legal-font-size: var(--font-325, 13px);
--spacing-none: 0;
--spacing-xs: 2px;
--spacing-s: 4px;
--spacing-m: 8px;
--spacing-l: 16px;
--spacing-xl: 24px;
--spacing-2xl: 32px;
--spacing-3xl: 40px;
--spacing-4xl: 56px;
--spacing-5xl: 80px;
--container-max-width: 1600px;
--width-xs: calc(var(--container-max-width) / 5);
--width-s: calc(var(--container-max-width) / 4);
--width-m: calc(var(--container-max-width) / 3);
--width-l: calc(var(--container-max-width) / 2);
--width-xl: var(--container-max-width);
--full-width: 100%;
--paragraph-margin-bottom: var(--spacing-m);
--paragraph-max-width: 37.5rem;
--breakpoint-s: 320px;
--breakpoint-m: 768px;
--breakpoint-l: 1024px;
--breakpoint-xl: 1280px;
--breakpoint-2xl: 1440px;
}
@font-face {
font-family: "FS Thrive Elliot Web";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Regular.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Bold";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Bold.woff")
format("woff");
font-display: swap;
font-weight: 700;
}
@font-face {
font-family: "FS Thrive Elliot Web - Heavy";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Heavy.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Light";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Light.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Italic";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Italic.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
:root,
:host {
--f-overlay-color: 255, 255, 255;
--f-overlay-opacity: 0.9;
--f-overlay-position: fixed;
--f-overlay-z-index: 0;
--f-overlay-height: 100vh;
--f-overlay-top: 0;
--f-overlay-right: 0;
--f-overlay-bottom: 0;
--f-overlay-left: 0;
--f-overlay-background-color: rgba(
var(--f-overlay-color),
var(--f-overlay-opacity)
);
}
f-overlay {
z-index: var(--f-overlay-z-index);
position: var(--f-overlay-position);
height: var(--f-overlay-height);
}
f-overlay .f-overlay {
background-color: var(--f-overlay-background-color);
position: var(--f-overlay-position);
top: var(--f-overlay-top);
right: var(--f-overlay-right);
bottom: var(--f-overlay-bottom);
left: var(--f-overlay-left);
z-index: var(--f-overlay-z-index);
height: var(--f-overlay-height);
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--core-water-leaf: var(--color-palette-teal-400, #97e8e2);
--core-tropical-blue: var(--color-palette-blue-200, #c2d9fe);
--core-pale-lavendar: var(--color-palette-purple-200, #e5cefd);
--core-pale-lavender: var(--color-palette-purple-200, #e5cefd);
--accent-canary-yellow: var(--color-palette-yellow-100, #fff200);
--accent-grenadier: var(--color-palette-red-500, #cd4400);
--accent-pink-orange: var(--color-palette-red-300, #ff9966);
--accent-apricot: var(--color-palette-red-200, #ffcbb1);
--accent-denim: var(--color-palette-blue-700, #165bcf);
--accent-navy-blue: var(--color-palette-blue-500, #266de2);
--accent-jordy-blue: var(--color-palette-blue-300, #7da7ed);
--accent-hawkes-blue: var(--color-palette-blue-100, #dce9ff);
--accent-zircon: var(--color-palette-blue-50, #f6f9ff);
--tertiary-viking: var(--color-palette-teal-600, #64d9d2);
--tertiary-cornflower-blue: var(--color-palette-blue-400, #639dfe);
--tertiary-rich-lilac: var(--color-palette-purple-700, #bb6bd9);
--tertiary-orchid: var(--color-palette-purple-500, #d382e0);
--neutral-black: var(--color-palette-gray-700, #282828);
--neutral-steel: var(--color-palette-gray-500, #666666);
--neutral-dove-gray: var(--color-palette-gray-400, #767676);
--neutral-mountain-mist: var(--color-palette-gray-300, #949494);
--neutral-athens-gray: var(--color-palette-gray-200, #dedede);
--neutral-gallery: var(--color-palette-gray-100, #efefef);
--neutral-white: var(--color-palette-gray-50, #ffffff);
--error-background: var(--color-palette-red-50, #fdebec);
--error-shadow: var(--color-palette-red-400, #ed3f3f);
--error: var(--color-palette-red-600, #c61a1a);
--warning-background: var(--color-palette-yellow-50, #ffefd2);
--warning: var(--color-palette-yellow-200, #fbcf35);
--success-background: var(--color-palette-green-100, #e6f6e1);
--success-shadow: var(--color-palette-green-300, #0fab01);
--success: var(--color-palette-green-500, #107400);
--info: #165dd0;
--info-background: var(--color-bg-info-base, #dce9ff);
--a11y-focus-color: var(--color-border-focus-base, #0055aa);
--background-body: var(--color-bg-body-base, #ffffff);
--border-general: var(--color-border-default-base, #767676);
--border-light: var(--color-palette-gray-300, #949494);
--anchor-color: var(--color-link-base);
--awlds-color-progress-green: #0eab00;
--awlds-color-progress-green-contrast: var(
--color-palette-green-500,
#107400
);
--awlds-color-progress-blue: var(--color-palette-blue-700, #165bcf);
--awlds-color-progress-blue-contrast: var(--color-palette-blue-500, #266de2);
--branding-bg-color: var(--color-bg-brand-b1, #0066ff);
--branding-text-color: var(--color-text-body-base, #282828);
--vertical-brand-bar-color: var(--branding-bg-color);
--light-gray: #f9f9f9;
--light-blue: var(--color-palette-blue-50, #f6f9ff);
--light-turquoise: #eefcfb;
--ai-light-lavendar: #fbf7ff;
--ai-indigo-purple: var(--color-palette-purple-1000, #4f009a);
--base-font-color: var(--color-text-body-base, #282828);
--base-font-family: "FS Thrive Elliot Web", Arial, sans-serif;
--bold-font-family: "FS Thrive Elliot Web - Bold", Arial, sans-serif;
--heavy-font-family: "FS Thrive Elliot Web - Heavy", Arial, sans-serif;
--light-font-family: "FS Thrive Elliot Web - Light", Arial, sans-serif;
--italic-font-family: "FS Thrive Elliot Web - Italic", Arial, sans-serif;
--mono-font-family: "Courier New", Courier, monospace;
--small-font-size: var(--font-size-s, 14px);
--base-font-size: var(--font-size-base, 16px);
--large-font-size: var(--font-450, 18px);
--h1-font-size: var(--font-1200, 48px);
--h2-font-size: var(--font-size-3xl, 36px);
--h3-font-size: var(--font-700, 28px);
--h4-font-size: var(--font-size-xl, 22px);
--h5-font-size: var(--font-size-l, 20px);
--h6-font-size: var(--font-450, 18px);
--body-font-size: var(--font-size-base, 16px);
--subtitle-font-size: var(--font-size-s, 14px);
--helper-text-font-size: var(--font-size-2xs, 12px);
--legal-font-size: var(--font-325, 13px);
--spacing-none: 0;
--spacing-xs: 2px;
--spacing-s: 4px;
--spacing-m: 8px;
--spacing-l: 16px;
--spacing-xl: 24px;
--spacing-2xl: 32px;
--spacing-3xl: 40px;
--spacing-4xl: 56px;
--spacing-5xl: 80px;
--container-max-width: 1600px;
--width-xs: calc(var(--container-max-width) / 5);
--width-s: calc(var(--container-max-width) / 4);
--width-m: calc(var(--container-max-width) / 3);
--width-l: calc(var(--container-max-width) / 2);
--width-xl: var(--container-max-width);
--full-width: 100%;
--paragraph-margin-bottom: var(--spacing-m);
--paragraph-max-width: 37.5rem;
--breakpoint-s: 320px;
--breakpoint-m: 768px;
--breakpoint-l: 1024px;
--breakpoint-xl: 1280px;
--breakpoint-2xl: 1440px;
}
@font-face {
font-family: "FS Thrive Elliot Web";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Regular.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Bold";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Bold.woff")
format("woff");
font-display: swap;
font-weight: 700;
}
@font-face {
font-family: "FS Thrive Elliot Web - Heavy";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Heavy.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Light";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Light.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Italic";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Italic.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
f-modal-header .f-modal-header {
display: flex;
align-content: center;
justify-content: space-between;
padding: var(--spacing-xl) var(--spacing-xl) var(--spacing-none)
var(--spacing-xl);
box-sizing: border-box;
height: auto;
}
f-modal-header .f-modal-header h2,
f-modal-header .f-modal-header h3,
f-modal-header .f-modal-header h4 {
font-family: var(--base-font-family);
}
f-modal-header .f-modal-header .f-modal-header-close-btn button {
display: flex;
align-items: center;
justify-content: center;
}
f-modal-header .f-modal-header .f-modal-header-close-btn button:hover,
f-modal-header .f-modal-header .f-modal-header-close-btn button:focus {
border-radius: 0;
outline: var(--spacing-xs) solid var(--color-border-focus-base, #0055aa);
}
f-modal-header p.f-modal-header-subtext {
margin: var(--spacing-none);
padding: var(--spacing-l) var(--spacing-xl) var(--spacing-none)
var(--spacing-xl);
line-height: 1.5;
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--color-bg-body-base: #ffffff;
--color-bg-light-base: #ffffff;
--color-bg-dark-subtle: #efefef;
--color-bg-dark-base: #282828;
--color-bg-primary-subtlest: #f6f9ff;
--color-bg-primary-subtle: #dce9ff;
--color-bg-primary-base: #266de2;
--color-bg-primary-base-hover: #165bcf;
--color-bg-primary-base-focus: #165bcf;
--color-bg-primary-strong: #165bcf;
--color-bg-info-base: #dce9ff;
--color-bg-error-subtle: #fdebec;
--color-bg-error-base: #ed3f3f;
--color-bg-error-base-hover: #c61a1a;
--color-bg-error-base-focus: #c61a1a;
--color-bg-error-strong: #c61a1a;
--color-bg-success-subtle: #e6f6e1;
--color-bg-warning-subtle: #ffefd2;
--color-bg-disabled-subtle: #efefef;
--color-bg-disabled-base: #949494;
--color-bg-disabled-base-hover: #767676;
--color-bg-disabled-base-focus: #767676;
--color-bg-disabled-strong: #767676;
--color-bg-decorative-subtle-50: #97e8e2;
--color-bg-decorative-subtle-100: #e5cefd;
--color-bg-decorative-subtle-200: #c2d9fe;
--color-bg-decorative-subtle-300: #ffefd2;
--color-bg-decorative-subtle-400: #ffcbb1;
--color-bg-brand-b1: #0066ff;
--color-bg-brand-b2: #cce0ff;
--color-bg-brand-b3: #f8f8f8;
--color-text-placeholder-base: #767676;
--color-text-placeholder-on-disabled-subtle-bg: #949494;
--color-text-body-subtle: #666666;
--color-text-body-base: #282828;
--color-text-primary-on-sublte-bg: #266de2;
--color-text-primary-on-subtle-bg-hover: #165bcf;
--color-text-primary-on-subtle-bg-focus: #165bcf;
--color-text-primary-base: #266de2;
--color-text-primary-base-hover: #165bcf;
--color-text-primary-base-focus: #165bcf;
--color-text-primary-on-base-bg: #ffffff;
--color-text-primary-on-base-bg-hover: #ffffff;
--color-text-primary-on-base-bg-focus: #ffffff;
--color-text-primary-strong: #165bcf;
--color-text-primary-on-strong-bg: #ffffff;
--color-text-error-base: #c61a1a;
--color-text-error-on-subtle-bg: #282828;
--color-text-error-on-base-bg: #ffffff;
--color-text-error-on-base-bg-hover: #ffffff;
--color-text-error-on-base-bg-focus: #ffffff;
--color-text-error-on-strong-bg: #ffffff;
--color-text-success-base: #107400;
--color-text-success-on-subtle-bg: #282828;
--color-text-disabled-on-base-bg: #ffffff;
--color-text-disabled-base: #949494;
--color-text-dark-on-dark-bg: #ffffff;
--color-link-base: #266de2;
--color-border-default-subtlest: #dedede;
--color-border-default-subtle: #949494;
--color-border-default-base: #767676;
--color-border-default-strong: #282828;
--color-border-primary-base: #266de2;
--color-border-primary-base-hover: #165bcf;
--color-border-primary-base-selected: #165bcf;
--color-border-primary-strong: #165bcf;
--color-border-error-base: #c61a1a;
--color-border-focus-base: #0055aa;
--color-border-focus-error: #c61a1a;
--color-border-light-base: #ffffff;
--color-icon-light-base: #ffffff;
--color-icon-dark-subtle: #949494;
--color-icon-dark-base: #282828;
--color-icon-primary-on-subtle-bg: #266de2;
--color-icon-primary-on-subtle-bg-hover: #165bcf;
--color-icon-primary-on-subtle-bg-focus: #165bcf;
--color-icon-primary-base: #266de2;
--color-icon-primary-base-hover: #165bcf;
--color-icon-primary-base-focus: #165bcf;
--color-icon-primary-strong: #165bcf;
--color-icon-primary-on-base-bg: #ffffff;
--color-icon-primary-on-base-bg-hover: #ffffff;
--color-icon-primary-on-base-bg-focus: #ffffff;
--color-icon-error-base: #c61a1a;
--color-icon-error-on-base-bg: #ffffff;
--color-icon-error-on-base-bg-hover: #ffffff;
--color-icon-error-on-base-bg-focus: #ffffff;
--color-icon-success-base: #107400;
--color-icon-disabled-on-base-bg: #ffffff;
--color-icon-control-default: #767676;
--color-icon-control-selected: #266de2;
--color-icon-control-disabled: #dedede;
--color-icon-control-error: #c61a1a;
--color-chart-line-master-l1: #a90065;
--color-chart-line-master-l2: #59955f;
--color-chart-line-master-l3: #555555;
--color-chart-line-master-l4: #a57700;
--color-chart-line-master-l5: #005cf2;
--color-chart-line-master-l6: #507b79;
--color-chart-line-master-l7: #4f009a;
--color-chart-line-master-l8: #238983;
--color-chart-line-master-l9: #8b28ea;
--color-chart-line-master-l10: #a87ad3;
--color-chart-line-purple-l1: #4f009a;
--color-chart-line-purple-l2: #a87ad3;
--color-chart-line-purple-l3: #8b28ea;
--color-chart-line-teal-l1: #001e1c;
--color-chart-line-teal-l2: #238983;
--color-chart-line-teal-l3: #507b79;
--color-chart-line-teal-purple-l1: #001e1c;
--color-chart-line-teal-purple-l2: #4f009a;
--color-chart-line-teal-purple-l3: #238983;
--color-chart-line-teal-purple-l4: #a87ad3;
--color-chart-line-teal-purple-l5: #507b79;
--color-chart-line-teal-purple-l6: #8b28ea;
--color-chart-pie-bar-master-m1: #eef6d5;
--color-chart-pie-bar-master-m2: #a90065;
--color-chart-pie-bar-master-m3: #d6faf8;
--color-chart-pie-bar-master-m4: #59955f;
--color-chart-pie-bar-master-m5: #ca96fe;
--color-chart-pie-bar-master-m6: #555555;
--color-chart-pie-bar-master-m7: #fbdecf;
--color-chart-pie-bar-master-m8: #a57700;
--color-chart-pie-bar-master-m9: #a9f3ba;
--color-chart-pie-bar-master-m10: #005cf2;
--color-chart-pie-bar-purple-p1: #210041;
--color-chart-pie-bar-purple-p2: #8b28ea;
--color-chart-pie-bar-purple-p3: #e5cefd;
--color-chart-pie-bar-purple-p4: #4f009a;
--color-chart-pie-bar-purple-p5: #dcb8ff;
--color-chart-pie-bar-purple-p6: #38006f;
--color-chart-pie-bar-purple-p7: #f4e8ff;
--color-chart-pie-bar-purple-p8: #7404e0;
--color-chart-pie-bar-purple-p9: #faf5ff;
--color-chart-pie-bar-purple-p10: #a87ad3;
--color-chart-pie-bar-teal-t1: #001e1c;
--color-chart-pie-bar-teal-t2: #238983;
--color-chart-pie-bar-teal-t3: #9aefea;
--color-chart-pie-bar-teal-t4: #024d49;
--color-chart-pie-bar-teal-t5: #5ce3db;
--color-chart-pie-bar-teal-t6: #023b38;
--color-chart-pie-bar-teal-t7: #e4faf8;
--color-chart-pie-bar-teal-t8: #227d78;
--color-chart-pie-bar-teal-t9: #c3f5f3;
--color-chart-pie-bar-teal-t10: #507b79;
--color-palette-blue-50: #f6f9ff;
--color-palette-blue-100: #dce9ff;
--color-palette-blue-200: #c2d9fe;
--color-palette-blue-300: #7da7ed;
--color-palette-blue-400: #639dfe;
--color-palette-blue-500: #266de2;
--color-palette-blue-600: #005cf2;
--color-palette-blue-700: #165bcf;
--color-palette-blue-800: #0055aa;
--color-palette-gray-50: #ffffff;
--color-palette-gray-100: #efefef;
--color-palette-gray-200: #dedede;
--color-palette-gray-300: #949494;
--color-palette-gray-400: #767676;
--color-palette-gray-500: #666666;
--color-palette-gray-600: #555555;
--color-palette-gray-700: #282828;
--color-palette-red-50: #fdebec;
--color-palette-red-100: #fbdecf;
--color-palette-red-200: #ffcbb1;
--color-palette-red-300: #ff9966;
--color-palette-red-400: #ed3f3f;
--color-palette-red-500: #cd4400;
--color-palette-red-600: #c61a1a;
--color-palette-red-700: #a90065;
--color-palette-green-50: #eef6d5;
--color-palette-green-100: #e6f6e1;
--color-palette-green-200: #a9f3ba;
--color-palette-green-300: #0fab01;
--color-palette-green-400: #59955f;
--color-palette-green-500: #107400;
--color-palette-yellow-50: #ffefd2;
--color-palette-yellow-100: #fff200;
--color-palette-yellow-200: #fbcf35;
--color-palette-yellow-300: #a57700;
--color-palette-teal-50: #e4faf8;
--color-palette-teal-100: #d6faf8;
--color-palette-teal-200: #c3f5f3;
--color-palette-teal-300: #9aefea;
--color-palette-teal-400: #97e8e2;
--color-palette-teal-500: #5ce3db;
--color-palette-teal-600: #64d9d2;
--color-palette-teal-700: #238983;
--color-palette-teal-800: #507b79;
--color-palette-teal-900: #227d78;
--color-palette-teal-1000: #024d49;
--color-palette-teal-1100: #023b38;
--color-palette-teal-1200: #001e1c;
--color-palette-purple-50: #faf5ff;
--color-palette-purple-100: #f4e8ff;
--color-palette-purple-200: #e5cefd;
--color-palette-purple-300: #dcb8ff;
--color-palette-purple-400: #ca96fe;
--color-palette-purple-500: #d382e0;
--color-palette-purple-600: #a87ad3;
--color-palette-purple-700: #bb6bd9;
--color-palette-purple-800: #8b28ea;
--color-palette-purple-900: #7404e0;
--color-palette-purple-1000: #4f009a;
--color-palette-purple-1100: #38006f;
--color-palette-purple-1200: #210041;
--color-palette-brand-50: #0066ff;
--color-palette-brand-100: #cce0ff;
--color-palette-brand-200: #f8f8f8;
}
:root,
:host {
--font-25: 1px;
--font-30: 1.2000000476837158px;
--font-35: 1.399999976158142px;
--font-37: 1.5px;
--font-300: 12px;
--font-325: 13px;
--font-350: 14px;
--font-400: 16px;
--font-450: 18px;
--font-500: 20px;
--font-550: 22px;
--font-700: 28px;
--font-800: 32px;
--font-900: 36px;
--font-1200: 48px;
--font-10000: 400px;
--font-17500: 700px;
--font-family-base: "FS Thrive Elliot Web", Arial, sans-serif;
--font-line-height-none: 1px;
--font-line-height-tight: 1.2000000476837158px;
--font-line-height-snug: 1.399999976158142px;
--font-line-height-normal: 1.5px;
--font-size-2xs: 12px;
--font-size-xs: 13px;
--font-size-s: 14px;
--font-size-base: 16px;
--font-size-l: 20px;
--font-size-xl: 22px;
--font-size-2xl: 32px;
--font-size-3xl: 36px;
--font-weight-regular: 400px;
--font-weight-bold: 700px;
}
:root,
:host {
--border-0: 0px;
--border-25: 1px;
--border-50: 2px;
--border-100: 4px;
--border-150: 6px;
--border-200: 8px;
--border-250: 10px;
--border-500: 20px;
--border-25000: 1000px;
--border-radius-none: 0px;
--border-radius-xs: 4px;
--border-radius-s: 8px;
--border-radius-m: 20px;
--border-radius-full: 1000px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-width-4: 4px;
--border-width-6: 6px;
--border-width-8: 8px;
--border-width-10: 10px;
--border-width-none: 0px;
--sizing-0: 0px;
--sizing-100: 4px;
--sizing-200: 8px;
--sizing-300: 12px;
--sizing-400: 16px;
--sizing-600: 24px;
--sizing-700: 28px;
--sizing-800: 32px;
--sizing-1000: 40px;
--sizing-1200: 48px;
--sizing-1300: 52px;
--sizing-1400: 56px;
--sizing-1600: 64px;
--sizing-1800: 72px;
--sizing-2000: 80px;
--sizing-2200: 88px;
--sizing-2400: 96px;
--sizing-2600: 104px;
--sizing-2800: 112px;
--sizing-3000: 120px;
--sizing-3200: 128px;
--sizing-3400: 136px;
--sizing-3600: 144px;
--sizing-3800: 152px;
--sizing-4000: 160px;
--sizing-4200: 168px;
--sizing-4400: 176px;
--sizing-4600: 184px;
--sizing-4800: 192px;
--sizing-5000: 200px;
--sizing-5200: 208px;
--sizing-5400: 216px;
--sizing-5600: 224px;
--sizing-5800: 232px;
--sizing-6000: 240px;
--sizing-6200: 248px;
--sizing-6400: 256px;
--sizing-6600: 264px;
--sizing-6800: 272px;
--sizing-7000: 280px;
--sizing-7200: 288px;
--sizing-7400: 296px;
--sizing-7600: 304px;
--sizing-7800: 312px;
--sizing-8000: 320px;
--sizing-8200: 328px;
--sizing-8400: 336px;
--sizing-8600: 344px;
--sizing-8800: 352px;
--sizing-9000: 360px;
--sizing-9200: 368px;
--sizing-9400: 376px;
--sizing-9600: 384px;
--sizing-9800: 392px;
--sizing-10000: 400px;
--sizing-10200: 408px;
--sizing-10400: 416px;
--sizing-10600: 424px;
--sizing-10800: 432px;
--sizing-11000: 440px;
--sizing-11200: 448px;
--sizing-11400: 456px;
--sizing-11600: 464px;
--sizing-11800: 472px;
--sizing-12000: 480px;
--sizing-12200: 488px;
--sizing-12400: 496px;
--sizing-12600: 504px;
--sizing-12800: 512px;
--sizing-13000: 520px;
--sizing-13200: 528px;
--sizing-13400: 536px;
--sizing-13600: 544px;
--sizing-13800: 552px;
--sizing-14000: 560px;
--sizing-14200: 568px;
--sizing-14400: 576px;
--sizing-14600: 584px;
--sizing-14800: 592px;
--sizing-15000: 600px;
--sizing-15200: 608px;
--sizing-15400: 616px;
--sizing-15600: 624px;
--sizing-15800: 632px;
--sizing-16000: 640px;
--sizing-16200: 648px;
--sizing-16400: 656px;
--sizing-16600: 664px;
--sizing-16800: 672px;
--sizing-17000: 680px;
--sizing-17200: 688px;
--sizing-17400: 696px;
--sizing-17600: 704px;
--sizing-17800: 712px;
--sizing-18000: 720px;
--sizing-18200: 728px;
--sizing-18400: 736px;
--sizing-18600: 744px;
--sizing-18800: 752px;
--sizing-19000: 760px;
--sizing-19200: 768px;
--sizing-19400: 776px;
--sizing-19600: 784px;
--sizing-19800: 792px;
--sizing-20000: 800px;
--sizing-20200: 808px;
--sizing-20400: 816px;
--sizing-20600: 824px;
--sizing-20800: 832px;
--sizing-21000: 840px;
--sizing-21200: 848px;
--sizing-21400: 856px;
--sizing-21600: 864px;
--sizing-21800: 872px;
--sizing-22000: 880px;
--sizing-22200: 888px;
--sizing-22400: 896px;
--sizing-22600: 904px;
--sizing-22800: 912px;
--sizing-23000: 920px;
--sizing-23200: 928px;
--sizing-23400: 936px;
--sizing-23600: 944px;
--sizing-23800: 952px;
--sizing-24000: 960px;
--sizing-24200: 968px;
--sizing-24400: 976px;
--sizing-24600: 984px;
--sizing-24800: 992px;
--sizing-25000: 1000px;
--sizing-height-0: 0px;
--sizing-height-100: 4px;
--sizing-height-200: 8px;
--sizing-height-300: 12px;
--sizing-height-400: 16px;
--sizing-height-600: 24px;
--sizing-height-800: 32px;
--sizing-height-1000: 40px;
--sizing-height-1200: 48px;
--sizing-height-1400: 56px;
--sizing-height-1600: 64px;
--sizing-height-1800: 72px;
--sizing-height-2000: 80px;
--sizing-height-2200: 88px;
--sizing-height-2400: 96px;
--sizing-height-2600: 104px;
--sizing-height-2800: 112px;
--sizing-height-3000: 120px;
--sizing-height-3200: 128px;
--sizing-height-3400: 136px;
--sizing-height-3600: 144px;
--sizing-height-3800: 152px;
--sizing-height-4000: 160px;
--sizing-height-4200: 168px;
--sizing-height-4400: 176px;
--sizing-height-4600: 184px;
--sizing-height-4800: 192px;
--sizing-height-5000: 200px;
--sizing-height-5200: 208px;
--sizing-height-5400: 216px;
--sizing-height-5600: 224px;
--sizing-height-5800: 232px;
--sizing-height-6000: 240px;
--sizing-height-6200: 248px;
--sizing-height-6400: 256px;
--sizing-height-6600: 264px;
--sizing-height-6800: 272px;
--sizing-height-7000: 280px;
--sizing-height-7200: 288px;
--sizing-height-7400: 296px;
--sizing-height-7600: 304px;
--sizing-height-7800: 312px;
--sizing-height-8000: 320px;
--sizing-height-8200: 328px;
--sizing-height-8400: 336px;
--sizing-height-8600: 344px;
--sizing-height-8800: 352px;
--sizing-height-9000: 360px;
--sizing-height-9200: 368px;
--sizing-height-9400: 376px;
--sizing-height-9600: 384px;
--sizing-height-9800: 392px;
--sizing-height-10000: 400px;
--sizing-height-10200: 408px;
--sizing-height-10400: 416px;
--sizing-height-10600: 424px;
--sizing-height-10800: 432px;
--sizing-height-11000: 440px;
--sizing-height-11200: 448px;
--sizing-height-11400: 456px;
--sizing-height-11600: 464px;
--sizing-height-11800: 472px;
--sizing-height-12000: 480px;
--sizing-height-12200: 488px;
--sizing-height-12400: 496px;
--sizing-height-12600: 504px;
--sizing-height-12800: 512px;
--sizing-height-13000: 520px;
--sizing-height-13200: 528px;
--sizing-height-13400: 536px;
--sizing-height-13600: 544px;
--sizing-height-13800: 552px;
--sizing-height-14000: 560px;
--sizing-height-14200: 568px;
--sizing-height-14400: 576px;
--sizing-height-14600: 584px;
--sizing-height-14800: 592px;
--sizing-height-15000: 600px;
--sizing-height-15200: 608px;
--sizing-height-15400: 616px;
--sizing-height-15600: 624px;
--sizing-height-15800: 632px;
--sizing-height-16000: 640px;
--sizing-height-16200: 648px;
--sizing-height-16400: 656px;
--sizing-height-16600: 664px;
--sizing-height-16800: 672px;
--sizing-height-17000: 680px;
--sizing-height-17200: 688px;
--sizing-height-17400: 696px;
--sizing-height-17600: 704px;
--sizing-height-17800: 712px;
--sizing-height-18000: 720px;
--sizing-height-18200: 728px;
--sizing-height-18400: 736px;
--sizing-height-18600: 744px;
--sizing-height-18800: 752px;
--sizing-height-19000: 760px;
--sizing-height-19200: 768px;
--sizing-height-19400: 776px;
--sizing-height-19600: 784px;
--sizing-height-19800: 792px;
--sizing-height-20000: 800px;
--sizing-height-20200: 808px;
--sizing-height-20400: 816px;
--sizing-height-20600: 824px;
--sizing-height-20800: 832px;
--sizing-height-21000: 840px;
--sizing-height-21200: 848px;
--sizing-height-21400: 856px;
--sizing-height-21600: 864px;
--sizing-height-21800: 872px;
--sizing-height-22000: 880px;
--sizing-height-22200: 888px;
--sizing-height-22400: 896px;
--sizing-height-22600: 904px;
--sizing-height-22800: 912px;
--sizing-height-23000: 920px;
--sizing-height-23200: 928px;
--sizing-height-23400: 936px;
--sizing-height-23600: 944px;
--sizing-height-23800: 952px;
--sizing-height-24000: 960px;
--sizing-height-24200: 968px;
--sizing-height-24400: 976px;
--sizing-height-24600: 984px;
--sizing-height-24800: 992px;
--sizing-height-25000: 1000px;
--sizing-width-0: 0px;
--sizing-width-100: 4px;
--sizing-width-200: 8px;
--sizing-width-300: 12px;
--sizing-width-400: 16px;
--sizing-width-600: 24px;
--sizing-width-800: 32px;
--sizing-width-1000: 40px;
--sizing-width-1200: 48px;
--sizing-width-1300: 52px;
--sizing-width-1400: 56px;
--sizing-width-1600: 64px;
--sizing-width-1800: 72px;
--sizing-width-2000: 80px;
--sizing-width-2200: 88px;
--sizing-width-2400: 96px;
--sizing-width-2600: 104px;
--sizing-width-2800: 112px;
--sizing-width-3000: 120px;
--sizing-width-3200: 128px;
--sizing-width-3400: 136px;
--sizing-width-3600: 144px;
--sizing-width-3800: 152px;
--sizing-width-4000: 160px;
--sizing-width-4200: 168px;
--sizing-width-4400: 176px;
--sizing-width-4600: 184px;
--sizing-width-4800: 192px;
--sizing-width-5000: 200px;
--sizing-width-5200: 208px;
--sizing-width-5400: 216px;
--sizing-width-5600: 224px;
--sizing-width-5800: 232px;
--sizing-width-6000: 240px;
--sizing-width-6200: 248px;
--sizing-width-6400: 256px;
--sizing-width-6600: 264px;
--sizing-width-6800: 272px;
--sizing-width-7000: 280px;
--sizing-width-7200: 288px;
--sizing-width-7400: 296px;
--sizing-width-7600: 304px;
--sizing-width-7800: 312px;
--sizing-width-8000: 320px;
--sizing-width-8200: 328px;
--sizing-width-8400: 336px;
--sizing-width-8600: 344px;
--sizing-width-8800: 352px;
--sizing-width-9000: 360px;
--sizing-width-9200: 368px;
--sizing-width-9400: 376px;
--sizing-width-9600: 384px;
--sizing-width-9800: 392px;
--sizing-width-10000: 400px;
--sizing-width-10200: 408px;
--sizing-width-10400: 416px;
--sizing-width-10600: 424px;
--sizing-width-10800: 432px;
--sizing-width-11000: 440px;
--sizing-width-11200: 448px;
--sizing-width-11400: 456px;
--sizing-width-11600: 464px;
--sizing-width-11800: 472px;
--sizing-width-12000: 480px;
--sizing-width-12200: 488px;
--sizing-width-12400: 496px;
--sizing-width-12600: 504px;
--sizing-width-12800: 512px;
--sizing-width-13000: 520px;
--sizing-width-13200: 528px;
--sizing-width-13400: 536px;
--sizing-width-13600: 544px;
--sizing-width-13800: 552px;
--sizing-width-14000: 560px;
--sizing-width-14200: 568px;
--sizing-width-14400: 576px;
--sizing-width-14600: 584px;
--sizing-width-14800: 592px;
--sizing-width-15000: 600px;
--sizing-width-15200: 608px;
--sizing-width-15400: 616px;
--sizing-width-15600: 624px;
--sizing-width-15800: 632px;
--sizing-width-16000: 640px;
--sizing-width-16200: 648px;
--sizing-width-16400: 656px;
--sizing-width-16600: 664px;
--sizing-width-16800: 672px;
--sizing-width-17000: 680px;
--sizing-width-17200: 688px;
--sizing-width-17400: 696px;
--sizing-width-17600: 704px;
--sizing-width-17800: 712px;
--sizing-width-18000: 720px;
--sizing-width-18200: 728px;
--sizing-width-18400: 736px;
--sizing-width-18600: 744px;
--sizing-width-18800: 752px;
--sizing-width-19000: 760px;
--sizing-width-19200: 768px;
--sizing-width-19400: 776px;
--sizing-width-19600: 784px;
--sizing-width-19800: 792px;
--sizing-width-20000: 800px;
--sizing-width-20200: 808px;
--sizing-width-20400: 816px;
--sizing-width-20600: 824px;
--sizing-width-20800: 832px;
--sizing-width-21000: 840px;
--sizing-width-21200: 848px;
--sizing-width-21400: 856px;
--sizing-width-21600: 864px;
--sizing-width-21800: 872px;
--sizing-width-22000: 880px;
--sizing-width-22200: 888px;
--sizing-width-22400: 896px;
--sizing-width-22600: 904px;
--sizing-width-22800: 912px;
--sizing-width-23000: 920px;
--sizing-width-23200: 928px;
--sizing-width-23400: 936px;
--sizing-width-23600: 944px;
--sizing-width-23800: 952px;
--sizing-width-24000: 960px;
--sizing-width-24200: 968px;
--sizing-width-24400: 976px;
--sizing-width-24600: 984px;
--sizing-width-24800: 992px;
--sizing-width-25000: 1000px;
--spacing-0: 0px;
--spacing-50: 2px;
--spacing-100: 4px;
--spacing-200: 8px;
--spacing-300: 12px;
--spacing-400: 16px;
--spacing-600: 24px;
--spacing-800: 32px;
--spacing-1000: 40px;
--spacing-1200: 48px;
--spacing-1400: 56px;
--spacing-1600: 64px;
--spacing-2000: 80px;
--spacing-gap-none: 0px;
--spacing-gap-xs: 4px;
--spacing-gap-s: 8px;
--spacing-gap-m: 16px;
--spacing-gap-l: 24px;
--spacing-gap-xl: 32px;
--spacing-gap-2xl: 40px;
--spacing-gap-3xl: 48px;
--spacing-gap-4xl: 56px;
--spacing-gap-5xl: 80px;
--spacing-gap-btn-group-horizontal: 24px;
--spacing-gap-btn-group-vertical: 16px;
--spacing-padding-none: 0px;
--spacing-padding-xs: 4px;
--spacing-padding-s: 8px;
--spacing-padding-m: 16px;
--spacing-padding-l: 24px;
--spacing-padding-xl: 32px;
--spacing-padding-2xl: 40px;
--spacing-padding-3xl: 48px;
--spacing-padding-4xl: 56px;
--spacing-padding-5xl: 64px;
--spacing-padding-6xl: 80px;
--spacing-padding-card-s: 16px;
--spacing-margin-none: 0px;
--spacing-margin-xs: 4px;
--spacing-margin-s: 8px;
--spacing-margin-m: 16px;
--spacing-margin-l: 24px;
--spacing-margin-xl: 32px;
--spacing-margin-2xl: 40px;
--spacing-margin-3xl: 48px;
--spacing-margin-4xl: 56px;
--spacing-margin-5xl: 64px;
--spacing-margin-6xl: 80px;
}
:root,
:host {
--core-water-leaf: var(--color-palette-teal-400, #97e8e2);
--core-tropical-blue: var(--color-palette-blue-200, #c2d9fe);
--core-pale-lavendar: var(--color-palette-purple-200, #e5cefd);
--core-pale-lavender: var(--color-palette-purple-200, #e5cefd);
--accent-canary-yellow: var(--color-palette-yellow-100, #fff200);
--accent-grenadier: var(--color-palette-red-500, #cd4400);
--accent-pink-orange: var(--color-palette-red-300, #ff9966);
--accent-apricot: var(--color-palette-red-200, #ffcbb1);
--accent-denim: var(--color-palette-blue-700, #165bcf);
--accent-navy-blue: var(--color-palette-blue-500, #266de2);
--accent-jordy-blue: var(--color-palette-blue-300, #7da7ed);
--accent-hawkes-blue: var(--color-palette-blue-100, #dce9ff);
--accent-zircon: var(--color-palette-blue-50, #f6f9ff);
--tertiary-viking: var(--color-palette-teal-600, #64d9d2);
--tertiary-cornflower-blue: var(--color-palette-blue-400, #639dfe);
--tertiary-rich-lilac: var(--color-palette-purple-700, #bb6bd9);
--tertiary-orchid: var(--color-palette-purple-500, #d382e0);
--neutral-black: var(--color-palette-gray-700, #282828);
--neutral-steel: var(--color-palette-gray-500, #666666);
--neutral-dove-gray: var(--color-palette-gray-400, #767676);
--neutral-mountain-mist: var(--color-palette-gray-300, #949494);
--neutral-athens-gray: var(--color-palette-gray-200, #dedede);
--neutral-gallery: var(--color-palette-gray-100, #efefef);
--neutral-white: var(--color-palette-gray-50, #ffffff);
--error-background: var(--color-palette-red-50, #fdebec);
--error-shadow: var(--color-palette-red-400, #ed3f3f);
--error: var(--color-palette-red-600, #c61a1a);
--warning-background: var(--color-palette-yellow-50, #ffefd2);
--warning: var(--color-palette-yellow-200, #fbcf35);
--success-background: var(--color-palette-green-100, #e6f6e1);
--success-shadow: var(--color-palette-green-300, #0fab01);
--success: var(--color-palette-green-500, #107400);
--info: #165dd0;
--info-background: var(--color-bg-info-base, #dce9ff);
--a11y-focus-color: var(--color-border-focus-base, #0055aa);
--background-body: var(--color-bg-body-base, #ffffff);
--border-general: var(--color-border-default-base, #767676);
--border-light: var(--color-palette-gray-300, #949494);
--anchor-color: var(--color-link-base);
--awlds-color-progress-green: #0eab00;
--awlds-color-progress-green-contrast: var(
--color-palette-green-500,
#107400
);
--awlds-color-progress-blue: var(--color-palette-blue-700, #165bcf);
--awlds-color-progress-blue-contrast: var(--color-palette-blue-500, #266de2);
--branding-bg-color: var(--color-bg-brand-b1, #0066ff);
--branding-text-color: var(--color-text-body-base, #282828);
--vertical-brand-bar-color: var(--branding-bg-color);
--light-gray: #f9f9f9;
--light-blue: var(--color-palette-blue-50, #f6f9ff);
--light-turquoise: #eefcfb;
--ai-light-lavendar: #fbf7ff;
--ai-indigo-purple: var(--color-palette-purple-1000, #4f009a);
--base-font-color: var(--color-text-body-base, #282828);
--base-font-family: "FS Thrive Elliot Web", Arial, sans-serif;
--bold-font-family: "FS Thrive Elliot Web - Bold", Arial, sans-serif;
--heavy-font-family: "FS Thrive Elliot Web - Heavy", Arial, sans-serif;
--light-font-family: "FS Thrive Elliot Web - Light", Arial, sans-serif;
--italic-font-family: "FS Thrive Elliot Web - Italic", Arial, sans-serif;
--mono-font-family: "Courier New", Courier, monospace;
--small-font-size: var(--font-size-s, 14px);
--base-font-size: var(--font-size-base, 16px);
--large-font-size: var(--font-450, 18px);
--h1-font-size: var(--font-1200, 48px);
--h2-font-size: var(--font-size-3xl, 36px);
--h3-font-size: var(--font-700, 28px);
--h4-font-size: var(--font-size-xl, 22px);
--h5-font-size: var(--font-size-l, 20px);
--h6-font-size: var(--font-450, 18px);
--body-font-size: var(--font-size-base, 16px);
--subtitle-font-size: var(--font-size-s, 14px);
--helper-text-font-size: var(--font-size-2xs, 12px);
--legal-font-size: var(--font-325, 13px);
--spacing-none: 0;
--spacing-xs: 2px;
--spacing-s: 4px;
--spacing-m: 8px;
--spacing-l: 16px;
--spacing-xl: 24px;
--spacing-2xl: 32px;
--spacing-3xl: 40px;
--spacing-4xl: 56px;
--spacing-5xl: 80px;
--container-max-width: 1600px;
--width-xs: calc(var(--container-max-width) / 5);
--width-s: calc(var(--container-max-width) / 4);
--width-m: calc(var(--container-max-width) / 3);
--width-l: calc(var(--container-max-width) / 2);
--width-xl: var(--container-max-width);
--full-width: 100%;
--paragraph-margin-bottom: var(--spacing-m);
--paragraph-max-width: 37.5rem;
--breakpoint-s: 320px;
--breakpoint-m: 768px;
--breakpoint-l: 1024px;
--breakpoint-xl: 1280px;
--breakpoint-2xl: 1440px;
}
/**
* Global variables
* Please use this file to define global sass variables
* These variables will be added first to be used in all other sass files
*/
@font-face {
font-family: "FS Thrive Elliot Web";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Regular.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Bold";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Bold.woff")
format("woff");
font-display: swap;
font-weight: 700;
}
@font-face {
font-family: "FS Thrive Elliot Web - Heavy";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Heavy.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Light";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Light.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "FS Thrive Elliot Web - Italic";
src: url("https://awlds.ap.alight.com/awlds/v1.60.0/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Italic.woff")
format("woff");
font-display: swap;
font-weight: 400;
}
/**
* @prop --f-icon-color: Color of the icon
* @prop --f-icon-size: Size of the icon
*/
:root,
:host {
--f-icon-color: var(--color-icon-dark-base, #282828);
--f-icon-size: 1rem;
--f-icon-padding: 0;
--f-icon-margin: 0;
--f-icon-justify-content: center;
--f-icon-align-items: center;
--f-icon-transform: none; /* Default transform for LTR */
/*
DO NOT predefine the logical vars here.
Leave them undefined unless explicitly set by a component.
*/
}
@layer physical, logical;
@layer physical {
f-icon {
margin: var(--f-icon-margin); /* Adjust margin as needed */
}
}
@layer logical {
f-icon {
margin-block-start: var(--f-icon-margin-block-start, revert-layer);
margin-inline-end: var(--f-icon-margin-inline-end, revert-layer);
margin-block-end: var(--f-icon-margin-block-end, revert-layer);
margin-inline-start: var(--f-icon-margin-inline-start, revert-layer);
}
}
f-icon {
padding: var(--f-icon-padding);
display: inline-flex;
box-sizing: border-box;
justify-content: var(--f-icon-justify-content);
align-items: var(--f-icon-align-items);
min-width: var(--f-icon-container-size, var(--f-icon-size));
min-height: var(--f-icon-container-size, var(--f-icon-size));
line-height: 100%;
color: var(--f-icon-color);
transform: var(--f-icon-transform); /* Apply transform dynamically */
transform-origin: center; /* Ensure transform origin is centered */
}
f-icon svg {
width: var(--f-icon-size);
height: var(--f-icon-size);
max-width: 100%;
max-height: 100%;
fill: var(--f-icon-color);
}
/* RTL support */
f-icon:dir(rtl) {
--f-icon-transform: rotate(180deg) scaleY(-1); /* Flip and rotate for RTL */
}
.border {
outline: 0.125rem solid var(--color-border-focus-base, #0055aa);
outline-offset: 0.125rem;
}
.sr-only[_ngcontent-ng-c458443194],
.visuallyhidden[_ngcontent-ng-c458443194] {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
}
.al-video-mrgn[_ngcontent-ng-c458443194] {
margin-top: -11px;
}
#enableFrontEndLog[_ngcontent-ng-c458443194] {
position: fixed;
top: 80%;
left: 10px;
background: maroon;
border-radius: 100%;
color: #fff;
border: solid 2px #fa8c88;
padding: 6px 14px;
text-align: center;
z-index: 1;
cursor: pointer;
font-size: 18px;
box-shadow: 0 0 25px #0000004d;
text-decoration: none;
}
@layer primeng {
.p-dialog-mask {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
pointer-events: none;
}
.p-dialog-mask.p-component-overlay {
pointer-events: auto;
}
.p-dialog {
display: flex;
flex-direction: column;
pointer-events: auto;
max-height: 90%;
transform: scale(1);
position: relative;
}
.p-dialog-content {
overflow-y: auto;
flex-grow: 1;
}
.p-dialog-header {
display: flex;
align-items: center;
justify-content: space-between;
flex-shrink: 0;
}
.p-dialog-draggable .p-dialog-header {
cursor: move;
}
.p-dialog-footer {
flex-shrink: 0;
}
.p-dialog .p-dialog-header-icons {
display: flex;
align-items: center;
}
.p-dialog .p-dialog-header-icon {
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
position: relative;
}
.p-fluid .p-dialog-footer .p-button {
width: auto;
}
.p-dialog-top .p-dialog,
.p-dialog-bottom .p-dialog,
.p-dialog-left .p-dialog,
.p-dialog-right .p-dialog,
.p-dialog-top-left .p-dialog,
.p-dialog-top-right .p-dialog,
.p-dialog-bottom-left .p-dialog,
.p-dialog-bottom-right .p-dialog {
margin: 0.75rem;
transform: translateZ(0);
}
.p-dialog-maximized {
-webkit-transition: none;
transition: none;
transform: none;
width: 100vw !important;
height: 100vh !important;
top: 0 !important;
left: 0 !important;
max-height: 100%;
height: 100%;
}
.p-dialog-maximized .p-dialog-content {
flex-grow: 1;
}
.p-dialog-left {
justify-content: flex-start;
}
.p-dialog-right {
justify-content: flex-end;
}
.p-dialog-top {
align-items: flex-start;
}
.p-dialog-top-left {
justify-content: flex-start;
align-items: flex-start;
}
.p-dialog-top-right {
justify-content: flex-end;
align-items: flex-start;
}
.p-dialog-bottom {
align-items: flex-end;
}
.p-dialog-bottom-left {
justify-content: flex-start;
align-items: flex-end;
}
.p-dialog-bottom-right {
justify-content: flex-end;
align-items: flex-end;
}
.p-dialog .p-resizable-handle {
position: absolute;
font-size: 0.1px;
display: block;
cursor: se-resize;
width: 12px;
height: 12px;
right: 1px;
bottom: 1px;
}
.p-confirm-dialog .p-dialog-content {
display: flex;
align-items: center;
}
}
@layer primeng {
.p-dialog-mask {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
pointer-events: none;
}
.p-dialog-mask.p-component-overlay {
pointer-events: auto;
}
.p-dialog {
display: flex;
flex-direction: column;
pointer-events: auto;
max-height: 90%;
transform: scale(1);
position: relative;
}
.p-dialog-content {
overflow-y: auto;
flex-grow: 1;
}
.p-dialog-header {
display: flex;
align-items: center;
justify-content: space-between;
flex-shrink: 0;
}
.p-dialog-draggable .p-dialog-header {
cursor: move;
}
.p-dialog-footer {
flex-shrink: 0;
}
.p-dialog .p-dialog-header-icons {
display: flex;
align-items: center;
}
.p-dialog .p-dialog-header-icon {
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
position: relative;
}
.p-fluid .p-dialog-footer .p-button {
width: auto;
}
.p-dialog-top .p-dialog,
.p-dialog-bottom .p-dialog,
.p-dialog-left .p-dialog,
.p-dialog-right .p-dialog,
.p-dialog-top-left .p-dialog,
.p-dialog-top-right .p-dialog,
.p-dialog-bottom-left .p-dialog,
.p-dialog-bottom-right .p-dialog {
margin: 0.75rem;
transform: translateZ(0);
}
.p-dialog-maximized {
-webkit-transition: none;
transition: none;
transform: none;
width: 100vw !important;
height: 100vh !important;
top: 0 !important;
left: 0 !important;
max-height: 100%;
height: 100%;
}
.p-dialog-maximized .p-dialog-content {
flex-grow: 1;
}
.p-dialog-left {
justify-content: flex-start;
}
.p-dialog-right {
justify-content: flex-end;
}
.p-dialog-top {
align-items: flex-start;
}
.p-dialog-top-left {
justify-content: flex-start;
align-items: flex-start;
}
.p-dialog-top-right {
justify-content: flex-end;
align-items: flex-start;
}
.p-dialog-bottom {
align-items: flex-end;
}
.p-dialog-bottom-left {
justify-content: flex-start;
align-items: flex-end;
}
.p-dialog-bottom-right {
justify-content: flex-end;
align-items: flex-end;
}
.p-dialog .p-resizable-handle {
position: absolute;
font-size: 0.1px;
display: block;
cursor: se-resize;
width: 12px;
height: 12px;
right: 1px;
bottom: 1px;
}
.p-confirm-dialog .p-dialog-content {
display: flex;
align-items: center;
}
}