@charset "UTF-8";.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow {
    border-color: #ccc;
    border-style: solid;
    border-width: 3px 3px 0 0;
    content: "";
    display: block;
    height: 9px;
    position: absolute;
    top: 6px;
    width: 9px
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
    margin-left: -4px;
    position: absolute;
    width: 0
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before {
    border: 8px solid transparent;
    box-sizing: content-box;
    content: "";
    height: 0;
    left: -8px;
    position: absolute;
    width: 1px;
    z-index: -1
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before {
    border-bottom-color: #aeaeae
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
    margin-top: -8px;
    top: 0
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before {
    border-bottom-color: #f0f0f0;
    border-top: none
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after {
    top: 0
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before {
    border-bottom-color: #aeaeae;
    top: -1px
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
    bottom: 0;
    margin-bottom: -8px
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before {
    border-bottom: none;
    border-top-color: #fff
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after {
    bottom: 0
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before {
    border-top-color: #aeaeae;
    bottom: -1px
}

.react-datepicker-wrapper {
    border: 0;
    display: inline-block;
    padding: 0;
    width: 100%
}

.react-datepicker {
    background-color: #fff;
    border: 1px solid #aeaeae;
    border-radius: .3rem;
    color: #000;
    display: inline-block;
    font-family: Helvetica Neue,helvetica,arial,sans-serif;
    font-size: .8rem;
    position: relative
}

.react-datepicker--time-only .react-datepicker__triangle {
    left: 35px
}

.react-datepicker--time-only .react-datepicker__time-container {
    border-left: 0
}

.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box {
    border-bottom-left-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.react-datepicker__triangle {
    left: 50px;
    position: absolute
}

.react-datepicker-popper {
    z-index: 1
}

.react-datepicker-popper[data-placement^=bottom] {
    padding-top: 10px
}

.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle,.react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
    left: auto;
    right: 50px
}

.react-datepicker-popper[data-placement^=top] {
    padding-bottom: 10px
}

.react-datepicker-popper[data-placement^=right] {
    padding-left: 8px
}

.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
    left: auto;
    right: 42px
}

.react-datepicker-popper[data-placement^=left] {
    padding-right: 8px
}

.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
    left: 42px;
    right: auto
}

.react-datepicker__header {
    background-color: #f0f0f0;
    border-bottom: 1px solid #aeaeae;
    border-top-left-radius: .3rem;
    padding: 8px 0;
    position: relative;
    text-align: center
}

.react-datepicker__header--time {
    padding-bottom: 8px;
    padding-left: 5px;
    padding-right: 5px
}

.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
    border-top-left-radius: 0
}

.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
    border-top-right-radius: .3rem
}

.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select {
    display: inline-block;
    margin: 0 15px
}

.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month {
    color: #000;
    font-size: .944rem;
    font-weight: 700;
    margin-top: 0
}

.react-datepicker-time__header {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.react-datepicker__navigation {
    align-items: center;
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    height: 32px;
    justify-content: center;
    overflow: hidden;
    padding: 0;
    position: absolute;
    text-align: center;
    text-indent: -999em;
    top: 2px;
    width: 32px;
    z-index: 1
}

.react-datepicker__navigation--previous {
    left: 2px
}

.react-datepicker__navigation--next {
    right: 2px
}

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
    right: 85px
}

.react-datepicker__navigation--years {
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 0
}

.react-datepicker__navigation--years-previous {
    top: 4px
}

.react-datepicker__navigation--years-upcoming {
    top: -4px
}

.react-datepicker__navigation:hover :before {
    border-color: #a6a6a6
}

.react-datepicker__navigation-icon {
    font-size: 20px;
    position: relative;
    top: -1px;
    width: 0
}

.react-datepicker__navigation-icon--next {
    left: -2px
}

.react-datepicker__navigation-icon--next:before {
    left: -7px;
    transform: rotate(45deg)
}

.react-datepicker__navigation-icon--previous {
    right: -2px
}

.react-datepicker__navigation-icon--previous:before {
    right: -7px;
    transform: rotate(225deg)
}

.react-datepicker__month-container {
    float: left
}

.react-datepicker__year {
    margin: .4rem;
    text-align: center
}

.react-datepicker__year-wrapper {
    display: flex;
    flex-wrap: wrap;
    max-width: 180px
}

.react-datepicker__year .react-datepicker__year-text {
    display: inline-block;
    margin: 2px;
    width: 4rem
}

.react-datepicker__month {
    margin: .4rem;
    text-align: center
}

.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text {
    display: inline-block;
    margin: 2px;
    width: 4rem
}

.react-datepicker__input-time-container {
    clear: both;
    float: left;
    margin: 5px 0 10px 15px;
    text-align: left;
    width: 100%
}

.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container {
    display: inline-block
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
    display: inline-block;
    margin-left: 10px
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
    width: auto
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
    -moz-appearance: textfield
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
    display: inline-block;
    margin-left: 5px
}

.react-datepicker__time-container {
    border-left: 1px solid #aeaeae;
    float: right;
    width: 85px
}

.react-datepicker__time-container--with-today-button {
    border: 1px solid #aeaeae;
    border-radius: .3rem;
    display: inline;
    position: absolute;
    right: -87px;
    top: 0
}

.react-datepicker__time-container .react-datepicker__time {
    background: #fff;
    border-bottom-right-radius: .3rem;
    position: relative
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
    border-bottom-right-radius: .3rem;
    margin: 0 auto;
    overflow-x: hidden;
    text-align: center;
    width: 85px
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
    box-sizing: content-box;
    height: calc(195px + .85rem);
    list-style: none;
    margin: 0;
    overflow-y: scroll;
    padding-left: 0;
    padding-right: 0;
    width: 100%
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
    height: 30px;
    padding: 5px 10px;
    white-space: nowrap
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
    background-color: #f0f0f0;
    cursor: pointer
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
    background-color: #216ba5;
    color: #fff;
    font-weight: 700
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
    background-color: #216ba5
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
    color: #ccc
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
    background-color: transparent;
    cursor: default
}

.react-datepicker__week-number {
    color: #ccc;
    display: inline-block;
    line-height: 1.7rem;
    margin: .166rem;
    text-align: center;
    width: 1.7rem
}

.react-datepicker__week-number.react-datepicker__week-number--clickable {
    cursor: pointer
}

.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
    background-color: #f0f0f0;
    border-radius: .3rem
}

.react-datepicker__day-names,.react-datepicker__week {
    white-space: nowrap
}

.react-datepicker__day-names {
    margin-bottom: -8px
}

.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name {
    color: #000;
    display: inline-block;
    line-height: 1.7rem;
    margin: .166rem;
    text-align: center;
    width: 1.7rem
}

.react-datepicker__month--in-range,.react-datepicker__month--in-selecting-range,.react-datepicker__month--selected,.react-datepicker__quarter--in-range,.react-datepicker__quarter--in-selecting-range,.react-datepicker__quarter--selected {
    background-color: #216ba5;
    border-radius: .3rem;
    color: #fff
}

.react-datepicker__month--in-range:hover,.react-datepicker__month--in-selecting-range:hover,.react-datepicker__month--selected:hover,.react-datepicker__quarter--in-range:hover,.react-datepicker__quarter--in-selecting-range:hover,.react-datepicker__quarter--selected:hover {
    background-color: #1d5d90
}

.react-datepicker__month--disabled,.react-datepicker__quarter--disabled {
    color: #ccc;
    pointer-events: none
}

.react-datepicker__month--disabled:hover,.react-datepicker__quarter--disabled:hover {
    background-color: transparent;
    cursor: default
}

.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text {
    cursor: pointer
}

.react-datepicker__day:hover,.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover,.react-datepicker__year-text:hover {
    background-color: #f0f0f0;
    border-radius: .3rem
}

.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today {
    font-weight: 700
}

.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted {
    background-color: #3dcc4a;
    border-radius: .3rem;
    color: #fff
}

.react-datepicker__day--highlighted:hover,.react-datepicker__month-text--highlighted:hover,.react-datepicker__quarter-text--highlighted:hover,.react-datepicker__year-text--highlighted:hover {
    background-color: #32be3f
}

.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1 {
    color: #f0f
}

.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2 {
    color: green
}

.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected {
    background-color: #216ba5;
    border-radius: .3rem;
    color: #fff
}

.react-datepicker__day--in-range:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--selected:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--selected:hover,.react-datepicker__year-text--in-range:hover,.react-datepicker__year-text--in-selecting-range:hover,.react-datepicker__year-text--selected:hover {
    background-color: #1d5d90
}

.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected {
    background-color: #bad9f1;
    border-radius: .3rem;
    color: #000
}

.react-datepicker__day--keyboard-selected:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__quarter-text--keyboard-selected:hover,.react-datepicker__year-text--keyboard-selected:hover {
    background-color: #1d5d90
}

.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range) {
    background-color: rgba(33,107,165,.5)
}

.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range) {
    background-color: #f0f0f0;
    color: #000
}

.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled {
    color: #ccc;
    cursor: default
}

.react-datepicker__day--disabled:hover,.react-datepicker__month-text--disabled:hover,.react-datepicker__quarter-text--disabled:hover,.react-datepicker__year-text--disabled:hover {
    background-color: transparent
}

.react-datepicker__month-text.react-datepicker__month--in-range:hover,.react-datepicker__month-text.react-datepicker__month--selected:hover,.react-datepicker__month-text.react-datepicker__quarter--in-range:hover,.react-datepicker__month-text.react-datepicker__quarter--selected:hover,.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,.react-datepicker__quarter-text.react-datepicker__month--selected:hover,.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover,.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover {
    background-color: #216ba5
}

.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover {
    background-color: #f0f0f0
}

.react-datepicker__input-container {
    display: inline-block;
    position: relative;
    width: 100%
}

.react-datepicker__input-container .react-datepicker__calendar-icon {
    padding: .5rem;
    position: absolute
}

.react-datepicker__view-calendar-icon input {
    padding: 6px 10px 5px 25px
}

.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view {
    border: 1px solid transparent;
    border-radius: .3rem;
    position: relative
}

.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover {
    cursor: pointer
}

.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow {
    border-top-color: #b3b3b3
}

.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow {
    right: -16px;
    top: 0;
    transform: rotate(135deg)
}

.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown {
    background-color: #f0f0f0;
    border: 1px solid #aeaeae;
    border-radius: .3rem;
    left: 25%;
    position: absolute;
    text-align: center;
    top: 30px;
    width: 50%;
    z-index: 1
}

.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover {
    cursor: pointer
}

.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable {
    height: 150px;
    overflow-y: scroll
}

.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option {
    display: block;
    line-height: 20px;
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type {
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem
}

.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type {
    border-bottom-left-radius: .3rem;
    border-bottom-right-radius: .3rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover {
    background-color: #ccc
}

.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming {
    border-bottom-color: #b3b3b3
}

.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous {
    border-top-color: #b3b3b3
}

.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected {
    left: 15px;
    position: absolute
}

.react-datepicker__close-icon {
    background-color: transparent;
    border: 0;
    cursor: pointer;
    display: table-cell;
    height: 100%;
    outline: 0;
    padding: 0 6px 0 0;
    position: absolute;
    right: 0;
    top: 0;
    vertical-align: middle
}

.react-datepicker__close-icon:after {
    background-color: #216ba5;
    border-radius: 50%;
    color: #fff;
    content: "×";
    cursor: pointer;
    display: table-cell;
    font-size: 12px;
    height: 16px;
    line-height: 1;
    padding: 2px;
    text-align: center;
    vertical-align: middle;
    width: 16px
}

.react-datepicker__today-button {
    background: #f0f0f0;
    border-top: 1px solid #aeaeae;
    clear: left;
    cursor: pointer;
    font-weight: 700;
    padding: 5px 0;
    text-align: center
}

.react-datepicker__portal {
    align-items: center;
    background-color: rgba(0,0,0,.8);
    display: flex;
    height: 100vh;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 2147483647
}

.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name {
    line-height: 3rem;
    width: 3rem
}

@media (max-height: 550px),(max-width:400px) {
    .react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name {
        line-height:2rem;
        width: 2rem
    }
}

.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month {
    font-size: 1.44rem
}

.react-datepicker__children-container {
    height: auto;
    margin: .4rem;
    padding-left: .2rem;
    padding-right: .2rem;
    width: 13.8rem
}

.react-datepicker__aria-live {
    border: 0;
    clip-path: circle(0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.react-datepicker__calendar-icon {
    height: 1em;
    vertical-align: -.125em;
    width: 1em
}

* {
    box-sizing: border-box;
    margin: 0;
    outline: none;
    padding: 0
}

body {
    text-rendering: optimizeLegibility!important;
    -webkit-font-smoothing: antialiased!important;
    -moz-osx-font-smoothing: grayscale;
    color: var(--gray500)
}

body,button,input {
    border: 0;
    font: 14px Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
    line-height: 1.48
}

.link-for-figma {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 20px
}

.link-for-figma a {
    margin-left: 5px
}

:root {
    --auxiliary-strawberry-100: #ffebee;
    --auxiliary-strawberry-200: #ffcdd2;
    --auxiliary-strawberry-300: #ef9a9a;
    --auxiliary-strawberry-400: #ef5350;
    --auxiliary-strawberry-500: #d32f2f;
    --auxiliary-pitaya-100: #fce4ec;
    --auxiliary-pitaya-200: #f8bbd0;
    --auxiliary-pitaya-300: #f48fb1;
    --auxiliary-pitaya-400: #ec407a;
    --auxiliary-pitaya-500: #c2185b;
    --auxiliary-grape-100: #ede7f6;
    --auxiliary-grape-200: #d1c4e9;
    --auxiliary-grape-300: #b39ddb;
    --auxiliary-grape-400: #9575cd;
    --auxiliary-grape-500: #512da8;
    --auxiliary-mirtilo-100: #e8eaf6;
    --auxiliary-mirtilo-200: #c5cae9;
    --auxiliary-mirtilo-300: #9fa8da;
    --auxiliary-mirtilo-400: #7986cb;
    --auxiliary-mirtilo-500: #303f9f;
    --auxiliary-raspberry-100: #e1f5fe;
    --auxiliary-raspberry-200: #b3e5fc;
    --auxiliary-raspberry-300: #4fc3f7;
    --auxiliary-raspberry-400: #039be5;
    --auxiliary-raspberry-500: #0277bd;
    --auxiliary-avocado-100: #ddf0ef;
    --auxiliary-avocado-200: #b2dfdb;
    --auxiliary-avocado-300: #80cbc4;
    --auxiliary-avocado-400: #26a69a;
    --auxiliary-avocado-500: #00796b;
    --auxiliary-lime-100: #f1f8e9;
    --auxiliary-lime-200: #dcedc8;
    --auxiliary-lime-300: #aed581;
    --auxiliary-lime-400: #7cb342;
    --auxiliary-lime-500: #33691e;
    --auxiliary-pear-100: #f9fbe7;
    --auxiliary-pear-200: #f0f4c3;
    --auxiliary-pear-300: #dce775;
    --auxiliary-pear-400: #c0ca33;
    --auxiliary-pear-500: #827717;
    --auxiliary-toranja-100: #fbe9e7;
    --auxiliary-toranja-200: #ffccbc;
    --auxiliary-toranja-300: #ffab91;
    --auxiliary-toranja-400: #ff7043;
    --auxiliary-toranja-500: #d84315;
    --auxiliary-coconut-100: #efebe9;
    --auxiliary-coconut-200: #d7ccc8;
    --auxiliary-coconut-300: #bcaaa4;
    --auxiliary-coconut-400: #a1887f;
    --auxiliary-coconut-500: #5d4037;
    --gray100: #f5f6fa;
    --gray200: #dedfe4;
    --gray300: #b6b7bb;
    --gray400: #6a6c72;
    --gray500: #161616;
    --typography100: var(--gray100);
    --typography200: var(--gray200);
    --typography300: var(--gray300);
    --typography400: var(--gray400);
    --typography500: var(--gray500);
    --dark-opacity100: hsla(0,0%,9%,.08);
    --dark-opacity200: hsla(0,0%,9%,.16);
    --dark-opacity300: hsla(0,0%,9%,.48);
    --dark-opacity400: hsla(0,0%,9%,.64);
    --dark-opacity500: hsla(0,0%,9%,.8);
    --light-opacity100: rgba(245,246,250,.08);
    --light-opacity200: rgba(245,246,250,.16);
    --light-opacity300: rgba(245,246,250,.48);
    --light-opacity400: rgba(245,246,250,.64);
    --light-opacity500: rgba(245,246,250,.8);
    --box-shadow100: 0px 2px 8px hsla(0,0%,9%,.08);
    --box-shadow200: 0px 8px 16px 2px hsla(0,0%,9%,.08);
    --box-shadow300: 0px 16px 32px 2px hsla(0,0%,9%,.08);
    --box-shadow400: 0px 16px 48px -8px hsla(0,0%,9%,.16);
    --box-shadow500: 0px 24px 64px -8px hsla(0,0%,9%,.16);
    --highlight-color: var(--primary500);
    --static-black: #161616;
    --static-base-white: #fff;
    --static-base-black: var(--app-background-color);
    --static-account-pf-one: #efeeed;
    --static-account-pf-black: #212121;
    --static-account-pf-win: #323747;
    --static-account-pj-pro-enterprise: #ccd6d3;
    --static-account-pj-middle-corporate: #073532;
    --static-account-pj-win: #323747;
    --app-background-color: #1c1c1e;
    --neutral-theme: var(--static-base-white);
    --elevation-on-theme: var(--static-base-white);
    --elevation-on-gray100: var(--static-base-white);
    --elevation-on-gray200: var(--static-base-white);
    --success100: #e9f8f0;
    --success500: #00aa4f;
    --error100: #fef0ed;
    --error500: #f56a50;
    --alert100: #fff7d9;
    --alert500: #ffc700;
    --info100: var(--auxiliary-raspberry-100);
    --info500: var(--auxiliary-raspberry-500);
    --radiiXsm: 2px;
    --radiiSm: 4px;
    --radiiMd: 8px;
    --radiiLg: 16px;
    --radiiXlg: 24px;
    --zIndexMinimum: 100;
    --zIndexMedium: 500;
    --zIndexMaximum: 1000;
    --white100: #fff;
    --success400: #20c05d;
    --error700: #fd4f47;
    --gray150: #e6e7f0;
    --gray600: #8c91a9;
    --gray700: #6a6e81;
    --gray800: #4b4e5c;
    --turquoise100: #e5f2f1;
    --turquoise200: #bfdedd;
    --turquoise300: #80bcba;
    --turquoise400: #409b97;
    --turquoise500: #07605b;
    --orange100: #fff2e7;
    --orange200: #ffdab7;
    --orange300: #ffb46e;
    --orange400: #ff9d42;
    --orange500: #ff7a00;
    --primary100: #f1f6f9;
    --primary200: #a5c5da;
    --primary400: #215a7d;
    --primary500: #194a69;
    --primary700: #072534;
    --secondary100: #fff2e7;
    --secondary200: #ffdab7;
    --secondary300: #ffb46e;
    --secondary400: #ff9d42;
    --secondary500: #ff7a00;
    --secondary700: var(--secondary500);
    --darkOrange: #72370e;
    --clayOrange: #943d15;
    --lightOrange: #ffca96;
    --sand: #fdf8ee;
    --graphite: #3c3331;
    --blue: #66ccfb;
    --green: #80e7bd;
    --pink: #f8b6e6;
    --yellow: #fbff71
}

:root:not(:root[theme]) {
    --highlight-color: var(--orange500)
}

:root[theme~=pf] {
    --primary100: #fdf3e5;
    --primary200: #fed9b2;
    --primary300: #fab573;
    --primary400: #f5a151;
    --primary500: #ea7100;
    --primary700: var(--primary500);
    --secondary100: var(--primary100);
    --secondary200: var(--primary200);
    --secondary300: var(--primary300);
    --secondary400: var(--primary400);
    --secondary500: var(--primary500);
    --secondary700: var(--primary700)
}

:root[theme~=pj] {
    --primary100: #fcf3ec;
    --primary200: #f8dac6;
    --primary300: #f1b78f;
    --primary400: #e9a575;
    --primary500: #72370e;
    --primary700: var(--primary500);
    --secondary100: #fff2e7;
    --secondary200: #ffdab7;
    --secondary300: #ffb46e;
    --secondary400: #ff9d42;
    --secondary500: #ff7a00
}

:root[theme~=id] {
    --primary100: #fff2e7;
    --primary200: #ffdab7;
    --primary300: #ffb46e;
    --primary400: #ff9d42;
    --primary500: #ff7a00;
    --primary700: var(--primary500);
    --secondary100: var(--primary100);
    --secondary200: var(--primary200);
    --secondary300: var(--primary300);
    --secondary400: var(--primary400);
    --secondary500: var(--primary500);
    --secondary700: var(--primary700)
}

:root[theme~=wm] {
    --primary100: #f5f6fa;
    --primary200: #e6e7f0;
    --primary300: #b6b7bb;
    --primary400: #6a6c72;
    --primary500: #4d5258;
    --secondary100: var(--primary100);
    --secondary200: var(--primary200);
    --secondary300: var(--primary300);
    --secondary400: var(--primary400);
    --secondary500: var(--primary500)
}

:root[theme=ia] {
    --primary100: #c0ddf5;
    --primary200: #9bc8ee;
    --primary300: #78b2e6;
    --primary400: #62a2e1;
    --primary500: #5293dc;
    --secondary100: var(--primary100);
    --secondary200: var(--primary200);
    --secondary300: var(--primary300);
    --secondary400: var(--primary400);
    --secondary500: var(--primary500)
}

:root[theme~=dark] {
    --neutral-theme: var(--static-base-black);
    --gray100: #252628;
    --gray200: #353539;
    --gray300: #616368;
    --gray400: #b6b7bb;
    --gray500: #f0f1f6;
    --success100: #1a2a23;
    --success500: #03a74f;
    --error100: #302122;
    --error500: #f5554d;
    --alert100: #302b1c;
    --alert500: #fac405;
    --elevation-on-theme: #252628;
    --elevation-on-gray100: #333336;
    --elevation-on-gray200: #616368;
    --auxiliary-strawberry-100: #332224;
    --auxiliary-strawberry-200: #572b2c;
    --auxiliary-strawberry-300: #883838;
    --auxiliary-strawberry-400: #bc4644;
    --auxiliary-strawberry-500: #ef5350;
    --auxiliary-pitaya-100: #3b212c;
    --auxiliary-pitaya-200: #67293f;
    --auxiliary-pitaya-300: #973154;
    --auxiliary-pitaya-400: #c43969;
    --auxiliary-pitaya-500: #ec407a;
    --auxiliary-grape-100: #2b2537;
    --auxiliary-grape-200: #3e3157;
    --auxiliary-grape-300: #563f7f;
    --auxiliary-grape-400: #6c4ca4;
    --auxiliary-grape-500: #9575cd;
    --auxiliary-mirtilo-100: #262836;
    --auxiliary-mirtilo-200: #323857;
    --auxiliary-mirtilo-300: #424b7e;
    --auxiliary-mirtilo-400: #505da3;
    --auxiliary-mirtilo-500: #7986cb;
    --auxiliary-raspberry-100: #192a34;
    --auxiliary-raspberry-200: #163a4e;
    --auxiliary-raspberry-300: #10567a;
    --auxiliary-raspberry-400: #0a75a9;
    --auxiliary-raspberry-500: #039be5;
    --auxiliary-avocado-100: #1e3131;
    --auxiliary-avocado-200: #1f4140;
    --auxiliary-avocado-300: #205955;
    --auxiliary-avocado-400: #237a72;
    --auxiliary-avocado-500: #26a69a;
    --auxiliary-lime-100: #242921;
    --auxiliary-lime-200: #2c3823;
    --auxiliary-lime-300: #3b5229;
    --auxiliary-lime-400: #4a6c2e;
    --auxiliary-lime-500: #689f38;
    --auxiliary-pear-100: #29291f;
    --auxiliary-pear-200: #31311f;
    --auxiliary-pear-300: #4b4a20;
    --auxiliary-pear-400: #6f6f22;
    --auxiliary-pear-500: #9e9d24;
    --auxiliary-toranja-100: #34221e;
    --auxiliary-toranja-200: #5d2c1e;
    --auxiliary-toranja-300: #88371e;
    --auxiliary-toranja-400: #b1411e;
    --auxiliary-toranja-500: #ea5527;
    --auxiliary-coconut-100: #282323;
    --auxiliary-coconut-200: #382d2b;
    --auxiliary-coconut-300: #4b3833;
    --auxiliary-coconut-400: #664a40;
    --auxiliary-coconut-500: #a28176
}

:root[theme~=dark]:root[theme~=pf] {
    --primary100: #392115;
    --primary200: #5f2e17;
    --primary300: #9a4517;
    --primary400: #b95a12;
    --primary500: #ea7100
}

:root[theme~=dark]:root[theme~=pj] {
    --primary100: #352215;
    --primary200: #54341e;
    --primary300: #87512b;
    --primary400: #a86334;
    --primary500: #c88558
}

:root[theme~=citrus-cms] {
    --primary100: #fbe9e7;
    --primary200: #ffccbc;
    --primary300: #ffab91;
    --primary400: #ff7043;
    --primary500: #d84315;
    --secondary100: var(--primary100);
    --secondary200: var(--primary200);
    --secondary300: var(--primary300);
    --secondary400: var(--primary400);
    --secondary500: var(--primary500)
}

:root {
    --accordion-container-background-color: var(--neutral-theme);
    --accordion-container-border-radius: var(--radiiMd,4px);
    --accordion-summary-color: var(--typography500);
    --accordion-details-color: var(--typography500);
    --alert-success-background-color: var(--success100);
    --alert-success-icon-color: var(--success500);
    --alert-alert-background-color: var(--alert100);
    --alert-alert-icon-color: var(--alert500);
    --alert-warning-background-color: var(--alert100);
    --alert-warning-icon-color: var(--alert500);
    --alert-error-background-color: var(--error100);
    --alert-error-icon-color: var(--error500);
    --alert-grayscale-background-color: var(--gray100);
    --alert-grayscale-icon-color: var(--gray300);
    --alert-info-background-color: var(--info100);
    --alert-info-icon-color: var(--info500);
    --app-bar-background-color: var(--neutral-theme);
    --app-bar-container-padding: 0px 24px;
    --app-bar-z-index: var(--zIndexMedium);
    --app-bar-height: 56px;
    --app-bar-width: 100vw;
    --auto-complete-z-index: var(--zIndexMedium);
    --avatar-xl-size: 80px;
    --avatar-lg-size: 40px;
    --avatar-md-size: 24px;
    --bottom-sheet-overlay-z-index: var(--zIndexMaximum);
    --bottom-sheet-overlay-background-color: rgba(0,0,0,.5);
    --bottom-sheet-background-color: var(--neutral-theme);
    --bottom-sheet-handler-background-color: var(--gray400);
    --button-border-radius: var(--radiiMd);
    --button-font-size: 14px;
    --button-font-size-small: 10px;
    --button-loading-font-size: 10px;
    --button-loading-primary-color: var(--white100);
    --button-loading-secondary-color: var(--primary400);
    --button-disabled-loading-primary-color: var(--gray300);
    --button-disabled-loading-secondary-color: var(--white100);
    --button-active-background-color: var(--primary400);
    --button-disabled-background-color: var(--gray200);
    --button-disabled-text-color: var(--gray300);
    --button-background-color: var(--primary500);
    --button-text-color: var(--white100);
    --button-hover-background-color: var(--primary400);
    --button-secondary-border-color: var(--primary300);
    --button-secondary-text-color: var(--primary500);
    --button-secondary-hover-background-color: var(--primary100);
    --button-tertiary-border-color: var(--button-secondary-border-color);
    --button-tertiary-text-color: var(--button-secondary-text-color);
    --button-link-hover-background-color: var(--primary100);
    --button-link-text-color: var(--button-background-color);
    --button-icon-size: 24px;
    --button-icon-size-small: 16px
}

:root:not(:root[theme]) {
    --button-background-color: linear-gradient(45deg,var(--primary500) 0%,var(--primary700) 100%);
    --button-loading-secondary-color: var(--primary400);
    --button-active-background-color: var(--primary400);
    --button-link-hover-background-color: var(--primary100);
    --button-link-text-color: var(--primary500);
    --button-tertiary-border-color: var(--gray150);
    --button-tertiary-text-color: var(--gray800)
}

:root {
    --checkbox-label-text-color: var(--typography400);
    --checkbox-color: var(--primary500);
    --checkbox-check-color: transparent;
    --checkbox-indeterminate-color: var(--gray400);
    --checkbox-indeterminate-check-color: var(--neutral-theme)
}

:root:not(:root[theme]) {
    --checkbox-color: var(--orange500)
}

:root {
    --container-box-border-radius: var(--radiiMd);
    --container-box-background-color: var(--white100);
    --container-box-text-color: var(--gray500);
    --container-box-max-width: 960px;
    --counter-button-icon-color: var(--highlight-color);
    --counter-button-disabled-icon-color: var(--gray200);
    --counter-disabled-label-color: var(--typography300);
    --card-border-radius: var(--radiiMd);
    --card-background-color: var(--neutral-theme);
    --card-text-color: var(--gray500);
    --card-max-width: 960px;
    --card-box-shadow: 0px 2px 16px rgba(0,0,0,.08);
    --carousel-color-arrow: var(--highlight-color);
    --carousel-color-dots: var(--highlight-color);
    --carousel-color-opacity-dots: var(--primary200);
    --carousel-color-no-active-dots: var(--gray200);
    --datepicker-month-and-year-text-color: var(--primary500);
    --datepicker-year-select-background-color: var(--neutral-theme);
    --datepicker-year-select-border-radius: var(--radiiMd);
    --datepicker-year-select-text-color: var(--typography500);
    --datepicker-background-color: var(--neutral-theme);
    --datepicker-v2-border-radius: var(--radiiLg);
    --datepicker-border-color: var(--gray200);
    --datepicker-border-radius: var(--radiiMd);
    --datepicker-day-names-font-size: 14px;
    --datepicker-v2-day-names-text-color: var(--typography500);
    --datepicker-v2-weekend-text-color: var(--typography500);
    --datepicker-day-outside-month-color: var(--typography300);
    --datepicker-day-names-text-color: var(--gray800);
    --datepicker-weekend-text-color: var(--gray600);
    --datepicker-week-border-color: var(--gray200);
    --datepicker-v2-day-text-color: var(--typography500);
    --datepicker-v2-current-day-text-color: var(--neutral-theme);
    --datepicker-current-day-circle-background-color: var(--gray500);
    --datepicker-day-text-color: var(--gray800);
    --datepicker-current-day-text-color: var(--primary500);
    --datepicker-v2-selected-day-text-color: var(--gray500);
    --datepicker-selected-day-circle-background-color: var(--primary500);
    --datepicker-v2-selected-range-background-color: var(--secondary500);
    --datepicker-selected-day-text-color: var(--white100);
    --datepicker-selected-range-background-color: linear-gradient(45deg,var(--primary500) 0%,var(--primary700) 100%);
    --datepicker-v2-range-in-selection-background-color: var(--orange100);
    --datepicker-range-in-selection-background-color: var(--gray100);
    --datepicker-range-in-range-text-color: var(--gray800);
    --datepicker-disabled-text-color: var(--gray200);
    --datepicker-clear-text-color: var(--gray600);
    --datepicker-icon-color: var(--primary500);
    --datepicker-zIndex: var(--zIndexMaximum)
}

:root:not(:root[theme]) {
    --datepicker-icon-color: var(--orange500)
}

:root {
    --dropdown-border-color: var(--primary300);
    --dropdown-border-radius: var(--radiiMd);
    --dropdown-label-text-color: var(--primary500);
    --dropdown-icon-color: var(--primary500)
}

:root:not(:root[theme]) {
    --dropdown-border-color: var(--orange300);
    --dropdown-icon-color: var(--orange500)
}

:root {
    --footer-border-color: var(--gray200);
    --header-border-color: var(--gray200);
    --header-title-font-size: 20px;
    --header-title-text-color: var(--typography500);
    --header-title-text-secondary-color: var(--typography500);
    --header-step-border-color: var(--gray100);
    --header-step-background-color: var(--gray200);
    --header-current-step-background-color: var(--gray300);
    --header-step-text-color: var(--white100);
    --header-step-lint-color: var(--gray150);
    --header-background-color-ib: var(--white100);
    --header-typography-color-ib: var(--typography500);
    --header-icon-color-ib: var(--primary500);
    --header-border-color-ib: var(--gray200);
    --header-gradient-color-ib: linear-gradient(89.7deg,var(--primary500) 0.03%,var(--primary400) 22.55%,var(--primary500) 46.4%)
}

:root:not(:root[theme]) {
    --header-background-color-ib: linear-gradient(45deg,var(--primary500) 0%,var(--primary700) 100%);
    --header-typography-color-ib: var(--gray100);
    --header-icon-color-ib: var(--gray100);
    --header-border-color-ib: var(--white100);
    --header-gradient-color-ib: linear-gradient(89.7deg,var(--primary700) 0.03%,var(--primary500) 22.55%,var(--primary700) 46.4%)
}

:root {
    --input-range-track-color: var(--gray100);
    --input-range-track-filled-color: var(--primary500);
    --input-range-thumb-color: var(--white100);
    --input-success-label-text-color: var(--success500);
    --input-success-input-background-color: var(--success100);
    --input-error-label-text-color: var(--error500);
    --input-error-input-background-color: var(--error100);
    --input-disabled-label-text-color: var(--gray300);
    --input-label-font-size: 14px;
    --input-label-text-color: var(--gray400);
    --input-font-size: 14px;
    --input-font-color: var(--gray400);
    --input-border-radius: var(--radiiMd);
    --input-background-color: var(--gray100);
    --input-placeholder-font-size: var(--input-font-size);
    --input-placeholder-text-color: var(--gray300);
    --input-info-font-size: 12px;
    --input-info-text-color: var(--gray400);
    --input-caret-color: var(--highlight-color);
    --modal-backdrop-background-color: hsla(0,0%,9%,.65);
    --modal-overlay-z-index: var(--zIndexMaximum);
    --modal-overlay-background-color: rgba(0,0,0,.5);
    --modal-background-color: var(--neutral-theme);
    --modal-border-radius: var(--radiiMd);
    --modal-header-border-color: var(--gray150);
    --modal-header-title-text-color: var(--gray600);
    --modal-header-title-font-size: 16px;
    --modal-close-icon-color: var(--primary500);
    --modal-footer-border-color: var(--modal-header-border-color);
    --modal-bottom-fade-background: linear-gradient(0deg,#fff,hsla(0,0%,100%,.8) 53%,hsla(0,0%,100%,0))
}

:root[theme~=dark] {
    --modal-backdrop-background-color: hsla(0,0%,6%,.65);
    --modal-bottom-fade-background: linear-gradient(0deg,#161616,hsla(0,0%,9%,.8) 53%,hsla(0,0%,9%,0))
}

:root {
    --notification-null-background-color: var(--gray600);
    --notification-success-background-color: var(--success400);
    --notification-error-background-color: var(--error700);
    --notification-alert-background-color: var(--alert500);
    --notification-container-background-color: var(--gray100);
    --notification-container-border-radius: var(--radiiMd);
    --notification-bar-color: var(--gray600);
    --notification-icon-color: var(--gray200);
    --notification-title-text-color: var(--gray700);
    --notification-title-font-size: 16px;
    --notification-content-text-color: var(--gray700);
    --notification-content-font-size: 12px;
    --snackbar-container-border-radius: var(--radiiMd);
    --snackbar-icon-color: var(--gray100);
    --snackbar-default-background-color: var(--gray500);
    --snackbar-null-background-color: var(--gray100);
    --snackbar-success-background-color: var(--success100);
    --snackbar-error-background-color: var(--error100);
    --snackbar-alert-background-color: var(--alert100);
    --snackbar-progress-bar-background-color: var(--primary500)
}

:root[theme~=dark] {
    --snackbar-default-background-color: var(--elevation-on-theme)
}

:root {
    --radio-label-font-size: 14px;
    --radio-label-text-color: var(--gray400);
    --radio-selected-color: var(--primary500)
}

:root:not(:root[theme]) {
    --radio-selected-color: var(--orange500)
}

:root {
    --search-input-form-placeholder-color: var(--typography400);
    --search-input-form-caret-color: var(--highlight-color);
    --search-input-icon-color: var(--highlight-color);
    --search-input-icon-disabled-color: var(--gray300);
    --search-input-clear-button-icon-color: var(--gray300);
    --search-input-clear-button-hover-background-color: var(--gray200);
    --select-bottom-sheet-primary-icon-color: var(--primary500);
    --select-bottom-sheet-disabled-icon-color: var(--gray200);
    --select-bottom-sheet-item-border-color: var(--gray200);
    --select-native-arrow-color: var(--primary500);
    --select-native-arrow-disabled-color: var(--gray300);
    --signal-gray-background-dark-color: var(--gray500);
    --signal-gray-background-light-color: var(--gray100);
    --signal-gray-icon-dark-color: var(--white100);
    --signal-gray-icon-light-color: var(--gray500);
    --signal-orange-background-dark-color: var(--orange500);
    --signal-orange-background-light-color: var(--orange100);
    --signal-orange-icon-dark-color: var(--white100);
    --signal-orange-icon-light-color: var(--orange500);
    --signal-turquoise-background-dark-color: var(--turquoise500);
    --signal-turquoise-background-light-color: var(--turquoise100);
    --signal-turquoise-icon-dark-color: var(--white100);
    --signal-turquoise-icon-light-color: var(--turquoise500);
    --signal-success-background-dark-color: var(--success500);
    --signal-success-background-light-color: var(--success100);
    --signal-success-icon-dark-color: var(--white100);
    --signal-success-icon-light-color: var(--success500);
    --signal-warning-background-dark-color: var(--alert500);
    --signal-warning-background-light-color: var(--alert100);
    --signal-warning-icon-dark-color: var(--white100);
    --signal-warning-icon-light-color: var(--alert500);
    --signal-error-background-dark-color: var(--error500);
    --signal-error-background-light-color: var(--error100);
    --signal-error-icon-dark-color: var(--white100);
    --signal-error-icon-light-color: var(--error500);
    --segmented-control-container-border-color: var(--primary100);
    --segmented-control-container-border-radius: var(--radiiMd);
    --skeleton-animation-highlight: var(--gray100);
    --skeleton-background-color: var(--gray200);
    --skeleton-border-radius: var(--radiiSm);
    --switch-checked-color: var(--primary500);
    --switch-unchecked-color: var(--gray100);
    --switch-bar-checked-background-color: var(--primary500);
    --switch-bar-unchecked-background-color: var(--gray300);
    --switch-circle-background-color: var(--static-base-white);
    --tab-label-selected-text-color: var(--primary500);
    --tab-label-text-color: var(--gray400);
    --tab-label-disabled-text-color: var(--typography300);
    --tab-bar-background-color: var(--primary500);
    --tab-bar-border-radius: var(--radiiXsm)
}

:root:not(:root[theme]) {
    --tab-label-selected-text-color: var(--orange500);
    --tab-bar-background-color: var(--orange500)
}

:root {
    --table-head-background-color: transparent;
    --table-head-text-color: var(--typography400);
    --table-head-border-radius: var(--radiiSm);
    --table-head-font-size: 14px;
    --table-head-arrow-up: var(--gray200);
    --table-head-arrow-down: var(--gray200);
    --table-body-background-color: var(--gray100);
    --table-body-even-background-color: rgba(245,246,250,.5);
    --table-body-border-radius: var(--radiiSm);
    --table-body-cell-font-size: 14px;
    --table-body-cell-text-color: var(--gray700);
    --table-body-row-background-color: var(--neutral-theme);
    --table-user-feedback-background-color: var(--neutral-theme);
    --table-error-message-text-color: var(--gray700);
    --table-error-font-size: 14px;
    --table-loading-color: var(--primary500);
    --table-checkbox-color: var(--highlight-color);
    --table-arrow-pagination-color: var(--gray300);
    --table-row-height: 72px;
    --table-row-expanded-height: auto;
    --table-row-padding: 16px 24px
}

:root[theme~=dark] {
    --table-body-even-background-color: rgba(37,38,40,.5)
}

:root {
    --tag-font-size-small: 10px;
    --tag-font-size-large: 12px;
    --tag-gray-background-dark-color: var(--gray500);
    --tag-gray-background-light-color: var(--gray100);
    --tag-gray-text-dark-color: var(--neutral-theme);
    --tag-gray-text-light-color: var(--typography500);
    --tag-yellow-background-dark-color: var(--alert500);
    --tag-yellow-background-light-color: var(--alert100);
    --tag-yellow-text-dark-color: var(--typography500);
    --tag-yellow-text-light-color: var(--typography500);
    --tag-green-background-dark-color: var(--success500);
    --tag-green-background-light-color: var(--success100);
    --tag-green-text-dark-color: var(--white100);
    --tag-green-text-light-color: var(--typography500);
    --tag-red-background-dark-color: var(--error500);
    --tag-red-background-light-color: var(--error100);
    --tag-red-text-dark-color: var(--white100);
    --tag-red-text-light-color: var(--typography500);
    --tag-orange-background-dark-color: var(--orange500);
    --tag-orange-background-light-color: var(--orange100);
    --tag-orange-text-dark-color: var(--white100);
    --tag-orange-text-light-color: var(--static-base-black);
    --tag-turquoise-background-dark-color: var(--turquoise500);
    --tag-turquoise-background-light-color: var(--turquoise100);
    --tag-turquoise-text-dark-color: var(--white100);
    --tag-turquoise-text-light-color: var(--static-base-black);
    --timeline-success-color: var(--success500);
    --timeline-error-color: var(--error500);
    --timeline-alert-color: var(--alert500);
    --timeline-disabled-color: var(--gray300);
    --tab-panel-border-color: transparent;
    --tooltip-content-background-color: var(--gray500);
    --tooltip-content-border-radius: var(--radiiMd);
    --tooltip-regular-font-size: 12px;
    --tooltip-title-text-color: var(--neutral-theme);
    --tooltip-description-text-color: var(--neutral-theme);
    --tooltip-action-text-color: var(--primary500);
    --tooltip-arrow-background-color: var(--gray500);
    --tooltip-arrow-border-radius: var(--radiiXsm);
    --tooltip-content-padding: 16px;
    --tooltip-content-max-width: 248px;
    --wizard-background-color: var(--gray200);
    --wizard-active-background-color: var(--highlight-color);
    --chips-border-radius: var(--radiiXlg);
    --chips-active-background-color: var(--gray500);
    --chips-background-color: var(--neutral-theme);
    --chips-height: 30px;
    --chips-padding: 0px 16px;
    --chips-dropdown-item-padding: 0px 16px;
    --chips-border-color: var(--gray400);
    --chips-active-text-color: var(--neutral-theme);
    --chips-text-color: var(--typography500);
    --chips-counter-active-text-color: var(--typography500);
    --chips-counter-text-color: var(--neutral-theme);
    --chips-counter-active-background-color: var(--neutral-theme);
    --chips-counter-background-color: var(--gray500);
    --chips-counter-radius: var(--radiiXlg);
    --chips-plus-cicle-size: 24px;
    --chips-label-font-size: 10px;
    --upload-progress-bar: var(--primary500);
    --upload-progress-bar-success: var(--success500);
    --upload-progress-bar-error: var(--error500);
    --upload-progress-bar-height: 6px;
    --upload-progress-bar-border-radius: 50px;
    --upload-progress-bar-background-color: var(--gray200);
    --upload-progress-bar-margin: 9px 0 0 0;
    --upload-progress-bar-width: 100%;
    --upload-icon-color: var(--primary500);
    --upload-icon-error-color: var(--error500);
    --upload-icon-check-color: var(--success500);
    --upload-container-background-color: var(--neutral-theme);
    --upload-container-error-background-color: var(--error100);
    --upload-container-min-width: 300px;
    --upload-container-width: 100%;
    --upload-container-radius: var(--radiiMd);
    --upload-container-padding: 16px;
    --upload-container-border: 1px solid var(--gray200);
    --upload-disabled-text-color: var(--gray300);
    --upload-disabled-icon-color: var(--gray200);
    --upload-title-margin: 0 0 4px 0;
    --upload-content-image-margin: 0 12px 0 0;
    --upload-content-image-border-radius: var(--radiiMd);
    --upload-content-image-background-color: var(--gray100);
    --upload-content-image-height: 64px;
    --upload-content-image-width: 64px
}

:root[theme=ia],:root[theme=wm] {
    --upload-icon-color: var(--primary500)
}

:root {
    --progress-radius: 8px;
    --progress-height: 8px
}