.x3VdJzXK {
    padding: .5rem 1rem !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.x3VdJzXK.Dc9q_M9Y,
.x3VdJzXK.xIoKMuWW {
    padding: .3125rem 12px !important
}

.x3VdJzXK.u03Rd6om>svg {
    fill: var(--icon-01) !important
}

.x3VdJzXK>.asQfJwl6+svg {
    margin-left: 1rem
}

[dir=rtl] .x3VdJzXK>.asQfJwl6+svg {
    margin-left: 0;
    margin-right: 1rem
}

.sZGeSBYv {
    min-width: 2.5rem
}

.p8F41vrk .VWwf2W1D,
.p8F41vrk .VWwf2W1D path {
    fill: currentcolor !important
}

.kaHLGYyF {
    color: var(--text-02) !important
}

.NLTPBMxb {
    cursor: not-allowed !important
}

.C_enPWmB {
    margin: 0;
    padding: 0
}

.C_enPWmB:after {
    background-color: var(--ui-01);
    content: "";
    height: 100%;
    left: 0;
    opacity: .5;
    position: absolute;
    top: 0;
    width: 100%
}

.C_enPWmB .bx--inline-loading__animation {
    left: 50%;
    margin: 0 !important;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.C_enPWmB svg {
    fill: none !important;
    -webkit-transform: scale(2);
    transform: scale(2)
}

.YtMzRWJ1 {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    z-index: 1
}

.yzReU4T2 {
    background-color: #ededed;
    border-radius: 100%;
    padding: 5px
}

.G2AN7cJ1 {
    display: inline-block;
    position: relative
}

.QvNufABc {
    position: absolute;
    right: 0;
    z-index: 2
}

.RysTRf4d {
    top: 0
}

.goohQ3eS {
    bottom: 0
}

.PTLkidml {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
}

[dir=rtl] .PTLkidml {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

[dir=ltr] .PTLkidml {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.PTLkidml *+.PTLkidml {
    margin-left: 1rem
}

.PTLkidml.Y6afjLkL {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.PTLkidml.Y6afjLkL button {
    border-radius: 0
}

.PTLkidml.Y6afjLkL button:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.PTLkidml.Y6afjLkL button:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.PTLkidml>button:not(#oa35u1eG) {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    max-width: unset !important;
    width: inherit !important
}

.ZpxL6BKw>button+button {
    margin-left: 1rem
}

.ElxI5WzK {
    text-align: left
}

.bfMGoHmk,
[dir=rtl] .ElxI5WzK {
    text-align: right
}

[dir=rtl] .bfMGoHmk {
    text-align: left
}

.uo8qvhm2>*+* {
    margin-left: 1rem
}

[dir=rtl] .uo8qvhm2>*+* {
    margin-left: unset;
    margin-right: 1rem
}

.vpfRPU9S {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    -webkit-justify-content: center !important;
    justify-content: center !important;
    min-height: 2.5rem !important
}

.vpfRPU9S:first-child {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px
}

.vpfRPU9S:last-child {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px
}

.vpfRPU9S:not([disabled]) {
    background-color: var(--field-01) !important;
    color: var(--text-01) !important
}

.vpfRPU9S:not([disabled]):focus,
.vpfRPU9S:not([disabled]):hover {
    background-color: var(--hover-selected-ui) !important
}

.vpfRPU9S:not([disabled]).y89OPkEt {
    fill: var(--inverse-01) !important;
    background-color: var(--text-01) !important;
    border-color: transparent !important;
    color: var(--inverse-01) !important
}

.fu6adpDV+.lmOfPljL {
    margin-left: .5rem
}

[dir=rtl] .fu6adpDV+.lmOfPljL {
    margin-left: 0;
    margin-right: .5rem
}

.vpfRPU9S+.vpfRPU9S:before {
    background-color: var(--ui-04);
    content: "";
    display: block;
    height: 50%;
    left: -2px;
    position: absolute;
    width: 1px
}

.bgYqyGjr .vpfRPU9S+.vpfRPU9S:before {
    height: 1px;
    left: unset;
    top: -1px;
    width: 50%
}

.vpfRPU9S.y89OPkEt:not([disabled])+.vpfRPU9S:before,
.vpfRPU9S.y89OPkEt:not([disabled]):before {
    display: none
}

.CQqG1FRP .vpfRPU9S:not([disabled]) {
    border-color: var(--support-01) !important;
    border-width: 2px 0
}

.CQqG1FRP .vpfRPU9S:not([disabled]):first-of-type {
    border-left-width: 2px
}

.CQqG1FRP .vpfRPU9S:not([disabled]):last-of-type {
    border-right-width: 2px
}

.CQqG1FRP .bx--form__helper-text {
    color: var(--text-error) !important
}

.BV1UUfui {
    background-color: var(--ui-01)
}

.qcfOzqvc {
    border-right: 1px solid var(--ui-03);
    padding: 1rem 0
}

.MGsXMDdN {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: none;
    border-left: 3px solid transparent;
    color: var(--text-02);
    cursor: pointer;
    font-size: 14px;
    height: 2.5rem;
    letter-spacing: .16px;
    line-height: 18px;
    padding: 0 2.5rem 0 2rem;
    text-align: left;
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
    -webkit-transition-property: background, border;
    transition-property: background, border;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

.MGsXMDdN.VyuY_WRe,
.MGsXMDdN:hover {
    background-color: var(--hover-ui);
    color: var(--text-01)
}

.MGsXMDdN.VyuY_WRe {
    border-left-color: var(--interactive-01)
}

.MGsXMDdN:focus {
    outline: 1px solid var(--focus);
    outline-offset: -1px
}

.spBjXC_9 {
    margin: 1rem 2rem
}

.spBjXC_9 * {
    border: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color: var(--text-01);
    font-family: BraiinsSans, sans-serif, serif
}

.spBjXC_9 .flatpickr-calendar {
    background: transparent;
    width: 576px
}

.spBjXC_9 .flatpickr-calendar .flatpickr-months {
    height: 40px;
    margin-bottom: .25rem
}

.spBjXC_9 .flatpickr-calendar .flatpickr-months .flatpickr-next-month,
.spBjXC_9 .flatpickr-calendar .flatpickr-months .flatpickr-prev-month {
    background-color: var(--ui-03);
    height: 40px;
    width: 40px
}

.spBjXC_9 .flatpickr-calendar .flatpickr-months .flatpickr-next-month:focus,
.spBjXC_9 .flatpickr-calendar .flatpickr-months .flatpickr-next-month:hover,
.spBjXC_9 .flatpickr-calendar .flatpickr-months .flatpickr-prev-month:focus,
.spBjXC_9 .flatpickr-calendar .flatpickr-months .flatpickr-prev-month:hover {
    background-color: var(--hover-ui)
}

.spBjXC_9 .flatpickr-calendar .flatpickr-months .flatpickr-next-month svg,
.spBjXC_9 .flatpickr-calendar .flatpickr-months .flatpickr-prev-month svg {
    fill: var(--icon-01) !important;
    height: 1rem;
    width: 1rem
}

.spBjXC_9 .flatpickr-calendar .flatpickr-months .flatpickr-month .flatpickr-current-month,
.spBjXC_9 .flatpickr-calendar .flatpickr-months .flatpickr-month .flatpickr-month {
    padding-top: 0 !important
}

.spBjXC_9 .flatpickr-calendar .flatpickr-months .flatpickr-month .flatpickr-current-month *,
.spBjXC_9 .flatpickr-calendar .flatpickr-months .flatpickr-month .flatpickr-month * {
    font-size: .875rem;
    font-weight: 700;
    letter-spacing: .01rem;
    line-height: 1.125rem
}

.spBjXC_9 .flatpickr-calendar .flatpickr-day,
.spBjXC_9 .flatpickr-calendar .flatpickr-weekday {
    text-align: center !important;
    width: 40px !important
}

.spBjXC_9 .flatpickr-calendar .dayContainer,
.spBjXC_9 .flatpickr-calendar .flatpickr-weekdaycontainer {
    max-width: 280px !important;
    min-width: 280px !important
}

.spBjXC_9 .flatpickr-calendar .dayContainer+.dayContainer,
.spBjXC_9 .flatpickr-calendar .flatpickr-weekdaycontainer+.flatpickr-weekdaycontainer {
    margin-left: 1rem !important
}

.spBjXC_9 .flatpickr-calendar .flatpickr-days {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.spBjXC_9 .flatpickr-calendar .dayContainer,
.spBjXC_9 .flatpickr-calendar .flatpickr-days {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.spBjXC_9 .flatpickr-calendar .dayContainer {
    -ms-flex-line-pack: start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-align-content: flex-start;
    align-content: flex-start;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

.spBjXC_9 .flatpickr-weekday {
    color: var(--text-01);
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .01rem;
    line-height: 1.125rem
}

.spBjXC_9 .flatpickr-day {
    margin: 0 !important;
    outline: none;
    padding: 0 !important
}

.spBjXC_9 .flatpickr-day.selected.endRange,
.spBjXC_9 .flatpickr-day.selected.startRange {
    background-color: var(--interactive-01);
    color: var(--text-01)
}

.spBjXC_9 .flatpickr-day.inRange {
    background-color: var(--support-04);
    color: var(--text-01);
    opacity: .75
}

.spBjXC_9 .flatpickr-day.nextMonthDay.hidden,
.spBjXC_9 .flatpickr-day.prevMonthDay.hidden {
    background-color: transparent !important;
    color: var(--text-02) !important;
    opacity: .5;
    visibility: visible
}

.DgHK1Dtx,
.DXOdIdWi,
.IcY51EOr {
    font-size: .75rem;
    font-weight: 400;
    letter-spacing: .32px;
    line-height: 1rem
}

.gJkPryAP {
    font-size: .857rem;
    font-weight: 400;
    letter-spacing: .16px;
    line-height: 1.125rem
}

.EhY2PbXB {
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.375rem
}

.p3BesPU1 {
    font-size: .857rem;
    font-weight: 400;
    letter-spacing: .16px;
    line-height: 1.125rem
}

.nl1lQjwv {
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.5rem
}

.ZWZzToND {
    font-size: .75rem;
    line-height: 1rem
}

.LnIUMYeN,
.ZWZzToND {
    font-family: Lucida Console, Courier New, sans-serif, serif, monospace;
    font-weight: 400;
    letter-spacing: .32px
}

.LnIUMYeN {
    font-size: .875rem;
    line-height: 1.25rem
}

.rsc4sMsE {
    font-size: .875rem;
    font-weight: 600;
    letter-spacing: .16px;
    line-height: 1.125rem
}

.OZRyxSpI {
    font-size: 1rem;
    line-height: 1.375rem
}

.hFUOT0Wc,
.OZRyxSpI {
    font-weight: 600;
    letter-spacing: 0
}

.hFUOT0Wc {
    font-size: 1.25rem;
    line-height: 1.625rem
}

.yFMEA5wP {
    font-size: 1.5rem;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 2.2rem
}

.FpU6XxoA {
    font-size: 1.75rem;
    font-weight: 700;
    letter-spacing: .3px;
    line-height: 2.25rem
}

.uiGPBUNX {
    font-size: 2.25rem;
    line-height: 3rem
}

.cXiB2iAX,
.uiGPBUNX {
    font-weight: 600;
    letter-spacing: 0
}

.cXiB2iAX {
    font-size: 2.625rem;
    line-height: 3.375rem
}

.rC0JqBXQ {
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.3
}

.iMtLm9ml,
.rC0JqBXQ {
    font-family: "IBM Plex Serif", Georgia, Times, serif;
    letter-spacing: 0
}

.iMtLm9ml {
    font-size: 2rem;
    font-weight: 300;
    line-height: 1.25
}

.Ud6J6HfE {
    font-weight: 300
}

.Ud6J6HfE,
.Vci6i6hd {
    font-size: 2.625rem;
    letter-spacing: 0;
    line-height: 1.19
}

.Vci6i6hd {
    font-weight: 600
}

.FvRejcMk {
    font-weight: 300
}

.FvRejcMk,
.uhSoBgFk {
    font-size: 2.625rem;
    letter-spacing: 0;
    line-height: 1.19
}

.uhSoBgFk {
    font-weight: 600
}

.nb2R4yz0 {
    text-align: left
}

.t5JmB5el,
[dir=rtl] .nb2R4yz0 {
    text-align: right
}

[dir=rtl] .t5JmB5el {
    text-align: left
}

.n2Tz5ngT>*+* {
    margin-left: 1rem
}

[dir=rtl] .n2Tz5ngT>*+* {
    margin-left: unset;
    margin-right: 1rem
}

.W2C34UvE {
    max-width: 100%;
    position: relative
}

.W2C34UvE .bx--checkbox-label {
    padding-left: 1.25rem;
    padding-right: 0
}

[dir=rtl] .W2C34UvE .bx--checkbox-label {
    padding-left: 0;
    padding-right: 1.25rem
}

.W2C34UvE .bx--checkbox-label:before {
    left: 0;
    margin-left: .1875rem;
    margin-right: .125rem
}

[dir=rtl] .W2C34UvE .bx--checkbox-label:before {
    left: unset;
    margin-left: .125rem;
    margin-right: .1875rem;
    right: 0
}

.W2C34UvE .bx--checkbox-label:after {
    left: .4375rem
}

[dir=rtl] .W2C34UvE .bx--checkbox-label:after {
    left: unset;
    right: .4375rem
}

.W2C34UvE .bx--checkbox-label-text {
    max-width: 100%
}

.W2C34UvE .bx--checkbox-label-text:empty {
    display: none
}

.MW1qQnkB {
    pointer-events: none !important
}

.L7Yj24h4:after,
.L7Yj24h4:before {
    border-color: var(--support-01) !important
}

.L7Yj24h4 .qjQaj7Do {
    color: var(--support-01) !important
}

.ofjt0SYC {
    color: var(--text-01);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.UtL6YoNP {
    white-space: normal
}

.qjQaj7Do {
    color: var(--text-02);
    margin-top: .1875rem
}

.fZmcfPjJ {
    text-align: left
}

.l5DkovIQ,
[dir=rtl] .fZmcfPjJ {
    text-align: right
}

[dir=rtl] .l5DkovIQ {
    text-align: left
}

.fuXtSsRg>*+* {
    margin-left: 1rem
}

[dir=rtl] .fuXtSsRg>*+* {
    margin-left: unset;
    margin-right: 1rem
}

._MabYvkR {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.JOwHreIp {
    -webkit-transition: all .15s cubic-bezier(.4, 0, .2, 1);
    transition: all .15s cubic-bezier(.4, 0, .2, 1)
}

.Rgc0Cbqu {
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-property: color, background, border;
    transition-property: color, background, border;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.nDiMQFl0 {
    -webkit-transition: opacity .15s cubic-bezier(.4, 0, .2, 1);
    transition: opacity .15s cubic-bezier(.4, 0, .2, 1)
}

.Zl6st4JS {
    -webkit-transition-duration: .6s;
    transition-duration: .6s
}

.KSguAX4s {
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.fk2eXdRz {
    -webkit-transition-duration: .15s;
    transition-duration: .15s
}

.U7OZlMNe {
    scrollbar-color: var(--progressbar-fg) var(--progressbar-bg);
    scrollbar-width: 10px
}

.U7OZlMNe::-webkit-scrollbar {
    height: .5rem;
    width: .5rem
}

.U7OZlMNe::-webkit-scrollbar-button {
    display: none
}

.U7OZlMNe::-webkit-scrollbar-corner,
.U7OZlMNe::-webkit-scrollbar-track {
    background: var(--progressbar-bg)
}

.U7OZlMNe::-webkit-scrollbar-corner:hover,
.U7OZlMNe::-webkit-scrollbar-track:hover {
    background: var(--progressbar-bg-hover)
}

.U7OZlMNe::-webkit-scrollbar-thumb {
    background-color: var(--progressbar-fg)
}

.U7OZlMNe::-webkit-scrollbar-thumb:hover {
    background-color: var(--progressbar-fg-hover)
}

.ELmj6leS {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--field-01);
    border: solid var(--ui-04);
    border-width: 0 0 1px;
    color: var(--text-01);
    cursor: pointer;
    max-width: 100%;
    padding: 0 1rem;
    position: relative
}

.ELmj6leS>* {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ELmj6leS:focus,
.ELmj6leS:hover {
    background-color: var(--hover-secondary)
}

.ELmj6leS>*+* {
    margin-left: .5rem
}

[dir=rtl] .ELmj6leS>*+* {
    margin-left: unset;
    margin-right: .5rem
}

.mcrbahUn {
    -webkit-transition: -webkit-box-shadow .28s cubic-bezier(.4, 0, .2, 1);
    transition: -webkit-box-shadow .28s cubic-bezier(.4, 0, .2, 1);
    transition: box-shadow .28s cubic-bezier(.4, 0, .2, 1);
    transition: box-shadow .28s cubic-bezier(.4, 0, .2, 1), -webkit-box-shadow .28s cubic-bezier(.4, 0, .2, 1)
}

.cFd8Tfnm {
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12), 0 3px 1px -2px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12), 0 3px 1px -2px rgba(0, 0, 0, .2)
}

.NcDEI5OG {
    -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .14), 0 1px 8px 0 rgba(0, 0, 0, .12), 0 3px 3px -2px rgba(0, 0, 0, .4);
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .14), 0 1px 8px 0 rgba(0, 0, 0, .12), 0 3px 3px -2px rgba(0, 0, 0, .4)
}

.g_cGQKu9 {
    -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .4);
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .4)
}

.J2UAViPI {
    -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12), 0 3px 5px -1px rgba(0, 0, 0, .4);
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12), 0 3px 5px -1px rgba(0, 0, 0, .4)
}

.HGADxwjE {
    -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .4);
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .4)
}

.arIqFC84 {
    -webkit-box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .4);
    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .4)
}

.RFKWkqDo {
    font-size: 10px
}

.RFKWkqDo .grid-lines line,
.RFKWkqDo .legend *,
.RFKWkqDo .tick *,
.RFKWkqDo .xValueCarret {
    shape-rendering: geometricprecision
}

.RFKWkqDo .legend text {
    -webkit-font-smoothing: subpixel-antialiased;
    fill: var(--text-02)
}

.RFKWkqDo .xValueCarret {
    stroke: var(--ui-05);
    stroke-width: 1px
}

.RFKWkqDo text {
    shape-rendering: geometricprecision
}

.RFKWkqDo line.domain,
.RFKWkqDo path.domain {
    stroke-dasharray: 1 0
}

.RFKWkqDo g.axis {
    shape-rendering: crispedges !important;
    color: var(--text-02)
}

.RFKWkqDo g.axis .domain {
    stroke: var(--text-02);
    stroke-width: 1px
}

.RFKWkqDo g.axis g.tick {
    color: var(--text-02)
}

.RFKWkqDo g.axis g.tick text {
    font-family: BraiinsSans, sans-serif, serif
}

.RFKWkqDo g.axis g.tick line {
    opacity: 0
}

.RFKWkqDo .grid-lines path.domain {
    display: none
}

.RFKWkqDo .grid line {
    stroke: var(--ui-03)
}

.RFKWkqDo .grid text {
    fill: var(--ui-03)
}

.RFKWkqDo .grid .xgrid,
.RFKWkqDo .grid .ygrid {
    stroke-dasharray: 2 5
}

.RFKWkqDo g.markers {
    pointer-events: none
}

.RFKWkqDo .marker,
.RFKWkqDo .region {
    shape-rendering: geometricprecision;
    -webkit-transition: opacity .15s cubic-bezier(.4, 0, .2, 1);
    transition: opacity .15s cubic-bezier(.4, 0, .2, 1)
}

.RFKWkqDo .marker line,
.RFKWkqDo .region line {
    stroke: var(--text-03);
    stroke-width: 1px;
    shape-rendering: crispedges
}

.RFKWkqDo .marker .textGroup .text-background,
.RFKWkqDo .region .textGroup .text-background {
    fill: var(--ui-01)
}

.RFKWkqDo .region.moni_state {
    stroke: none;
    fill-opacity: .15
}

.RFKWkqDo .region.moni_state.ok {
    fill: var(--support-02)
}

.RFKWkqDo .region.moni_state.low,
.RFKWkqDo .region.moni_state.off {
    fill: var(--support-03)
}

.RFKWkqDo .region.moni_state.dis {
    fill: var(--support-04)
}

.hide_regions .region {
    opacity: 0 !important
}

.R6Gk1gXR {
    overflow: hidden;
    position: absolute;
    z-index: 10
}

.agpC1G2o {
    background-color: var(--text-01);
    border-collapse: collapse;
    border-spacing: 0;
    color: var(--ui-01);
    empty-cells: show
}

.agpC1G2o td {
    font-size: .8125rem;
    height: 1.5625rem;
    line-height: 1.5625rem;
    padding: 0 .5rem
}

.Ugn0zKVS {
    font-size: .8125rem;
    font-weight: 700;
    height: 2.0625rem;
    line-height: 1.5rem;
    padding: 5px 8px;
    text-align: left
}

.j_XjDfhS {
    background-color: #666;
    padding: 0 !important;
    width: .5rem
}

.vuTsyNmJ {
    padding-left: 18px;
    text-align: right
}

.qSBNB9v6 {
    background-color: var(--ui-01)
}

.qSBNB9v6 g.paper>rect.stroke {
    stroke-width: 1px;
    stroke: var(--ui-03)
}

.qSBNB9v6 .line-points circle {
    opacity: 0;
    -webkit-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out
}

.qSBNB9v6 .viewport:hover .line-points circle {
    opacity: 1
}

.qSBNB9v6 g.dataline path {
    shape-rendering: geometricprecision;
    stroke-width: 1px;
    fill: none
}

.qSBNB9v6 g.dataline circle {
    stroke-width: 0
}

.qSBNB9v6 g.dataline.focused path {
    stroke-width: 3px
}

.qSBNB9v6 g.dataline.unfocused {
    stroke-width: 1px;
    stroke-dasharray: 5px;
    opacity: .2
}

.qSBNB9v6 .x_markers.focused rect.rhombus {
    stroke-width: 3px;
    color: var(--text-01)
}

.qSBNB9v6 .x_markers.unfocused rect.rhombus {
    stroke-width: 1px;
    stroke-dasharray: 5px;
    opacity: .2
}

.qSBNB9v6 .line-legend {
    cursor: pointer;
    font-size: 12px
}

.qSBNB9v6 .line-legend.focused {
    opacity: 1
}

.qSBNB9v6 .line-legend.unfocused {
    opacity: .5
}

.qSBNB9v6 .line-legend.disabled {
    opacity: .3
}

.qSBNB9v6 .jzGdwOuP {
    cursor: default;
    pointer-events: none
}

.qSBNB9v6 .jzGdwOuP rect {
    fill: var(--ui-01);
    opacity: .65
}

.qSBNB9v6 .jzGdwOuP text {
    fill: var(--text-01);
    stroke: var(--text-01)
}

.GfTU3RTJ {
    fill: var(--text-02)
}

._ZRMECDP rect.XADZkM32,
.XADZkM32 {
    fill: var(--ui-01);
    stroke-width: 2px;
    stroke: var(--text-02)
}

.joSvuSma {
    background-color: var(--ui-background);
    color: var(--text-01);
    opacity: 0;
    padding: .5rem 1rem;
    position: absolute
}

.JW8DMWYJ:first-of-type {
    font-weight: 700
}

.TOBvHatF {
    color: var(--text-01);
    font-size: .8125rem;
    line-height: 1.5625rem
}

.TOBvHatF+.TOBvHatF {
    margin-left: 1.5rem
}

.vYi3eyjJ {
    background-color: var(--ui-02);
    position: relative
}

.vYi3eyjJ.enhtUB1s {
    background-color: var(--ui-01)
}

.IRGIYE71 {
    counter-set: line-number -1;
    font-family: Lucida Console, Courier New, sans-serif, serif, monospace;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .32px;
    line-height: 1.25rem;
    line-height: 1.7;
    overflow: auto;
    padding: 0 !important
}

.JCHPBZah {
    color: var(--text-02);
    outline: none !important;
    white-space: pre
}

.JCHPBZah:first-of-type,
.JCHPBZah:last-of-type {
    line-height: .5em;
    overflow: hidden !important;
    pointer-events: none
}

.JCHPBZah:first-of-type *,
.JCHPBZah:last-of-type * {
    color: transparent
}

.axtusSWG .JCHPBZah {
    cursor: pointer
}

.axtusSWG .JCHPBZah:focus ._1Jc8CBsb,
.axtusSWG .JCHPBZah:hover ._1Jc8CBsb {
    color: var(--text-02)
}

.axtusSWG .JCHPBZah .gpDATbmj {
    font-size: .9em;
    letter-spacing: .015em;
    padding-right: 1rem
}

[dir=rtl] .axtusSWG .JCHPBZah .gpDATbmj {
    padding-left: 1rem;
    padding-right: 0
}

._1Jc8CBsb {
    background-color: var(--ui-03);
    color: var(--text-03);
    margin-right: .5rem;
    padding: 0 .5em 0 1em;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

._1Jc8CBsb:before {
    content: counter(line-number, decimal-leading-zero);
    counter-increment: line-number
}

[dir=rtl] ._1Jc8CBsb {
    margin-left: .5rem;
    margin-right: 0
}

.JCHPBZah.axkovoQS ._1Jc8CBsb {
    overflow: hidden;
    position: relative
}

.VZ7Ksh8O .JCHPBZah {
    max-width: 100%;
    overflow: hidden;
    white-space: normal;
    width: 100%
}

.lX7KMcX7 {
    text-align: left
}

.LMbGU5HB,
[dir=rtl] .lX7KMcX7 {
    text-align: right
}

[dir=rtl] .LMbGU5HB {
    text-align: left
}

.XgfhjTFM>*+* {
    margin-left: 1rem
}

[dir=rtl] .XgfhjTFM>*+* {
    margin-left: unset;
    margin-right: 1rem
}

.t6WSYt4L {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.pb4tx1FK {
    -webkit-transition: all .15s cubic-bezier(.4, 0, .2, 1);
    transition: all .15s cubic-bezier(.4, 0, .2, 1)
}

.al4tuJpM {
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-property: color, background, border;
    transition-property: color, background, border;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.C_lWXIpx {
    -webkit-transition: opacity .15s cubic-bezier(.4, 0, .2, 1);
    transition: opacity .15s cubic-bezier(.4, 0, .2, 1)
}

.LdgSScZN {
    -webkit-transition-duration: .6s;
    transition-duration: .6s
}

.vcHip67j {
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.YJzSk2Nt {
    -webkit-transition-duration: .15s;
    transition-duration: .15s
}

.G1FcEXRw {
    scrollbar-color: var(--progressbar-fg) var(--progressbar-bg);
    scrollbar-width: 10px
}

.G1FcEXRw::-webkit-scrollbar {
    height: .5rem;
    width: .5rem
}

.G1FcEXRw::-webkit-scrollbar-button {
    display: none
}

.G1FcEXRw::-webkit-scrollbar-corner,
.G1FcEXRw::-webkit-scrollbar-track {
    background: var(--progressbar-bg)
}

.G1FcEXRw::-webkit-scrollbar-corner:hover,
.G1FcEXRw::-webkit-scrollbar-track:hover {
    background: var(--progressbar-bg-hover)
}

.G1FcEXRw::-webkit-scrollbar-thumb {
    background-color: var(--progressbar-fg)
}

.G1FcEXRw::-webkit-scrollbar-thumb:hover {
    background-color: var(--progressbar-fg-hover)
}

.DzvhtuYB {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--field-01);
    border: solid var(--ui-04);
    border-width: 0 0 1px;
    color: var(--text-01);
    cursor: pointer;
    max-width: 100%;
    padding: 0 1rem;
    position: relative
}

.DzvhtuYB>* {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.DzvhtuYB:focus,
.DzvhtuYB:hover {
    background-color: var(--hover-secondary)
}

.DzvhtuYB>*+* {
    margin-left: .5rem
}

[dir=rtl] .DzvhtuYB>*+* {
    margin-left: unset;
    margin-right: .5rem
}

.Ka_9sb9t ul {
    border-radius: 4px;
    max-height: 80vh;
    overflow-y: auto;
    scrollbar-color: var(--progressbar-fg) var(--progressbar-bg);
    scrollbar-width: 10px
}

.Ka_9sb9t ul::-webkit-scrollbar {
    height: .5rem;
    width: .5rem
}

.Ka_9sb9t ul::-webkit-scrollbar-button {
    display: none
}

.Ka_9sb9t ul::-webkit-scrollbar-corner,
.Ka_9sb9t ul::-webkit-scrollbar-track {
    background: var(--progressbar-bg)
}

.Ka_9sb9t ul::-webkit-scrollbar-corner:hover,
.Ka_9sb9t ul::-webkit-scrollbar-track:hover {
    background: var(--progressbar-bg-hover)
}

.Ka_9sb9t ul::-webkit-scrollbar-thumb {
    background-color: var(--progressbar-fg)
}

.Ka_9sb9t ul::-webkit-scrollbar-thumb:hover {
    background-color: var(--progressbar-fg-hover)
}

.Ka_9sb9t ul>li:first-of-type>a,
.Ka_9sb9t ul>li:first-of-type>button {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.Ka_9sb9t ul>li:last-of-type>a,
.Ka_9sb9t ul>li:last-of-type>button {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.Ka_9sb9t ul li a .bx--text-truncate--end {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

[dir=rtl] .Ka_9sb9t ul {
    left: 0 !important;
    right: unset !important
}

.t2BEtdmq ul {
    left: unset !important;
    right: 0 !important
}

.G_5BukhV {
    margin-left: .5rem
}

[dir=rtl] .G_5BukhV {
    margin-left: unset;
    margin-right: .5rem
}

._fJAQC4N>a {
    cursor: not-allowed !important
}

._fJAQC4N>a>span {
    color: var(--header-dropdown-disabled)
}

.PY4uPbjZ {
    margin-right: 1.375rem;
    width: .875rem
}

[dir=rtl] .PY4uPbjZ {
    margin-left: 1.375rem;
    margin-right: unset
}

.tNMX2ffK {
    display: inline-block !important;
    height: 1rem !important;
    margin-right: 1.375rem !important;
    vertical-align: middle !important;
    width: 1rem !important
}

.tNMX2ffK .bx--loading__stroke {
    stroke: var(--icon-01);
    stroke-width: 3px
}

.tNMX2ffK>* {
    margin-left: -.5rem
}

.MfjvOKlr {
    border-top: 1px solid var(--ui-04)
}

.ye3dh_aU {
    color: var(--text-02);
    line-height: 2rem;
    padding: 0 .5rem
}

.zb_a1uuo {
    text-align: left
}

.Wi0T95Ez,
[dir=rtl] .zb_a1uuo {
    text-align: right
}

[dir=rtl] .Wi0T95Ez {
    text-align: left
}

.VFQQX5N1>*+* {
    margin-left: 1rem
}

[dir=rtl] .VFQQX5N1>*+* {
    margin-left: unset;
    margin-right: 1rem
}

.ecpeVep1 {
    background: var(--notif-bg) !important;
    color: var(--notif-fg) !important
}

.ecpeVep1:before {
    opacity: 0
}

.ecpeVep1 a:focus {
    outline: 1px solid currentcolor;
    outline-offset: 2px
}

.ecpeVep1 .bx--inline-notification__text-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: .875rem;
    line-height: 1.125rem;
    text-align: left
}

[dir=rtl] .ecpeVep1 .bx--inline-notification__text-wrapper {
    text-align: right
}

.ecpeVep1 .bx--inline-notification__icon {
    margin-right: 1rem;
    margin-top: .9em !important
}

[dir=rtl] .ecpeVep1 .bx--inline-notification__icon {
    margin-left: 1rem;
    margin-right: unset
}

.ecpeVep1 .bx--inline-notification__action-button {
    color: var(--inverse-link)
}

.ecpeVep1 .bx--inline-notification__close-button:focus {
    outline-color: var(--notif-fg) !important
}

.ecpeVep1 .bx--inline-notification__close-button svg {
    fill: var(--inverse-01) !important
}

.IVfBUn4B {
    max-width: 100% !important;
    width: auto !important
}

div.ecpeVep1.WXqhCk_Q {
    border-left: 3px solid #6b50ff
}

[dir=rtl] div.ecpeVep1.WXqhCk_Q {
    border-left: unset;
    border-right: 3px solid #6b50ff
}

div.ecpeVep1.WXqhCk_Q:before {
    border-color: #6b50ff
}

div.ecpeVep1.WXqhCk_Q .bx--inline-notification__icon {
    fill: #6b50ff
}

div.ecpeVep1.ZQNxoG_E {
    border-left: 3px solid #fe8431
}

[dir=rtl] div.ecpeVep1.ZQNxoG_E {
    border-left: unset;
    border-right: 3px solid #fe8431
}

div.ecpeVep1.ZQNxoG_E:before {
    border-color: #fe8431
}

div.ecpeVep1.ZQNxoG_E .bx--inline-notification__icon {
    fill: #fe8431
}

div.ecpeVep1.w1jtECk3 {
    border-left: 3px solid #d9222c
}

[dir=rtl] div.ecpeVep1.w1jtECk3 {
    border-left: unset;
    border-right: 3px solid #d9222c
}

div.ecpeVep1.w1jtECk3:before {
    border-color: #d9222c
}

div.ecpeVep1.w1jtECk3 .bx--inline-notification__icon {
    fill: #d9222c
}

div.ecpeVep1.b3St1MbZ {
    border-left: 3px solid #34c06a
}

[dir=rtl] div.ecpeVep1.b3St1MbZ {
    border-left: unset;
    border-right: 3px solid #34c06a
}

div.ecpeVep1.b3St1MbZ:before {
    border-color: #34c06a
}

div.ecpeVep1.b3St1MbZ .bx--inline-notification__icon {
    fill: #34c06a
}

.Za1GmPXg.EdzxL6r3 {
    width: 100%
}

.Za1GmPXg>* {
    margin: 0 0 2px !important;
    max-width: 100% !important
}

.bx--inline-notification__action-button {
    padding-right: 1rem
}

.Hz4S0j_G .bx--modal-close {
    display: none
}

.FKVltTvY {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.ihCoJw68 {
    display: block !important;
    height: auto !important;
    text-align: right !important
}

.ihCoJw68 button {
    padding-bottom: 0 !important;
    padding-top: 0 !important
}

.ihCoJw68>:not(:first-child) {
    margin-left: .4rem !important
}

.ihCoJw68>:not(:last-child) {
    margin-right: .4rem !important
}

.iiY15kKc,
.pErKTSEJ {
    background-color: var(--field-01) !important
}

.pErKTSEJ {
    border-bottom: 1px solid var(--ui-04) !important
}

.pErKTSEJ:hover {
    background-color: var(--hover-secondary) !important
}

.s_oCLaT9 .bx--assistive-text {
    bottom: auto !important;
    left: auto !important;
    right: 100% !important;
    top: 50% !important;
    -webkit-transform: translate(-4px, -50%) !important;
    transform: translate(-4px, -50%) !important
}

.Fs234CD1 .bx--assistive-text {
    bottom: auto !important;
    left: 100% !important;
    right: auto !important;
    top: 50% !important;
    -webkit-transform: translate(4px, -50%) !important;
    transform: translate(4px, -50%) !important
}

._0EE_AAms .bx--assistive-text {
    bottom: 100% !important;
    left: 50% !important;
    right: 0 !important;
    top: auto !important;
    -webkit-transform: translate(-50%, -4px) !important;
    transform: translate(-50%, -4px) !important
}

.gBgnYvsB .bx--assistive-text {
    bottom: auto !important;
    left: 50% !important;
    right: 0 !important;
    top: 100% !important;
    -webkit-transform: translate(-50%, 4px) !important;
    transform: translate(-50%, 4px) !important
}

.fw14AGjt:before {
    display: none !important
}

.lSq2PPyA {
    background-color: var(--date-pager-bg);
    color: var(--text-02);
    margin: 0 2px;
    padding: 0 1rem
}

.UAMzG1hP {
    max-height: 100%;
    padding: 0 !important;
    position: relative
}

.WLErZNpA {
    border: none !important;
    -webkit-box-shadow: 0 6px 6px rgba(0, 0, 0, .2) !important;
    box-shadow: 0 6px 6px rgba(0, 0, 0, .2) !important;
    outline: none !important;
    width: auto
}

.WLErZNpA:after {
    display: none !important
}

.WLErZNpA.WZrTKwEK {
    background-color: #393939
}

.WLErZNpA.WZrTKwEK svg {
    fill: #e0e0e0
}

.WLErZNpA.WZrTKwEK button {
    color: #e0e0e0
}

.WLErZNpA.WZrTKwEK .bx--overflow-menu--divider {
    border-top-color: #6f6f6f
}

.WLErZNpA.WZrTKwEK li:hover {
    background-color: #525252
}

.br-theme-dark .WLErZNpA {
    background-color: #393939
}

.br-theme-dark .WLErZNpA svg {
    fill: #e0e0e0
}

.br-theme-dark .WLErZNpA button {
    color: #e0e0e0
}

.br-theme-dark .WLErZNpA .bx--overflow-menu--divider {
    border-top-color: #6f6f6f
}

.br-theme-dark .WLErZNpA li:hover {
    background-color: #525252
}

@media(prefers-color-scheme:dark) {
    .br-theme-auto .WLErZNpA {
        background-color: #393939
    }
    .br-theme-auto .WLErZNpA svg {
        fill: #e0e0e0
    }
    .br-theme-auto .WLErZNpA button {
        color: #e0e0e0
    }
    .br-theme-auto .WLErZNpA .bx--overflow-menu--divider {
        border-top-color: #6f6f6f
    }
    .br-theme-auto .WLErZNpA li:hover {
        background-color: #525252
    }
}

@media(prefers-color-scheme:light),
not all and (prefers-color-scheme:dark) {
    .br-theme-inverse .WLErZNpA {
        background-color: #393939
    }
    .br-theme-inverse .WLErZNpA svg {
        fill: #e0e0e0
    }
    .br-theme-inverse .WLErZNpA button {
        color: #e0e0e0
    }
    .br-theme-inverse .WLErZNpA .bx--overflow-menu--divider {
        border-top-color: #6f6f6f
    }
    .br-theme-inverse .WLErZNpA li:hover {
        background-color: #525252
    }
}

.ERG0W57H {
    color: var(--text-01);
    max-width: none !important;
    min-width: 100%;
    position: relative
}

.YqBqs3h5 {
    background-color: var(--selected-ui) !important;
    color: var(--ui-05) !important
}

.YqBqs3h5:hover {
    color: var(--hover-selected-ui) !important
}

.Etbn2XSc {
    text-align: left
}

.v09X2k_0,
[dir=rtl] .Etbn2XSc {
    text-align: right
}

[dir=rtl] .v09X2k_0 {
    text-align: left
}

.XqsaAvnW>*+* {
    margin-left: 1rem
}

[dir=rtl] .XqsaAvnW>*+* {
    margin-left: unset;
    margin-right: 1rem
}

.rQk2d94t:not(:last-of-type) {
    margin-right: 1rem
}

[dir=rtl] .rQk2d94t:not(:last-of-type) {
    margin-left: 1rem;
    margin-right: unset
}

.rQk2d94t .bx--radio-button__appearance {
    margin-left: .125rem;
    margin-right: .5rem
}

[dir=rtl] .rQk2d94t .bx--radio-button__appearance {
    margin-left: .5rem;
    margin-right: .125rem
}

.NqtVZXYp {
    color: var(--text-01);
    font-size: .875rem;
    line-height: 1.125rem
}

.ykdpCCDm {
    color: var(--text-02);
    font-size: .75rem;
    line-height: 1rem
}

.qn0UMGuS {
    text-align: left
}

.KrcNg6wS,
[dir=rtl] .qn0UMGuS {
    text-align: right
}

[dir=rtl] .KrcNg6wS {
    text-align: left
}

.h_taScH4>*+* {
    margin-left: 1rem
}

[dir=rtl] .h_taScH4>*+* {
    margin-left: unset;
    margin-right: 1rem
}

.R7kKiHJ7 {
    width: 100%
}

.iYlb51uF {
    height: 2.5rem
}

.iYlb51uF>*+* {
    margin-left: .5rem
}

[dir=rtl] .iYlb51uF>*+* {
    margin-left: unset;
    margin-right: .5rem
}

.Z8OUA6iK>*+* {
    margin-left: .5rem
}

[dir=rtl] .Z8OUA6iK>*+* {
    margin-left: unset;
    margin-right: .5rem
}

.GjkX5r0F {
    color: var(--text-02);
    font-size: .875rem;
    font-weight: 700;
    letter-spacing: .02rem;
    line-height: 1.25rem
}

.RGXfOTA_ {
    overflow: hidden;
    width: 50px
}

.RGXfOTA_+.RGXfOTA_ {
    margin-left: 1rem
}

[dir=rtl] .RGXfOTA_+.RGXfOTA_ {
    margin-left: unset;
    margin-right: 1rem
}

.RGXfOTA_ input {
    max-width: 100% !important;
    min-width: 100% !important;
    padding: 0 .5rem !important;
    text-align: center
}

.Tfml1IWa {
    color: var(--text-02);
    display: inline-block;
    margin: 0 .25rem;
    vertical-align: middle
}

.ItaPpuPv {
    height: .875rem;
    left: 0;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    right: 8px
}

.C7iYLf5X {
    background-color: var(--field-01);
    height: .125rem;
    max-width: 100%;
    width: 100%
}

.C7iYLf5X.QiQJnPaa {
    background-color: var(--hover-ui)
}

.C7iYLf5X.EeY_zgPi {
    background-color: var(--field-01)
}

.ChWWC_QC {
    height: 100%;
    max-width: 100%;
    position: relative;
    width: 100%
}

.UnJ2npFv {
    background-color: var(--icon-01);
    border-radius: 50%;
    height: .875rem;
    outline: none;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: .875rem
}

.UnJ2npFv.QiQJnPaa,
.UnJ2npFv:hover {
    background-color: var(--hover-primary)
}

.fgI3Be9B {
    max-width: 100%
}

.fgI3Be9B,
.fgI3Be9B>div {
    width: 100%
}

.fgI3Be9B.Um0xsRJ7 option {
    background-color: var(--ui-03) !important;
    color: var(--text-01) !important
}

.vl6CdkxM {
    text-align: left
}

.EXG4nNwU,
[dir=rtl] .vl6CdkxM {
    text-align: right
}

[dir=rtl] .EXG4nNwU {
    text-align: left
}

.ZvHOMJxo>*+* {
    margin-left: 1rem
}

[dir=rtl] .ZvHOMJxo>*+* {
    margin-left: unset;
    margin-right: 1rem
}

.iE5spouC {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.rjz9BiJN {
    -webkit-transition: all .15s cubic-bezier(.4, 0, .2, 1);
    transition: all .15s cubic-bezier(.4, 0, .2, 1)
}

.DhPsXHA2 {
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-property: color, background, border;
    transition-property: color, background, border;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.xmMUzGT4 {
    -webkit-transition: opacity .15s cubic-bezier(.4, 0, .2, 1);
    transition: opacity .15s cubic-bezier(.4, 0, .2, 1)
}

.xCQaI9b4 {
    -webkit-transition-duration: .6s;
    transition-duration: .6s
}

.Diy32M66 {
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.WhqayI7O {
    -webkit-transition-duration: .15s;
    transition-duration: .15s
}

.pitdHj6T {
    scrollbar-color: var(--progressbar-fg) var(--progressbar-bg);
    scrollbar-width: 10px
}

.pitdHj6T::-webkit-scrollbar {
    height: .5rem;
    width: .5rem
}

.pitdHj6T::-webkit-scrollbar-button {
    display: none
}

.pitdHj6T::-webkit-scrollbar-corner,
.pitdHj6T::-webkit-scrollbar-track {
    background: var(--progressbar-bg)
}

.pitdHj6T::-webkit-scrollbar-corner:hover,
.pitdHj6T::-webkit-scrollbar-track:hover {
    background: var(--progressbar-bg-hover)
}

.pitdHj6T::-webkit-scrollbar-thumb {
    background-color: var(--progressbar-fg)
}

.pitdHj6T::-webkit-scrollbar-thumb:hover {
    background-color: var(--progressbar-fg-hover)
}

.lXfSTZR6 {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--field-01);
    border: solid var(--ui-04);
    border-width: 0 0 1px;
    color: var(--text-01);
    cursor: pointer;
    max-width: 100%;
    padding: 0 1rem;
    position: relative
}

.lXfSTZR6>* {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.lXfSTZR6:focus,
.lXfSTZR6:hover {
    background-color: var(--hover-secondary)
}

.lXfSTZR6>*+* {
    margin-left: .5rem
}

[dir=rtl] .lXfSTZR6>*+* {
    margin-left: unset;
    margin-right: .5rem
}

.UzoPy4pq {
    background-color: var(--ui-01) !important;
    border-right: 1px solid var(--shell-border-color);
    color: var(--text-01) !important;
    height: auto !important;
    margin-left: -1px;
    top: 3rem;
    -webkit-transition-property: width, top !important;
    transition-property: width, top !important;
    z-index: 5500 !important
}

.UzoPy4pq ul li:before {
    z-index: -1 !important
}

.UzoPy4pq ul li:after {
    display: none
}

.UzoPy4pq ul li ul li {
    border: none
}

.UzoPy4pq ul li ul li:after,
.UzoPy4pq ul li ul li:before {
    display: none
}

[dir=rtl] .UzoPy4pq {
    border-left: 1px solid var(--shell-border-color);
    border-right: none;
    left: unset;
    margin-left: 0;
    margin-right: -1;
    right: 0
}

.QSy4xRe_ {
    bottom: 0 !important;
    position: fixed !important;
    top: 0;
    z-index: 5499 !important
}

.XmPNbsJV {
    color: var(--text-02);
    font-family: BraiinsSans, sans-serif, serif;
    font-size: .6875rem;
    font-weight: 600;
    line-height: .875rem;
    margin: 0 0 -1px;
    padding: 2rem 1rem 1rem;
    position: relative;
    text-transform: uppercase
}

.XmPNbsJV:after {
    background-color: var(--ui-02);
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: 1rem;
    position: absolute;
    right: 1rem;
    z-index: 10
}

.uOUThyIp {
    width: 100%
}

.bx--side-nav__items li {
    border: none !important;
    position: relative
}

.bx--side-nav__items li:after,
.bx--side-nav__items li:before {
    background-color: var(--ui-02);
    content: "";
    display: block;
    height: 1px;
    left: 1rem;
    position: absolute;
    right: 1rem;
    z-index: 10
}

.bx--side-nav__items li:before {
    top: 0
}

.bx--side-nav__items li:after {
    bottom: 0
}

.bx--side-nav__items li>a,
.bx--side-nav__items li>button {
    border: none !important
}

.bx--side-nav__items li>a:hover span,
.bx--side-nav__items li>button:hover span {
    color: var(--text-01) !important
}

.bx--side-nav__items li+li {
    margin-top: -1px !important
}

.bx--side-nav__items li li .bx--side-nav__link-text {
    color: var(--text-02)
}

.ZTZGVgds {
    margin-left: 1.5rem;
    max-width: 65px;
    overflow: hidden;
    position: relative
}

.UzoPy4pq>ul>li>button {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    position: relative
}

.UzoPy4pq>ul>li>button .bx--side-nav__icon {
    position: absolute;
    right: 1rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

[dir=rtl] .UzoPy4pq>ul>li>button {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

[dir=rtl] .UzoPy4pq>ul>li>button .bx--side-nav__icon {
    left: 1rem;
    right: unset
}

.bx--side-nav__item--icon a.bx--side-nav__link {
    padding-left: 2rem !important
}

.gsvbNJ7s,
.UzoPy4pq button.bx--side-nav__submenu {
    padding-left: 1rem !important;
    text-decoration: none !important
}

.gsvbNJ7s span,
.UzoPy4pq button.bx--side-nav__submenu span {
    color: var(--text-01) !important
}

.ADDdK0oh,
.gsvbNJ7s>span:not(#NxfX23gQ) {
    color: var(--text-01);
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.125rem
}

.gsvbNJ7s.TdQyfGay {
    margin-top: 1.5rem !important
}

.PjB3cMJf {
    fill: var(--icon-02);
    position: absolute;
    right: 1rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

[dir=rtl] .PjB3cMJf {
    left: 1rem;
    right: unset
}

.UzoPy4pq.bx--side-nav {
    min-width: 16.25rem;
    width: 16.25rem
}

@media(max-width:65.98rem) {
    .UzoPy4pq.bx--side-nav {
        max-width: 16.25rem;
        min-width: 0;
        width: 0
    }
}

.UzoPy4pq.bx--side-nav--expanded:not(#_) {
    min-width: 16.25rem;
    width: 16.25rem
}

@media(min-width:66rem) {
    .UzoPy4pq.b_E_Pz36:not(#NxfX23gQ) {
        max-width: 16.25rem;
        min-width: 0;
        width: 0
    }
}

.UzoPy4pq .bx--side-nav__navigation {
    height: calc(100% - 3rem)
}

.UzoPy4pq .bx--side-nav__items {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    -webkit-align-items: flex-end !important;
    align-items: flex-end !important;
    max-width: 16.25rem;
    min-width: 16.25rem;
    scrollbar-color: var(--progressbar-fg) var(--progressbar-bg);
    scrollbar-width: 10px;
    width: 16.25rem
}

.UzoPy4pq .bx--side-nav__items::-webkit-scrollbar {
    height: .5rem;
    width: .5rem
}

.UzoPy4pq .bx--side-nav__items::-webkit-scrollbar-button {
    display: none
}

.UzoPy4pq .bx--side-nav__items::-webkit-scrollbar-corner,
.UzoPy4pq .bx--side-nav__items::-webkit-scrollbar-track {
    background: var(--progressbar-bg)
}

.UzoPy4pq .bx--side-nav__items::-webkit-scrollbar-corner:hover,
.UzoPy4pq .bx--side-nav__items::-webkit-scrollbar-track:hover {
    background: var(--progressbar-bg-hover)
}

.UzoPy4pq .bx--side-nav__items::-webkit-scrollbar-thumb {
    background-color: var(--progressbar-fg)
}

.UzoPy4pq .bx--side-nav__items::-webkit-scrollbar-thumb:hover {
    background-color: var(--progressbar-fg-hover)
}

.UzoPy4pq a.bx--side-nav__link {
    cursor: pointer;
    height: 2.5rem !important;
    text-decoration: none !important
}

.UzoPy4pq .bx--side-nav__submenu {
    height: 3rem !important
}

.UzoPy4pq .bx--side-nav__link:hover,
.UzoPy4pq .bx--side-nav__submenu:hover {
    background-color: var(--hover-ui) !important
}

.UzoPy4pq .bx--side-nav__item--active .bx--side-nav__submenu[aria-expanded=false] {
    background-color: var(--hover-ui) !important;
    color: var(--text-01)
}

.UzoPy4pq .bx--side-nav__item--active .bx--side-nav__submenu[aria-expanded=false]:before {
    background-color: #6b50ff
}

.UzoPy4pq .bx--side-nav__link--current {
    background-color: var(--hover-ui) !important
}

.UzoPy4pq .bx--side-nav__link--current:before {
    background-color: #6b50ff
}

.UzoPy4pq .bx--side-nav__link--current span {
    color: var(--text-01) !important
}

.UzoPy4pq .bx--side-nav__link-text {
    line-height: 1.5 !important
}

.UzoPy4pq .bx--side-nav__submenu-title {
    text-align: left;
    width: 100% !important
}

[dir=rtl] .UzoPy4pq .bx--side-nav__submenu-title {
    text-align: right
}

.MxLA7uJO {
    margin-top: auto;
    padding: 1rem 0;
    width: 100%
}

.WFVi4pLt {
    text-align: left
}

.w5ymqVGq,
[dir=rtl] .WFVi4pLt {
    text-align: right
}

[dir=rtl] .w5ymqVGq {
    text-align: left
}

.nzmCPjiX>*+* {
    margin-left: 1rem
}

[dir=rtl] .nzmCPjiX>*+* {
    margin-left: unset;
    margin-right: 1rem
}

.m46EITfv {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.S9a_9wlN {
    -webkit-transition: all .15s cubic-bezier(.4, 0, .2, 1);
    transition: all .15s cubic-bezier(.4, 0, .2, 1)
}

.TFhQd9ug {
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-property: color, background, border;
    transition-property: color, background, border;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.RXlrSnoh {
    -webkit-transition: opacity .15s cubic-bezier(.4, 0, .2, 1);
    transition: opacity .15s cubic-bezier(.4, 0, .2, 1)
}

.mcpn5G1W {
    -webkit-transition-duration: .6s;
    transition-duration: .6s
}

.I30U_Cvn {
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.BgGfwJ5q {
    -webkit-transition-duration: .15s;
    transition-duration: .15s
}

.iSgdgVh5 {
    scrollbar-color: var(--progressbar-fg) var(--progressbar-bg);
    scrollbar-width: 10px
}

.iSgdgVh5::-webkit-scrollbar {
    height: .5rem;
    width: .5rem
}

.iSgdgVh5::-webkit-scrollbar-button {
    display: none
}

.iSgdgVh5::-webkit-scrollbar-corner,
.iSgdgVh5::-webkit-scrollbar-track {
    background: var(--progressbar-bg)
}

.iSgdgVh5::-webkit-scrollbar-corner:hover,
.iSgdgVh5::-webkit-scrollbar-track:hover {
    background: var(--progressbar-bg-hover)
}

.iSgdgVh5::-webkit-scrollbar-thumb {
    background-color: var(--progressbar-fg)
}

.iSgdgVh5::-webkit-scrollbar-thumb:hover {
    background-color: var(--progressbar-fg-hover)
}

.L3bnWPSk {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--field-01);
    border: solid var(--ui-04);
    border-width: 0 0 1px;
    color: var(--text-01);
    cursor: pointer;
    max-width: 100%;
    padding: 0 1rem;
    position: relative
}

.L3bnWPSk>* {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.L3bnWPSk:focus,
.L3bnWPSk:hover {
    background-color: var(--hover-secondary)
}

.L3bnWPSk>*+* {
    margin-left: .5rem
}

[dir=rtl] .L3bnWPSk>*+* {
    margin-left: unset;
    margin-right: .5rem
}

.J0q9jxyC {
    position: relative;
    width: 100%
}

.J0q9jxyC:before {
    background-color: var(--ui-03);
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 0
}

.J0q9jxyC.nUU28L0j {
    background-color: var(--table-header-bg-color)
}

.J0q9jxyC.jNXo8Dcl {
    overflow-x: auto;
    scrollbar-color: var(--progressbar-fg) var(--progressbar-bg);
    scrollbar-width: 10px
}

.J0q9jxyC.jNXo8Dcl::-webkit-scrollbar {
    height: .5rem;
    width: .5rem
}

.J0q9jxyC.jNXo8Dcl::-webkit-scrollbar-button {
    display: none
}

.J0q9jxyC.jNXo8Dcl::-webkit-scrollbar-corner,
.J0q9jxyC.jNXo8Dcl::-webkit-scrollbar-track {
    background: var(--progressbar-bg)
}

.J0q9jxyC.jNXo8Dcl::-webkit-scrollbar-corner:hover,
.J0q9jxyC.jNXo8Dcl::-webkit-scrollbar-track:hover {
    background: var(--progressbar-bg-hover)
}

.J0q9jxyC.jNXo8Dcl::-webkit-scrollbar-thumb {
    background-color: var(--progressbar-fg)
}

.J0q9jxyC.jNXo8Dcl::-webkit-scrollbar-thumb:hover {
    background-color: var(--progressbar-fg-hover)
}

.O86hOjG9 {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    color: var(--text-01);
    cursor: pointer;
    font-size: .875rem;
    letter-spacing: .01rem;
    line-height: 1.125rem;
    padding: .75rem 1.5rem .625rem;
    position: relative;
    z-index: 2
}

.O86hOjG9>span {
    opacity: .9
}

.O86hOjG9.Nf3IqbBc {
    border-bottom: 2px solid var(--interactive-01)
}

.O86hOjG9.Nf3IqbBc>span {
    opacity: 1
}

.O86hOjG9:focus {
    outline: 1px dotted var(--focus);
    outline-offset: -2px
}

.Ue54_U3p {
    background-color: #6b50ff;
    border-radius: 1rem;
    color: #fff;
    display: inline-block;
    font-size: .625rem;
    font-weight: 700;
    height: 1rem;
    line-height: 1rem;
    margin-left: .5rem;
    min-width: 1rem;
    padding: 0 .5rem;
    vertical-align: middle
}

[dir=rtl] .Ue54_U3p {
    margin-left: unset;
    margin-right: .5rem
}

.LSi5Wnqc {
    padding: 1rem 0 0
}

.R1bQJrpT .LSi5Wnqc {
    padding-top: 0 !important
}

.jNXo8Dcl {
    white-space: nowrap
}

.mBbmsltD {
    text-align: left
}

.m_cqkEQ_,
[dir=rtl] .mBbmsltD {
    text-align: right
}

[dir=rtl] .m_cqkEQ_ {
    text-align: left
}

.bpzMQ3Jp>*+* {
    margin-left: 1rem
}

[dir=rtl] .bpzMQ3Jp>*+* {
    margin-left: unset;
    margin-right: 1rem
}

.lI0F0zV7 {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.WtI2Waym {
    -webkit-transition: all .15s cubic-bezier(.4, 0, .2, 1);
    transition: all .15s cubic-bezier(.4, 0, .2, 1)
}

.fCEII6nI {
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-property: color, background, border;
    transition-property: color, background, border;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.esxK7_tk {
    -webkit-transition: opacity .15s cubic-bezier(.4, 0, .2, 1);
    transition: opacity .15s cubic-bezier(.4, 0, .2, 1)
}

.jluu3jYU {
    -webkit-transition-duration: .6s;
    transition-duration: .6s
}

.Fwu_LOn9 {
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.L7h_um7E {
    -webkit-transition-duration: .15s;
    transition-duration: .15s
}

.kIpnyNPD {
    scrollbar-color: var(--progressbar-fg) var(--progressbar-bg);
    scrollbar-width: 10px
}

.kIpnyNPD::-webkit-scrollbar {
    height: .5rem;
    width: .5rem
}

.kIpnyNPD::-webkit-scrollbar-button {
    display: none
}

.kIpnyNPD::-webkit-scrollbar-corner,
.kIpnyNPD::-webkit-scrollbar-track {
    background: var(--progressbar-bg)
}

.kIpnyNPD::-webkit-scrollbar-corner:hover,
.kIpnyNPD::-webkit-scrollbar-track:hover {
    background: var(--progressbar-bg-hover)
}

.kIpnyNPD::-webkit-scrollbar-thumb {
    background-color: var(--progressbar-fg)
}

.kIpnyNPD::-webkit-scrollbar-thumb:hover {
    background-color: var(--progressbar-fg-hover)
}

.XsLz5Tk7 {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--field-01);
    border: solid var(--ui-04);
    border-width: 0 0 1px;
    color: var(--text-01);
    cursor: pointer;
    max-width: 100%;
    padding: 0 1rem;
    position: relative
}

.XsLz5Tk7>* {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.XsLz5Tk7:focus,
.XsLz5Tk7:hover {
    background-color: var(--hover-secondary)
}

.XsLz5Tk7>*+* {
    margin-left: .5rem
}

[dir=rtl] .XsLz5Tk7>*+* {
    margin-left: unset;
    margin-right: .5rem
}

.HvmgElpA .bx--skeleton__text {
    background: var(--skeleton-01);
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: block;
    height: 1rem;
    margin: 0;
    padding: 0;
    pointer-events: none;
    position: relative;
    width: 5rem
}

.lYo7y5FD {
    text-align: left
}

.jh81q4ca,
[dir=rtl] .lYo7y5FD {
    text-align: right
}

[dir=rtl] .jh81q4ca {
    text-align: left
}

.MvJV5k0Z>*+* {
    margin-left: 1rem
}

[dir=rtl] .MvJV5k0Z>*+* {
    margin-left: unset;
    margin-right: 1rem
}

.xZGBEWv2 {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.Ds1uYOun {
    -webkit-transition: all .15s cubic-bezier(.4, 0, .2, 1);
    transition: all .15s cubic-bezier(.4, 0, .2, 1)
}

.I1itWMe_ {
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-property: color, background, border;
    transition-property: color, background, border;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.anT07g7p {
    -webkit-transition: opacity .15s cubic-bezier(.4, 0, .2, 1);
    transition: opacity .15s cubic-bezier(.4, 0, .2, 1)
}

.N3JD2GVU {
    -webkit-transition-duration: .6s;
    transition-duration: .6s
}

.MXlfAdxy {
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.t7pKgQGe {
    -webkit-transition-duration: .15s;
    transition-duration: .15s
}

.NNPqDuGB {
    scrollbar-color: var(--progressbar-fg) var(--progressbar-bg);
    scrollbar-width: 10px
}

.NNPqDuGB::-webkit-scrollbar {
    height: .5rem;
    width: .5rem
}

.NNPqDuGB::-webkit-scrollbar-button {
    display: none
}

.NNPqDuGB::-webkit-scrollbar-corner,
.NNPqDuGB::-webkit-scrollbar-track {
    background: var(--progressbar-bg)
}

.NNPqDuGB::-webkit-scrollbar-corner:hover,
.NNPqDuGB::-webkit-scrollbar-track:hover {
    background: var(--progressbar-bg-hover)
}

.NNPqDuGB::-webkit-scrollbar-thumb {
    background-color: var(--progressbar-fg)
}

.NNPqDuGB::-webkit-scrollbar-thumb:hover {
    background-color: var(--progressbar-fg-hover)
}

.vgvnj_UM {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--field-01);
    border: solid var(--ui-04);
    border-width: 0 0 1px;
    color: var(--text-01);
    cursor: pointer;
    max-width: 100%;
    padding: 0 1rem;
    position: relative
}

.vgvnj_UM>* {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.vgvnj_UM:focus,
.vgvnj_UM:hover {
    background-color: var(--hover-secondary)
}

.vgvnj_UM>*+* {
    margin-left: .5rem
}

[dir=rtl] .vgvnj_UM>*+* {
    margin-left: unset;
    margin-right: .5rem
}

.qVyRbagX {
    max-width: 100%;
    min-width: auto !important;
    padding: 0 !important;
    position: relative
}

.qVyRbagX .bx--data-table-content {
    overflow: auto;
    scrollbar-color: var(--progressbar-fg) var(--progressbar-bg);
    scrollbar-width: 10px
}

.qVyRbagX .bx--data-table-content::-webkit-scrollbar {
    height: .5rem;
    width: .5rem
}

.qVyRbagX .bx--data-table-content::-webkit-scrollbar-button {
    display: none
}

.qVyRbagX .bx--data-table-content::-webkit-scrollbar-corner,
.qVyRbagX .bx--data-table-content::-webkit-scrollbar-track {
    background: var(--progressbar-bg)
}

.qVyRbagX .bx--data-table-content::-webkit-scrollbar-corner:hover,
.qVyRbagX .bx--data-table-content::-webkit-scrollbar-track:hover {
    background: var(--progressbar-bg-hover)
}

.qVyRbagX .bx--data-table-content::-webkit-scrollbar-thumb {
    background-color: var(--progressbar-fg)
}

.qVyRbagX .bx--data-table-content::-webkit-scrollbar-thumb:hover {
    background-color: var(--progressbar-fg-hover)
}

.qVyRbagX>div>table {
    max-width: 100%
}

.qVyRbagX>div>table>tbody>tr>td,
.qVyRbagX>div>table>tbody>tr>th {
    background: transparent !important
}

.qVyRbagX>div>table>tbody>tr>td {
    color: var(--text-01)
}

.qVyRbagX>div>table>thead>tr>th {
    background-color: var(--table-header-bg-color) !important;
    color: var(--table-header-text-color)
}

.qVyRbagX>div>table>thead>tr>th:last-of-type {
    padding-right: 1rem !important
}

.qVyRbagX>div>table .bx--table-header-label {
    text-align: inherit
}

.qVyRbagX>div>table th:last-of-type .bx--table-header-label {
    padding-right: 0 !important
}

.qVyRbagX>div>table td.bx--table-expand {
    border-bottom-color: var(--ui-03) !important
}

.qVyRbagX>div>table>tbody>tr[disabled] {
    pointer-events: none !important
}

.qVyRbagX>div>table .bx--child-row-inner-container {
    padding-bottom: 1px !important
}

.QIRq5AKu {
    background: var(--ui-01) !important;
    position: relative;
    z-index: 3
}

.QIRq5AKu>* {
    height: auto !important;
    min-height: 3rem !important
}

.QIRq5AKu>* button[disabled] {
    background: transparent !important;
    border: none !important
}

.pxCV40vy {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -ms-flex-negative: 0;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.oUCoEv5e {
    position: relative;
    z-index: 2
}

.YzSKrs4F>div>table>tbody>tr>th,
.YzSKrs4F>div>table>tr>td {
    background: var(--ui-background) !important
}

.YzSKrs4F>div>table>tbody>tr>td {
    border-bottom: 1px solid var(--hover-ui) !important
}

.i_FBiqHG:not(#Dkrsk3kH) {
    max-width: 2.5rem !important;
    min-width: 2.5rem !important;
    padding-left: .5rem;
    padding-right: 0;
    text-align: center !important;
    vertical-align: middle !important
}

[dir=rtl] .i_FBiqHG:not(#Dkrsk3kH) {
    padding-left: 0 !important;
    padding-right: .5rem !important
}

.i_FBiqHG:not(#Dkrsk3kH) .bx--checkbox-label {
    margin: 0 !important
}

._fg2TWbs>td {
    background-color: var(--selected-ui) !important;
    border-bottom: 1px solid var(--active-ui) !important;
    border-top: 1px solid var(--selected-ui) !important;
    color: var(--text-01) !important
}

.YJh31LE2:hover {
    background-color: inherit !important;
    color: inherit !important
}

.YJh31LE2>td {
    padding: 0 !important
}

._xT3WQme.g9wnrhf_>* {
    text-align: left !important
}

._xT3WQme.PhOu8J0A>* {
    text-align: center !important
}

._xT3WQme.akwQCJar>* {
    text-align: right !important
}

.BUFGH0Fp>div>table>thead>tr {
    height: 2rem
}

.XqYJJ9XG {
    border-bottom: 1px solid;
    color: var(--text-01);
    font-weight: 700;
    text-decoration: none
}

.HQmUypiF {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.HQmUypiF:focus {
    outline: 1px solid var(--focus);
    outline-offset: -1px
}

.WeBooCTj {
    display: inline-block;
    padding: .25rem 0;
    position: relative
}

.t06IDuGN {
    color: var(--icon-02);
    height: 1rem;
    position: absolute;
    right: -1.5rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

[dir=rtl] .t06IDuGN {
    left: -1.5rem;
    right: unset
}

.t06IDuGN.bF8nT6Hb {
    opacity: .5
}

.DaWnrdgZ:hover {
    background-color: inherit !important
}

.k98V_Yge:not(#Dkrsk3kH) {
    background: transparent !important;
    border: none !important;
    bottom: 0;
    height: 100%;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.pXMphLNE {
    border-bottom: 1px solid var(--ui-03)
}

.TDQqwEDj .pXMphLNE {
    padding-bottom: 1rem;
    padding-top: 1rem
}

.raPsZUbt {
    text-align: left
}

.MXewSRRj,
[dir=rtl] .raPsZUbt {
    text-align: right
}

[dir=rtl] .MXewSRRj {
    text-align: left
}

.uPwpSHGA>*+* {
    margin-left: 1rem
}

[dir=rtl] .uPwpSHGA>*+* {
    margin-left: unset;
    margin-right: 1rem
}

.sopen88F,
.sopen88F[role=button] {
    border: none;
    color: var(--link-01) !important;
    font-weight: 400;
    text-decoration: none
}

.Sb4YZELj+.DxgvOwrW {
    margin-left: 1em
}

[dir=rtl] .Sb4YZELj+.DxgvOwrW {
    margin-left: unset;
    margin-right: 1em
}

.XpiXwTUy input[type=number] {
    padding-right: 1rem
}

.XpiXwTUy .bx--number__controls {
    display: none !important
}

.X0QF6ZWT,
.X0QF6ZWT .bx--number__input-wrapper {
    height: 100%;
    width: 100%
}

.X0QF6ZWT .bx--number__input-wrapper input,
.X0QF6ZWT input {
    font-family: BraiinsSans, sans-serif, serif !important
}

.uwI6slPT {
    text-align: left
}

.J1ahW4hp,
[dir=rtl] .uwI6slPT {
    text-align: right
}

[dir=rtl] .J1ahW4hp {
    text-align: left
}

.ovnuAC5C>*+* {
    margin-left: 1rem
}

[dir=rtl] .ovnuAC5C>*+* {
    margin-left: unset;
    margin-right: 1rem
}

.CyZZifsp {
    background-color: var(--ui-01);
    font-size: .875rem;
    line-height: 1.125rem;
    max-width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.VCLk9w_8 {
    background: none !important;
    border: none !important;
    max-width: 100%;
    text-align: right !important;
    width: auto
}

[dir=rtl] .VCLk9w_8 {
    text-align: left !important
}

.VCLk9w_8 input:not(#H21FHrLG) {
    border: none !important;
    caret-color: transparent;
    cursor: default !important;
    padding-left: 1rem;
    padding-right: 2.5rem;
    text-align: left !important
}

[dir=rtl] .VCLk9w_8 input:not(#H21FHrLG) {
    padding-left: 2.5rem !important;
    padding-right: 1rem !important;
    text-align: right !important
}

.VCLk9w_8 input+button:not(:last-of-type) {
    display: none !important
}

.VCLk9w_8 input~button:last-of-type {
    position: absolute;
    right: 1rem
}

[dir=rtl] .VCLk9w_8 input~button:last-of-type {
    left: 1rem !important;
    right: unset !important
}

.VCLk9w_8 .bx--list-box__menu-item__option {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.VCLk9w_8 div[role=listbox] {
    height: auto;
    max-height: 25rem;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    width: auto
}

.D9i3txId {
    padding: 0 1rem
}

.cXV9ZoPu {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -ms-flex-negative: 10;
    border-right: 1px solid var(--ui-03);
    -webkit-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 10;
    flex-shrink: 10;
    height: 100%
}

.cXV9ZoPu>*+* {
    margin-left: .5rem
}

[dir=rtl] .cXV9ZoPu>*+* {
    margin-left: unset;
    margin-right: .5rem
}

[dir=rtl] .cXV9ZoPu {
    border-left: 1px solid var(--ui-03);
    border-right: unset
}

.cXV9ZoPu+.TEZqNgNN {
    margin-left: 1rem
}

[dir=rtl] .cXV9ZoPu+.TEZqNgNN {
    margin-left: unset;
    margin-right: 1rem
}

.wyxOq745 {
    padding-right: 1rem
}

[dir=rtl] .wyxOq745 {
    padding-left: 1rem;
    padding-right: unset
}

.wyxOq745 .VCLk9w_8,
.wyxOq745 .VCLk9w_8 input {
    text-align: right
}

[dir=rtl] .wyxOq745 .VCLk9w_8,
[dir=rtl] .wyxOq745 .VCLk9w_8 input {
    text-align: left
}

.ECIbdRo6 {
    white-space: nowrap
}

.ECIbdRo6>button:not(#H21FHrLG) {
    border-left: 1px solid var(--ui-03)
}

[dir=rtl] .ECIbdRo6>button:not(#H21FHrLG) {
    border-left: unset !important;
    border-right: 1px solid var(--ui-03) !important
}

[dir=rtl] .ECIbdRo6>button:not(#H21FHrLG) svg {
    -webkit-transform: rotateY(180deg) !important;
    transform: rotateY(180deg) !important
}

.Ty3EkNDD {
    text-align: left
}

.ebduPFvd,
[dir=rtl] .Ty3EkNDD {
    text-align: right
}

[dir=rtl] .ebduPFvd {
    text-align: left
}

.yEvTsWzh>*+* {
    margin-left: 1rem
}

[dir=rtl] .yEvTsWzh>*+* {
    margin-left: unset;
    margin-right: 1rem
}

.NctIskq2 {
    height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.bpMrEZ0N>*+* {
    margin-left: .5rem
}

[dir=rtl] .bpMrEZ0N>*+* {
    margin-left: unset;
    margin-right: .5rem
}

.Qlh_3Y4U {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0
}

.Qlh_3Y4U svg {
    fill: var(--text-02)
}

.Qlh_3Y4U:focus svg,
.Qlh_3Y4U:hover svg {
    fill: var(--text-01)
}

.VloQMIo_ {
    background-color: var(--field-01);
    height: .25rem;
    overflow: hidden;
    position: relative;
    width: 100%
}

.LbMevKgh .VloQMIo_ {
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12), 0 3px 1px -2px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12), 0 3px 1px -2px rgba(0, 0, 0, .2)
}

.oyO2u54E {
    background-color: #a72dea;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: auto
}

@-webkit-keyframes DJ4D85dL {
    0% {
        background-position: 0 0
    }
    to {
        background-position: 50px 50px
    }
}

@keyframes DJ4D85dL {
    0% {
        background-position: 0 0
    }
    to {
        background-position: 50px 50px
    }
}

.oyO2u54E.iCBlxRF6:after {
    -webkit-animation: DJ4D85dL 2s linear infinite;
    animation: DJ4D85dL 2s linear infinite;
    background-image: linear-gradient(-45deg, hsla(0, 0%, 100%, .2) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .2) 0, hsla(0, 0%, 100%, .2) 75%, transparent 0, transparent);
    background-size: 50px 50px;
    bottom: 0;
    content: "";
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.lujnCIYA {
    margin-left: .5rem;
    position: relative
}

[dir=rtl] .lujnCIYA {
    margin-left: unset;
    margin-right: .5rem
}

.kCN9GbOh {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: column-reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
}

.kCN9GbOh .kDop9UwG,
.kCN9GbOh .lujnCIYA {
    display: block;
    margin: 0;
    width: 100%
}

.kCN9GbOh .lujnCIYA {
    margin-bottom: .5rem;
    text-align: right
}

[dir=rtl] .kCN9GbOh .lujnCIYA {
    text-align: left
}

.oM_guODQ {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important
}

.oM_guODQ .kDop9UwG,
.oM_guODQ .lujnCIYA {
    display: block;
    margin: 0;
    width: 100%
}

.oM_guODQ .lujnCIYA {
    margin-top: .5rem;
    text-align: left
}

[dir=rtl] .oM_guODQ .lujnCIYA {
    text-align: right
}

.TPR8XTMQ>button {
    border: none !important
}

.MV0H5Xpr {
    background-color: var(--inverse-02);
    border: 1px solid transparent;
    border-radius: .125rem;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
    color: var(--inverse-01);
    font-size: .875rem;
    font-weight: 400;
    height: auto;
    letter-spacing: .16px;
    line-height: 1.2857;
    max-width: 13rem;
    min-width: 1.5rem;
    padding: .1875rem 1rem;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    z-index: 6000
}

.MV0H5Xpr[data-popper-interactive=false] {
    pointer-events: none
}

.MV0H5Xpr .dFptWLtO {
    height: 1rem;
    pointer-events: none;
    position: absolute;
    width: 1rem
}

.MV0H5Xpr .dFptWLtO:after,
.MV0H5Xpr .dFptWLtO:before {
    border-style: solid;
    content: "";
    display: block;
    height: 0;
    margin: auto;
    width: 0
}

.MV0H5Xpr .dFptWLtO:after {
    position: absolute
}

.MV0H5Xpr[data-popper-placement*=bottom] .dFptWLtO {
    left: 0;
    margin-top: -.4rem;
    top: 0
}

.MV0H5Xpr[data-popper-placement*=bottom] .dFptWLtO:before {
    border-color: transparent;
    border-width: 0 .5rem .4rem;
    position: absolute;
    top: -1px
}

.MV0H5Xpr[data-popper-placement*=bottom] .dFptWLtO:after {
    border-bottom-color: var(--inverse-02);
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
    border-width: 0 .5rem .4rem
}

.MV0H5Xpr[data-popper-placement*=top] .dFptWLtO {
    bottom: 0;
    left: 0;
    margin-bottom: -1rem
}

.MV0H5Xpr[data-popper-placement*=top] .dFptWLtO:before {
    border-color: transparent;
    border-width: .4rem .5rem 0;
    position: absolute;
    top: 1px
}

.MV0H5Xpr[data-popper-placement*=top] .dFptWLtO:after {
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: var(--inverse-02);
    border-width: .4rem .5rem 0
}

.MV0H5Xpr[data-popper-placement*=right] .dFptWLtO {
    left: 0;
    margin-left: -.7rem
}

.MV0H5Xpr[data-popper-placement*=right] .dFptWLtO:before {
    border-color: transparent;
    border-width: .5rem .4rem .5rem 0
}

.MV0H5Xpr[data-popper-placement*=right] .dFptWLtO:after {
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: var(--inverse-02);
    border-top-color: transparent;
    border-width: .5rem .4rem .5rem 0;
    left: 6px;
    top: 0
}

.MV0H5Xpr[data-popper-placement*=left] .dFptWLtO {
    margin-right: -.7rem;
    right: 0
}

.MV0H5Xpr[data-popper-placement*=left] .dFptWLtO:before {
    border-color: transparent;
    border-width: .5rem 0 .5rem .4em
}

.MV0H5Xpr[data-popper-placement*=left] .dFptWLtO:after {
    border-bottom-color: transparent;
    border-left-color: var(--inverse-02);
    border-right-color: transparent;
    border-top-color: transparent;
    border-width: .5rem 0 .5rem .4em;
    left: 3px;
    top: 0
}

.xNhJy14f .bx--toggle__switch {
    margin-bottom: .1875rem;
    margin-top: 0
}

.xNhJy14f.TrypSmfN .bx--toggle__switch {
    margin-top: .25rem !important
}

.R_FuU5mC .Q0vLwJ3a {
    color: var(--support-01)
}

.R_FuU5mC .bx--toggle__switch:before {
    background-color: var(--support-01) !important
}

.SSgEhyUG {
    text-align: left
}

.YR9bjizP,
[dir=rtl] .SSgEhyUG {
    text-align: right
}

[dir=rtl] .YR9bjizP {
    text-align: left
}

.lEBnKJop>*+* {
    margin-left: 1rem
}

[dir=rtl] .lEBnKJop>*+* {
    margin-left: unset;
    margin-right: 1rem
}

.gn7TLaoX {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.hmao36ge {
    -webkit-transition: all .15s cubic-bezier(.4, 0, .2, 1);
    transition: all .15s cubic-bezier(.4, 0, .2, 1)
}

.Kgz8vD_M {
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-property: color, background, border;
    transition-property: color, background, border;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.Q4DL9nRX {
    -webkit-transition: opacity .15s cubic-bezier(.4, 0, .2, 1);
    transition: opacity .15s cubic-bezier(.4, 0, .2, 1)
}

.kadYDHMB {
    -webkit-transition-duration: .6s;
    transition-duration: .6s
}

.by57qFrr {
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.SE2aT7e6 {
    -webkit-transition-duration: .15s;
    transition-duration: .15s
}

.F1zCAt2M {
    scrollbar-color: var(--progressbar-fg) var(--progressbar-bg);
    scrollbar-width: 10px
}

.F1zCAt2M::-webkit-scrollbar {
    height: .5rem;
    width: .5rem
}

.F1zCAt2M::-webkit-scrollbar-button {
    display: none
}

.F1zCAt2M::-webkit-scrollbar-corner,
.F1zCAt2M::-webkit-scrollbar-track {
    background: var(--progressbar-bg)
}

.F1zCAt2M::-webkit-scrollbar-corner:hover,
.F1zCAt2M::-webkit-scrollbar-track:hover {
    background: var(--progressbar-bg-hover)
}

.F1zCAt2M::-webkit-scrollbar-thumb {
    background-color: var(--progressbar-fg)
}

.F1zCAt2M::-webkit-scrollbar-thumb:hover {
    background-color: var(--progressbar-fg-hover)
}

.cpaZ7qI6 {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--field-01);
    border: solid var(--ui-04);
    border-width: 0 0 1px;
    color: var(--text-01);
    cursor: pointer;
    max-width: 100%;
    padding: 0 1rem;
    position: relative
}

.cpaZ7qI6>* {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cpaZ7qI6:focus,
.cpaZ7qI6:hover {
    background-color: var(--hover-secondary)
}

.cpaZ7qI6>*+* {
    margin-left: .5rem
}

[dir=rtl] .cpaZ7qI6>*+* {
    margin-left: unset;
    margin-right: .5rem
}

.zfQnwI6U {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 1px
}

.nPw6h2yK {
    background-color: var(--ui-01);
    max-width: 100%;
    position: relative
}

.nPw6h2yK .QS4bCW1U {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    max-height: 100%;
    max-width: 100%;
    padding: 1.5rem 0;
    scrollbar-color: var(--progressbar-fg) var(--progressbar-bg);
    scrollbar-width: 10px;
    width: 100%
}

.nPw6h2yK .QS4bCW1U::-webkit-scrollbar {
    height: .5rem;
    width: .5rem
}

.nPw6h2yK .QS4bCW1U::-webkit-scrollbar-button {
    display: none
}

.nPw6h2yK .QS4bCW1U::-webkit-scrollbar-corner,
.nPw6h2yK .QS4bCW1U::-webkit-scrollbar-track {
    background: var(--progressbar-bg)
}

.nPw6h2yK .QS4bCW1U::-webkit-scrollbar-corner:hover,
.nPw6h2yK .QS4bCW1U::-webkit-scrollbar-track:hover {
    background: var(--progressbar-bg-hover)
}

.nPw6h2yK .QS4bCW1U::-webkit-scrollbar-thumb {
    background-color: var(--progressbar-fg)
}

.nPw6h2yK .QS4bCW1U::-webkit-scrollbar-thumb:hover {
    background-color: var(--progressbar-fg-hover)
}

@media(max-width:41.98rem) {
    .nPw6h2yK .QS4bCW1U {
        padding: 1rem 0
    }
}

.nPw6h2yK.d9NgILCl .QS4bCW1U {
    padding: 0
}

.nPw6h2yK.xlaKWi82 .QS4bCW1U {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.nPw6h2yK.xlaKWi82 .QS4bCW1U>*+* {
    margin-left: .5rem
}

.nPw6h2yK [data-role~=placeholder] {
    color: var(--text-02)
}

.nPw6h2yK [data-role~=unit] {
    font-size: .5em;
    font-size: max(.75rem, .5em)
}

.nPw6h2yK [data-role~=seconds] {
    color: var(--text-02);
    font-size: .75em
}

.gQ2kNUeS {
    color: var(--text-02);
    height: 1.5rem;
    line-height: 1.5em;
    overflow: hidden
}

.gQ2kNUeS>span {
    display: inline-block;
    max-width: 100%;
    min-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.gQ2kNUeS.K5IFAAPP {
    font-size: .875rem;
    font-weight: 600;
    letter-spacing: .16px;
    line-height: 1.125rem
}

._ErQDvbQ {
    color: var(--text-01);
    line-height: 1.3em;
    min-height: 1.5rem
}

._ErQDvbQ>div {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    min-height: 100%;
    min-width: 100%
}

._ErQDvbQ.B04mJW0I {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    font-size: 2rem;
    min-height: 3rem
}

.oJxM_xre {
    -webkit-box-flex: 0;
    -webkit-flex: 0;
    -ms-flex: 0;
    flex: 0;
    min-height: 4.5rem;
    position: relative
}

.oJxM_xre:first-of-type {
    padding-left: 2rem
}

.oJxM_xre:last-of-type {
    padding-right: 2rem
}

@media(max-width:41.98rem) {
    .oJxM_xre:first-of-type {
        padding-left: 1rem
    }
    .oJxM_xre:last-of-type {
        padding-right: 1rem
    }
}

[dir=rtl] .oJxM_xre:first-of-type {
    padding-right: 2rem
}

[dir=rtl] .oJxM_xre:last-of-type {
    padding-left: 2rem
}

@media(max-width:41.98rem) {
    [dir=rtl] .oJxM_xre:first-of-type {
        padding-right: 1rem
    }
    [dir=rtl] .oJxM_xre:last-of-type {
        padding-left: 1rem
    }
}

.exNSb7AB {
    margin-bottom: .5rem
}

.LOUt4YlZ {
    margin-top: -.25rem
}

.k9b4LwhQ {
    height: 1.5rem;
    padding: 0 2rem;
    position: relative
}

@media(max-width:41.98rem) {
    .k9b4LwhQ {
        padding: 0 1rem
    }
}

.k9b4LwhQ.e8NRYYLn>* {
    height: 1.875rem
}

.k9b4LwhQ>._ErQDvbQ {
    margin-left: .5rem;
    white-space: nowrap
}

[dir=rtl] .k9b4LwhQ>._ErQDvbQ {
    margin-left: unset;
    margin-right: .5rem
}

.mU75mCTe,
.txnFzzFn {
    min-height: 100%;
    padding: 0 2rem;
    position: relative
}

@media(max-width:41.98rem) {
    .mU75mCTe,
    .txnFzzFn {
        padding: 0 1rem
    }
}

.mU75mCTe {
    color: var(--text-02)
}

.NxTZQSGf {
    position: relative
}

.prdNvix7 {
    height: auto;
    min-height: 25rem
}

@media(max-width:41.98rem) {
    .prdNvix7 {
        min-height: 30rem
    }
}

.kPP37vmQ {
    height: auto;
    min-height: 12.5rem
}

.XZT4TQWD {
    height: auto;
    min-height: 25.625rem
}

@media(max-width:41.98rem) {
    .XZT4TQWD {
        min-height: 30rem
    }
}

.s_lq62mg {
    max-width: 100%;
    padding: 0;
    position: relative;
    width: 100%
}

.vgTSBxoi {
    margin: 0 -1px
}

.vgTSBxoi+.vgTSBxoi {
    margin-top: 0
}

.vgTSBxoi>.zfQnwI6U {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.aTEUL5V7>.zfQnwI6U {
    width: 100%
}

.aTEUL5V7>.zfQnwI6U+.zfQnwI6U {
    margin-top: 1px
}

.aTEUL5V7 .nPw6h2yK {
    height: auto !important
}

.aTEUL5V7 .nPw6h2yK>.QS4bCW1U>[data-role~=padding] {
    display: none
}

.Yvz8gvia {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.FcPlJbnM>.zfQnwI6U {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0
}

.FcPlJbnM>.zfQnwI6U+.zfQnwI6U {
    margin-top: 2px
}

.GYMZyS0V {
    margin-top: 1rem;
    padding: 0 .5rem
}

.GYMZyS0V:first-child {
    margin-top: -.5rem
}

.sqKXrhiq {
    color: var(--text-02);
    margin: .5rem
}

.sqKXrhiq .Gmbe1SwC {
    color: var(--text-03);
    display: inline-block;
    font-size: .7em;
    margin-left: .3em;
    opacity: 0;
    text-decoration: none !important;
    -webkit-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: super
}

[dir=rtl] .sqKXrhiq .Gmbe1SwC {
    margin-left: unset;
    margin-right: .3em
}

.GYMZyS0V:focus-within .sqKXrhiq .Gmbe1SwC,
.GYMZyS0V:focus .sqKXrhiq .Gmbe1SwC,
.GYMZyS0V:hover .sqKXrhiq .Gmbe1SwC {
    opacity: 1
}

.kcuqiiDX {
    margin: .5rem
}

.d8wagl82 {
    margin-top: 1rem;
    padding: 0 1rem
}

.d8wagl82 .sqKXrhiq {
    margin: 0
}

.d8wagl82 .kcuqiiDX {
    margin-left: 0;
    margin-top: .5rem
}

.CDOzAfPS {
    height: 100%;
    overflow: auto;
    width: 100%
}

._0PzM2NB,
.CDOzAfPS {
    max-height: 100%;
    max-width: 100%;
    position: relative
}

._0PzM2NB {
    background-color: var(--ui-01);
    margin: 0;
    min-height: 100%;
    min-width: 100%;
    padding: 0
}

._0PzM2NB tbody tr td {
    vertical-align: middle
}

.OzkRBsPz {
    border-bottom: 2px solid var(--ui-02)
}

.OzkRBsPz th {
    color: var(--text-02);
    padding: 0 0 .8125rem;
    text-align: left
}

.x_YQ42AR {
    background-color: var(--ui-03);
    height: 1px !important;
    padding: 0
}

.x_YQ42AR>* {
    background-color: var(--interactive-01);
    height: 1px;
    -webkit-transition: width .25s cubic-bezier(.4, 0, .2, 1);
    transition: width .25s cubic-bezier(.4, 0, .2, 1);
    will-change: width
}

.KNlUn_Ol {
    color: var(--text-02);
    text-align: center;
    vertical-align: middle
}

.bVtgkUQ_ {
    color: var(--text-01);
    padding: .5rem 0 !important
}

.bVtgkUQ_ [data-role~=unit] {
    text-transform: none
}

.X__Q_OX9 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    max-width: 99rem
}

.OfgmIdwv {
    margin: 0;
    min-width: 100%
}

.y4pbAX0K {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -1.5rem;
    margin-right: -1.5rem
}

.XGPsyrlA {
    -ms-flex-preferred-size: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-flex-basis: 0;
    flex-basis: 0;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    max-width: 100%;
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.GIkJMIGD {
    border: inherit !important;
    color: inherit !important;
    cursor: inherit !important;
    font-family: inherit !important;
    font-size: inherit !important;
    outline-offset: 2px !important;
    text-decoration: inherit !important;
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    user-select: text !important
}

.X8Buifb5 {
    width: .52em
}

.nUrxPNJy,
.X8Buifb5 {
    display: inline-block;
    text-align: center
}

.nUrxPNJy {
    width: .6rem
}

.ZhAg6qKh {
    text-rendering: optimizespeed;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-font-kerning: none;
    font-kerning: none
}

.xrixqNKS {
    display: inline-block;
    vertical-align: middle
}

[dir=rtl] .xrixqNKS g:first-of-type {
    -webkit-transform: rotate(180deg) scaleY(-1);
    transform: rotate(180deg) scaleY(-1);
    -webkit-transform-origin: center;
    transform-origin: center
}

[dir=rtl] .xrixqNKS g:nth-of-type(2) {
    -webkit-transform: translate(48px);
    transform: translate(48px)
}

.uUw_4DjW {
    text-align: left
}

.wPJTdCCD,
[dir=rtl] .uUw_4DjW {
    text-align: right
}

[dir=rtl] .wPJTdCCD {
    text-align: left
}

.XI4dmfg_>*+* {
    margin-left: 1rem
}

[dir=rtl] .XI4dmfg_>*+* {
    margin-left: unset;
    margin-right: 1rem
}

.yVajxp8R {
    max-width: 100%;
    position: fixed;
    right: 1rem;
    top: 1rem;
    width: 18.75rem;
    z-index: 9999
}

[dir=rtl] .yVajxp8R {
    left: 1rem;
    right: unset
}

.yVajxp8R .bx--toast-notification {
    margin: 0 !important
}

.yVajxp8R .bx--toast-notification__details {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.yVajxp8R .bx--toast-notification__subtitle:empty,
.yVajxp8R .bx--toast-notification__title:empty {
    display: none !important
}

.yVajxp8R .bx--toast-notification__caption {
    margin-top: .75rem !important;
    padding-top: 0 !important
}

.GKiLctS2 {
    cursor: default;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

[dir=rtl] .GKiLctS2 {
    left: 0;
    right: unset
}

.GKiLctS2 .bx--toast-notification {
    min-height: 4.25rem
}

.iilHw5i4 {
    background-color: var(--support-04);
    border-radius: 3rem;
    bottom: 0;
    color: #000;
    font-size: 1rem;
    font-weight: 700;
    padding: .5rem 1rem;
    position: absolute;
    right: 0;
    -webkit-transform: scale(.6);
    transform: scale(.6);
    z-index: 10
}

.qTA1aAY3 .iilHw5i4 {
    background-color: var(--support-01)
}

.HZWdG87i .iilHw5i4,
.mrDeNDn6 .iilHw5i4 {
    background-color: var(--support-04);
    color: var(--text-01)
}

.YuUM8czW .iilHw5i4 {
    background-color: var(--support-02)
}

.HeK1XPxc .iilHw5i4,
.xYL9lGal .iilHw5i4 {
    background-color: var(--support-03)
}

.IUFkver6 {
    margin-left: auto
}

.L4pDB_zG {
    text-align: left
}

.xr4tsO_o,
[dir=rtl] .L4pDB_zG {
    text-align: right
}

[dir=rtl] .xr4tsO_o {
    text-align: left
}

.wCSUn101>*+* {
    margin-left: 1rem
}

[dir=rtl] .wCSUn101>*+* {
    margin-left: unset;
    margin-right: 1rem
}

.tSUPu4Ep {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.a6FrIRju {
    -webkit-transition: all .15s cubic-bezier(.4, 0, .2, 1);
    transition: all .15s cubic-bezier(.4, 0, .2, 1)
}

.rVprwtb9 {
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-property: color, background, border;
    transition-property: color, background, border;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.bCdEhC3G {
    -webkit-transition: opacity .15s cubic-bezier(.4, 0, .2, 1);
    transition: opacity .15s cubic-bezier(.4, 0, .2, 1)
}

.w7blDebk {
    -webkit-transition-duration: .6s;
    transition-duration: .6s
}

.aByWD5bQ {
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.VENE2VYb {
    -webkit-transition-duration: .15s;
    transition-duration: .15s
}

.QOIf11Lj {
    scrollbar-color: var(--progressbar-fg) var(--progressbar-bg);
    scrollbar-width: 10px
}

.QOIf11Lj::-webkit-scrollbar {
    height: .5rem;
    width: .5rem
}

.QOIf11Lj::-webkit-scrollbar-button {
    display: none
}

.QOIf11Lj::-webkit-scrollbar-corner,
.QOIf11Lj::-webkit-scrollbar-track {
    background: var(--progressbar-bg)
}

.QOIf11Lj::-webkit-scrollbar-corner:hover,
.QOIf11Lj::-webkit-scrollbar-track:hover {
    background: var(--progressbar-bg-hover)
}

.QOIf11Lj::-webkit-scrollbar-thumb {
    background-color: var(--progressbar-fg)
}

.QOIf11Lj::-webkit-scrollbar-thumb:hover {
    background-color: var(--progressbar-fg-hover)
}

.P6dX50QZ {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--field-01);
    border: solid var(--ui-04);
    border-width: 0 0 1px;
    color: var(--text-01);
    cursor: pointer;
    max-width: 100%;
    padding: 0 1rem;
    position: relative
}

.P6dX50QZ>* {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.P6dX50QZ:focus,
.P6dX50QZ:hover {
    background-color: var(--hover-secondary)
}

.P6dX50QZ>*+* {
    margin-left: .5rem
}

[dir=rtl] .P6dX50QZ>*+* {
    margin-left: unset;
    margin-right: .5rem
}

.wN37uK9a {
    position: static !important
}

.wN37uK9a>ul {
    bottom: unset !important;
    left: unset !important;
    max-height: 85vh !important;
    max-width: 85vw !important;
    overflow-y: auto;
    position: absolute !important;
    right: 3rem !important;
    scrollbar-color: var(--progressbar-fg) var(--progressbar-bg);
    scrollbar-width: 10px;
    top: auto !important;
    -webkit-transform: unset !important;
    transform: unset !important;
    width: 24.125rem !important
}

.wN37uK9a>ul::-webkit-scrollbar {
    height: .5rem;
    width: .5rem
}

.wN37uK9a>ul::-webkit-scrollbar-button {
    display: none
}

.wN37uK9a>ul::-webkit-scrollbar-corner,
.wN37uK9a>ul::-webkit-scrollbar-track {
    background: var(--progressbar-bg)
}

.wN37uK9a>ul::-webkit-scrollbar-corner:hover,
.wN37uK9a>ul::-webkit-scrollbar-track:hover {
    background: var(--progressbar-bg-hover)
}

.wN37uK9a>ul::-webkit-scrollbar-thumb {
    background-color: var(--progressbar-fg)
}

.wN37uK9a>ul::-webkit-scrollbar-thumb:hover {
    background-color: var(--progressbar-fg-hover)
}

[dir=rtl] .wN37uK9a>ul {
    left: 3rem !important;
    right: unset !important
}

.wN37uK9a>ul li .bx--header__menu-item {
    height: auto
}

@media screen and (max-width:28.125rem) {
    .wN37uK9a>ul {
        position: fixed !important;
        -webkit-transform: translateX(-50%) !important;
        transform: translateX(-50%) !important
    }
    .wN37uK9a>ul,
    [dir=rtl] .wN37uK9a>ul {
        left: 50% !important;
        right: auto !important
    }
}

@media screen and (max-width:24.125rem) {
    .wN37uK9a>ul {
        bottom: unset !important;
        max-width: 100% !important;
        position: fixed !important;
        top: 3rem !important;
        -webkit-transform: unset !important;
        transform: unset !important;
        width: 100% !important
    }
    .wN37uK9a>ul,
    [dir=rtl] .wN37uK9a>ul {
        left: 0 !important;
        right: 0 !important
    }
}

.SCTIzq95 .badge {
    fill: #f95355
}

.bRR1ehiK {
    background-color: #393939;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1
}

.bRR1ehiK .bx--header__menu-item {
    border: 0;
    color: #fff;
    cursor: unset !important;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.375rem;
    padding: 1rem 0 .5rem 1rem;
    pointer-events: none !important
}

[dir=rtl] .bRR1ehiK .bx--header__menu-item {
    padding-left: 0;
    padding-right: 1rem
}

.bRR1ehiK .bx--header__menu-item:hover {
    background-color: unset !important
}

.a_AaM0yI {
    position: relative
}

.a_AaM0yI .bx--header__menu-item {
    border: 0
}

.a_AaM0yI:not(:last-child):after {
    border-bottom: 1px solid #525252;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    width: 100%
}

.KYCAZ5y9 {
    color: #e0e0e0;
    font-size: .875rem;
    line-height: 1.125rem;
    padding: 1rem 0 1rem 1.5rem;
    position: relative
}

[dir=rtl] .KYCAZ5y9 {
    padding-left: 0;
    padding-right: 1.5rem
}

.clP18hPD {
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.SEo9V142 {
    padding-top: .5rem;
    white-space: normal
}

.WC7WCKyG .KYCAZ5y9:before {
    background-color: #f95355;
    border-radius: 50%;
    bottom: 0;
    content: "";
    display: inline-block;
    height: .5rem;
    left: 0;
    margin: auto 0;
    position: absolute;
    top: 0;
    width: .5rem
}

[dir=rtl] .WC7WCKyG .KYCAZ5y9:before {
    left: unset;
    right: 0
}

.cIgkBVxt {
    color: #8d8d8d;
    padding-left: 1rem;
    padding-right: 0
}

[dir=rtl] .cIgkBVxt {
    padding-left: 0;
    padding-right: 1rem
}

.GL9Nkfa1 {
    text-align: left
}

.SyVCuCCn,
[dir=rtl] .GL9Nkfa1 {
    text-align: right
}

[dir=rtl] .SyVCuCCn {
    text-align: left
}

.ZVWkaW7D>*+* {
    margin-left: 1rem
}

[dir=rtl] .ZVWkaW7D>*+* {
    margin-left: unset;
    margin-right: 1rem
}

.r2V_KxYN {
    color: var(--link-01);
    cursor: pointer;
    text-decoration: none
}

.r2V_KxYN:hover {
    color: var(--link-01);
    text-decoration: underline
}

.r2V_KxYN.yg8SF9OJ {
    color: var(--text-02) !important;
    cursor: not-allowed;
    opacity: .7
}

.iOAo8RJL {
    margin-right: .3em
}

[dir=rtl] .iOAo8RJL {
    margin-left: .3em;
    margin-right: unset
}

.zZwygvOl .iOAo8RJL {
    margin: 0
}

.tP1Im1ZV {
    border-radius: 1rem;
    color: #fff;
    cursor: default;
    font-size: .75rem;
    height: 1.375rem;
    padding: 0 .75rem;
    text-align: center
}

.hqlWTNWu {
    cursor: pointer
}

.lPxUfxd8 {
    width: 100%
}

.MESd1HdB {
    overflow-y: hidden
}

.APsLh8VP {
    -webkit-overflow-scrolling: touch;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow-x: hidden
}

.APsLh8VP.EyZeX_qL {
    overflow-x: scroll
}

.APsLh8VP::-webkit-scrollbar {
    display: none
}

.AjxG_O9v {
    -webkit-box-flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    position: relative;
    -webkit-transform: none;
    transform: none;
    will-change: transform
}

.f5ujouTW {
    position: relative;
    z-index: 1
}

.mC0gefb6 {
    color: #fff
}

.G6OUzohz {
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-property: font-weight, font-size, background, color, padding;
    transition-property: font-weight, font-size, background, color, padding;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

.fp8mS5Jo {
    position: relative
}

.fp8mS5Jo>a[id] {
    content: "";
    display: block;
    height: 50px;
    position: absolute;
    top: -50px;
    visibility: hidden
}

.PyfPZmd7 {
    color: #56d8e0;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.5;
    max-width: 5rem;
    min-width: 5rem;
    opacity: .75;
    padding: .5rem 0;
    text-align: right;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr
}

.PyfPZmd7[role=button] {
    cursor: pointer
}

.fp8mS5Jo.sSthffr6 .PyfPZmd7 {
    font-size: 3.5rem
}

.mC0gefb6.WIALEGYo .PyfPZmd7 {
    font-size: 1.5rem;
    line-height: 2rem;
    max-width: 3.25rem;
    min-width: 3.25rem;
    padding-bottom: 1rem;
    padding-left: .25rem
}

.mC0gefb6.WIALEGYo .fp8mS5Jo.sSthffr6 .PyfPZmd7 {
    font-size: 2.25rem
}

.MwUA9WlN {
    position: relative
}

.MwUA9WlN:after {
    background: #005e5e;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 4px;
    z-index: 0
}

.um2pQWAW {
    margin-bottom: 4px;
    position: relative
}

.um2pQWAW,
.um2pQWAW .fp8mS5Jo.sSthffr6 {
    background-color: #031a1c
}

.um2pQWAW:after {
    background: #56d8e0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    width: 4px;
    z-index: 1
}

.fp8mS5Jo.HHHQLU53 {
    pointer-events: none !important
}

.fp8mS5Jo.HHHQLU53 .um2pQWAW {
    background: transparent !important;
    height: 6.25rem;
    margin-bottom: 0
}

.fp8mS5Jo.HHHQLU53 .um2pQWAW:after {
    opacity: 1
}

.fp8mS5Jo.HHHQLU53:first-child .um2pQWAW:after {
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#005e5e));
    background: linear-gradient(180deg, transparent, #005e5e)
}

.fp8mS5Jo.HHHQLU53:last-child .um2pQWAW:after {
    background: -webkit-gradient(linear, left top, left bottom, from(#005e5e), to(transparent));
    background: linear-gradient(180deg, #005e5e, transparent)
}

.fp8mS5Jo.sSthffr6 .PyfPZmd7,
.fp8mS5Jo.sSthffr6 .um2pQWAW:after,
.fp8mS5Jo:focus-within .PyfPZmd7,
.fp8mS5Jo:focus-within .um2pQWAW:after,
.fp8mS5Jo:focus .PyfPZmd7,
.fp8mS5Jo:focus .um2pQWAW:after,
.fp8mS5Jo:hover .PyfPZmd7,
.fp8mS5Jo:hover .um2pQWAW:after {
    opacity: 1
}

.fp8mS5Jo:focus-within .um2pQWAW,
.fp8mS5Jo:focus .um2pQWAW,
.fp8mS5Jo:hover .um2pQWAW {
    background-color: #002a2d
}

.GP5iGW0W {
    color: #fff;
    cursor: pointer;
    font-weight: 700;
    line-height: 2rem;
    padding: 2.75rem 2rem;
    pointer-events: all;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 10
}

.mC0gefb6.WIALEGYo .GP5iGW0W {
    font-size: 1rem;
    line-height: 1.375rem;
    padding-bottom: 2rem;
    padding-top: 2rem
}

.fp8mS5Jo.sSthffr6 .GP5iGW0W {
    padding-bottom: 1.5rem
}

.v4axr4Tn {
    fill: #56d8e0;
    display: inline-block;
    margin-left: 1rem
}

.fp8mS5Jo.sSthffr6 .v4axr4Tn {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.rxzOs5FD {
    position: relative;
    text-transform: uppercase;
    white-space: pre-line
}

.paBuJrn1 {
    display: none;
    padding: 0 2rem 2.75rem;
    position: relative;
    z-index: 10
}

.fp8mS5Jo.sSthffr6 .paBuJrn1 {
    display: block
}

.mC0gefb6.WIALEGYo .paBuJrn1 {
    padding: 0 1.5rem 2rem
}

.paBuJrn1 p {
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.5rem;
    margin-bottom: 1.5em
}

.paBuJrn1 h2 {
    font-size: 1.375rem;
    line-height: 1.5;
    margin-bottom: 1em
}

.SXtiHZpY {
    margin: 1.5rem .5rem 2.5rem;
    text-align: center
}

.EUjcd6On {
    height: 8.75rem;
    margin-bottom: 1rem;
    width: 8.75rem
}

.L8cvoUwx {
    font-size: 1.375rem;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 1rem
}

.QX5OCzau {
    color: #c6c6c6;
    font-size: 1rem;
    line-height: 1.5
}

.UcZwosWQ>* {
    max-width: 65%;
    min-width: 35%;
    width: 40%
}

.UcZwosWQ.P2E17B4r {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.UcZwosWQ.P2E17B4r>* {
    max-width: 100%;
    width: 100%
}

.HXEc6D05>*+* {
    margin-left: 2px
}

.sAepsJnN {
    color: var(--text-02) !important
}

.sAepsJnN[disabled] {
    opacity: .4 !important
}

+.sAepsJnN {
    margin-left: 2px
}

.yy2VZE6t {
    background: transparent !important;
    color: var(--text-02) !important;
    cursor: default !important
}

.DHE_72Ct {
    max-width: 100%;
    width: 100%
}

.QfQtRsf4 {
    color: var(--text-01)
}

.vadu2O79 {
    background-color: var(--ui-01);
    padding: 2rem
}

.B_hpPuN0 {
    background-color: transparent !important
}

.HCIA_Lua {
    color: var(--text-01);
    font-size: 1.5rem;
    margin-bottom: 1rem
}

.oYnLmTNT {
    color: var(--text-02);
    max-width: 37.5rem
}

.jz9QKdEJ .oYnLmTNT {
    max-width: 100%
}

.myFTodM8 {
    padding-top: 1.5rem
}

.am4TiJdh {
    margin-bottom: 2.5rem
}

.am4TiJdh:last-child {
    margin-bottom: 0
}

.T0DXAHR7 .am4TiJdh {
    fill: #8d8d8d
}

.jjZgxUch .am4TiJdh {
    fill: var(--support-01)
}

.qFvkqnUp {
    background-color: #000;
    color: #fff;
    white-space: nowrap
}

.uRACNgGu {
    height: 100%;
    margin: 0 -1.25rem;
    max-width: 100%;
    overflow: auto;
    padding: 0 1.25rem;
    position: relative;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.uRACNgGu a {
    color: #6f6f6f;
    font-size: .875rem;
    margin: 0 1.25rem;
    text-decoration: none;
    white-space: nowrap
}

.uRACNgGu a.R9H5Uuwr {
    color: #e0e0e0 !important
}

.uRACNgGu a:focus,
.uRACNgGu a:hover {
    color: #8b7cff;
    text-decoration: none
}

.uRACNgGu:after {
    content: " ";
    display: inline-block;
    height: 100%;
    white-space: pre;
    width: 1px
}

.PFh3WhFp {
    height: 2.25rem
}

.PFh3WhFp .uRACNgGu {
    float: left
}

.iGRJeAVt {
    height: 3rem
}

.vH91sn2P {
    height: 100%;
    margin: 0 .3125rem
}

.XVbtg5qn {
    max-height: 100%
}

.XVbtg5qn button[aria-haspopup=true] {
    background-color: transparent !important;
    border: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    margin-top: -.125rem
}

.XVbtg5qn button[aria-haspopup=true]:focus {
    outline: 1px solid var(--focus) !important;
    outline-offset: -8px !important
}

.vvx9TM44 {
    color: #fff;
    font-weight: 700;
    text-transform: uppercase
}

.vvx9TM44 svg {
    fill: #6f6f6f !important;
    margin-left: .5rem
}

[dir=rtl] .vvx9TM44 svg {
    margin: 0 .5rem 0 0
}

.MH_jZcVe {
    color: #8d8d8d;
    font-size: .875rem;
    height: 100%;
    text-transform: uppercase
}

.MH_jZcVe [data-role=unit] {
    margin-right: 1.5rem
}

[dir=rtl] .MH_jZcVe [data-role=unit] {
    margin-left: 1.5rem;
    margin-right: 0
}

.s62An0DW {
    text-align: left
}

.L0TXM46Q,
[dir=rtl] .s62An0DW {
    text-align: right
}

[dir=rtl] .L0TXM46Q {
    text-align: left
}

.BnpVrU3z>*+* {
    margin-left: 1rem
}

[dir=rtl] .BnpVrU3z>*+* {
    margin-left: unset;
    margin-right: 1rem
}

.uGAQUfaM {
    font-size: 1em;
    position: relative;
    vertical-align: middle
}

.uGAQUfaM.xCXyxh_w {
    z-index: 10000
}

.uGAQUfaM .bx--tooltip__trigger {
    margin-left: .45em
}

[dir=rtl] .uGAQUfaM .bx--tooltip__trigger {
    margin-left: unset;
    margin-right: .45em
}

.uGAQUfaM.GycdZ4bo .bx--tooltip__label {
    -ms-flex-item-align: start;
    -webkit-align-self: flex-start;
    align-self: flex-start
}

.lrsrb1dm {
    outline: none !important
}

.DFy1M85K {
    margin-top: 1rem
}

[dir=rtl] .DFy1M85K {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

.DFy1M85K:not(#bNhNM2BP)>button {
    background: transparent !important
}

.DFy1M85K:not(#bNhNM2BP)>button>svg {
    fill: var(--inverse-01) !important;
    color: var(--inverse-01) !important
}

.DFy1M85K:not(#bNhNM2BP)>button:hover {
    background: var(--inverse-01) !important
}

.DFy1M85K:not(#bNhNM2BP)>button:hover svg {
    fill: var(--icon-01) !important
}

.aQeaF8Af>div[role=dialog] {
    max-width: 32.5rem
}

.jlXR33f5 {
    display: block;
    outline: none;
    padding-bottom: 0 !important;
    padding-top: 1.5rem
}

.N1QIzBts+.N1QIzBts {
    margin-top: 4rem
}

.E64_EsiN+.E64_EsiN,
.tRoIWe7O {
    margin-top: 1rem
}

.LOqDfLuN .bx--label {
    width: 100%
}

.HURX5_Ou {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.vtFFD1iM {
    margin-bottom: 1rem
}

.vtFFD1iM:last-child {
    margin-bottom: 0
}

.B8i8qD8K {
    background-color: #d9222c;
    color: #fff;
    font-size: .9375rem;
    opacity: .85;
    padding: 12px 16px;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 999999
}

.B8i8qD8K a {
    border-bottom: 1px solid #fff;
    color: #fff !important;
    font-weight: 700
}

.fojHf8J_ {
    font-size: 1.25rem;
    margin: 0
}

.QS06apLE.data-fill {
    fill: #6b50ff;
    background-color: #6b50ff
}

.QS06apLE.data-stroke {
    stroke: #6b50ff
}

.GneHj_dD.data-fill {
    fill: #f4c01a;
    background-color: #f4c01a
}

.GneHj_dD.data-stroke {
    stroke: #f4c01a
}

.UKa_EPoM.data-fill {
    fill: #fe8431;
    background-color: #fe8431
}

.UKa_EPoM.data-stroke {
    stroke: #fe8431
}

.gkcvRpzK.data-fill {
    fill: #56d8e0;
    background-color: #56d8e0
}

.gkcvRpzK.data-stroke {
    stroke: #56d8e0
}

.skQ8XZVs.data-fill {
    fill: #fb82a8;
    background-color: #fb82a8
}

.skQ8XZVs.data-stroke {
    stroke: #fb82a8
}

.B01GkdnS {
    position: relative
}

.IZqfjG7S {
    fill: #a4a4a4
}

.WfmdSibq {
    opacity: 1
}

.xzlIgfVm {
    stroke: none;
    fill: #fff;
    font-family: BraiinsSans, sans-serif, serif;
    font-weight: 700
}

.GEArtjBN {
    background-color: rgba(252, 133, 30, .07);
    cursor: default;
    min-height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.UNIx_q4X {
    fill: var(--support-01);
    font-size: 2em;
    left: 50%;
    margin-left: -.5em;
    opacity: .5;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1
}

.kJhhSuft,
.UNIx_q4X {
    position: absolute;
    top: 50%
}

.kJhhSuft {
    color: #0a2e9b;
    display: block;
    font-size: 1.5rem;
    margin-top: -.75rem;
    text-align: center;
    text-shadow: 0 0 5px #fff;
    width: 100%;
    z-index: 2
}

.feS7yRSE .UNIx_q4X {
    font-size: 3.125rem;
    margin-top: -20px
}

.feS7yRSE .kJhhSuft {
    font-size: 2.25rem;
    margin-top: 20px
}

.HgRirYBK {
    color: var(--support-01)
}

.FD1MLzFF .UNIx_q4X {
    font-size: 2.1875rem;
    margin-top: -15px
}

.FD1MLzFF .kJhhSuft {
    font-size: 1.8rem;
    margin-top: 15px
}

.NdglQIpo {
    background-color: rgba(252, 133, 30, .07);
    cursor: default
}

.S4VAddy8 {
    color: #a2171f
}

._GS2sV6T {
    fill: var(--support-01)
}

.u0X60R9t {
    background-color: rgba(252, 133, 30, .07);
    bottom: 0;
    cursor: default;
    left: 0;
    position: absolute;
    right: 0
}

.u0X60R9t>*+* {
    margin-left: 8px
}

.fMySCCUL .UNIx_q4X {
    left: auto;
    margin-left: 0;
    position: relative;
    top: auto;
    -webkit-transform: none;
    transform: none
}

.fMySCCUL .kJhhSuft {
    margin-top: 0;
    position: relative;
    top: auto;
    width: 100%
}

.SsktPhc2 {
    max-width: none;
    min-width: auto;
    width: auto
}

.SG5cvXG4 .UNIx_q4X {
    font-size: 1.3em
}

.SG5cvXG4 .kJhhSuft {
    font-size: 1.5rem
}

.gFKqTuAg {
    max-width: none;
    position: relative;
    width: auto
}

.gFKqTuAg .bx--inline-notification__text-wrapper {
    margin-top: .7rem !important;
    padding-top: 0 !important
}

.GquePlVt {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 100%;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: relative;
    width: 100%
}

@media screen and (max-width:30rem) {
    .GquePlVt {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.BviXCJYE {
    font-size: .875rem;
    font-weight: 700;
    letter-spacing: .01rem;
    line-height: 1.125rem;
    margin: 0 0 .3em
}

.Z76IUpk9 {
    margin: 0;
    position: relative;
    z-index: 10
}

.Z76IUpk9 a {
    color: inherit !important;
    text-decoration: underline !important
}

.H_QwrleB {
    position: relative;
    z-index: 0
}

.H_QwrleB a {
    border-bottom: 1px solid;
    font-weight: 700;
    margin-right: .5rem;
    margin-top: .5rem;
    text-decoration: none !important
}

.PU8e5ci2 {
    height: 3rem;
    margin-top: auto
}

.PU8e5ci2>* {
    height: 100% !important
}

.PU8e5ci2 button:focus,
.PU8e5ci2 button:hover {
    background: transparent !important;
    border: 1px solid var(--notif-fg)
}

.rY2a2xvl {
    padding: 0 .5rem
}

.H_QwrleB a,
.LtKoYmK9 a,
.PU8e5ci2 button svg {
    fill: var(--notif-fg) !important;
    color: var(--notif-fg) !important
}

.g_4V2I0T {
    cursor: wait;
    outline: none !important
}

.NkhvzR3F {
    margin: 2rem 0 1rem
}

.wvc0BItz {
    margin-bottom: 2rem
}

.i195MrMR {
    max-width: 30rem;
    width: 100%
}

.htf4zy9j {
    counter-reset: li;
    display: inline-block;
    list-style: none;
    margin-left: 2.25rem;
    text-transform: uppercase
}

.htf4zy9j li {
    counter-increment: li
}

.htf4zy9j li:before {
    color: var(--text-02);
    content: counter(li, decimal-leading-zero) ".";
    display: inline-block;
    margin: 0 .7em 0 -2.5em;
    width: 1em
}

.cAFxilXv {
    margin-bottom: 1rem
}

.iKX5T8rK+.iKX5T8rK {
    margin-top: 2rem
}

.oq9DIHHf {
    position: relative;
    width: 100%
}

.oq9DIHHf>* {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.oq9DIHHf>*+* {
    margin-left: .5rem
}

.oq9DIHHf .bx--date-picker,
.oq9DIHHf .bx--date-picker-container,
.oq9DIHHf .bx--form-item,
.oq9DIHHf input {
    width: 100% !important
}

.mLHABpmK {
    color: var(--text-02);
    font-size: .75rem;
    margin-top: .5rem;
    max-width: 100%;
    text-align: center
}

.mLHABpmK>* {
    color: var(--text-01)
}

.gdoHREfa {
    height: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 0
}

.O1HGeFmC {
    color: var(--text-03);
    font-size: .75rem;
    line-height: 1.5rem;
    padding: 2.5rem;
    width: 100%
}

.iEXrcrXl {
    max-width: 21.875rem
}

.i1oE5uwR {
    line-height: .875rem;
    margin-bottom: 1rem
}

.i1oE5uwR svg {
    fill: #fff;
    height: .875rem;
    width: auto
}

.i1oE5uwR svg:focus,
.i1oE5uwR svg:hover {
    fill: var(--text-01)
}

.QwXgJ9Eh {
    color: #fff;
    font-weight: 700;
    white-space: nowrap
}

.o1hKswBm {
    color: #a8a8a8
}

.TYNdyv8Z {
    font-size: .875rem;
    margin-bottom: 1rem;
    min-width: 130px
}

.TYNdyv8Z h1 {
    color: #fff;
    font-size: .875rem;
    font-weight: 600;
    line-height: 1rem;
    margin: 0;
    text-transform: uppercase
}

.TYNdyv8Z ul {
    line-height: 1.5rem;
    list-style-type: none;
    margin: .5rem 0 0;
    padding: 0
}

.TYNdyv8Z a {
    color: #8d8d8d !important
}

.TYNdyv8Z a:focus,
.TYNdyv8Z a:hover {
    color: #c6c6c6 !important
}

.opjYLF4A .TYNdyv8Z {
    margin-bottom: 2rem;
    min-width: 50%
}

.sq3Cq_Ur {
    padding: 2rem 1rem
}

.okG93pTU {
    margin: 0 -.25rem
}

.Z_kYnGZA {
    margin-top: 1rem
}

.Gx5J71Mr {
    display: inline-block;
    margin: 0 .25rem;
    text-decoration: none !important;
    -webkit-transition: color .15s ease-in-out;
    transition: color .15s ease-in-out
}

.Gx5J71Mr svg {
    fill: #8d8d8d !important;
    height: 1rem;
    outline: none !important;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    vertical-align: middle;
    width: 1rem
}

.Gx5J71Mr:focus,
.Gx5J71Mr:hover {
    fill: #e0e0e0 !important;
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.Gx5J71Mr:focus,
.Gx5J71Mr button.bx--tooltip__trigger:focus {
    outline: 1px solid #e0e0e0 !important
}

.Gx5J71Mr button.bx--tooltip__trigger {
    height: 100%;
    width: 100%
}

.oHisyUWj {
    text-align: left
}

.zfZieVqr,
[dir=rtl] .oHisyUWj {
    text-align: right
}

[dir=rtl] .zfZieVqr {
    text-align: left
}

.BVEkT4UK>*+* {
    margin-left: 1rem
}

[dir=rtl] .BVEkT4UK>*+* {
    margin-left: unset;
    margin-right: 1rem
}

.w13mBiel {
    max-width: 100%
}

.Dm4SwQOS {
    background-color: transparent;
    border-bottom: none;
    border-top: 1px solid var(--shell-border-color)
}

.Lo3JCIH0 .Dm4SwQOS {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

.wiJ4GY2R {
    padding: 1rem
}

.Lo3JCIH0 .wiJ4GY2R {
    padding-top: 1.25rem
}

.djHyPaSt svg {
    fill: #8d8d8d;
    height: .75rem;
    width: auto
}

.ZQybLHV3 {
    color: #8d8d8d;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    font-size: .75rem;
    line-height: 1.5;
    margin-left: 1rem
}

[dir=rtl] .ZQybLHV3 {
    margin-left: unset;
    margin-right: 1rem
}

.wLluoCqH {
    background-color: var(--inverse-01)
}

.Jdi845Qy {
    padding: 1rem
}

.Lo3JCIH0 .Jdi845Qy {
    padding-bottom: 1.25rem
}

.d7M00rsK {
    color: var(--text-02)
}

.b4jg5_a4 {
    bottom: 0;
    display: none;
    left: 0;
    line-height: 1.7;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 8000
}

.lJ1NJtTV {
    cursor: auto;
    position: absolute;
    top: 0
}

.Yzn1_3MR {
    height: 3rem;
    margin-top: -1px;
    z-index: 3
}

.yERQDNta,
.Yzn1_3MR {
    position: relative;
    width: 100%
}

.yERQDNta {
    height: 100%;
    z-index: 1
}

.yERQDNta button {
    display: none !important
}

.j4un0CfK {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
}

.j4un0CfK button {
    border-width: 0 !important
}

.SW1Njhsw svg {
    height: 10px !important;
    width: 10px !important
}

.dymuEhww {
    background-color: var(--ui-01);
    position: relative;
    z-index: 2
}

.EuMH2ncA {
    margin-bottom: 1.5rem
}

.EuMH2ncA:empty {
    display: none
}

.owY44paZ,
.R0NeDZnQ {
    color: var(--text-02);
    font-size: .75rem;
    font-weight: 600;
    line-height: 1rem;
    text-transform: uppercase
}

.owY44paZ {
    cursor: help;
    padding: 1rem
}

._mJAHXW7 {
    position: relative;
    text-align: left
}

._mJAHXW7:after {
    bottom: 0;
    content: "";
    position: absolute;
    width: 100%;
    z-index: 999
}

.Nxe9kNfo {
    max-height: 40vh;
    overflow-y: scroll
}

.lJzEterU {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    color: var(--text-02);
    cursor: pointer;
    padding: .75rem 1rem;
    position: relative;
    z-index: 1
}

.lJzEterU:focus,
.lJzEterU:hover {
    background-color: var(--hover-ui);
    z-index: 2
}

.lJzEterU:focus {
    outline: 2px solid var(--focus);
    outline-offset: -2px
}

.lJzEterU+.lJzEterU {
    margin-top: -1px
}

.r1mFNbvN,
.RSYjTOmW {
    opacity: 1;
    padding: 1.5rem
}

.Cr5TibR6,
.ZMOYqRIr {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    margin-left: 1rem
}

.RzCDQdnE {
    margin: 4px 1rem 0 0
}

.RzCDQdnE.NCpviRgE,
.RzCDQdnE.oArToAJO {
    opacity: 1
}

.wn9NQxrM {
    color: var(--text-01);
    margin-bottom: .5rem
}

.i_x78bWM {
    color: var(--text-02);
    text-align: left
}

.Ip8DpZbP {
    margin: 2.5rem 1rem 1rem
}

.Ip8DpZbP>button:not([disabled]) {
    border: 1px solid var(--ui-03);
    margin-top: .5rem
}

.cjkOCEcv .bx--modal-container {
    max-width: 520px
}

.gXZwiJmZ,
.TaGYX_rI {
    padding-left: .5rem;
    padding-top: .5rem
}

.gXZwiJmZ p,
.TaGYX_rI p {
    color: var(--text-01);
    font-size: .875rem
}

.nxJ4kIA3 {
    margin: 1.5rem 0
}

.kzFnOIg1 {
    color: var(--text-01);
    font-weight: 700;
    line-height: 1.75rem
}

.Acji8Hv0 {
    color: var(--icon-03);
    padding-right: 1.5rem;
    padding-top: .25rem
}

.iV66wOM4 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1.5rem
}

.N3wURGgL {
    margin-top: 2.5rem
}

.KydR5i3u {
    margin-top: 1.5rem
}

.WqS2U2_0 {
    border: 2px solid #8d8d8d;
    border-radius: 5px;
    cursor: pointer;
    height: 130px;
    padding: 1px;
    width: 190px
}

.WqS2U2_0 img {
    height: 100%;
    width: 100%
}

.WqS2U2_0.CVrhliVP {
    border: 3px solid #6b50ff;
    outline: none !important
}

.wU1J0LK5 {
    color: var(--text-01);
    font-weight: 700;
    margin-top: 1rem;
    text-align: center
}

.B6ZJMcBx {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.B6ZJMcBx.UtBXPcxP {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.QNzkUOps {
    text-align: left
}

.ufZQn33d,
[dir=rtl] .QNzkUOps {
    text-align: right
}

[dir=rtl] .ufZQn33d {
    text-align: left
}

.yuVVt_ly>*+* {
    margin-left: 1rem
}

[dir=rtl] .yuVVt_ly>*+* {
    margin-left: unset;
    margin-right: 1rem
}

.fANW74HJ {
    fill: #34c06a !important;
    border-color: #34c06a !important;
    color: #34c06a !important
}

.GmGld5Yb {
    fill: #fe8431 !important;
    border-color: #fe8431 !important;
    color: #fe8431 !important
}

.BbSaM8gt {
    fill: #d9222c !important;
    border-color: #d9222c !important;
    color: #d9222c !important
}

.kQsqCVKx {
    fill: #4b8aff !important;
    border-color: #4b8aff !important;
    color: #4b8aff !important
}

.jnsmQeT1,
.QHNNqngX {
    margin-left: .5rem
}

[dir=rtl] .jnsmQeT1,
[dir=rtl] .QHNNqngX {
    margin-left: unset;
    margin-right: .5rem
}

.YssQBArq {
    display: inline-block;
    margin-left: .6em
}

[dir=rtl] .YssQBArq {
    margin-left: unset;
    margin-right: .6em
}

.gT0Cx0NA {
    text-align: left
}

.obhGGIaL,
[dir=rtl] .gT0Cx0NA {
    text-align: right
}

[dir=rtl] .obhGGIaL {
    text-align: left
}

._75ruk0rh>*+* {
    margin-left: 1rem
}

[dir=rtl] ._75ruk0rh>*+* {
    margin-left: unset;
    margin-right: 1rem
}

.Nx7kiY08 {
    margin-right: -1rem
}

[dir=rtl] .Nx7kiY08 {
    margin-left: -1rem;
    margin-right: unset
}

.lCrCMKyb {
    padding-left: 0;
    padding-right: 1rem
}

[dir=rtl] .lCrCMKyb {
    padding-left: 1rem;
    padding-right: 0
}

.sGVrphZz {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.sGVrphZz .lCrCMKyb {
    width: 50% !important
}

.sGVrphZz .lCrCMKyb:nth-child(2n) {
    padding-right: 0
}

[dir=rtl] .sGVrphZz .lCrCMKyb:nth-child(2n) {
    padding-left: 0;
    padding-right: unset
}

.A3ONTpKf,
.M6zMG4CA,
.Tl31gjJs,
.yTOpqPcv {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.hB_OKXhK {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.Tl31gjJs {
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.Tl31gjJs,
.yTOpqPcv {
    -webkit-box-orient: horizontal
}

.yTOpqPcv {
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.A3ONTpKf {
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.A3ONTpKf,
.M6zMG4CA {
    -webkit-box-orient: vertical
}

.M6zMG4CA {
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.ADQP11RZ {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.sYvcBEA4 {
    -webkit-flex-wrap: wrap-reverse;
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse
}

.U_ckyYwi {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.GxUwV3vQ {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start
}

.KOYJ53Ig,
.yttN9Ly7 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cOldtfKY {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end
}

._0cBLOWAP {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

.I_OT4IR2,
.yttN9Ly7 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.XWJiURI2 {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

.LEsHegow {
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    justify-content: space-around
}

.IZBfxUDD {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.DQR3nXw3 {
    -ms-flex-item-align: start;
    -webkit-align-self: flex-start;
    align-self: flex-start
}

.a8WXG2uJ {
    -ms-flex-item-align: center;
    -webkit-align-self: center;
    align-self: center
}

.JJmNowqE {
    -ms-flex-item-align: end;
    -webkit-align-self: flex-end;
    align-self: flex-end
}

.i4V2qV2l {
    -ms-flex-item-align: stretch;
    -webkit-align-self: stretch;
    align-self: stretch
}

.jgsd1MZD {
    position: absolute
}

.GjHvEPHT,
.jgsd1MZD {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0
}

.GjHvEPHT {
    position: fixed
}

.t3MJAilC {
    overflow-x: hidden;
    overflow-y: scroll
}

.mdYtbmyW,
.t3MJAilC {
    -webkit-overflow-scrolling: touch
}

.mdYtbmyW {
    overflow-x: scroll;
    overflow-y: hidden
}

.WDPG5lo5 {
    overflow: scroll
}

.H41W15rQ,
.sJXCOxrf,
.tfUF1OM8,
.vWlxBRvP {
    position: fixed
}

.tfUF1OM8 {
    left: 0;
    right: 0;
    top: 0
}

.H41W15rQ {
    bottom: 0;
    right: 0;
    top: 0
}

.sJXCOxrf {
    bottom: 0;
    left: 0;
    right: 0
}

.vWlxBRvP {
    bottom: 0;
    left: 0;
    top: 0
}

.DFp6E9pP:after {
    clear: both;
    content: "";
    display: block
}

.J7ORwg_j {
    text-align: left
}

.KH5k04eu,
[dir=rtl] .J7ORwg_j {
    text-align: right
}

[dir=rtl] .KH5k04eu {
    text-align: left
}

.pokh0cxe>*+* {
    margin-left: 1rem
}

[dir=rtl] .pokh0cxe>*+* {
    margin-left: unset;
    margin-right: 1rem
}

.jP0eF2hs {
    fill: var(--support-03) !important;
    color: var(--support-03) !important
}

.zil2r5_5 {
    fill: var(--support-02) !important;
    color: var(--support-02) !important
}

.bM_5sm3K {
    fill: var(--support-01) !important;
    color: var(--support-01) !important
}

.V7IcXEqg {
    margin-right: .6em
}

[dir=rtl] .V7IcXEqg {
    margin-left: .6em;
    margin-right: unset
}

.MH9ml30X {
    border-bottom: 1px solid var(--ui-03);
    border-left: 0 solid var(--ui-03);
    border-right: 0 solid var(--ui-03);
    border-top: 1px solid var(--ui-03);
    padding: .25rem 0;
    position: relative
}

.MH9ml30X+.MH9ml30X {
    margin-top: -1px
}

.CwMe2lrD {
    color: var(--text-01);
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.625rem;
    margin: .25rem 0
}

.EyNgnUnT>svg {
    fill: var(--highlight)
}

.aj1A7Xgd {
    margin: 0 0 1rem
}

.aj1A7Xgd+.aj1A7Xgd {
    margin-top: -1rem
}

.sCmk1ebM {
    border-width: 0
}

.sCmk1ebM>*+* {
    margin-top: 1rem
}

.Flb3U4W0 {
    padding: 2rem 3.5rem
}

.qmVC4Nez.QeByJDc2 .pbiQsjwM * {
    fill: #f95355
}

.TvaDFzoc {
    padding-top: 1rem
}

.uOtPSNmH {
    color: var(--text-01);
    line-height: 1rem;
    margin: 1.5rem auto;
    min-height: 2rem;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.un0YhUed {
    height: 100%;
    width: 100%
}

.oMgOa0BM {
    min-height: 100%;
    position: relative;
    width: 100%
}

.oMgOa0BM>div {
    height: 100%;
    position: absolute;
    width: 100%
}

.JMGBtdjc {
    position: relative
}

.JMGBtdjc g.viewport>rect.stroke {
    stroke-width: 1px;
    stroke: var(--ui-03)
}

.JMGBtdjc g.databar path {
    shape-rendering: geometricprecision;
    stroke-width: 1px;
    fill: none
}

.JMGBtdjc g.databar circle {
    stroke-width: 0
}

.JMGBtdjc g.databar.focused path {
    stroke-width: 3px
}

.JMGBtdjc g.databar.unfocused {
    stroke-width: 1px;
    stroke-dasharray: 5px;
    opacity: .2
}

.JMGBtdjc .bar-legend {
    cursor: pointer;
    font-size: 12px
}

.JMGBtdjc .bar-legend.focused {
    opacity: 1
}

.JMGBtdjc .bar-legend.unfocused {
    opacity: .5
}

.JMGBtdjc .bar-legend.disabled {
    opacity: .3
}

.SxBksems {
    fill: rgb(var(--text-01) .2);
    -webkit-transition: fill .15s ease-in-out;
    transition: fill .15s ease-in-out
}

.SxBksems.DQT8Wic1 {
    fill: rgb(var(--text-01) .3)
}

.GwRjHJ12 {
    background-color: var(--text-01);
    color: var(--ui-01);
    font-size: .8125rem;
    pointer-events: none;
    position: absolute;
    white-space: nowrap !important
}

.DCPyd866 {
    font-weight: 700;
    line-height: 1.5rem;
    padding: .3125rem .5rem;
    text-align: left;
    width: 100%
}

.ndZ0PFCD {
    margin: .1875rem .5rem .1875rem 0;
    width: 100%
}

.ndZ0PFCD:first-of-type {
    margin-top: 0
}

.CUcIcclx {
    background-color: #666;
    height: 1.625rem;
    width: .5rem
}

.HtGa3Yya {
    margin: 0 .5rem
}

.HtGa3Yya>*+* {
    margin-left: 1rem
}

.jSpvH0rQ {
    fill: var(--text-01);
    border: none;
    color: var(--text-01);
    cursor: not-allowed;
    line-height: 1.7;
    padding: 3.5rem 1.5rem;
    text-align: center
}

.MBEKpf4m {
    background-color: var(--ui-02)
}

._5cGyTaaF {
    margin-bottom: .5rem;
    opacity: .5
}

*+._5cGyTaaF {
    margin-top: 2rem
}

.ecBT8SLi {
    text-align: left
}

.Pi5Hco4M,
[dir=rtl] .ecBT8SLi {
    text-align: right
}

[dir=rtl] .Pi5Hco4M {
    text-align: left
}

.shceqiMf>*+* {
    margin-left: 1rem
}

[dir=rtl] .shceqiMf>*+* {
    margin-left: unset;
    margin-right: 1rem
}

.NcD8OjW1 {
    color: var(--text-02);
    font-size: .9375rem;
    line-height: 1.1875rem
}

*+.R48QSYAi {
    margin-top: 2rem !important
}

.hW5Z_Kkl {
    background-color: transparent !important;
    color: var(--text-02) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-decoration: underline !important
}

.hW5Z_Kkl:focus,
.hW5Z_Kkl:hover {
    color: var(--text-01) !important
}

.OvuzYcY4 {
    position: relative
}

.Lk3ayZ6v {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 1.3
}

.DCmRKjQ5 {
    margin-left: 1rem
}

.LXE3Ssmy {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-direction: column !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

.LXE3Ssmy .DCmRKjQ5 {
    display: block;
    margin: .85rem auto 0
}

.qGZpFrxY {
    text-align: left
}

.XbJP7RVy,
[dir=rtl] .qGZpFrxY {
    text-align: right
}

[dir=rtl] .XbJP7RVy {
    text-align: left
}

.ipih7t6T>*+* {
    margin-left: 1rem
}

[dir=rtl] .ipih7t6T>*+* {
    margin-left: unset;
    margin-right: 1rem
}

.y3whyXFo {
    margin-top: 1.5rem;
    max-width: 28.125rem;
    position: relative;
    -webkit-transition: background-color .15s ease-in-out;
    transition: background-color .15s ease-in-out;
    will-change: background-color
}

.y3whyXFo:first-child {
    margin-top: 0 !important
}

.M7JPLdqC {
    color: var(--text-01);
    font-size: .9375rem;
    line-height: 1.5rem
}

.hG0lu0vU {
    color: var(--text-02);
    margin: .25rem 0
}

.K5AEuIci,
.K5AEuIci * {
    cursor: not-allowed !important
}

.ajGWllIl {
    color: var(--support-01)
}

.srlz7bDR {
    cursor: pointer
}

.srlz7bDR:focus,
.srlz7bDR:hover {
    background-color: rgb(var(--hover-ui) .5)
}

.CRnf02W7 {
    background-color: transparent !important;
    border-bottom: none;
    height: 24px;
    text-align: center
}

.wxwEQqFw {
    margin-top: .5rem;
    width: 100%
}

.tJr4nRAL,
.wxwEQqFw.oTsYbU_h {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start
}

.tJr4nRAL {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

.tJr4nRAL .wxwEQqFw {
    margin-right: 1rem;
    margin-top: 0;
    width: auto
}

[dir=rtl] .tJr4nRAL .wxwEQqFw {
    margin-left: 1rem;
    margin-right: unset
}

.tJr4nRAL .qo4vVvPM {
    -ms-flex-item-align: center;
    -webkit-align-self: center;
    align-self: center
}

._kwHXrSe {
    text-align: left
}

.p1Wu4iQG,
[dir=rtl] ._kwHXrSe {
    text-align: right
}

[dir=rtl] .p1Wu4iQG {
    text-align: left
}

.ivO_Xhx9>*+* {
    margin-left: 1rem
}

[dir=rtl] .ivO_Xhx9>*+* {
    margin-left: unset;
    margin-right: 1rem
}

.T6P78Wfy {
    background-color: var(--ui-01);
    outline: none !important
}

.T6P78Wfy+.T6P78Wfy {
    border-top: 1px solid var(--ui-03);
    margin-top: 2.5rem;
    padding-top: 2.5rem
}

.T6P78Wfy:last-child {
    margin-bottom: 0
}

.f7TJq16x:not(:empty) {
    margin-bottom: -1rem;
    margin-top: 1rem;
    max-width: 28.125rem
}

.M9PgukKE {
    margin: 2rem 0 0
}

.M9PgukKE>*+* {
    margin-left: .5rem
}

.GtpTx4iJ {
    border: none !important
}

.GtpTx4iJ .D4FU7j0N {
    padding: 0 !important
}

.qrdX1DwM {
    color: var(--text-01)
}

*+.qrdX1DwM {
    margin-top: 2.5rem
}

.qrdX1DwM:first-child {
    margin-top: 0
}

.textLeft {
    text-align: left
}

.textRight,
[dir=rtl] .textLeft {
    text-align: right
}

[dir=rtl] .textRight {
    text-align: left
}

.spacedChildren>*+* {
    margin-left: 1rem
}

[dir=rtl] .spacedChildren>*+* {
    margin-left: unset;
    margin-right: 1rem
}

.noSelection {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.animatedAll {
    -webkit-transition: all .15s cubic-bezier(.4, 0, .2, 1);
    transition: all .15s cubic-bezier(.4, 0, .2, 1)
}

.animatedColor {
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-property: color, background, border;
    transition-property: color, background, border;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.animatedOpacity {
    -webkit-transition: opacity .15s cubic-bezier(.4, 0, .2, 1);
    transition: opacity .15s cubic-bezier(.4, 0, .2, 1)
}

.slow {
    -webkit-transition-duration: .6s;
    transition-duration: .6s
}

.medium {
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.fast {
    -webkit-transition-duration: .15s;
    transition-duration: .15s
}

.scrollbar {
    scrollbar-color: var(--progressbar-fg) var(--progressbar-bg);
    scrollbar-width: 10px
}

.scrollbar::-webkit-scrollbar {
    height: .5rem;
    width: .5rem
}

.scrollbar::-webkit-scrollbar-button {
    display: none
}

.scrollbar::-webkit-scrollbar-corner,
.scrollbar::-webkit-scrollbar-track {
    background: var(--progressbar-bg)
}

.scrollbar::-webkit-scrollbar-corner:hover,
.scrollbar::-webkit-scrollbar-track:hover {
    background: var(--progressbar-bg-hover)
}

.scrollbar::-webkit-scrollbar-thumb {
    background-color: var(--progressbar-fg)
}

.scrollbar::-webkit-scrollbar-thumb:hover {
    background-color: var(--progressbar-fg-hover)
}

.inputButton {
    composes: horizontal justified center from "styles/layout.scss";
    composes: body-short-01 from "styles/carbon/typography.scss";
    composes: textLeft from "styles/rtl.scss";
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--field-01);
    border: solid var(--ui-04);
    border-width: 0 0 1px;
    color: var(--text-01);
    cursor: pointer;
    max-width: 100%;
    padding: 0 1rem;
    position: relative
}

.inputButton>* {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.inputButton:focus,
.inputButton:hover {
    background-color: var(--hover-secondary)
}

.inputButton>*+* {
    margin-left: .5rem
}

[dir=rtl] .inputButton>*+* {
    margin-left: unset;
    margin-right: .5rem
}

@font-face {
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: subpixel-antialiased;
    font-display: fallback;
    font-family: BraiinsSans;
    font-style: normal;
    font-weight: 600;
    src: url(../../../fonts/braiins/BraiinsSans-SemiBold.woff2?v=8b78a1c32ff9a8d55fad04dca85b52e4) format("woff2"), url(../../../fonts/braiins/BraiinsSans-SemiBold.woff?v=e1a7029a0f3bfde2dc4c249510853b6d) format("woff"), url(../../../fonts/braiins/BraiinsSans-SemiBold.otf?v=79ec29458aa5b6cd95d027279a520b38) format("opentype")
}

@font-face {
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: subpixel-antialiased;
    font-display: fallback;
    font-family: BraiinsSans;
    font-style: italic;
    font-weight: 600;
    src: url(../../../fonts/braiins/BraiinsSans-SemiBold-Italic.woff2?v=5d8308b355024dd3c444f62428480b4b) format("woff2"), url(../../../fonts/braiins/BraiinsSans-SemiBold-Italic.woff?v=cb48b039534a7055f42aeb1bb51c5e22) format("woff"), url(../../../fonts/braiins/BraiinsSans-SemiBold-Italic.otf?v=cbb892328957337caa8e134e8a64873a) format("opentype")
}

@font-face {
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: subpixel-antialiased;
    font-display: fallback;
    font-family: BraiinsSans;
    font-style: normal;
    font-weight: 700;
    src: url(../../../fonts/braiins/BraiinsSans-Bold.woff2?v=0a27ead09ec4cf27e452ebff4e06a57e) format("woff2"), url(../../../fonts/braiins/BraiinsSans-Bold.woff?v=f768bd1a2e98fbc76aab7e9d5d1d14a4) format("woff"), url(../../../fonts/braiins/BraiinsSans-Bold.otf?v=0ef6f8a13ace858ab0d3e33c9e7cb968) format("opentype")
}

@font-face {
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: subpixel-antialiased;
    font-display: fallback;
    font-family: BraiinsSans;
    font-style: italic;
    font-weight: 700;
    src: url(../../../fonts/braiins/BraiinsSans-Bold-Italic.woff2?v=05008b4f5d5f637301a4602af2f76e11) format("woff2"), url(../../../fonts/braiins/BraiinsSans-Bold-Italic.woff?v=c46e90f82d2f22f5cc43f770c4d4abcf) format("woff"), url(../../../fonts/braiins/BraiinsSans-Bold-Italic.otf?v=ae6c9b8964c1ec52b0df121f59d68df9) format("opentype")
}

@font-face {
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: subpixel-antialiased;
    font-display: fallback;
    font-family: BraiinsSans;
    font-style: normal;
    font-weight: 400;
    src: url(../../../fonts/braiins/BraiinsSans-Regular.woff2?v=43813c3c279fd40dce742a21502a8c2e) format("woff2"), url(../../../fonts/braiins/BraiinsSans-Regular.woff?v=c8c41f9ae504339446fa73d344347cff) format("woff"), url(../../../fonts/braiins/BraiinsSans-Regular.otf?v=b423d890dcee43b970e51fac8d50acfa) format("opentype")
}

@font-face {
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: subpixel-antialiased;
    font-display: fallback;
    font-family: BraiinsSans;
    font-style: italic;
    font-weight: 400;
    src: url(../../../fonts/braiins/BraiinsSans-Regular-Italic.woff2?v=5d0583f01f3240b9530aab3fadc20806) format("woff2"), url(../../../fonts/braiins/BraiinsSans-Regular-Italic.woff?v=b2ed354ae855a1405c686ef6e38247b1) format("woff"), url(../../../fonts/braiins/BraiinsSans-Regular-Italic.otf?v=446ac23c778d2a1fb38e40905ce6ca9a) format("opentype")
}

@font-face {
    font-display: swap;
    font-family: BraiinsDisplay_Grade_1;
    font-style: normal;
    font-weight: 400;
    src: url(../../../fonts/braiins-display/BraiinsDisplay-Grade1.woff2?v=db7aac5b91c1abadf8506188a7c80dd3) format("woff2"), url(../../../fonts/braiins-display/BraiinsDisplay-Grade1.woff?v=7345f30f58e560dc8e4888666c65c42a) format("woff"), url(../../../fonts/braiins-display/BraiinsDisplay-Grade1.ttf?v=a5bfc7b7196d90ed42744d80a9935a67) format("truetype"), url(../../../fonts/braiins-display/BraiinsDisplay-Grade1.svg#BraiinsDisplay-Grade1?v=067071d96b2ab60583b83429ac126a42) format("svg")
}

.braiinsDisplay {
    font-family: BraiinsDisplay_Grade_1, BraiinsSans, sans-serif
}

.br-theme-light,
:root {
    --interactive-01: #6b50ff;
    --interactive-02: #8d8d8d;
    --interactive-03: #6b50ff;
    --interactive-04: #6b50ff;
    --ui-background: #f4f4f4;
    --ui-01: #fff;
    --ui-02: #f4f4f4;
    --ui-03: #e0e0e0;
    --ui-04: #8d8d8d;
    --ui-05: #161616;
    --text-01: #393939;
    --text-02: #6f6f6f;
    --text-03: #a8a8a8;
    --text-04: #fff;
    --text-05: #6f6f6f;
    --text-error: #da1e28;
    --icon-01: #161616;
    --icon-02: #525252;
    --icon-03: #fff;
    --link-01: #6b50ff;
    --inverse-link: #8b7cff;
    --field-01: #f4f4f4;
    --field-02: #f4f4f4;
    --inverse-01: #fff;
    --inverse-02: #393939;
    --support-01: #d9222c;
    --support-02: #34c06a;
    --support-03: #fe8431;
    --support-04: #6b50ff;
    --inverse-support-01: #d9222c;
    --inverse-support-02: #34c06a;
    --inverse-support-03: #fe8431;
    --inverse-support-04: #6b50ff;
    --overlay-01: rgb(0 0 0/75%);
    --danger-01: #da1e28;
    --danger-02: #da1e28;
    --focus: #6b50ff;
    --inverse-focus-ui: #fff;
    --hover-primary: #8a80ff;
    --active-primary: #796ee0;
    --hover-primary-text: #796ee0;
    --hover-secondary: #4c4c4c;
    --active-secondary: #6f6f6f;
    --hover-tertiary: #8a80ff;
    --active-tertiary: #796ee0;
    --hover-ui: #f4f4f4;
    --hover-light-ui: #e5e5e5;
    --active-ui: #c6c6c6;
    --active-light-ui: #c6c6c6;
    --selected-ui: #e0e0e0;
    --selected-light-ui: #e0e0e0;
    --inverse-hover-ui: #4c4c4c;
    --hover-selected-ui: #cacaca;
    --hover-danger: #b81921;
    --active-danger: #750e13;
    --hover-row: #e5e5e5;
    --visited-link: #6b50ff;
    --disabled-01: #f4f4f4;
    --disabled-02: #8d8d8d;
    --disabled-03: #c6c6c6;
    --highlight: #edf5ff;
    --decorative-01: #e0e0e0;
    --button-separator: #e0e0e0;
    --skeleton-01: #e5e5e5;
    --skeleton-02: #c6c6c6;
    --brand-01: #0f62fe;
    --brand-02: #393939;
    --brand-03: #0f62fe;
    --active-01: #c6c6c6;
    --hover-field: #e5e5e5;
    --danger: #da1e28;
    --notif-bg: #393939;
    --notif-fg: #e0e0e0;
    --progressbar-bg: #fff;
    --progressbar-fg: #a8a8a8;
    --progressbar-bg-hover: #e0e0e0;
    --progressbar-fg-hover: #8d8d8d;
    --table-header-bg-color: #e0e0e0;
    --table-header-text-color: #161616;
    --shell-border-color: #e0e0e0;
    --inverse-select-ui: #1f1f1f;
    --inverse-text-01: #c6c6c6;
    --date-pager-bg: #c6c6c6;
    --header-dropdown-disabled: #a8a8a8
}

.br-theme-dark {
    --interactive-01: #6b50ff;
    --interactive-02: #525252;
    --interactive-03: #c6c6c6;
    --interactive-04: #6b50ff;
    --ui-background: #262626;
    --ui-01: #161616;
    --ui-02: #262626;
    --ui-03: #393939;
    --ui-04: #525252;
    --ui-05: #8d8d8d;
    --text-01: #fff;
    --text-02: #a8a8a8;
    --text-03: #6f6f6f;
    --text-04: #fff;
    --text-05: #8d8d8d;
    --text-error: #ff8389;
    --icon-01: #fff;
    --icon-02: #8d8d8d;
    --icon-03: #fff;
    --link-01: #8b7cff;
    --inverse-link: #5432cd;
    --field-01: #393939;
    --field-02: #393939;
    --inverse-01: #000;
    --inverse-02: #f4f4f4;
    --support-01: #d9222c;
    --support-02: #34c06a;
    --support-03: #fe8431;
    --support-04: #6b50ff;
    --inverse-support-01: #d9222c;
    --inverse-support-02: #34c06a;
    --inverse-support-03: #fe8431;
    --inverse-support-04: #6b50ff;
    --overlay-01: rgb(0 0 0/75%);
    --danger-01: #da1e28;
    --danger-02: #da1e28;
    --focus: #fff;
    --inverse-focus-ui: #0f62fe;
    --hover-primary: #8a80ff;
    --active-primary: #796ee0;
    --hover-primary-text: #796ee0;
    --hover-secondary: #4c4c4c;
    --active-secondary: #6f6f6f;
    --hover-tertiary: #f4f4f4;
    --active-tertiary: #c6c6c6;
    --hover-ui: #393939;
    --hover-light-ui: #4c4c4c;
    --active-ui: #6f6f6f;
    --active-light-ui: #6f6f6f;
    --selected-ui: #525252;
    --selected-light-ui: #525252;
    --inverse-hover-ui: #e5e5e5;
    --hover-selected-ui: #525252;
    --hover-danger: #a30f00;
    --active-danger: #d6251d;
    --hover-row: #393939;
    --visited-link: #8b7cff;
    --disabled-01: #393939;
    --disabled-02: #6f6f6f;
    --disabled-03: #c6c6c6;
    --highlight: #6b50ff;
    --decorative-01: #525252;
    --button-separator: #161616;
    --skeleton-01: #393939;
    --skeleton-02: #525252;
    --brand-01: #0f62fe;
    --brand-02: #6f6f6f;
    --brand-03: #fff;
    --active-01: #525252;
    --hover-field: #353535;
    --danger: #d9222c;
    --notif-bg: #e0e0e0;
    --notif-fg: #393939;
    --progressbar-bg: #161616;
    --progressbar-fg: #6f6f6f;
    --progressbar-bg-hover: #393939;
    --progressbar-fg-hover: #8d8d8d;
    --table-header-bg-color: #000;
    --table-header-text-color: #fff;
    --shell-border-color: #525252;
    --inverse-select-ui: #a8a8a8;
    --inverse-text-01: #000;
    --date-pager-bg: #393939;
    --header-dropdown-disabled: #6f6f6f
}

@media(prefers-color-scheme:dark) {
    .br-theme-auto {
        --interactive-01: #6b50ff;
        --interactive-02: #525252;
        --interactive-03: #c6c6c6;
        --interactive-04: #6b50ff;
        --ui-background: #262626;
        --ui-01: #161616;
        --ui-02: #262626;
        --ui-03: #393939;
        --ui-04: #525252;
        --ui-05: #8d8d8d;
        --text-01: #fff;
        --text-02: #a8a8a8;
        --text-03: #6f6f6f;
        --text-04: #fff;
        --text-05: #8d8d8d;
        --text-error: #ff8389;
        --icon-01: #fff;
        --icon-02: #8d8d8d;
        --icon-03: #fff;
        --link-01: #8b7cff;
        --inverse-link: #5432cd;
        --field-01: #393939;
        --field-02: #393939;
        --inverse-01: #000;
        --inverse-02: #f4f4f4;
        --support-01: #d9222c;
        --support-02: #34c06a;
        --support-03: #fe8431;
        --support-04: #6b50ff;
        --inverse-support-01: #d9222c;
        --inverse-support-02: #34c06a;
        --inverse-support-03: #fe8431;
        --inverse-support-04: #6b50ff;
        --overlay-01: rgb(0 0 0/75%);
        --danger-01: #da1e28;
        --danger-02: #da1e28;
        --focus: #fff;
        --inverse-focus-ui: #0f62fe;
        --hover-primary: #8a80ff;
        --active-primary: #796ee0;
        --hover-primary-text: #796ee0;
        --hover-secondary: #4c4c4c;
        --active-secondary: #6f6f6f;
        --hover-tertiary: #f4f4f4;
        --active-tertiary: #c6c6c6;
        --hover-ui: #393939;
        --hover-light-ui: #4c4c4c;
        --active-ui: #6f6f6f;
        --active-light-ui: #6f6f6f;
        --selected-ui: #525252;
        --selected-light-ui: #525252;
        --inverse-hover-ui: #e5e5e5;
        --hover-selected-ui: #525252;
        --hover-danger: #a30f00;
        --active-danger: #d6251d;
        --hover-row: #393939;
        --visited-link: #8b7cff;
        --disabled-01: #393939;
        --disabled-02: #6f6f6f;
        --disabled-03: #c6c6c6;
        --highlight: #6b50ff;
        --decorative-01: #525252;
        --button-separator: #161616;
        --skeleton-01: #393939;
        --skeleton-02: #525252;
        --brand-01: #0f62fe;
        --brand-02: #6f6f6f;
        --brand-03: #fff;
        --active-01: #525252;
        --hover-field: #353535;
        --danger: #d9222c;
        --notif-bg: #e0e0e0;
        --notif-fg: #393939;
        --progressbar-bg: #161616;
        --progressbar-fg: #6f6f6f;
        --progressbar-bg-hover: #393939;
        --progressbar-fg-hover: #8d8d8d;
        --table-header-bg-color: #000;
        --table-header-text-color: #fff;
        --shell-border-color: #525252;
        --inverse-select-ui: #a8a8a8;
        --inverse-text-01: #000;
        --date-pager-bg: #393939;
        --header-dropdown-disabled: #6f6f6f
    }
}

@media(prefers-color-scheme:light) {
    .br-theme-auto {
        --interactive-01: #6b50ff;
        --interactive-02: #8d8d8d;
        --interactive-03: #6b50ff;
        --interactive-04: #6b50ff;
        --ui-background: #f4f4f4;
        --ui-01: #fff;
        --ui-02: #f4f4f4;
        --ui-03: #e0e0e0;
        --ui-04: #8d8d8d;
        --ui-05: #161616;
        --text-01: #393939;
        --text-02: #6f6f6f;
        --text-03: #a8a8a8;
        --text-04: #fff;
        --text-05: #6f6f6f;
        --text-error: #da1e28;
        --icon-01: #161616;
        --icon-02: #525252;
        --icon-03: #fff;
        --link-01: #6b50ff;
        --inverse-link: #8b7cff;
        --field-01: #f4f4f4;
        --field-02: #f4f4f4;
        --inverse-01: #fff;
        --inverse-02: #393939;
        --support-01: #d9222c;
        --support-02: #34c06a;
        --support-03: #fe8431;
        --support-04: #6b50ff;
        --inverse-support-01: #d9222c;
        --inverse-support-02: #34c06a;
        --inverse-support-03: #fe8431;
        --inverse-support-04: #6b50ff;
        --overlay-01: rgb(0 0 0/75%);
        --danger-01: #da1e28;
        --danger-02: #da1e28;
        --focus: #6b50ff;
        --inverse-focus-ui: #fff;
        --hover-primary: #8a80ff;
        --active-primary: #796ee0;
        --hover-primary-text: #796ee0;
        --hover-secondary: #4c4c4c;
        --active-secondary: #6f6f6f;
        --hover-tertiary: #8a80ff;
        --active-tertiary: #796ee0;
        --hover-ui: #f4f4f4;
        --hover-light-ui: #e5e5e5;
        --active-ui: #c6c6c6;
        --active-light-ui: #c6c6c6;
        --selected-ui: #e0e0e0;
        --selected-light-ui: #e0e0e0;
        --inverse-hover-ui: #4c4c4c;
        --hover-selected-ui: #cacaca;
        --hover-danger: #b81921;
        --active-danger: #750e13;
        --hover-row: #e5e5e5;
        --visited-link: #6b50ff;
        --disabled-01: #f4f4f4;
        --disabled-02: #8d8d8d;
        --disabled-03: #c6c6c6;
        --highlight: #edf5ff;
        --decorative-01: #e0e0e0;
        --button-separator: #e0e0e0;
        --skeleton-01: #e5e5e5;
        --skeleton-02: #c6c6c6;
        --brand-01: #0f62fe;
        --brand-02: #393939;
        --brand-03: #0f62fe;
        --active-01: #c6c6c6;
        --hover-field: #e5e5e5;
        --danger: #da1e28;
        --notif-bg: #393939;
        --notif-fg: #e0e0e0;
        --progressbar-bg: #fff;
        --progressbar-fg: #a8a8a8;
        --progressbar-bg-hover: #e0e0e0;
        --progressbar-fg-hover: #8d8d8d;
        --table-header-bg-color: #e0e0e0;
        --table-header-text-color: #161616;
        --shell-border-color: #e0e0e0;
        --inverse-select-ui: #1f1f1f;
        --inverse-text-01: #c6c6c6;
        --date-pager-bg: #c6c6c6;
        --header-dropdown-disabled: #a8a8a8
    }
}

@media(prefers-color-scheme:dark) {
    .br-theme-inverse {
        --interactive-01: #6b50ff;
        --interactive-02: #8d8d8d;
        --interactive-03: #6b50ff;
        --interactive-04: #6b50ff;
        --ui-background: #f4f4f4;
        --ui-01: #fff;
        --ui-02: #f4f4f4;
        --ui-03: #e0e0e0;
        --ui-04: #8d8d8d;
        --ui-05: #161616;
        --text-01: #393939;
        --text-02: #6f6f6f;
        --text-03: #a8a8a8;
        --text-04: #fff;
        --text-05: #6f6f6f;
        --text-error: #da1e28;
        --icon-01: #161616;
        --icon-02: #525252;
        --icon-03: #fff;
        --link-01: #6b50ff;
        --inverse-link: #8b7cff;
        --field-01: #f4f4f4;
        --field-02: #f4f4f4;
        --inverse-01: #fff;
        --inverse-02: #393939;
        --support-01: #d9222c;
        --support-02: #34c06a;
        --support-03: #fe8431;
        --support-04: #6b50ff;
        --inverse-support-01: #d9222c;
        --inverse-support-02: #34c06a;
        --inverse-support-03: #fe8431;
        --inverse-support-04: #6b50ff;
        --overlay-01: rgb(0 0 0/75%);
        --danger-01: #da1e28;
        --danger-02: #da1e28;
        --focus: #6b50ff;
        --inverse-focus-ui: #fff;
        --hover-primary: #8a80ff;
        --active-primary: #796ee0;
        --hover-primary-text: #796ee0;
        --hover-secondary: #4c4c4c;
        --active-secondary: #6f6f6f;
        --hover-tertiary: #8a80ff;
        --active-tertiary: #796ee0;
        --hover-ui: #f4f4f4;
        --hover-light-ui: #e5e5e5;
        --active-ui: #c6c6c6;
        --active-light-ui: #c6c6c6;
        --selected-ui: #e0e0e0;
        --selected-light-ui: #e0e0e0;
        --inverse-hover-ui: #4c4c4c;
        --hover-selected-ui: #cacaca;
        --hover-danger: #b81921;
        --active-danger: #750e13;
        --hover-row: #e5e5e5;
        --visited-link: #6b50ff;
        --disabled-01: #f4f4f4;
        --disabled-02: #8d8d8d;
        --disabled-03: #c6c6c6;
        --highlight: #edf5ff;
        --decorative-01: #e0e0e0;
        --button-separator: #e0e0e0;
        --skeleton-01: #e5e5e5;
        --skeleton-02: #c6c6c6;
        --brand-01: #0f62fe;
        --brand-02: #393939;
        --brand-03: #0f62fe;
        --active-01: #c6c6c6;
        --hover-field: #e5e5e5;
        --danger: #da1e28;
        --notif-bg: #393939;
        --notif-fg: #e0e0e0;
        --progressbar-bg: #fff;
        --progressbar-fg: #a8a8a8;
        --progressbar-bg-hover: #e0e0e0;
        --progressbar-fg-hover: #8d8d8d;
        --table-header-bg-color: #e0e0e0;
        --table-header-text-color: #161616;
        --shell-border-color: #e0e0e0;
        --inverse-select-ui: #1f1f1f;
        --inverse-text-01: #c6c6c6;
        --date-pager-bg: #c6c6c6;
        --header-dropdown-disabled: #a8a8a8
    }
}

@media(prefers-color-scheme:light) {
    .br-theme-inverse {
        --interactive-01: #6b50ff;
        --interactive-02: #525252;
        --interactive-03: #c6c6c6;
        --interactive-04: #6b50ff;
        --ui-background: #262626;
        --ui-01: #161616;
        --ui-02: #262626;
        --ui-03: #393939;
        --ui-04: #525252;
        --ui-05: #8d8d8d;
        --text-01: #fff;
        --text-02: #a8a8a8;
        --text-03: #6f6f6f;
        --text-04: #fff;
        --text-05: #8d8d8d;
        --text-error: #ff8389;
        --icon-01: #fff;
        --icon-02: #8d8d8d;
        --icon-03: #fff;
        --link-01: #8b7cff;
        --inverse-link: #5432cd;
        --field-01: #393939;
        --field-02: #393939;
        --inverse-01: #000;
        --inverse-02: #f4f4f4;
        --support-01: #d9222c;
        --support-02: #34c06a;
        --support-03: #fe8431;
        --support-04: #6b50ff;
        --inverse-support-01: #d9222c;
        --inverse-support-02: #34c06a;
        --inverse-support-03: #fe8431;
        --inverse-support-04: #6b50ff;
        --overlay-01: rgb(0 0 0/75%);
        --danger-01: #da1e28;
        --danger-02: #da1e28;
        --focus: #fff;
        --inverse-focus-ui: #0f62fe;
        --hover-primary: #8a80ff;
        --active-primary: #796ee0;
        --hover-primary-text: #796ee0;
        --hover-secondary: #4c4c4c;
        --active-secondary: #6f6f6f;
        --hover-tertiary: #f4f4f4;
        --active-tertiary: #c6c6c6;
        --hover-ui: #393939;
        --hover-light-ui: #4c4c4c;
        --active-ui: #6f6f6f;
        --active-light-ui: #6f6f6f;
        --selected-ui: #525252;
        --selected-light-ui: #525252;
        --inverse-hover-ui: #e5e5e5;
        --hover-selected-ui: #525252;
        --hover-danger: #a30f00;
        --active-danger: #d6251d;
        --hover-row: #393939;
        --visited-link: #8b7cff;
        --disabled-01: #393939;
        --disabled-02: #6f6f6f;
        --disabled-03: #c6c6c6;
        --highlight: #6b50ff;
        --decorative-01: #525252;
        --button-separator: #161616;
        --skeleton-01: #393939;
        --skeleton-02: #525252;
        --brand-01: #0f62fe;
        --brand-02: #6f6f6f;
        --brand-03: #fff;
        --active-01: #525252;
        --hover-field: #353535;
        --danger: #d9222c;
        --notif-bg: #e0e0e0;
        --notif-fg: #393939;
        --progressbar-bg: #161616;
        --progressbar-fg: #6f6f6f;
        --progressbar-bg-hover: #393939;
        --progressbar-fg-hover: #8d8d8d;
        --table-header-bg-color: #000;
        --table-header-text-color: #fff;
        --shell-border-color: #525252;
        --inverse-select-ui: #a8a8a8;
        --inverse-text-01: #000;
        --date-pager-bg: #393939;
        --header-dropdown-disabled: #6f6f6f
    }
}

.br-theme-dark .br-theme-inverse {
    --interactive-01: #6b50ff;
    --interactive-02: #8d8d8d;
    --interactive-03: #6b50ff;
    --interactive-04: #6b50ff;
    --ui-background: #f4f4f4;
    --ui-01: #fff;
    --ui-02: #f4f4f4;
    --ui-03: #e0e0e0;
    --ui-04: #8d8d8d;
    --ui-05: #161616;
    --text-01: #393939;
    --text-02: #6f6f6f;
    --text-03: #a8a8a8;
    --text-04: #fff;
    --text-05: #6f6f6f;
    --text-error: #da1e28;
    --icon-01: #161616;
    --icon-02: #525252;
    --icon-03: #fff;
    --link-01: #6b50ff;
    --inverse-link: #8b7cff;
    --field-01: #f4f4f4;
    --field-02: #f4f4f4;
    --inverse-01: #fff;
    --inverse-02: #393939;
    --support-01: #d9222c;
    --support-02: #34c06a;
    --support-03: #fe8431;
    --support-04: #6b50ff;
    --inverse-support-01: #d9222c;
    --inverse-support-02: #34c06a;
    --inverse-support-03: #fe8431;
    --inverse-support-04: #6b50ff;
    --overlay-01: rgb(0 0 0/75%);
    --danger-01: #da1e28;
    --danger-02: #da1e28;
    --focus: #6b50ff;
    --inverse-focus-ui: #fff;
    --hover-primary: #8a80ff;
    --active-primary: #796ee0;
    --hover-primary-text: #796ee0;
    --hover-secondary: #4c4c4c;
    --active-secondary: #6f6f6f;
    --hover-tertiary: #8a80ff;
    --active-tertiary: #796ee0;
    --hover-ui: #f4f4f4;
    --hover-light-ui: #e5e5e5;
    --active-ui: #c6c6c6;
    --active-light-ui: #c6c6c6;
    --selected-ui: #e0e0e0;
    --selected-light-ui: #e0e0e0;
    --inverse-hover-ui: #4c4c4c;
    --hover-selected-ui: #cacaca;
    --hover-danger: #b81921;
    --active-danger: #750e13;
    --hover-row: #e5e5e5;
    --visited-link: #6b50ff;
    --disabled-01: #f4f4f4;
    --disabled-02: #8d8d8d;
    --disabled-03: #c6c6c6;
    --highlight: #edf5ff;
    --decorative-01: #e0e0e0;
    --button-separator: #e0e0e0;
    --skeleton-01: #e5e5e5;
    --skeleton-02: #c6c6c6;
    --brand-01: #0f62fe;
    --brand-02: #393939;
    --brand-03: #0f62fe;
    --active-01: #c6c6c6;
    --hover-field: #e5e5e5;
    --danger: #da1e28;
    --notif-bg: #393939;
    --notif-fg: #e0e0e0;
    --progressbar-bg: #fff;
    --progressbar-fg: #a8a8a8;
    --progressbar-bg-hover: #e0e0e0;
    --progressbar-fg-hover: #8d8d8d;
    --table-header-bg-color: #e0e0e0;
    --table-header-text-color: #161616;
    --shell-border-color: #e0e0e0;
    --inverse-select-ui: #1f1f1f;
    --inverse-text-01: #c6c6c6;
    --date-pager-bg: #c6c6c6;
    --header-dropdown-disabled: #a8a8a8
}

.br-theme-light .br-theme-inverse {
    --interactive-01: #6b50ff;
    --interactive-02: #525252;
    --interactive-03: #c6c6c6;
    --interactive-04: #6b50ff;
    --ui-background: #262626;
    --ui-01: #161616;
    --ui-02: #262626;
    --ui-03: #393939;
    --ui-04: #525252;
    --ui-05: #8d8d8d;
    --text-01: #fff;
    --text-02: #a8a8a8;
    --text-03: #6f6f6f;
    --text-04: #fff;
    --text-05: #8d8d8d;
    --text-error: #ff8389;
    --icon-01: #fff;
    --icon-02: #8d8d8d;
    --icon-03: #fff;
    --link-01: #8b7cff;
    --inverse-link: #5432cd;
    --field-01: #393939;
    --field-02: #393939;
    --inverse-01: #000;
    --inverse-02: #f4f4f4;
    --support-01: #d9222c;
    --support-02: #34c06a;
    --support-03: #fe8431;
    --support-04: #6b50ff;
    --inverse-support-01: #d9222c;
    --inverse-support-02: #34c06a;
    --inverse-support-03: #fe8431;
    --inverse-support-04: #6b50ff;
    --overlay-01: rgb(0 0 0/75%);
    --danger-01: #da1e28;
    --danger-02: #da1e28;
    --focus: #fff;
    --inverse-focus-ui: #0f62fe;
    --hover-primary: #8a80ff;
    --active-primary: #796ee0;
    --hover-primary-text: #796ee0;
    --hover-secondary: #4c4c4c;
    --active-secondary: #6f6f6f;
    --hover-tertiary: #f4f4f4;
    --active-tertiary: #c6c6c6;
    --hover-ui: #393939;
    --hover-light-ui: #4c4c4c;
    --active-ui: #6f6f6f;
    --active-light-ui: #6f6f6f;
    --selected-ui: #525252;
    --selected-light-ui: #525252;
    --inverse-hover-ui: #e5e5e5;
    --hover-selected-ui: #525252;
    --hover-danger: #a30f00;
    --active-danger: #d6251d;
    --hover-row: #393939;
    --visited-link: #8b7cff;
    --disabled-01: #393939;
    --disabled-02: #6f6f6f;
    --disabled-03: #c6c6c6;
    --highlight: #6b50ff;
    --decorative-01: #525252;
    --button-separator: #161616;
    --skeleton-01: #393939;
    --skeleton-02: #525252;
    --brand-01: #0f62fe;
    --brand-02: #6f6f6f;
    --brand-03: #fff;
    --active-01: #525252;
    --hover-field: #353535;
    --danger: #d9222c;
    --notif-bg: #e0e0e0;
    --notif-fg: #393939;
    --progressbar-bg: #161616;
    --progressbar-fg: #6f6f6f;
    --progressbar-bg-hover: #393939;
    --progressbar-fg-hover: #8d8d8d;
    --table-header-bg-color: #000;
    --table-header-text-color: #fff;
    --shell-border-color: #525252;
    --inverse-select-ui: #a8a8a8;
    --inverse-text-01: #000;
    --date-pager-bg: #393939;
    --header-dropdown-disabled: #6f6f6f
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    border: 0;
    font: inherit;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline
}

button,
input,
select,
textarea {
    border-radius: 0;
    font-family: inherit
}

input[type=text]::-ms-clear {
    display: none
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
    display: block
}

sup {
    vertical-align: super
}

sub {
    vertical-align: sub
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: ""
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

button {
    margin: 0
}

html {
    font-size: 100%
}

body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility
}

code {
    font-family: Lucida Console, Courier New, sans-serif, serif, monospace
}

strong {
    font-weight: 600
}

@media screen and (-ms-high-contrast:active) {
    svg {
        fill: ButtonText
    }
}

h1 {
    font-size: 2.25rem;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 3rem
}

h2 {
    font-size: 1.75rem;
    font-weight: 700;
    letter-spacing: .3px;
    line-height: 2.25rem
}

h3 {
    font-size: 1.5rem;
    line-height: 2.2rem
}

h3,
h4 {
    font-weight: 600;
    letter-spacing: 0
}

h4 {
    font-size: 1.25rem;
    line-height: 1.625rem
}

h5 {
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.375rem
}

h5,
h6 {
    font-weight: 600
}

h6 {
    font-size: .875rem;
    letter-spacing: .16px;
    line-height: 1.125rem
}

p {
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.5rem
}

a {
    color: var(--link-01)
}

em {
    font-style: italic
}

@-webkit-keyframes skeleton {
    0% {
        opacity: .3;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: left;
        transform-origin: left
    }
    20% {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: left;
        transform-origin: left
    }
    28% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: right;
        transform-origin: right
    }
    51% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: right;
        transform-origin: right
    }
    58% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: right;
        transform-origin: right
    }
    82% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: right;
        transform-origin: right
    }
    83% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: left;
        transform-origin: left
    }
    96% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: left;
        transform-origin: left
    }
    to {
        opacity: .3;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: left;
        transform-origin: left
    }
}

@keyframes skeleton {
    0% {
        opacity: .3;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: left;
        transform-origin: left
    }
    20% {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: left;
        transform-origin: left
    }
    28% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: right;
        transform-origin: right
    }
    51% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: right;
        transform-origin: right
    }
    58% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: right;
        transform-origin: right
    }
    82% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: right;
        transform-origin: right
    }
    83% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: left;
        transform-origin: left
    }
    96% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: left;
        transform-origin: left
    }
    to {
        opacity: .3;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: left;
        transform-origin: left
    }
}

.bx--text-truncate--end,
.bx--text-truncate--front {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.bx--text-truncate--front {
    direction: rtl
}

.bx--assistive-text,
.bx--visually-hidden {
    clip: rect(0, 0, 0, 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    visibility: inherit;
    white-space: nowrap;
    width: 1px
}

.bx--body,
body {
    background-color: var(--ui-background);
    color: var(--text-01);
    font-size: .857rem;
    font-weight: 400;
    letter-spacing: .16px;
    line-height: 1.125rem;
    line-height: 1
}

.bx--grid {
    margin-left: auto;
    margin-right: auto;
    max-width: 99rem;
    padding-left: 1rem;
    padding-right: 1rem
}

@media(min-width:42rem) {
    .bx--grid {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media(min-width:99rem) {
    .bx--grid {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }
    .bx--grid--full-width {
        max-width: 100%
    }
}

.bx--row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -1rem;
    margin-right: -1rem
}

.bx--col-padding,
.bx--row-padding [class*=bx--col] {
    padding-bottom: 1rem;
    padding-top: 1rem
}

.bx--grid--condensed [class*=bx--col] {
    padding-bottom: .03125rem;
    padding-top: .03125rem
}

.bx--col {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

.bx--grid--condensed .bx--col,
.bx--row--condensed .bx--col {
    padding-left: .03125rem;
    padding-right: .03125rem
}

.bx--grid--narrow .bx--col,
.bx--row--narrow .bx--col {
    padding-left: 0;
    padding-right: 1rem
}

.bx--col-sm-0 {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

.bx--grid--condensed .bx--col-sm-0,
.bx--row--condensed .bx--col-sm-0 {
    padding-left: .03125rem;
    padding-right: .03125rem
}

.bx--grid--narrow .bx--col-sm-0,
.bx--row--narrow .bx--col-sm-0 {
    padding-left: 0;
    padding-right: 1rem
}

.bx--col-sm-1 {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

.bx--grid--condensed .bx--col-sm-1,
.bx--row--condensed .bx--col-sm-1 {
    padding-left: .03125rem;
    padding-right: .03125rem
}

.bx--grid--narrow .bx--col-sm-1,
.bx--row--narrow .bx--col-sm-1 {
    padding-left: 0;
    padding-right: 1rem
}

.bx--col-sm-2 {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

.bx--grid--condensed .bx--col-sm-2,
.bx--row--condensed .bx--col-sm-2 {
    padding-left: .03125rem;
    padding-right: .03125rem
}

.bx--grid--narrow .bx--col-sm-2,
.bx--row--narrow .bx--col-sm-2 {
    padding-left: 0;
    padding-right: 1rem
}

.bx--col-sm-3 {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

.bx--grid--condensed .bx--col-sm-3,
.bx--row--condensed .bx--col-sm-3 {
    padding-left: .03125rem;
    padding-right: .03125rem
}

.bx--grid--narrow .bx--col-sm-3,
.bx--row--narrow .bx--col-sm-3 {
    padding-left: 0;
    padding-right: 1rem
}

.bx--col-sm-4 {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

.bx--grid--condensed .bx--col-sm-4,
.bx--row--condensed .bx--col-sm-4 {
    padding-left: .03125rem;
    padding-right: .03125rem
}

.bx--grid--narrow .bx--col-sm-4,
.bx--row--narrow .bx--col-sm-4 {
    padding-left: 0;
    padding-right: 1rem
}

.bx--col-sm,
.bx--col-sm--auto {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

.bx--grid--condensed .bx--col-sm,
.bx--grid--condensed .bx--col-sm--auto,
.bx--row--condensed .bx--col-sm,
.bx--row--condensed .bx--col-sm--auto {
    padding-left: .03125rem;
    padding-right: .03125rem
}

.bx--grid--narrow .bx--col-sm,
.bx--grid--narrow .bx--col-sm--auto,
.bx--row--narrow .bx--col-sm,
.bx--row--narrow .bx--col-sm--auto {
    padding-left: 0;
    padding-right: 1rem
}

.bx--col,
.bx--col-sm {
    -ms-flex-preferred-size: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-flex-basis: 0;
    flex-basis: 0;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    max-width: 100%
}

.bx--col--auto,
.bx--col-sm--auto {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 0%;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    max-width: 100%;
    width: auto
}

.bx--col-sm-0 {
    display: none
}

.bx--col-sm-1 {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.bx--col-sm-1,
.bx--col-sm-2 {
    -webkit-box-flex: 0;
    display: block
}

.bx--col-sm-2 {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.bx--col-sm-3 {
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.bx--col-sm-3,
.bx--col-sm-4 {
    -webkit-box-flex: 0;
    display: block
}

.bx--col-sm-4 {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.bx--offset-sm-0 {
    margin-left: 0
}

.bx--offset-sm-1 {
    margin-left: 25%
}

.bx--offset-sm-2 {
    margin-left: 50%
}

.bx--offset-sm-3 {
    margin-left: 75%
}

.bx--col-md-0 {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

.bx--grid--condensed .bx--col-md-0,
.bx--row--condensed .bx--col-md-0 {
    padding-left: .03125rem;
    padding-right: .03125rem
}

.bx--grid--narrow .bx--col-md-0,
.bx--row--narrow .bx--col-md-0 {
    padding-left: 0;
    padding-right: 1rem
}

.bx--col-md-1 {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

.bx--grid--condensed .bx--col-md-1,
.bx--row--condensed .bx--col-md-1 {
    padding-left: .03125rem;
    padding-right: .03125rem
}

.bx--grid--narrow .bx--col-md-1,
.bx--row--narrow .bx--col-md-1 {
    padding-left: 0;
    padding-right: 1rem
}

.bx--col-md-2 {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

.bx--grid--condensed .bx--col-md-2,
.bx--row--condensed .bx--col-md-2 {
    padding-left: .03125rem;
    padding-right: .03125rem
}

.bx--grid--narrow .bx--col-md-2,
.bx--row--narrow .bx--col-md-2 {
    padding-left: 0;
    padding-right: 1rem
}

.bx--col-md-3 {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

.bx--grid--condensed .bx--col-md-3,
.bx--row--condensed .bx--col-md-3 {
    padding-left: .03125rem;
    padding-right: .03125rem
}

.bx--grid--narrow .bx--col-md-3,
.bx--row--narrow .bx--col-md-3 {
    padding-left: 0;
    padding-right: 1rem
}

.bx--col-md-4 {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

.bx--grid--condensed .bx--col-md-4,
.bx--row--condensed .bx--col-md-4 {
    padding-left: .03125rem;
    padding-right: .03125rem
}

.bx--grid--narrow .bx--col-md-4,
.bx--row--narrow .bx--col-md-4 {
    padding-left: 0;
    padding-right: 1rem
}

.bx--col-md-5 {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

.bx--grid--condensed .bx--col-md-5,
.bx--row--condensed .bx--col-md-5 {
    padding-left: .03125rem;
    padding-right: .03125rem
}

.bx--grid--narrow .bx--col-md-5,
.bx--row--narrow .bx--col-md-5 {
    padding-left: 0;
    padding-right: 1rem
}

.bx--col-md-6 {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

.bx--grid--condensed .bx--col-md-6,
.bx--row--condensed .bx--col-md-6 {
    padding-left: .03125rem;
    padding-right: .03125rem
}

.bx--grid--narrow .bx--col-md-6,
.bx--row--narrow .bx--col-md-6 {
    padding-left: 0;
    padding-right: 1rem
}

.bx--col-md-7 {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

.bx--grid--condensed .bx--col-md-7,
.bx--row--condensed .bx--col-md-7 {
    padding-left: .03125rem;
    padding-right: .03125rem
}

.bx--grid--narrow .bx--col-md-7,
.bx--row--narrow .bx--col-md-7 {
    padding-left: 0;
    padding-right: 1rem
}

.bx--col-md-8 {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

.bx--grid--condensed .bx--col-md-8,
.bx--row--condensed .bx--col-md-8 {
    padding-left: .03125rem;
    padding-right: .03125rem
}

.bx--grid--narrow .bx--col-md-8,
.bx--row--narrow .bx--col-md-8 {
    padding-left: 0;
    padding-right: 1rem
}

.bx--col-md,
.bx--col-md--auto {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

.bx--grid--condensed .bx--col-md,
.bx--grid--condensed .bx--col-md--auto,
.bx--row--condensed .bx--col-md,
.bx--row--condensed .bx--col-md--auto {
    padding-left: .03125rem;
    padding-right: .03125rem
}

.bx--grid--narrow .bx--col-md,
.bx--grid--narrow .bx--col-md--auto,
.bx--row--narrow .bx--col-md,
.bx--row--narrow .bx--col-md--auto {
    padding-left: 0;
    padding-right: 1rem
}

@media(min-width:42rem) {
    .bx--col,
    .bx--col-md {
        -ms-flex-preferred-size: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        -webkit-flex-basis: 0;
        flex-basis: 0;
        -webkit-flex-grow: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .bx--col--auto,
    .bx--col-md--auto {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 0%;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        max-width: 100%;
        width: auto
    }
    .bx--col-md-0 {
        display: none
    }
    .bx--col-md-1 {
        -webkit-flex: 0 0 12.5%;
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }
    .bx--col-md-1,
    .bx--col-md-2 {
        -webkit-box-flex: 0;
        display: block
    }
    .bx--col-md-2 {
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .bx--col-md-3 {
        -webkit-flex: 0 0 37.5%;
        -ms-flex: 0 0 37.5%;
        flex: 0 0 37.5%;
        max-width: 37.5%
    }
    .bx--col-md-3,
    .bx--col-md-4 {
        -webkit-box-flex: 0;
        display: block
    }
    .bx--col-md-4 {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .bx--col-md-5 {
        -webkit-flex: 0 0 62.5%;
        -ms-flex: 0 0 62.5%;
        flex: 0 0 62.5%;
        max-width: 62.5%
    }
    .bx--col-md-5,
    .bx--col-md-6 {
        -webkit-box-flex: 0;
        display: block
    }
    .bx--col-md-6 {
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .bx--col-md-7 {
        -webkit-flex: 0 0 87.5%;
        -ms-flex: 0 0 87.5%;
        flex: 0 0 87.5%;
        max-width: 87.5%
    }
    .bx--col-md-7,
    .bx--col-md-8 {
        -webkit-box-flex: 0;
        display: block
    }
    .bx--col-md-8 {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .bx--offset-md-0 {
        margin-left: 0
    }
    .bx--offset-md-1 {
        margin-left: 12.5%
    }
    .bx--offset-md-2 {
        margin-left: 25%
    }
    .bx--offset-md-3 {
        margin-left: 37.5%
    }
    .bx--offset-md-4 {
        margin-left: 50%
    }
    .bx--offset-md-5 {
        margin-left: 62.5%
    }
    .bx--offset-md-6 {
        margin-left: 75%
    }
    .bx--offset-md-7 {
        margin-left: 87.5%
    }
}

.bx--col-lg-0 {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

.bx--grid--condensed .bx--col-lg-0,
.bx--row--condensed .bx--col-lg-0 {
    padding-left: .03125rem;
    padding-right: .03125rem
}

.bx--grid--narrow .bx--col-lg-0,
.bx--row--narrow .bx--col-lg-0 {
    padding-left: 0;
    padding-right: 1rem
}

.bx--col-lg-1 {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

.bx--grid--condensed .bx--col-lg-1,
.bx--row--condensed .bx--col-lg-1 {
    padding-left: .03125rem;
    padding-right: .03125rem
}

.bx--grid--narrow .bx--col-lg-1,
.bx--row--narrow .bx--col-lg-1 {
    padding-left: 0;
    padding-right: 1rem
}

.bx--col-lg-2 {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

.bx--grid--condensed .bx--col-lg-2,
.bx--row--condensed .bx--col-lg-2 {
    padding-left: .03125rem;
    padding-right: .03125rem
}

.bx--grid--narrow .bx--col-lg-2,
.bx--row--narrow .bx--col-lg-2 {
    padding-left: 0;
    padding-right: 1rem
}

.bx--col-lg-3 {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

.bx--grid--condensed .bx--col-lg-3,
.bx--row--condensed .bx--col-lg-3 {
    padding-left: .03125rem;
    padding-right: .03125rem
}

.bx--grid--narrow .bx--col-lg-3,
.bx--row--narrow .bx--col-lg-3 {
    padding-left: 0;
    padding-right: 1rem
}

.bx--col-lg-4 {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

.bx--grid--condensed .bx--col-lg-4,
.bx--row--condensed .bx--col-lg-4 {
    padding-left: .03125rem;
    padding-right: .03125rem
}

.bx--grid--narrow .bx--col-lg-4,
.bx--row--narrow .bx--col-lg-4 {
    padding-left: 0;
    padding-right: 1rem
}

.bx--col-lg-5 {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

.bx--grid--condensed .bx--col-lg-5,
.bx--row--condensed .bx--col-lg-5 {
    padding-left: .03125rem;
    padding-right: .03125rem
}

.bx--grid--narrow .bx--col-lg-5,
.bx--row--narrow .bx--col-lg-5 {
    padding-left: 0;
    padding-right: 1rem
}

.bx--col-lg-6 {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

.bx--grid--condensed .bx--col-lg-6,
.bx--row--condensed .bx--col-lg-6 {
    padding-left: .03125rem;
    padding-right: .03125rem
}

.bx--grid--narrow .bx--col-lg-6,
.bx--row--narrow .bx--col-lg-6 {
    padding-left: 0;
    padding-right: 1rem
}

.bx--col-lg-7 {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

.bx--grid--condensed .bx--col-lg-7,
.bx--row--condensed .bx--col-lg-7 {
    padding-left: .03125rem;
    padding-right: .03125rem
}

.bx--grid--narrow .bx--col-lg-7,
.bx--row--narrow .bx--col-lg-7 {
    padding-left: 0;
    padding-right: 1rem
}

.bx--col-lg-8 {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

.bx--grid--condensed .bx--col-lg-8,
.bx--row--condensed .bx--col-lg-8 {
    padding-left: .03125rem;
    padding-right: .03125rem
}

.bx--grid--narrow .bx--col-lg-8,
.bx--row--narrow .bx--col-lg-8 {
    padding-left: 0;
    padding-right: 1rem
}

.bx--col-lg-9 {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

.bx--grid--condensed .bx--col-lg-9,
.bx--row--condensed .bx--col-lg-9 {
    padding-left: .03125rem;
    padding-right: .03125rem
}

.bx--grid--narrow .bx--col-lg-9,
.bx--row--narrow .bx--col-lg-9 {
    padding-left: 0;
    padding-right: 1rem
}

.bx--col-lg-10 {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

.bx--grid--condensed .bx--col-lg-10,
.bx--row--condensed .bx--col-lg-10 {
    padding-left: .03125rem;
    padding-right: .03125rem
}

.bx--grid--narrow .bx--col-lg-10,
.bx--row--narrow .bx--col-lg-10 {
    padding-left: 0;
    padding-right: 1rem
}

.bx--col-lg-11 {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

.bx--grid--condensed .bx--col-lg-11,
.bx--row--condensed .bx--col-lg-11 {
    padding-left: .03125rem;
    padding-right: .03125rem
}

.bx--grid--narrow .bx--col-lg-11,
.bx--row--narrow .bx--col-lg-11 {
    padding-left: 0;
    padding-right: 1rem
}

.bx--col-lg-12 {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

.bx--grid--condensed .bx--col-lg-12,
.bx--row--condensed .bx--col-lg-12 {
    padding-left: .03125rem;
    padding-right: .03125rem
}

.bx--grid--narrow .bx--col-lg-12,
.bx--row--narrow .bx--col-lg-12 {
    padding-left: 0;
    padding-right: 1rem
}

.bx--col-lg,
.bx--col-lg--auto {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

.bx--grid--condensed .bx--col-lg,
.bx--grid--condensed .bx--col-lg--auto,
.bx--row--condensed .bx--col-lg,
.bx--row--condensed .bx--col-lg--auto {
    padding-left: .03125rem;
    padding-right: .03125rem
}

.bx--grid--narrow .bx--col-lg,
.bx--grid--narrow .bx--col-lg--auto,
.bx--row--narrow .bx--col-lg,
.bx--row--narrow .bx--col-lg--auto {
    padding-left: 0;
    padding-right: 1rem
}

@media(min-width:66rem) {
    .bx--col,
    .bx--col-lg {
        -ms-flex-preferred-size: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        -webkit-flex-basis: 0;
        flex-basis: 0;
        -webkit-flex-grow: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .bx--col--auto,
    .bx--col-lg--auto {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 0%;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        max-width: 100%;
        width: auto
    }
    .bx--col-lg-0 {
        display: none
    }
    .bx--col-lg-1 {
        -webkit-flex: 0 0 8.3333333333%;
        -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }
    .bx--col-lg-1,
    .bx--col-lg-2 {
        -webkit-box-flex: 0;
        display: block
    }
    .bx--col-lg-2 {
        -webkit-flex: 0 0 16.6666666667%;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }
    .bx--col-lg-3 {
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .bx--col-lg-3,
    .bx--col-lg-4 {
        -webkit-box-flex: 0;
        display: block
    }
    .bx--col-lg-4 {
        -webkit-flex: 0 0 33.3333333333%;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }
    .bx--col-lg-5 {
        -webkit-flex: 0 0 41.6666666667%;
        -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }
    .bx--col-lg-5,
    .bx--col-lg-6 {
        -webkit-box-flex: 0;
        display: block
    }
    .bx--col-lg-6 {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .bx--col-lg-7 {
        -webkit-flex: 0 0 58.3333333333%;
        -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }
    .bx--col-lg-7,
    .bx--col-lg-8 {
        -webkit-box-flex: 0;
        display: block
    }
    .bx--col-lg-8 {
        -webkit-flex: 0 0 66.6666666667%;
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }
    .bx--col-lg-9 {
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .bx--col-lg-9,
    .bx--col-lg-10 {
        -webkit-box-flex: 0;
        display: block
    }
    .bx--col-lg-10 {
        -webkit-flex: 0 0 83.3333333333%;
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }
    .bx--col-lg-11 {
        -webkit-flex: 0 0 91.6666666667%;
        -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }
    .bx--col-lg-11,
    .bx--col-lg-12 {
        -webkit-box-flex: 0;
        display: block
    }
    .bx--col-lg-12 {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .bx--offset-lg-0 {
        margin-left: 0
    }
    .bx--offset-lg-1 {
        margin-left: 8.3333333333%
    }
    .bx--offset-lg-2 {
        margin-left: 16.6666666667%
    }
    .bx--offset-lg-3 {
        margin-left: 25%
    }
    .bx--offset-lg-4 {
        margin-left: 33.3333333333%
    }
    .bx--offset-lg-5 {
        margin-left: 41.6666666667%
    }
    .bx--offset-lg-6 {
        margin-left: 50%
    }
    .bx--offset-lg-7 {
        margin-left: 58.3333333333%
    }
    .bx--offset-lg-8 {
        margin-left: 66.6666666667%
    }
    .bx--offset-lg-9 {
        margin-left: 75%
    }
    .bx--offset-lg-10 {
        margin-left: 83.3333333333%
    }
    .bx--offset-lg-11 {
        margin-left: 91.6666666667%
    }
}

.bx--col-xlg-0 {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

.bx--grid--condensed .bx--col-xlg-0,
.bx--row--condensed .bx--col-xlg-0 {
    padding-left: .03125rem;
    padding-right: .03125rem
}

.bx--grid--narrow .bx--col-xlg-0,
.bx--row--narrow .bx--col-xlg-0 {
    padding-left: 0;
    padding-right: 1rem
}

.bx--col-xlg-1 {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

.bx--grid--condensed .bx--col-xlg-1,
.bx--row--condensed .bx--col-xlg-1 {
    padding-left: .03125rem;
    padding-right: .03125rem
}

.bx--grid--narrow .bx--col-xlg-1,
.bx--row--narrow .bx--col-xlg-1 {
    padding-left: 0;
    padding-right: 1rem
}

.bx--col-xlg-2 {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

.bx--grid--condensed .bx--col-xlg-2,
.bx--row--condensed .bx--col-xlg-2 {
    padding-left: .03125rem;
    padding-right: .03125rem
}

.bx--grid--narrow .bx--col-xlg-2,
.bx--row--narrow .bx--col-xlg-2 {
    padding-left: 0;
    padding-right: 1rem
}

.bx--col-xlg-3 {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

.bx--grid--condensed .bx--col-xlg-3,
.bx--row--condensed .bx--col-xlg-3 {
    padding-left: .03125rem;
    padding-right: .03125rem
}

.bx--grid--narrow .bx--col-xlg-3,
.bx--row--narrow .bx--col-xlg-3 {
    padding-left: 0;
    padding-right: 1rem
}

.bx--col-xlg-4 {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

.bx--grid--condensed .bx--col-xlg-4,
.bx--row--condensed .bx--col-xlg-4 {
    padding-left: .03125rem;
    padding-right: .03125rem
}

.bx--grid--narrow .bx--col-xlg-4,
.bx--row--narrow .bx--col-xlg-4 {
    padding-left: 0;
    padding-right: 1rem
}

.bx--col-xlg-5 {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

.bx--grid--condensed .bx--col-xlg-5,
.bx--row--condensed .bx--col-xlg-5 {
    padding-left: .03125rem;
    padding-right: .03125rem
}

.bx--grid--narrow .bx--col-xlg-5,
.bx--row--narrow .bx--col-xlg-5 {
    padding-left: 0;
    padding-right: 1rem
}

.bx--col-xlg-6 {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

.bx--grid--condensed .bx--col-xlg-6,
.bx--row--condensed .bx--col-xlg-6 {
    padding-left: .03125rem;
    padding-right: .03125rem
}

.bx--grid--narrow .bx--col-xlg-6,
.bx--row--narrow .bx--col-xlg-6 {
    padding-left: 0;
    padding-right: 1rem
}

.bx--col-xlg-7 {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

.bx--grid--condensed .bx--col-xlg-7,
.bx--row--condensed .bx--col-xlg-7 {
    padding-left: .03125rem;
    padding-right: .03125rem
}

.bx--grid--narrow .bx--col-xlg-7,
.bx--row--narrow .bx--col-xlg-7 {
    padding-left: 0;
    padding-right: 1rem
}

.bx--col-xlg-8 {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

.bx--grid--condensed .bx--col-xlg-8,
.bx--row--condensed .bx--col-xlg-8 {
    padding-left: .03125rem;
    padding-right: .03125rem
}

.bx--grid--narrow .bx--col-xlg-8,
.bx--row--narrow .bx--col-xlg-8 {
    padding-left: 0;
    padding-right: 1rem
}

.bx--col-xlg-9 {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

.bx--grid--condensed .bx--col-xlg-9,
.bx--row--condensed .bx--col-xlg-9 {
    padding-left: .03125rem;
    padding-right: .03125rem
}

.bx--grid--narrow .bx--col-xlg-9,
.bx--row--narrow .bx--col-xlg-9 {
    padding-left: 0;
    padding-right: 1rem
}

.bx--col-xlg-10 {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

.bx--grid--condensed .bx--col-xlg-10,
.bx--row--condensed .bx--col-xlg-10 {
    padding-left: .03125rem;
    padding-right: .03125rem
}

.bx--grid--narrow .bx--col-xlg-10,
.bx--row--narrow .bx--col-xlg-10 {
    padding-left: 0;
    padding-right: 1rem
}

.bx--col-xlg-11 {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

.bx--grid--condensed .bx--col-xlg-11,
.bx--row--condensed .bx--col-xlg-11 {
    padding-left: .03125rem;
    padding-right: .03125rem
}

.bx--grid--narrow .bx--col-xlg-11,
.bx--row--narrow .bx--col-xlg-11 {
    padding-left: 0;
    padding-right: 1rem
}

.bx--col-xlg-12 {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

.bx--grid--condensed .bx--col-xlg-12,
.bx--row--condensed .bx--col-xlg-12 {
    padding-left: .03125rem;
    padding-right: .03125rem
}

.bx--grid--narrow .bx--col-xlg-12,
.bx--row--narrow .bx--col-xlg-12 {
    padding-left: 0;
    padding-right: 1rem
}

.bx--col-xlg,
.bx--col-xlg--auto {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

.bx--grid--condensed .bx--col-xlg,
.bx--grid--condensed .bx--col-xlg--auto,
.bx--row--condensed .bx--col-xlg,
.bx--row--condensed .bx--col-xlg--auto {
    padding-left: .03125rem;
    padding-right: .03125rem
}

.bx--grid--narrow .bx--col-xlg,
.bx--grid--narrow .bx--col-xlg--auto,
.bx--row--narrow .bx--col-xlg,
.bx--row--narrow .bx--col-xlg--auto {
    padding-left: 0;
    padding-right: 1rem
}

@media(min-width:82rem) {
    .bx--col,
    .bx--col-xlg {
        -ms-flex-preferred-size: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        -webkit-flex-basis: 0;
        flex-basis: 0;
        -webkit-flex-grow: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .bx--col--auto,
    .bx--col-xlg--auto {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 0%;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        max-width: 100%;
        width: auto
    }
    .bx--col-xlg-0 {
        display: none
    }
    .bx--col-xlg-1 {
        -webkit-flex: 0 0 8.3333333333%;
        -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }
    .bx--col-xlg-1,
    .bx--col-xlg-2 {
        -webkit-box-flex: 0;
        display: block
    }
    .bx--col-xlg-2 {
        -webkit-flex: 0 0 16.6666666667%;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }
    .bx--col-xlg-3 {
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .bx--col-xlg-3,
    .bx--col-xlg-4 {
        -webkit-box-flex: 0;
        display: block
    }
    .bx--col-xlg-4 {
        -webkit-flex: 0 0 33.3333333333%;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }
    .bx--col-xlg-5 {
        -webkit-flex: 0 0 41.6666666667%;
        -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }
    .bx--col-xlg-5,
    .bx--col-xlg-6 {
        -webkit-box-flex: 0;
        display: block
    }
    .bx--col-xlg-6 {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .bx--col-xlg-7 {
        -webkit-flex: 0 0 58.3333333333%;
        -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }
    .bx--col-xlg-7,
    .bx--col-xlg-8 {
        -webkit-box-flex: 0;
        display: block
    }
    .bx--col-xlg-8 {
        -webkit-flex: 0 0 66.6666666667%;
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }
    .bx--col-xlg-9 {
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .bx--col-xlg-9,
    .bx--col-xlg-10 {
        -webkit-box-flex: 0;
        display: block
    }
    .bx--col-xlg-10 {
        -webkit-flex: 0 0 83.3333333333%;
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }
    .bx--col-xlg-11 {
        -webkit-flex: 0 0 91.6666666667%;
        -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }
    .bx--col-xlg-11,
    .bx--col-xlg-12 {
        -webkit-box-flex: 0;
        display: block
    }
    .bx--col-xlg-12 {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .bx--offset-xlg-0 {
        margin-left: 0
    }
    .bx--offset-xlg-1 {
        margin-left: 8.3333333333%
    }
    .bx--offset-xlg-2 {
        margin-left: 16.6666666667%
    }
    .bx--offset-xlg-3 {
        margin-left: 25%
    }
    .bx--offset-xlg-4 {
        margin-left: 33.3333333333%
    }
    .bx--offset-xlg-5 {
        margin-left: 41.6666666667%
    }
    .bx--offset-xlg-6 {
        margin-left: 50%
    }
    .bx--offset-xlg-7 {
        margin-left: 58.3333333333%
    }
    .bx--offset-xlg-8 {
        margin-left: 66.6666666667%
    }
    .bx--offset-xlg-9 {
        margin-left: 75%
    }
    .bx--offset-xlg-10 {
        margin-left: 83.3333333333%
    }
    .bx--offset-xlg-11 {
        margin-left: 91.6666666667%
    }
}

.bx--col-max-0 {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

.bx--grid--condensed .bx--col-max-0,
.bx--row--condensed .bx--col-max-0 {
    padding-left: .03125rem;
    padding-right: .03125rem
}

.bx--grid--narrow .bx--col-max-0,
.bx--row--narrow .bx--col-max-0 {
    padding-left: 0;
    padding-right: 1rem
}

.bx--col-max-1 {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

.bx--grid--condensed .bx--col-max-1,
.bx--row--condensed .bx--col-max-1 {
    padding-left: .03125rem;
    padding-right: .03125rem
}

.bx--grid--narrow .bx--col-max-1,
.bx--row--narrow .bx--col-max-1 {
    padding-left: 0;
    padding-right: 1rem
}

.bx--col-max-2 {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

.bx--grid--condensed .bx--col-max-2,
.bx--row--condensed .bx--col-max-2 {
    padding-left: .03125rem;
    padding-right: .03125rem
}

.bx--grid--narrow .bx--col-max-2,
.bx--row--narrow .bx--col-max-2 {
    padding-left: 0;
    padding-right: 1rem
}

.bx--col-max-3 {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

.bx--grid--condensed .bx--col-max-3,
.bx--row--condensed .bx--col-max-3 {
    padding-left: .03125rem;
    padding-right: .03125rem
}

.bx--grid--narrow .bx--col-max-3,
.bx--row--narrow .bx--col-max-3 {
    padding-left: 0;
    padding-right: 1rem
}

.bx--col-max-4 {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

.bx--grid--condensed .bx--col-max-4,
.bx--row--condensed .bx--col-max-4 {
    padding-left: .03125rem;
    padding-right: .03125rem
}

.bx--grid--narrow .bx--col-max-4,
.bx--row--narrow .bx--col-max-4 {
    padding-left: 0;
    padding-right: 1rem
}

.bx--col-max-5 {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

.bx--grid--condensed .bx--col-max-5,
.bx--row--condensed .bx--col-max-5 {
    padding-left: .03125rem;
    padding-right: .03125rem
}

.bx--grid--narrow .bx--col-max-5,
.bx--row--narrow .bx--col-max-5 {
    padding-left: 0;
    padding-right: 1rem
}

.bx--col-max-6 {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

.bx--grid--condensed .bx--col-max-6,
.bx--row--condensed .bx--col-max-6 {
    padding-left: .03125rem;
    padding-right: .03125rem
}

.bx--grid--narrow .bx--col-max-6,
.bx--row--narrow .bx--col-max-6 {
    padding-left: 0;
    padding-right: 1rem
}

.bx--col-max-7 {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

.bx--grid--condensed .bx--col-max-7,
.bx--row--condensed .bx--col-max-7 {
    padding-left: .03125rem;
    padding-right: .03125rem
}

.bx--grid--narrow .bx--col-max-7,
.bx--row--narrow .bx--col-max-7 {
    padding-left: 0;
    padding-right: 1rem
}

.bx--col-max-8 {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

.bx--grid--condensed .bx--col-max-8,
.bx--row--condensed .bx--col-max-8 {
    padding-left: .03125rem;
    padding-right: .03125rem
}

.bx--grid--narrow .bx--col-max-8,
.bx--row--narrow .bx--col-max-8 {
    padding-left: 0;
    padding-right: 1rem
}

.bx--col-max-9 {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

.bx--grid--condensed .bx--col-max-9,
.bx--row--condensed .bx--col-max-9 {
    padding-left: .03125rem;
    padding-right: .03125rem
}

.bx--grid--narrow .bx--col-max-9,
.bx--row--narrow .bx--col-max-9 {
    padding-left: 0;
    padding-right: 1rem
}

.bx--col-max-10 {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

.bx--grid--condensed .bx--col-max-10,
.bx--row--condensed .bx--col-max-10 {
    padding-left: .03125rem;
    padding-right: .03125rem
}

.bx--grid--narrow .bx--col-max-10,
.bx--row--narrow .bx--col-max-10 {
    padding-left: 0;
    padding-right: 1rem
}

.bx--col-max-11 {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

.bx--grid--condensed .bx--col-max-11,
.bx--row--condensed .bx--col-max-11 {
    padding-left: .03125rem;
    padding-right: .03125rem
}

.bx--grid--narrow .bx--col-max-11,
.bx--row--narrow .bx--col-max-11 {
    padding-left: 0;
    padding-right: 1rem
}

.bx--col-max-12 {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

.bx--grid--condensed .bx--col-max-12,
.bx--row--condensed .bx--col-max-12 {
    padding-left: .03125rem;
    padding-right: .03125rem
}

.bx--grid--narrow .bx--col-max-12,
.bx--row--narrow .bx--col-max-12 {
    padding-left: 0;
    padding-right: 1rem
}

.bx--col-max,
.bx--col-max--auto {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

.bx--grid--condensed .bx--col-max,
.bx--grid--condensed .bx--col-max--auto,
.bx--row--condensed .bx--col-max,
.bx--row--condensed .bx--col-max--auto {
    padding-left: .03125rem;
    padding-right: .03125rem
}

.bx--grid--narrow .bx--col-max,
.bx--grid--narrow .bx--col-max--auto,
.bx--row--narrow .bx--col-max,
.bx--row--narrow .bx--col-max--auto {
    padding-left: 0;
    padding-right: 1rem
}

@media(min-width:99rem) {
    .bx--col,
    .bx--col-max {
        -ms-flex-preferred-size: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        -webkit-flex-basis: 0;
        flex-basis: 0;
        -webkit-flex-grow: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .bx--col--auto,
    .bx--col-max--auto {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 0%;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        max-width: 100%;
        width: auto
    }
    .bx--col-max-0 {
        display: none
    }
    .bx--col-max-1 {
        -webkit-flex: 0 0 8.3333333333%;
        -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }
    .bx--col-max-1,
    .bx--col-max-2 {
        -webkit-box-flex: 0;
        display: block
    }
    .bx--col-max-2 {
        -webkit-flex: 0 0 16.6666666667%;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }
    .bx--col-max-3 {
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .bx--col-max-3,
    .bx--col-max-4 {
        -webkit-box-flex: 0;
        display: block
    }
    .bx--col-max-4 {
        -webkit-flex: 0 0 33.3333333333%;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }
    .bx--col-max-5 {
        -webkit-flex: 0 0 41.6666666667%;
        -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }
    .bx--col-max-5,
    .bx--col-max-6 {
        -webkit-box-flex: 0;
        display: block
    }
    .bx--col-max-6 {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .bx--col-max-7 {
        -webkit-flex: 0 0 58.3333333333%;
        -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }
    .bx--col-max-7,
    .bx--col-max-8 {
        -webkit-box-flex: 0;
        display: block
    }
    .bx--col-max-8 {
        -webkit-flex: 0 0 66.6666666667%;
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }
    .bx--col-max-9 {
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .bx--col-max-9,
    .bx--col-max-10 {
        -webkit-box-flex: 0;
        display: block
    }
    .bx--col-max-10 {
        -webkit-flex: 0 0 83.3333333333%;
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }
    .bx--col-max-11 {
        -webkit-flex: 0 0 91.6666666667%;
        -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }
    .bx--col-max-11,
    .bx--col-max-12 {
        -webkit-box-flex: 0;
        display: block
    }
    .bx--col-max-12 {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .bx--offset-max-0 {
        margin-left: 0
    }
    .bx--offset-max-1 {
        margin-left: 8.3333333333%
    }
    .bx--offset-max-2 {
        margin-left: 16.6666666667%
    }
    .bx--offset-max-3 {
        margin-left: 25%
    }
    .bx--offset-max-4 {
        margin-left: 33.3333333333%
    }
    .bx--offset-max-5 {
        margin-left: 41.6666666667%
    }
    .bx--offset-max-6 {
        margin-left: 50%
    }
    .bx--offset-max-7 {
        margin-left: 58.3333333333%
    }
    .bx--offset-max-8 {
        margin-left: 66.6666666667%
    }
    .bx--offset-max-9 {
        margin-left: 75%
    }
    .bx--offset-max-10 {
        margin-left: 83.3333333333%
    }
    .bx--offset-max-11 {
        margin-left: 91.6666666667%
    }
}

.bx--no-gutter,
.bx--row.bx--no-gutter [class*=bx--col] {
    padding-left: 0;
    padding-right: 0
}

.bx--no-gutter--start,
.bx--row.bx--no-gutter--start [class*=bx--col] {
    padding-left: 0
}

.bx--no-gutter--end,
.bx--row.bx--no-gutter--end [class*=bx--col] {
    padding-right: 0
}

.bx--no-gutter--left,
.bx--row.bx--no-gutter--left [class*=bx--col] {
    padding-left: 0
}

.bx--no-gutter--right,
.bx--row.bx--no-gutter--right [class*=bx--col] {
    padding-right: 0
}

.bx--hang--start {
    padding-left: 1rem
}

.bx--hang--end {
    padding-right: 1rem
}

.bx--hang--left {
    padding-left: 1rem
}

.bx--hang--right {
    padding-right: 1rem
}

.bx--aspect-ratio {
    position: relative
}

.bx--aspect-ratio:before {
    content: "";
    float: left;
    height: 0;
    margin-left: -1px;
    width: 1px
}

.bx--aspect-ratio:after {
    clear: both;
    content: "";
    display: table
}

.bx--aspect-ratio--16x9:before {
    padding-top: 56.25%
}

.bx--aspect-ratio--9x16:before {
    padding-top: 177.7777777778%
}

.bx--aspect-ratio--2x1:before {
    padding-top: 50%
}

.bx--aspect-ratio--1x2:before {
    padding-top: 200%
}

.bx--aspect-ratio--4x3:before {
    padding-top: 75%
}

.bx--aspect-ratio--3x4:before {
    padding-top: 133.3333333333%
}

.bx--aspect-ratio--3x2:before {
    padding-top: 66.6666666667%
}

.bx--aspect-ratio--2x3:before {
    padding-top: 150%
}

.bx--aspect-ratio--1x1:before {
    padding-top: 100%
}

.bx--aspect-ratio--object {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

@-webkit-keyframes collapse-accordion {
    0% {
        height: 100%;
        opacity: 1;
        visibility: inherit
    }
    to {
        height: 0;
        opacity: 0;
        visibility: hidden
    }
}

@keyframes collapse-accordion {
    0% {
        height: 100%;
        opacity: 1;
        visibility: inherit
    }
    to {
        height: 0;
        opacity: 0;
        visibility: hidden
    }
}

@-webkit-keyframes expand-accordion {
    0% {
        height: 0;
        opacity: 0;
        visibility: hidden
    }
    to {
        height: 100%;
        opacity: 1;
        visibility: inherit
    }
}

@keyframes expand-accordion {
    0% {
        height: 0;
        opacity: 0;
        visibility: hidden
    }
    to {
        height: 100%;
        opacity: 1;
        visibility: inherit
    }
}

.bx--accordion {
    list-style: none;
    width: 100%
}

.bx--accordion__item {
    border-top: 1px solid var(--ui-03);
    overflow: visible;
    -webkit-transition: all .11s cubic-bezier(.2, 0, .38, .9);
    transition: all .11s cubic-bezier(.2, 0, .38, .9)
}

.bx--accordion__item:last-child {
    border-bottom: 1px solid var(--ui-03)
}

.bx--accordion__heading {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: 0;
    color: var(--text-01);
    cursor: pointer;
    display: inline-block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    margin: 0;
    min-height: 2.5rem;
    padding: .625rem 0;
    position: relative;
    -webkit-transition: background-color .11s cubic-bezier(.2, 0, .38, .9);
    transition: background-color .11s cubic-bezier(.2, 0, .38, .9);
    width: 100%
}

.bx--accordion__heading::-moz-focus-inner {
    border: 0
}

.bx--accordion__heading:focus:before,
.bx--accordion__heading:hover:before {
    content: "";
    height: calc(100% + 2px);
    left: 0;
    position: absolute;
    top: -1px;
    width: 100%
}

.bx--accordion__heading:hover:before {
    background-color: var(--hover-ui)
}

.bx--accordion__heading:focus {
    outline: none
}

.bx--accordion__heading:focus:before {
    border: 2px solid var(--focus);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (prefers-contrast) {
    .bx--accordion__heading:focus:before {
        border-style: dotted
    }
}

.bx--accordion--lg .bx--accordion__heading,
.bx--accordion--xl .bx--accordion__heading {
    min-height: 3rem
}

.bx--accordion--sm .bx--accordion__heading {
    min-height: 2rem;
    padding: .3125rem 0
}

.bx--accordion__heading[disabled] {
    color: var(--disabled-02);
    cursor: not-allowed
}

.bx--accordion__heading[disabled] .bx--accordion__arrow {
    fill: var(--disabled-02)
}

.bx--accordion__heading[disabled]:hover:before {
    background-color: transparent
}

.bx--accordion__item--disabled,
.bx--accordion__item--disabled+.bx--accordion__item {
    border-top: 1px solid var(--disabled-01)
}

li.bx--accordion__item--disabled:last-of-type {
    border-bottom: 1px solid var(--disabled-01)
}

.bx--accordion__arrow {
    -webkit-box-flex: 0;
    fill: var(--ui-05);
    -webkit-flex: 0 0 1rem;
    -ms-flex: 0 0 1rem;
    flex: 0 0 1rem;
    height: 1rem;
    margin: 2px 1rem 0 0;
    outline: 2px solid transparent;
    outline-offset: -2px;
    -webkit-transform: rotate(-270deg);
    transform: rotate(-270deg);
    -webkit-transition: all .11s cubic-bezier(.2, 0, .38, .9);
    transition: all .11s cubic-bezier(.2, 0, .38, .9);
    width: 1rem
}

.bx--accordion__title {
    font-size: .857rem;
    font-weight: 400;
    letter-spacing: .16px;
    line-height: 1.125rem;
    margin: 0 0 0 1rem;
    text-align: left;
    width: 100%;
    z-index: 1
}

.bx--accordion__content {
    display: none;
    padding-left: 1rem;
    padding-right: 1rem;
    -webkit-transition: padding .11s cubic-bezier(.2, 0, .38, .9);
    transition: padding .11s cubic-bezier(.2, 0, .38, .9)
}

@media(min-width:480px) {
    .bx--accordion__content {
        padding-right: 3rem
    }
}

@media(min-width:640px) {
    .bx--accordion__content {
        padding-right: 25%
    }
}

.bx--accordion__content>p {
    font-size: .857rem;
    font-weight: 400;
    letter-spacing: .16px;
    line-height: 1.125rem
}

.bx--accordion--start .bx--accordion__heading {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.bx--accordion--start .bx--accordion__arrow {
    margin: 2px 0 0 1rem
}

.bx--accordion--start .bx--accordion__title {
    margin-right: 1rem
}

.bx--accordion--start .bx--accordion__content {
    margin-left: 2rem
}

.bx--accordion__item--collapsing .bx--accordion__content,
.bx--accordion__item--expanding .bx--accordion__content {
    display: block
}

.bx--accordion__item--collapsing .bx--accordion__content {
    -webkit-animation: collapse-accordion .11s cubic-bezier(.2, 0, .38, .9);
    animation: collapse-accordion .11s cubic-bezier(.2, 0, .38, .9)
}

.bx--accordion__item--expanding .bx--accordion__content {
    -webkit-animation: expand-accordion .11s cubic-bezier(.2, 0, .38, .9);
    animation: expand-accordion .11s cubic-bezier(.2, 0, .38, .9)
}

.bx--accordion__item--active {
    overflow: visible
}

.bx--accordion__item--active .bx--accordion__content {
    display: block;
    padding-bottom: 1.5rem;
    padding-top: .5rem;
    -webkit-transition: padding-top .11s cubic-bezier(0, 0, .38, .9), padding-bottom .11s cubic-bezier(0, 0, .38, .9);
    transition: padding-top .11s cubic-bezier(0, 0, .38, .9), padding-bottom .11s cubic-bezier(0, 0, .38, .9)
}

.bx--accordion__item--active .bx--accordion__arrow {
    fill: var(--ui-05);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.bx--accordion.bx--skeleton .bx--accordion__button,
.bx--accordion.bx--skeleton .bx--accordion__heading {
    cursor: default
}

.bx--accordion.bx--skeleton .bx--accordion__arrow {
    fill: var(--ui-05);
    cursor: default;
    pointer-events: none
}

.bx--accordion.bx--skeleton .bx--accordion__arrow:active,
.bx--accordion.bx--skeleton .bx--accordion__arrow:focus,
.bx--accordion.bx--skeleton .bx--accordion__arrow:hover {
    border: none;
    cursor: default;
    outline: none
}

.bx--accordion.bx--skeleton .bx--accordion__heading:hover:before {
    background-color: transparent
}

.bx--accordion--end.bx--skeleton .bx--accordion__arrow {
    margin-left: 1rem
}

.bx--skeleton .bx--accordion__heading:focus .bx--accordion__arrow {
    border: none;
    cursor: default;
    outline: none
}

.bx--accordion__title.bx--skeleton__text {
    margin-bottom: 0
}

@media (forced-colors:active),
(prefers-contrast),
screen and (-ms-high-contrast:active) {
    .bx--accordion__arrow,
    .bx--accordion__item--active .bx--accordion__arrow {
        fill: ButtonText
    }
}

.bx--link {
    color: var(--link-01);
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: .857rem;
    font-weight: 400;
    letter-spacing: .16px;
    line-height: 1.125rem;
    outline: none;
    text-decoration: none;
    -webkit-transition: color 70ms cubic-bezier(.2, 0, .38, .9);
    transition: color 70ms cubic-bezier(.2, 0, .38, .9)
}

.bx--link:hover {
    color: var(--hover-primary);
    text-decoration: underline
}

.bx--link:active,
.bx--link:active:visited,
.bx--link:active:visited:hover {
    color: var(--text-01);
    text-decoration: underline
}

.bx--link:focus {
    outline: 1px solid var(--focus)
}

@media screen and (prefers-contrast) {
    .bx--link:focus {
        outline-style: dotted
    }
}

.bx--link:visited {
    color: var(--link-01)
}

.bx--link:visited:hover {
    color: var(--hover-primary)
}

.bx--link--disabled,
.bx--link--disabled:hover {
    color: var(--disabled-02);
    cursor: not-allowed;
    font-size: .857rem;
    font-weight: 400;
    letter-spacing: .16px;
    line-height: 1.125rem;
    text-decoration: none
}

.bx--link.bx--link--visited:visited {
    color: var(--visited-link)
}

.bx--link.bx--link--visited:visited:hover {
    color: var(--hover-primary)
}

.bx--link.bx--link--inline {
    text-decoration: underline
}

.bx--link.bx--link--inline:focus,
.bx--link.bx--link--inline:visited {
    text-decoration: none
}

.bx--link--disabled.bx--link--inline {
    text-decoration: underline
}

.bx--link--sm {
    font-size: .75rem;
    font-weight: 400;
    letter-spacing: .32px;
    line-height: 1rem
}

.bx--link--lg {
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.375rem
}

.bx--link__icon {
    -ms-flex-item-align: center;
    -webkit-align-self: center;
    align-self: center;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-left: .5rem
}

.bx--breadcrumb {
    display: inline;
    font-size: .857rem;
    font-weight: 400;
    letter-spacing: .16px;
    line-height: 1.125rem
}

@media(min-width:42rem) {
    .bx--breadcrumb {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.bx--breadcrumb-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: .5rem;
    position: relative
}

.bx--breadcrumb-item .bx--link:visited {
    color: var(--link-01)
}

.bx--breadcrumb-item .bx--link:visited:hover {
    color: var(--hover-primary)
}

.bx--breadcrumb-item:after {
    color: var(--text-01);
    content: "/";
    margin-left: .5rem
}

.bx--breadcrumb--no-trailing-slash .bx--breadcrumb-item:last-child:after {
    content: ""
}

.bx--breadcrumb-item:last-child,
.bx--breadcrumb-item:last-child:after {
    margin-right: 0
}

.bx--breadcrumb .bx--link {
    white-space: nowrap
}

.bx--breadcrumb-item.bx--breadcrumb-item--current .bx--link,
.bx--breadcrumb-item [aria-current=page] {
    color: var(--text-01);
    cursor: auto
}

.bx--breadcrumb-item.bx--breadcrumb-item--current .bx--link:hover,
.bx--breadcrumb-item [aria-current=page]:hover {
    text-decoration: none
}

.bx--breadcrumb-item .bx--overflow-menu {
    height: 1.125rem;
    position: relative;
    width: 1.25rem
}

.bx--breadcrumb-item .bx--overflow-menu:focus {
    outline: 1px solid var(--focus)
}

.bx--breadcrumb-item .bx--overflow-menu:hover {
    background: transparent
}

.bx--breadcrumb-item .bx--overflow-menu:after {
    background: var(--hover-primary);
    bottom: 2px;
    content: "";
    height: 1px;
    opacity: 0;
    position: absolute;
    -webkit-transition: opacity 70ms cubic-bezier(.2, 0, .38, .9);
    transition: opacity 70ms cubic-bezier(.2, 0, .38, .9);
    width: .75rem
}

.bx--breadcrumb-item .bx--overflow-menu:hover:after {
    opacity: 1
}

.bx--breadcrumb-item .bx--overflow-menu.bx--overflow-menu--open {
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.bx--breadcrumb-item .bx--overflow-menu__icon {
    fill: var(--link-01);
    position: relative;
    -webkit-transform: translateY(4px);
    transform: translateY(4px)
}

.bx--breadcrumb-item .bx--overflow-menu:hover .bx--overflow-menu__icon {
    fill: var(--hover-primary)
}

.bx--breadcrumb-menu-options:focus {
    outline: none
}

.bx--breadcrumb-menu-options.bx--overflow-menu-options[data-floating-menu-direction=bottom]:after {
    background: transparent;
    border-bottom: .4375rem solid var(--field-01);
    border-left: .4375rem solid transparent;
    border-right: .4375rem solid transparent;
    height: 0;
    left: .875rem;
    margin: 0 auto;
    top: -.4375rem;
    width: 0
}

.bx--breadcrumb.bx--skeleton .bx--link {
    background: var(--skeleton-01);
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 1rem;
    padding: 0;
    pointer-events: none;
    position: relative;
    width: 6.25rem
}

.bx--breadcrumb.bx--skeleton .bx--link:active,
.bx--breadcrumb.bx--skeleton .bx--link:focus,
.bx--breadcrumb.bx--skeleton .bx--link:hover {
    border: none;
    cursor: default;
    outline: none
}

.bx--breadcrumb.bx--skeleton .bx--link:before {
    -webkit-animation: skeleton 3s ease-in-out infinite;
    animation: skeleton 3s ease-in-out infinite;
    background: var(--skeleton-02);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    will-change: transform-origin, transform, opacity
}

@media(prefers-reduced-motion:reduce) {
    .bx--breadcrumb.bx--skeleton .bx--link:before {
        -webkit-animation: none;
        animation: none
    }
}

.bx--btn {
    -ms-flex-negative: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-align-items: center;
    align-items: center;
    border-radius: 0;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    font-size: .857rem;
    font-weight: 400;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    letter-spacing: .16px;
    line-height: 1.125rem;
    margin: 0;
    max-width: 20rem;
    min-height: 3rem;
    outline: none;
    padding: calc(.875rem - 3px) 63px calc(.875rem - 3px) 15px;
    position: relative;
    text-align: left;
    text-decoration: none;
    -webkit-transition: background 70ms cubic-bezier(0, 0, .38, .9), border-color 70ms cubic-bezier(0, 0, .38, .9), outline 70ms cubic-bezier(0, 0, .38, .9), -webkit-box-shadow 70ms cubic-bezier(0, 0, .38, .9);
    transition: background 70ms cubic-bezier(0, 0, .38, .9), border-color 70ms cubic-bezier(0, 0, .38, .9), outline 70ms cubic-bezier(0, 0, .38, .9), -webkit-box-shadow 70ms cubic-bezier(0, 0, .38, .9);
    transition: background 70ms cubic-bezier(0, 0, .38, .9), box-shadow 70ms cubic-bezier(0, 0, .38, .9), border-color 70ms cubic-bezier(0, 0, .38, .9), outline 70ms cubic-bezier(0, 0, .38, .9);
    transition: background 70ms cubic-bezier(0, 0, .38, .9), box-shadow 70ms cubic-bezier(0, 0, .38, .9), border-color 70ms cubic-bezier(0, 0, .38, .9), outline 70ms cubic-bezier(0, 0, .38, .9), -webkit-box-shadow 70ms cubic-bezier(0, 0, .38, .9);
    vertical-align: top
}

.bx--btn.bx--btn--disabled,
.bx--btn.bx--btn--disabled:focus,
.bx--btn.bx--btn--disabled:hover,
.bx--btn:disabled,
.bx--btn:focus:disabled,
.bx--btn:hover:disabled {
    background: var(--disabled-02);
    border-color: var(--disabled-02);
    -webkit-box-shadow: none;
    box-shadow: none;
    color: var(--disabled-03);
    cursor: not-allowed
}

.bx--btn .bx--btn__icon {
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 1rem;
    position: absolute;
    right: 1rem;
    width: 1rem
}

.bx--btn::-moz-focus-inner {
    border: 0;
    padding: 0
}

.bx--btn--primary {
    background-color: var(--interactive-01);
    border: 1px solid transparent;
    color: var(--text-04)
}

.bx--btn--primary:hover {
    background-color: var(--hover-primary)
}

.bx--btn--primary:focus {
    border-color: var(--focus);
    -webkit-box-shadow: inset 0 0 0 1px var(--focus), inset 0 0 0 2px var(--ui-background);
    box-shadow: inset 0 0 0 1px var(--focus), inset 0 0 0 2px var(--ui-background)
}

.bx--btn--primary:active {
    background-color: var(--active-primary)
}

.bx--btn--primary .bx--btn__icon,
.bx--btn--primary .bx--btn__icon path:not([data-icon-path]):not([fill=none]) {
    fill: currentColor
}

.bx--btn--primary:hover,
.bx--btn--secondary {
    color: var(--text-04)
}

.bx--btn--secondary {
    background-color: var(--interactive-02);
    border: 1px solid transparent
}

.bx--btn--secondary:hover {
    background-color: var(--hover-secondary)
}

.bx--btn--secondary:focus {
    border-color: var(--focus);
    -webkit-box-shadow: inset 0 0 0 1px var(--focus), inset 0 0 0 2px var(--ui-background);
    box-shadow: inset 0 0 0 1px var(--focus), inset 0 0 0 2px var(--ui-background)
}

.bx--btn--secondary:active {
    background-color: var(--active-secondary)
}

.bx--btn--secondary .bx--btn__icon,
.bx--btn--secondary .bx--btn__icon path:not([data-icon-path]):not([fill=none]) {
    fill: currentColor
}

.bx--btn--secondary:focus,
.bx--btn--secondary:hover {
    color: var(--text-04)
}

.bx--btn--tertiary {
    background-color: transparent;
    border: 1px solid var(--interactive-03);
    color: var(--interactive-03)
}

.bx--btn--tertiary:hover {
    background-color: var(--hover-tertiary)
}

.bx--btn--tertiary:focus {
    border-color: var(--focus);
    -webkit-box-shadow: inset 0 0 0 1px var(--focus), inset 0 0 0 2px var(--ui-background);
    box-shadow: inset 0 0 0 1px var(--focus), inset 0 0 0 2px var(--ui-background)
}

.bx--btn--tertiary .bx--btn__icon,
.bx--btn--tertiary .bx--btn__icon path:not([data-icon-path]):not([fill=none]) {
    fill: currentColor
}

.bx--btn--tertiary:hover {
    color: var(--inverse-01)
}

.bx--btn--tertiary:focus {
    background-color: var(--interactive-03);
    color: var(--inverse-01)
}

.bx--btn--tertiary:active {
    background-color: var(--active-tertiary);
    border-color: transparent;
    color: var(--inverse-01)
}

.bx--btn--tertiary.bx--btn--disabled,
.bx--btn--tertiary.bx--btn--disabled:focus,
.bx--btn--tertiary.bx--btn--disabled:hover,
.bx--btn--tertiary:disabled,
.bx--btn--tertiary:focus:disabled,
.bx--btn--tertiary:hover:disabled {
    background: transparent;
    color: var(--disabled-03);
    outline: none
}

.bx--btn--ghost {
    background-color: transparent;
    border: 1px solid transparent;
    color: var(--link-01);
    padding: calc(.875rem - 3px) 16px
}

.bx--btn--ghost:hover {
    background-color: var(--hover-ui)
}

.bx--btn--ghost:focus {
    border-color: var(--focus);
    -webkit-box-shadow: inset 0 0 0 1px var(--focus), inset 0 0 0 2px var(--ui-background);
    box-shadow: inset 0 0 0 1px var(--focus), inset 0 0 0 2px var(--ui-background)
}

.bx--btn--ghost .bx--btn__icon,
.bx--btn--ghost .bx--btn__icon path:not([data-icon-path]):not([fill=none]) {
    fill: currentColor
}

.bx--btn--ghost .bx--btn__icon {
    margin-left: .5rem;
    position: static
}

.bx--btn--ghost:active,
.bx--btn--ghost:hover {
    color: var(--hover-primary)
}

.bx--btn--ghost:active {
    background-color: var(--active-ui)
}

.bx--btn--ghost.bx--btn--disabled,
.bx--btn--ghost.bx--btn--disabled:focus,
.bx--btn--ghost.bx--btn--disabled:hover,
.bx--btn--ghost:disabled,
.bx--btn--ghost:focus:disabled,
.bx--btn--ghost:hover:disabled {
    background: transparent;
    border-color: transparent;
    color: var(--disabled-03);
    outline: none
}

.bx--btn--ghost.bx--btn--sm {
    padding: calc(.375rem - 3px) 16px
}

.bx--btn--ghost.bx--btn--field,
.bx--btn--ghost.bx--btn--md {
    padding: calc(.675rem - 3px) 16px
}

.bx--btn.bx--btn--icon-only.bx--tooltip__trigger {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    overflow: visible;
    position: relative
}

.bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus {
    outline: 1px solid var(--focus)
}

@media screen and (prefers-contrast) {
    .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus {
        outline-style: dotted
    }
}

.bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus {
    outline: 1px solid transparent
}

.bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus svg {
    outline: 1px solid var(--focus)
}

@media screen and (prefers-contrast) {
    .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus svg {
        outline-style: dotted
    }
}

.bx--btn.bx--btn--icon-only.bx--tooltip__trigger+.bx--assistive-text,
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .bx--assistive-text,
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger:after,
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger:before {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    z-index: 6000
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .bx--btn.bx--btn--icon-only.bx--tooltip__trigger+.bx--assistive-text,
    .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .bx--assistive-text,
    .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:after,
    .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:before {
        display: inline-block
    }
}

.bx--btn.bx--btn--icon-only.bx--tooltip__trigger:after,
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger:before {
    -webkit-transition: opacity 70ms cubic-bezier(.2, 0, .38, .9);
    transition: opacity 70ms cubic-bezier(.2, 0, .38, .9)
}

.bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--a11y:after,
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--a11y:before {
    -webkit-transition: none;
    transition: none
}

.bx--btn.bx--btn--icon-only.bx--tooltip__trigger:before {
    border-style: solid;
    content: "";
    height: 0;
    width: 0
}

.bx--btn.bx--btn--icon-only.bx--tooltip__trigger+.bx--assistive-text,
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .bx--assistive-text {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    color: inherit;
    opacity: 1;
    white-space: normal;
    word-break: break-word
}

.bx--btn.bx--btn--icon-only.bx--tooltip__trigger+.bx--assistive-text,
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .bx--assistive-text,
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger:after {
    background-color: var(--inverse-02);
    border-radius: .125rem;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
    color: var(--inverse-01);
    font-size: .857rem;
    font-weight: 400;
    height: auto;
    letter-spacing: .16px;
    line-height: 1.125rem;
    max-width: 13rem;
    min-width: 1.5rem;
    padding: .1875rem 1rem;
    text-align: left;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    z-index: 6000
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .bx--btn.bx--btn--icon-only.bx--tooltip__trigger+.bx--assistive-text,
    .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .bx--assistive-text,
    .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:after {
        width: auto
    }
}

@supports(-ms-accelerator:true) {
    .bx--btn.bx--btn--icon-only.bx--tooltip__trigger+.bx--assistive-text,
    .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .bx--assistive-text,
    .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:after {
        width: auto
    }
}

@supports(-ms-ime-align:auto) {
    .bx--btn.bx--btn--icon-only.bx--tooltip__trigger+.bx--assistive-text,
    .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .bx--assistive-text,
    .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:after {
        width: auto
    }
}

@media screen and (-ms-high-contrast:active),
screen and (prefers-contrast) {
    .bx--btn.bx--btn--icon-only.bx--tooltip__trigger+.bx--assistive-text,
    .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .bx--assistive-text,
    .bx--btn.bx--btn--icon-only.bx--tooltip__trigger:after {
        border: 1px solid transparent
    }
}

.bx--btn.bx--btn--icon-only.bx--tooltip__trigger:after {
    content: attr(aria-label)
}

.bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--a11y:after {
    content: none
}

.bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--visible:after,
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--visible:before,
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus:after,
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus:before,
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger:hover:after,
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger:hover:before {
    opacity: 1
}

@-webkit-keyframes tooltip-fade {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--visible+.bx--assistive-text,
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--visible .bx--assistive-text,
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus+.bx--assistive-text,
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus .bx--assistive-text,
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger:hover+.bx--assistive-text,
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger:hover .bx--assistive-text {
    clip: auto;
    margin: auto;
    overflow: visible
}

.bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--visible+.bx--assistive-text,
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--visible .bx--assistive-text,
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--visible.bx--tooltip--a11y:before,
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus+.bx--assistive-text,
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus .bx--assistive-text,
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus.bx--tooltip--a11y:before,
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger:hover+.bx--assistive-text,
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger:hover .bx--assistive-text,
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger:hover.bx--tooltip--a11y:before {
    -webkit-animation: tooltip-fade 70ms cubic-bezier(.2, 0, .38, .9);
    animation: tooltip-fade 70ms cubic-bezier(.2, 0, .38, .9)
}

.bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--hidden+.bx--assistive-text,
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--hidden .bx--assistive-text {
    clip: rect(0, 0, 0, 0);
    margin: -1px;
    overflow: hidden
}

.bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--hidden.bx--tooltip--a11y:before {
    -webkit-animation: none;
    animation: none;
    opacity: 0
}

.bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus svg,
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger:hover svg,
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger svg {
    fill: currentColor
}

.bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--btn--disabled .bx--assistive-text,
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--btn--disabled.bx--tooltip--a11y:after,
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--btn--disabled.bx--tooltip--a11y:before {
    clip: rect(0, 0, 0, 0);
    margin: -1px;
    opacity: 0;
    overflow: hidden
}

.bx--btn.bx--btn--icon-only:not(.bx--tooltip--hidden) .bx--assistive-text {
    pointer-events: all
}

.bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus {
    border-color: var(--focus)
}

.bx--btn.bx--btn--icon-only.bx--tooltip__trigger:active:not([disabled]) {
    border-color: transparent
}

.bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus svg {
    outline-color: transparent
}

.bx--btn.bx--btn--icon-only.bx--tooltip__trigger[disabled]:active,
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger[disabled]:focus,
.bx--btn.bx--btn--icon-only.bx--tooltip__trigger[disabled]:hover {
    fill: var(--disabled-03);
    cursor: not-allowed
}

.bx--tooltip__trigger.bx--btn--icon-only--top {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    overflow: visible;
    position: relative
}

.bx--tooltip__trigger.bx--btn--icon-only--top:focus {
    outline: 1px solid var(--focus)
}

@media screen and (prefers-contrast) {
    .bx--tooltip__trigger.bx--btn--icon-only--top:focus {
        outline-style: dotted
    }
}

.bx--tooltip__trigger.bx--btn--icon-only--top:focus {
    outline: 1px solid transparent
}

.bx--tooltip__trigger.bx--btn--icon-only--top:focus svg {
    outline: 1px solid var(--focus)
}

@media screen and (prefers-contrast) {
    .bx--tooltip__trigger.bx--btn--icon-only--top:focus svg {
        outline-style: dotted
    }
}

.bx--tooltip__trigger.bx--btn--icon-only--top+.bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--top .bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--top:after,
.bx--tooltip__trigger.bx--btn--icon-only--top:before {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    z-index: 6000
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .bx--tooltip__trigger.bx--btn--icon-only--top+.bx--assistive-text,
    .bx--tooltip__trigger.bx--btn--icon-only--top .bx--assistive-text,
    .bx--tooltip__trigger.bx--btn--icon-only--top:after,
    .bx--tooltip__trigger.bx--btn--icon-only--top:before {
        display: inline-block
    }
}

.bx--tooltip__trigger.bx--btn--icon-only--top:after,
.bx--tooltip__trigger.bx--btn--icon-only--top:before {
    -webkit-transition: opacity 70ms cubic-bezier(.2, 0, .38, .9);
    transition: opacity 70ms cubic-bezier(.2, 0, .38, .9)
}

.bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--a11y:after,
.bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--a11y:before {
    -webkit-transition: none;
    transition: none
}

.bx--tooltip__trigger.bx--btn--icon-only--top:before {
    border-style: solid;
    content: "";
    height: 0;
    width: 0
}

.bx--tooltip__trigger.bx--btn--icon-only--top+.bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--top .bx--assistive-text {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    color: inherit;
    opacity: 1;
    white-space: normal;
    word-break: break-word
}

.bx--tooltip__trigger.bx--btn--icon-only--top+.bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--top .bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--top:after {
    background-color: var(--inverse-02);
    border-radius: .125rem;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
    color: var(--inverse-01);
    font-size: .857rem;
    font-weight: 400;
    height: auto;
    letter-spacing: .16px;
    line-height: 1.125rem;
    max-width: 13rem;
    min-width: 1.5rem;
    padding: .1875rem 1rem;
    text-align: left;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    z-index: 6000
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .bx--tooltip__trigger.bx--btn--icon-only--top+.bx--assistive-text,
    .bx--tooltip__trigger.bx--btn--icon-only--top .bx--assistive-text,
    .bx--tooltip__trigger.bx--btn--icon-only--top:after {
        width: auto
    }
}

@supports(-ms-accelerator:true) {
    .bx--tooltip__trigger.bx--btn--icon-only--top+.bx--assistive-text,
    .bx--tooltip__trigger.bx--btn--icon-only--top .bx--assistive-text,
    .bx--tooltip__trigger.bx--btn--icon-only--top:after {
        width: auto
    }
}

@supports(-ms-ime-align:auto) {
    .bx--tooltip__trigger.bx--btn--icon-only--top+.bx--assistive-text,
    .bx--tooltip__trigger.bx--btn--icon-only--top .bx--assistive-text,
    .bx--tooltip__trigger.bx--btn--icon-only--top:after {
        width: auto
    }
}

@media screen and (-ms-high-contrast:active),
screen and (prefers-contrast) {
    .bx--tooltip__trigger.bx--btn--icon-only--top+.bx--assistive-text,
    .bx--tooltip__trigger.bx--btn--icon-only--top .bx--assistive-text,
    .bx--tooltip__trigger.bx--btn--icon-only--top:after {
        border: 1px solid transparent
    }
}

.bx--tooltip__trigger.bx--btn--icon-only--top:after {
    content: attr(aria-label)
}

.bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--a11y:after {
    content: none
}

.bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--visible:after,
.bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--visible:before,
.bx--tooltip__trigger.bx--btn--icon-only--top:focus:after,
.bx--tooltip__trigger.bx--btn--icon-only--top:focus:before,
.bx--tooltip__trigger.bx--btn--icon-only--top:hover:after,
.bx--tooltip__trigger.bx--btn--icon-only--top:hover:before {
    opacity: 1
}

.bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--visible+.bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--visible .bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--top:focus+.bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--top:focus .bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--top:hover+.bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--top:hover .bx--assistive-text {
    clip: auto;
    margin: auto;
    overflow: visible
}

.bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--visible+.bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--visible .bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--visible.bx--tooltip--a11y:before,
.bx--tooltip__trigger.bx--btn--icon-only--top:focus+.bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--top:focus .bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--top:focus.bx--tooltip--a11y:before,
.bx--tooltip__trigger.bx--btn--icon-only--top:hover+.bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--top:hover .bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--top:hover.bx--tooltip--a11y:before {
    -webkit-animation: tooltip-fade 70ms cubic-bezier(.2, 0, .38, .9);
    animation: tooltip-fade 70ms cubic-bezier(.2, 0, .38, .9)
}

.bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--hidden+.bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--hidden .bx--assistive-text {
    clip: rect(0, 0, 0, 0);
    margin: -1px;
    overflow: hidden
}

.bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--hidden.bx--tooltip--a11y:before {
    -webkit-animation: none;
    animation: none;
    opacity: 0
}

.bx--tooltip__trigger.bx--btn--icon-only--top .bx--assistive-text:after {
    bottom: -.75rem;
    content: "";
    display: block;
    height: .75rem;
    left: 0;
    position: absolute;
    width: 100%
}

.bx--tooltip__trigger.bx--btn--icon-only--top+.bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--top .bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--top:after,
.bx--tooltip__trigger.bx--btn--icon-only--top:before {
    left: 50%;
    top: 0
}

.bx--tooltip__trigger.bx--btn--icon-only--top:before {
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: var(--inverse-02);
    border-width: .3125rem .25rem 0;
    top: -.5rem;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%)
}

.bx--tooltip__trigger.bx--btn--icon-only--top+.bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--top .bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--top:after {
    left: 50%;
    top: -.8125rem;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%)
}

.bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-start .bx--assistive-text:after {
    bottom: -.75rem;
    content: "";
    display: block;
    height: .75rem;
    left: 0;
    position: absolute;
    width: 100%
}

.bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-start+.bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-start .bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-start:after,
.bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-start:before {
    left: 50%;
    top: 0
}

.bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-start:before {
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: var(--inverse-02);
    border-width: .3125rem .25rem 0;
    top: -.5rem;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%)
}

.bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-start+.bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-start .bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-start:after {
    left: 0;
    top: -.8125rem;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-center .bx--assistive-text:after {
    bottom: -.75rem;
    content: "";
    display: block;
    height: .75rem;
    left: 0;
    position: absolute;
    width: 100%
}

.bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-center+.bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-center .bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-center:after,
.bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-center:before {
    left: 50%;
    top: 0
}

.bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-center:before {
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: var(--inverse-02);
    border-width: .3125rem .25rem 0;
    top: -.5rem;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%)
}

.bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-center+.bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-center .bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-center:after {
    left: 50%;
    top: -.8125rem;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%)
}

.bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-end .bx--assistive-text:after {
    bottom: -.75rem;
    content: "";
    display: block;
    height: .75rem;
    left: 0;
    position: absolute;
    width: 100%
}

.bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-end+.bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-end .bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-end:after,
.bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-end:before {
    left: 50%;
    top: 0
}

.bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-end:before {
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: var(--inverse-02);
    border-width: .3125rem .25rem 0;
    top: -.5rem;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%)
}

.bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-end+.bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-end .bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-end:after {
    left: auto;
    right: 0;
    top: -.8125rem;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.bx--tooltip__trigger.bx--btn--icon-only--right {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    overflow: visible;
    position: relative
}

.bx--tooltip__trigger.bx--btn--icon-only--right:focus {
    outline: 1px solid var(--focus)
}

@media screen and (prefers-contrast) {
    .bx--tooltip__trigger.bx--btn--icon-only--right:focus {
        outline-style: dotted
    }
}

.bx--tooltip__trigger.bx--btn--icon-only--right:focus {
    outline: 1px solid transparent
}

.bx--tooltip__trigger.bx--btn--icon-only--right:focus svg {
    outline: 1px solid var(--focus)
}

@media screen and (prefers-contrast) {
    .bx--tooltip__trigger.bx--btn--icon-only--right:focus svg {
        outline-style: dotted
    }
}

.bx--tooltip__trigger.bx--btn--icon-only--right+.bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--right .bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--right:after,
.bx--tooltip__trigger.bx--btn--icon-only--right:before {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    z-index: 6000
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .bx--tooltip__trigger.bx--btn--icon-only--right+.bx--assistive-text,
    .bx--tooltip__trigger.bx--btn--icon-only--right .bx--assistive-text,
    .bx--tooltip__trigger.bx--btn--icon-only--right:after,
    .bx--tooltip__trigger.bx--btn--icon-only--right:before {
        display: inline-block
    }
}

.bx--tooltip__trigger.bx--btn--icon-only--right:after,
.bx--tooltip__trigger.bx--btn--icon-only--right:before {
    -webkit-transition: opacity 70ms cubic-bezier(.2, 0, .38, .9);
    transition: opacity 70ms cubic-bezier(.2, 0, .38, .9)
}

.bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--a11y:after,
.bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--a11y:before {
    -webkit-transition: none;
    transition: none
}

.bx--tooltip__trigger.bx--btn--icon-only--right:before {
    border-style: solid;
    content: "";
    height: 0;
    width: 0
}

.bx--tooltip__trigger.bx--btn--icon-only--right+.bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--right .bx--assistive-text {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    color: inherit;
    opacity: 1;
    white-space: normal;
    word-break: break-word
}

.bx--tooltip__trigger.bx--btn--icon-only--right+.bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--right .bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--right:after {
    background-color: var(--inverse-02);
    border-radius: .125rem;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
    color: var(--inverse-01);
    font-size: .857rem;
    font-weight: 400;
    height: auto;
    letter-spacing: .16px;
    line-height: 1.125rem;
    max-width: 13rem;
    min-width: 1.5rem;
    padding: .1875rem 1rem;
    text-align: left;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    z-index: 6000
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .bx--tooltip__trigger.bx--btn--icon-only--right+.bx--assistive-text,
    .bx--tooltip__trigger.bx--btn--icon-only--right .bx--assistive-text,
    .bx--tooltip__trigger.bx--btn--icon-only--right:after {
        width: auto
    }
}

@supports(-ms-accelerator:true) {
    .bx--tooltip__trigger.bx--btn--icon-only--right+.bx--assistive-text,
    .bx--tooltip__trigger.bx--btn--icon-only--right .bx--assistive-text,
    .bx--tooltip__trigger.bx--btn--icon-only--right:after {
        width: auto
    }
}

@supports(-ms-ime-align:auto) {
    .bx--tooltip__trigger.bx--btn--icon-only--right+.bx--assistive-text,
    .bx--tooltip__trigger.bx--btn--icon-only--right .bx--assistive-text,
    .bx--tooltip__trigger.bx--btn--icon-only--right:after {
        width: auto
    }
}

@media screen and (-ms-high-contrast:active),
screen and (prefers-contrast) {
    .bx--tooltip__trigger.bx--btn--icon-only--right+.bx--assistive-text,
    .bx--tooltip__trigger.bx--btn--icon-only--right .bx--assistive-text,
    .bx--tooltip__trigger.bx--btn--icon-only--right:after {
        border: 1px solid transparent
    }
}

.bx--tooltip__trigger.bx--btn--icon-only--right:after {
    content: attr(aria-label)
}

.bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--a11y:after {
    content: none
}

.bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--visible:after,
.bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--visible:before,
.bx--tooltip__trigger.bx--btn--icon-only--right:focus:after,
.bx--tooltip__trigger.bx--btn--icon-only--right:focus:before,
.bx--tooltip__trigger.bx--btn--icon-only--right:hover:after,
.bx--tooltip__trigger.bx--btn--icon-only--right:hover:before {
    opacity: 1
}

.bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--visible+.bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--visible .bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--right:focus+.bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--right:focus .bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--right:hover+.bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--right:hover .bx--assistive-text {
    clip: auto;
    margin: auto;
    overflow: visible
}

.bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--visible+.bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--visible .bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--visible.bx--tooltip--a11y:before,
.bx--tooltip__trigger.bx--btn--icon-only--right:focus+.bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--right:focus .bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--right:focus.bx--tooltip--a11y:before,
.bx--tooltip__trigger.bx--btn--icon-only--right:hover+.bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--right:hover .bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--right:hover.bx--tooltip--a11y:before {
    -webkit-animation: tooltip-fade 70ms cubic-bezier(.2, 0, .38, .9);
    animation: tooltip-fade 70ms cubic-bezier(.2, 0, .38, .9)
}

.bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--hidden+.bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--hidden .bx--assistive-text {
    clip: rect(0, 0, 0, 0);
    margin: -1px;
    overflow: hidden
}

.bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--hidden.bx--tooltip--a11y:before {
    -webkit-animation: none;
    animation: none;
    opacity: 0
}

.bx--tooltip__trigger.bx--btn--icon-only--right .bx--assistive-text:after {
    content: "";
    display: block;
    height: 100%;
    left: -.75rem;
    position: absolute;
    top: 0;
    width: .75rem
}

.bx--tooltip__trigger.bx--btn--icon-only--right+.bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--right .bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--right:after,
.bx--tooltip__trigger.bx--btn--icon-only--right:before {
    right: 0;
    top: 50%
}

.bx--tooltip__trigger.bx--btn--icon-only--right:before {
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: var(--inverse-02);
    border-top-color: transparent;
    border-width: .25rem .3125rem .25rem 0;
    right: -.5rem;
    -webkit-transform: translate(100%, -50%);
    transform: translate(100%, -50%)
}

.bx--tooltip__trigger.bx--btn--icon-only--right+.bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--right .bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--right:after {
    right: -.8125rem;
    -webkit-transform: translate(100%, -50%);
    transform: translate(100%, -50%)
}

.bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-start .bx--assistive-text:after {
    content: "";
    display: block;
    height: 100%;
    left: -.75rem;
    position: absolute;
    top: 0;
    width: .75rem
}

.bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-start+.bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-start .bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-start:after,
.bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-start:before {
    right: 0;
    top: 50%
}

.bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-start:before {
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: var(--inverse-02);
    border-top-color: transparent;
    border-width: .25rem .3125rem .25rem 0;
    right: -.5rem;
    -webkit-transform: translate(100%, -50%);
    transform: translate(100%, -50%)
}

.bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-start+.bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-start .bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-start:after {
    right: -.8125rem;
    -webkit-transform: translate(100%, -50%);
    transform: translate(100%, -50%)
}

.bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-center .bx--assistive-text:after {
    content: "";
    display: block;
    height: 100%;
    left: -.75rem;
    position: absolute;
    top: 0;
    width: .75rem
}

.bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-center+.bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-center .bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-center:after,
.bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-center:before {
    right: 0;
    top: 50%
}

.bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-center:before {
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: var(--inverse-02);
    border-top-color: transparent;
    border-width: .25rem .3125rem .25rem 0;
    right: -.5rem;
    -webkit-transform: translate(100%, -50%);
    transform: translate(100%, -50%)
}

.bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-center+.bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-center .bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-center:after {
    right: -.8125rem;
    -webkit-transform: translate(100%, -50%);
    transform: translate(100%, -50%)
}

.bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-end .bx--assistive-text:after {
    content: "";
    display: block;
    height: 100%;
    left: -.75rem;
    position: absolute;
    top: 0;
    width: .75rem
}

.bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-end+.bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-end .bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-end:after,
.bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-end:before {
    right: 0;
    top: 50%
}

.bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-end:before {
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: var(--inverse-02);
    border-top-color: transparent;
    border-width: .25rem .3125rem .25rem 0;
    right: -.5rem;
    -webkit-transform: translate(100%, -50%);
    transform: translate(100%, -50%)
}

.bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-end+.bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-end .bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-end:after {
    right: -.8125rem;
    -webkit-transform: translate(100%, -50%);
    transform: translate(100%, -50%)
}

.bx--tooltip__trigger.bx--btn--icon-only--bottom {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    overflow: visible;
    position: relative
}

.bx--tooltip__trigger.bx--btn--icon-only--bottom:focus {
    outline: 1px solid var(--focus)
}

@media screen and (prefers-contrast) {
    .bx--tooltip__trigger.bx--btn--icon-only--bottom:focus {
        outline-style: dotted
    }
}

.bx--tooltip__trigger.bx--btn--icon-only--bottom:focus {
    outline: 1px solid transparent
}

.bx--tooltip__trigger.bx--btn--icon-only--bottom:focus svg {
    outline: 1px solid var(--focus)
}

@media screen and (prefers-contrast) {
    .bx--tooltip__trigger.bx--btn--icon-only--bottom:focus svg {
        outline-style: dotted
    }
}

.bx--tooltip__trigger.bx--btn--icon-only--bottom+.bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--bottom .bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--bottom:after,
.bx--tooltip__trigger.bx--btn--icon-only--bottom:before {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    z-index: 6000
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .bx--tooltip__trigger.bx--btn--icon-only--bottom+.bx--assistive-text,
    .bx--tooltip__trigger.bx--btn--icon-only--bottom .bx--assistive-text,
    .bx--tooltip__trigger.bx--btn--icon-only--bottom:after,
    .bx--tooltip__trigger.bx--btn--icon-only--bottom:before {
        display: inline-block
    }
}

.bx--tooltip__trigger.bx--btn--icon-only--bottom:after,
.bx--tooltip__trigger.bx--btn--icon-only--bottom:before {
    -webkit-transition: opacity 70ms cubic-bezier(.2, 0, .38, .9);
    transition: opacity 70ms cubic-bezier(.2, 0, .38, .9)
}

.bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--a11y:after,
.bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--a11y:before {
    -webkit-transition: none;
    transition: none
}

.bx--tooltip__trigger.bx--btn--icon-only--bottom:before {
    border-style: solid;
    content: "";
    height: 0;
    width: 0
}

.bx--tooltip__trigger.bx--btn--icon-only--bottom+.bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--bottom .bx--assistive-text {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    color: inherit;
    opacity: 1;
    white-space: normal;
    word-break: break-word
}

.bx--tooltip__trigger.bx--btn--icon-only--bottom+.bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--bottom .bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--bottom:after {
    background-color: var(--inverse-02);
    border-radius: .125rem;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
    color: var(--inverse-01);
    font-size: .857rem;
    font-weight: 400;
    height: auto;
    letter-spacing: .16px;
    line-height: 1.125rem;
    max-width: 13rem;
    min-width: 1.5rem;
    padding: .1875rem 1rem;
    text-align: left;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    z-index: 6000
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .bx--tooltip__trigger.bx--btn--icon-only--bottom+.bx--assistive-text,
    .bx--tooltip__trigger.bx--btn--icon-only--bottom .bx--assistive-text,
    .bx--tooltip__trigger.bx--btn--icon-only--bottom:after {
        width: auto
    }
}

@supports(-ms-accelerator:true) {
    .bx--tooltip__trigger.bx--btn--icon-only--bottom+.bx--assistive-text,
    .bx--tooltip__trigger.bx--btn--icon-only--bottom .bx--assistive-text,
    .bx--tooltip__trigger.bx--btn--icon-only--bottom:after {
        width: auto
    }
}

@supports(-ms-ime-align:auto) {
    .bx--tooltip__trigger.bx--btn--icon-only--bottom+.bx--assistive-text,
    .bx--tooltip__trigger.bx--btn--icon-only--bottom .bx--assistive-text,
    .bx--tooltip__trigger.bx--btn--icon-only--bottom:after {
        width: auto
    }
}

@media screen and (-ms-high-contrast:active),
screen and (prefers-contrast) {
    .bx--tooltip__trigger.bx--btn--icon-only--bottom+.bx--assistive-text,
    .bx--tooltip__trigger.bx--btn--icon-only--bottom .bx--assistive-text,
    .bx--tooltip__trigger.bx--btn--icon-only--bottom:after {
        border: 1px solid transparent
    }
}

.bx--tooltip__trigger.bx--btn--icon-only--bottom:after {
    content: attr(aria-label)
}

.bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--a11y:after {
    content: none
}

.bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--visible:after,
.bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--visible:before,
.bx--tooltip__trigger.bx--btn--icon-only--bottom:focus:after,
.bx--tooltip__trigger.bx--btn--icon-only--bottom:focus:before,
.bx--tooltip__trigger.bx--btn--icon-only--bottom:hover:after,
.bx--tooltip__trigger.bx--btn--icon-only--bottom:hover:before {
    opacity: 1
}

.bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--visible+.bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--visible .bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--bottom:focus+.bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--bottom:focus .bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--bottom:hover+.bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--bottom:hover .bx--assistive-text {
    clip: auto;
    margin: auto;
    overflow: visible
}

.bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--visible+.bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--visible .bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--visible.bx--tooltip--a11y:before,
.bx--tooltip__trigger.bx--btn--icon-only--bottom:focus+.bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--bottom:focus .bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--bottom:focus.bx--tooltip--a11y:before,
.bx--tooltip__trigger.bx--btn--icon-only--bottom:hover+.bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--bottom:hover .bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--bottom:hover.bx--tooltip--a11y:before {
    -webkit-animation: tooltip-fade 70ms cubic-bezier(.2, 0, .38, .9);
    animation: tooltip-fade 70ms cubic-bezier(.2, 0, .38, .9)
}

.bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--hidden+.bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--hidden .bx--assistive-text {
    clip: rect(0, 0, 0, 0);
    margin: -1px;
    overflow: hidden
}

.bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--hidden.bx--tooltip--a11y:before {
    -webkit-animation: none;
    animation: none;
    opacity: 0
}

.bx--tooltip__trigger.bx--btn--icon-only--bottom .bx--assistive-text:after {
    content: "";
    display: block;
    height: .75rem;
    left: 0;
    position: absolute;
    top: -.75rem;
    width: 100%
}

.bx--tooltip__trigger.bx--btn--icon-only--bottom+.bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--bottom .bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--bottom:after,
.bx--tooltip__trigger.bx--btn--icon-only--bottom:before {
    bottom: 0;
    left: 50%
}

.bx--tooltip__trigger.bx--btn--icon-only--bottom:before {
    border-bottom-color: var(--inverse-02);
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
    border-width: 0 .25rem .3125rem;
    bottom: -.5rem;
    -webkit-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%)
}

.bx--tooltip__trigger.bx--btn--icon-only--bottom+.bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--bottom .bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--bottom:after {
    bottom: -.8125rem;
    -webkit-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%)
}

.bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-start .bx--assistive-text:after {
    content: "";
    display: block;
    height: .75rem;
    left: 0;
    position: absolute;
    top: -.75rem;
    width: 100%
}

.bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-start+.bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-start .bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-start:after,
.bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-start:before {
    bottom: 0;
    left: 50%
}

.bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-start:before {
    border-bottom-color: var(--inverse-02);
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
    border-width: 0 .25rem .3125rem;
    bottom: -.5rem;
    -webkit-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%)
}

.bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-start+.bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-start .bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-start:after {
    bottom: -.8125rem;
    left: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-center .bx--assistive-text:after {
    content: "";
    display: block;
    height: .75rem;
    left: 0;
    position: absolute;
    top: -.75rem;
    width: 100%
}

.bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-center+.bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-center .bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-center:after,
.bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-center:before {
    bottom: 0;
    left: 50%
}

.bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-center:before {
    border-bottom-color: var(--inverse-02);
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
    border-width: 0 .25rem .3125rem;
    bottom: -.5rem;
    -webkit-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%)
}

.bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-center+.bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-center .bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-center:after {
    bottom: -.8125rem;
    -webkit-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%)
}

.bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-end .bx--assistive-text:after {
    content: "";
    display: block;
    height: .75rem;
    left: 0;
    position: absolute;
    top: -.75rem;
    width: 100%
}

.bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-end+.bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-end .bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-end:after,
.bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-end:before {
    bottom: 0;
    left: 50%
}

.bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-end:before {
    border-bottom-color: var(--inverse-02);
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
    border-width: 0 .25rem .3125rem;
    bottom: -.5rem;
    -webkit-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%)
}

.bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-end+.bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-end .bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-end:after {
    bottom: -.8125rem;
    left: auto;
    right: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.bx--tooltip__trigger.bx--btn--icon-only--left {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    overflow: visible;
    position: relative
}

.bx--tooltip__trigger.bx--btn--icon-only--left:focus {
    outline: 1px solid var(--focus)
}

@media screen and (prefers-contrast) {
    .bx--tooltip__trigger.bx--btn--icon-only--left:focus {
        outline-style: dotted
    }
}

.bx--tooltip__trigger.bx--btn--icon-only--left:focus {
    outline: 1px solid transparent
}

.bx--tooltip__trigger.bx--btn--icon-only--left:focus svg {
    outline: 1px solid var(--focus)
}

@media screen and (prefers-contrast) {
    .bx--tooltip__trigger.bx--btn--icon-only--left:focus svg {
        outline-style: dotted
    }
}

.bx--tooltip__trigger.bx--btn--icon-only--left+.bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--left .bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--left:after,
.bx--tooltip__trigger.bx--btn--icon-only--left:before {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    z-index: 6000
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .bx--tooltip__trigger.bx--btn--icon-only--left+.bx--assistive-text,
    .bx--tooltip__trigger.bx--btn--icon-only--left .bx--assistive-text,
    .bx--tooltip__trigger.bx--btn--icon-only--left:after,
    .bx--tooltip__trigger.bx--btn--icon-only--left:before {
        display: inline-block
    }
}

.bx--tooltip__trigger.bx--btn--icon-only--left:after,
.bx--tooltip__trigger.bx--btn--icon-only--left:before {
    -webkit-transition: opacity 70ms cubic-bezier(.2, 0, .38, .9);
    transition: opacity 70ms cubic-bezier(.2, 0, .38, .9)
}

.bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--a11y:after,
.bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--a11y:before {
    -webkit-transition: none;
    transition: none
}

.bx--tooltip__trigger.bx--btn--icon-only--left:before {
    border-style: solid;
    content: "";
    height: 0;
    width: 0
}

.bx--tooltip__trigger.bx--btn--icon-only--left+.bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--left .bx--assistive-text {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    color: inherit;
    opacity: 1;
    white-space: normal;
    word-break: break-word
}

.bx--tooltip__trigger.bx--btn--icon-only--left+.bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--left .bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--left:after {
    background-color: var(--inverse-02);
    border-radius: .125rem;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
    color: var(--inverse-01);
    font-size: .857rem;
    font-weight: 400;
    height: auto;
    letter-spacing: .16px;
    line-height: 1.125rem;
    max-width: 13rem;
    min-width: 1.5rem;
    padding: .1875rem 1rem;
    text-align: left;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    z-index: 6000
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .bx--tooltip__trigger.bx--btn--icon-only--left+.bx--assistive-text,
    .bx--tooltip__trigger.bx--btn--icon-only--left .bx--assistive-text,
    .bx--tooltip__trigger.bx--btn--icon-only--left:after {
        width: auto
    }
}

@supports(-ms-accelerator:true) {
    .bx--tooltip__trigger.bx--btn--icon-only--left+.bx--assistive-text,
    .bx--tooltip__trigger.bx--btn--icon-only--left .bx--assistive-text,
    .bx--tooltip__trigger.bx--btn--icon-only--left:after {
        width: auto
    }
}

@supports(-ms-ime-align:auto) {
    .bx--tooltip__trigger.bx--btn--icon-only--left+.bx--assistive-text,
    .bx--tooltip__trigger.bx--btn--icon-only--left .bx--assistive-text,
    .bx--tooltip__trigger.bx--btn--icon-only--left:after {
        width: auto
    }
}

@media screen and (-ms-high-contrast:active),
screen and (prefers-contrast) {
    .bx--tooltip__trigger.bx--btn--icon-only--left+.bx--assistive-text,
    .bx--tooltip__trigger.bx--btn--icon-only--left .bx--assistive-text,
    .bx--tooltip__trigger.bx--btn--icon-only--left:after {
        border: 1px solid transparent
    }
}

.bx--tooltip__trigger.bx--btn--icon-only--left:after {
    content: attr(aria-label)
}

.bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--a11y:after {
    content: none
}

.bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--visible:after,
.bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--visible:before,
.bx--tooltip__trigger.bx--btn--icon-only--left:focus:after,
.bx--tooltip__trigger.bx--btn--icon-only--left:focus:before,
.bx--tooltip__trigger.bx--btn--icon-only--left:hover:after,
.bx--tooltip__trigger.bx--btn--icon-only--left:hover:before {
    opacity: 1
}

.bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--visible+.bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--visible .bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--left:focus+.bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--left:focus .bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--left:hover+.bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--left:hover .bx--assistive-text {
    clip: auto;
    margin: auto;
    overflow: visible
}

.bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--visible+.bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--visible .bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--visible.bx--tooltip--a11y:before,
.bx--tooltip__trigger.bx--btn--icon-only--left:focus+.bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--left:focus .bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--left:focus.bx--tooltip--a11y:before,
.bx--tooltip__trigger.bx--btn--icon-only--left:hover+.bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--left:hover .bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--left:hover.bx--tooltip--a11y:before {
    -webkit-animation: tooltip-fade 70ms cubic-bezier(.2, 0, .38, .9);
    animation: tooltip-fade 70ms cubic-bezier(.2, 0, .38, .9)
}

.bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--hidden+.bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--hidden .bx--assistive-text {
    clip: rect(0, 0, 0, 0);
    margin: -1px;
    overflow: hidden
}

.bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--hidden.bx--tooltip--a11y:before {
    -webkit-animation: none;
    animation: none;
    opacity: 0
}

.bx--tooltip__trigger.bx--btn--icon-only--left .bx--assistive-text:after {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: -.75rem;
    top: 0;
    width: .75rem
}

.bx--tooltip__trigger.bx--btn--icon-only--left+.bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--left .bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--left:after,
.bx--tooltip__trigger.bx--btn--icon-only--left:before {
    left: 0;
    top: 50%
}

.bx--tooltip__trigger.bx--btn--icon-only--left:before {
    border-bottom-color: transparent;
    border-left-color: var(--inverse-02);
    border-right-color: transparent;
    border-top-color: transparent;
    border-width: .25rem 0 .25rem .3125rem;
    left: -.5rem;
    -webkit-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%)
}

.bx--tooltip__trigger.bx--btn--icon-only--left+.bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--left .bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--left:after {
    left: -.8125rem;
    -webkit-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%)
}

.bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-start .bx--assistive-text:after {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: -.75rem;
    top: 0;
    width: .75rem
}

.bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-start+.bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-start .bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-start:after,
.bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-start:before {
    left: 0;
    top: 50%
}

.bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-start:before {
    border-bottom-color: transparent;
    border-left-color: var(--inverse-02);
    border-right-color: transparent;
    border-top-color: transparent;
    border-width: .25rem 0 .25rem .3125rem;
    left: -.5rem;
    -webkit-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%)
}

.bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-start+.bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-start .bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-start:after {
    left: -.8125rem;
    -webkit-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%)
}

.bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-center .bx--assistive-text:after {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: -.75rem;
    top: 0;
    width: .75rem
}

.bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-center+.bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-center .bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-center:after,
.bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-center:before {
    left: 0;
    top: 50%
}

.bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-center:before {
    border-bottom-color: transparent;
    border-left-color: var(--inverse-02);
    border-right-color: transparent;
    border-top-color: transparent;
    border-width: .25rem 0 .25rem .3125rem;
    left: -.5rem;
    -webkit-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%)
}

.bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-center+.bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-center .bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-center:after {
    left: -.8125rem;
    -webkit-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%)
}

.bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-end .bx--assistive-text:after {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: -.75rem;
    top: 0;
    width: .75rem
}

.bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-end+.bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-end .bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-end:after,
.bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-end:before {
    left: 0;
    top: 50%
}

.bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-end:before {
    border-bottom-color: transparent;
    border-left-color: var(--inverse-02);
    border-right-color: transparent;
    border-top-color: transparent;
    border-width: .25rem 0 .25rem .3125rem;
    left: -.5rem;
    -webkit-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%)
}

.bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-end+.bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-end .bx--assistive-text,
.bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-end:after {
    left: -.8125rem;
    -webkit-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%)
}

.bx--btn--icon-only {
    padding-left: .9375rem;
    padding-right: .9375rem
}

.bx--btn--icon-only .bx--btn__icon {
    position: static
}

.bx--btn--icon-only.bx--btn--danger--ghost .bx--btn__icon,
.bx--btn--icon-only.bx--btn--ghost .bx--btn__icon {
    margin: 0
}

.bx--btn--icon-only.bx--btn--selected {
    background: var(--selected-ui)
}

.bx--btn path[data-icon-path=inner-path] {
    fill: none
}

.bx--btn--ghost.bx--btn--icon-only .bx--btn__icon,
.bx--btn--ghost.bx--btn--icon-only .bx--btn__icon path:not([data-icon-path]):not([fill=none]) {
    fill: var(--icon-01)
}

.bx--btn--ghost.bx--btn--icon-only[disabled] .bx--btn__icon,
.bx--btn--ghost.bx--btn--icon-only[disabled] .bx--btn__icon path:not([data-icon-path]):not([fill=none]),
.bx--btn.bx--btn--icon-only.bx--btn--ghost[disabled]:hover .bx--btn__icon {
    fill: var(--disabled-03)
}

.bx--btn--ghost.bx--btn--icon-only[disabled] {
    cursor: not-allowed
}

.bx--btn--field.bx--btn--icon-only,
.bx--btn--md.bx--btn--icon-only {
    padding-left: .6875rem;
    padding-right: .6875rem
}

.bx--btn--sm.bx--btn--icon-only {
    padding-left: .4375rem;
    padding-right: .4375rem
}

.bx--btn--danger {
    background-color: var(--danger-01);
    border: 1px solid transparent;
    color: var(--text-04)
}

.bx--btn--danger:hover {
    background-color: var(--hover-danger)
}

.bx--btn--danger:focus {
    border-color: var(--focus);
    -webkit-box-shadow: inset 0 0 0 1px var(--focus), inset 0 0 0 2px var(--ui-background);
    box-shadow: inset 0 0 0 1px var(--focus), inset 0 0 0 2px var(--ui-background)
}

.bx--btn--danger:active {
    background-color: var(--active-danger)
}

.bx--btn--danger .bx--btn__icon,
.bx--btn--danger .bx--btn__icon path:not([data-icon-path]):not([fill=none]) {
    fill: currentColor
}

.bx--btn--danger:hover {
    color: var(--text-04)
}

.bx--btn--danger--tertiary,
.bx--btn--danger-tertiary {
    background-color: transparent;
    border: 1px solid var(--danger-02);
    color: var(--danger-02)
}

.bx--btn--danger--tertiary:hover,
.bx--btn--danger-tertiary:hover {
    background-color: var(--hover-danger)
}

.bx--btn--danger--tertiary:focus,
.bx--btn--danger-tertiary:focus {
    border-color: var(--focus);
    -webkit-box-shadow: inset 0 0 0 1px var(--focus), inset 0 0 0 2px var(--ui-background);
    box-shadow: inset 0 0 0 1px var(--focus), inset 0 0 0 2px var(--ui-background)
}

.bx--btn--danger--tertiary:active,
.bx--btn--danger-tertiary:active {
    background-color: var(--active-danger)
}

.bx--btn--danger--tertiary .bx--btn__icon,
.bx--btn--danger--tertiary .bx--btn__icon path:not([data-icon-path]):not([fill=none]),
.bx--btn--danger-tertiary .bx--btn__icon,
.bx--btn--danger-tertiary .bx--btn__icon path:not([data-icon-path]):not([fill=none]) {
    fill: currentColor
}

.bx--btn--danger--tertiary:hover,
.bx--btn--danger-tertiary:hover {
    border-color: var(--hover-danger);
    color: var(--text-04)
}

.bx--btn--danger--tertiary:focus,
.bx--btn--danger-tertiary:focus {
    background-color: var(--danger-01);
    color: var(--text-04)
}

.bx--btn--danger--tertiary:active,
.bx--btn--danger-tertiary:active {
    border-color: var(--active-danger);
    color: var(--text-04)
}

.bx--btn--danger--tertiary.bx--btn--disabled,
.bx--btn--danger--tertiary.bx--btn--disabled:focus,
.bx--btn--danger--tertiary.bx--btn--disabled:hover,
.bx--btn--danger--tertiary:disabled,
.bx--btn--danger--tertiary:focus:disabled,
.bx--btn--danger--tertiary:hover:disabled,
.bx--btn--danger-tertiary.bx--btn--disabled,
.bx--btn--danger-tertiary.bx--btn--disabled:focus,
.bx--btn--danger-tertiary.bx--btn--disabled:hover,
.bx--btn--danger-tertiary:disabled,
.bx--btn--danger-tertiary:focus:disabled,
.bx--btn--danger-tertiary:hover:disabled {
    background: transparent;
    color: var(--disabled-03);
    outline: none
}

.bx--btn--danger--ghost,
.bx--btn--danger-ghost {
    background-color: transparent;
    border: 1px solid transparent;
    color: var(--danger-02);
    padding: calc(.875rem - 3px) 16px
}

.bx--btn--danger--ghost:hover,
.bx--btn--danger-ghost:hover {
    background-color: var(--hover-danger)
}

.bx--btn--danger--ghost:focus,
.bx--btn--danger-ghost:focus {
    border-color: var(--focus);
    -webkit-box-shadow: inset 0 0 0 1px var(--focus), inset 0 0 0 2px var(--ui-background);
    box-shadow: inset 0 0 0 1px var(--focus), inset 0 0 0 2px var(--ui-background)
}

.bx--btn--danger--ghost:active,
.bx--btn--danger-ghost:active {
    background-color: var(--active-danger)
}

.bx--btn--danger--ghost .bx--btn__icon,
.bx--btn--danger--ghost .bx--btn__icon path:not([data-icon-path]):not([fill=none]),
.bx--btn--danger-ghost .bx--btn__icon,
.bx--btn--danger-ghost .bx--btn__icon path:not([data-icon-path]):not([fill=none]) {
    fill: currentColor
}

.bx--btn--danger--ghost .bx--btn__icon,
.bx--btn--danger-ghost .bx--btn__icon {
    margin-left: .5rem;
    position: static
}

.bx--btn--danger--ghost:active,
.bx--btn--danger--ghost:hover,
.bx--btn--danger-ghost:active,
.bx--btn--danger-ghost:hover {
    color: var(--text-04)
}

.bx--btn--danger--ghost.bx--btn--disabled,
.bx--btn--danger--ghost.bx--btn--disabled:focus,
.bx--btn--danger--ghost.bx--btn--disabled:hover,
.bx--btn--danger--ghost:disabled,
.bx--btn--danger--ghost:focus:disabled,
.bx--btn--danger--ghost:hover:disabled,
.bx--btn--danger-ghost.bx--btn--disabled,
.bx--btn--danger-ghost.bx--btn--disabled:focus,
.bx--btn--danger-ghost.bx--btn--disabled:hover,
.bx--btn--danger-ghost:disabled,
.bx--btn--danger-ghost:focus:disabled,
.bx--btn--danger-ghost:hover:disabled {
    background: transparent;
    border-color: transparent;
    color: var(--disabled-02);
    outline: none
}

.bx--btn--danger--ghost.bx--btn--sm,
.bx--btn--danger-ghost.bx--btn--sm {
    padding: calc(.375rem - 3px) 16px
}

.bx--btn--danger--ghost.bx--btn--field,
.bx--btn--danger--ghost.bx--btn--md,
.bx--btn--danger-ghost.bx--btn--field,
.bx--btn--danger-ghost.bx--btn--md {
    padding: calc(.675rem - 3px) 16px
}

.bx--btn--sm {
    min-height: 2rem;
    padding: calc(.375rem - 3px) 60px calc(.375rem - 3px) 12px
}

.bx--btn--xl:not(.bx--btn--icon-only) {
    min-height: 5rem
}

.bx--btn--lg:not(.bx--btn--icon-only),
.bx--btn--xl:not(.bx--btn--icon-only) {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    -webkit-align-items: baseline;
    align-items: baseline;
    padding-left: 1rem;
    padding-right: 4rem;
    padding-top: 1rem
}

.bx--btn--lg:not(.bx--btn--icon-only) {
    min-height: 4rem
}

.bx--btn--field,
.bx--btn--md {
    min-height: 2.5rem;
    padding: calc(.675rem - 3px) 60px calc(.675rem - 3px) 12px
}

.bx--btn--expressive {
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.375rem;
    min-height: 3rem
}

.bx--btn--icon-only.bx--btn--expressive {
    padding: 12px 13px
}

.bx--btn.bx--btn--expressive .bx--btn__icon {
    height: 1.25rem;
    width: 1.25rem
}

.bx--btn-set .bx--btn.bx--btn--expressive {
    max-width: 20rem
}

.bx--btn.bx--skeleton {
    background: var(--skeleton-01);
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
    pointer-events: none;
    position: relative;
    width: 9.375rem
}

.bx--btn.bx--skeleton:active,
.bx--btn.bx--skeleton:focus,
.bx--btn.bx--skeleton:hover {
    border: none;
    cursor: default;
    outline: none
}

.bx--btn.bx--skeleton:before {
    -webkit-animation: skeleton 3s ease-in-out infinite;
    animation: skeleton 3s ease-in-out infinite;
    background: var(--skeleton-02);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    will-change: transform-origin, transform, opacity
}

@media(prefers-reduced-motion:reduce) {
    .bx--btn.bx--skeleton:before {
        -webkit-animation: none;
        animation: none
    }
}

.bx--btn-set {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.bx--btn-set--stacked {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.bx--btn-set .bx--btn {
    max-width: 12.25rem;
    width: 100%
}

.bx--btn-set .bx--btn:not(:focus) {
    -webkit-box-shadow: -.0625rem 0 0 0 var(--button-separator);
    box-shadow: -.0625rem 0 0 0 var(--button-separator)
}

.bx--btn-set .bx--btn:first-of-type:not(:focus),
.bx--btn-set .bx--btn:focus+.bx--btn {
    -webkit-box-shadow: inherit;
    box-shadow: inherit
}

.bx--btn-set--stacked .bx--btn:not(:focus) {
    -webkit-box-shadow: 0 -.0625rem 0 0 var(--button-separator);
    box-shadow: 0 -.0625rem 0 0 var(--button-separator)
}

.bx--btn-set--stacked .bx--btn:first-of-type:not(:focus) {
    -webkit-box-shadow: inherit;
    box-shadow: inherit
}

.bx--btn-set .bx--btn.bx--btn--disabled {
    -webkit-box-shadow: -.0625rem 0 0 0 var(--disabled-03);
    box-shadow: -.0625rem 0 0 0 var(--disabled-03)
}

.bx--btn-set .bx--btn.bx--btn--disabled:first-of-type {
    -webkit-box-shadow: none;
    box-shadow: none
}

.bx--btn-set--stacked .bx--btn.bx--btn--disabled {
    -webkit-box-shadow: 0 -.0625rem 0 0 var(--disabled-03);
    box-shadow: 0 -.0625rem 0 0 var(--disabled-03)
}

.bx--btn-set--stacked .bx--btn.bx--btn--disabled:first-of-type {
    -webkit-box-shadow: none;
    box-shadow: none
}

@media (forced-colors:active),
(prefers-contrast),
screen and (-ms-high-contrast:active) {
    .bx--btn:focus {
        color: Highlight;
        outline: 1px solid Highlight
    }
    .bx--btn--ghost.bx--btn--icon-only .bx--btn__icon,
    .bx--btn--ghost.bx--btn--icon-only .bx--btn__icon path:not([data-icon-path]):not([fill=none]) {
        fill: ButtonText
    }
}

.bx--fieldset {
    margin-bottom: 2rem
}

.bx--fieldset--no-margin {
    margin-bottom: 0
}

.bx--form-item {
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: .857rem;
    font-weight: 400;
    letter-spacing: .16px;
    line-height: 1.125rem
}

.bx--label {
    color: var(--text-02);
    display: inline-block;
    margin-bottom: .5rem;
    vertical-align: baseline
}

.bx--label,
.bx--label .bx--tooltip__trigger {
    font-size: .75rem;
    font-weight: 400;
    letter-spacing: .32px;
    line-height: 1rem
}

.bx--label.bx--skeleton {
    background: var(--skeleton-01);
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: .875rem;
    padding: 0;
    pointer-events: none;
    position: relative;
    width: 4.6875rem
}

.bx--label.bx--skeleton:active,
.bx--label.bx--skeleton:focus,
.bx--label.bx--skeleton:hover {
    border: none;
    cursor: default;
    outline: none
}

.bx--label.bx--skeleton:before {
    -webkit-animation: skeleton 3s ease-in-out infinite;
    animation: skeleton 3s ease-in-out infinite;
    background: var(--skeleton-02);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    will-change: transform-origin, transform, opacity
}

@media(prefers-reduced-motion:reduce) {
    .bx--label.bx--skeleton:before {
        -webkit-animation: none;
        animation: none
    }
}

input[type=number] {
    font-family: Lucida Console, Courier New, sans-serif, serif, monospace
}

.bx--combo-box[data-invalid] .bx--text-input:not(:focus),
.bx--list-box[data-invalid]:not(:focus),
.bx--number[data-invalid] input[type=number]:not(:focus),
.bx--select-input__wrapper[data-invalid] .bx--select-input:not(:focus),
.bx--text-area__wrapper[data-invalid]>.bx--text-area--invalid:not(:focus),
.bx--text-input__field-wrapper[data-invalid]>.bx--text-input--invalid:not(:focus),
input[data-invalid]:not(:focus) {
    outline: 2px solid var(--support-01);
    outline-offset: -2px
}

@media screen and (prefers-contrast) {
    .bx--combo-box[data-invalid] .bx--text-input:not(:focus),
    .bx--list-box[data-invalid]:not(:focus),
    .bx--number[data-invalid] input[type=number]:not(:focus),
    .bx--select-input__wrapper[data-invalid] .bx--select-input:not(:focus),
    .bx--text-area__wrapper[data-invalid]>.bx--text-area--invalid:not(:focus),
    .bx--text-input__field-wrapper[data-invalid]>.bx--text-input--invalid:not(:focus),
    input[data-invalid]:not(:focus) {
        outline-style: dotted
    }
}

.bx--date-picker-input__wrapper--invalid~.bx--form-requirement,
.bx--date-picker-input__wrapper--warn~.bx--form-requirement,
.bx--date-picker-input__wrapper~.bx--form-requirement,
.bx--list-box--warning~.bx--form-requirement,
.bx--list-box[data-invalid]~.bx--form-requirement,
.bx--number[data-invalid] .bx--number__input-wrapper~.bx--form-requirement,
.bx--number__input-wrapper--warning~.bx--form-requirement,
.bx--select--warning .bx--select-input__wrapper~.bx--form-requirement,
.bx--select-input__wrapper[data-invalid]~.bx--form-requirement,
.bx--text-area__wrapper[data-invalid]~.bx--form-requirement,
.bx--text-input__field-wrapper--warning>.bx--text-input~.bx--form-requirement,
.bx--text-input__field-wrapper--warning~.bx--form-requirement,
.bx--text-input__field-wrapper[data-invalid]~.bx--form-requirement,
.bx--time-picker--invalid~.bx--form-requirement,
.bx--time-picker[data-invalid]~.bx--form-requirement,
input[data-invalid]~.bx--form-requirement {
    display: block;
    font-weight: 400;
    max-height: 12.5rem;
    overflow: visible
}

.bx--date-picker-input__wrapper--invalid~.bx--form-requirement,
.bx--date-picker-input__wrapper~.bx--form-requirement,
.bx--list-box[data-invalid]~.bx--form-requirement,
.bx--number[data-invalid] .bx--number__input-wrapper~.bx--form-requirement,
.bx--select-input__wrapper[data-invalid]~.bx--form-requirement,
.bx--text-area__wrapper[data-invalid]~.bx--form-requirement,
.bx--text-input__field-wrapper[data-invalid]~.bx--form-requirement,
.bx--time-picker--invalid~.bx--form-requirement,
.bx--time-picker[data-invalid]~.bx--form-requirement,
input[data-invalid]~.bx--form-requirement {
    color: var(--text-error)
}

.bx--form--fluid .bx--text-input__field-wrapper--warning,
.bx--form--fluid .bx--text-input__field-wrapper[data-invalid] {
    display: block
}

.bx--form--fluid .bx--fieldset {
    margin: 0
}

.bx--form--fluid input[data-invalid] {
    outline: none
}

.bx--form--fluid .bx--form-requirement {
    margin: 0;
    padding: .5rem 2.5rem .5rem 1rem
}

input:not(output):not([data-invalid]):-moz-ui-invalid {
    box-shadow: none
}

.bx--form-requirement {
    display: none;
    font-size: .75rem;
    font-weight: 400;
    letter-spacing: .32px;
    line-height: 1rem;
    margin: .25rem 0 0;
    max-height: 0;
    overflow: hidden
}

.bx--select--inline .bx--form__helper-text {
    margin-top: 0
}

.bx--form__helper-text {
    color: var(--text-02);
    font-size: .75rem;
    font-weight: 400;
    letter-spacing: .32px;
    line-height: 1rem;
    margin-top: .25rem;
    opacity: 1;
    width: 100%;
    z-index: 0
}

.bx--form__helper-text--disabled,
.bx--label--disabled,
fieldset[disabled] .bx--form__helper-text,
fieldset[disabled] .bx--label {
    color: var(--disabled-02)
}

.bx--form-item.bx--checkbox-wrapper {
    margin-bottom: .25rem;
    position: relative
}

.bx--form-item.bx--checkbox-wrapper:first-of-type {
    margin-top: .1875rem
}

.bx--label+.bx--form-item.bx--checkbox-wrapper {
    margin-top: -.125rem
}

.bx--form-item.bx--checkbox-wrapper:last-of-type {
    margin-bottom: .1875rem
}

.bx--checkbox {
    clip: rect(0, 0, 0, 0);
    border: 0;
    height: 1px;
    left: .7rem;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 1.25rem;
    visibility: inherit;
    white-space: nowrap;
    width: 1px
}

.bx--checkbox-label {
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: .857rem;
    font-weight: 400;
    letter-spacing: .16px;
    line-height: 1.125rem;
    min-height: 1.5rem;
    padding-left: 1.25rem;
    padding-top: .1875rem;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.bx--checkbox-label-text {
    padding-left: .375rem
}

.bx--checkbox-label:after,
.bx--checkbox-label:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.bx--checkbox-label:before {
    background-color: transparent;
    border: 1px solid var(--icon-01);
    border-radius: 1px;
    content: "";
    height: 1rem;
    margin: .125rem .125rem .125rem .1875rem;
    position: absolute;
    top: .125rem;
    width: 1rem
}

.bx--checkbox-label:after {
    background: none;
    border-bottom: 2px solid var(--inverse-01);
    border-left: 2px solid var(--inverse-01);
    content: "";
    height: .3125rem;
    margin-top: -.1875rem;
    position: absolute;
    top: .5rem;
    -webkit-transform: scale(0) rotate(-45deg);
    transform: scale(0) rotate(-45deg);
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    width: .5625rem
}

.bx--checkbox-label[data-contained-checkbox-state=mixed]:before,
.bx--checkbox-label[data-contained-checkbox-state=true]:before,
.bx--checkbox:checked+.bx--checkbox-label:before,
.bx--checkbox:indeterminate+.bx--checkbox-label:before {
    background-color: var(--icon-01);
    border-color: var(--icon-01);
    border-width: 1px
}

.bx--checkbox-label[data-contained-checkbox-state=true]:after,
.bx--checkbox:checked+.bx--checkbox-label:after {
    -webkit-transform: scale(1) rotate(-45deg);
    transform: scale(1) rotate(-45deg)
}

.bx--checkbox-label[data-contained-checkbox-state=mixed]:after,
.bx--checkbox:indeterminate+.bx--checkbox-label:after {
    border-bottom: 2px solid var(--inverse-01);
    border-left: 0 solid var(--inverse-01);
    top: .6875rem;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    width: .5rem
}

.bx--checkbox-label[data-contained-checkbox-state=mixed].bx--checkbox-label__focus:before,
.bx--checkbox-label[data-contained-checkbox-state=true].bx--checkbox-label__focus:before,
.bx--checkbox-label__focus:before,
.bx--checkbox:checked:focus+.bx--checkbox-label:before,
.bx--checkbox:focus+.bx--checkbox-label:before,
.bx--checkbox:indeterminate:focus+.bx--checkbox-label:before {
    outline: 2px solid var(--focus);
    outline-offset: 1px
}

.bx--checkbox-label[data-contained-checkbox-disabled=true],
.bx--checkbox:disabled+.bx--checkbox-label {
    color: var(--disabled-02);
    cursor: not-allowed
}

.bx--checkbox-label[data-contained-checkbox-disabled=true]:before,
.bx--checkbox:disabled+.bx--checkbox-label:before {
    border-color: var(--disabled-02)
}

.bx--checkbox-label[data-contained-checkbox-state=mixed][data-contained-checkbox-disabled=true]:before,
.bx--checkbox-label[data-contained-checkbox-state=true][data-contained-checkbox-disabled=true]:before,
.bx--checkbox:checked:disabled+.bx--checkbox-label:before,
.bx--checkbox:indeterminate:disabled+.bx--checkbox-label:before {
    background-color: var(--disabled-02)
}

.bx--checkbox-label-text.bx--skeleton {
    background: var(--skeleton-01);
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 1rem;
    margin: .0625rem 0 0 .375rem;
    padding: 0;
    pointer-events: none;
    position: relative;
    width: 6.25rem
}

.bx--checkbox-label-text.bx--skeleton:active,
.bx--checkbox-label-text.bx--skeleton:focus,
.bx--checkbox-label-text.bx--skeleton:hover {
    border: none;
    cursor: default;
    outline: none
}

.bx--checkbox-label-text.bx--skeleton:before {
    -webkit-animation: skeleton 3s ease-in-out infinite;
    animation: skeleton 3s ease-in-out infinite;
    background: var(--skeleton-02);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    will-change: transform-origin, transform, opacity
}

@media(prefers-reduced-motion:reduce) {
    .bx--checkbox-label-text.bx--skeleton:before {
        -webkit-animation: none;
        animation: none
    }
}

.bx--checkbox--inline {
    position: relative
}

@-webkit-keyframes hide-feedback {
    0% {
        opacity: 1;
        visibility: inherit
    }
    to {
        opacity: 0;
        visibility: hidden
    }
}

@-webkit-keyframes show-feedback {
    0% {
        opacity: 0;
        visibility: hidden
    }
    to {
        opacity: 1;
        visibility: inherit
    }
}

.bx--snippet--disabled,
.bx--snippet--disabled .bx--btn.bx--snippet-btn--expand {
    background-color: var(--disabled-01);
    color: var(--disabled-02)
}

.bx--snippet--disabled .bx--copy-btn:hover,
.bx--snippet--disabled .bx--snippet-btn--expand:hover {
    background-color: var(--disabled-01);
    color: var(--disabled-02);
    cursor: not-allowed
}

.bx--snippet--disabled .bx--snippet-btn--expand .bx--icon-chevron--down,
.bx--snippet--disabled .bx--snippet__icon {
    fill: var(--disabled-02)
}

.bx--snippet code {
    font-family: Lucida Console, Courier New, sans-serif, serif, monospace;
    font-size: .75rem;
    font-weight: 400;
    letter-spacing: .32px;
    line-height: 1rem
}

.bx--snippet--inline {
    background-color: var(--field-01);
    border: 2px solid transparent;
    border-radius: 4px;
    color: var(--text-01);
    cursor: pointer;
    display: inline;
    padding: 0;
    position: relative
}

.bx--snippet--inline:hover {
    background-color: var(--ui-03)
}

.bx--snippet--inline:active {
    background-color: var(--active-ui)
}

.bx--snippet--inline:focus {
    border: 2px solid var(--focus);
    outline: none
}

.bx--snippet--inline:before {
    border-style: solid;
    content: "";
    display: none;
    height: 0;
    position: absolute;
    width: 0;
    z-index: 6000
}

.bx--snippet--inline .bx--copy-btn__feedback {
    clip: auto;
    background-color: var(--inverse-02);
    border-radius: .125rem;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    color: var(--inverse-01);
    display: none;
    font-size: .857rem;
    font-weight: 400;
    height: auto;
    letter-spacing: .16px;
    line-height: 1.125rem;
    margin: auto;
    max-width: 13rem;
    min-width: 1.5rem;
    overflow: visible;
    padding: .1875rem 1rem;
    text-align: left;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    z-index: 6000
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .bx--snippet--inline .bx--copy-btn__feedback {
        width: auto
    }
}

@supports(-ms-accelerator:true) {
    .bx--snippet--inline .bx--copy-btn__feedback {
        width: auto
    }
}

@supports(-ms-ime-align:auto) {
    .bx--snippet--inline .bx--copy-btn__feedback {
        width: auto
    }
}

@media screen and (-ms-high-contrast:active),
screen and (prefers-contrast) {
    .bx--snippet--inline .bx--copy-btn__feedback {
        border: 1px solid transparent
    }
}

.bx--snippet--inline .bx--assistive-text:after {
    content: "";
    display: block;
    height: .75rem;
    left: 0;
    position: absolute;
    top: -.75rem;
    width: 100%
}

.bx--snippet--inline+.bx--assistive-text,
.bx--snippet--inline .bx--assistive-text,
.bx--snippet--inline:after,
.bx--snippet--inline:before {
    bottom: 0;
    left: 50%
}

.bx--snippet--inline:before {
    border-bottom-color: var(--inverse-02);
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
    border-width: 0 .25rem .3125rem;
    bottom: -.5rem;
    -webkit-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%)
}

.bx--snippet--inline+.bx--assistive-text,
.bx--snippet--inline .bx--assistive-text,
.bx--snippet--inline:after {
    bottom: -.8125rem;
    -webkit-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%)
}

.bx--snippet--inline.bx--copy-btn--animating .bx--copy-btn__feedback,
.bx--snippet--inline.bx--copy-btn--animating:before {
    display: block
}

.bx--snippet--inline.bx--copy-btn--animating.bx--copy-btn--fade-out .bx--copy-btn__feedback,
.bx--snippet--inline.bx--copy-btn--animating.bx--copy-btn--fade-out:before {
    -webkit-animation: hide-feedback .11s cubic-bezier(.2, 0, .38, .9);
    animation: hide-feedback .11s cubic-bezier(.2, 0, .38, .9)
}

.bx--snippet--inline.bx--copy-btn--animating.bx--copy-btn--fade-in .bx--copy-btn__feedback,
.bx--snippet--inline.bx--copy-btn--animating.bx--copy-btn--fade-in:before {
    -webkit-animation: show-feedback .11s cubic-bezier(.2, 0, .38, .9);
    animation: show-feedback .11s cubic-bezier(.2, 0, .38, .9)
}

.bx--snippet--inline code {
    padding: 0 .5rem
}

.bx--snippet--inline.bx--snippet--no-copy {
    display: inline-block
}

.bx--snippet--inline.bx--snippet--no-copy:hover {
    background-color: var(--field-01);
    cursor: auto
}

.bx--snippet--light.bx--snippet--inline.bx--snippet--no-copy:hover {
    background-color: var(--field-02);
    cursor: auto
}

.bx--snippet--single {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: var(--field-01);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-family: Lucida Console, Courier New, sans-serif, serif, monospace;
    font-size: .75rem;
    font-weight: 400;
    height: 2.5rem;
    letter-spacing: .32px;
    line-height: 1rem;
    max-width: 48rem;
    padding-right: 2.5rem;
    position: relative;
    width: 100%
}

.bx--snippet--single.bx--snippet--no-copy {
    padding: 0
}

.bx--snippet--single.bx--snippet--no-copy:after {
    right: 1rem
}

.bx--snippet--single .bx--snippet-container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    overflow-x: auto;
    padding-left: 1rem;
    position: relative
}

.bx--snippet--single .bx--snippet-container:focus {
    outline: 2px solid var(--focus);
    outline-offset: -2px
}

@media screen and (prefers-contrast) {
    .bx--snippet--single .bx--snippet-container:focus {
        outline-style: dotted
    }
}

.bx--snippet--single pre {
    font-family: Lucida Console, Courier New, sans-serif, serif, monospace;
    font-size: .75rem;
    font-weight: 400;
    letter-spacing: .32px;
    line-height: 1rem;
    padding-right: .5rem
}

.bx--snippet--inline code,
.bx--snippet--single pre {
    white-space: pre
}

.bx--snippet--multi {
    background-color: var(--field-01);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-family: Lucida Console, Courier New, sans-serif, serif, monospace;
    font-size: .75rem;
    font-weight: 400;
    letter-spacing: .32px;
    line-height: 1rem;
    max-width: 48rem;
    padding: 1rem;
    position: relative;
    width: 100%
}

.bx--snippet--multi .bx--snippet-container {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    max-height: 100%;
    min-height: 100%;
    -webkit-order: 1;
    order: 1;
    overflow-y: auto;
    position: relative
}

.bx--snippet--multi.bx--snippet--expand .bx--snippet-container,
.bx--snippet--multi .bx--snippet-container {
    -webkit-transition: max-height .15s cubic-bezier(.2, 0, .38, .9);
    transition: max-height .15s cubic-bezier(.2, 0, .38, .9)
}

.bx--snippet--multi.bx--snippet--expand .bx--snippet-container {
    padding-bottom: 1rem
}

.bx--snippet--multi.bx--snippet--wraptext pre {
    word-wrap: break-word;
    white-space: pre-wrap
}

.bx--snippet--multi .bx--snippet-container pre {
    overflow-x: auto;
    padding-bottom: 1.5rem;
    padding-right: 2.5rem
}

.bx--snippet--multi.bx--snippet--no-copy .bx--snippet-container pre {
    padding-right: 0
}

.bx--snippet--multi.bx--snippet--expand .bx--snippet-container pre {
    overflow-x: auto
}

.bx--snippet--multi .bx--snippet-container pre:after {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(var(--field-01), 0)), to(var(--field-01)));
    background-image: linear-gradient(to right, rgba(var(--field-01), 0), var(--field-01));
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 1rem
}

.bx--snippet--multi .bx--snippet-container pre code {
    overflow: hidden
}

.bx--snippet__icon {
    fill: var(--icon-01);
    height: 1rem;
    -webkit-transition: all 70ms cubic-bezier(.2, 0, .38, .9);
    transition: all 70ms cubic-bezier(.2, 0, .38, .9);
    width: 1rem
}

.bx--snippet-button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: var(--field-01);
    border: none;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 2.5rem;
    -webkit-justify-content: center;
    justify-content: center;
    outline: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 2.5rem
}

.bx--snippet-button:focus {
    outline: 2px solid var(--focus);
    outline-color: var(--focus);
    outline-offset: -2px
}

@media screen and (prefers-contrast) {
    .bx--snippet-button:focus {
        outline-style: dotted
    }
}

.bx--snippet--multi .bx--snippet-button {
    height: 2rem;
    right: .5rem;
    top: .5rem;
    width: 2rem
}

.bx--snippet-button:hover {
    background: var(--hover-ui)
}

.bx--snippet-button:active {
    background-color: var(--active-ui)
}

.bx--btn--copy__feedback {
    font-family: BraiinsSans, sans-serif, serif;
    font-size: .857rem;
    font-weight: 400;
    left: inherit;
    letter-spacing: .16px;
    line-height: 1.125rem;
    right: 1.25rem;
    top: .75rem;
    z-index: 6000
}

.bx--btn--copy__feedback:after {
    border: none
}

.bx--snippet .bx--copy-btn {
    top: 0
}

.bx--snippet-btn--expand,
.bx--snippet .bx--copy-btn {
    font-family: BraiinsSans, sans-serif, serif;
    position: absolute;
    right: 0
}

.bx--snippet-btn--expand {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: var(--field-01);
    border: 0;
    bottom: 0;
    color: var(--text-01);
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: .857rem;
    font-weight: 400;
    letter-spacing: .16px;
    line-height: 1.125rem;
    padding: .5rem 1rem;
    z-index: 10
}

.bx--snippet-btn--expand .bx--snippet-btn--text {
    position: relative;
    top: -.0625rem
}

.bx--snippet-btn--expand--hide.bx--snippet-btn--expand {
    display: none
}

.bx--snippet-btn--expand .bx--icon-chevron--down {
    fill: var(--icon-01);
    margin-left: .5rem;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .15s cubic-bezier(.2, 0, .38, .9);
    transition: .15s cubic-bezier(.2, 0, .38, .9)
}

.bx--snippet-btn--expand:hover {
    background: var(--hover-ui);
    color: var(--text-01)
}

.bx--snippet-btn--expand:active {
    background-color: var(--active-ui)
}

.bx--snippet-btn--expand:focus {
    border-color: transparent;
    outline: 2px solid var(--focus);
    outline-offset: -2px
}

@media screen and (prefers-contrast) {
    .bx--snippet-btn--expand:focus {
        outline-style: dotted
    }
}

.bx--snippet--expand .bx--snippet-btn--expand .bx--icon-chevron--down {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: -webkit-transform .24s;
    transition: -webkit-transform .24s;
    transition: transform .24s;
    transition: transform .24s, -webkit-transform .24s
}

.bx--snippet--light,
.bx--snippet--light .bx--btn.bx--snippet-btn--expand,
.bx--snippet--light .bx--copy-btn,
.bx--snippet--light .bx--snippet-button {
    background-color: var(--field-02)
}

.bx--snippet--light .bx--btn.bx--snippet-btn--expand:hover,
.bx--snippet--light .bx--copy-btn:hover,
.bx--snippet--light.bx--snippet--inline:hover,
.bx--snippet--light .bx--snippet-button:hover {
    background-color: var(--hover-light-ui)
}

.bx--snippet--light .bx--btn.bx--snippet-btn--expand:active,
.bx--snippet--light .bx--copy-btn:active,
.bx--snippet--light.bx--snippet--inline:active,
.bx--snippet--light .bx--snippet-button:active {
    background-color: var(--active-light-ui)
}

.bx--snippet--light.bx--snippet--multi .bx--snippet-container pre:after,
.bx--snippet--light.bx--snippet--single:after {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(var(--field-02), 0)), to(var(--field-02)));
    background-image: linear-gradient(to right, rgba(var(--field-02), 0), var(--field-02))
}

.bx--snippet.bx--skeleton .bx--snippet-container {
    height: 100%;
    width: 100%
}

.bx--snippet-button .bx--btn--copy__feedback {
    left: 50%;
    right: auto;
    top: 3.175rem
}

.bx--snippet-button .bx--btn--copy__feedback:before {
    top: 0
}

.bx--snippet-button .bx--btn--copy__feedback:after {
    top: -.25rem
}

.bx--snippet--multi .bx--copy-btn {
    height: 2rem;
    right: .5rem;
    top: .5rem;
    width: 2rem;
    z-index: 10
}

.bx--snippet--multi .bx--snippet-button .bx--btn--copy__feedback {
    top: 2.675rem
}

.bx--snippet--inline .bx--btn--copy__feedback {
    left: 50%;
    right: auto;
    top: calc(100% - .25rem)
}

.bx--snippet__overflow-indicator--left,
.bx--snippet__overflow-indicator--right {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    width: 1rem;
    z-index: 1
}

.bx--snippet__overflow-indicator--left {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    background-image: -webkit-gradient(linear, right top, left top, from(transparent), to(var(--field-01)));
    background-image: linear-gradient(to left, transparent, var(--field-01));
    margin-right: -1rem;
    -webkit-order: 0;
    order: 0
}

.bx--snippet__overflow-indicator--right {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    background-image: -webkit-gradient(linear, left top, right top, from(transparent), to(var(--field-01)));
    background-image: linear-gradient(to right, transparent, var(--field-01));
    margin-left: -1rem;
    -webkit-order: 2;
    order: 2
}

.bx--snippet--single .bx--snippet__overflow-indicator--left,
.bx--snippet--single .bx--snippet__overflow-indicator--right {
    height: calc(100% - .25rem);
    position: absolute;
    width: 2rem
}

.bx--snippet--single .bx--snippet__overflow-indicator--right {
    right: 2.5rem
}

.bx--snippet--single.bx--snippet--no-copy .bx--snippet__overflow-indicator--right {
    right: 0
}

.bx--snippet--single .bx--snippet-container:focus~.bx--snippet__overflow-indicator--right {
    right: 2.625rem
}

.bx--snippet--single .bx--snippet-container:focus+.bx--snippet__overflow-indicator--left {
    left: .125rem
}

.bx--snippet--light .bx--snippet__overflow-indicator--left {
    background-image: -webkit-gradient(linear, right top, left top, from(transparent), to(var(--field-02)));
    background-image: linear-gradient(to left, transparent, var(--field-02))
}

.bx--snippet--light .bx--snippet__overflow-indicator--right {
    background-image: -webkit-gradient(linear, left top, right top, from(transparent), to(var(--field-02)));
    background-image: linear-gradient(to right, transparent, var(--field-02))
}

@media not all and (-webkit-min-device-pixel-ratio:0),
not all and (min-resolution:0.001dpcm) {
    @supports(-webkit-appearance: none) and (stroke-color:transparent) {
        .bx--snippet__overflow-indicator--left {
            background-image:-webkit-gradient(linear, right top, left top, from(rgba(var(--field-01), 0)), to(var(--field-01)));
            background-image: linear-gradient(to left, rgba(var(--field-01), 0), var(--field-01))
        }
        .bx--snippet__overflow-indicator--right {
            background-image: -webkit-gradient(linear, left top, right top, from(rgba(var(--field-01), 0)), to(var(--field-01)));
            background-image: linear-gradient(to right, rgba(var(--field-01), 0), var(--field-01))
        }
    }
}

.bx--snippet--multi.bx--skeleton {
    height: 6.125rem
}

.bx--snippet--single.bx--skeleton {
    height: 3.5rem
}

.bx--snippet.bx--skeleton span {
    background: var(--skeleton-01);
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: block;
    height: 1rem;
    margin-top: .5rem;
    padding: 0;
    pointer-events: none;
    position: relative;
    width: 100%
}

.bx--snippet.bx--skeleton span:active,
.bx--snippet.bx--skeleton span:focus,
.bx--snippet.bx--skeleton span:hover {
    border: none;
    cursor: default;
    outline: none
}

.bx--snippet.bx--skeleton span:before {
    -webkit-animation: skeleton 3s ease-in-out infinite;
    animation: skeleton 3s ease-in-out infinite;
    background: var(--skeleton-02);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    will-change: transform-origin, transform, opacity
}

@media(prefers-reduced-motion:reduce) {
    .bx--snippet.bx--skeleton span:before {
        -webkit-animation: none;
        animation: none
    }
}

.bx--snippet.bx--skeleton span:first-child {
    margin: 0
}

.bx--snippet.bx--skeleton span:nth-child(2) {
    width: 85%
}

.bx--snippet.bx--skeleton span:nth-child(3) {
    width: 95%
}

.bx--snippet--single.bx--skeleton .bx--snippet-container {
    padding-bottom: 0
}

@media (forced-colors:active),
(prefers-contrast),
screen and (-ms-high-contrast:active) {
    .bx--snippet__icon {
        fill: ButtonText
    }
    .bx--snippet--inline:focus {
        color: Highlight;
        outline: 1px solid Highlight
    }
    .bx--snippet--multi,
    .bx--snippet--single {
        outline: 1px solid transparent
    }
}

.bx--list-box__wrapper--inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    grid-gap: .25rem;
    -webkit-align-items: center;
    align-items: center;
    display: inline-grid;
    grid-template: auto auto/auto auto
}

.bx--list-box__wrapper--inline .bx--label {
    font-size: .857rem;
    font-weight: 400;
    letter-spacing: .16px;
    line-height: 1.125rem
}

.bx--list-box__wrapper--inline .bx--form-requirement,
.bx--list-box__wrapper--inline .bx--form__helper-text,
.bx--list-box__wrapper--inline .bx--label {
    margin: 0
}

.bx--list-box__wrapper--inline .bx--form__helper-text {
    max-width: none
}

.bx--list-box__wrapper--inline .bx--form-requirement {
    grid-column: 2
}

.bx--list-box {
    background-color: var(--field-01);
    border: none;
    border-bottom: 1px solid var(--ui-04);
    color: var(--text-01);
    cursor: pointer;
    height: 2.5rem;
    max-height: 2.5rem;
    position: relative;
    -webkit-transition: all 70ms cubic-bezier(.2, 0, .38, .9);
    transition: all 70ms cubic-bezier(.2, 0, .38, .9);
    width: 100%
}

.bx--list-box:hover {
    background-color: var(--hover-ui)
}

.bx--list-box--lg,
.bx--list-box--xl {
    height: 3rem;
    max-height: 3rem
}

.bx--list-box--sm {
    height: 2rem;
    max-height: 2rem
}

.bx--list-box--expanded {
    border-bottom-color: var(--ui-03)
}

.bx--list-box--expanded:hover {
    background-color: var(--field-01)
}

.bx--list-box--expanded:hover.bx--list-box--light:hover {
    background-color: var(--field-02)
}

.bx--list-box .bx--text-input {
    height: 100%;
    min-width: 0
}

.bx--list-box__invalid-icon {
    fill: var(--support-01);
    position: absolute;
    right: 2.5rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.bx--list-box__invalid-icon--warning {
    fill: var(--support-03)
}

.bx--list-box__invalid-icon--warning path[fill] {
    fill: #000;
    opacity: 1
}

.bx--list-box.bx--list-box--warning .bx--list-box__field,
.bx--list-box[data-invalid] .bx--list-box__field {
    border-bottom: 0;
    padding-right: 4rem
}

.bx--list-box[data-invalid].bx--list-box--inline .bx--list-box__field {
    padding-right: 3.5rem
}

.bx--list-box--light {
    background-color: var(--field-02)
}

.bx--list-box--light:hover {
    background-color: var(--hover-light-ui)
}

.bx--list-box--light .bx--list-box__menu {
    background: var(--field-02)
}

.bx--list-box--light .bx--list-box__menu-item__option {
    border-top-color: var(--decorative-01)
}

.bx--list-box--light.bx--list-box--expanded {
    border-bottom-color: transparent
}

.bx--list-box--disabled:hover {
    background-color: var(--field-01)
}

.bx--list-box--light.bx--list-box--disabled {
    background-color: var(--field-02)
}

.bx--list-box--disabled,
.bx--list-box--disabled .bx--list-box__field,
.bx--list-box--disabled .bx--list-box__field:focus {
    border-bottom-color: transparent;
    outline: none
}

.bx--list-box--disabled.bx--list-box--inline .bx--list-box__label,
.bx--list-box--disabled .bx--list-box__label {
    color: var(--disabled-02)
}

.bx--list-box--disabled .bx--list-box__menu-icon>svg,
.bx--list-box--disabled .bx--list-box__selection>svg {
    fill: var(--disabled-02)
}

.bx--list-box--disabled,
.bx--list-box--disabled .bx--list-box__field,
.bx--list-box--disabled .bx--list-box__menu-icon {
    cursor: not-allowed
}

.bx--list-box--disabled .bx--list-box__menu-item,
.bx--list-box--disabled .bx--list-box__menu-item--highlighted,
.bx--list-box--disabled .bx--list-box__menu-item:hover {
    color: var(--disabled-02);
    text-decoration: none
}

.bx--list-box--disabled .bx--list-box__selection:hover {
    cursor: not-allowed
}

.bx--list-box--disabled.bx--list-box[data-invalid] .bx--list-box__field {
    padding-right: 3rem
}

.bx--list-box--disabled.bx--list-box[data-invalid].bx--list-box--inline .bx--list-box__field {
    padding-right: 2rem
}

.bx--list-box.bx--list-box--inline {
    background-color: transparent;
    border-width: 0
}

.bx--list-box.bx--list-box--inline:hover {
    background-color: var(--hover-ui)
}

.bx--list-box.bx--list-box--inline.bx--list-box--expanded {
    border-bottom-width: 0
}

.bx--list-box.bx--list-box--inline.bx--list-box--expanded .bx--list-box__field[aria-expanded=true] {
    border-width: 0
}

.bx--list-box.bx--list-box--inline.bx--list-box--disabled:hover {
    background-color: transparent
}

.bx--list-box.bx--list-box--inline.bx--list-box--expanded:hover {
    background-color: var(--field-02)
}

.bx--list-box.bx--list-box--inline .bx--list-box__field {
    padding: 0 2rem 0 .5rem
}

.bx--list-box.bx--list-box--inline .bx--list-box__menu-icon {
    right: .5rem
}

.bx--list-box.bx--list-box--inline .bx--list-box__invalid-icon {
    right: 2rem
}

.bx--list-box--inline .bx--list-box__label {
    color: var(--text-01)
}

.bx--list-box--inline .bx--list-box__field {
    height: 100%
}

.bx--dropdown--inline .bx--list-box__field {
    max-width: 30rem
}

.bx--dropdown--inline .bx--list-box__menu {
    max-width: 30rem;
    min-width: 18rem
}

.bx--list-box__field {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: 0;
    cursor: pointer;
    display: inline-block;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: calc(100% + 1px);
    outline: none;
    overflow: hidden;
    padding: 0 3rem 0 1rem;
    position: relative;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap;
    width: 100%
}

.bx--list-box__field::-moz-focus-inner {
    border: 0
}

.bx--list-box__field:focus {
    outline: 2px solid var(--focus);
    outline-offset: -2px
}

@media screen and (prefers-contrast) {
    .bx--list-box__field:focus {
        outline-style: dotted
    }
}

.bx--list-box__field[disabled] {
    color: var(--disabled-02);
    outline: none
}

.bx--list-box__field .bx--text-input {
    padding-right: 4.5rem
}

.bx--list-box--warning .bx--list-box__field .bx--text-input,
.bx--list-box[data-invalid] .bx--list-box__field .bx--text-input {
    padding-right: 6.125rem
}

.bx--list-box--warning .bx--list-box__field .bx--text-input+.bx--list-box__invalid-icon,
.bx--list-box[data-invalid] .bx--list-box__field .bx--text-input+.bx--list-box__invalid-icon {
    right: 4.125rem
}

.bx--list-box__field .bx--text-input--empty {
    padding-right: 3rem
}

.bx--list-box--warning .bx--list-box__field .bx--text-input--empty,
.bx--list-box[data-invalid] .bx--list-box__field .bx--text-input--empty {
    padding-right: 4.5rem
}

.bx--list-box--warning .bx--list-box__field .bx--text-input--empty+.bx--list-box__invalid-icon,
.bx--list-box[data-invalid] .bx--list-box__field .bx--text-input--empty+.bx--list-box__invalid-icon {
    right: 2.5rem
}

.bx--list-box__label {
    color: var(--text-01);
    font-size: .857rem;
    font-weight: 400;
    letter-spacing: .16px;
    line-height: 1.125rem;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.bx--list-box__menu-icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: 0;
    cursor: pointer;
    display: inline-block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 1.5rem;
    -webkit-justify-content: center;
    justify-content: center;
    outline: none;
    padding: 0;
    position: absolute;
    right: 1rem;
    -webkit-transition: -webkit-transform 70ms cubic-bezier(.2, 0, .38, .9);
    transition: -webkit-transform 70ms cubic-bezier(.2, 0, .38, .9);
    transition: transform 70ms cubic-bezier(.2, 0, .38, .9);
    transition: transform 70ms cubic-bezier(.2, 0, .38, .9), -webkit-transform 70ms cubic-bezier(.2, 0, .38, .9);
    width: 1.5rem
}

.bx--list-box__menu-icon::-moz-focus-inner {
    border: 0
}

.bx--list-box__menu-icon>svg {
    fill: var(--icon-01)
}

.bx--list-box__menu-icon--open {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.bx--list-box__menu-icon--open,
.bx--list-box__selection {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 1.5rem
}

.bx--list-box__selection {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: 0;
    cursor: pointer;
    display: inline-block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 1.5rem;
    padding: 0;
    position: absolute;
    right: 2.5rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: background-color 70ms cubic-bezier(.2, 0, .38, .9);
    transition: background-color 70ms cubic-bezier(.2, 0, .38, .9);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.bx--list-box__selection::-moz-focus-inner {
    border: 0
}

.bx--list-box__selection:focus {
    outline: 2px solid var(--focus);
    outline-offset: -2px
}

@media screen and (prefers-contrast) {
    .bx--list-box__selection:focus {
        outline-style: dotted
    }
}

.bx--list-box__selection:focus:hover {
    outline: 2px solid var(--focus);
    outline-offset: -2px
}

@media screen and (prefers-contrast) {
    .bx--list-box__selection:focus:hover {
        outline-style: dotted
    }
}

.bx--list-box__selection>svg {
    fill: var(--icon-01)
}

.bx--list-box--disabled .bx--list-box__selection:focus {
    outline: none
}

.bx--list-box__selection--multi {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-align-items: center;
    align-items: center;
    background-color: var(--inverse-02);
    border-radius: .75rem;
    color: var(--inverse-01);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: .75rem;
    font-weight: 400;
    height: 1.5rem;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    letter-spacing: .32px;
    line-height: 1rem;
    line-height: 0;
    margin-right: .625rem;
    padding: .5rem .125rem .5rem .5rem;
    position: static;
    top: auto;
    -webkit-transform: none;
    transform: none;
    width: auto
}

.bx--list-box__selection--multi>svg {
    fill: var(--inverse-01);
    height: 1.25rem;
    margin-left: .25rem;
    padding: .125rem;
    width: 1.25rem
}

.bx--list-box__selection--multi>svg:hover {
    background-color: var(--hover-secondary);
    border-radius: 50%
}

.bx--list-box--disabled .bx--list-box__selection--multi {
    background-color: var(--disabled-02);
    color: var(--disabled-01)
}

.bx--list-box--disabled .bx--list-box__selection--multi.bx--tag--interactive:hover,
.bx--list-box--disabled .bx--list-box__selection--multi .bx--tag__close-icon:hover {
    background-color: var(--disabled-02)
}

.bx--list-box--disabled .bx--list-box__selection--multi>svg {
    fill: var(--disabled-01)
}

.bx--list-box--disabled .bx--list-box__selection--multi>svg:hover {
    background-color: initial
}

.bx--list-box__selection--multi:hover {
    outline: none
}

.bx--list-box__menu {
    background-color: var(--ui-01);
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
    left: 0;
    overflow-y: auto;
    position: absolute;
    right: 0;
    -webkit-transition: max-height .11s cubic-bezier(.2, 0, .38, .9);
    transition: max-height .11s cubic-bezier(.2, 0, .38, .9);
    width: 100%;
    z-index: 9100
}

.bx--list-box__menu:focus {
    outline: 1px solid var(--focus)
}

@media screen and (prefers-contrast) {
    .bx--list-box__menu:focus {
        outline-style: dotted
    }
}

.bx--list-box .bx--list-box__field[aria-expanded=false]+.bx--list-box__menu {
    max-height: 0
}

.bx--list-box--expanded .bx--list-box__menu {
    max-height: 13.75rem
}

.bx--list-box--expanded.bx--list-box--lg .bx--list-box__menu,
.bx--list-box--expanded.bx--list-box--xl .bx--list-box__menu {
    max-height: 16.5rem
}

.bx--list-box--expanded.bx--list-box--sm .bx--list-box__menu {
    max-height: 11rem
}

.bx--list-box__menu-item {
    color: var(--text-02);
    cursor: pointer;
    font-size: .857rem;
    font-weight: 400;
    height: 2.5rem;
    letter-spacing: .16px;
    line-height: 1.125rem;
    position: relative;
    -webkit-transition: background 70ms cubic-bezier(.2, 0, .38, .9);
    transition: background 70ms cubic-bezier(.2, 0, .38, .9);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.bx--list-box__menu-item:hover {
    background-color: var(--hover-ui)
}

.bx--list-box__menu-item:active {
    background-color: var(--selected-ui)
}

.bx--list-box--light .bx--list-box__menu-item:hover {
    background-color: var(--hover-light-ui)
}

.bx--list-box--sm .bx--list-box__menu-item {
    height: 2rem
}

.bx--list-box--lg .bx--list-box__menu-item,
.bx--list-box--xl .bx--list-box__menu-item {
    height: 3rem
}

.bx--list-box--disabled .bx--list-box__menu-item:hover {
    background-color: transparent
}

.bx--list-box--light .bx--list-box__menu-item:active {
    background-color: var(--selected-light-ui)
}

.bx--list-box--disabled .bx--list-box__menu-item__option:hover {
    border-top-color: var(--ui-03)
}

.bx--list-box__menu-item:first-of-type .bx--list-box__menu-item__option {
    border-top-color: transparent
}

.bx--list-box__menu-item:hover .bx--list-box__menu-item__option {
    color: var(--text-01)
}

.bx--list-box__menu-item:hover+.bx--list-box__menu-item .bx--list-box__menu-item__option {
    border-top-color: transparent
}

.bx--list-box--disabled .bx--list-box__menu-item:hover+.bx--list-box__menu-item .bx--list-box__menu-item__option {
    border-top-color: var(--ui-03)
}

.bx--list-box__menu-item__option {
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
    border-top-color: var(--ui-03);
    color: var(--text-02);
    display: block;
    font-weight: 400;
    height: 2.5rem;
    line-height: 1rem;
    margin: 0 1rem;
    outline: 2px solid transparent;
    outline-offset: -2px;
    overflow: hidden;
    padding: .6875rem 1.5rem .6875rem 0;
    text-decoration: none;
    text-overflow: ellipsis;
    -webkit-transition: border-color 70ms cubic-bezier(.2, 0, .38, .9), color 70ms cubic-bezier(.2, 0, .38, .9);
    transition: border-color 70ms cubic-bezier(.2, 0, .38, .9), color 70ms cubic-bezier(.2, 0, .38, .9);
    white-space: nowrap
}

.bx--list-box__menu-item__option:focus {
    border-color: transparent;
    margin: 0;
    outline: 2px solid var(--focus);
    outline-offset: -2px;
    padding: .6875rem 1rem
}

@media screen and (prefers-contrast) {
    .bx--list-box__menu-item__option:focus {
        outline-style: dotted
    }
}

.bx--list-box__menu-item__option:hover {
    border-color: transparent;
    color: var(--text-01)
}

.bx--list-box--sm .bx--list-box__menu-item__option {
    height: 2rem;
    padding-bottom: .4375rem;
    padding-top: .4375rem
}

.bx--list-box--lg .bx--list-box__menu-item__option,
.bx--list-box--xl .bx--list-box__menu-item__option {
    height: 3rem;
    padding-bottom: .9375rem;
    padding-top: .9375rem
}

.bx--list-box--disabled .bx--list-box__menu-item:hover .bx--list-box__menu-item__option,
.bx--list-box--disabled .bx--list-box__menu-item__option {
    color: var(--disabled-02)
}

.bx--list-box__menu-item[disabled],
.bx--list-box__menu-item[disabled] *,
.bx--list-box__menu-item[disabled] .bx--list-box__menu-item__option,
.bx--list-box__menu-item[disabled]:hover {
    color: var(--disabled-02);
    cursor: not-allowed;
    outline: none
}

.bx--list-box__menu-item[disabled]:hover {
    background-color: revert
}

.bx--list-box__menu-item[disabled] .bx--checkbox-label:before {
    border-color: var(--disabled-02)
}

.bx--list-box__menu-item[disabled] .bx--list-box__menu-item__option,
.bx--list-box__menu-item[disabled]:hover+.bx--list-box__menu-item .bx--list-box__menu-item__option {
    border-top-color: var(--ui-03)
}

.bx--list-box.bx--list-box--inline .bx--list-box__menu-item__option {
    margin: 0 .5rem
}

.bx--list-box.bx--list-box--inline .bx--list-box__menu-item__option:focus {
    margin: 0;
    padding-left: .5rem;
    padding-right: .5rem
}

.bx--list-box__menu-item--highlighted {
    background-color: var(--hover-ui);
    border-color: transparent;
    color: var(--text-01)
}

.bx--list-box__menu-item--highlighted+.bx--list-box__menu-item .bx--list-box__menu-item__option,
.bx--list-box__menu-item--highlighted .bx--list-box__menu-item__option {
    border-top-color: transparent
}

.bx--list-box__menu-item--highlighted .bx--list-box__menu-item__option {
    color: var(--text-01)
}

.bx--list-box__menu-item--active {
    background-color: var(--selected-ui);
    border-bottom-color: var(--selected-ui);
    color: var(--text-01)
}

.bx--list-box--light .bx--list-box__menu-item--active {
    background-color: var(--selected-light-ui);
    border-bottom-color: var(--selected-light-ui)
}

.bx--list-box__menu-item--active.bx--list-box__menu-item--highlighted,
.bx--list-box__menu-item--active:hover {
    background-color: var(--hover-selected-ui);
    border-bottom-color: var(--hover-selected-ui)
}

.bx--list-box__menu-item--active .bx--list-box__menu-item__option {
    color: var(--text-01)
}

.bx--list-box__menu-item--active+.bx--list-box__menu-item>.bx--list-box__menu-item__option {
    border-top-color: transparent
}

.bx--list-box__menu-item__selected-icon {
    fill: var(--icon-01);
    display: none;
    position: absolute;
    right: 1rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.bx--list-box--inline .bx--list-box__menu-item__selected-icon {
    right: .5rem
}

.bx--list-box__menu-item--active .bx--list-box__menu-item__selected-icon {
    display: block
}

.bx--list-box__menu-item .bx--checkbox-label {
    width: 100%
}

.bx--list-box__menu-item .bx--checkbox-label-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bx--list-box--up .bx--list-box__menu {
    bottom: 2.5rem
}

.bx--list-box--up.bx--dropdown--sm .bx--list-box__menu,
.bx--list-box--up.bx--list-box--sm .bx--list-box__menu,
.bx--list-box--up .bx--list-box--sm .bx--list-box__menu {
    bottom: 2rem
}

.bx--list-box--up.bx--dropdown--lg .bx--list-box__menu,
.bx--list-box--up.bx--dropdown--xl .bx--list-box__menu,
.bx--list-box--up.bx--list-box--lg .bx--list-box__menu,
.bx--list-box--up .bx--list-box--lg .bx--list-box__menu,
.bx--list-box--up.bx--list-box--xl .bx--list-box__menu {
    bottom: 3rem
}

.bx--list-box input[role=combobox],
.bx--list-box input[type=text] {
    background-color: inherit;
    min-width: 0
}

@media (forced-colors:active),
(prefers-contrast),
screen and (-ms-high-contrast:active) {
    .bx--list-box__field,
    .bx--list-box__menu,
    .bx--multi-select .bx--tag--filter {
        outline: 1px solid transparent
    }
    .bx--list-box__field:focus,
    .bx--list-box__menu-item--highlighted .bx--list-box__menu-item__option,
    .bx--multi-select .bx--tag__close-icon:focus {
        color: Highlight;
        outline: 1px solid Highlight
    }
    .bx--list-box__menu-icon>svg,
    .bx--list-box__selection--multi>svg,
    .bx--list-box__selection>svg {
        fill: ButtonText
    }
}

.bx--combo-box:hover {
    background-color: var(--field-01)
}

.bx--combo-box.bx--list-box--light:hover {
    background-color: var(--field-02)
}

.bx--combo-box .bx--text-input::-ms-clear {
    display: none
}

.bx--combo-box.bx--list-box--expanded .bx--text-input {
    border-bottom-color: var(--ui-03)
}

.bx--combo-box.bx--list-box--disabled.bx--list-box--warning .bx--list-box__field,
.bx--combo-box.bx--list-box--disabled.bx--list-box[data-invalid] .bx--list-box__field,
.bx--combo-box.bx--list-box--warning .bx--list-box__field,
.bx--combo-box.bx--list-box[data-invalid] .bx--list-box__field,
.bx--combo-box .bx--list-box__field {
    padding: 0
}

.bx--content-switcher {
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 2.5rem;
    -webkit-justify-content: space-evenly;
    justify-content: space-evenly;
    width: 100%
}

.bx--content-switcher--sm {
    height: 2rem
}

.bx--content-switcher--lg,
.bx--content-switcher--xl {
    height: 3rem
}

.bx--content-switcher-btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: transparent;
    border: none;
    border-bottom: .0625rem solid var(--ui-05);
    border-top: .0625rem solid var(--ui-05);
    color: var(--text-02);
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: .857rem;
    font-weight: 400;
    letter-spacing: .16px;
    line-height: 1.125rem;
    margin: 0;
    outline: 2px solid transparent;
    outline-offset: -2px;
    overflow: hidden;
    padding: .5rem 1rem;
    position: relative;
    text-align: left;
    text-decoration: none;
    -webkit-transition: all 70ms cubic-bezier(.2, 0, .38, .9);
    transition: all 70ms cubic-bezier(.2, 0, .38, .9);
    white-space: nowrap;
    width: 100%
}

.bx--content-switcher-btn:focus {
    border-color: var(--focus);
    -webkit-box-shadow: inset 0 0 0 2px var(--focus), inset 0 0 0 3px var(--inverse-01);
    box-shadow: inset 0 0 0 2px var(--focus), inset 0 0 0 3px var(--inverse-01);
    z-index: 3
}

.bx--content-switcher-btn:hover {
    color: var(--text-01);
    cursor: pointer
}

.bx--content-switcher-btn:active,
.bx--content-switcher-btn:hover {
    background-color: var(--hover-ui);
    color: var(--text-01);
    z-index: 3
}

.bx--content-switcher-btn:disabled {
    background-color: transparent;
    border-color: var(--disabled-01);
    color: var(--disabled-02)
}

.bx--content-switcher-btn:disabled:hover {
    cursor: not-allowed
}

.bx--content-switcher-btn:disabled:first-child,
.bx--content-switcher-btn:disabled:last-child {
    border-color: var(--disabled-01)
}

.bx--content-switcher-btn:first-child {
    border-bottom-left-radius: .25rem;
    border-left: .0625rem solid var(--ui-05);
    border-top-left-radius: .25rem
}

.bx--content-switcher-btn:last-child {
    border-bottom-right-radius: .25rem;
    border-right: .0625rem solid var(--ui-05);
    border-top-right-radius: .25rem
}

.bx--content-switcher--selected,
.bx--content-switcher--selected:first-child,
.bx--content-switcher--selected:last-child {
    border: 0
}

.bx--content-switcher-btn:before {
    background-color: var(--ui-03);
    content: "";
    display: block;
    height: 1rem;
    left: 0;
    position: absolute;
    width: .0625rem;
    z-index: 2
}

.bx--content-switcher-btn:first-of-type:before {
    display: none
}

.bx--content-switcher--selected+.bx--content-switcher-btn:before,
.bx--content-switcher--selected:before,
.bx--content-switcher-btn:focus+.bx--content-switcher-btn:before,
.bx--content-switcher-btn:focus:before,
.bx--content-switcher-btn:hover+.bx--content-switcher-btn:before,
.bx--content-switcher-btn:hover:before {
    background-color: transparent
}

.bx--content-switcher-btn:disabled:before,
.bx--content-switcher-btn:disabled:hover+.bx--content-switcher-btn:disabled:before {
    background-color: var(--disabled-01)
}

.bx--content-switcher-btn.bx--content-switcher--selected:disabled+.bx--content-switcher-btn:before,
.bx--content-switcher-btn.bx--content-switcher--selected:disabled:hover+.bx--content-switcher-btn:before {
    background-color: transparent
}

.bx--content-switcher__icon {
    fill: var(--icon-02);
    -webkit-transition: fill 70ms cubic-bezier(.2, 0, .38, .9);
    transition: fill 70ms cubic-bezier(.2, 0, .38, .9)
}

.bx--content-switcher__icon+span {
    margin-left: .5rem
}

.bx--content-switcher__label {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bx--content-switcher-btn:focus .bx--content-switcher__icon,
.bx--content-switcher-btn:hover .bx--content-switcher__icon {
    fill: var(--icon-01)
}

.bx--content-switcher-btn.bx--content-switcher--selected {
    background-color: var(--ui-05);
    color: var(--inverse-01);
    z-index: 3
}

.bx--content-switcher-btn.bx--content-switcher--selected:disabled {
    background-color: var(--disabled-03);
    color: var(--disabled-02)
}

.bx--content-switcher-btn.bx--content-switcher--selected .bx--content-switcher__icon {
    fill: var(--inverse-01)
}

@media (forced-colors:active),
(prefers-contrast),
screen and (-ms-high-contrast:active) {
    .bx--content-switcher-btn:focus {
        color: Highlight;
        outline: 1px solid Highlight
    }
}

@keyframes hide-feedback {
    0% {
        opacity: 1;
        visibility: inherit
    }
    to {
        opacity: 0;
        visibility: hidden
    }
}

@keyframes show-feedback {
    0% {
        opacity: 0;
        visibility: hidden
    }
    to {
        opacity: 1;
        visibility: inherit
    }
}

.bx--btn--copy {
    overflow: visible;
    position: relative
}

.bx--btn--copy .bx--btn__icon {
    margin-left: .3125rem
}

.bx--btn--copy__feedback {
    display: none;
    left: 50%;
    position: absolute;
    top: 1.2rem
}

.bx--btn--copy__feedback:before {
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
    color: var(--inverse-01);
    content: attr(data-feedback);
    font-size: .857rem;
    font-weight: 400;
    letter-spacing: .16px;
    line-height: 1.125rem;
    padding: .25rem;
    pointer-events: none;
    top: 1.1rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap;
    z-index: 2
}

.bx--btn--copy__feedback:after {
    border-bottom: 1px solid var(--inverse-02);
    border-right: 1px solid var(--inverse-02);
    content: "";
    height: .6rem;
    left: -.3rem;
    top: .85rem;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    width: .6rem;
    z-index: 1
}

.bx--btn--copy__feedback:after,
.bx--btn--copy__feedback:before {
    background: var(--inverse-02);
    display: block;
    position: absolute
}

.bx--btn--copy__feedback--displayed {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.bx--copy-btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: var(--ui-01);
    border: none;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 2.5rem;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 0;
    position: relative;
    width: 2.5rem
}

.bx--copy-btn:hover {
    background-color: var(--hover-ui)
}

.bx--copy-btn:active {
    background-color: var(--active-ui)
}

.bx--copy-btn:before {
    border-style: solid;
    content: "";
    display: none;
    height: 0;
    position: absolute;
    width: 0;
    z-index: 6000
}

.bx--copy-btn .bx--copy-btn__feedback {
    clip: auto;
    background-color: var(--inverse-02);
    border-radius: .125rem;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    color: var(--inverse-01);
    display: none;
    font-size: .857rem;
    font-weight: 400;
    height: auto;
    letter-spacing: .16px;
    line-height: 1.125rem;
    margin: auto;
    max-width: 13rem;
    min-width: 1.5rem;
    overflow: visible;
    padding: .1875rem 1rem;
    text-align: left;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    z-index: 6000
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .bx--copy-btn .bx--copy-btn__feedback {
        width: auto
    }
}

@supports(-ms-accelerator:true) {
    .bx--copy-btn .bx--copy-btn__feedback {
        width: auto
    }
}

@supports(-ms-ime-align:auto) {
    .bx--copy-btn .bx--copy-btn__feedback {
        width: auto
    }
}

@media screen and (-ms-high-contrast:active),
screen and (prefers-contrast) {
    .bx--copy-btn .bx--copy-btn__feedback {
        border: 1px solid transparent
    }
}

.bx--copy-btn .bx--assistive-text:after {
    content: "";
    display: block;
    height: .75rem;
    left: 0;
    position: absolute;
    top: -.75rem;
    width: 100%
}

.bx--copy-btn+.bx--assistive-text,
.bx--copy-btn .bx--assistive-text,
.bx--copy-btn:after,
.bx--copy-btn:before {
    bottom: 0;
    left: 50%
}

.bx--copy-btn:before {
    border-bottom-color: var(--inverse-02);
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
    border-width: 0 .25rem .3125rem;
    bottom: -.5rem;
    -webkit-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%)
}

.bx--copy-btn+.bx--assistive-text,
.bx--copy-btn .bx--assistive-text,
.bx--copy-btn:after {
    bottom: -.8125rem;
    -webkit-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%)
}

.bx--copy-btn:focus {
    outline: 2px solid var(--focus);
    outline-color: var(--focus);
    outline-offset: -2px
}

@media screen and (prefers-contrast) {
    .bx--copy-btn:focus {
        outline-style: dotted
    }
}

.bx--copy-btn.bx--copy-btn--animating .bx--copy-btn__feedback,
.bx--copy-btn.bx--copy-btn--animating:before {
    display: block
}

.bx--copy-btn.bx--copy-btn--animating.bx--copy-btn--fade-out .bx--copy-btn__feedback,
.bx--copy-btn.bx--copy-btn--animating.bx--copy-btn--fade-out:before {
    -webkit-animation: hide-feedback .11s cubic-bezier(.2, 0, .38, .9);
    animation: hide-feedback .11s cubic-bezier(.2, 0, .38, .9)
}

.bx--copy-btn.bx--copy-btn--animating.bx--copy-btn--fade-in .bx--copy-btn__feedback,
.bx--copy-btn.bx--copy-btn--animating.bx--copy-btn--fade-in:before {
    -webkit-animation: show-feedback .11s cubic-bezier(.2, 0, .38, .9);
    animation: show-feedback .11s cubic-bezier(.2, 0, .38, .9)
}

.bx--copy {
    font-size: 0
}

.bx--table-toolbar {
    background-color: var(--ui-01);
    min-height: 3rem;
    position: relative
}

.bx--table-toolbar,
.bx--toolbar-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.bx--toolbar-content {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    height: 3rem;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: -webkit-transform .11s cubic-bezier(.2, 0, .38, .9), -webkit-clip-path .11s cubic-bezier(.2, 0, .38, .9);
    transition: -webkit-transform .11s cubic-bezier(.2, 0, .38, .9), -webkit-clip-path .11s cubic-bezier(.2, 0, .38, .9);
    transition: transform .11s cubic-bezier(.2, 0, .38, .9), clip-path .11s cubic-bezier(.2, 0, .38, .9);
    transition: transform .11s cubic-bezier(.2, 0, .38, .9), clip-path .11s cubic-bezier(.2, 0, .38, .9), -webkit-transform .11s cubic-bezier(.2, 0, .38, .9), -webkit-clip-path .11s cubic-bezier(.2, 0, .38, .9)
}

.bx--batch-actions~.bx--toolbar-content {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.bx--toolbar-content .bx--search .bx--search-input {
    background-color: transparent
}

.bx--batch-actions~.bx--toolbar-search-container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    opacity: 1;
    -webkit-transition: opacity .11s;
    transition: opacity .11s
}

.bx--toolbar-content .bx--toolbar-search-container-expandable {
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    height: 3rem;
    position: relative;
    -webkit-transition: width .24s cubic-bezier(.2, 0, .38, .9), background-color .11s cubic-bezier(0, 0, .38, .9);
    transition: width .24s cubic-bezier(.2, 0, .38, .9), background-color .11s cubic-bezier(0, 0, .38, .9);
    width: 3rem
}

.bx--toolbar-content .bx--toolbar-search-container-expandable:hover {
    background-color: var(--hover-ui)
}

.bx--toolbar-search-container-expandable .bx--search-input {
    cursor: pointer;
    height: 100%;
    opacity: 0
}

.bx--toolbar-search-container-expandable:not(.bx--toolbar-search-container-active) .bx--search-input {
    padding: 0
}

.bx--toolbar-search-container-expandable .bx--search-magnifier-icon {
    fill: var(--icon-01);
    height: 3rem;
    left: 0;
    padding: 1rem;
    width: 3rem
}

.bx--toolbar-search-container-expandable.bx--search--disabled .bx--search-magnifier-icon {
    background-color: var(--ui-01);
    cursor: not-allowed;
    -webkit-transition: background-color none;
    transition: background-color none
}

.bx--toolbar-search-container-disabled .bx--search-input {
    cursor: not-allowed
}

.bx--toolbar-search-container-expandable.bx--search .bx--label {
    visibility: hidden
}

.bx--toolbar-search-container-expandable.bx--search .bx--search-close {
    height: 3rem;
    width: 3rem
}

.bx--toolbar-search-container-expandable.bx--search .bx--search-close:before {
    background-color: var(--hover-ui);
    height: calc(100% - .25rem);
    top: .125rem
}

.bx--toolbar-search-container-expandable.bx--search .bx--search-close:focus:before {
    background-color: var(--focus)
}

.bx--toolbar-search-container-active.bx--search {
    width: 100%
}

.bx--toolbar-search-container-active .bx--search-input {
    opacity: 1
}

.bx--toolbar-search-container-active .bx--label,
.bx--toolbar-search-container-active .bx--search-input {
    cursor: text;
    padding: 0 3rem
}

.bx--toolbar-search-container-active .bx--search-input:focus+.bx--search-close {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none
}

.bx--toolbar-search-container-active .bx--search-input:not(:-moz-placeholder-shown) {
    background-color: var(--hover-ui);
    border: none
}

.bx--toolbar-search-container-active .bx--search-input:not(:-ms-input-placeholder) {
    background-color: var(--hover-ui);
    border: none
}

.bx--toolbar-search-container-active .bx--search-input:not(:placeholder-shown) {
    background-color: var(--hover-ui);
    border: none
}

.bx--toolbar-search-container-active .bx--search-magnifier-icon:active,
.bx--toolbar-search-container-active .bx--search-magnifier-icon:focus,
.bx--toolbar-search-container-active .bx--search-magnifier-icon:hover {
    background-color: transparent;
    border: none;
    outline: none
}

.bx--toolbar-search-container-active .bx--search-close,
.bx--toolbar-search-container-active .bx--search-close:hover,
.bx--toolbar-search-container-persistent .bx--search-close,
.bx--toolbar-search-container-persistent .bx--search-close:hover {
    background-color: transparent;
    border: none
}

.bx--toolbar-search-container-persistent .bx--search-close:before {
    display: none
}

.bx--overflow-menu.bx--toolbar-action {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: 0;
    cursor: pointer;
    display: inline-block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 3rem;
    padding: 1rem;
    -webkit-transition: background .11s cubic-bezier(0, 0, .38, .9);
    transition: background .11s cubic-bezier(0, 0, .38, .9);
    width: 100%;
    width: 3rem
}

.bx--overflow-menu.bx--toolbar-action::-moz-focus-inner {
    border: 0
}

.bx--toolbar-action {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: 0;
    cursor: pointer;
    display: inline-block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 3rem;
    padding: 0;
    -webkit-transition: background .11s cubic-bezier(0, 0, .38, .9);
    transition: background .11s cubic-bezier(0, 0, .38, .9);
    width: 100%;
    width: 3rem
}

.bx--toolbar-action::-moz-focus-inner {
    border: 0
}

.bx--toolbar-action:hover:not([disabled]) {
    background-color: var(--hover-ui)
}

.bx--toolbar-action:hover[aria-expanded=true] {
    background-color: var(--ui-01)
}

.bx--toolbar-action[disabled] {
    cursor: not-allowed
}

.bx--toolbar-action[disabled] .bx--toolbar-action__icon {
    fill: var(--disabled-02);
    cursor: not-allowed
}

.bx--toolbar-action:active:not([disabled]),
.bx--toolbar-action:focus:not([disabled]) {
    outline: 2px solid var(--focus);
    outline-offset: -2px
}

@media screen and (prefers-contrast) {
    .bx--toolbar-action:active:not([disabled]),
    .bx--toolbar-action:focus:not([disabled]) {
        outline-style: dotted
    }
}

.bx--toolbar-action:active:not([disabled]).bx--toolbar-search-container-expandable,
.bx--toolbar-action:focus:not([disabled]).bx--toolbar-search-container-expandable {
    outline: none
}

.bx--toolbar-action~.bx--btn {
    margin: 0;
    max-width: none;
    white-space: nowrap
}

.bx--overflow-menu--data-table {
    height: 3rem
}

.bx--toolbar-action__icon {
    fill: var(--icon-01);
    height: 1rem;
    max-width: 1rem;
    width: auto
}

.bx--toolbar-search-container-persistent {
    height: 3rem;
    opacity: 1;
    position: relative;
    width: 100%
}

.bx--toolbar-search-container-persistent+.bx--toolbar-content {
    position: relative;
    width: auto
}

.bx--toolbar-search-container-persistent .bx--search {
    position: static
}

.bx--toolbar-search-container-persistent .bx--search-magnifier-icon {
    left: 1rem
}

.bx--toolbar-search-container-persistent .bx--search-input {
    border: none;
    height: 3rem;
    padding: 0 3rem
}

.bx--toolbar-search-container-persistent .bx--search-input:focus:not([disabled]) {
    outline: 2px solid var(--focus);
    outline-offset: -2px
}

@media screen and (prefers-contrast) {
    .bx--toolbar-search-container-persistent .bx--search-input:focus:not([disabled]) {
        outline-style: dotted
    }
}

.bx--toolbar-search-container-persistent .bx--search-input:hover:not([disabled]) {
    background-color: var(--hover-ui)
}

.bx--toolbar-search-container-persistent .bx--search-input:not(:-moz-placeholder-shown) {
    background-color: var(--hover-ui)
}

.bx--toolbar-search-container-persistent .bx--search-input:not(:-ms-input-placeholder) {
    background-color: var(--hover-ui)
}

.bx--toolbar-search-container-persistent .bx--search-input:active:not([disabled]),
.bx--toolbar-search-container-persistent .bx--search-input:not(:placeholder-shown) {
    background-color: var(--hover-ui)
}

.bx--toolbar-search-container-persistent .bx--search-close {
    height: 3rem;
    width: 3rem
}

.bx--batch-actions--active~.bx--toolbar-content,
.bx--batch-actions--active~.bx--toolbar-search-container {
    -webkit-transition: -webkit-transform .11s cubic-bezier(.2, 0, .38, .9), -webkit-clip-path .11s cubic-bezier(.2, 0, .38, .9);
    transition: -webkit-transform .11s cubic-bezier(.2, 0, .38, .9), -webkit-clip-path .11s cubic-bezier(.2, 0, .38, .9);
    transition: transform .11s cubic-bezier(.2, 0, .38, .9), clip-path .11s cubic-bezier(.2, 0, .38, .9);
    transition: transform .11s cubic-bezier(.2, 0, .38, .9), clip-path .11s cubic-bezier(.2, 0, .38, .9), -webkit-transform .11s cubic-bezier(.2, 0, .38, .9), -webkit-clip-path .11s cubic-bezier(.2, 0, .38, .9)
}

.bx--batch-actions,
.bx--batch-actions--active~.bx--toolbar-content,
.bx--batch-actions--active~.bx--toolbar-search-container {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    -webkit-transform: translate3d(0, 48px, 0);
    transform: translate3d(0, 48px, 0)
}

.bx--batch-actions {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-align-items: center;
    align-items: center;
    background-color: var(--interactive-01);
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    -webkit-transition: opacity .11s cubic-bezier(.2, 0, .38, .9), -webkit-transform .11s cubic-bezier(.2, 0, .38, .9), -webkit-clip-path .11s cubic-bezier(.2, 0, .38, .9);
    transition: opacity .11s cubic-bezier(.2, 0, .38, .9), -webkit-transform .11s cubic-bezier(.2, 0, .38, .9), -webkit-clip-path .11s cubic-bezier(.2, 0, .38, .9);
    transition: transform .11s cubic-bezier(.2, 0, .38, .9), clip-path .11s cubic-bezier(.2, 0, .38, .9), opacity .11s cubic-bezier(.2, 0, .38, .9);
    transition: transform .11s cubic-bezier(.2, 0, .38, .9), clip-path .11s cubic-bezier(.2, 0, .38, .9), opacity .11s cubic-bezier(.2, 0, .38, .9), -webkit-transform .11s cubic-bezier(.2, 0, .38, .9), -webkit-clip-path .11s cubic-bezier(.2, 0, .38, .9);
    will-change: transform
}

.bx--batch-actions:focus {
    outline: 1px solid var(--focus)
}

@media screen and (prefers-contrast) {
    .bx--batch-actions:focus {
        outline-style: dotted
    }
}

.bx--batch-actions--active {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    overflow: auto hidden;
    pointer-events: all;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.bx--action-list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.bx--action-list .bx--btn {
    color: var(--text-04);
    padding: calc(.875rem - 3px) 16px;
    white-space: nowrap
}

.bx--action-list .bx--btn:disabled {
    color: var(--disabled-03)
}

.bx--action-list .bx--btn .bx--btn__icon {
    fill: var(--icon-03);
    margin-left: .5rem;
    position: static
}

.bx--action-list .bx--btn .bx--btn__icon .st0 {
    fill: none
}

.bx--batch-download {
    padding: .0625rem
}

.bx--action-list .bx--btn--primary:after,
.bx--action-list .bx--btn--primary:before,
.bx--action-list .bx--btn--primary:focus:after,
.bx--action-list .bx--btn--primary:focus:before {
    display: none
}

.bx--action-list .bx--btn--primary:focus {
    outline: 2px solid var(--ui-01);
    outline-offset: -.125rem
}

.bx--action-list .bx--btn--primary:nth-child(3):focus+.bx--btn--primary.bx--batch-summary__cancel:before,
.bx--action-list .bx--btn--primary:nth-child(3):hover+.bx--btn--primary.bx--batch-summary__cancel:before {
    opacity: 0
}

.bx--btn--primary.bx--batch-summary__cancel:before {
    background-color: var(--text-04);
    border: none;
    content: "";
    display: block;
    height: 1rem;
    left: 0;
    opacity: 1;
    position: absolute;
    top: .9375rem;
    -webkit-transition: opacity .11s cubic-bezier(.2, 0, .38, .9);
    transition: opacity .11s cubic-bezier(.2, 0, .38, .9);
    width: .0625rem
}

.bx--btn--primary.bx--batch-summary__cancel:hover:before {
    opacity: 0;
    -webkit-transition: opacity .11s cubic-bezier(.2, 0, .38, .9);
    transition: opacity .11s cubic-bezier(.2, 0, .38, .9)
}

.bx--batch-summary {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: var(--interactive-01);
    color: var(--text-04);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    left: 0;
    min-height: 3rem;
    padding: 0 1rem;
    position: -webkit-sticky;
    position: sticky;
    z-index: 100000
}

.bx--batch-summary__scroll {
    -webkit-box-shadow: .5px 0 .2px var(--hover-primary);
    box-shadow: .5px 0 .2px var(--hover-primary)
}

.bx--batch-summary__para {
    font-size: .857rem;
    font-weight: 400;
    letter-spacing: .16px;
    line-height: 1.125rem
}

.bx--table-toolbar--sm,
.bx--table-toolbar--sm .bx--toolbar-search-container-expandable,
.bx--table-toolbar--sm .bx--toolbar-search-container-expandable .bx--search-input,
.bx--table-toolbar--sm .bx--toolbar-search-container-persistent,
.bx--table-toolbar--sm .bx--toolbar-search-container-persistent .bx--search-input,
.bx--table-toolbar--small,
.bx--table-toolbar--small .bx--toolbar-search-container-expandable,
.bx--table-toolbar--small .bx--toolbar-search-container-expandable .bx--search-input,
.bx--table-toolbar--small .bx--toolbar-search-container-persistent,
.bx--table-toolbar--small .bx--toolbar-search-container-persistent .bx--search-input {
    height: 2rem
}

.bx--table-toolbar--sm .bx--toolbar-search-container-expandable .bx--search-close,
.bx--table-toolbar--sm .bx--toolbar-search-container-persistent .bx--search-close,
.bx--table-toolbar--small .bx--toolbar-search-container-expandable .bx--search-close,
.bx--table-toolbar--small .bx--toolbar-search-container-persistent .bx--search-close {
    height: 2rem;
    width: 2rem
}

.bx--table-toolbar--sm .bx--toolbar-search-container-expandable .bx--search-magnifier-icon,
.bx--table-toolbar--sm .bx--toolbar-search-container-persistent .bx--search-magnifier-icon,
.bx--table-toolbar--small .bx--toolbar-search-container-expandable .bx--search-magnifier-icon,
.bx--table-toolbar--small .bx--toolbar-search-container-persistent .bx--search-magnifier-icon {
    height: 2rem;
    padding: .5rem;
    width: 2rem
}

.bx--table-toolbar--sm .bx--toolbar-action.bx--toolbar-search-container-persistent,
.bx--table-toolbar--small .bx--toolbar-action.bx--toolbar-search-container-persistent {
    width: 100%
}

.bx--table-toolbar--sm .bx--toolbar-search-container-active .bx--search-magnifier-icon,
.bx--table-toolbar--sm .bx--toolbar-search-container-persistent .bx--search-magnifier-icon,
.bx--table-toolbar--small .bx--toolbar-search-container-active .bx--search-magnifier-icon,
.bx--table-toolbar--small .bx--toolbar-search-container-persistent .bx--search-magnifier-icon {
    left: .5rem
}

.bx--table-toolbar--sm .bx--toolbar-search-container-expandable,
.bx--table-toolbar--small .bx--toolbar-search-container-expandable {
    width: 2rem
}

.bx--table-toolbar--sm .bx--toolbar-search-container-expandable .bx--search .bx--search-input,
.bx--table-toolbar--small .bx--toolbar-search-container-expandable .bx--search .bx--search-input {
    padding: 0 3rem
}

.bx--table-toolbar--sm .bx--toolbar-search-container-active,
.bx--table-toolbar--small .bx--toolbar-search-container-active {
    -webkit-box-flex: 1;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    -webkit-transition: -webkit-box-flex 175ms cubic-bezier(.2, 0, .38, .9), -webkit-flex 175ms cubic-bezier(.2, 0, .38, .9);
    transition: -webkit-box-flex 175ms cubic-bezier(.2, 0, .38, .9), -webkit-flex 175ms cubic-bezier(.2, 0, .38, .9);
    transition: flex 175ms cubic-bezier(.2, 0, .38, .9);
    transition: flex 175ms cubic-bezier(.2, 0, .38, .9), -webkit-box-flex 175ms cubic-bezier(.2, 0, .38, .9), -webkit-flex 175ms cubic-bezier(.2, 0, .38, .9), -ms-flex 175ms cubic-bezier(.2, 0, .38, .9)
}

.bx--table-toolbar--sm .bx--toolbar-search-container-active .bx--search-input,
.bx--table-toolbar--small .bx--toolbar-search-container-active .bx--search-input {
    visibility: inherit
}

.bx--table-toolbar--sm .bx--toolbar-search-container-active .bx--search-input:focus,
.bx--table-toolbar--small .bx--toolbar-search-container-active .bx--search-input:focus {
    background-color: var(--hover-ui);
    outline: 2px solid var(--focus);
    outline-offset: -2px
}

@media screen and (prefers-contrast) {
    .bx--table-toolbar--sm .bx--toolbar-search-container-active .bx--search-input:focus,
    .bx--table-toolbar--small .bx--toolbar-search-container-active .bx--search-input:focus {
        outline-style: dotted
    }
}

.bx--table-toolbar--sm .bx--toolbar-search-container-active .bx--search-input:not(:-moz-placeholder-shown),
.bx--table-toolbar--small .bx--toolbar-search-container-active .bx--search-input:not(:-moz-placeholder-shown) {
    background-color: var(--hover-ui)
}

.bx--table-toolbar--sm .bx--toolbar-search-container-active .bx--search-input:not(:-ms-input-placeholder),
.bx--table-toolbar--small .bx--toolbar-search-container-active .bx--search-input:not(:-ms-input-placeholder) {
    background-color: var(--hover-ui)
}

.bx--table-toolbar--sm .bx--toolbar-search-container-active .bx--search-input:active,
.bx--table-toolbar--sm .bx--toolbar-search-container-active .bx--search-input:not(:placeholder-shown),
.bx--table-toolbar--small .bx--toolbar-search-container-active .bx--search-input:active,
.bx--table-toolbar--small .bx--toolbar-search-container-active .bx--search-input:not(:placeholder-shown) {
    background-color: var(--hover-ui)
}

.bx--table-toolbar--sm .bx--toolbar-search-container-active .bx--search-magnifier-icon:active,
.bx--table-toolbar--sm .bx--toolbar-search-container-active .bx--search-magnifier-icon:focus,
.bx--table-toolbar--sm .bx--toolbar-search-container-active .bx--search-magnifier-icon:hover,
.bx--table-toolbar--small .bx--toolbar-search-container-active .bx--search-magnifier-icon:active,
.bx--table-toolbar--small .bx--toolbar-search-container-active .bx--search-magnifier-icon:focus,
.bx--table-toolbar--small .bx--toolbar-search-container-active .bx--search-magnifier-icon:hover {
    background-color: transparent;
    outline: 2px solid transparent;
    outline-offset: -2px
}

.bx--search--disabled .bx--search-magnifier-icon:hover {
    background-color: transparent
}

.bx--table-toolbar--sm .bx--batch-actions .bx--action-list,
.bx--table-toolbar--small .bx--batch-actions .bx--action-list {
    height: 2rem
}

.bx--table-toolbar--sm .bx--toolbar-action,
.bx--table-toolbar--small .bx--toolbar-action {
    height: 2rem;
    padding: .5rem 0;
    width: 2rem
}

.bx--table-toolbar--sm .bx--btn--primary,
.bx--table-toolbar--small .bx--btn--primary {
    height: 2rem;
    min-height: auto;
    padding-bottom: calc(.375rem - 3px);
    padding-top: calc(.375rem - 3px)
}

.bx--table-toolbar--sm .bx--btn--primary.bx--batch-summary__cancel:before,
.bx--table-toolbar--small .bx--btn--primary.bx--batch-summary__cancel:before {
    top: .5rem
}

.bx--table-toolbar--sm .bx--toolbar-action~.bx--btn,
.bx--table-toolbar--small .bx--toolbar-action~.bx--btn {
    height: 2rem;
    overflow: hidden
}

.bx--data-table-container {
    padding-top: .125rem;
    position: relative
}

.bx--data-table-content {
    overflow-x: auto
}

.bx--data-table-header {
    background: var(--ui-01);
    padding: 1rem 0 1.5rem 1rem
}

.bx--data-table-header__title {
    color: var(--text-01);
    font-size: 1.25rem;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.625rem
}

.bx--data-table-header__description {
    color: var(--text-02);
    font-size: .857rem;
    font-weight: 400;
    letter-spacing: .16px;
    line-height: 1.125rem
}

.bx--data-table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%
}

.bx--data-table thead {
    background-color: var(--ui-03);
    font-size: .875rem;
    font-weight: 600;
    letter-spacing: .16px;
    line-height: 1.125rem
}

.bx--data-table tbody {
    background-color: var(--ui-01);
    font-size: .857rem;
    font-weight: 400;
    letter-spacing: .16px;
    line-height: 1.125rem;
    width: 100%
}

.bx--data-table tr {
    border: none;
    height: 3rem;
    width: 100%
}

.bx--data-table tbody tr,
.bx--data-table tbody tr td,
.bx--data-table tbody tr th {
    -webkit-transition: background-color 70ms cubic-bezier(0, 0, .38, .9);
    transition: background-color 70ms cubic-bezier(0, 0, .38, .9)
}

.bx--data-table tbody tr:hover {
    background: var(--hover-ui)
}

.bx--data-table tbody tr:hover td,
.bx--data-table tbody tr:hover th {
    background: var(--hover-ui);
    border-bottom: 1px solid var(--hover-ui);
    border-top: 1px solid var(--hover-ui);
    color: var(--text-01)
}

.bx--data-table tbody tr:hover td .bx--link,
.bx--data-table tbody tr:hover th .bx--link {
    color: #0043ce
}

.bx--data-table tbody tr:hover td .bx--link--disabled,
.bx--data-table tbody tr:hover th .bx--link--disabled {
    color: var(--disabled-02)
}

.bx--data-table td,
.bx--data-table th {
    text-align: left;
    vertical-align: middle
}

.bx--data-table td[align=right],
.bx--data-table th[align=right] {
    text-align: right
}

.bx--data-table td[align=center],
.bx--data-table th[align=center] {
    text-align: center
}

.bx--data-table th {
    background-color: var(--ui-03);
    color: var(--text-01);
    padding-left: 1rem;
    padding-right: 1rem
}

.bx--data-table th:last-of-type {
    position: static;
    width: auto
}

.bx--data-table tbody th,
.bx--data-table td {
    background: var(--ui-01);
    border-bottom: 1px solid var(--ui-03);
    border-top: 1px solid var(--ui-01);
    color: var(--text-02);
    padding-left: 1rem;
    padding-right: 1rem
}

.bx--data-table tbody th+td:first-of-type,
.bx--data-table td+td:first-of-type {
    padding-left: .75rem
}

@supports(-moz-appearance:none) {
    .bx--data-table td {
        background-clip: padding-box
    }
}

.bx--data-table .bx--dropdown,
.bx--data-table .bx--list-box,
.bx--data-table .bx--list-box input[role=combobox],
.bx--data-table .bx--list-box input[type=text],
.bx--data-table .bx--number__control-btn:after,
.bx--data-table .bx--number__control-btn:before,
.bx--data-table .bx--number input[type=number],
.bx--data-table .bx--select-input,
.bx--data-table .bx--text-input {
    background-color: var(--field-02)
}

.bx--data-table td.bx--table-column-menu .bx--overflow-menu[aria-expanded=false]:focus {
    outline: 2px solid var(--focus);
    outline-offset: -2px
}

@media screen and (prefers-contrast) {
    .bx--data-table td.bx--table-column-menu .bx--overflow-menu[aria-expanded=false]:focus {
        outline-style: dotted
    }
}

.bx--data-table td.bx--table-column-menu .bx--overflow-menu[aria-expanded=true]:focus {
    outline: none
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none),
screen and (hover:hover) {
    .bx--data-table td.bx--table-column-menu .bx--overflow-menu .bx--overflow-menu__icon {
        opacity: 0
    }
}

.bx--data-table.bx--data-table--visible-overflow-menu td.bx--table-column-menu .bx--overflow-menu .bx--overflow-menu__icon,
.bx--data-table td.bx--table-column-menu .bx--overflow-menu.bx--overflow-menu--open .bx--overflow-menu__icon,
.bx--data-table td.bx--table-column-menu .bx--overflow-menu:focus .bx--overflow-menu__icon,
.bx--data-table td.bx--table-column-menu .bx--overflow-menu:hover .bx--overflow-menu__icon,
.bx--data-table tr:hover td.bx--table-column-menu .bx--overflow-menu .bx--overflow-menu__icon {
    opacity: 1
}

.bx--table-row--menu-option .bx--overflow-menu-options__btn .bx--overflow-menu-options__option-content svg {
    margin-right: .5rem;
    position: relative;
    top: .1875rem
}

.bx--data-table .bx--overflow-menu:hover,
.bx--data-table .bx--overflow-menu__trigger:hover {
    background-color: var(--hover-selected-ui)
}

.bx--data-table--selected .bx--overflow-menu:hover,
.bx--data-table--selected .bx--overflow-menu__trigger:hover {
    background-color: var(--hover-ui)
}

.bx--data-table--selected .bx--link {
    color: #0043ce
}

.bx--data-table--compact td.bx--table-column-menu,
.bx--data-table--short td.bx--table-column-menu,
.bx--data-table--sm td.bx--table-column-menu,
.bx--data-table--xs td.bx--table-column-menu {
    height: 1.5rem;
    padding-bottom: 0;
    padding-top: 0
}

.bx--data-table--short td.bx--table-column-menu,
.bx--data-table--sm td.bx--table-column-menu {
    height: 2rem
}

.bx--data-table--md td.bx--table-column-menu {
    height: 2.5rem
}

.bx--data-table--tall .bx--table-column-menu,
.bx--data-table--xl .bx--table-column-menu {
    padding-top: .5rem
}

.bx--data-table--zebra tbody tr:not(.bx--parent-row):nth-child(odd) td {
    border-bottom: 1px solid var(--ui-01)
}

.bx--data-table--zebra tbody tr:not(.bx--parent-row):nth-child(2n) td {
    background-color: var(--ui-02);
    border-bottom: 1px solid var(--ui-02);
    border-top: 1px solid var(--ui-02)
}

.bx--data-table--zebra tbody tr:not(.bx--parent-row):hover td {
    background-color: var(--hover-ui);
    border-bottom: 1px solid var(--hover-ui);
    border-top: 1px solid var(--hover-ui)
}

.bx--table-column-checkbox .bx--checkbox-label {
    padding-left: 0
}

.bx--data-table th.bx--table-column-checkbox {
    background: var(--ui-03);
    position: static;
    -webkit-transition: background-color 70ms cubic-bezier(0, 0, .38, .9);
    transition: background-color 70ms cubic-bezier(0, 0, .38, .9);
    width: 2rem
}

.bx--data-table .bx--table-column-checkbox .bx--checkbox:focus+.bx--checkbox-label:before {
    outline-offset: .375rem
}

.bx--data-table--compact .bx--table-column-checkbox .bx--checkbox:focus+.bx--checkbox-label:before,
.bx--data-table--xs .bx--table-column-checkbox .bx--checkbox:focus+.bx--checkbox-label:before {
    outline-offset: .125rem
}

.bx--data-table tbody td.bx--table-column-checkbox,
.bx--data-table tbody td.bx--table-expand,
.bx--data-table thead th.bx--table-column-checkbox,
.bx--data-table thead th.bx--table-expand {
    min-width: 0
}

.bx--data-table tbody td.bx--table-column-checkbox,
.bx--data-table thead th.bx--table-column-checkbox {
    padding-left: 1rem;
    padding-right: .25rem;
    width: 2.5rem
}

.bx--data-table tbody td.bx--table-expand,
.bx--data-table thead th.bx--table-expand {
    height: 2rem;
    width: 2rem
}

.bx--data-table--compact tbody td.bx--table-expand,
.bx--data-table--compact thead th.bx--table-expand,
.bx--data-table--xs tbody td.bx--table-expand,
.bx--data-table--xs thead th.bx--table-expand {
    height: 1.5rem;
    padding: 0 0 0 .5rem;
    width: 1.5rem
}

.bx--data-table--short tbody td.bx--table-expand,
.bx--data-table--short thead th.bx--table-expand,
.bx--data-table--sm tbody td.bx--table-expand,
.bx--data-table--sm thead th.bx--table-expand {
    height: 2rem;
    padding: 0 0 0 .5rem;
    width: 2rem
}

.bx--data-table--md tbody td.bx--table-expand,
.bx--data-table--md thead th.bx--table-expand {
    height: 2.5rem;
    padding: .25rem 0 .25rem .5rem;
    width: 2.5rem
}

.bx--data-table--tall tbody td.bx--table-expand,
.bx--data-table--tall thead th.bx--table-expand,
.bx--data-table--xl tbody td.bx--table-expand,
.bx--data-table--xl thead th.bx--table-expand {
    height: 4rem;
    padding-bottom: 1.375rem;
    padding-top: .625rem
}

.bx--data-table--tall .bx--table-column-checkbox,
.bx--data-table--xl .bx--table-column-checkbox {
    padding-top: .8125rem
}

.bx--data-table--tall .bx--table-column-radio,
.bx--data-table--xl .bx--table-column-radio {
    padding-top: 1rem
}

.bx--table-column-radio {
    width: 48px
}

.bx--table-column-radio .bx--radio-button__appearance {
    margin-right: -.125rem
}

.bx--data-table--zebra tbody tr:nth-child(odd).bx--data-table--selected td,
tr.bx--data-table--selected td {
    background-color: var(--selected-ui);
    border-bottom: 1px solid var(--active-ui);
    border-top: 1px solid var(--selected-ui);
    color: var(--text-01)
}

.bx--data-table--zebra tbody tr:first-of-type:nth-child(odd).bx--data-table--selected td,
tr.bx--data-table--selected:first-of-type td {
    border-top: 1px solid var(--active-ui)
}

.bx--data-table--zebra tbody tr:last-of-type:nth-child(2n).bx--data-table--selected td,
.bx--data-table--zebra tbody tr:last-of-type:nth-child(odd).bx--data-table--selected td,
tr.bx--data-table--selected:last-of-type td {
    border-bottom: 1px solid var(--selected-ui);
    border-top: 1px solid var(--selected-ui)
}

.bx--data-table--zebra tbody tr:nth-child(2n).bx--data-table--selected td {
    border-bottom: 1px solid var(--active-ui)
}

.bx--data-table--zebra tbody tr:nth-child(2n).bx--data-table--selected:hover td {
    border-bottom: 1px solid var(--hover-selected-ui)
}

.bx--data-table--zebra tbody tr:nth-child(odd).bx--data-table--selected:hover td,
.bx--data-table tbody .bx--data-table--selected:hover td {
    background: var(--hover-selected-ui);
    border-bottom: 1px solid var(--hover-selected-ui);
    border-top: 1px solid var(--hover-selected-ui);
    color: var(--text-01)
}

.bx--data-table--selected .bx--overflow-menu .bx--overflow-menu__icon {
    opacity: 1
}

.bx--data-table--compact tbody tr,
.bx--data-table--compact tbody tr th,
.bx--data-table--compact thead tr {
    height: 1.5rem
}

.bx--data-table--compact .bx--table-header-label,
.bx--data-table--compact tbody tr th,
.bx--data-table--compact td {
    padding-bottom: .125rem;
    padding-top: .125rem
}

.bx--data-table--compact .bx--overflow-menu {
    height: 100%;
    width: 2rem
}

.bx--data-table.bx--data-table--compact .bx--table-column-checkbox {
    padding-bottom: 0;
    padding-top: 0
}

.bx--data-table.bx--data-table--compact .bx--table-column-checkbox .bx--checkbox-label {
    height: 1.4375rem;
    min-height: 1.4375rem
}

.bx--data-table--xs tbody tr,
.bx--data-table--xs tbody tr th,
.bx--data-table--xs thead tr {
    height: 1.5rem
}

.bx--data-table--xs .bx--table-header-label,
.bx--data-table--xs tbody tr th,
.bx--data-table--xs td {
    padding-bottom: .125rem;
    padding-top: .125rem
}

.bx--data-table--xs .bx--overflow-menu {
    height: calc(100% + 1px);
    width: 2rem
}

.bx--data-table.bx--data-table--xs .bx--table-column-checkbox {
    padding-bottom: 0;
    padding-top: 0
}

.bx--data-table.bx--data-table--xs .bx--table-column-checkbox .bx--checkbox-label {
    height: 1.4375rem;
    min-height: 1.4375rem
}

.bx--data-table--short tbody tr,
.bx--data-table--short tbody tr th,
.bx--data-table--short thead tr {
    height: 2rem
}

.bx--data-table--short .bx--table-header-label {
    padding-bottom: .4375rem;
    padding-top: .4375rem
}

.bx--data-table--short tbody tr th,
.bx--data-table--short td {
    padding-bottom: .375rem;
    padding-top: .4375rem
}

.bx--data-table.bx--data-table--short .bx--table-column-checkbox {
    padding-bottom: .1875rem;
    padding-top: .1875rem
}

.bx--data-table--short .bx--overflow-menu {
    height: 100%
}

.bx--data-table--sm tbody tr,
.bx--data-table--sm tbody tr th,
.bx--data-table--sm thead tr {
    height: 2rem
}

.bx--data-table--sm .bx--table-header-label {
    padding-bottom: .4375rem;
    padding-top: .4375rem
}

.bx--data-table--sm tbody tr th,
.bx--data-table--sm td {
    padding-bottom: .375rem;
    padding-top: .4375rem
}

.bx--data-table.bx--data-table--sm .bx--table-column-checkbox {
    padding-bottom: .1875rem;
    padding-top: .1875rem
}

.bx--data-table--sm .bx--overflow-menu {
    height: calc(100% + 1px)
}

.bx--data-table--md tbody tr,
.bx--data-table--md tbody tr th,
.bx--data-table--md thead tr {
    height: 2.5rem
}

.bx--data-table--md .bx--table-header-label {
    padding-bottom: .4375rem;
    padding-top: .4375rem
}

.bx--data-table--md tbody tr th,
.bx--data-table--md td {
    padding-bottom: .375rem;
    padding-top: .4375rem
}

.bx--data-table--md .bx--table-column-menu,
.bx--data-table.bx--data-table--md .bx--table-column-checkbox {
    padding-bottom: .1875rem;
    padding-top: .1875rem
}

.bx--data-table--tall tbody tr,
.bx--data-table--tall tbody tr th,
.bx--data-table--tall thead tr {
    height: 4rem
}

.bx--data-table--tall .bx--table-header-label {
    padding-bottom: 1rem;
    padding-top: 1rem
}

.bx--data-table--tall tbody tr th,
.bx--data-table--tall td {
    padding-top: 1rem
}

.bx--data-table--tall td,
.bx--data-table--tall th {
    vertical-align: top
}

.bx--data-table--tall .bx--data-table--cell-secondary-text {
    font-size: .75rem;
    font-weight: 400;
    letter-spacing: .32px;
    line-height: 1rem
}

.bx--data-table--xl tbody tr,
.bx--data-table--xl tbody tr th,
.bx--data-table--xl thead tr {
    height: 4rem
}

.bx--data-table--xl .bx--table-header-label {
    padding-bottom: 1rem;
    padding-top: 1rem
}

.bx--data-table--xl tbody tr th,
.bx--data-table--xl td {
    padding-top: 1rem
}

.bx--data-table--xl td,
.bx--data-table--xl th {
    vertical-align: top
}

.bx--data-table--xl .bx--data-table--cell-secondary-text {
    font-size: .75rem;
    font-weight: 400;
    letter-spacing: .32px;
    line-height: 1rem
}

.bx--data-table--static {
    width: auto
}

.bx--data-table-container--static {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.bx--data-table_inner-container {
    background-color: var(--ui-03);
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.bx--data-table--sticky-header {
    display: block;
    overflow-y: scroll
}

.bx--data-table--sticky-header tbody,
.bx--data-table--sticky-header td,
.bx--data-table--sticky-header th,
.bx--data-table--sticky-header thead,
.bx--data-table--sticky-header tr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.bx--data-table--sticky-header thead {
    -ms-overflow-style: none;
    overflow: scroll;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    width: 100%;
    will-change: transform;
    z-index: 1
}

.bx--data-table--sticky-header thead tr th {
    border-bottom: 1px solid var(--active-ui)
}

.bx--data-table--sticky-header tbody {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-overflow-style: none;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow-x: scroll;
    will-change: transform
}

.bx--data-table--sticky-header tr.bx--parent-row.bx--expandable-row {
    height: auto;
    min-height: 3rem
}

.bx--data-table--sticky-header tr.bx--expandable-row:not(.bx--parent-row) {
    height: auto
}

.bx--data-table--sticky-header .bx--table-expand {
    max-width: 3rem
}

.bx--data-table--sticky-header thead .bx--table-expand {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.bx--data-table--sticky-header .bx--parent-row {
    min-height: 3rem
}

.bx--data-table--sticky-header:not(.bx--data-table--compact):not(.bx--data-table--xs):not(.bx--data-table--tall):not(.bx--data-table--xl):not(.bx--data-table--short):not(.bx--data-table--sm) td:not(.bx--table-column-menu):not(.bx--table-column-checkbox) {
    padding-top: .875rem
}

.bx--data-table--sticky-header tr.bx--parent-row.bx--expandable-row:hover+tr[data-child-row] td {
    border-top: 1px solid var(--hover-ui)
}

.bx--data-table--sticky-header tr.bx--expandable-row:last-of-type {
    overflow: hidden
}

.bx--data-table--sticky-header tr.bx--data-table--selected:first-of-type td {
    border-top: none
}

.bx--data-table--sticky-header tbody tr td.bx--table-column-checkbox,
.bx--data-table--sticky-header thead th.bx--table-column-checkbox {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    min-width: 2.25rem;
    width: 2.25rem
}

.bx--data-table--sticky-header.bx--data-table--tall td.bx--table-column-checkbox,
.bx--data-table--sticky-header.bx--data-table--tall thead th.bx--table-column-checkbox,
.bx--data-table--sticky-header.bx--data-table--xl td.bx--table-column-checkbox,
.bx--data-table--sticky-header.bx--data-table--xl thead th.bx--table-column-checkbox {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start
}

.bx--data-table--sticky-header th.bx--table-column-checkbox~th:last-of-type:empty {
    max-width: 4rem
}

.bx--data-table--sticky-header th:empty:not(.bx--table-expand) {
    max-width: 2.25rem
}

.bx--data-table--sticky-header td.bx--table-column-menu {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: auto;
    padding-top: 0
}

.bx--data-table--sticky-header tbody::-webkit-scrollbar,
.bx--data-table--sticky-header thead::-webkit-scrollbar {
    display: none
}

@-moz-document url-prefix() {
    .bx--data-table--sticky-header tbody,
    .bx--data-table--sticky-header thead {
        scrollbar-width: none
    }
}

.bx--data-table--sticky-header tbody tr:last-of-type {
    border-bottom: 0
}

.bx--data-table--sticky-header td:not(.bx--table-column-checkbox):not(.bx--table-column-menu):not(.bx--table-expand-v2):not(.bx--table-column-icon),
.bx--data-table--sticky-header th:not(.bx--table-column-checkbox):not(.bx--table-column-menu):not(.bx--table-expand-v2):not(.bx--table-column-icon) {
    min-width: 0;
    width: 100%
}

.bx--data-table--sticky-header.bx--data-table--compact tr:not(.bx--expandable-row),
.bx--data-table--sticky-header.bx--data-table--short tr:not(.bx--expandable-row),
.bx--data-table--sticky-header.bx--data-table--sm tr:not(.bx--expandable-row),
.bx--data-table--sticky-header.bx--data-table--tall tr:not(.bx--expandable-row),
.bx--data-table--sticky-header.bx--data-table--xl tr:not(.bx--expandable-row),
.bx--data-table--sticky-header.bx--data-table--xs tr:not(.bx--expandable-row) {
    height: auto
}

.bx--data-table--sticky-header.bx--data-table--compact tr:not(.bx--expandable-row),
.bx--data-table--sticky-header.bx--data-table--xs tr:not(.bx--expandable-row) {
    min-height: 1.5rem
}

.bx--data-table--sticky-header.bx--data-table--short tr:not(.bx--expandable-row),
.bx--data-table--sticky-header.bx--data-table--sm tr:not(.bx--expandable-row) {
    min-height: 2rem
}

.bx--data-table--sticky-header.bx--data-table--tall tr:not(.bx--expandable-row),
.bx--data-table--sticky-header.bx--data-table--xl tr:not(.bx--expandable-row) {
    min-height: 4rem
}

.bx--data-table--sticky-header.bx--data-table--compact tr td.bx--table-expand,
.bx--data-table--sticky-header.bx--data-table--xs tr td.bx--table-expand {
    padding-top: .25rem
}

.bx--data-table--sticky-header.bx--data-table--short tr td.bx--table-expand,
.bx--data-table--sticky-header.bx--data-table--sm tr td.bx--table-expand {
    padding-top: .5rem
}

.bx--data-table--sticky-header .bx--table-header-label {
    display: block;
    max-width: calc(100% - 10px);
    overflow-x: hidden;
    overflow-y: hidden;
    padding-bottom: 1rem;
    padding-top: .9375rem;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bx--data-table--sticky-header.bx--data-table--compact th .bx--table-header-label,
.bx--data-table--sticky-header.bx--data-table--xs th .bx--table-header-label {
    padding-bottom: 0;
    padding-top: .1875rem
}

.bx--data-table--sticky-header.bx--data-table--short th .bx--table-header-label,
.bx--data-table--sticky-header.bx--data-table--sm th .bx--table-header-label {
    padding-bottom: 0;
    padding-top: .5rem
}

.bx--data-table--sticky-header.bx--data-table--tall th .bx--table-header-label,
.bx--data-table--sticky-header.bx--data-table--xl th .bx--table-header-label {
    padding-top: 1rem
}

.bx--data-table--sticky-header.bx--data-table--tall th.bx--table-expand,
.bx--data-table--sticky-header.bx--data-table--xl th.bx--table-expand {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.bx--data-table--sticky-header.bx--data-table--compact tr.bx--parent-row .bx--table-column-checkbox,
.bx--data-table--sticky-header.bx--data-table--short tr.bx--parent-row .bx--table-column-checkbox,
.bx--data-table--sticky-header.bx--data-table--sm tr.bx--parent-row .bx--table-column-checkbox,
.bx--data-table--sticky-header.bx--data-table--xs tr.bx--parent-row .bx--table-column-checkbox {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start
}

.bx--data-table--max-width {
    max-width: 100%
}

.bx--data-table--sticky-header {
    max-height: 18.75rem
}

.bx--data-table .bx--form-item.bx--checkbox-wrapper:last-of-type {
    margin: 0
}

.bx--data-table--compact .bx--form-item.bx--checkbox-wrapper:last-of-type,
.bx--data-table--short .bx--form-item.bx--checkbox-wrapper:last-of-type,
.bx--data-table--sm .bx--form-item.bx--checkbox-wrapper:last-of-type,
.bx--data-table--xs .bx--form-item.bx--checkbox-wrapper:last-of-type {
    margin: -.1875rem 0
}

@media (forced-colors:active),
(prefers-contrast),
screen and (-ms-high-contrast:active) {
    .bx--data-table-content {
        outline: 1px solid transparent
    }
}

.bx--data-table tr.bx--parent-row:first-of-type td {
    border-top: 1px solid var(--ui-03)
}

.bx--expandable-row--hidden td {
    border-top: 0;
    padding: 1rem;
    width: auto
}

tr.bx--parent-row:not(.bx--expandable-row)+tr[data-child-row] {
    height: 0;
    -webkit-transition: height .15s cubic-bezier(.2, 0, .38, .9);
    transition: height .15s cubic-bezier(.2, 0, .38, .9)
}

tr.bx--parent-row:not(.bx--expandable-row)+tr[data-child-row] td {
    background-color: var(--hover-ui);
    border: 0;
    padding-bottom: 0;
    padding-top: 0;
    -webkit-transition: padding .15s cubic-bezier(.2, 0, .38, .9), background-color .15s cubic-bezier(.2, 0, .38, .9);
    transition: padding .15s cubic-bezier(.2, 0, .38, .9), background-color .15s cubic-bezier(.2, 0, .38, .9)
}

tr.bx--parent-row:not(.bx--expandable-row)+tr[data-child-row] td .bx--child-row-inner-container {
    max-height: 0;
    overflow: hidden
}

tr.bx--parent-row.bx--expandable-row+tr[data-child-row] {
    -webkit-transition: height .15s cubic-bezier(.2, 0, .38, .9);
    transition: height .15s cubic-bezier(.2, 0, .38, .9)
}

tr.bx--parent-row.bx--expandable-row+tr[data-child-row] td {
    border-bottom: 1px solid var(--ui-03);
    padding-left: 4rem;
    -webkit-transition: padding-bottom .11s cubic-bezier(.2, 0, .38, .9), background-color .11s cubic-bezier(.2, 0, .38, .9), -webkit-transform .11s cubic-bezier(.2, 0, .38, .9);
    transition: padding-bottom .11s cubic-bezier(.2, 0, .38, .9), background-color .11s cubic-bezier(.2, 0, .38, .9), -webkit-transform .11s cubic-bezier(.2, 0, .38, .9);
    transition: padding-bottom .11s cubic-bezier(.2, 0, .38, .9), transform .11s cubic-bezier(.2, 0, .38, .9), background-color .11s cubic-bezier(.2, 0, .38, .9);
    transition: padding-bottom .11s cubic-bezier(.2, 0, .38, .9), transform .11s cubic-bezier(.2, 0, .38, .9), background-color .11s cubic-bezier(.2, 0, .38, .9), -webkit-transform .11s cubic-bezier(.2, 0, .38, .9)
}

tr.bx--parent-row.bx--expandable-row+tr[data-child-row] td .bx--child-row-inner-container {
    max-height: 100%
}

.bx--parent-row.bx--expandable-row+tr[data-child-row]>td,
.bx--parent-row.bx--expandable-row>td {
    border-bottom: 1px solid var(--ui-03);
    -webkit-box-shadow: 0 1px var(--ui-03);
    box-shadow: 0 1px var(--ui-03)
}

.bx--parent-row.bx--expandable-row>td:first-of-type,
.bx--parent-row:not(.bx--expandable-row)+tr[data-child-row]>td {
    -webkit-box-shadow: none;
    box-shadow: none
}

tr.bx--parent-row.bx--expandable-row,
tr.bx--parent-row.bx--expandable-row td,
tr.bx--parent-row:not(.bx--expandable-row) td {
    -webkit-transition: height .24s cubic-bezier(.2, 0, .38, .9), background-color .11s cubic-bezier(.2, 0, .38, .9);
    transition: height .24s cubic-bezier(.2, 0, .38, .9), background-color .11s cubic-bezier(.2, 0, .38, .9)
}

tr.bx--parent-row.bx--expandable-row:hover td,
tr.bx--parent-row:not(.bx--expandable-row):first-of-type:hover td {
    border-bottom: 1px solid var(--ui-03);
    border-top: 1px solid var(--ui-03)
}

tr.bx--parent-row.bx--expandable-row:hover td {
    background-color: var(--hover-ui);
    color: var(--text-01)
}

tr.bx--parent-row.bx--expandable-row:hover td:first-of-type {
    border-bottom: 1px solid var(--hover-ui)
}

tr.bx--parent-row.bx--expandable-row:hover+tr[data-child-row] td {
    background-color: var(--hover-ui);
    border-bottom: 1px solid var(--ui-03);
    color: var(--text-01)
}

tr.bx--expandable-row--hover+tr[data-child-row] td {
    border-bottom: 1px solid var(--ui-03)
}

tr.bx--expandable-row--hover,
tr.bx--expandable-row--hover td {
    background-color: var(--hover-ui)
}

tr.bx--expandable-row--hover td {
    border-bottom: 1px solid var(--ui-03);
    border-top: 1px solid var(--ui-03);
    color: var(--text-01)
}

tr.bx--parent-row.bx--expandable-row.bx--expandable-row--hover td:first-of-type {
    border-bottom: 1px solid transparent
}

.bx--data-table td.bx--table-expand {
    border-bottom: 1px solid var(--ui-03)
}

.bx--data-table td.bx--table-expand+.bx--table-column-checkbox,
.bx--data-table th.bx--table-expand+.bx--table-column-checkbox {
    padding-left: .375rem;
    padding-right: .375rem
}

.bx--data-table td.bx--table-expand+.bx--table-column-checkbox+td,
.bx--data-table th.bx--table-expand+.bx--table-column-checkbox+th {
    padding-left: .5rem
}

.bx--data-table td.bx--table-expand,
.bx--data-table th.bx--table-expand {
    padding: .5rem 0 .5rem .5rem
}

.bx--data-table td.bx--table-expand[data-previous-value=collapsed] {
    border-bottom: 1px solid transparent
}

.bx--table-expand[data-previous-value=collapsed] .bx--table-expand__svg {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    -webkit-transition: -webkit-transform .15s cubic-bezier(.2, 0, .38, .9);
    transition: -webkit-transform .15s cubic-bezier(.2, 0, .38, .9);
    transition: transform .15s cubic-bezier(.2, 0, .38, .9);
    transition: transform .15s cubic-bezier(.2, 0, .38, .9), -webkit-transform .15s cubic-bezier(.2, 0, .38, .9)
}

.bx--table-expand__button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: 0;
    cursor: pointer;
    display: inline-block;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: calc(100% + 1px);
    -webkit-justify-content: center;
    justify-content: center;
    padding: 0 .5rem;
    vertical-align: inherit;
    width: 100%
}

.bx--table-expand__button::-moz-focus-inner {
    border: 0
}

.bx--table-expand__button:focus {
    -webkit-box-shadow: inset 0 0 0 2px var(--focus);
    box-shadow: inset 0 0 0 2px var(--focus);
    outline: none
}

.bx--table-expand__svg {
    fill: var(--ui-05);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: -webkit-transform .15s cubic-bezier(.2, 0, .38, .9);
    transition: -webkit-transform .15s cubic-bezier(.2, 0, .38, .9);
    transition: transform .15s cubic-bezier(.2, 0, .38, .9);
    transition: transform .15s cubic-bezier(.2, 0, .38, .9), -webkit-transform .15s cubic-bezier(.2, 0, .38, .9)
}

.bx--data-table--tall .bx--table-expand__button,
.bx--data-table--xl .bx--table-expand__button {
    padding: 0;
    width: 2rem
}

tr.bx--parent-row.bx--expandable-row td.bx--table-expand+td:after {
    background: var(--ui-03);
    bottom: -.0625rem;
    content: "";
    height: .0625rem;
    left: 0;
    position: absolute;
    width: .5rem
}

tr.bx--parent-row.bx--expandable-row.bx--expandable-row--hover td.bx--table-expand+td:after,
tr.bx--parent-row.bx--expandable-row:hover td.bx--table-expand+td:after {
    background: var(--hover-ui)
}

tr.bx--parent-row.bx--data-table--selected td.bx--table-expand+td:after {
    display: none
}

.bx--data-table--zebra tbody tr[data-child-row]:nth-child(4n+4) td,
.bx--data-table--zebra tbody tr[data-parent-row]:nth-child(4n+3) td {
    border-bottom: 1px solid var(--ui-01)
}

.bx--data-table--zebra tbody tr[data-child-row]:nth-child(4n+2) td,
.bx--data-table--zebra tbody tr[data-parent-row]:nth-child(4n+1) td {
    background-color: var(--ui-02);
    border-bottom: 1px solid var(--ui-02);
    border-top: 1px solid var(--ui-02)
}

.bx--data-table--zebra tr.bx--parent-row.bx--expandable-row+tr[data-child-row] td,
.bx--data-table--zebra tr.bx--parent-row td {
    -webkit-transition: border-bottom .15s cubic-bezier(.2, 0, .38, .9), border-top .15s cubic-bezier(.2, 0, .38, .9), -webkit-transform .15s cubic-bezier(.2, 0, .38, .9);
    transition: border-bottom .15s cubic-bezier(.2, 0, .38, .9), border-top .15s cubic-bezier(.2, 0, .38, .9), -webkit-transform .15s cubic-bezier(.2, 0, .38, .9);
    transition: transform .15s cubic-bezier(.2, 0, .38, .9), border-bottom .15s cubic-bezier(.2, 0, .38, .9), border-top .15s cubic-bezier(.2, 0, .38, .9);
    transition: transform .15s cubic-bezier(.2, 0, .38, .9), border-bottom .15s cubic-bezier(.2, 0, .38, .9), border-top .15s cubic-bezier(.2, 0, .38, .9), -webkit-transform .15s cubic-bezier(.2, 0, .38, .9)
}

.bx--data-table--zebra tbody tr[data-child-row]:hover td,
.bx--data-table--zebra tbody tr[data-parent-row]:hover+tr[data-child-row] td,
.bx--data-table--zebra tbody tr[data-parent-row]:hover td {
    background-color: var(--hover-ui);
    border-bottom: 1px solid var(--hover-ui);
    border-top: 1px solid var(--hover-ui)
}

.bx--data-table--zebra tr.bx--parent-row.bx--expandable-row.bx--expandable-row--hover td {
    background: var(--hover-ui);
    border-bottom: 1px solid var(--hover-ui);
    border-top: 1px solid var(--hover-ui)
}

tr.bx--parent-row.bx--data-table--selected:first-of-type td {
    background: var(--selected-ui);
    border-bottom: 1px solid var(--ui-03);
    border-top: 1px solid var(--active-ui);
    -webkit-box-shadow: 0 1px var(--active-ui);
    box-shadow: 0 1px var(--active-ui)
}

tr.bx--parent-row.bx--data-table--selected td {
    background: var(--selected-ui);
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: 0 1px var(--active-ui);
    box-shadow: 0 1px var(--active-ui);
    color: var(--text-01)
}

tr.bx--parent-row.bx--data-table--selected:last-of-type td {
    background: var(--selected-ui);
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: 0 1px var(--ui-03);
    box-shadow: 0 1px var(--ui-03)
}

tr.bx--parent-row.bx--data-table--selected:not(.bx--expandable-row):hover td {
    background: var(--hover-selected-ui);
    border-bottom: 1px solid var(--ui-03);
    border-top: 1px solid var(--hover-selected-ui);
    -webkit-box-shadow: 0 1px var(--hover-selected-ui);
    box-shadow: 0 1px var(--hover-selected-ui)
}

tr.bx--parent-row.bx--data-table--selected.bx--expandable-row td,
tr.bx--parent-row.bx--data-table--selected.bx--expandable-row td:first-of-type {
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: 0 1px var(--selected-ui);
    box-shadow: 0 1px var(--selected-ui)
}

tr.bx--parent-row.bx--data-table--selected.bx--expandable-row--hover td,
tr.bx--parent-row.bx--data-table--selected.bx--expandable-row--hover td:first-of-type,
tr.bx--parent-row.bx--data-table--selected.bx--expandable-row:hover td,
tr.bx--parent-row.bx--data-table--selected.bx--expandable-row:hover td:first-of-type {
    background: var(--hover-selected-ui);
    border-bottom: 1px solid transparent;
    border-top: 1px solid var(--hover-selected-ui);
    -webkit-box-shadow: 0 1px var(--hover-selected-ui);
    box-shadow: 0 1px var(--hover-selected-ui)
}

tr.bx--parent-row.bx--data-table--selected.bx--expandable-row+tr[data-child-row] td {
    background-color: var(--hover-ui);
    border-bottom: 1px solid var(--ui-03);
    border-top: 1px solid var(--active-ui);
    -webkit-box-shadow: 0 1px var(--active-ui);
    box-shadow: 0 1px var(--active-ui);
    color: var(--text-01)
}

tr.bx--parent-row.bx--data-table--selected.bx--expandable-row+tr[data-child-row]:last-of-type td {
    -webkit-box-shadow: inset 0 -1px var(--active-ui);
    box-shadow: inset 0 -1px var(--active-ui);
    padding-bottom: 1.5rem
}

tr.bx--parent-row.bx--data-table--selected.bx--expandable-row--hover+tr[data-child-row] td,
tr.bx--parent-row.bx--data-table--selected.bx--expandable-row:hover+tr[data-child-row] td {
    background: var(--selected-ui)
}

@media (forced-colors:active),
(prefers-contrast),
screen and (-ms-high-contrast:active) {
    .bx--table-expand__button:focus .bx--table-expand__svg {
        color: Highlight;
        outline: 1px solid Highlight
    }
    .bx--table-expand__svg {
        fill: ButtonText
    }
}

.bx--data-table--sort th,
.bx--data-table th[aria-sort] {
    border-bottom: none;
    border-top: none;
    height: 3rem;
    padding: 0
}

.bx--table-sort {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-align-items: center;
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    background-color: var(--ui-03);
    border: 0;
    color: var(--text-01);
    cursor: pointer;
    display: inline-block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font: inherit;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    line-height: 1;
    min-height: 100%;
    padding: 0 0 0 1rem;
    text-align: left;
    -webkit-transition: background-color 70ms cubic-bezier(0, 0, .38, .9), outline 70ms cubic-bezier(0, 0, .38, .9);
    transition: background-color 70ms cubic-bezier(0, 0, .38, .9), outline 70ms cubic-bezier(0, 0, .38, .9);
    width: 100%
}

.bx--table-sort::-moz-focus-inner {
    border: 0
}

.bx--table-sort:focus {
    outline: 2px solid var(--focus);
    outline-offset: -2px
}

@media screen and (prefers-contrast) {
    .bx--table-sort:focus {
        outline-style: dotted
    }
}

.bx--table-sort:hover {
    background: var(--hover-selected-ui)
}

.bx--table-sort:focus svg,
.bx--table-sort:hover svg {
    opacity: 1
}

.bx--data-table.bx--data-table--sort th>.bx--table-header-label {
    padding-left: 1rem;
    padding-right: 1rem
}

th .bx--table-sort__flex {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    min-height: 3rem;
    width: 100%
}

@media screen and (-ms-high-contrast:active),
screen and (-ms-high-contrast:none) {
    .bx--data-table--sort:not(.bx--data-table--compact):not(.bx--data-table--short):not(.bx--data-table--tall):not(.bx--data-table--xs):not(.bx--data-table--sm):not(.bx--data-table--md):not(.bx--data-table--xl) th .bx--table-sort__flex {
        height: 2.99rem
    }
}

.bx--data-table--compact.bx--data-table--sort th .bx--table-sort__flex,
.bx--data-table--xs.bx--data-table--sort th .bx--table-sort__flex {
    min-height: 1.5rem
}

.bx--data-table--short.bx--data-table--sort th .bx--table-sort__flex,
.bx--data-table--sm.bx--data-table--sort th .bx--table-sort__flex {
    min-height: 2rem
}

.bx--data-table--md.bx--data-table--sort th .bx--table-sort__flex {
    min-height: 2.5rem
}

.bx--data-table--tall.bx--data-table--sort th .bx--table-sort__flex,
.bx--data-table--xl.bx--data-table--sort th .bx--table-sort__flex {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    min-height: 4rem
}

.bx--table-sort .bx--table-sort__icon-inactive {
    display: block
}

.bx--table-sort .bx--table-sort__icon {
    display: none
}

.bx--table-sort__icon-unsorted {
    fill: var(--icon-01);
    margin-left: .5rem;
    margin-right: .5rem;
    min-width: 1rem;
    opacity: 0;
    width: 1.25rem
}

.bx--table-sort.bx--table-sort--active {
    background: var(--hover-selected-ui)
}

.bx--table-sort.bx--table-sort--active .bx--table-sort__icon-unsorted {
    display: none
}

.bx--table-sort.bx--table-sort--active .bx--table-sort__icon {
    display: block;
    opacity: 1
}

.bx--table-sort--ascending .bx--table-sort__icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.bx--table-sort__icon {
    fill: var(--icon-01);
    margin-left: .5rem;
    margin-right: .5rem;
    min-width: 1rem;
    opacity: 1;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: -webkit-transform .11s cubic-bezier(.2, 0, .38, .9);
    transition: -webkit-transform .11s cubic-bezier(.2, 0, .38, .9);
    transition: transform .11s cubic-bezier(.2, 0, .38, .9);
    transition: transform .11s cubic-bezier(.2, 0, .38, .9), -webkit-transform .11s cubic-bezier(.2, 0, .38, .9);
    width: 1.25rem
}

.bx--data-table--compact.bx--data-table--sort th,
.bx--data-table--xs.bx--data-table--sort th {
    height: 1.5rem
}

.bx--data-table--short.bx--data-table--sort th,
.bx--data-table--sm.bx--data-table--sort th {
    height: 2rem
}

.bx--data-table--md.bx--data-table--sort th {
    height: 2.5rem
}

.bx--data-table--tall.bx--data-table--sort th,
.bx--data-table--xl.bx--data-table--sort th {
    height: 4rem
}

.bx--data-table--tall.bx--data-table--sort th .bx--table-sort,
.bx--data-table--xl.bx--data-table--sort th .bx--table-sort {
    display: inline-block;
    height: 4rem
}

.bx--data-table--tall .bx--table-sort__icon,
.bx--data-table--tall .bx--table-sort__icon-unsorted,
.bx--data-table--xl .bx--table-sort__icon,
.bx--data-table--xl .bx--table-sort__icon-unsorted {
    margin-top: .8125rem
}

@media (forced-colors:active),
(prefers-contrast),
screen and (-ms-high-contrast:active) {
    .bx--table-sort__icon,
    .bx--table-sort__icon-unsorted {
        fill: ButtonText
    }
}

.bx--inline-edit-label {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.bx--inline-edit-label:hover .bx--inline-edit-label__icon {
    opacity: 1
}

.bx--inline-edit-label--inactive {
    display: none
}

.bx--inline-edit-label__action {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: 0;
    cursor: pointer;
    display: inline-block;
    padding: 0
}

.bx--inline-edit-label__action::-moz-focus-inner {
    border: 0
}

.bx--inline-edit-label__action:hover {
    cursor: pointer
}

.bx--inline-edit-label__action:focus {
    outline: 1px solid var(--focus);
    padding: .125rem
}

@media screen and (prefers-contrast) {
    .bx--inline-edit-label__action:focus {
        outline-style: dotted
    }
}

.bx--inline-edit-label__action:focus .bx--inline-edit-label__icon {
    opacity: 1;
    width: auto
}

.bx--inline-edit-label__icon {
    fill: var(--icon-01);
    opacity: 0
}

.bx--inline-edit-input {
    display: none
}

.bx--inline-edit-input--active {
    display: block;
    margin-left: -.75rem
}

.bx--inline-edit-input--active input {
    padding-left: .75rem
}

.bx--data-table.bx--skeleton th {
    padding-left: 1rem;
    vertical-align: middle
}

.bx--data-table.bx--skeleton td span,
.bx--data-table.bx--skeleton th span {
    background: var(--skeleton-01);
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: block;
    height: 1rem;
    padding: 0;
    pointer-events: none;
    position: relative;
    width: 4rem
}

.bx--data-table.bx--skeleton td span:active,
.bx--data-table.bx--skeleton td span:focus,
.bx--data-table.bx--skeleton td span:hover,
.bx--data-table.bx--skeleton th span:active,
.bx--data-table.bx--skeleton th span:focus,
.bx--data-table.bx--skeleton th span:hover {
    border: none;
    cursor: default;
    outline: none
}

.bx--data-table.bx--skeleton td span:before,
.bx--data-table.bx--skeleton th span:before {
    -webkit-animation: skeleton 3s ease-in-out infinite;
    animation: skeleton 3s ease-in-out infinite;
    background: var(--skeleton-02);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    will-change: transform-origin, transform, opacity
}

@media(prefers-reduced-motion:reduce) {
    .bx--data-table.bx--skeleton td span:before,
    .bx--data-table.bx--skeleton th span:before {
        -webkit-animation: none;
        animation: none
    }
}

.bx--data-table.bx--skeleton tr:hover td {
    background: transparent;
    border-color: var(--ui-03)
}

.bx--data-table.bx--skeleton tr:hover td:first-of-type,
.bx--data-table.bx--skeleton tr:hover td:last-of-type {
    border-color: var(--ui-03)
}

.bx--data-table.bx--skeleton .bx--table-sort-v2 {
    pointer-events: none
}

.bx--data-table.bx--skeleton th span {
    background: var(--skeleton-02)
}

.bx--data-table.bx--skeleton th span:before {
    background: var(--skeleton-01)
}

.bx--data-table-container.bx--skeleton .bx--data-table-header__title {
    background: var(--skeleton-01);
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 1.5rem;
    padding: 0;
    pointer-events: none;
    position: relative;
    width: 7.5rem
}

.bx--data-table-container.bx--skeleton .bx--data-table-header__title:active,
.bx--data-table-container.bx--skeleton .bx--data-table-header__title:focus,
.bx--data-table-container.bx--skeleton .bx--data-table-header__title:hover {
    border: none;
    cursor: default;
    outline: none
}

.bx--data-table-container.bx--skeleton .bx--data-table-header__title:before {
    -webkit-animation: skeleton 3s ease-in-out infinite;
    animation: skeleton 3s ease-in-out infinite;
    background: var(--skeleton-02);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    will-change: transform-origin, transform, opacity
}

@media(prefers-reduced-motion:reduce) {
    .bx--data-table-container.bx--skeleton .bx--data-table-header__title:before {
        -webkit-animation: none;
        animation: none
    }
}

.bx--data-table-container.bx--skeleton .bx--data-table-header__description {
    background: var(--skeleton-01);
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 1rem;
    margin-top: .5rem;
    padding: 0;
    pointer-events: none;
    position: relative;
    width: 10rem
}

.bx--data-table-container.bx--skeleton .bx--data-table-header__description:active,
.bx--data-table-container.bx--skeleton .bx--data-table-header__description:focus,
.bx--data-table-container.bx--skeleton .bx--data-table-header__description:hover {
    border: none;
    cursor: default;
    outline: none
}

.bx--data-table-container.bx--skeleton .bx--data-table-header__description:before {
    -webkit-animation: skeleton 3s ease-in-out infinite;
    animation: skeleton 3s ease-in-out infinite;
    background: var(--skeleton-02);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    will-change: transform-origin, transform, opacity
}

@media(prefers-reduced-motion:reduce) {
    .bx--data-table-container.bx--skeleton .bx--data-table-header__description:before {
        -webkit-animation: none;
        animation: none
    }
}

@-webkit-keyframes fpFadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fpFadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes fpSlideLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes fpSlideLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@-webkit-keyframes fpSlideLeftNew {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fpSlideLeftNew {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes fpSlideRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes fpSlideRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@-webkit-keyframes fpSlideRightNew {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fpSlideRightNew {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes fpFadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes fpFadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@-webkit-keyframes fpFadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fpFadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.flatpickr-calendar {
    -webkit-animation: none;
    animation: none;
    border: 0;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    direction: ltr;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    text-align: center;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    visibility: hidden;
    width: 19.6875rem
}

.flatpickr-calendar.inline,
.flatpickr-calendar.open {
    max-height: 40rem;
    opacity: 1;
    overflow: visible;
    visibility: inherit
}

.flatpickr-calendar.open {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: var(--ui-01);
    border: none;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 21rem;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: -.125rem;
    overflow: hidden;
    padding: .25rem .25rem .5rem;
    width: 18rem;
    z-index: 99999
}

.flatpickr-calendar.open:focus {
    outline: 1px solid var(--focus)
}

@media screen and (prefers-contrast) {
    .flatpickr-calendar.open:focus {
        outline-style: dotted
    }
}

.flatpickr-calendar.animate.open {
    -webkit-animation: fpFadeInDown .11s cubic-bezier(0, 0, .38, .9);
    animation: fpFadeInDown .11s cubic-bezier(0, 0, .38, .9)
}

.flatpickr-calendar.inline {
    display: block;
    position: relative;
    top: .125rem
}

.flatpickr-calendar.static {
    position: absolute;
    top: calc(100% + 2px)
}

.flatpickr-calendar.static.open {
    display: block;
    z-index: 999
}

.flatpickr-calendar.hasWeeks {
    width: auto
}

.dayContainer {
    -ms-flex-pack: distribute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 15.375rem;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    outline: 0;
    padding: 0
}

.flatpickr-calendar .hasTime .dayContainer,
.flatpickr-calendar .hasWeeks .dayContainer {
    border-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.flatpickr-calendar .hasWeeks .dayContainer {
    border-left: 0
}

.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
    border-top: 1px solid #e6e6e6;
    height: 2.5rem
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
    height: auto
}

.flatpickr-calendar:focus {
    outline: 0
}

.flatpickr-months {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%
}

.flatpickr-month {
    background-color: transparent;
    color: var(--text-01);
    font-size: .875rem;
    font-weight: 600;
    letter-spacing: .16px;
    line-height: 1.125rem;
    line-height: 1;
    text-align: center
}

.flatpickr-month,
.flatpickr-next-month,
.flatpickr-prev-month {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 2.5rem
}

.flatpickr-next-month,
.flatpickr-prev-month {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    fill: var(--icon-01);
    cursor: pointer;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: 16px;
    padding: 0;
    text-decoration: none;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: background-color 70ms cubic-bezier(.2, 0, .38, .9);
    transition: background-color 70ms cubic-bezier(.2, 0, .38, .9);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 2.5rem;
    z-index: 3
}

.flatpickr-next-month:hover,
.flatpickr-prev-month:hover {
    background-color: var(--hover-ui)
}

.flatpickr-next-month.disabled svg,
.flatpickr-prev-month.disabled svg {
    fill: var(--ui-05);
    cursor: not-allowed
}

.flatpickr-next-month.disabled:hover svg,
.flatpickr-prev-month.disabled:hover svg {
    fill: var(--ui-05)
}

.flatpickr-current-month {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: .875rem;
    font-weight: 600;
    height: 1.75rem;
    -webkit-justify-content: center;
    justify-content: center;
    letter-spacing: .16px;
    line-height: 1.125rem;
    text-align: center
}

.flatpickr-current-month .cur-month {
    margin-left: .25rem;
    margin-right: .25rem
}

.flatpickr-current-month .cur-month:hover {
    background-color: var(--hover-ui)
}

.numInputWrapper {
    position: relative;
    width: 3.75rem
}

.numInputWrapper:hover {
    background-color: var(--hover-ui)
}

.numInputWrapper .numInput {
    -moz-appearance: textfield;
    background-color: var(--field-01);
    border: none;
    color: var(--text-01);
    cursor: default;
    display: inline-block;
    font-family: inherit;
    font-size: inherit;
    font-weight: 600;
    margin: 0;
    padding: .25rem;
    width: 100%
}

.numInputWrapper .numInput::-webkit-inner-spin-button,
.numInputWrapper .numInput::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.numInputWrapper .numInput:focus {
    outline: 1px solid var(--focus)
}

@media screen and (prefers-contrast) {
    .numInputWrapper .numInput:focus {
        outline-style: dotted
    }
}

.numInputWrapper .numInput[disabled],
.numInputWrapper .numInput[disabled]:hover {
    background-color: var(--ui-01);
    color: var(--disabled-02);
    pointer-events: none
}

.numInputWrapper .arrowUp {
    border-bottom: 0;
    top: .25rem
}

.numInputWrapper .arrowUp:after {
    border-bottom: .25rem solid var(--icon-01)
}

.numInputWrapper .arrowDown {
    top: .6875rem
}

.numInputWrapper .arrowDown:after {
    border-top: .25rem solid var(--icon-01)
}

.numInputWrapper .arrowDown,
.numInputWrapper .arrowUp {
    border: none;
    cursor: pointer;
    height: 50%;
    left: 2.6rem;
    line-height: 50%;
    opacity: 0;
    padding: 0 .25rem 0 .125rem;
    position: absolute;
    width: .75rem
}

.numInputWrapper .arrowDown:after,
.numInputWrapper .arrowUp:after {
    border-left: .25rem solid transparent;
    border-right: .25rem solid transparent;
    content: "";
    display: block;
    position: absolute;
    top: 33%
}

.numInputWrapper .arrowDown:hover:after,
.numInputWrapper .arrowUp:hover:after {
    border-bottom-color: var(--interactive-01);
    border-top-color: var(--interactive-01)
}

.numInputWrapper .arrowDown:active:after,
.numInputWrapper .arrowUp:active:after {
    border-bottom-color: var(--interactive-04);
    border-top-color: var(--interactive-04)
}

.numInput[disabled]~.arrowUp:after {
    border-bottom-color: var(--disabled-02)
}

.numInput[disabled]~.arrowDown:after {
    border-top-color: var(--disabled-02)
}

.numInputWrapper:hover .arrowDown,
.numInputWrapper:hover .arrowUp {
    opacity: 1
}

.numInputWrapper:hover .numInput[disabled]~.arrowDown,
.numInputWrapper:hover .numInput[disabled]~.arrowUp {
    opacity: 0
}

.flatpickr-weekdays {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 2.5rem
}

.flatpickr-weekdaycontainer,
.flatpickr-weekdays {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.flatpickr-weekdaycontainer {
    width: 100%
}

.flatpickr-weekday {
    -webkit-box-flex: 1;
    color: var(--text-01);
    cursor: default;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: .857rem;
    font-weight: 400;
    letter-spacing: .16px;
    line-height: 1.125rem
}

.flatpickr-days:focus {
    outline: 0
}

.flatpickr-calendar.animate .dayContainer.slideLeft {
    -webkit-animation: fpFadeOut .4s cubic-bezier(.23, 1, .32, 1), fpSlideLeft .4s cubic-bezier(.23, 1, .32, 1);
    animation: fpFadeOut .4s cubic-bezier(.23, 1, .32, 1), fpSlideLeft .4s cubic-bezier(.23, 1, .32, 1)
}

.flatpickr-calendar.animate .dayContainer.slideLeft,
.flatpickr-calendar.animate .dayContainer.slideLeftNew {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.flatpickr-calendar.animate .dayContainer.slideLeftNew {
    -webkit-animation: fpFadeIn .4s cubic-bezier(.23, 1, .32, 1), fpSlideLeft .4s cubic-bezier(.23, 1, .32, 1);
    animation: fpFadeIn .4s cubic-bezier(.23, 1, .32, 1), fpSlideLeft .4s cubic-bezier(.23, 1, .32, 1)
}

.flatpickr-calendar.animate .dayContainer.slideRight {
    -webkit-animation: fpFadeOut .4s cubic-bezier(.23, 1, .32, 1), fpSlideRight .4s cubic-bezier(.23, 1, .32, 1);
    animation: fpFadeOut .4s cubic-bezier(.23, 1, .32, 1), fpSlideRight .4s cubic-bezier(.23, 1, .32, 1);
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.flatpickr-calendar.animate .dayContainer.slideRightNew {
    -webkit-animation: fpFadeIn .4s cubic-bezier(.23, 1, .32, 1), fpSlideRightNew .4s cubic-bezier(.23, 1, .32, 1);
    animation: fpFadeIn .4s cubic-bezier(.23, 1, .32, 1), fpSlideRightNew .4s cubic-bezier(.23, 1, .32, 1)
}

.flatpickr-day {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    color: var(--text-01);
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: .857rem;
    font-weight: 400;
    height: 2.5rem;
    -webkit-justify-content: center;
    justify-content: center;
    letter-spacing: .16px;
    line-height: 1.125rem;
    -webkit-transition: all 70ms cubic-bezier(.2, 0, .38, .9);
    transition: all 70ms cubic-bezier(.2, 0, .38, .9);
    width: 2.5rem
}

.flatpickr-day:hover {
    background: var(--hover-ui)
}

.flatpickr-day:focus {
    outline: 2px solid var(--focus);
    outline-color: var(--interactive-01);
    outline-offset: -2px
}

@media screen and (prefers-contrast) {
    .flatpickr-day:focus {
        outline-style: dotted
    }
}

.nextMonthDay,
.prevMonthDay {
    color: var(--text-05)
}

.flatpickr-day.today {
    color: var(--link-01);
    font-weight: 600;
    position: relative
}

.flatpickr-day.today:after {
    background-color: var(--link-01);
    bottom: .4375rem;
    content: "";
    display: block;
    height: .25rem;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: .25rem
}

.flatpickr-day.today.no-border {
    border: none
}

.flatpickr-day.today.selected {
    outline: 2px solid var(--focus);
    outline-offset: -2px
}

@media screen and (prefers-contrast) {
    .flatpickr-day.today.selected {
        outline-style: dotted
    }
}

.flatpickr-day.today.selected:after {
    display: none
}

.flatpickr-day.inRange {
    background-color: var(--highlight);
    color: var(--text-01)
}

.flatpickr-day.selected {
    background-color: var(--interactive-01);
    color: var(--text-04)
}

.flatpickr-day.selected:focus {
    outline: .0625rem solid var(--ui-02);
    outline-offset: -.1875rem
}

.flatpickr-day.startRange.selected {
    -webkit-box-shadow: none;
    box-shadow: none;
    z-index: 2
}

.flatpickr-day.endRange.inRange,
.flatpickr-day.startRange.inRange:not(.selected) {
    background: var(--ui-01);
    outline: 2px solid var(--focus);
    outline-offset: -2px;
    z-index: 3
}

@media screen and (prefers-contrast) {
    .flatpickr-day.endRange.inRange,
    .flatpickr-day.startRange.inRange:not(.selected) {
        outline-style: dotted
    }
}

.flatpickr-day.endRange:hover {
    background: var(--ui-01);
    color: var(--text-01);
    outline: 2px solid var(--focus);
    outline-offset: -2px
}

@media screen and (prefers-contrast) {
    .flatpickr-day.endRange:hover {
        outline-style: dotted
    }
}

.flatpickr-day.endRange.inRange.selected {
    background: var(--interactive-01);
    color: var(--text-04)
}

.flatpickr-day.flatpickr-disabled {
    color: var(--disabled-02);
    cursor: not-allowed
}

.flatpickr-day.flatpickr-disabled:hover {
    background-color: transparent
}

.flatpickr-input[readonly] {
    cursor: pointer
}

@media (forced-colors:active),
(prefers-contrast),
screen and (-ms-high-contrast:active) {
    .flatpickr-next-month,
    .flatpickr-prev-month {
        fill: ButtonText
    }
    .flatpickr-day.selected {
        color: Highlight;
        outline: 1px solid Highlight;
        outline-style: dotted
    }
    .flatpickr-day.inRange,
    .flatpickr-day.today {
        color: Highlight
    }
    .flatpickr-calendar {
        outline: 1px solid transparent
    }
}

.bx--date-picker {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.bx--date-picker--light .bx--date-picker__input {
    background: var(--field-02)
}

.bx--date-picker~.bx--label {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1
}

.bx--date-picker-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.bx--date-picker-container,
.bx--date-picker-input__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.bx--date-picker-input__wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.bx--date-picker.bx--date-picker--simple .bx--date-picker__input,
.bx--date-picker.bx--date-picker--simple .bx--label {
    width: 7.5rem
}

.bx--date-picker.bx--date-picker--simple .bx--date-picker-input__wrapper--invalid .bx--date-picker__input,
.bx--date-picker.bx--date-picker--simple .bx--date-picker-input__wrapper--invalid~.bx--form-requirement,
.bx--date-picker.bx--date-picker--simple .bx--date-picker-input__wrapper--warn .bx--date-picker__input,
.bx--date-picker.bx--date-picker--simple .bx--date-picker-input__wrapper--warn~.bx--form-requirement {
    width: 9.5rem
}

.bx--date-picker.bx--date-picker--simple.bx--date-picker--short .bx--date-picker__input {
    width: 5.7rem
}

.bx--date-picker.bx--date-picker--single .bx--date-picker__input {
    width: 18rem
}

.bx--date-picker .bx--date-picker-input__wrapper--warn~.bx--form-requirement {
    color: var(--text-01)
}

.bx--date-picker__input {
    background-color: var(--field-01);
    border: none;
    border-bottom: 1px solid var(--ui-04);
    color: var(--text-01);
    display: block;
    font-family: Lucida Console, Courier New, sans-serif, serif, monospace;
    font-size: .875rem;
    font-weight: 400;
    height: 2.5rem;
    letter-spacing: .32px;
    line-height: 1.25rem;
    outline: 2px solid transparent;
    outline-offset: -2px;
    padding: 0 1rem;
    position: relative;
    -webkit-transition: all 70ms cubic-bezier(.2, 0, .38, .9);
    transition: all 70ms cubic-bezier(.2, 0, .38, .9)
}

.bx--date-picker__input.bx--focused,
.bx--date-picker__input:focus {
    outline: 2px solid var(--focus);
    outline-offset: -2px
}

@media screen and (prefers-contrast) {
    .bx--date-picker__input.bx--focused,
    .bx--date-picker__input:focus {
        outline-style: dotted
    }
}

.bx--date-picker__input:disabled {
    background-color: var(--field-01);
    border-bottom: 1px solid transparent;
    color: var(--disabled-02);
    cursor: not-allowed
}

.bx--date-picker__input:disabled::-webkit-input-placeholder {
    color: var(--disabled-02)
}

.bx--date-picker__input:disabled::-moz-placeholder {
    color: var(--disabled-02)
}

.bx--date-picker__input:disabled:-ms-input-placeholder {
    color: var(--disabled-02)
}

.bx--date-picker__input:disabled::-ms-input-placeholder {
    color: var(--disabled-02)
}

.bx--date-picker__input:disabled::placeholder {
    color: var(--disabled-02)
}

.bx--date-picker__input:disabled:hover {
    border-bottom: 1px solid transparent
}

.bx--date-picker__input::-webkit-input-placeholder {
    color: var(--text-05);
    opacity: 1
}

.bx--date-picker__input::-moz-placeholder {
    color: var(--text-05);
    opacity: 1
}

.bx--date-picker__input:-ms-input-placeholder {
    color: var(--text-05);
    opacity: 1
}

.bx--date-picker__input::-ms-input-placeholder {
    color: var(--text-05);
    opacity: 1
}

.bx--date-picker__input::placeholder {
    color: var(--text-05);
    opacity: 1
}

.bx--date-picker__input--lg,
.bx--date-picker__input--xl {
    height: 3rem
}

.bx--date-picker__input--sm {
    height: 2rem
}

.bx--date-picker__icon {
    fill: var(--icon-01);
    pointer-events: none;
    position: absolute;
    right: 1rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1
}

.bx--date-picker__icon--invalid,
.bx--date-picker__icon--warn {
    cursor: auto
}

.bx--date-picker__icon--warn {
    fill: var(--support-03)
}

.bx--date-picker__icon--warn path:first-of-type {
    fill: #000;
    opacity: 1
}

.bx--date-picker__icon--invalid {
    fill: var(--support-01)
}

.bx--date-picker__icon~.bx--date-picker__input {
    padding-right: 3rem
}

.bx--date-picker__input:disabled~.bx--date-picker__icon {
    fill: var(--disabled-02);
    cursor: not-allowed
}

.bx--date-picker--range>.bx--date-picker-container:first-child {
    margin-right: .0625rem
}

.bx--date-picker--range .bx--date-picker-container,
.bx--date-picker--range .bx--date-picker__input {
    width: 8.96875rem
}

.bx--date-picker.bx--skeleton input,
.bx--date-picker__input.bx--skeleton {
    background: var(--skeleton-01);
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
    pointer-events: none;
    position: relative;
    width: 100%
}

.bx--date-picker.bx--skeleton input:active,
.bx--date-picker.bx--skeleton input:focus,
.bx--date-picker.bx--skeleton input:hover,
.bx--date-picker__input.bx--skeleton:active,
.bx--date-picker__input.bx--skeleton:focus,
.bx--date-picker__input.bx--skeleton:hover {
    border: none;
    cursor: default;
    outline: none
}

.bx--date-picker.bx--skeleton input:before,
.bx--date-picker__input.bx--skeleton:before {
    -webkit-animation: skeleton 3s ease-in-out infinite;
    animation: skeleton 3s ease-in-out infinite;
    background: var(--skeleton-02);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    will-change: transform-origin, transform, opacity
}

@media(prefers-reduced-motion:reduce) {
    .bx--date-picker.bx--skeleton input:before,
    .bx--date-picker__input.bx--skeleton:before {
        -webkit-animation: none;
        animation: none
    }
}

.bx--date-picker.bx--skeleton input::-webkit-input-placeholder,
.bx--date-picker__input.bx--skeleton::-webkit-input-placeholder {
    color: transparent
}

.bx--date-picker.bx--skeleton input::-moz-placeholder,
.bx--date-picker__input.bx--skeleton::-moz-placeholder {
    color: transparent
}

.bx--date-picker.bx--skeleton input:-ms-input-placeholder,
.bx--date-picker__input.bx--skeleton:-ms-input-placeholder {
    color: transparent
}

.bx--date-picker.bx--skeleton input::-ms-input-placeholder,
.bx--date-picker__input.bx--skeleton::-ms-input-placeholder {
    color: transparent
}

.bx--date-picker.bx--skeleton input::placeholder,
.bx--date-picker__input.bx--skeleton::placeholder {
    color: transparent
}

.bx--date-picker.bx--skeleton .bx--label {
    background: var(--skeleton-01);
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: .875rem;
    padding: 0;
    pointer-events: none;
    position: relative;
    width: 4.6875rem
}

.bx--date-picker.bx--skeleton .bx--label:active,
.bx--date-picker.bx--skeleton .bx--label:focus,
.bx--date-picker.bx--skeleton .bx--label:hover {
    border: none;
    cursor: default;
    outline: none
}

.bx--date-picker.bx--skeleton .bx--label:before {
    -webkit-animation: skeleton 3s ease-in-out infinite;
    animation: skeleton 3s ease-in-out infinite;
    background: var(--skeleton-02);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    will-change: transform-origin, transform, opacity
}

@media(prefers-reduced-motion:reduce) {
    .bx--date-picker.bx--skeleton .bx--label:before {
        -webkit-animation: none;
        animation: none
    }
}

@media (forced-colors:active),
(prefers-contrast),
screen and (-ms-high-contrast:active) {
    .bx--date-picker__icon {
        fill: ButtonText
    }
}

.bx--dropdown__wrapper--inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    grid-gap: 0 1.5rem;
    -webkit-align-items: center;
    align-items: center;
    display: inline-grid;
    grid-template: auto auto/auto -webkit-min-content;
    grid-template: auto auto/auto min-content
}

.bx--dropdown__wrapper--inline .bx--label {
    font-size: .857rem;
    font-weight: 400;
    letter-spacing: .16px;
    line-height: 1.125rem
}

.bx--dropdown__wrapper--inline .bx--form-requirement,
.bx--dropdown__wrapper--inline .bx--form__helper-text,
.bx--dropdown__wrapper--inline .bx--label {
    margin: 0
}

.bx--dropdown__wrapper--inline .bx--form-requirement {
    grid-column: 2
}

.bx--dropdown {
    background-color: var(--field-01);
    border: none;
    border-bottom: 1px solid var(--ui-04);
    color: var(--text-01);
    cursor: pointer;
    display: block;
    height: 2.5rem;
    list-style: none;
    outline: 2px solid transparent;
    outline-offset: -2px;
    position: relative;
    -webkit-transition: background-color 70ms cubic-bezier(.2, 0, .38, .9);
    transition: background-color 70ms cubic-bezier(.2, 0, .38, .9);
    width: 100%
}

.bx--dropdown:hover {
    background-color: var(--hover-ui)
}

.bx--dropdown .bx--list-box__field {
    text-align: left
}

.bx--dropdown--lg,
.bx--dropdown--xl {
    height: 3rem;
    max-height: 3rem
}

.bx--dropdown--lg .bx--dropdown__arrow,
.bx--dropdown--xl .bx--dropdown__arrow {
    top: 1rem
}

.bx--dropdown--sm {
    height: 2rem;
    max-height: 2rem
}

.bx--dropdown--sm .bx--dropdown__arrow {
    top: .5rem
}

.bx--dropdown--open {
    border-bottom-color: var(--ui-03)
}

.bx--dropdown--invalid {
    outline: 2px solid var(--support-01);
    outline-offset: -2px
}

@media screen and (prefers-contrast) {
    .bx--dropdown--invalid {
        outline-style: dotted
    }
}

.bx--dropdown--invalid .bx--dropdown-text {
    padding-right: 3.5rem
}

.bx--dropdown--invalid+.bx--form-requirement {
    color: var(--text-error);
    display: inline-block;
    max-height: 12.5rem
}

.bx--dropdown__invalid-icon {
    fill: var(--support-01);
    position: absolute;
    right: 2.5rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.bx--dropdown--open:hover {
    background-color: var(--field-01)
}

.bx--dropdown--open:focus {
    outline: 1px solid transparent
}

.bx--dropdown--open .bx--dropdown-list {
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
    max-height: 13.75rem;
    -webkit-transition: max-height .11s cubic-bezier(0, 0, .38, .9);
    transition: max-height .11s cubic-bezier(0, 0, .38, .9)
}

.bx--dropdown--light {
    background-color: var(--field-02)
}

.bx--dropdown--light:hover {
    background-color: var(--hover-light-ui)
}

.bx--dropdown--up .bx--dropdown-list {
    bottom: 2rem
}

.bx--dropdown__arrow {
    fill: var(--icon-01);
    pointer-events: none;
    position: absolute;
    right: 1rem;
    top: .8125rem;
    -webkit-transform-origin: 50% 45%;
    transform-origin: 50% 45%;
    -webkit-transition: -webkit-transform .11s cubic-bezier(.2, 0, .38, .9);
    transition: -webkit-transform .11s cubic-bezier(.2, 0, .38, .9);
    transition: transform .11s cubic-bezier(.2, 0, .38, .9);
    transition: transform .11s cubic-bezier(.2, 0, .38, .9), -webkit-transform .11s cubic-bezier(.2, 0, .38, .9)
}

button.bx--dropdown-text {
    background: none;
    border: none;
    color: var(--text-01);
    text-align: left;
    width: 100%
}

button.bx--dropdown-text:focus {
    outline: 2px solid var(--focus);
    outline-offset: -2px
}

@media screen and (prefers-contrast) {
    button.bx--dropdown-text:focus {
        outline-style: dotted
    }
}

.bx--dropdown-text {
    display: block;
    height: calc(100% + 1px);
    overflow: hidden;
    padding-left: 1rem;
    padding-right: 2.625rem;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bx--dropdown-list,
.bx--dropdown-text {
    font-size: .857rem;
    font-weight: 400;
    letter-spacing: .16px;
    line-height: 1.125rem
}

.bx--dropdown-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-color: var(--ui-01);
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    list-style: none;
    max-height: 0;
    outline: 2px solid transparent;
    outline-offset: -2px;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    -webkit-transition: max-height .11s cubic-bezier(.2, 0, .38, .9);
    transition: max-height .11s cubic-bezier(.2, 0, .38, .9);
    width: 100%;
    z-index: 9100
}

.bx--dropdown--light .bx--dropdown-list {
    background-color: var(--field-02)
}

.bx--dropdown:not(.bx--dropdown--open) .bx--dropdown-item {
    visibility: hidden
}

.bx--dropdown-item {
    opacity: 0;
    position: relative;
    -webkit-transition: visibility 70ms cubic-bezier(.2, 0, .38, .9), opacity 70ms cubic-bezier(.2, 0, .38, .9), background-color 70ms cubic-bezier(.2, 0, .38, .9);
    transition: visibility 70ms cubic-bezier(.2, 0, .38, .9), opacity 70ms cubic-bezier(.2, 0, .38, .9), background-color 70ms cubic-bezier(.2, 0, .38, .9);
    visibility: inherit
}

.bx--dropdown-item:hover {
    background-color: var(--hover-ui)
}

.bx--dropdown-item:hover+.bx--dropdown-item .bx--dropdown-link {
    border-color: transparent
}

.bx--dropdown-item:active {
    background-color: var(--selected-ui)
}

.bx--dropdown-item:first-of-type .bx--dropdown-link {
    border-top-color: transparent
}

.bx--dropdown-item:last-of-type .bx--dropdown-link {
    border-bottom: none
}

.bx--dropdown-link {
    border: 1px solid transparent;
    border-top: 1px solid var(--ui-03);
    color: var(--text-02);
    display: block;
    font-weight: 400;
    height: 2.5rem;
    line-height: 1rem;
    margin: 0 1rem;
    outline: 2px solid transparent;
    outline-offset: -2px;
    overflow: hidden;
    padding: .6875rem 0;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bx--dropdown-link:hover {
    border-color: transparent;
    color: var(--text-01)
}

.bx--dropdown--light .bx--dropdown-link {
    border-top-color: var(--decorative-01)
}

.bx--dropdown--sm .bx--dropdown-link {
    height: 2rem;
    padding-bottom: .4375rem;
    padding-top: .4375rem
}

.bx--dropdown--xl .bx--dropdown-link {
    height: 3rem;
    padding-bottom: .9375rem;
    padding-top: .9375rem
}

.bx--dropdown--focused,
.bx--dropdown-link:focus {
    margin: 0;
    outline: 2px solid var(--focus);
    outline-offset: -2px;
    padding: .6875rem 1rem
}

@media screen and (prefers-contrast) {
    .bx--dropdown--focused,
    .bx--dropdown-link:focus {
        outline-style: dotted
    }
}

.bx--dropdown-list[aria-activedescendant] .bx--dropdown-link:focus {
    margin: 0 1rem;
    outline: none;
    padding: .6875rem 0
}

.bx--dropdown-list[aria-activedescendant] .bx--dropdown--focused:focus {
    margin: 0;
    outline: 2px solid var(--focus);
    outline-offset: -2px;
    padding: .6875rem 1rem
}

@media screen and (prefers-contrast) {
    .bx--dropdown-list[aria-activedescendant] .bx--dropdown--focused:focus {
        outline-style: dotted
    }
}

.bx--dropdown-list[aria-activedescendant] .bx--dropdown-item:active {
    background-color: inherit
}

.bx--dropdown-item:hover .bx--dropdown-link {
    border-bottom-color: var(--hover-ui)
}

.bx--dropdown--open .bx--dropdown__arrow {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.bx--dropdown--open.bx--dropdown--xl .bx--dropdown-list {
    max-height: 16.5rem
}

.bx--dropdown--open.bx--dropdown--sm .bx--dropdown-list {
    max-height: 11rem
}

.bx--dropdown--open .bx--dropdown-item {
    opacity: 1
}

.bx--dropdown--disabled {
    border-bottom-color: transparent
}

.bx--dropdown--disabled:hover {
    background-color: var(--field-01)
}

.bx--dropdown--disabled:focus {
    outline: none
}

.bx--dropdown--disabled .bx--dropdown-text,
.bx--dropdown--disabled .bx--list-box__label {
    color: var(--disabled-02)
}

.bx--dropdown--disabled .bx--dropdown__arrow,
.bx--dropdown--disabled .bx--list-box__menu-icon svg {
    fill: var(--disabled-02)
}

.bx--dropdown--disabled.bx--dropdown--light:hover {
    background-color: var(--field-02)
}

.bx--dropdown--disabled .bx--list-box__field,
.bx--dropdown--disabled .bx--list-box__menu-icon {
    cursor: not-allowed
}

.bx--dropdown--auto-width {
    max-width: 25rem;
    width: auto
}

.bx--dropdown--inline {
    background-color: transparent;
    border-bottom-color: transparent;
    display: inline-block;
    justify-self: start;
    -webkit-transition: background 70ms cubic-bezier(0, 0, .38, .9);
    transition: background 70ms cubic-bezier(0, 0, .38, .9);
    width: auto
}

.bx--dropdown--inline:hover {
    background-color: var(--hover-ui)
}

.bx--dropdown--inline.bx--dropdown--disabled {
    background-color: transparent
}

.bx--dropdown--inline .bx--dropdown__arrow {
    right: .5rem;
    top: .5rem
}

.bx--dropdown--inline.bx--dropdown--open {
    background-color: transparent
}

.bx--dropdown--inline .bx--dropdown-text {
    color: var(--text-01);
    display: inline-block;
    height: 2rem;
    overflow: visible;
    padding: .4375rem 2rem .4375rem .75rem
}

.bx--dropdown--inline.bx--dropdown--disabled .bx--dropdown-text {
    color: var(--disabled-02)
}

.bx--dropdown--inline.bx--dropdown--disabled:focus .bx--dropdown-text {
    outline: 0
}

.bx--dropdown--inline.bx--dropdown--invalid .bx--dropdown__invalid-icon {
    right: 2rem
}

.bx--dropdown--inline.bx--dropdown--invalid .bx--dropdown-text {
    padding-right: 3.5rem
}

.bx--dropdown--inline.bx--dropdown--open:focus .bx--dropdown-list {
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .3)
}

.bx--dropdown--inline .bx--dropdown-link {
    font-weight: 400
}

.bx--dropdown--show-selected .bx--dropdown--selected {
    background-color: var(--hover-ui);
    color: var(--text-01);
    display: block
}

.bx--dropdown--show-selected .bx--dropdown--selected:hover {
    background-color: var(--selected-ui)
}

.bx--dropdown--show-selected .bx--dropdown--selected+.bx--dropdown-item .bx--dropdown-link,
.bx--dropdown--show-selected .bx--dropdown--selected .bx--dropdown-link {
    border-top-color: transparent
}

.bx--dropdown--show-selected .bx--dropdown--selected .bx--list-box__menu-item__selected-icon {
    display: block
}

.bx--dropdown-v2.bx--skeleton,
.bx--dropdown.bx--skeleton {
    background: var(--skeleton-01);
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
    pointer-events: none;
    position: relative
}

.bx--dropdown-v2.bx--skeleton:active,
.bx--dropdown-v2.bx--skeleton:focus,
.bx--dropdown-v2.bx--skeleton:hover,
.bx--dropdown.bx--skeleton:active,
.bx--dropdown.bx--skeleton:focus,
.bx--dropdown.bx--skeleton:hover {
    border: none;
    cursor: default;
    outline: none
}

.bx--dropdown-v2.bx--skeleton:before,
.bx--dropdown.bx--skeleton:before {
    -webkit-animation: skeleton 3s ease-in-out infinite;
    animation: skeleton 3s ease-in-out infinite;
    background: var(--skeleton-02);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    will-change: transform-origin, transform, opacity
}

@media(prefers-reduced-motion:reduce) {
    .bx--dropdown-v2.bx--skeleton:before,
    .bx--dropdown.bx--skeleton:before {
        -webkit-animation: none;
        animation: none
    }
}

@media (forced-colors:active),
(prefers-contrast),
screen and (-ms-high-contrast:active) {
    .bx--dropdown .bx--list-box__field {
        outline: 1px solid transparent
    }
    .bx--list-box__menu-item__option {
        outline: none
    }
    .bx--list-box__menu-item__selected-icon {
        fill: ButtonText
    }
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes rotate-end-p1 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes rotate-end-p2 {
    to {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
}

@-webkit-keyframes init-stroke {
    0% {
        stroke-dashoffset: 276.4608
    }
    to {
        stroke-dashoffset: 52.527552
    }
}

@-webkit-keyframes stroke-end {
    0% {
        stroke-dashoffset: 52.527552
    }
    to {
        stroke-dashoffset: 276.4608
    }
}

.bx--loading {
    -webkit-animation-duration: .69s;
    animation-duration: .69s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: rotate;
    animation-name: rotate;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    height: 5.5rem;
    width: 5.5rem
}

.bx--loading svg circle {
    -webkit-animation-duration: 10ms;
    animation-duration: 10ms;
    -webkit-animation-name: init-stroke;
    animation-name: init-stroke;
    -webkit-animation-timing-function: cubic-bezier(.2, 0, .38, .9);
    animation-timing-function: cubic-bezier(.2, 0, .38, .9)
}

.bx--loading__svg {
    fill: transparent
}

.bx--loading__svg circle {
    stroke-dasharray: 276.4608 276.4608;
    stroke-linecap: butt;
    stroke-width: 10
}

.bx--loading__stroke {
    stroke: var(--interactive-04);
    stroke-dashoffset: 52.527552
}

.bx--loading--small .bx--loading__stroke {
    stroke-dashoffset: 143.759616
}

.bx--loading--stop {
    -webkit-animation: rotate-end-p1 .7s cubic-bezier(.2, 0, 1, .9) forwards, rotate-end-p2 .7s cubic-bezier(.2, 0, 1, .9) .7s forwards;
    animation: rotate-end-p1 .7s cubic-bezier(.2, 0, 1, .9) forwards, rotate-end-p2 .7s cubic-bezier(.2, 0, 1, .9) .7s forwards
}

.bx--loading--stop svg circle {
    -webkit-animation-delay: .7s;
    animation-delay: .7s;
    -webkit-animation-duration: .7s;
    animation-duration: .7s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-name: stroke-end;
    animation-name: stroke-end;
    -webkit-animation-timing-function: cubic-bezier(.2, 0, 1, .9);
    animation-timing-function: cubic-bezier(.2, 0, 1, .9)
}

.bx--loading--small {
    height: 1rem;
    width: 1rem
}

.bx--loading--small circle {
    stroke-width: 16
}

.bx--loading--small .bx--loading__svg {
    stroke: var(--interactive-04)
}

.bx--loading__background {
    stroke: var(--ui-03);
    stroke-dashoffset: -22
}

@media not all and (-webkit-min-device-pixel-ratio:0),
not all and (min-resolution:0.001dpcm) {
    @supports(-webkit-appearance: none) and (stroke-color:transparent) {
        circle.bx--loading__background {
            stroke-dasharray:265;
            stroke-dashoffset: 0
        }
    }
}

.bx--loading-overlay {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: var(--overlay-01);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    -webkit-transition: background-color .72s cubic-bezier(.4, .14, .3, 1);
    transition: background-color .72s cubic-bezier(.4, .14, .3, 1);
    width: 100%;
    z-index: 6000
}

.bx--loading-overlay--stop {
    display: none
}

.bx--file {
    width: 100%
}

.bx--file--invalid {
    fill: var(--support-01);
    margin-right: .5rem
}

.bx--file--label {
    color: var(--text-01);
    font-size: .875rem;
    font-weight: 600;
    letter-spacing: .16px;
    line-height: 1.125rem;
    margin-bottom: .5rem
}

.bx--file--label--disabled {
    color: var(--disabled-02)
}

.bx--file-input {
    clip: rect(0, 0, 0, 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    visibility: inherit;
    white-space: nowrap;
    width: 1px
}

.bx--file-btn {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 0;
    padding-right: 4rem
}

.bx--file-browse-btn {
    color: var(--link-01);
    cursor: pointer;
    display: inline-block;
    margin-bottom: .5rem;
    max-width: 20rem;
    outline: 2px solid transparent;
    outline-offset: -2px;
    -webkit-transition: .11s cubic-bezier(.2, 0, .38, .9);
    transition: .11s cubic-bezier(.2, 0, .38, .9);
    width: 100%
}

.bx--file-browse-btn:focus,
.bx--file-browse-btn:hover {
    outline: 2px solid var(--interactive-03)
}

.bx--file-browse-btn:active,
.bx--file-browse-btn:active:visited,
.bx--file-browse-btn:focus,
.bx--file-browse-btn:hover {
    text-decoration: underline
}

.bx--file-browse-btn:active {
    color: var(--text-01)
}

.bx--file-browse-btn--disabled {
    color: var(--disabled-02);
    cursor: no-drop;
    text-decoration: none
}

.bx--file-browse-btn--disabled:focus,
.bx--file-browse-btn--disabled:hover {
    color: var(--disabled-02);
    outline: none;
    text-decoration: none
}

.bx--file-browse-btn--disabled .bx--file__drop-container {
    border: 1px dashed var(--disabled-02)
}

.bx--label-description {
    color: var(--text-02);
    font-size: .857rem;
    font-weight: 400;
    letter-spacing: .16px;
    line-height: 1.125rem;
    margin-bottom: 1rem
}

.bx--label-description--disabled {
    color: var(--disabled-02)
}

.bx--file-btn~.bx--file-container {
    margin-top: 1.5rem
}

.bx--btn~.bx--file-container {
    margin-top: 1rem
}

.bx--file .bx--file-container,
.bx--file~.bx--file-container {
    margin-top: .5rem
}

.bx--file__selected-file {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: var(--field-01);
    display: grid;
    gap: .75rem 1rem;
    grid-auto-rows: auto;
    grid-template-columns: 1fr auto;
    margin-bottom: .5rem;
    max-width: 20rem;
    min-height: 3rem;
    word-break: break-word
}

.bx--file__selected-file:last-child {
    margin-bottom: 0
}

.bx--file__selected-file .bx--form-requirement {
    display: block;
    grid-column: 1/-1;
    margin: 0;
    max-height: none
}

.bx--file__selected-file .bx--inline-loading__animation .bx--loading {
    margin-right: 0
}

.bx--file__selected-file .bx--file-filename {
    font-size: .857rem;
    font-weight: 400;
    letter-spacing: .16px;
    line-height: 1.125rem;
    margin-left: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bx--file__selected-file--field,
.bx--file__selected-file--md {
    gap: .5rem 1rem;
    min-height: 2.5rem
}

.bx--file__selected-file--sm {
    gap: .25rem 1rem;
    min-height: 2rem
}

.bx--file__selected-file--invalid__wrapper {
    background-color: var(--field-01);
    margin-bottom: .5rem;
    max-width: 20rem;
    outline: 2px solid var(--support-01);
    outline-offset: -2px;
    outline-width: 1px
}

@media screen and (prefers-contrast) {
    .bx--file__selected-file--invalid__wrapper {
        outline-style: dotted
    }
}

.bx--file__selected-file--invalid {
    outline: 2px solid var(--support-01);
    outline-offset: -2px;
    padding: .75rem 0
}

@media screen and (prefers-contrast) {
    .bx--file__selected-file--invalid {
        outline-style: dotted
    }
}

.bx--file__selected-file--invalid.bx--file__selected-file--sm {
    padding: .25rem 0
}

.bx--file__selected-file--invalid.bx--file__selected-file--field,
.bx--file__selected-file--invalid.bx--file__selected-file--md {
    padding: .5rem 0
}

.bx--file__selected-file--invalid .bx--form-requirement {
    border-top: 1px solid var(--ui-03);
    padding-top: 1rem
}

.bx--file__selected-file--invalid.bx--file__selected-file--sm .bx--form-requirement {
    padding-top: .4375rem
}

.bx--file__selected-file--invalid.bx--file__selected-file--field .bx--form-requirement,
.bx--file__selected-file--invalid.bx--file__selected-file--md .bx--form-requirement {
    padding-top: .6875rem
}

.bx--file__selected-file--invalid .bx--form-requirement__supplement,
.bx--file__selected-file--invalid .bx--form-requirement__title {
    font-size: .75rem;
    font-weight: 400;
    letter-spacing: .32px;
    line-height: 1rem;
    padding: 0 1rem
}

.bx--file__selected-file--invalid .bx--form-requirement__title {
    color: var(--text-error)
}

.bx--file__selected-file--invalid .bx--form-requirement__supplement {
    color: var(--text-01)
}

.bx--file__selected-file--invalid+.bx--form-requirement {
    color: var(--text-error);
    display: block;
    font-size: .75rem;
    font-weight: 400;
    letter-spacing: .32px;
    line-height: 1rem;
    max-height: 12.5rem;
    overflow: visible;
    padding: .5rem 1rem
}

.bx--file__selected-file--invalid+.bx--form-requirement .bx--form-requirement__supplement {
    color: var(--text-01);
    padding-bottom: .5rem
}

.bx--file__state-container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    min-width: 1.5rem;
    padding-right: 1rem
}

.bx--file__state-container .bx--loading__svg {
    stroke: var(--ui-05)
}

.bx--file__state-container .bx--file-complete {
    fill: var(--interactive-04);
    cursor: pointer
}

.bx--file__state-container .bx--file-complete:focus {
    outline: 1px solid var(--focus)
}

@media screen and (prefers-contrast) {
    .bx--file__state-container .bx--file-complete:focus {
        outline-style: dotted
    }
}

.bx--file__state-container .bx--file-complete [data-icon-path=inner-path] {
    fill: var(--icon-03);
    opacity: 1
}

.bx--file__state-container .bx--file-invalid {
    fill: var(--support-01);
    height: 1rem;
    width: 1rem
}

.bx--file__state-container .bx--file-close {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    fill: var(--icon-01);
    -webkit-align-items: center;
    align-items: center;
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 1.5rem;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 0;
    width: 1.5rem
}

.bx--file__state-container .bx--file-close:focus {
    outline: 2px solid var(--focus);
    outline-offset: -2px
}

@media screen and (prefers-contrast) {
    .bx--file__state-container .bx--file-close:focus {
        outline-style: dotted
    }
}

.bx--file__state-container .bx--file-close svg path {
    fill: var(--icon-01)
}

.bx--file__state-container .bx--inline-loading__animation {
    margin-right: -.5rem
}

.bx--file__drop-container {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    border: 1px dashed var(--ui-04);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 6rem;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    overflow: hidden;
    padding: 1rem
}

.bx--file__drop-container--drag-over {
    background: none;
    outline: 2px solid var(--interactive-03);
    outline-offset: -2px
}

@media (forced-colors:active),
(prefers-contrast),
screen and (-ms-high-contrast:active) {
    .bx--file__selected-file {
        outline: 1px solid transparent
    }
    .bx--file__state-container .bx--file-close svg path {
        fill: ButtonText
    }
}

@-webkit-keyframes stroke {
    to {
        stroke-dashoffset: 0
    }
}

@keyframes stroke {
    to {
        stroke-dashoffset: 0
    }
}

.bx--inline-loading {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 2rem;
    width: 100%
}

.bx--inline-loading__text {
    color: var(--text-02);
    font-size: .75rem;
    font-weight: 400;
    letter-spacing: .32px;
    line-height: 1rem
}

.bx--inline-loading__animation {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    margin-right: .5rem;
    position: relative
}

.bx--inline-loading__checkmark-container {
    fill: var(--support-02)
}

.bx--inline-loading__checkmark-container.bx--inline-loading__svg {
    position: absolute;
    top: .75rem;
    width: .75rem
}

.bx--inline-loading__checkmark-container[hidden] {
    display: none
}

.bx--inline-loading__checkmark {
    fill: none;
    stroke: var(--interactive-04);
    stroke-dasharray: 12;
    stroke-dashoffset: 12;
    stroke-width: 1.8;
    -webkit-animation-duration: .25s;
    animation-duration: .25s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-name: stroke;
    animation-name: stroke;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.bx--inline-loading--error {
    fill: var(--support-01);
    height: 1rem;
    width: 1rem
}

.bx--inline-loading--error[hidden] {
    display: none
}

.bx--loading--small .bx--inline-loading__svg {
    stroke: var(--interactive-04)
}

@media screen and (-ms-high-contrast:active),
screen and (-ms-high-contrast:none) {
    .bx--inline-loading__checkmark-container {
        right: .5rem;
        top: 1px
    }
    .bx--inline-loading__checkmark {
        stroke-dasharray: 0;
        stroke-dashoffset: 0;
        -webkit-animation: none;
        animation: none
    }
}

.bx--list--nested,
.bx--list--ordered,
.bx--list--ordered--native,
.bx--list--unordered {
    font-size: .857rem;
    font-weight: 400;
    letter-spacing: .16px;
    line-height: 1.125rem;
    list-style: none
}

.bx--list--expressive,
.bx--list--expressive .bx--list--nested {
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.5rem
}

.bx--list--ordered--native {
    list-style: decimal
}

.bx--list__item {
    color: var(--text-01)
}

.bx--list--nested {
    margin-left: 2rem
}

.bx--list--nested .bx--list__item {
    padding-left: .25rem
}

.bx--list--ordered:not(.bx--list--nested) {
    counter-reset: item
}

.bx--list--ordered:not(.bx--list--nested)>.bx--list__item {
    position: relative
}

.bx--list--ordered:not(.bx--list--nested)>.bx--list__item:before {
    content: counter(item) ".";
    counter-increment: item;
    left: -1.5rem;
    position: absolute
}

.bx--list--ordered--native.bx--list--nested,
.bx--list--ordered.bx--list--nested {
    list-style-type: lower-latin
}

.bx--list--unordered>.bx--list__item {
    position: relative
}

.bx--list--unordered>.bx--list__item:before {
    content: "–";
    left: -1rem;
    position: absolute
}

.bx--list--unordered.bx--list--nested>.bx--list__item:before {
    content: "â–ª";
    left: -.75rem
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate-end-p1 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate-end-p2 {
    to {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
}

@keyframes init-stroke {
    0% {
        stroke-dashoffset: 276.4608
    }
    to {
        stroke-dashoffset: 52.527552
    }
}

@keyframes stroke-end {
    0% {
        stroke-dashoffset: 52.527552
    }
    to {
        stroke-dashoffset: 276.4608
    }
}

.bx--menu {
    background-color: var(--ui-01);
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
    max-width: 18rem;
    min-width: 13rem;
    padding: .25rem 0;
    position: fixed;
    visibility: hidden;
    z-index: 9000
}

.bx--menu--open {
    visibility: visible
}

.bx--menu--open:focus {
    outline: 1px solid var(--focus)
}

@media screen and (prefers-contrast) {
    .bx--menu--open:focus {
        outline-style: dotted
    }
}

.bx--menu--invisible {
    opacity: 0;
    pointer-events: none
}

.bx--menu-option {
    background-color: var(--ui-01);
    color: var(--text-01);
    cursor: pointer;
    height: 2rem;
    position: relative;
    -webkit-transition: background-color 70ms cubic-bezier(.2, 0, .38, .9);
    transition: background-color 70ms cubic-bezier(.2, 0, .38, .9)
}

.bx--menu-option:focus {
    outline: 2px solid var(--focus);
    outline-offset: -2px
}

@media screen and (prefers-contrast) {
    .bx--menu-option:focus {
        outline-style: dotted
    }
}

.bx--menu-option--active,
.bx--menu-option:hover {
    background-color: var(--hover-ui)
}

.bx--menu-option--danger:focus,
.bx--menu-option--danger:hover {
    background-color: var(--danger-01);
    color: var(--text-04)
}

.bx--menu-option>.bx--menu {
    margin-top: -.25rem
}

.bx--menu-option__content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 0 1rem
}

.bx--menu-option__content--disabled {
    background-color: var(--ui-01);
    color: var(--disabled-02);
    cursor: not-allowed
}

.bx--menu-option__content--disabled .bx--menu-option__icon,
.bx--menu-option__content--disabled .bx--menu-option__info,
.bx--menu-option__content--disabled .bx--menu-option__label {
    color: var(--disabled-02)
}

.bx--menu-option__content--indented .bx--menu-option__label {
    margin-left: 1rem
}

.bx--menu-option__label {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    font-size: .857rem;
    font-weight: 400;
    letter-spacing: .16px;
    line-height: 1.125rem;
    overflow: hidden;
    padding: .25rem 0;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bx--menu-option__info {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-left: 1rem
}

.bx--menu-option__icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 1rem;
    margin-right: .5rem;
    width: 1rem
}

.bx--menu-divider {
    background-color: var(--ui-03);
    height: 1px;
    margin: .25rem 0;
    width: 100%
}

.bx--menu--md .bx--menu-option {
    height: 2.5rem
}

.bx--menu--lg .bx--menu-option {
    height: 3rem
}

.bx--modal {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: var(--overlay-01);
    content: "";
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100vh;
    -webkit-justify-content: center;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    -webkit-transition: opacity .24s cubic-bezier(.4, .14, 1, 1), visibility 0ms linear .24s;
    transition: opacity .24s cubic-bezier(.4, .14, 1, 1), visibility 0ms linear .24s;
    visibility: hidden;
    width: 100vw;
    z-index: 9000
}

.bx--modal.is-visible {
    opacity: 1;
    -webkit-transition: opacity .24s cubic-bezier(0, 0, .3, 1), visibility 0ms linear;
    transition: opacity .24s cubic-bezier(0, 0, .3, 1), visibility 0ms linear;
    visibility: inherit
}

.bx--modal .bx--date-picker__input,
.bx--modal .bx--dropdown,
.bx--modal .bx--dropdown-list,
.bx--modal .bx--multi-select,
.bx--modal .bx--number input[type=number],
.bx--modal .bx--pagination,
.bx--modal .bx--pagination__control-buttons,
.bx--modal .bx--search-input,
.bx--modal .bx--select-input,
.bx--modal .bx--text-area,
.bx--modal .bx--text-input {
    background-color: var(--field-02)
}

.bx--modal.is-visible .bx--modal-container {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: -webkit-transform .24s cubic-bezier(0, 0, .3, 1);
    transition: -webkit-transform .24s cubic-bezier(0, 0, .3, 1);
    transition: transform .24s cubic-bezier(0, 0, .3, 1);
    transition: transform .24s cubic-bezier(0, 0, .3, 1), -webkit-transform .24s cubic-bezier(0, 0, .3, 1)
}

.bx--modal-container {
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: auto 1fr auto;
    height: 100%;
    max-height: 100%;
    outline: 3px solid transparent;
    outline-offset: -3px;
    overflow: hidden;
    position: fixed;
    top: 0;
    -webkit-transform: translate3d(0, -24px, 0);
    transform: translate3d(0, -24px, 0);
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-transition: -webkit-transform .24s cubic-bezier(.4, .14, 1, 1);
    transition: -webkit-transform .24s cubic-bezier(.4, .14, 1, 1);
    transition: transform .24s cubic-bezier(.4, .14, 1, 1);
    transition: transform .24s cubic-bezier(.4, .14, 1, 1), -webkit-transform .24s cubic-bezier(.4, .14, 1, 1);
    width: 100%
}

@media(min-width:42rem) {
    .bx--modal-container {
        height: auto;
        max-height: 90%;
        position: static;
        width: 84%
    }
}

@media(min-width:66rem) {
    .bx--modal-container {
        max-height: 84%;
        width: 60%
    }
}

@media(min-width:82rem) {
    .bx--modal-container {
        width: 48%
    }
}

.bx--modal-content {
    color: var(--text-01);
    font-size: .857rem;
    font-weight: 400;
    grid-column: 1/-1;
    grid-row: 2/-2;
    letter-spacing: .16px;
    line-height: 1.125rem;
    margin-bottom: 3rem;
    overflow-y: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: .5rem;
    position: relative
}

.bx--modal-content:focus {
    outline: 2px solid var(--focus);
    outline-offset: -2px
}

@media screen and (prefers-contrast) {
    .bx--modal-content:focus {
        outline-style: dotted
    }
}

.bx--modal-content__regular-content,
.bx--modal-content p {
    font-size: .857rem;
    font-weight: 400;
    letter-spacing: .16px;
    line-height: 1.125rem;
    padding-right: 20%
}

.bx--modal-content--with-form {
    padding-right: 1rem
}

.bx--modal-header {
    grid-column: 1/-1;
    grid-row: 1/1;
    margin-bottom: .5rem;
    padding-left: 1rem;
    padding-right: 3rem;
    padding-top: 1rem
}

.bx--modal-header__label {
    color: var(--text-02);
    font-size: .75rem;
    font-weight: 400;
    letter-spacing: .32px;
    line-height: 1rem;
    margin-bottom: .25rem
}

.bx--modal-container--xs .bx--modal-content__regular-content {
    padding-right: 1rem
}

.bx--modal-container--xs .bx--modal-content p {
    padding-right: 0
}

@media(min-width:42rem) {
    .bx--modal-container--xs {
        width: 48%
    }
}

@media(min-width:66rem) {
    .bx--modal-container--xs {
        max-height: 48%;
        width: 32%
    }
}

@media(min-width:82rem) {
    .bx--modal-container--xs {
        width: 24%
    }
}

.bx--modal-container--sm .bx--modal-content__regular-content {
    padding-right: 1rem
}

.bx--modal-container--sm .bx--modal-content p {
    padding-right: 0
}

@media(min-width:42rem) {
    .bx--modal-container--sm {
        width: 60%
    }
}

@media(min-width:66rem) {
    .bx--modal-container--sm {
        max-height: 72%;
        width: 42%
    }
    .bx--modal-container--sm .bx--modal-content__regular-content,
    .bx--modal-container--sm .bx--modal-content p {
        padding-right: 20%
    }
}

@media(min-width:82rem) {
    .bx--modal-container--sm {
        width: 36%
    }
}

@media(min-width:42rem) {
    .bx--modal-container--lg {
        width: 96%
    }
}

@media(min-width:66rem) {
    .bx--modal-container--lg {
        max-height: 96%;
        width: 84%
    }
}

@media(min-width:82rem) {
    .bx--modal-container--lg {
        width: 72%
    }
}

.bx--modal-scroll-content>:last-child {
    padding-bottom: 2rem
}

.bx--modal-content--overflow-indicator {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(var(--ui-01), 0)), to(var(--ui-01)));
    background-image: linear-gradient(to bottom, rgba(var(--ui-01), 0), var(--ui-01));
    bottom: 3rem;
    content: "";
    grid-column: 1/-1;
    grid-row: 2/-2;
    height: 2rem;
    left: 0;
    pointer-events: none;
    position: absolute;
    width: 100%
}

@media not all and (-webkit-min-device-pixel-ratio:0),
not all and (min-resolution:0.001dpcm) {
    @supports(-webkit-appearance: none) and (stroke-color:transparent) {
        .bx--modal-content--overflow-indicator {
            background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--ui-01), 0)), to(var(--ui-01)));
            background-image: linear-gradient(to bottom, rgba(var(--ui-01), 0), var(--ui-01))
        }
    }
}

.bx--modal-content:focus~.bx--modal-content--overflow-indicator {
    margin: 0 2px 2px;
    width: calc(100% - 4px)
}

@media screen and (-ms-high-contrast:active) {
    .bx--modal-scroll-content>:last-child {
        padding-bottom: 0
    }
    .bx--modal-content--overflow-indicator {
        display: none
    }
}

.bx--modal-footer {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    grid-column: 1/-1;
    grid-row: -1/-1;
    height: 4rem;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    margin-top: auto
}

.bx--modal-footer .bx--btn {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 50%;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
    height: 4rem;
    margin: 0;
    max-width: none;
    padding-bottom: 2rem;
    padding-top: 1rem
}

.bx--modal-footer--three-button .bx--btn {
    -webkit-box-flex: 0;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex: 0 1 25%;
    -ms-flex: 0 1 25%;
    flex: 0 1 25%
}

.bx--modal-close {
    background-color: transparent;
    border: 2px solid transparent;
    cursor: pointer;
    height: 3rem;
    overflow: hidden;
    padding: .75rem;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: background-color .11s cubic-bezier(.2, 0, .38, .9);
    transition: background-color .11s cubic-bezier(.2, 0, .38, .9);
    width: 3rem;
    z-index: 2
}

.bx--modal-close:hover {
    background-color: var(--hover-ui)
}

.bx--modal-close:focus {
    border-color: var(--focus);
    outline: none
}

.bx--modal-close::-moz-focus-inner {
    border: 0
}

.bx--modal-close__icon {
    fill: var(--icon-01);
    height: 1.25rem;
    width: 1.25rem
}

.bx--body--with-modal-open {
    overflow: hidden
}

.bx--body--with-modal-open .bx--overflow-menu-options,
.bx--body--with-modal-open .bx--tooltip {
    z-index: 9000
}

@media (forced-colors:active),
(prefers-contrast),
screen and (-ms-high-contrast:active) {
    .bx--modal-close__icon {
        fill: ButtonText
    }
    .bx--modal-close:focus {
        color: Highlight;
        outline: 1px solid Highlight
    }
}

.bx--multi-select .bx--tag {
    margin: 0 .5rem 0 0;
    min-width: auto
}

.bx--multi-select--filterable .bx--tag {
    margin: 0 .5rem 0 1rem
}

.bx--multi-select .bx--list-box__menu {
    min-width: auto
}

.bx--multi-select .bx--list-box__menu-item__option .bx--checkbox-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%
}

.bx--multi-select .bx--list-box__menu-item__option .bx--checkbox-label {
    display: inline-block;
    overflow: hidden;
    padding-left: 1.75rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.bx--multi-select .bx--list-box__menu-item__option>.bx--form-item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 0
}

.bx--multi-select .bx--list-box__menu-item .bx--checkbox:checked~.bx--checkbox-label-text {
    color: var(--text-01)
}

.bx--multi-select--filterable {
    -webkit-transition: outline-color 70ms cubic-bezier(.2, 0, .38, .9);
    transition: outline-color 70ms cubic-bezier(.2, 0, .38, .9)
}

.bx--multi-select--filterable.bx--combo-box .bx--text-input {
    background-clip: padding-box;
    border: .125rem solid transparent;
    outline: none
}

.bx--multi-select--filterable--input-focused {
    outline: 2px solid var(--focus);
    outline-offset: -2px
}

@media screen and (prefers-contrast) {
    .bx--multi-select--filterable--input-focused {
        outline-style: dotted
    }
}

.bx--multi-select--filterable.bx--multi-select--selected .bx--text-input {
    padding-left: 0
}

.bx--multi-select--filterable.bx--list-box--disabled:hover .bx--text-input {
    background-color: var(--field-01)
}

.bx--multi-select--filterable .bx--list-box__selection--multi {
    margin: 0 0 0 1rem
}

.bx--multi-select--filterable.bx--multi-select--inline,
.bx--multi-select--filterable.bx--multi-select--inline .bx--text-input {
    background-color: transparent;
    border-bottom: 0
}

.bx--inline-notification {
    color: var(--inverse-01);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: auto;
    margin-bottom: 1rem;
    margin-top: 1rem;
    max-width: 18rem;
    min-height: 3rem;
    min-width: 18rem;
    position: relative;
    width: 100%
}

@media(min-width:42rem) {
    .bx--inline-notification {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        max-width: 38rem
    }
}

@media(min-width:66rem) {
    .bx--inline-notification {
        max-width: 46rem
    }
}

@media(min-width:99rem) {
    .bx--inline-notification {
        max-width: 52rem
    }
}

.bx--inline-notification:not(.bx--inline-notification--low-contrast) a {
    color: var(--inverse-link)
}

.bx--inline-notification a {
    text-decoration: none
}

.bx--inline-notification a:hover {
    text-decoration: underline
}

.bx--inline-notification a:focus {
    outline: 1px solid var(--inverse-link)
}

.bx--inline-notification.bx--inline-notification--low-contrast a:focus {
    outline: 1px solid var(--focus)
}

@media screen and (prefers-contrast) {
    .bx--inline-notification.bx--inline-notification--low-contrast a:focus {
        outline-style: dotted
    }
}

.bx--inline-notification--low-contrast {
    color: var(--text-01)
}

.bx--inline-notification--low-contrast:before {
    border-style: solid;
    border-width: 1px 1px 1px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: "";
    -webkit-filter: opacity(.4);
    filter: opacity(.4);
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.bx--inline-notification--error {
    background: var(--inverse-02);
    border-left: 3px solid var(--inverse-support-01)
}

.bx--inline-notification--error .bx--actionable-notification__icon,
.bx--inline-notification--error .bx--inline-notification__icon,
.bx--inline-notification--error .bx--toast-notification__icon {
    fill: var(--inverse-support-01)
}

.bx--inline-notification--low-contrast.bx--inline-notification--error {
    background: #fff1f1;
    border-left: 3px solid var(--support-01)
}

.bx--inline-notification--low-contrast.bx--inline-notification--error .bx--actionable-notification__icon,
.bx--inline-notification--low-contrast.bx--inline-notification--error .bx--inline-notification__icon,
.bx--inline-notification--low-contrast.bx--inline-notification--error .bx--toast-notification__icon {
    fill: var(--support-01)
}

.bx--inline-notification--low-contrast.bx--inline-notification--error:before {
    border-color: var(--support-01)
}

.bx--inline-notification--success {
    background: var(--inverse-02);
    border-left: 3px solid var(--inverse-support-02)
}

.bx--inline-notification--success .bx--actionable-notification__icon,
.bx--inline-notification--success .bx--inline-notification__icon,
.bx--inline-notification--success .bx--toast-notification__icon {
    fill: var(--inverse-support-02)
}

.bx--inline-notification--low-contrast.bx--inline-notification--success {
    background: #defbe6;
    border-left: 3px solid var(--support-02)
}

.bx--inline-notification--low-contrast.bx--inline-notification--success .bx--actionable-notification__icon,
.bx--inline-notification--low-contrast.bx--inline-notification--success .bx--inline-notification__icon,
.bx--inline-notification--low-contrast.bx--inline-notification--success .bx--toast-notification__icon {
    fill: var(--support-02)
}

.bx--inline-notification--low-contrast.bx--inline-notification--success:before {
    border-color: var(--support-02)
}

.bx--inline-notification--info,
.bx--inline-notification--info-square {
    background: var(--inverse-02);
    border-left: 3px solid var(--inverse-support-04)
}

.bx--inline-notification--info-square .bx--actionable-notification__icon,
.bx--inline-notification--info-square .bx--inline-notification__icon,
.bx--inline-notification--info-square .bx--toast-notification__icon,
.bx--inline-notification--info .bx--actionable-notification__icon,
.bx--inline-notification--info .bx--inline-notification__icon,
.bx--inline-notification--info .bx--toast-notification__icon {
    fill: var(--inverse-support-04)
}

.bx--inline-notification--low-contrast.bx--inline-notification--info,
.bx--inline-notification--low-contrast.bx--inline-notification--info-square {
    background: #edf5ff;
    border-left: 3px solid var(--support-04)
}

.bx--inline-notification--low-contrast.bx--inline-notification--info-square .bx--actionable-notification__icon,
.bx--inline-notification--low-contrast.bx--inline-notification--info-square .bx--inline-notification__icon,
.bx--inline-notification--low-contrast.bx--inline-notification--info-square .bx--toast-notification__icon,
.bx--inline-notification--low-contrast.bx--inline-notification--info .bx--actionable-notification__icon,
.bx--inline-notification--low-contrast.bx--inline-notification--info .bx--inline-notification__icon,
.bx--inline-notification--low-contrast.bx--inline-notification--info .bx--toast-notification__icon {
    fill: var(--support-04)
}

.bx--inline-notification--low-contrast.bx--inline-notification--info-square:before,
.bx--inline-notification--low-contrast.bx--inline-notification--info:before {
    border-color: var(--support-04)
}

.bx--inline-notification--warning,
.bx--inline-notification--warning-alt {
    background: var(--inverse-02);
    border-left: 3px solid var(--inverse-support-03)
}

.bx--inline-notification--warning-alt .bx--actionable-notification__icon,
.bx--inline-notification--warning-alt .bx--inline-notification__icon,
.bx--inline-notification--warning-alt .bx--toast-notification__icon,
.bx--inline-notification--warning .bx--actionable-notification__icon,
.bx--inline-notification--warning .bx--inline-notification__icon,
.bx--inline-notification--warning .bx--toast-notification__icon {
    fill: var(--inverse-support-03)
}

.bx--inline-notification--low-contrast.bx--inline-notification--warning,
.bx--inline-notification--low-contrast.bx--inline-notification--warning-alt {
    background: #fdf6dd;
    border-left: 3px solid var(--support-03)
}

.bx--inline-notification--low-contrast.bx--inline-notification--warning-alt .bx--actionable-notification__icon,
.bx--inline-notification--low-contrast.bx--inline-notification--warning-alt .bx--inline-notification__icon,
.bx--inline-notification--low-contrast.bx--inline-notification--warning-alt .bx--toast-notification__icon,
.bx--inline-notification--low-contrast.bx--inline-notification--warning .bx--actionable-notification__icon,
.bx--inline-notification--low-contrast.bx--inline-notification--warning .bx--inline-notification__icon,
.bx--inline-notification--low-contrast.bx--inline-notification--warning .bx--toast-notification__icon {
    fill: var(--support-03)
}

.bx--inline-notification--low-contrast.bx--inline-notification--warning-alt:before,
.bx--inline-notification--low-contrast.bx--inline-notification--warning:before {
    border-color: var(--support-03)
}

.bx--inline-notification--warning .bx--inline-notification__icon path[opacity="0"] {
    fill: #000;
    opacity: 1
}

.bx--inline-notification__details {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    margin: 0 3rem 0 1rem
}

@media(min-width:42rem) {
    .bx--inline-notification__details {
        margin: 0 1rem
    }
}

.bx--inline-notification__icon {
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    margin-right: 1rem;
    margin-top: .875rem
}

.bx--inline-notification__text-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .9375rem 0
}

.bx--inline-notification__title {
    font-size: .875rem;
    font-weight: 600;
    letter-spacing: .16px;
    line-height: 1.125rem;
    margin: 0 .25rem 0 0
}

.bx--inline-notification__subtitle {
    font-size: .857rem;
    font-weight: 400;
    letter-spacing: .16px;
    line-height: 1.125rem;
    word-break: break-word
}

.bx--inline-notification__action-button.bx--btn--ghost {
    height: 2rem;
    margin-bottom: .5rem;
    margin-left: 2.5rem
}

@media(min-width:42rem) {
    .bx--inline-notification__action-button.bx--btn--ghost {
        margin: .5rem 0
    }
}

.bx--inline-notification:not(.bx--inline-notification--low-contrast) .bx--inline-notification__action-button.bx--btn--ghost {
    color: var(--inverse-link)
}

.bx--inline-notification__action-button.bx--btn--ghost:active,
.bx--inline-notification__action-button.bx--btn--ghost:hover {
    background-color: var(--inverse-hover-ui)
}

.bx--inline-notification--low-contrast .bx--inline-notification__action-button.bx--btn--ghost:active,
.bx--inline-notification--low-contrast .bx--inline-notification__action-button.bx--btn--ghost:hover {
    background-color: #fff
}

.bx--inline-notification__action-button.bx--btn--ghost:focus {
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 2px solid var(--inverse-focus-ui);
    outline-offset: -2px
}

.bx--inline-notification--low-contrast .bx--inline-notification__action-button.bx--btn--ghost:focus {
    outline-color: var(--focus)
}

.bx--inline-notification--hide-close-button .bx--inline-notification__action-button.bx--btn--ghost {
    margin-right: .5rem
}

.bx--inline-notification__close-button {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background: transparent;
    border: none;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 3rem;
    -webkit-justify-content: center;
    justify-content: center;
    max-width: 3rem;
    min-width: 3rem;
    outline: 2px solid transparent;
    outline-offset: -2px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: outline .11s cubic-bezier(.2, 0, .38, .9), background-color .11s cubic-bezier(.2, 0, .38, .9);
    transition: outline .11s cubic-bezier(.2, 0, .38, .9), background-color .11s cubic-bezier(.2, 0, .38, .9);
    width: 3rem
}

.bx--inline-notification__close-button:focus {
    outline: 2px solid var(--inverse-focus-ui);
    outline-offset: -2px
}

.bx--inline-notification__close-button .bx--inline-notification__close-icon {
    fill: var(--inverse-01)
}

@media(min-width:42rem) {
    .bx--inline-notification__close-button {
        position: static
    }
}

.bx--inline-notification--low-contrast .bx--inline-notification__close-button:focus {
    outline: 2px solid var(--focus);
    outline-offset: -2px
}

@media screen and (prefers-contrast) {
    .bx--inline-notification--low-contrast .bx--inline-notification__close-button:focus {
        outline-style: dotted
    }
}

.bx--inline-notification--low-contrast .bx--inline-notification__close-button .bx--inline-notification__close-icon {
    fill: var(--icon-01)
}

@media (forced-colors:active),
(prefers-contrast),
screen and (-ms-high-contrast:active) {
    .bx--inline-notification {
        outline: 1px solid transparent
    }
    .bx--btn.bx--btn--ghost.bx--inline-notification__action-button:focus,
    .bx--inline-notification__close-button:focus {
        color: Highlight;
        outline: 1px solid Highlight
    }
    .bx--inline-notification__icon {
        fill: ButtonText
    }
}

.bx--toast-notification {
    -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .2);
    color: var(--inverse-01);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    margin-bottom: .5rem;
    margin-right: 1rem;
    margin-top: .5rem;
    padding-left: 1rem;
    width: 18rem
}

.bx--toast-notification:first-child {
    margin-top: 1rem
}

@media(min-width:99rem) {
    .bx--toast-notification {
        width: 22rem
    }
}

.bx--toast-notification:not(.bx--toast-notification--low-contrast) a {
    color: var(--inverse-link)
}

.bx--toast-notification a {
    text-decoration: none
}

.bx--toast-notification a:hover {
    text-decoration: underline
}

.bx--toast-notification a:focus {
    outline: 1px solid var(--inverse-link)
}

.bx--toast-notification.bx--toast-notification--low-contrast a:focus {
    outline: 1px solid var(--focus)
}

@media screen and (prefers-contrast) {
    .bx--toast-notification.bx--toast-notification--low-contrast a:focus {
        outline-style: dotted
    }
}

.bx--toast-notification--low-contrast {
    color: var(--text-01)
}

.bx--toast-notification--error {
    background: var(--inverse-02);
    border-left: 3px solid var(--inverse-support-01)
}

.bx--toast-notification--error .bx--actionable-notification__icon,
.bx--toast-notification--error .bx--inline-notification__icon,
.bx--toast-notification--error .bx--toast-notification__icon {
    fill: var(--inverse-support-01)
}

.bx--toast-notification--low-contrast.bx--toast-notification--error {
    background: #fff1f1;
    border-left: 3px solid var(--support-01)
}

.bx--toast-notification--low-contrast.bx--toast-notification--error .bx--actionable-notification__icon,
.bx--toast-notification--low-contrast.bx--toast-notification--error .bx--inline-notification__icon,
.bx--toast-notification--low-contrast.bx--toast-notification--error .bx--toast-notification__icon {
    fill: var(--support-01)
}

.bx--toast-notification--success {
    background: var(--inverse-02);
    border-left: 3px solid var(--inverse-support-02)
}

.bx--toast-notification--success .bx--actionable-notification__icon,
.bx--toast-notification--success .bx--inline-notification__icon,
.bx--toast-notification--success .bx--toast-notification__icon {
    fill: var(--inverse-support-02)
}

.bx--toast-notification--low-contrast.bx--toast-notification--success {
    background: #defbe6;
    border-left: 3px solid var(--support-02)
}

.bx--toast-notification--low-contrast.bx--toast-notification--success .bx--actionable-notification__icon,
.bx--toast-notification--low-contrast.bx--toast-notification--success .bx--inline-notification__icon,
.bx--toast-notification--low-contrast.bx--toast-notification--success .bx--toast-notification__icon {
    fill: var(--support-02)
}

.bx--toast-notification--info,
.bx--toast-notification--info-square {
    background: var(--inverse-02);
    border-left: 3px solid var(--inverse-support-04)
}

.bx--toast-notification--info-square .bx--actionable-notification__icon,
.bx--toast-notification--info-square .bx--inline-notification__icon,
.bx--toast-notification--info-square .bx--toast-notification__icon,
.bx--toast-notification--info .bx--actionable-notification__icon,
.bx--toast-notification--info .bx--inline-notification__icon,
.bx--toast-notification--info .bx--toast-notification__icon {
    fill: var(--inverse-support-04)
}

.bx--toast-notification--low-contrast.bx--toast-notification--info,
.bx--toast-notification--low-contrast.bx--toast-notification--info-square {
    background: #edf5ff;
    border-left: 3px solid var(--support-04)
}

.bx--toast-notification--low-contrast.bx--toast-notification--info-square .bx--actionable-notification__icon,
.bx--toast-notification--low-contrast.bx--toast-notification--info-square .bx--inline-notification__icon,
.bx--toast-notification--low-contrast.bx--toast-notification--info-square .bx--toast-notification__icon,
.bx--toast-notification--low-contrast.bx--toast-notification--info .bx--actionable-notification__icon,
.bx--toast-notification--low-contrast.bx--toast-notification--info .bx--inline-notification__icon,
.bx--toast-notification--low-contrast.bx--toast-notification--info .bx--toast-notification__icon {
    fill: var(--support-04)
}

.bx--toast-notification--warning,
.bx--toast-notification--warning-alt {
    background: var(--inverse-02);
    border-left: 3px solid var(--inverse-support-03)
}

.bx--toast-notification--warning-alt .bx--actionable-notification__icon,
.bx--toast-notification--warning-alt .bx--inline-notification__icon,
.bx--toast-notification--warning-alt .bx--toast-notification__icon,
.bx--toast-notification--warning .bx--actionable-notification__icon,
.bx--toast-notification--warning .bx--inline-notification__icon,
.bx--toast-notification--warning .bx--toast-notification__icon {
    fill: var(--inverse-support-03)
}

.bx--toast-notification--low-contrast.bx--toast-notification--warning,
.bx--toast-notification--low-contrast.bx--toast-notification--warning-alt {
    background: #fdf6dd;
    border-left: 3px solid var(--support-03)
}

.bx--toast-notification--low-contrast.bx--toast-notification--warning-alt .bx--actionable-notification__icon,
.bx--toast-notification--low-contrast.bx--toast-notification--warning-alt .bx--inline-notification__icon,
.bx--toast-notification--low-contrast.bx--toast-notification--warning-alt .bx--toast-notification__icon,
.bx--toast-notification--low-contrast.bx--toast-notification--warning .bx--actionable-notification__icon,
.bx--toast-notification--low-contrast.bx--toast-notification--warning .bx--inline-notification__icon,
.bx--toast-notification--low-contrast.bx--toast-notification--warning .bx--toast-notification__icon {
    fill: var(--support-03)
}

.bx--toast-notification--warning .bx--toast-notification__icon path[opacity="0"] {
    fill: #000;
    opacity: 1
}

.bx--toast-notification__icon {
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    margin-right: 1rem;
    margin-top: 1rem
}

.bx--toast-notification__details {
    margin-right: 1rem
}

.bx--toast-notification__close-button {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 3rem;
    -webkit-justify-content: center;
    justify-content: center;
    margin-left: auto;
    min-height: 3rem;
    min-width: 3rem;
    outline: 2px solid transparent;
    outline-offset: -2px;
    padding: 0;
    -webkit-transition: outline .11s, background-color .11s;
    transition: outline .11s, background-color .11s;
    width: 3rem
}

.bx--toast-notification__close-button:focus {
    outline: 2px solid var(--inverse-focus-ui);
    outline-offset: -2px
}

.bx--toast-notification__close-button .bx--toast-notification__close-icon {
    fill: var(--inverse-01)
}

.bx--toast-notification--low-contrast .bx--toast-notification__close-button:focus {
    outline: 2px solid var(--focus);
    outline-offset: -2px
}

@media screen and (prefers-contrast) {
    .bx--toast-notification--low-contrast .bx--toast-notification__close-button:focus {
        outline-style: dotted
    }
}

.bx--toast-notification--low-contrast .bx--toast-notification__close-button .bx--toast-notification__close-icon {
    fill: var(--icon-01)
}

.bx--toast-notification__title {
    font-size: .875rem;
    font-weight: 600;
    letter-spacing: .16px;
    line-height: 1.125rem;
    margin-top: 1rem;
    word-break: break-word
}

.bx--toast-notification__subtitle {
    color: var(--inverse-01);
    font-size: .857rem;
    font-weight: 400;
    letter-spacing: .16px;
    line-height: 1.125rem;
    margin-bottom: 1rem;
    margin-top: 0;
    word-break: break-word
}

.bx--toast-notification--low-contrast .bx--toast-notification__subtitle {
    color: var(--text-01)
}

.bx--toast-notification__caption {
    color: var(--inverse-01);
    font-size: .857rem;
    font-weight: 400;
    letter-spacing: .16px;
    line-height: 1.125rem;
    margin-bottom: 1rem;
    padding-top: .5rem
}

.bx--toast-notification--low-contrast .bx--toast-notification__caption {
    color: var(--text-01)
}

@media (forced-colors:active),
(prefers-contrast),
screen and (-ms-high-contrast:active) {
    .bx--toast-notification {
        outline: 1px solid transparent
    }
    .bx--toast-notification__close-button:focus {
        color: Highlight;
        outline: 1px solid Highlight
    }
    .bx--toast-notification__icon {
        fill: ButtonText
    }
}

.bx--number {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    width: 100%
}

.bx--number input[type=number] {
    -moz-appearance: textfield;
    background-color: var(--field-01);
    border: 0;
    border-bottom: .0625rem solid var(--ui-04);
    border-radius: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--text-01);
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: Lucida Console, Courier New, sans-serif, serif, monospace;
    font-size: .857rem;
    font-weight: 400;
    font-weight: 300;
    height: 2.5rem;
    letter-spacing: .16px;
    line-height: 1.125rem;
    min-width: 9.375rem;
    outline: 2px solid transparent;
    outline-offset: -2px;
    padding-left: 1rem;
    padding-right: 8rem;
    -webkit-transition: background-color 70ms cubic-bezier(.2, 0, .38, .9), outline 70ms cubic-bezier(.2, 0, .38, .9);
    transition: background-color 70ms cubic-bezier(.2, 0, .38, .9), outline 70ms cubic-bezier(.2, 0, .38, .9);
    width: 100%
}

.bx--number input[type=number]:focus {
    outline: 2px solid var(--focus);
    outline-offset: -2px
}

@media screen and (prefers-contrast) {
    .bx--number input[type=number]:focus {
        outline-style: dotted
    }
}

.bx--number input[type=number]:disabled~.bx--number__controls {
    cursor: not-allowed;
    pointer-events: none
}

.bx--number input[type=number]:disabled~.bx--number__controls svg {
    fill: var(--disabled-02)
}

.bx--number input[type=number]::-ms-clear {
    display: none
}

.bx--number input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    appearance: none
}

.bx--number--lg.bx--number input[type=number],
.bx--number--xl.bx--number input[type=number] {
    padding-right: 9rem
}

.bx--number--sm.bx--number input[type=number] {
    padding-right: 7rem
}

.bx--number input[type=number]:disabled {
    background-color: var(--disabled-01);
    border-bottom-color: transparent;
    color: var(--disabled-02);
    cursor: not-allowed
}

.bx--number__input-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.bx--number__controls {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 5rem
}

.bx--number__control-btn,
.bx--number__controls {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center
}

.bx--number__control-btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: 0;
    border-bottom: .0625rem solid var(--ui-04);
    color: var(--icon-01);
    cursor: pointer;
    display: inline-block;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 0;
    position: relative;
    width: 100%
}

.bx--number__control-btn::-moz-focus-inner {
    border: 0
}

.bx--number__control-btn:after,
.bx--number__control-btn:before {
    background-color: var(--field-01);
    content: "";
    display: block;
    height: 2.25rem;
    position: absolute;
    top: .125rem;
    width: .125rem
}

.bx--number__control-btn:before {
    left: 0
}

.bx--number__control-btn:after {
    right: 0
}

.bx--number__control-btn svg {
    fill: currentColor
}

.bx--number__control-btn:focus {
    color: var(--icon-01);
    outline: 1px solid var(--focus);
    outline-offset: -2px;
    outline-width: 2px
}

@media screen and (prefers-contrast) {
    .bx--number__control-btn:focus {
        outline-style: dotted
    }
}

.bx--number__control-btn:hover {
    color: var(--icon-01);
    cursor: pointer
}

.bx--number__control-btn:hover,
.bx--number__control-btn:hover:after,
.bx--number__control-btn:hover:before {
    background-color: var(--hover-ui)
}

.bx--number__control-btn:focus:after,
.bx--number__control-btn:focus:before,
.bx--number__control-btn:hover:focus:after,
.bx--number__control-btn:hover:focus:before {
    background-color: transparent
}

.bx--number__control-btn:disabled {
    border-bottom-color: transparent;
    color: var(--disabled-02);
    cursor: not-allowed
}

.bx--number__control-btn.down-icon {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1
}

.bx--number__control-btn.up-icon {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2
}

.bx--number input[type=number]:focus~.bx--number__controls .bx--number__control-btn {
    border-bottom-width: 0
}

.bx--number input[type=number]:focus~.bx--number__controls .bx--number__control-btn:hover {
    border: 0;
    outline: 2px solid var(--focus);
    outline-offset: -2px
}

@media screen and (prefers-contrast) {
    .bx--number input[type=number]:focus~.bx--number__controls .bx--number__control-btn:hover {
        outline-style: dotted
    }
}

.bx--number input[type=number][data-invalid]~.bx--number__controls .bx--number__control-btn {
    border-bottom-width: 0
}

.bx--number input[type=number][data-invalid]:not(:focus)~.bx--number__controls .bx--number__control-btn:hover {
    outline: 2px solid var(--support-01);
    outline-offset: -2px
}

@media screen and (prefers-contrast) {
    .bx--number input[type=number][data-invalid]:not(:focus)~.bx--number__controls .bx--number__control-btn:hover {
        outline-style: dotted
    }
}

.bx--number input[type=number]:focus~.bx--number__controls .bx--number__control-btn.up-icon:after {
    background-color: transparent
}

.bx--number input[type=number][data-invalid]~.bx--number__controls .bx--number__control-btn.up-icon:after {
    background-color: var(--support-01)
}

.bx--number input[type=number][data-invalid]:focus~.bx--number__controls .bx--number__control-btn.up-icon:after,
.bx--number input[type=number][data-invalid]~.bx--number__controls .bx--number__control-btn.up-icon:focus:after {
    background-color: var(--focus)
}

.bx--number__rule-divider {
    background-color: var(--ui-03);
    height: 1rem;
    position: absolute;
    width: .0625rem;
    z-index: 6000
}

.bx--number__rule-divider:first-of-type {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    -webkit-order: 0;
    order: 0
}

.bx--number__controls .bx--number__rule-divider:first-of-type {
    background-color: transparent;
    left: 0
}

.bx--number__invalid+.bx--number__controls .bx--number__rule-divider:first-of-type {
    background-color: var(--ui-03)
}

.bx--number--light .bx--number__invalid+.bx--number__controls .bx--number__rule-divider:first-of-type,
.bx--number--light .bx--number__rule-divider {
    background-color: var(--decorative-01)
}

.bx--number input[type=number]:disabled+.bx--number__controls .bx--number__rule-divider:first-of-type {
    background-color: transparent
}

.bx--number input[type=number]:disabled+.bx--number__controls .bx--number__rule-divider {
    background-color: var(--disabled-02)
}

.bx--number__control-btn:focus~.bx--number__rule-divider {
    background-color: transparent
}

.bx--number__invalid {
    fill: var(--support-01);
    position: absolute;
    right: 6rem
}

.bx--number--lg .bx--number__invalid,
.bx--number--xl .bx--number__invalid {
    right: 7rem
}

.bx--number--sm .bx--number__invalid {
    right: 5rem
}

.bx--number__invalid+.bx--number__rule-divider {
    position: absolute;
    right: 5rem
}

.bx--number--lg .bx--number__invalid+.bx--number__rule-divider,
.bx--number--xl .bx--number__invalid+.bx--number__rule-divider {
    right: 6rem
}

.bx--number--sm .bx--number__invalid+.bx--number__rule-divider {
    right: 4rem
}

.bx--number__control-btn.down-icon:focus~.bx--number__rule-divider,
.bx--number__control-btn.down-icon:hover~.bx--number__rule-divider,
.bx--number__control-btn.up-icon:focus+.bx--number__rule-divider,
.bx--number__control-btn.up-icon:hover+.bx--number__rule-divider {
    background-color: transparent
}

.bx--number__invalid--warning {
    fill: var(--support-03)
}

.bx--number__invalid--warning path:first-of-type {
    fill: #000;
    opacity: 1
}

.bx--number--light .bx--number__control-btn:after,
.bx--number--light .bx--number__control-btn:before,
.bx--number--light input[type=number],
.bx--number--light input[type=number]:disabled {
    background-color: var(--field-02)
}

.bx--number--light .bx--number__control-btn:focus:after,
.bx--number--light .bx--number__control-btn:focus:before {
    background-color: transparent
}

.bx--number--light .bx--number__control-btn:hover,
.bx--number--light .bx--number__control-btn:not(:focus):hover:after,
.bx--number--light .bx--number__control-btn:not(:focus):hover:before {
    background-color: var(--hover-light-ui)
}

.bx--number--lg input[type=number],
.bx--number--xl input[type=number] {
    height: 3rem
}

.bx--number--lg .bx--number__controls,
.bx--number--xl .bx--number__controls {
    width: 6rem
}

.bx--number--lg .bx--number__control-btn,
.bx--number--xl .bx--number__control-btn {
    width: 3rem
}

.bx--number--lg .bx--number__control-btn:after,
.bx--number--lg .bx--number__control-btn:before,
.bx--number--xl .bx--number__control-btn:after,
.bx--number--xl .bx--number__control-btn:before {
    height: 2.75rem
}

.bx--number--sm input[type=number] {
    height: 2rem
}

.bx--number--sm .bx--number__controls {
    width: 4rem
}

.bx--number--sm .bx--number__control-btn {
    width: 2rem
}

.bx--number--sm .bx--number__control-btn:after,
.bx--number--sm .bx--number__control-btn:before {
    height: 1.75rem
}

.bx--number--nolabel .bx--label+.bx--form__helper-text {
    margin-top: 0
}

.bx--number--nosteppers input[type=number] {
    padding-right: 3rem
}

.bx--number--nosteppers .bx--number__invalid {
    right: 1rem
}

.bx--number--readonly input[type=number] {
    background: transparent
}

.bx--number--readonly .bx--number__controls {
    display: none
}

.bx--number__readonly-icon {
    position: absolute;
    right: 1rem
}

.bx--number.bx--skeleton {
    background: var(--skeleton-01);
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 2.5rem;
    padding: 0;
    pointer-events: none;
    position: relative;
    width: 100%
}

.bx--number.bx--skeleton:active,
.bx--number.bx--skeleton:focus,
.bx--number.bx--skeleton:hover {
    border: none;
    cursor: default;
    outline: none
}

.bx--number.bx--skeleton:before {
    -webkit-animation: skeleton 3s ease-in-out infinite;
    animation: skeleton 3s ease-in-out infinite;
    background: var(--skeleton-02);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    will-change: transform-origin, transform, opacity
}

@media(prefers-reduced-motion:reduce) {
    .bx--number.bx--skeleton:before {
        -webkit-animation: none;
        animation: none
    }
}

.bx--number.bx--skeleton input[type=number] {
    display: none
}

@media (forced-colors:active),
(prefers-contrast),
screen and (-ms-high-contrast:active) {
    .bx--number__control-btn:focus,
    .bx--number__control-btn:hover {
        color: Highlight;
        outline: 1px solid Highlight
    }
    .bx--number__control-btn {
        outline: 1px solid transparent
    }
    .bx--number__control-btn svg {
        fill: ButtonText
    }
}

.bx--overflow-menu,
.bx--overflow-menu__trigger {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: 0;
    cursor: pointer;
    display: inline-block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 2.5rem;
    -webkit-justify-content: center;
    justify-content: center;
    outline: 2px solid transparent;
    outline-offset: -2px;
    padding: 0;
    position: relative;
    -webkit-transition: outline .11s cubic-bezier(0, 0, .38, .9), background-color .11s cubic-bezier(0, 0, .38, .9);
    transition: outline .11s cubic-bezier(0, 0, .38, .9), background-color .11s cubic-bezier(0, 0, .38, .9);
    width: 100%;
    width: 2.5rem
}

.bx--overflow-menu::-moz-focus-inner,
.bx--overflow-menu__trigger::-moz-focus-inner {
    border: 0
}

.bx--overflow-menu:focus,
.bx--overflow-menu__trigger:focus {
    outline: 2px solid var(--focus);
    outline-offset: -2px
}

@media screen and (prefers-contrast) {
    .bx--overflow-menu:focus,
    .bx--overflow-menu__trigger:focus {
        outline-style: dotted
    }
}

.bx--overflow-menu:hover,
.bx--overflow-menu__trigger:hover {
    background-color: var(--hover-ui)
}

.bx--overflow-menu--sm {
    height: 2rem;
    width: 2rem
}

.bx--overflow-menu--lg,
.bx--overflow-menu--xl {
    height: 3rem;
    width: 3rem
}

.bx--overflow-menu__trigger.bx--tooltip--a11y.bx--tooltip__trigger:focus {
    outline: 2px solid var(--focus);
    outline-offset: -2px
}

@media screen and (prefers-contrast) {
    .bx--overflow-menu__trigger.bx--tooltip--a11y.bx--tooltip__trigger:focus {
        outline-style: dotted
    }
}

.bx--overflow-menu__trigger.bx--tooltip--a11y.bx--tooltip__trigger:focus svg {
    outline: none
}

.bx--overflow-menu.bx--overflow-menu--open,
.bx--overflow-menu.bx--overflow-menu--open .bx--overflow-menu__trigger {
    background-color: var(--field-01);
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
    -webkit-transition: none;
    transition: none
}

.bx--overflow-menu--light.bx--overflow-menu--open,
.bx--overflow-menu--light.bx--overflow-menu--open .bx--overflow-menu__trigger {
    background-color: var(--field-02)
}

.bx--overflow-menu__icon {
    fill: var(--icon-01);
    height: 1rem;
    width: 1rem
}

.bx--overflow-menu-options {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    background-color: var(--field-01);
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
    display: none;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    left: 0;
    list-style: none;
    position: absolute;
    top: 32px;
    width: 10rem;
    z-index: 6000
}

.bx--overflow-menu-options:after {
    background-color: var(--field-01);
    content: "";
    display: block;
    position: absolute;
    -webkit-transition: background-color .11s cubic-bezier(0, 0, .38, .9);
    transition: background-color .11s cubic-bezier(0, 0, .38, .9)
}

.bx--overflow-menu.bx--overflow-menu--open:hover {
    background-color: var(--field-01)
}

.bx--overflow-menu-options--light,
.bx--overflow-menu-options--light:after,
.bx--overflow-menu.bx--overflow-menu--light.bx--overflow-menu--open:hover {
    background-color: var(--field-02)
}

.bx--overflow-menu-options[data-floating-menu-direction=bottom]:after {
    height: .1875rem;
    left: 0;
    top: -.1875rem;
    width: 2.5rem
}

.bx--overflow-menu-options[data-floating-menu-direction=top]:after {
    bottom: -.5rem;
    height: .5rem;
    left: 0;
    width: 2.5rem
}

.bx--overflow-menu-options[data-floating-menu-direction=left]:after {
    height: 2.5rem;
    right: -.375rem;
    top: 0;
    width: .375rem
}

.bx--overflow-menu-options[data-floating-menu-direction=right]:after {
    height: 2.5rem;
    left: -.375rem;
    top: 0;
    width: .375rem
}

.bx--overflow-menu-options--sm.bx--overflow-menu-options[data-floating-menu-direction=bottom]:after,
.bx--overflow-menu-options--sm.bx--overflow-menu-options[data-floating-menu-direction=top]:after {
    width: 2rem
}

.bx--overflow-menu-options--sm.bx--overflow-menu-options[data-floating-menu-direction=left]:after,
.bx--overflow-menu-options--sm.bx--overflow-menu-options[data-floating-menu-direction=right]:after {
    height: 2rem
}

.bx--overflow-menu-options--lg.bx--overflow-menu-options[data-floating-menu-direction=bottom]:after,
.bx--overflow-menu-options--lg.bx--overflow-menu-options[data-floating-menu-direction=top]:after,
.bx--overflow-menu-options--xl.bx--overflow-menu-options[data-floating-menu-direction=bottom]:after,
.bx--overflow-menu-options--xl.bx--overflow-menu-options[data-floating-menu-direction=top]:after {
    width: 3rem
}

.bx--overflow-menu-options--lg.bx--overflow-menu-options[data-floating-menu-direction=left]:after,
.bx--overflow-menu-options--lg.bx--overflow-menu-options[data-floating-menu-direction=right]:after,
.bx--overflow-menu-options--xl.bx--overflow-menu-options[data-floating-menu-direction=left]:after,
.bx--overflow-menu-options--xl.bx--overflow-menu-options[data-floating-menu-direction=right]:after {
    height: 3rem
}

.bx--overflow-menu--flip.bx--overflow-menu-options[data-floating-menu-direction=bottom]:after,
.bx--overflow-menu--flip.bx--overflow-menu-options[data-floating-menu-direction=top]:after {
    left: auto;
    right: 0
}

.bx--overflow-menu--flip.bx--overflow-menu-options[data-floating-menu-direction=left]:after,
.bx--overflow-menu--flip.bx--overflow-menu-options[data-floating-menu-direction=right]:after {
    bottom: 0;
    top: auto
}

.bx--overflow-menu-options--open {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.bx--overflow-menu-options__content {
    width: 100%
}

.bx--overflow-menu-options__option {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 2.5rem;
    padding: 0;
    -webkit-transition: background-color .11s cubic-bezier(0, 0, .38, .9);
    transition: background-color .11s cubic-bezier(0, 0, .38, .9);
    width: 100%
}

.bx--overflow-menu-options--sm .bx--overflow-menu-options__option {
    height: 2rem
}

.bx--overflow-menu-options--lg .bx--overflow-menu-options__option,
.bx--overflow-menu-options--xl .bx--overflow-menu-options__option {
    height: 3rem
}

.bx--overflow-menu--divider {
    border-top: 1px solid var(--ui-03)
}

.bx--overflow-menu--light .bx--overflow-menu--divider {
    border-top: 1px solid var(--decorative-01)
}

a.bx--overflow-menu-options__btn:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.bx--overflow-menu-options__btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: transparent;
    border: none;
    color: var(--text-02);
    cursor: pointer;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: .857rem;
    font-weight: 400;
    height: 100%;
    letter-spacing: .16px;
    line-height: 1.125rem;
    max-width: 11.25rem;
    outline: 2px solid transparent;
    outline-offset: -2px;
    padding: 0 1rem;
    text-align: left;
    -webkit-transition: outline .11s cubic-bezier(0, 0, .38, .9), background-color .11s cubic-bezier(0, 0, .38, .9), color .11s cubic-bezier(0, 0, .38, .9);
    transition: outline .11s cubic-bezier(0, 0, .38, .9), background-color .11s cubic-bezier(0, 0, .38, .9), color .11s cubic-bezier(0, 0, .38, .9);
    width: 100%
}

.bx--overflow-menu-options__btn:hover {
    color: var(--text-01)
}

.bx--overflow-menu-options__btn:focus {
    outline: 2px solid var(--focus);
    outline-offset: -2px
}

@media screen and (prefers-contrast) {
    .bx--overflow-menu-options__btn:focus {
        outline-style: dotted
    }
}

.bx--overflow-menu-options__btn::-moz-focus-inner {
    border: none
}

.bx--overflow-menu-options__btn svg {
    fill: var(--icon-02)
}

.bx--overflow-menu-options__btn:hover svg {
    fill: var(--icon-01)
}

.bx--overflow-menu-options__option-content {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bx--overflow-menu-options__option:hover {
    background-color: var(--hover-ui)
}

.bx--overflow-menu-options__option--danger .bx--overflow-menu-options__btn:focus,
.bx--overflow-menu-options__option--danger .bx--overflow-menu-options__btn:hover {
    background-color: var(--danger-01);
    color: var(--text-04)
}

.bx--overflow-menu-options__option--danger .bx--overflow-menu-options__btn:focus svg,
.bx--overflow-menu-options__option--danger .bx--overflow-menu-options__btn:hover svg {
    fill: currentColor
}

.bx--overflow-menu-options__option--disabled:hover {
    background-color: var(--ui-01);
    cursor: not-allowed
}

.bx--overflow-menu-options__option--disabled .bx--overflow-menu-options__btn {
    color: var(--disabled-02);
    pointer-events: none
}

.bx--overflow-menu-options__option--disabled .bx--overflow-menu-options__btn:active,
.bx--overflow-menu-options__option--disabled .bx--overflow-menu-options__btn:focus,
.bx--overflow-menu-options__option--disabled .bx--overflow-menu-options__btn:hover {
    background-color: var(--ui-01);
    outline: 2px solid transparent;
    outline-offset: -2px
}

.bx--overflow-menu-options__option--disabled .bx--overflow-menu-options__btn svg {
    fill: var(--disabled-02)
}

.bx--overflow-menu--flip {
    left: -140px
}

.bx--overflow-menu--flip:before {
    left: 145px
}

.bx--overflow-menu__container {
    display: inline-block
}

@media (forced-colors:active),
(prefers-contrast),
screen and (-ms-high-contrast:active) {
    .bx--overflow-menu-options__btn:focus,
    .bx--overflow-menu:focus {
        color: Highlight;
        outline: 1px solid Highlight
    }
    .bx--overflow-menu svg {
        fill: ButtonText
    }
}

.bx--pagination-nav {
    font-size: .857rem;
    font-weight: 400;
    letter-spacing: .16px;
    line-height: 1.125rem;
    line-height: 0
}

.bx--pagination-nav__list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    list-style: none
}

.bx--pagination-nav__list-item {
    padding: 0
}

.bx--pagination-nav__list-item:first-child {
    padding-left: 0
}

.bx--pagination-nav__list-item:last-child {
    padding-right: 0
}

.bx--pagination-nav__page {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: 0;
    border-radius: 0;
    color: var(--text-02);
    cursor: pointer;
    display: inline-block;
    display: block;
    font-size: .857rem;
    font-weight: 400;
    letter-spacing: .16px;
    line-height: 1.125rem;
    line-height: 1;
    min-width: 3rem;
    outline: 0;
    padding: 1.0625rem .25rem;
    position: relative;
    text-align: center;
    text-decoration: none;
    -webkit-transition: background-color .11s cubic-bezier(.2, 0, .38, .9), color .11s cubic-bezier(.2, 0, .38, .9);
    transition: background-color .11s cubic-bezier(.2, 0, .38, .9), color .11s cubic-bezier(.2, 0, .38, .9);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.bx--pagination-nav__page::-moz-focus-inner {
    border: 0
}

.bx--pagination-nav__page:hover {
    background-color: var(--hover-ui);
    color: var(--text-02)
}

.bx--pagination-nav__page:focus {
    outline: 2px solid var(--focus);
    outline-offset: -2px
}

@media screen and (prefers-contrast) {
    .bx--pagination-nav__page:focus {
        outline-style: dotted
    }
}

.bx--pagination-nav__page.bx--pagination-nav__page--disabled,
.bx--pagination-nav__page:disabled {
    background: none;
    color: rgba(var(--text-02), .5);
    outline: none;
    pointer-events: none
}

.bx--pagination-nav__page:not(.bx--pagination-nav__page--direction):after {
    background-color: var(--interactive-01);
    bottom: 0;
    content: "";
    display: block;
    height: .25rem;
    left: 50%;
    opacity: 0;
    position: absolute;
    -webkit-transition: width .11s cubic-bezier(.2, 0, .38, .9);
    transition: width .11s cubic-bezier(.2, 0, .38, .9);
    width: 0
}

.bx--pagination-nav__page--active+.bx--pagination-nav__page:after,
.bx--pagination-nav__page.bx--pagination-nav__page--active:after {
    left: calc(50% - .5rem);
    opacity: 1;
    width: 1rem
}

.bx--pagination-nav__page.bx--pagination-nav__page--active {
    background-color: initial;
    color: var(--text-02);
    font-weight: 600
}

.bx--pagination-nav__page .bx--pagination-nav__icon {
    fill: currentColor;
    pointer-events: none
}

.bx--pagination-nav__page--direction {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 3rem;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: 0;
    width: 3rem
}

.bx--pagination-nav__select {
    position: relative
}

.bx--pagination-nav__page--select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    max-height: 3rem;
    text-indent: calc(50% - 4.5px)
}

@-moz-document url-prefix() {
    .bx--pagination-nav__page--select {
        text-indent: 0
    }
}

.bx--pagination-nav__select-icon-wrapper {
    height: 100%;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.bx--pagination-nav__select-icon-wrapper:not(.bx--pagination-nav__page--direction):after {
    background-color: var(--interactive-01);
    bottom: 0;
    content: "";
    display: block;
    height: .25rem;
    left: 50%;
    opacity: 0;
    position: absolute;
    -webkit-transition: width .11s cubic-bezier(.2, 0, .38, .9);
    transition: width .11s cubic-bezier(.2, 0, .38, .9);
    width: 0
}

.bx--pagination-nav__page--active+.bx--pagination-nav__select-icon-wrapper:after,
.bx--pagination-nav__select-icon-wrapper.bx--pagination-nav__page--active:after {
    left: calc(50% - .5rem);
    opacity: 1;
    width: 1rem
}

.bx--pagination-nav__page--active+.bx--pagination-nav__select-icon-wrapper .bx--pagination-nav__select-icon {
    display: none
}

.bx--pagination-nav__select-icon {
    left: calc(50% - .5rem);
    pointer-events: none;
    position: absolute;
    top: calc(50% - .5rem)
}

.bx--pagination-nav__accessibility-label {
    clip: rect(0, 0, 0, 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    visibility: inherit;
    white-space: nowrap;
    width: 1px
}

.bx--select {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.bx--select,
.bx--select-input__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 100%
}

.bx--select-input__wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.bx--select-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--field-01);
    border: none;
    border-bottom: 1px solid var(--ui-04);
    border-radius: 0;
    color: var(--text-01);
    cursor: pointer;
    display: block;
    font-size: .857rem;
    font-weight: 400;
    height: 2.5rem;
    letter-spacing: .16px;
    line-height: 1.125rem;
    opacity: 1;
    outline: 2px solid transparent;
    outline-offset: -2px;
    padding: 0 3rem 0 1rem;
    -webkit-transition: outline 70ms cubic-bezier(.2, 0, .38, .9);
    transition: outline 70ms cubic-bezier(.2, 0, .38, .9);
    width: 100%
}

.bx--select-input:hover {
    background-color: var(--hover-ui)
}

.bx--select-input::-ms-expand {
    display: none
}

@-moz-document url-prefix() {
    .bx--select-input:-moz-focusring,
    .bx--select-input::-moz-focus-inner {
        background-image: none;
        color: transparent;
        text-shadow: 0 0 0 #000
    }
}

.bx--select-input:focus {
    color: var(--text-01);
    outline: 2px solid var(--focus);
    outline-offset: -2px
}

@media screen and (prefers-contrast) {
    .bx--select-input:focus {
        outline-style: dotted
    }
}

.bx--select-input:disabled,
.bx--select-input:hover:disabled {
    background-color: var(--disabled-01);
    border-bottom-color: var(--disabled-01);
    color: var(--disabled-02);
    cursor: not-allowed
}

.bx--select-input--sm {
    height: 2rem;
    max-height: 2rem
}

.bx--select-input--lg,
.bx--select-input--xl {
    height: 3rem;
    max-height: 3rem
}

.bx--select--disabled .bx--form__helper-text,
.bx--select--disabled .bx--label {
    color: var(--disabled-02)
}

.bx--select--warning .bx--select-input,
.bx--select-input__wrapper[data-invalid] .bx--select-input {
    padding-right: 4.5rem
}

.bx--select-input:disabled~.bx--select__arrow {
    fill: var(--disabled-02)
}

.bx--select--light .bx--select-input {
    background-color: var(--field-02)
}

.bx--select--light .bx--select-input:hover {
    background-color: var(--hover-ui)
}

.bx--select--light .bx--select-input:disabled,
.bx--select--light .bx--select-input:hover:disabled {
    background-color: var(--field-02);
    color: var(--disabled-02);
    cursor: not-allowed
}

.bx--select__arrow {
    fill: var(--ui-05);
    height: 100%;
    pointer-events: none;
    position: absolute;
    right: 1rem;
    top: 0
}

@media screen and (-ms-high-contrast:active),
screen and (prefers-contrast) {
    .bx--select__arrow path {
        fill: ButtonText
    }
}

.bx--select__invalid-icon {
    position: absolute;
    right: 2.5rem
}

.bx--select-input__wrapper[data-invalid] .bx--select-input~.bx--select__invalid-icon {
    fill: var(--support-01)
}

.bx--select__invalid-icon--warning {
    fill: var(--support-03)
}

.bx--select__invalid-icon--warning path[fill] {
    fill: #000;
    opacity: 1
}

.bx--select-option,
optgroup.bx--select-optgroup {
    background-color: var(--hover-ui);
    color: var(--text-01)
}

.bx--select-option:disabled,
optgroup.bx--select-optgroup:disabled {
    color: var(--disabled-02)
}

.bx--select--inline {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.bx--select--inline.bx--select--invalid .bx--form__helper-text,
.bx--select--inline.bx--select--invalid .bx--label {
    -ms-flex-item-align: start;
    -webkit-align-self: flex-start;
    align-self: flex-start;
    margin-top: .8125rem
}

.bx--select--inline .bx--form__helper-text {
    margin-bottom: 0;
    margin-left: .5rem
}

.bx--select--inline .bx--label {
    margin: 0 .5rem 0 0;
    white-space: nowrap
}

.bx--select--inline .bx--select-input {
    background-color: var(--ui-background);
    border-bottom: none;
    color: var(--text-01);
    padding-left: .5rem;
    padding-right: 2rem;
    width: auto
}

.bx--select--inline .bx--select-input[disabled],
.bx--select--inline .bx--select-input[disabled]:hover {
    background-color: var(--disabled-01)
}

.bx--select--inline .bx--select__arrow {
    right: .5rem
}

.bx--select--inline.bx--select--invalid .bx--select-input {
    padding-right: 3.5rem
}

.bx--select--inline.bx--select--invalid .bx--select-input~.bx--select__invalid-icon {
    right: 2rem
}

.bx--select--inline .bx--select-input:disabled {
    color: var(--disabled-02);
    cursor: not-allowed
}

.bx--select--inline .bx--select-input:disabled~* {
    cursor: not-allowed
}

.bx--select.bx--skeleton {
    background: var(--skeleton-01);
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 2.5rem;
    padding: 0;
    pointer-events: none;
    position: relative;
    width: 100%
}

.bx--select.bx--skeleton:active,
.bx--select.bx--skeleton:focus,
.bx--select.bx--skeleton:hover {
    border: none;
    cursor: default;
    outline: none
}

.bx--select.bx--skeleton:before {
    -webkit-animation: skeleton 3s ease-in-out infinite;
    animation: skeleton 3s ease-in-out infinite;
    background: var(--skeleton-02);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    will-change: transform-origin, transform, opacity
}

@media(prefers-reduced-motion:reduce) {
    .bx--select.bx--skeleton:before {
        -webkit-animation: none;
        animation: none
    }
}

.bx--select.bx--skeleton .bx--select-input {
    display: none
}

@media (forced-colors:active),
(prefers-contrast),
screen and (-ms-high-contrast:active) {
    .bx--select__arrow {
        fill: ButtonText
    }
}

.bx--text-input {
    background-color: var(--field-01);
    border: none;
    border-bottom: 1px solid var(--ui-04);
    color: var(--text-01);
    font-size: .857rem;
    font-weight: 400;
    height: 2.5rem;
    letter-spacing: .16px;
    line-height: 1.125rem;
    outline: 2px solid transparent;
    outline-offset: -2px;
    padding: 0 1rem;
    -webkit-transition: background-color 70ms cubic-bezier(.2, 0, .38, .9), outline 70ms cubic-bezier(.2, 0, .38, .9);
    transition: background-color 70ms cubic-bezier(.2, 0, .38, .9), outline 70ms cubic-bezier(.2, 0, .38, .9);
    width: 100%
}

.bx--text-input:active,
.bx--text-input:focus {
    outline: 2px solid var(--focus);
    outline-offset: -2px
}

@media screen and (prefers-contrast) {
    .bx--text-input:active,
    .bx--text-input:focus {
        outline-style: dotted
    }
}

.bx--text-input-wrapper svg[hidden] {
    display: none
}

.bx--text-input--lg,
.bx--text-input--xl {
    height: 3rem
}

.bx--text-input--sm {
    height: 2rem
}

.bx--password-input {
    padding-right: 2.5rem
}

.bx--text-input--sm.bx--password-input {
    padding-right: 2rem
}

.bx--text-input--lg.bx--password-input {
    padding-right: 3rem
}

.bx--text-input::-webkit-input-placeholder {
    color: var(--text-05);
    opacity: 1
}

.bx--text-input::-moz-placeholder {
    color: var(--text-05);
    opacity: 1
}

.bx--text-input:-ms-input-placeholder {
    color: var(--text-05);
    opacity: 1
}

.bx--text-input::-ms-input-placeholder {
    color: var(--text-05);
    opacity: 1
}

.bx--text-input::placeholder {
    color: var(--text-05);
    opacity: 1
}

.bx--text-input--light {
    background-color: var(--field-02)
}

.bx--text-input__field-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 100%
}

.bx--text-input__invalid-icon,
.bx--text-input__readonly-icon {
    position: absolute;
    right: 1rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.bx--text-input__invalid-icon {
    fill: var(--support-01)
}

.bx--text-input__invalid-icon--warning {
    fill: var(--support-03)
}

.bx--text-input__invalid-icon--warning path:first-of-type {
    fill: #000;
    opacity: 1
}

.bx--text-input--password__visibility {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    overflow: visible;
    position: relative
}

.bx--text-input--password__visibility:focus {
    outline: 1px solid var(--focus)
}

@media screen and (prefers-contrast) {
    .bx--text-input--password__visibility:focus {
        outline-style: dotted
    }
}

.bx--text-input--password__visibility:focus {
    outline: 1px solid transparent
}

.bx--text-input--password__visibility:focus svg {
    outline: 1px solid var(--focus)
}

@media screen and (prefers-contrast) {
    .bx--text-input--password__visibility:focus svg {
        outline-style: dotted
    }
}

.bx--text-input--password__visibility+.bx--assistive-text,
.bx--text-input--password__visibility .bx--assistive-text,
.bx--text-input--password__visibility:after,
.bx--text-input--password__visibility:before {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    z-index: 6000
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .bx--text-input--password__visibility+.bx--assistive-text,
    .bx--text-input--password__visibility .bx--assistive-text,
    .bx--text-input--password__visibility:after,
    .bx--text-input--password__visibility:before {
        display: inline-block
    }
}

.bx--text-input--password__visibility:after,
.bx--text-input--password__visibility:before {
    -webkit-transition: opacity 70ms cubic-bezier(.2, 0, .38, .9);
    transition: opacity 70ms cubic-bezier(.2, 0, .38, .9)
}

.bx--text-input--password__visibility.bx--tooltip--a11y:after,
.bx--text-input--password__visibility.bx--tooltip--a11y:before {
    -webkit-transition: none;
    transition: none
}

.bx--text-input--password__visibility:before {
    border-style: solid;
    content: "";
    height: 0;
    width: 0
}

.bx--text-input--password__visibility+.bx--assistive-text,
.bx--text-input--password__visibility .bx--assistive-text {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    color: inherit;
    opacity: 1;
    white-space: normal;
    word-break: break-word
}

.bx--text-input--password__visibility+.bx--assistive-text,
.bx--text-input--password__visibility .bx--assistive-text,
.bx--text-input--password__visibility:after {
    background-color: var(--inverse-02);
    border-radius: .125rem;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
    color: var(--inverse-01);
    font-size: .857rem;
    font-weight: 400;
    height: auto;
    letter-spacing: .16px;
    line-height: 1.125rem;
    max-width: 13rem;
    min-width: 1.5rem;
    padding: .1875rem 1rem;
    text-align: left;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    z-index: 6000
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .bx--text-input--password__visibility+.bx--assistive-text,
    .bx--text-input--password__visibility .bx--assistive-text,
    .bx--text-input--password__visibility:after {
        width: auto
    }
}

@supports(-ms-accelerator:true) {
    .bx--text-input--password__visibility+.bx--assistive-text,
    .bx--text-input--password__visibility .bx--assistive-text,
    .bx--text-input--password__visibility:after {
        width: auto
    }
}

@supports(-ms-ime-align:auto) {
    .bx--text-input--password__visibility+.bx--assistive-text,
    .bx--text-input--password__visibility .bx--assistive-text,
    .bx--text-input--password__visibility:after {
        width: auto
    }
}

@media screen and (-ms-high-contrast:active),
screen and (prefers-contrast) {
    .bx--text-input--password__visibility+.bx--assistive-text,
    .bx--text-input--password__visibility .bx--assistive-text,
    .bx--text-input--password__visibility:after {
        border: 1px solid transparent
    }
}

.bx--text-input--password__visibility:after {
    content: attr(aria-label)
}

.bx--text-input--password__visibility.bx--tooltip--a11y:after {
    content: none
}

.bx--text-input--password__visibility.bx--tooltip--visible:after,
.bx--text-input--password__visibility.bx--tooltip--visible:before,
.bx--text-input--password__visibility:focus:after,
.bx--text-input--password__visibility:focus:before,
.bx--text-input--password__visibility:hover:after,
.bx--text-input--password__visibility:hover:before {
    opacity: 1
}

.bx--text-input--password__visibility.bx--tooltip--visible+.bx--assistive-text,
.bx--text-input--password__visibility.bx--tooltip--visible .bx--assistive-text,
.bx--text-input--password__visibility:focus+.bx--assistive-text,
.bx--text-input--password__visibility:focus .bx--assistive-text,
.bx--text-input--password__visibility:hover+.bx--assistive-text,
.bx--text-input--password__visibility:hover .bx--assistive-text {
    clip: auto;
    margin: auto;
    overflow: visible
}

.bx--text-input--password__visibility.bx--tooltip--visible+.bx--assistive-text,
.bx--text-input--password__visibility.bx--tooltip--visible .bx--assistive-text,
.bx--text-input--password__visibility.bx--tooltip--visible.bx--tooltip--a11y:before,
.bx--text-input--password__visibility:focus+.bx--assistive-text,
.bx--text-input--password__visibility:focus .bx--assistive-text,
.bx--text-input--password__visibility:focus.bx--tooltip--a11y:before,
.bx--text-input--password__visibility:hover+.bx--assistive-text,
.bx--text-input--password__visibility:hover .bx--assistive-text,
.bx--text-input--password__visibility:hover.bx--tooltip--a11y:before {
    -webkit-animation: tooltip-fade 70ms cubic-bezier(.2, 0, .38, .9);
    animation: tooltip-fade 70ms cubic-bezier(.2, 0, .38, .9)
}

.bx--text-input--password__visibility.bx--tooltip--hidden+.bx--assistive-text,
.bx--text-input--password__visibility.bx--tooltip--hidden .bx--assistive-text {
    clip: rect(0, 0, 0, 0);
    margin: -1px;
    overflow: hidden
}

.bx--text-input--password__visibility.bx--tooltip--hidden.bx--tooltip--a11y:before {
    -webkit-animation: none;
    animation: none;
    opacity: 0
}

.bx--text-input--password__visibility .bx--assistive-text:after {
    content: "";
    display: block;
    height: .75rem;
    left: 0;
    position: absolute;
    top: -.75rem;
    width: 100%
}

.bx--text-input--password__visibility+.bx--assistive-text,
.bx--text-input--password__visibility .bx--assistive-text,
.bx--text-input--password__visibility:after,
.bx--text-input--password__visibility:before {
    bottom: 0;
    left: 50%
}

.bx--text-input--password__visibility:before {
    border-bottom-color: var(--inverse-02);
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
    border-width: 0 .25rem .3125rem;
    bottom: -.5rem;
    -webkit-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%)
}

.bx--text-input--password__visibility+.bx--assistive-text,
.bx--text-input--password__visibility .bx--assistive-text,
.bx--text-input--password__visibility:after {
    bottom: -.8125rem;
    -webkit-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%)
}

.bx--btn.bx--text-input--password__visibility__toggle.bx--tooltip__trigger,
.bx--text-input--password__visibility {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background: none;
    border: 0;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    min-height: auto;
    outline: 2px solid transparent;
    outline-offset: -2px;
    padding: 0;
    position: absolute;
    right: 0;
    -webkit-transition: outline 70ms cubic-bezier(.2, 0, .38, .9);
    transition: outline 70ms cubic-bezier(.2, 0, .38, .9);
    width: 2.5rem
}

.bx--text-input--sm+.bx--btn.bx--text-input--password__visibility__toggle.bx--tooltip__trigger {
    width: 2rem
}

.bx--text-input--lg+.bx--btn.bx--text-input--password__visibility__toggle.bx--tooltip__trigger {
    width: 3rem
}

.bx--btn.bx--text-input--password__visibility__toggle.bx--tooltip__trigger svg {
    fill: var(--icon-02);
    -webkit-transition: fill 70ms cubic-bezier(.2, 0, .38, .9);
    transition: fill 70ms cubic-bezier(.2, 0, .38, .9)
}

@media screen and (-ms-high-contrast:active),
screen and (prefers-contrast) {
    .bx--btn.bx--text-input--password__visibility__toggle.bx--tooltip__trigger svg {
        fill: ButtonText
    }
}

.bx--btn.bx--text-input--password__visibility__toggle.bx--tooltip__trigger:focus {
    outline: 2px solid var(--focus);
    outline-offset: -2px
}

@media screen and (prefers-contrast) {
    .bx--btn.bx--text-input--password__visibility__toggle.bx--tooltip__trigger:focus {
        outline-style: dotted
    }
}

.bx--btn.bx--text-input--password__visibility__toggle.bx--tooltip__trigger:focus svg,
.bx--btn.bx--text-input--password__visibility__toggle.bx--tooltip__trigger:hover svg {
    fill: var(--icon-01)
}

.bx--text-input--invalid,
.bx--text-input--warning,
.bx--text-input-wrapper--readonly .bx--text-input {
    padding-right: 2.5rem
}

.bx--text-input--invalid.bx--password-input {
    padding-right: 4rem
}

.bx--text-input--invalid+.bx--text-input--password__visibility,
.bx--text-input--invalid+.bx--text-input--password__visibility__toggle {
    right: 1rem
}

.bx--password-input-wrapper .bx--text-input__invalid-icon {
    right: 2.5rem
}

.bx--text-input:disabled+.bx--text-input--password__visibility__toggle.bx--tooltip__trigger svg,
.bx--text-input:disabled+.bx--text-input--password__visibility svg {
    fill: var(--disabled-02);
    cursor: not-allowed
}

.bx--text-input:disabled+.bx--text-input--password__visibility__toggle.bx--tooltip__trigger svg:hover,
.bx--text-input:disabled+.bx--text-input--password__visibility svg:hover {
    fill: var(--disabled-02)
}

.bx--text-input:disabled {
    -webkit-text-fill-color: var(--disabled-02);
    background-color: var(--field-01);
    border-bottom: 1px solid transparent;
    color: var(--disabled-02);
    cursor: not-allowed;
    outline: 2px solid transparent;
    outline-offset: -2px
}

.bx--text-input--light:disabled {
    background-color: var(--field-02)
}

.bx--text-input:disabled::-webkit-input-placeholder {
    color: var(--disabled-02);
    opacity: 1
}

.bx--text-input:disabled::-moz-placeholder {
    color: var(--disabled-02);
    opacity: 1
}

.bx--text-input:disabled:-ms-input-placeholder {
    color: var(--disabled-02);
    opacity: 1
}

.bx--text-input:disabled::-ms-input-placeholder {
    color: var(--disabled-02);
    opacity: 1
}

.bx--text-input:disabled::placeholder {
    color: var(--disabled-02);
    opacity: 1
}

.bx--text-input--invalid {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 2px solid var(--support-01);
    outline-offset: -2px
}

@media screen and (prefers-contrast) {
    .bx--text-input--invalid {
        outline-style: dotted
    }
}

.bx--text-input--invalid .bx--text-input--password__visibility,
.bx--text-input--invalid .bx--text-input--password__visibility__toggle {
    right: 2.5rem
}

.bx--skeleton.bx--text-input {
    background: var(--skeleton-01);
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
    pointer-events: none;
    position: relative
}

.bx--skeleton.bx--text-input:active,
.bx--skeleton.bx--text-input:focus,
.bx--skeleton.bx--text-input:hover {
    border: none;
    cursor: default;
    outline: none
}

.bx--skeleton.bx--text-input:before {
    -webkit-animation: skeleton 3s ease-in-out infinite;
    animation: skeleton 3s ease-in-out infinite;
    background: var(--skeleton-02);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    will-change: transform-origin, transform, opacity
}

@media(prefers-reduced-motion:reduce) {
    .bx--skeleton.bx--text-input:before {
        -webkit-animation: none;
        animation: none
    }
}

.bx--form--fluid .bx--text-input-wrapper {
    background: var(--field-01);
    position: relative;
    -webkit-transition: background-color 70ms cubic-bezier(.2, 0, .38, .9), outline 70ms cubic-bezier(.2, 0, .38, .9);
    transition: background-color 70ms cubic-bezier(.2, 0, .38, .9), outline 70ms cubic-bezier(.2, 0, .38, .9)
}

.bx--form--fluid .bx--label {
    left: 1rem;
    margin: 0;
    position: absolute;
    top: .8125rem;
    z-index: 1
}

.bx--form--fluid .bx--form__helper-text {
    display: none
}

.bx--form--fluid .bx--text-input {
    min-height: 4rem;
    padding: 2rem 1rem .8125rem
}

.bx--form--fluid .bx--text-input__divider,
.bx--text-input__divider {
    display: none
}

.bx--form--fluid .bx--text-input--invalid,
.bx--form--fluid .bx--text-input--warn {
    border-bottom: none
}

.bx--form--fluid .bx--text-input--invalid+.bx--text-input__divider,
.bx--form--fluid .bx--text-input--warn+.bx--text-input__divider {
    border-color: var(--ui-03);
    border-style: solid;
    border-bottom: none;
    display: block;
    margin: 0 1rem
}

.bx--form--fluid .bx--text-input__invalid-icon {
    top: 5rem
}

.bx--form--fluid .bx--text-input-wrapper--light {
    background: var(--field-02)
}

.bx--form--fluid .bx--text-input__field-wrapper[data-invalid]>.bx--text-input--invalid {
    outline: 2px solid transparent;
    outline-offset: -2px
}

.bx--form--fluid .bx--text-input__field-wrapper[data-invalid]:not(:focus) {
    outline: 2px solid var(--support-01);
    outline-offset: -2px
}

@media screen and (prefers-contrast) {
    .bx--form--fluid .bx--text-input__field-wrapper[data-invalid]:not(:focus) {
        outline-style: dotted
    }
}

.bx--form--fluid .bx--text-input__field-wrapper[data-invalid]>.bx--text-input--invalid:focus {
    outline: 2px solid var(--focus);
    outline-offset: -2px
}

@media screen and (prefers-contrast) {
    .bx--form--fluid .bx--text-input__field-wrapper[data-invalid]>.bx--text-input--invalid:focus {
        outline-style: dotted
    }
}

.bx--text-input-wrapper.bx--text-input-wrapper--inline {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.bx--text-input-wrapper .bx--label--inline {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: .8125rem 0 0;
    overflow-wrap: break-word;
    word-break: break-word
}

.bx--text-input-wrapper .bx--label--inline--sm {
    margin-top: .5625rem
}

.bx--text-input-wrapper .bx--label--inline--lg,
.bx--text-input-wrapper .bx--label--inline--xl {
    margin-top: 1.0625rem
}

.bx--text-input__label-helper-wrapper {
    -webkit-box-flex: 2;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 8rem;
    overflow-wrap: break-word
}

.bx--text-input-wrapper .bx--form__helper-text--inline {
    margin-top: .125rem
}

.bx--text-input__field-outer-wrapper {
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

.bx--text-input__field-outer-wrapper--inline {
    -webkit-box-flex: 8;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex: 8;
    -ms-flex: 8;
    flex: 8;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.bx--form--fluid .bx--text-input-wrapper--readonly,
.bx--text-input-wrapper--readonly .bx--text-input {
    background: transparent
}

@media (forced-colors:active),
(prefers-contrast),
screen and (-ms-high-contrast:active) {
    .bx--btn.bx--btn--icon-only.bx--text-input--password__visibility__toggle.bx--tooltip__trigger:hover svg,
    .bx--btn.bx--btn--icon-only.bx--text-input--password__visibility__toggle.bx--tooltip__trigger svg,
    .bx--text-input--password__visibility {
        fill: ButtonText
    }
}

.bx--data-table-container+.bx--pagination {
    border-top: 0
}

.bx--pagination {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-align-items: center;
    align-items: center;
    background-color: var(--ui-01);
    border-top: 1px solid var(--ui-03);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: .857rem;
    font-weight: 400;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    letter-spacing: .16px;
    line-height: 1.125rem;
    min-height: 2.5rem;
    overflow-x: auto;
    width: calc(100% - 1px)
}

@media(min-width:42rem) {
    .bx--pagination {
        overflow: initial
    }
    .bx--pagination .bx--pagination__control-buttons {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

@media(max-width:41.98rem) {
    .bx--pagination .bx--pagination__left>*,
    .bx--pagination .bx--pagination__right>* {
        display: none
    }
    .bx--pagination .bx--pagination__items-count {
        display: initial
    }
    .bx--pagination .bx--pagination__control-buttons {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.bx--pagination--sm {
    min-height: 2rem
}

.bx--pagination--lg {
    min-height: 3rem
}

.bx--pagination .bx--select {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 100%
}

.bx--pagination .bx--select-input--inline__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

.bx--pagination .bx--select-input {
    background-color: var(--ui-01);
    font-size: .857rem;
    font-weight: 400;
    height: 100%;
    letter-spacing: .16px;
    line-height: 1.125rem;
    line-height: 2.5rem;
    min-width: auto;
    padding: 0 2.25rem 0 1rem;
    width: auto
}

.bx--pagination--sm .bx--select-input {
    line-height: 2rem
}

.bx--pagination--lg .bx--select-input {
    line-height: 3rem
}

.bx--pagination .bx--select-input:hover {
    background: var(--hover-ui)
}

.bx--pagination .bx--select__arrow {
    top: 50%;
    -webkit-transform: translate(-.5rem, -50%);
    transform: translate(-.5rem, -50%)
}

.bx--pagination .bx--select__item-count .bx--select-input {
    border-right: .0625rem solid var(--ui-03)
}

.bx--pagination .bx--select__page-number .bx--select-input {
    border-left: 1px solid var(--ui-03)
}

.bx--pagination__left,
.bx--pagination__right {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

.bx--pagination__left>.bx--form-item,
.bx--pagination__right>.bx--form-item {
    height: 100%
}

.bx--pagination__left .bx--pagination__text,
.bx--pagination__right .bx--pagination__text {
    white-space: nowrap
}

.bx--pagination__left .bx--pagination__text {
    margin-right: .0625rem
}

.bx--pagination__right .bx--pagination__text {
    margin-left: .0625rem;
    margin-right: 1rem
}

.bx--pagination__left {
    padding: 0 1rem 0 0
}

@media(min-width:42rem) {
    .bx--pagination__left {
        padding: 0 1rem
    }
    .bx--pagination__text {
        display: inline-block
    }
}

span.bx--pagination__text {
    color: var(--text-02);
    margin-left: 1rem
}

.bx--btn--ghost.bx--pagination__button,
.bx--pagination__button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    fill: var(--ui-05);
    -webkit-align-items: center;
    align-items: center;
    background: none;
    border: none;
    border-left: 1px solid var(--ui-03);
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 2.5rem;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0;
    min-height: 2rem;
    -webkit-transition: outline .11s cubic-bezier(.2, 0, .38, .9), background-color .11s cubic-bezier(.2, 0, .38, .9);
    transition: outline .11s cubic-bezier(.2, 0, .38, .9), background-color .11s cubic-bezier(.2, 0, .38, .9);
    width: 2.5rem
}

.bx--pagination--sm .bx--btn--ghost.bx--pagination__button,
.bx--pagination--sm .bx--pagination__button {
    height: 2rem;
    width: 2rem
}

.bx--pagination--lg .bx--btn--ghost.bx--pagination__button,
.bx--pagination--lg .bx--pagination__button {
    height: 3rem;
    width: 3rem
}

.bx--btn--ghost:focus.bx--pagination__button,
.bx--pagination__button:focus {
    border-left: 0;
    outline: 2px solid var(--focus);
    outline-offset: -2px
}

@media screen and (prefers-contrast) {
    .bx--btn--ghost:focus.bx--pagination__button,
    .bx--pagination__button:focus {
        outline-style: dotted
    }
}

.bx--btn--ghost:hover.bx--pagination__button,
.bx--pagination__button:hover {
    background: var(--hover-ui)
}

.bx--btn--ghost.bx--pagination__button--no-index,
.bx--pagination__button--no-index {
    fill: var(--disabled-02);
    cursor: not-allowed
}

.bx--btn--ghost:disabled:hover.bx--pagination__button,
.bx--btn--ghost:hover.bx--pagination__button--no-index,
.bx--pagination__button--no-index:hover,
.bx--pagination__button:disabled:hover {
    fill: var(--disabled-02);
    background: var(--ui-01);
    border-color: var(--ui-03);
    cursor: not-allowed
}

.bx--pagination.bx--skeleton .bx--skeleton__text {
    margin-bottom: 0;
    margin-right: 1rem
}

@media (forced-colors:active),
(prefers-contrast),
screen and (-ms-high-contrast:active) {
    .bx--btn--ghost.bx--pagination__button,
    .bx--pagination__button {
        outline: 1px solid transparent
    }
}

.bx--progress-bar__label {
    color: var(--text-01);
    display: block;
    font-size: .857rem;
    font-weight: 400;
    letter-spacing: .16px;
    line-height: 1.125rem;
    margin-bottom: .5rem
}

.bx--progress-bar__track {
    background-color: var(--ui-01);
    height: .5rem;
    position: relative;
    width: 100%
}

.bx--progress-bar__bar {
    background-color: var(--interactive-04);
    display: block;
    height: 100%;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition: -webkit-transform .11s cubic-bezier(.2, 0, .38, .9);
    transition: -webkit-transform .11s cubic-bezier(.2, 0, .38, .9);
    transition: transform .11s cubic-bezier(.2, 0, .38, .9);
    transition: transform .11s cubic-bezier(.2, 0, .38, .9), -webkit-transform .11s cubic-bezier(.2, 0, .38, .9);
    width: 100%
}

.bx--progress-bar--indeterminate .bx--progress-bar__track:after {
    -webkit-animation-duration: 1.4s;
    animation-duration: 1.4s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: progress-bar-indeterminate;
    animation-name: progress-bar-indeterminate;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(12.5%, var(--interactive-04)), color-stop(12.5%, transparent));
    background-image: linear-gradient(90deg, var(--interactive-04) 12.5%, transparent 12.5%);
    background-position-x: 0;
    background-size: 200% 100%;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.bx--progress-bar__helper-text {
    color: var(--text-02);
    font-size: .75rem;
    font-weight: 400;
    letter-spacing: .32px;
    line-height: 1rem;
    margin-top: .25rem
}

@-webkit-keyframes progress-bar-indeterminate {
    0% {
        background-position-x: 25%
    }
    80%,
    to {
        background-position-x: -105%
    }
}

@keyframes progress-bar-indeterminate {
    0% {
        background-position-x: 25%
    }
    80%,
    to {
        background-position-x: -105%
    }
}

.bx--tooltip__label {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: var(--text-02);
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: .75rem;
    font-weight: 400;
    letter-spacing: .32px;
    line-height: 1rem
}

.bx--tooltip__label:focus {
    outline: 1px solid var(--focus)
}

@media screen and (prefers-contrast) {
    .bx--tooltip__label:focus {
        outline-style: dotted
    }
}

.bx--tooltip__trigger svg {
    fill: var(--icon-02)
}

.bx--tooltip__trigger:not(.bx--btn--icon-only) {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: 0;
    cursor: pointer;
    display: inline-block;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 1rem;
    padding: 0
}

.bx--tooltip__trigger:not(.bx--btn--icon-only)::-moz-focus-inner {
    border: 0
}

.bx--tooltip__trigger:not(.bx--btn--icon-only):focus {
    fill: var(--hover-primary);
    outline: 1px solid var(--focus)
}

@media screen and (prefers-contrast) {
    .bx--tooltip__trigger:not(.bx--btn--icon-only):focus {
        outline-style: dotted
    }
}

.bx--tooltip__trigger:not(.bx--btn--icon-only)[disabled] svg {
    fill: var(--disabled-02)
}

.bx--tooltip__label .bx--tooltip__trigger {
    margin-left: .5rem
}

.bx--tooltip__label--bold {
    font-weight: 600
}

.bx--tooltip {
    word-wrap: break-word;
    background: var(--inverse-02);
    border-radius: .125rem;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
    color: var(--inverse-01);
    display: none;
    margin-top: .25rem;
    max-width: 18rem;
    min-width: 13rem;
    padding: 1rem;
    position: absolute;
    z-index: 6000
}

.bx--tooltip:focus {
    -webkit-box-shadow: inset 0 0 0 1px var(--inverse-02), inset 0 0 0 2px var(--ui-background);
    box-shadow: inset 0 0 0 1px var(--inverse-02), inset 0 0 0 2px var(--ui-background);
    outline: 0
}

.bx--tooltip.bx--tooltip--bottom.bx--tooltip--align-start,
.bx--tooltip.bx--tooltip--top.bx--tooltip--align-start {
    -webkit-transform: translate(calc(50% - 22px));
    transform: translate(calc(50% - 22px))
}

.bx--tooltip.bx--tooltip--bottom.bx--tooltip--align-start .bx--tooltip__caret,
.bx--tooltip.bx--tooltip--top.bx--tooltip--align-start .bx--tooltip__caret {
    margin-left: 15px
}

.bx--tooltip.bx--tooltip--bottom.bx--tooltip--align-end,
.bx--tooltip.bx--tooltip--top.bx--tooltip--align-end {
    -webkit-transform: translate(calc(22px - 50%));
    transform: translate(calc(22px - 50%))
}

.bx--tooltip.bx--tooltip--bottom.bx--tooltip--align-end .bx--tooltip__caret,
.bx--tooltip.bx--tooltip--top.bx--tooltip--align-end .bx--tooltip__caret {
    margin-right: 15px
}

.bx--tooltip.bx--tooltip--left.bx--tooltip--align-start {
    -webkit-transform: translateY(calc(-15px + 50%));
    transform: translateY(calc(-15px + 50%))
}

.bx--tooltip.bx--tooltip--left.bx--tooltip--align-start .bx--tooltip__caret {
    top: 14px
}

.bx--tooltip.bx--tooltip--left.bx--tooltip--align-end {
    -webkit-transform: translateY(calc(31px - 50%));
    transform: translateY(calc(31px - 50%))
}

.bx--tooltip.bx--tooltip--left.bx--tooltip--align-end .bx--tooltip__caret {
    bottom: 25px;
    top: auto
}

.bx--tooltip.bx--tooltip--right.bx--tooltip--align-start {
    -webkit-transform: translateY(calc(-26px + 50%));
    transform: translateY(calc(-26px + 50%))
}

.bx--tooltip.bx--tooltip--right.bx--tooltip--align-start .bx--tooltip__caret {
    top: 26px
}

.bx--tooltip.bx--tooltip--right.bx--tooltip--align-end {
    -webkit-transform: translateY(calc(20px - 50%));
    transform: translateY(calc(20px - 50%))
}

.bx--tooltip.bx--tooltip--right.bx--tooltip--align-end .bx--tooltip__caret {
    bottom: 12px;
    top: auto
}

.bx--tooltip p {
    font-size: .857rem;
    font-weight: 400;
    letter-spacing: .16px;
    line-height: 1.125rem;
    text-align: left
}

.bx--tooltip button {
    padding-right: 2rem
}

.bx--tooltip .bx--btn:focus {
    border-color: var(--inverse-focus-ui);
    outline-color: var(--inverse-02)
}

.bx--tooltip .bx--link {
    color: var(--inverse-link);
    font-size: .875rem
}

.bx--tooltip .bx--link:focus {
    outline: 1px solid var(--inverse-focus-ui);
    outline-offset: 2px
}

.bx--tooltip .bx--link:active,
.bx--tooltip .bx--link:active:visited,
.bx--tooltip .bx--link:active:visited:hover {
    color: var(--inverse-01)
}

.bx--tooltip .bx--link:visited {
    color: var(--inverse-link)
}

.bx--tooltip .bx--tooltip__content[tabindex="-1"]:focus {
    outline: none
}

.bx--tooltip .bx--tooltip__caret {
    border-bottom: .4296875rem solid var(--inverse-02);
    border-left: .4296875rem solid transparent;
    border-right: .4296875rem solid transparent;
    content: "";
    height: 0;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: calc(-.42969rem + 1px);
    width: 0
}

.bx--tooltip .bx--tooltip__footer {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: 1rem
}

.bx--tooltip[data-floating-menu-direction=left] {
    margin-left: -.5rem
}

.bx--tooltip[data-floating-menu-direction=left] .bx--tooltip__caret {
    left: auto;
    right: calc(-.42969rem + 1px);
    top: 50%;
    -webkit-transform: rotate(90deg) translate(50%, -50%);
    transform: rotate(90deg) translate(50%, -50%)
}

.bx--tooltip[data-floating-menu-direction=top] {
    margin-top: -.5rem
}

.bx--tooltip[data-floating-menu-direction=top] .bx--tooltip__caret {
    bottom: calc(-.42969rem + 1px);
    top: auto;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.bx--tooltip[data-floating-menu-direction=right] {
    margin-left: .5rem
}

.bx--tooltip[data-floating-menu-direction=right] .bx--tooltip__caret {
    left: calc(-.42969rem + 1px);
    right: auto;
    top: 50%;
    -webkit-transform: rotate(270deg) translate(50%, -50%);
    transform: rotate(270deg) translate(50%, -50%)
}

.bx--tooltip[data-floating-menu-direction=bottom] {
    margin-top: .5rem
}

.bx--tooltip__heading {
    font-size: .875rem;
    font-weight: 600;
    letter-spacing: .16px;
    line-height: 1.125rem;
    margin-bottom: .5rem
}

.bx--tooltip--shown {
    display: block;
    margin-top: 0
}

.bx--tooltip--definition {
    position: relative
}

.bx--tooltip--definition .bx--tooltip__trigger {
    border-bottom: 1px dotted var(--interactive-01);
    color: var(--text-01);
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: .75rem;
    font-weight: 400;
    letter-spacing: .32px;
    line-height: 1rem;
    position: relative
}

.bx--tooltip--definition .bx--tooltip__trigger:hover+.bx--tooltip--definition__bottom,
.bx--tooltip--definition .bx--tooltip__trigger:hover+.bx--tooltip--definition__top {
    display: block
}

.bx--tooltip--definition .bx--tooltip__trigger:focus {
    outline: 1px solid var(--focus)
}

@media screen and (prefers-contrast) {
    .bx--tooltip--definition .bx--tooltip__trigger:focus {
        outline-style: dotted
    }
}

.bx--tooltip--definition .bx--tooltip__trigger:focus+.bx--tooltip--definition__bottom,
.bx--tooltip--definition .bx--tooltip__trigger:focus+.bx--tooltip--definition__top {
    display: block
}

.bx--tooltip--definition__bottom,
.bx--tooltip--definition__top {
    background: var(--inverse-02);
    border-radius: .125rem;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
    display: none;
    margin-top: .75rem;
    padding: .5rem 1rem;
    pointer-events: none;
    position: absolute;
    width: 13rem;
    z-index: 1
}

.bx--tooltip--definition__bottom p,
.bx--tooltip--definition__top p {
    color: var(--inverse-01);
    font-size: .857rem;
    font-weight: 400;
    letter-spacing: .16px;
    line-height: 1.125rem
}

.bx--tooltip--definition__bottom .bx--tooltip__caret,
.bx--tooltip--definition__top .bx--tooltip__caret {
    background: var(--inverse-02);
    height: .6rem;
    left: 0;
    margin-left: 1rem;
    position: absolute;
    right: 0;
    width: .6rem
}

.bx--tooltip--definition__bottom .bx--tooltip__caret {
    top: -.2rem;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.bx--tooltip--definition__top {
    margin-top: -2rem;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.bx--tooltip--definition__top .bx--tooltip__caret {
    bottom: -.2rem;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.bx--tooltip--definition__align-end {
    right: 0
}

.bx--tooltip--definition__align-center {
    margin-left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.bx--tooltip--definition__top.bx--tooltip--definition__align-center {
    margin-left: 50%;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%)
}

.bx--tooltip--definition__align-center .bx--tooltip__caret {
    left: auto;
    margin-left: auto;
    margin-right: calc(50% - 6px)
}

.bx--tooltip--definition__align-end .bx--tooltip__caret {
    left: auto;
    margin-left: auto;
    margin-right: 1rem
}

.bx--tooltip--definition.bx--tooltip--a11y {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.bx--tooltip--definition button.bx--tooltip--a11y {
    margin: 0
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition {
    border-bottom: .0625rem dotted var(--text-02);
    font-size: .75rem;
    font-weight: 400;
    letter-spacing: .32px;
    line-height: 1rem;
    -webkit-transition: border-color .11s;
    transition: border-color .11s
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition:focus,
.bx--tooltip__trigger.bx--tooltip__trigger--definition:hover {
    border-bottom-color: var(--interactive-04)
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    cursor: default;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    overflow: visible;
    position: relative
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:focus {
    outline: 1px solid var(--focus)
}

@media screen and (prefers-contrast) {
    .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:focus {
        outline-style: dotted
    }
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:after,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:before {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    z-index: 6000
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top+.bx--assistive-text,
    .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top .bx--assistive-text,
    .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:after,
    .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:before {
        display: inline-block
    }
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:after,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:before {
    -webkit-transition: opacity 70ms cubic-bezier(.2, 0, .38, .9);
    transition: opacity 70ms cubic-bezier(.2, 0, .38, .9)
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--a11y:after,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--a11y:before {
    -webkit-transition: none;
    transition: none
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:before {
    border-style: solid;
    content: "";
    height: 0;
    width: 0
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top .bx--assistive-text {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    color: inherit;
    opacity: 1;
    white-space: normal;
    word-break: break-word
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:after {
    background-color: var(--inverse-02);
    border-radius: .125rem;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
    color: var(--inverse-01);
    font-size: .857rem;
    font-weight: 400;
    height: auto;
    letter-spacing: .16px;
    line-height: 1.125rem;
    max-width: 13rem;
    min-width: 1.5rem;
    padding: .5rem 1rem;
    text-align: left;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    z-index: 6000
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top+.bx--assistive-text,
    .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top .bx--assistive-text,
    .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:after {
        width: auto
    }
}

@supports(-ms-accelerator:true) {
    .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top+.bx--assistive-text,
    .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top .bx--assistive-text,
    .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:after {
        width: auto
    }
}

@supports(-ms-ime-align:auto) {
    .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top+.bx--assistive-text,
    .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top .bx--assistive-text,
    .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:after {
        width: auto
    }
}

@media screen and (-ms-high-contrast:active),
screen and (prefers-contrast) {
    .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top+.bx--assistive-text,
    .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top .bx--assistive-text,
    .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:after {
        border: 1px solid transparent
    }
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:after {
    content: attr(aria-label)
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--a11y:after {
    content: none
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--visible:after,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--visible:before,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:focus:after,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:focus:before,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:hover:after,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:hover:before {
    opacity: 1
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--visible+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--visible .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:focus+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:focus .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:hover+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:hover .bx--assistive-text {
    clip: auto;
    margin: auto;
    overflow: visible
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--visible+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--visible .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--visible.bx--tooltip--a11y:before,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:focus+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:focus .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:focus.bx--tooltip--a11y:before,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:hover+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:hover .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:hover.bx--tooltip--a11y:before {
    -webkit-animation: tooltip-fade 70ms cubic-bezier(.2, 0, .38, .9);
    animation: tooltip-fade 70ms cubic-bezier(.2, 0, .38, .9)
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--hidden+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--hidden .bx--assistive-text {
    clip: rect(0, 0, 0, 0);
    margin: -1px;
    overflow: hidden
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--hidden.bx--tooltip--a11y:before {
    -webkit-animation: none;
    animation: none;
    opacity: 0
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top .bx--assistive-text:after {
    bottom: -.75rem;
    content: "";
    display: block;
    height: .75rem;
    left: 0;
    position: absolute;
    width: 100%
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:after,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:before {
    left: 50%;
    top: 0
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:before {
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: var(--inverse-02);
    border-width: .3125rem .25rem 0;
    top: -.25rem;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%)
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:after {
    left: 0;
    top: -.5625rem;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-start .bx--assistive-text:after {
    bottom: -.75rem;
    content: "";
    display: block;
    height: .75rem;
    left: 0;
    position: absolute;
    width: 100%
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-start+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-start .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-start:after,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-start:before {
    left: 50%;
    top: 0
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-start:before {
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: var(--inverse-02);
    border-width: .3125rem .25rem 0;
    top: -.25rem;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%)
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-start+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-start .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-start:after {
    left: 0;
    top: -.5625rem;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-center .bx--assistive-text:after {
    bottom: -.75rem;
    content: "";
    display: block;
    height: .75rem;
    left: 0;
    position: absolute;
    width: 100%
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-center+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-center .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-center:after,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-center:before {
    left: 50%;
    top: 0
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-center:before {
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: var(--inverse-02);
    border-width: .3125rem .25rem 0;
    top: -.25rem;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%)
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-center+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-center .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-center:after {
    left: 50%;
    top: -.5625rem;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%)
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-end .bx--assistive-text:after {
    bottom: -.75rem;
    content: "";
    display: block;
    height: .75rem;
    left: 0;
    position: absolute;
    width: 100%
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-end+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-end .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-end:after,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-end:before {
    left: 50%;
    top: 0
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-end:before {
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: var(--inverse-02);
    border-width: .3125rem .25rem 0;
    top: -.25rem;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%)
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-end+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-end .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-end:after {
    left: auto;
    right: 0;
    top: -.5625rem;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    cursor: default;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    overflow: visible;
    position: relative
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:focus {
    outline: 1px solid var(--focus)
}

@media screen and (prefers-contrast) {
    .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:focus {
        outline-style: dotted
    }
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:after,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:before {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    z-index: 6000
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom+.bx--assistive-text,
    .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom .bx--assistive-text,
    .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:after,
    .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:before {
        display: inline-block
    }
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:after,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:before {
    -webkit-transition: opacity 70ms cubic-bezier(.2, 0, .38, .9);
    transition: opacity 70ms cubic-bezier(.2, 0, .38, .9)
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--a11y:after,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--a11y:before {
    -webkit-transition: none;
    transition: none
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:before {
    border-style: solid;
    content: "";
    height: 0;
    width: 0
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom .bx--assistive-text {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    color: inherit;
    opacity: 1;
    white-space: normal;
    word-break: break-word
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:after {
    background-color: var(--inverse-02);
    border-radius: .125rem;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
    color: var(--inverse-01);
    font-size: .857rem;
    font-weight: 400;
    height: auto;
    letter-spacing: .16px;
    line-height: 1.125rem;
    max-width: 13rem;
    min-width: 1.5rem;
    padding: .5rem 1rem;
    text-align: left;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    z-index: 6000
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom+.bx--assistive-text,
    .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom .bx--assistive-text,
    .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:after {
        width: auto
    }
}

@supports(-ms-accelerator:true) {
    .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom+.bx--assistive-text,
    .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom .bx--assistive-text,
    .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:after {
        width: auto
    }
}

@supports(-ms-ime-align:auto) {
    .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom+.bx--assistive-text,
    .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom .bx--assistive-text,
    .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:after {
        width: auto
    }
}

@media screen and (-ms-high-contrast:active),
screen and (prefers-contrast) {
    .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom+.bx--assistive-text,
    .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom .bx--assistive-text,
    .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:after {
        border: 1px solid transparent
    }
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:after {
    content: attr(aria-label)
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--a11y:after {
    content: none
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--visible:after,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--visible:before,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:focus:after,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:focus:before,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:hover:after,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:hover:before {
    opacity: 1
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--visible+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--visible .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:focus+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:focus .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:hover+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:hover .bx--assistive-text {
    clip: auto;
    margin: auto;
    overflow: visible
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--visible+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--visible .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--visible.bx--tooltip--a11y:before,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:focus+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:focus .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:focus.bx--tooltip--a11y:before,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:hover+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:hover .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:hover.bx--tooltip--a11y:before {
    -webkit-animation: tooltip-fade 70ms cubic-bezier(.2, 0, .38, .9);
    animation: tooltip-fade 70ms cubic-bezier(.2, 0, .38, .9)
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--hidden+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--hidden .bx--assistive-text {
    clip: rect(0, 0, 0, 0);
    margin: -1px;
    overflow: hidden
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--hidden.bx--tooltip--a11y:before {
    -webkit-animation: none;
    animation: none;
    opacity: 0
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom .bx--assistive-text:after {
    content: "";
    display: block;
    height: .75rem;
    left: 0;
    position: absolute;
    top: -.75rem;
    width: 100%
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:after,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:before {
    bottom: 0;
    left: 50%
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:before {
    border-bottom-color: var(--inverse-02);
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
    border-width: 0 .25rem .3125rem;
    bottom: -.25rem;
    -webkit-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%)
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:after {
    bottom: -.5625rem;
    left: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--a11y+.bx--assistive-text {
    bottom: -.5rem;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start .bx--assistive-text:after {
    content: "";
    display: block;
    height: .75rem;
    left: 0;
    position: absolute;
    top: -.75rem;
    width: 100%
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start:after,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start:before {
    bottom: 0;
    left: 50%
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start:before {
    border-bottom-color: var(--inverse-02);
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
    border-width: 0 .25rem .3125rem;
    bottom: -.25rem;
    -webkit-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%)
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start:after {
    bottom: -.5625rem;
    left: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start.bx--tooltip--a11y+.bx--assistive-text {
    bottom: -.5rem;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center .bx--assistive-text:after {
    content: "";
    display: block;
    height: .75rem;
    left: 0;
    position: absolute;
    top: -.75rem;
    width: 100%
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center:after,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center:before {
    bottom: 0;
    left: 50%
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center:before {
    border-bottom-color: var(--inverse-02);
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
    border-width: 0 .25rem .3125rem;
    bottom: -.25rem;
    -webkit-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%)
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center:after {
    bottom: -.5625rem;
    -webkit-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%)
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center.bx--tooltip--a11y+.bx--assistive-text {
    bottom: -.5rem;
    -webkit-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%)
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end .bx--assistive-text:after {
    content: "";
    display: block;
    height: .75rem;
    left: 0;
    position: absolute;
    top: -.75rem;
    width: 100%
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end:after,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end:before {
    bottom: 0;
    left: 50%
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end:before {
    border-bottom-color: var(--inverse-02);
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
    border-width: 0 .25rem .3125rem;
    bottom: -.25rem;
    -webkit-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%)
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end:after {
    bottom: -.5625rem;
    left: auto;
    right: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end.bx--tooltip--a11y+.bx--assistive-text {
    bottom: -.5rem;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.bx--tooltip--icon,
.bx--tooltip--icon__bottom,
.bx--tooltip--icon__top {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.bx--tooltip--icon__bottom,
.bx--tooltip--icon__top {
    cursor: pointer;
    overflow: visible;
    position: relative
}

.bx--tooltip--icon__bottom:after,
.bx--tooltip--icon__bottom:before,
.bx--tooltip--icon__top:after,
.bx--tooltip--icon__top:before {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: .857rem;
    font-weight: 400;
    letter-spacing: .16px;
    line-height: 1.125rem;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    -webkit-transition: opacity 70ms cubic-bezier(.2, 0, .38, .9);
    transition: opacity 70ms cubic-bezier(.2, 0, .38, .9)
}

.bx--tooltip--icon__bottom:before,
.bx--tooltip--icon__top:before {
    border-bottom: .3125rem solid var(--inverse-02);
    border-left: .25rem solid transparent;
    border-right: .25rem solid transparent;
    border-top: 0 solid transparent;
    content: "";
    height: 0;
    left: 0;
    margin: 1px auto 0 50%;
    right: 0;
    width: 0
}

.bx--tooltip--icon__bottom:after,
.bx--tooltip--icon__top:after {
    background-color: var(--inverse-02);
    border-radius: .125rem;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
    color: var(--inverse-01);
    content: attr(aria-label);
    font-weight: 400;
    height: 1.5rem;
    margin-left: 50%;
    max-width: 13rem;
    min-width: 1.5rem;
    padding: 0 1rem;
    pointer-events: none;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.bx--tooltip--icon__bottom:focus:after,
.bx--tooltip--icon__bottom:focus:before,
.bx--tooltip--icon__bottom:hover:after,
.bx--tooltip--icon__bottom:hover:before,
.bx--tooltip--icon__top:focus:after,
.bx--tooltip--icon__top:focus:before,
.bx--tooltip--icon__top:hover:after,
.bx--tooltip--icon__top:hover:before {
    opacity: 1
}

.bx--tooltip--icon__bottom:focus svg,
.bx--tooltip--icon__bottom:hover svg,
.bx--tooltip--icon__top:focus svg,
.bx--tooltip--icon__top:hover svg {
    fill: var(--icon-02)
}

.bx--tooltip--icon__bottom:focus,
.bx--tooltip--icon__top:focus {
    outline: 1px solid transparent
}

.bx--tooltip--icon__bottom:focus svg,
.bx--tooltip--icon__top:focus svg {
    outline: 1px solid var(--focus)
}

@media screen and (prefers-contrast) {
    .bx--tooltip--icon__bottom:focus svg,
    .bx--tooltip--icon__top:focus svg {
        outline-style: dotted
    }
}

.bx--tooltip--icon__top:before {
    top: 1px;
    -webkit-transform: translate(-50%, calc(-100% - 9px)) rotate(180deg);
    transform: translate(-50%, calc(-100% - 9px)) rotate(180deg)
}

.bx--tooltip--icon__top:after {
    top: 0;
    -webkit-transform: translate(-50%, calc(-100% - 12px));
    transform: translate(-50%, calc(-100% - 12px))
}

.bx--tooltip--icon__bottom:before {
    bottom: 0;
    -webkit-transform: translate(-50%, 10px) rotate(0);
    transform: translate(-50%, 10px) rotate(0)
}

.bx--tooltip--icon__bottom:after {
    bottom: 0;
    -webkit-transform: translate(-50%, calc(100% + 10px));
    transform: translate(-50%, calc(100% + 10px))
}

.bx--tooltip--icon__top.bx--tooltip--icon__align-start:before {
    margin-left: 4px;
    top: 1px;
    -webkit-transform: translateY(calc(-100% - 9px)) rotate(180deg);
    transform: translateY(calc(-100% - 9px)) rotate(180deg)
}

.bx--tooltip--icon__top.bx--tooltip--icon__align-start:after {
    margin-left: 0;
    top: 0;
    -webkit-transform: translateY(calc(-100% - 12px));
    transform: translateY(calc(-100% - 12px))
}

.bx--tooltip--icon__top.bx--tooltip--icon__align-end:before {
    left: auto;
    margin-right: 4px;
    right: 0;
    top: 1px;
    -webkit-transform: translateY(calc(-100% - 9px)) rotate(180deg);
    transform: translateY(calc(-100% - 9px)) rotate(180deg)
}

.bx--tooltip--icon__top.bx--tooltip--icon__align-end:after {
    margin-left: 0;
    right: 0;
    top: 0;
    -webkit-transform: translateY(calc(-100% - 12px));
    transform: translateY(calc(-100% - 12px))
}

.bx--tooltip--icon__bottom.bx--tooltip--icon__align-start:before {
    bottom: 0;
    margin-left: 4px;
    -webkit-transform: translateY(10px) rotate(0);
    transform: translateY(10px) rotate(0)
}

.bx--tooltip--icon__bottom.bx--tooltip--icon__align-start:after {
    bottom: 0;
    margin-left: 0;
    -webkit-transform: translateY(calc(100% + 10px));
    transform: translateY(calc(100% + 10px))
}

.bx--tooltip--icon__bottom.bx--tooltip--icon__align-end:before {
    bottom: 0;
    left: auto;
    margin-right: 4px;
    right: 0;
    -webkit-transform: translateY(10px) rotate(0);
    transform: translateY(10px) rotate(0)
}

.bx--tooltip--icon__bottom.bx--tooltip--icon__align-end:after {
    bottom: 0;
    margin-left: 0;
    right: 0;
    -webkit-transform: translateY(calc(100% + 10px));
    transform: translateY(calc(100% + 10px))
}

.bx--tooltip--icon .bx--tooltip__trigger svg {
    margin-left: 0
}

.bx--tooltip__trigger:focus svg,
.bx--tooltip__trigger:hover svg {
    fill: var(--icon-02)
}

.bx--tooltip__trigger.bx--tooltip--top {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    overflow: visible;
    position: relative
}

.bx--tooltip__trigger.bx--tooltip--top:focus {
    outline: 1px solid var(--focus)
}

@media screen and (prefers-contrast) {
    .bx--tooltip__trigger.bx--tooltip--top:focus {
        outline-style: dotted
    }
}

.bx--tooltip__trigger.bx--tooltip--top:focus {
    outline: 1px solid transparent
}

.bx--tooltip__trigger.bx--tooltip--top:focus svg {
    outline: 1px solid var(--focus)
}

@media screen and (prefers-contrast) {
    .bx--tooltip__trigger.bx--tooltip--top:focus svg {
        outline-style: dotted
    }
}

.bx--tooltip__trigger.bx--tooltip--top+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--top .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--top:after,
.bx--tooltip__trigger.bx--tooltip--top:before {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    z-index: 6000
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .bx--tooltip__trigger.bx--tooltip--top+.bx--assistive-text,
    .bx--tooltip__trigger.bx--tooltip--top .bx--assistive-text,
    .bx--tooltip__trigger.bx--tooltip--top:after,
    .bx--tooltip__trigger.bx--tooltip--top:before {
        display: inline-block
    }
}

.bx--tooltip__trigger.bx--tooltip--top:after,
.bx--tooltip__trigger.bx--tooltip--top:before {
    -webkit-transition: opacity 70ms cubic-bezier(.2, 0, .38, .9);
    transition: opacity 70ms cubic-bezier(.2, 0, .38, .9)
}

.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--a11y:after,
.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--a11y:before {
    -webkit-transition: none;
    transition: none
}

.bx--tooltip__trigger.bx--tooltip--top:before {
    border-style: solid;
    content: "";
    height: 0;
    width: 0
}

.bx--tooltip__trigger.bx--tooltip--top+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--top .bx--assistive-text {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    color: inherit;
    opacity: 1;
    white-space: normal;
    word-break: break-word
}

.bx--tooltip__trigger.bx--tooltip--top+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--top .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--top:after {
    background-color: var(--inverse-02);
    border-radius: .125rem;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
    color: var(--inverse-01);
    font-size: .857rem;
    font-weight: 400;
    height: auto;
    letter-spacing: .16px;
    line-height: 1.125rem;
    max-width: 13rem;
    min-width: 1.5rem;
    padding: .1875rem 1rem;
    text-align: left;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    z-index: 6000
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .bx--tooltip__trigger.bx--tooltip--top+.bx--assistive-text,
    .bx--tooltip__trigger.bx--tooltip--top .bx--assistive-text,
    .bx--tooltip__trigger.bx--tooltip--top:after {
        width: auto
    }
}

@supports(-ms-accelerator:true) {
    .bx--tooltip__trigger.bx--tooltip--top+.bx--assistive-text,
    .bx--tooltip__trigger.bx--tooltip--top .bx--assistive-text,
    .bx--tooltip__trigger.bx--tooltip--top:after {
        width: auto
    }
}

@supports(-ms-ime-align:auto) {
    .bx--tooltip__trigger.bx--tooltip--top+.bx--assistive-text,
    .bx--tooltip__trigger.bx--tooltip--top .bx--assistive-text,
    .bx--tooltip__trigger.bx--tooltip--top:after {
        width: auto
    }
}

@media screen and (-ms-high-contrast:active),
screen and (prefers-contrast) {
    .bx--tooltip__trigger.bx--tooltip--top+.bx--assistive-text,
    .bx--tooltip__trigger.bx--tooltip--top .bx--assistive-text,
    .bx--tooltip__trigger.bx--tooltip--top:after {
        border: 1px solid transparent
    }
}

.bx--tooltip__trigger.bx--tooltip--top:after {
    content: attr(aria-label)
}

.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--a11y:after {
    content: none
}

.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--visible:after,
.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--visible:before,
.bx--tooltip__trigger.bx--tooltip--top:focus:after,
.bx--tooltip__trigger.bx--tooltip--top:focus:before,
.bx--tooltip__trigger.bx--tooltip--top:hover:after,
.bx--tooltip__trigger.bx--tooltip--top:hover:before {
    opacity: 1
}

.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--visible+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--visible .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--top:focus+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--top:focus .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--top:hover+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--top:hover .bx--assistive-text {
    clip: auto;
    margin: auto;
    overflow: visible
}

.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--visible+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--visible .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--visible.bx--tooltip--a11y:before,
.bx--tooltip__trigger.bx--tooltip--top:focus+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--top:focus .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--top:focus.bx--tooltip--a11y:before,
.bx--tooltip__trigger.bx--tooltip--top:hover+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--top:hover .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--top:hover.bx--tooltip--a11y:before {
    -webkit-animation: tooltip-fade 70ms cubic-bezier(.2, 0, .38, .9);
    animation: tooltip-fade 70ms cubic-bezier(.2, 0, .38, .9)
}

.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--hidden+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--hidden .bx--assistive-text {
    clip: rect(0, 0, 0, 0);
    margin: -1px;
    overflow: hidden
}

.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--hidden.bx--tooltip--a11y:before {
    -webkit-animation: none;
    animation: none;
    opacity: 0
}

.bx--tooltip__trigger.bx--tooltip--top .bx--assistive-text:after {
    bottom: -.75rem;
    content: "";
    display: block;
    height: .75rem;
    left: 0;
    position: absolute;
    width: 100%
}

.bx--tooltip__trigger.bx--tooltip--top+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--top .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--top:after,
.bx--tooltip__trigger.bx--tooltip--top:before {
    left: 50%;
    top: 0
}

.bx--tooltip__trigger.bx--tooltip--top:before {
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: var(--inverse-02);
    border-width: .3125rem .25rem 0;
    top: -.5rem;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%)
}

.bx--tooltip__trigger.bx--tooltip--top+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--top .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--top:after {
    left: 50%;
    top: -.8125rem;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%)
}

.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-start .bx--assistive-text:after {
    bottom: -.75rem;
    content: "";
    display: block;
    height: .75rem;
    left: 0;
    position: absolute;
    width: 100%
}

.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-start+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-start .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-start:after,
.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-start:before {
    left: 50%;
    top: 0
}

.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-start:before {
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: var(--inverse-02);
    border-width: .3125rem .25rem 0;
    top: -.5rem;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%)
}

.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-start+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-start .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-start:after {
    left: 0;
    top: -.8125rem;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-center .bx--assistive-text:after {
    bottom: -.75rem;
    content: "";
    display: block;
    height: .75rem;
    left: 0;
    position: absolute;
    width: 100%
}

.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-center+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-center .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-center:after,
.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-center:before {
    left: 50%;
    top: 0
}

.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-center:before {
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: var(--inverse-02);
    border-width: .3125rem .25rem 0;
    top: -.5rem;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%)
}

.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-center+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-center .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-center:after {
    left: 50%;
    top: -.8125rem;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%)
}

.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-end .bx--assistive-text:after {
    bottom: -.75rem;
    content: "";
    display: block;
    height: .75rem;
    left: 0;
    position: absolute;
    width: 100%
}

.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-end+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-end .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-end:after,
.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-end:before {
    left: 50%;
    top: 0
}

.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-end:before {
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: var(--inverse-02);
    border-width: .3125rem .25rem 0;
    top: -.5rem;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%)
}

.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-end+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-end .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-end:after {
    left: auto;
    right: 0;
    top: -.8125rem;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.bx--tooltip__trigger.bx--tooltip--right {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    overflow: visible;
    position: relative
}

.bx--tooltip__trigger.bx--tooltip--right:focus {
    outline: 1px solid var(--focus)
}

@media screen and (prefers-contrast) {
    .bx--tooltip__trigger.bx--tooltip--right:focus {
        outline-style: dotted
    }
}

.bx--tooltip__trigger.bx--tooltip--right:focus {
    outline: 1px solid transparent
}

.bx--tooltip__trigger.bx--tooltip--right:focus svg {
    outline: 1px solid var(--focus)
}

@media screen and (prefers-contrast) {
    .bx--tooltip__trigger.bx--tooltip--right:focus svg {
        outline-style: dotted
    }
}

.bx--tooltip__trigger.bx--tooltip--right+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--right .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--right:after,
.bx--tooltip__trigger.bx--tooltip--right:before {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    z-index: 6000
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .bx--tooltip__trigger.bx--tooltip--right+.bx--assistive-text,
    .bx--tooltip__trigger.bx--tooltip--right .bx--assistive-text,
    .bx--tooltip__trigger.bx--tooltip--right:after,
    .bx--tooltip__trigger.bx--tooltip--right:before {
        display: inline-block
    }
}

.bx--tooltip__trigger.bx--tooltip--right:after,
.bx--tooltip__trigger.bx--tooltip--right:before {
    -webkit-transition: opacity 70ms cubic-bezier(.2, 0, .38, .9);
    transition: opacity 70ms cubic-bezier(.2, 0, .38, .9)
}

.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--a11y:after,
.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--a11y:before {
    -webkit-transition: none;
    transition: none
}

.bx--tooltip__trigger.bx--tooltip--right:before {
    border-style: solid;
    content: "";
    height: 0;
    width: 0
}

.bx--tooltip__trigger.bx--tooltip--right+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--right .bx--assistive-text {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    color: inherit;
    opacity: 1;
    white-space: normal;
    word-break: break-word
}

.bx--tooltip__trigger.bx--tooltip--right+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--right .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--right:after {
    background-color: var(--inverse-02);
    border-radius: .125rem;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
    color: var(--inverse-01);
    font-size: .857rem;
    font-weight: 400;
    height: auto;
    letter-spacing: .16px;
    line-height: 1.125rem;
    max-width: 13rem;
    min-width: 1.5rem;
    padding: .1875rem 1rem;
    text-align: left;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    z-index: 6000
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .bx--tooltip__trigger.bx--tooltip--right+.bx--assistive-text,
    .bx--tooltip__trigger.bx--tooltip--right .bx--assistive-text,
    .bx--tooltip__trigger.bx--tooltip--right:after {
        width: auto
    }
}

@supports(-ms-accelerator:true) {
    .bx--tooltip__trigger.bx--tooltip--right+.bx--assistive-text,
    .bx--tooltip__trigger.bx--tooltip--right .bx--assistive-text,
    .bx--tooltip__trigger.bx--tooltip--right:after {
        width: auto
    }
}

@supports(-ms-ime-align:auto) {
    .bx--tooltip__trigger.bx--tooltip--right+.bx--assistive-text,
    .bx--tooltip__trigger.bx--tooltip--right .bx--assistive-text,
    .bx--tooltip__trigger.bx--tooltip--right:after {
        width: auto
    }
}

@media screen and (-ms-high-contrast:active),
screen and (prefers-contrast) {
    .bx--tooltip__trigger.bx--tooltip--right+.bx--assistive-text,
    .bx--tooltip__trigger.bx--tooltip--right .bx--assistive-text,
    .bx--tooltip__trigger.bx--tooltip--right:after {
        border: 1px solid transparent
    }
}

.bx--tooltip__trigger.bx--tooltip--right:after {
    content: attr(aria-label)
}

.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--a11y:after {
    content: none
}

.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--visible:after,
.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--visible:before,
.bx--tooltip__trigger.bx--tooltip--right:focus:after,
.bx--tooltip__trigger.bx--tooltip--right:focus:before,
.bx--tooltip__trigger.bx--tooltip--right:hover:after,
.bx--tooltip__trigger.bx--tooltip--right:hover:before {
    opacity: 1
}

.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--visible+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--visible .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--right:focus+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--right:focus .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--right:hover+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--right:hover .bx--assistive-text {
    clip: auto;
    margin: auto;
    overflow: visible
}

.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--visible+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--visible .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--visible.bx--tooltip--a11y:before,
.bx--tooltip__trigger.bx--tooltip--right:focus+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--right:focus .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--right:focus.bx--tooltip--a11y:before,
.bx--tooltip__trigger.bx--tooltip--right:hover+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--right:hover .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--right:hover.bx--tooltip--a11y:before {
    -webkit-animation: tooltip-fade 70ms cubic-bezier(.2, 0, .38, .9);
    animation: tooltip-fade 70ms cubic-bezier(.2, 0, .38, .9)
}

.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--hidden+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--hidden .bx--assistive-text {
    clip: rect(0, 0, 0, 0);
    margin: -1px;
    overflow: hidden
}

.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--hidden.bx--tooltip--a11y:before {
    -webkit-animation: none;
    animation: none;
    opacity: 0
}

.bx--tooltip__trigger.bx--tooltip--right .bx--assistive-text:after {
    content: "";
    display: block;
    height: 100%;
    left: -.75rem;
    position: absolute;
    top: 0;
    width: .75rem
}

.bx--tooltip__trigger.bx--tooltip--right+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--right .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--right:after,
.bx--tooltip__trigger.bx--tooltip--right:before {
    right: 0;
    top: 50%
}

.bx--tooltip__trigger.bx--tooltip--right:before {
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: var(--inverse-02);
    border-top-color: transparent;
    border-width: .25rem .3125rem .25rem 0;
    right: -.5rem;
    -webkit-transform: translate(100%, -50%);
    transform: translate(100%, -50%)
}

.bx--tooltip__trigger.bx--tooltip--right+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--right .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--right:after {
    right: -.8125rem;
    -webkit-transform: translate(100%, -50%);
    transform: translate(100%, -50%)
}

.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-start .bx--assistive-text:after {
    content: "";
    display: block;
    height: 100%;
    left: -.75rem;
    position: absolute;
    top: 0;
    width: .75rem
}

.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-start+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-start .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-start:after,
.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-start:before {
    right: 0;
    top: 50%
}

.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-start:before {
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: var(--inverse-02);
    border-top-color: transparent;
    border-width: .25rem .3125rem .25rem 0;
    right: -.5rem;
    -webkit-transform: translate(100%, -50%);
    transform: translate(100%, -50%)
}

.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-start+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-start .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-start:after {
    right: -.8125rem;
    -webkit-transform: translate(100%, -50%);
    transform: translate(100%, -50%)
}

.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-center .bx--assistive-text:after {
    content: "";
    display: block;
    height: 100%;
    left: -.75rem;
    position: absolute;
    top: 0;
    width: .75rem
}

.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-center+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-center .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-center:after,
.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-center:before {
    right: 0;
    top: 50%
}

.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-center:before {
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: var(--inverse-02);
    border-top-color: transparent;
    border-width: .25rem .3125rem .25rem 0;
    right: -.5rem;
    -webkit-transform: translate(100%, -50%);
    transform: translate(100%, -50%)
}

.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-center+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-center .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-center:after {
    right: -.8125rem;
    -webkit-transform: translate(100%, -50%);
    transform: translate(100%, -50%)
}

.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-end .bx--assistive-text:after {
    content: "";
    display: block;
    height: 100%;
    left: -.75rem;
    position: absolute;
    top: 0;
    width: .75rem
}

.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-end+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-end .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-end:after,
.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-end:before {
    right: 0;
    top: 50%
}

.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-end:before {
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: var(--inverse-02);
    border-top-color: transparent;
    border-width: .25rem .3125rem .25rem 0;
    right: -.5rem;
    -webkit-transform: translate(100%, -50%);
    transform: translate(100%, -50%)
}

.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-end+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-end .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-end:after {
    right: -.8125rem;
    -webkit-transform: translate(100%, -50%);
    transform: translate(100%, -50%)
}

.bx--tooltip__trigger.bx--tooltip--bottom {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    overflow: visible;
    position: relative
}

.bx--tooltip__trigger.bx--tooltip--bottom:focus {
    outline: 1px solid var(--focus)
}

@media screen and (prefers-contrast) {
    .bx--tooltip__trigger.bx--tooltip--bottom:focus {
        outline-style: dotted
    }
}

.bx--tooltip__trigger.bx--tooltip--bottom:focus {
    outline: 1px solid transparent
}

.bx--tooltip__trigger.bx--tooltip--bottom:focus svg {
    outline: 1px solid var(--focus)
}

@media screen and (prefers-contrast) {
    .bx--tooltip__trigger.bx--tooltip--bottom:focus svg {
        outline-style: dotted
    }
}

.bx--tooltip__trigger.bx--tooltip--bottom+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--bottom .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--bottom:after,
.bx--tooltip__trigger.bx--tooltip--bottom:before {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    z-index: 6000
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .bx--tooltip__trigger.bx--tooltip--bottom+.bx--assistive-text,
    .bx--tooltip__trigger.bx--tooltip--bottom .bx--assistive-text,
    .bx--tooltip__trigger.bx--tooltip--bottom:after,
    .bx--tooltip__trigger.bx--tooltip--bottom:before {
        display: inline-block
    }
}

.bx--tooltip__trigger.bx--tooltip--bottom:after,
.bx--tooltip__trigger.bx--tooltip--bottom:before {
    -webkit-transition: opacity 70ms cubic-bezier(.2, 0, .38, .9);
    transition: opacity 70ms cubic-bezier(.2, 0, .38, .9)
}

.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--a11y:after,
.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--a11y:before {
    -webkit-transition: none;
    transition: none
}

.bx--tooltip__trigger.bx--tooltip--bottom:before {
    border-style: solid;
    content: "";
    height: 0;
    width: 0
}

.bx--tooltip__trigger.bx--tooltip--bottom+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--bottom .bx--assistive-text {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    color: inherit;
    opacity: 1;
    white-space: normal;
    word-break: break-word
}

.bx--tooltip__trigger.bx--tooltip--bottom+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--bottom .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--bottom:after {
    background-color: var(--inverse-02);
    border-radius: .125rem;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
    color: var(--inverse-01);
    font-size: .857rem;
    font-weight: 400;
    height: auto;
    letter-spacing: .16px;
    line-height: 1.125rem;
    max-width: 13rem;
    min-width: 1.5rem;
    padding: .1875rem 1rem;
    text-align: left;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    z-index: 6000
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .bx--tooltip__trigger.bx--tooltip--bottom+.bx--assistive-text,
    .bx--tooltip__trigger.bx--tooltip--bottom .bx--assistive-text,
    .bx--tooltip__trigger.bx--tooltip--bottom:after {
        width: auto
    }
}

@supports(-ms-accelerator:true) {
    .bx--tooltip__trigger.bx--tooltip--bottom+.bx--assistive-text,
    .bx--tooltip__trigger.bx--tooltip--bottom .bx--assistive-text,
    .bx--tooltip__trigger.bx--tooltip--bottom:after {
        width: auto
    }
}

@supports(-ms-ime-align:auto) {
    .bx--tooltip__trigger.bx--tooltip--bottom+.bx--assistive-text,
    .bx--tooltip__trigger.bx--tooltip--bottom .bx--assistive-text,
    .bx--tooltip__trigger.bx--tooltip--bottom:after {
        width: auto
    }
}

@media screen and (-ms-high-contrast:active),
screen and (prefers-contrast) {
    .bx--tooltip__trigger.bx--tooltip--bottom+.bx--assistive-text,
    .bx--tooltip__trigger.bx--tooltip--bottom .bx--assistive-text,
    .bx--tooltip__trigger.bx--tooltip--bottom:after {
        border: 1px solid transparent
    }
}

.bx--tooltip__trigger.bx--tooltip--bottom:after {
    content: attr(aria-label)
}

.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--a11y:after {
    content: none
}

.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--visible:after,
.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--visible:before,
.bx--tooltip__trigger.bx--tooltip--bottom:focus:after,
.bx--tooltip__trigger.bx--tooltip--bottom:focus:before,
.bx--tooltip__trigger.bx--tooltip--bottom:hover:after,
.bx--tooltip__trigger.bx--tooltip--bottom:hover:before {
    opacity: 1
}

.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--visible+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--visible .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--bottom:focus+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--bottom:focus .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--bottom:hover+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--bottom:hover .bx--assistive-text {
    clip: auto;
    margin: auto;
    overflow: visible
}

.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--visible+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--visible .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--visible.bx--tooltip--a11y:before,
.bx--tooltip__trigger.bx--tooltip--bottom:focus+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--bottom:focus .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--bottom:focus.bx--tooltip--a11y:before,
.bx--tooltip__trigger.bx--tooltip--bottom:hover+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--bottom:hover .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--bottom:hover.bx--tooltip--a11y:before {
    -webkit-animation: tooltip-fade 70ms cubic-bezier(.2, 0, .38, .9);
    animation: tooltip-fade 70ms cubic-bezier(.2, 0, .38, .9)
}

.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--hidden+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--hidden .bx--assistive-text {
    clip: rect(0, 0, 0, 0);
    margin: -1px;
    overflow: hidden
}

.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--hidden.bx--tooltip--a11y:before {
    -webkit-animation: none;
    animation: none;
    opacity: 0
}

.bx--tooltip__trigger.bx--tooltip--bottom .bx--assistive-text:after {
    content: "";
    display: block;
    height: .75rem;
    left: 0;
    position: absolute;
    top: -.75rem;
    width: 100%
}

.bx--tooltip__trigger.bx--tooltip--bottom+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--bottom .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--bottom:after,
.bx--tooltip__trigger.bx--tooltip--bottom:before {
    bottom: 0;
    left: 50%
}

.bx--tooltip__trigger.bx--tooltip--bottom:before {
    border-bottom-color: var(--inverse-02);
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
    border-width: 0 .25rem .3125rem;
    bottom: -.5rem;
    -webkit-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%)
}

.bx--tooltip__trigger.bx--tooltip--bottom+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--bottom .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--bottom:after {
    bottom: -.8125rem;
    -webkit-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%)
}

.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-start .bx--assistive-text:after {
    content: "";
    display: block;
    height: .75rem;
    left: 0;
    position: absolute;
    top: -.75rem;
    width: 100%
}

.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-start+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-start .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-start:after,
.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-start:before {
    bottom: 0;
    left: 50%
}

.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-start:before {
    border-bottom-color: var(--inverse-02);
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
    border-width: 0 .25rem .3125rem;
    bottom: -.5rem;
    -webkit-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%)
}

.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-start+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-start .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-start:after {
    bottom: -.8125rem;
    left: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-center .bx--assistive-text:after {
    content: "";
    display: block;
    height: .75rem;
    left: 0;
    position: absolute;
    top: -.75rem;
    width: 100%
}

.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-center+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-center .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-center:after,
.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-center:before {
    bottom: 0;
    left: 50%
}

.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-center:before {
    border-bottom-color: var(--inverse-02);
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
    border-width: 0 .25rem .3125rem;
    bottom: -.5rem;
    -webkit-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%)
}

.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-center+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-center .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-center:after {
    bottom: -.8125rem;
    -webkit-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%)
}

.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-end .bx--assistive-text:after {
    content: "";
    display: block;
    height: .75rem;
    left: 0;
    position: absolute;
    top: -.75rem;
    width: 100%
}

.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-end+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-end .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-end:after,
.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-end:before {
    bottom: 0;
    left: 50%
}

.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-end:before {
    border-bottom-color: var(--inverse-02);
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
    border-width: 0 .25rem .3125rem;
    bottom: -.5rem;
    -webkit-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%)
}

.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-end+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-end .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-end:after {
    bottom: -.8125rem;
    left: auto;
    right: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.bx--tooltip__trigger.bx--tooltip--left {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    overflow: visible;
    position: relative
}

.bx--tooltip__trigger.bx--tooltip--left:focus {
    outline: 1px solid var(--focus)
}

@media screen and (prefers-contrast) {
    .bx--tooltip__trigger.bx--tooltip--left:focus {
        outline-style: dotted
    }
}

.bx--tooltip__trigger.bx--tooltip--left:focus {
    outline: 1px solid transparent
}

.bx--tooltip__trigger.bx--tooltip--left:focus svg {
    outline: 1px solid var(--focus)
}

@media screen and (prefers-contrast) {
    .bx--tooltip__trigger.bx--tooltip--left:focus svg {
        outline-style: dotted
    }
}

.bx--tooltip__trigger.bx--tooltip--left+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--left .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--left:after,
.bx--tooltip__trigger.bx--tooltip--left:before {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    z-index: 6000
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .bx--tooltip__trigger.bx--tooltip--left+.bx--assistive-text,
    .bx--tooltip__trigger.bx--tooltip--left .bx--assistive-text,
    .bx--tooltip__trigger.bx--tooltip--left:after,
    .bx--tooltip__trigger.bx--tooltip--left:before {
        display: inline-block
    }
}

.bx--tooltip__trigger.bx--tooltip--left:after,
.bx--tooltip__trigger.bx--tooltip--left:before {
    -webkit-transition: opacity 70ms cubic-bezier(.2, 0, .38, .9);
    transition: opacity 70ms cubic-bezier(.2, 0, .38, .9)
}

.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--a11y:after,
.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--a11y:before {
    -webkit-transition: none;
    transition: none
}

.bx--tooltip__trigger.bx--tooltip--left:before {
    border-style: solid;
    content: "";
    height: 0;
    width: 0
}

.bx--tooltip__trigger.bx--tooltip--left+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--left .bx--assistive-text {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    color: inherit;
    opacity: 1;
    white-space: normal;
    word-break: break-word
}

.bx--tooltip__trigger.bx--tooltip--left+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--left .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--left:after {
    background-color: var(--inverse-02);
    border-radius: .125rem;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
    color: var(--inverse-01);
    font-size: .857rem;
    font-weight: 400;
    height: auto;
    letter-spacing: .16px;
    line-height: 1.125rem;
    max-width: 13rem;
    min-width: 1.5rem;
    padding: .1875rem 1rem;
    text-align: left;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    z-index: 6000
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .bx--tooltip__trigger.bx--tooltip--left+.bx--assistive-text,
    .bx--tooltip__trigger.bx--tooltip--left .bx--assistive-text,
    .bx--tooltip__trigger.bx--tooltip--left:after {
        width: auto
    }
}

@supports(-ms-accelerator:true) {
    .bx--tooltip__trigger.bx--tooltip--left+.bx--assistive-text,
    .bx--tooltip__trigger.bx--tooltip--left .bx--assistive-text,
    .bx--tooltip__trigger.bx--tooltip--left:after {
        width: auto
    }
}

@supports(-ms-ime-align:auto) {
    .bx--tooltip__trigger.bx--tooltip--left+.bx--assistive-text,
    .bx--tooltip__trigger.bx--tooltip--left .bx--assistive-text,
    .bx--tooltip__trigger.bx--tooltip--left:after {
        width: auto
    }
}

@media screen and (-ms-high-contrast:active),
screen and (prefers-contrast) {
    .bx--tooltip__trigger.bx--tooltip--left+.bx--assistive-text,
    .bx--tooltip__trigger.bx--tooltip--left .bx--assistive-text,
    .bx--tooltip__trigger.bx--tooltip--left:after {
        border: 1px solid transparent
    }
}

.bx--tooltip__trigger.bx--tooltip--left:after {
    content: attr(aria-label)
}

.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--a11y:after {
    content: none
}

.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--visible:after,
.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--visible:before,
.bx--tooltip__trigger.bx--tooltip--left:focus:after,
.bx--tooltip__trigger.bx--tooltip--left:focus:before,
.bx--tooltip__trigger.bx--tooltip--left:hover:after,
.bx--tooltip__trigger.bx--tooltip--left:hover:before {
    opacity: 1
}

@keyframes tooltip-fade {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--visible+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--visible .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--left:focus+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--left:focus .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--left:hover+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--left:hover .bx--assistive-text {
    clip: auto;
    margin: auto;
    overflow: visible
}

.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--visible+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--visible .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--visible.bx--tooltip--a11y:before,
.bx--tooltip__trigger.bx--tooltip--left:focus+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--left:focus .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--left:focus.bx--tooltip--a11y:before,
.bx--tooltip__trigger.bx--tooltip--left:hover+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--left:hover .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--left:hover.bx--tooltip--a11y:before {
    -webkit-animation: tooltip-fade 70ms cubic-bezier(.2, 0, .38, .9);
    animation: tooltip-fade 70ms cubic-bezier(.2, 0, .38, .9)
}

.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--hidden+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--hidden .bx--assistive-text {
    clip: rect(0, 0, 0, 0);
    margin: -1px;
    overflow: hidden
}

.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--hidden.bx--tooltip--a11y:before {
    -webkit-animation: none;
    animation: none;
    opacity: 0
}

.bx--tooltip__trigger.bx--tooltip--left .bx--assistive-text:after {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: -.75rem;
    top: 0;
    width: .75rem
}

.bx--tooltip__trigger.bx--tooltip--left+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--left .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--left:after,
.bx--tooltip__trigger.bx--tooltip--left:before {
    left: 0;
    top: 50%
}

.bx--tooltip__trigger.bx--tooltip--left:before {
    border-bottom-color: transparent;
    border-left-color: var(--inverse-02);
    border-right-color: transparent;
    border-top-color: transparent;
    border-width: .25rem 0 .25rem .3125rem;
    left: -.5rem;
    -webkit-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%)
}

.bx--tooltip__trigger.bx--tooltip--left+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--left .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--left:after {
    left: -.8125rem;
    -webkit-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%)
}

.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-start .bx--assistive-text:after {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: -.75rem;
    top: 0;
    width: .75rem
}

.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-start+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-start .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-start:after,
.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-start:before {
    left: 0;
    top: 50%
}

.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-start:before {
    border-bottom-color: transparent;
    border-left-color: var(--inverse-02);
    border-right-color: transparent;
    border-top-color: transparent;
    border-width: .25rem 0 .25rem .3125rem;
    left: -.5rem;
    -webkit-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%)
}

.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-start+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-start .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-start:after {
    left: -.8125rem;
    -webkit-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%)
}

.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-center .bx--assistive-text:after {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: -.75rem;
    top: 0;
    width: .75rem
}

.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-center+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-center .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-center:after,
.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-center:before {
    left: 0;
    top: 50%
}

.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-center:before {
    border-bottom-color: transparent;
    border-left-color: var(--inverse-02);
    border-right-color: transparent;
    border-top-color: transparent;
    border-width: .25rem 0 .25rem .3125rem;
    left: -.5rem;
    -webkit-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%)
}

.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-center+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-center .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-center:after {
    left: -.8125rem;
    -webkit-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%)
}

.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-end .bx--assistive-text:after {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: -.75rem;
    top: 0;
    width: .75rem
}

.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-end+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-end .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-end:after,
.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-end:before {
    left: 0;
    top: 50%
}

.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-end:before {
    border-bottom-color: transparent;
    border-left-color: var(--inverse-02);
    border-right-color: transparent;
    border-top-color: transparent;
    border-width: .25rem 0 .25rem .3125rem;
    left: -.5rem;
    -webkit-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%)
}

.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-end+.bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-end .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-end:after {
    left: -.8125rem;
    -webkit-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%)
}

.bx--tooltip__trigger:not(.bx--tooltip--hidden) .bx--assistive-text {
    pointer-events: all
}

@media (forced-colors:active),
(prefers-contrast),
screen and (-ms-high-contrast:active) {
    .bx--tooltip__trigger:focus svg,
    .bx--tooltip__trigger:hover svg,
    .bx--tooltip__trigger svg {
        fill: ButtonText
    }
    .bx--tooltip__trigger:focus svg {
        color: Highlight;
        outline: 1px solid Highlight
    }
    .bx--assistive-text,
    .bx--tooltip {
        outline: 1px solid transparent
    }
}

.bx--progress {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    list-style: none
}

.bx--progress-step {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    min-width: 7rem;
    overflow: visible;
    position: relative;
    width: 8rem
}

.bx--progress-step .bx--tooltip__label {
    display: block
}

.bx--progress--space-equal .bx--progress-step {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    min-width: 8rem
}

.bx--progress-line {
    border: 1px inset transparent;
    height: 1px;
    left: 0;
    position: absolute;
    width: 8rem
}

.bx--progress--space-equal .bx--progress-line {
    min-width: 8rem;
    width: 100%
}

.bx--progress-step svg {
    -ms-flex-negative: 0;
    fill: var(--interactive-04);
    border-radius: 50%;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 1rem;
    margin: .625rem .5rem 0 0;
    position: relative;
    width: 1rem;
    z-index: 1
}

.bx--progress-label {
    color: var(--text-01);
    font-size: .857rem;
    font-weight: 400;
    letter-spacing: .16px;
    line-height: 1.125rem;
    line-height: 1.45;
    margin: .5rem 0 0;
    max-width: 5.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: color .11s cubic-bezier(.2, 0, .38, .9), -webkit-box-shadow .11s cubic-bezier(.2, 0, .38, .9);
    transition: color .11s cubic-bezier(.2, 0, .38, .9), -webkit-box-shadow .11s cubic-bezier(.2, 0, .38, .9);
    transition: box-shadow .11s cubic-bezier(.2, 0, .38, .9), color .11s cubic-bezier(.2, 0, .38, .9);
    transition: box-shadow .11s cubic-bezier(.2, 0, .38, .9), color .11s cubic-bezier(.2, 0, .38, .9), -webkit-box-shadow .11s cubic-bezier(.2, 0, .38, .9);
    white-space: nowrap
}

.bx--progress-label:before {
    content: "";
    display: block
}

.bx--progress-label:hover {
    -webkit-box-shadow: 0 .0625rem var(--link-01);
    box-shadow: 0 .0625rem var(--link-01);
    color: var(--link-01);
    cursor: pointer
}

.bx--progress-label:focus {
    -webkit-box-shadow: 0 .1875rem 0 0 var(--link-01);
    box-shadow: 0 .1875rem 0 0 var(--link-01);
    color: var(--link-01);
    outline: none
}

.bx--progress--space-equal .bx--progress-label {
    margin-right: .75rem;
    max-width: 100%
}

.bx--progress-step-button:not(.bx--progress-step-button--unclickable) .bx--progress-label:active {
    -webkit-box-shadow: 0 .1875rem 0 0 var(--interactive-04);
    box-shadow: 0 .1875rem 0 0 var(--interactive-04);
    color: var(--interactive-04)
}

.bx--progress-label-overflow:focus~.bx--tooltip,
.bx--progress-label-overflow:hover~.bx--tooltip {
    visibility: inherit
}

.bx--progress-step .bx--tooltip .bx--tooltip__caret {
    margin-left: .625rem
}

.bx--tooltip__text {
    font-weight: 400;
    margin: 0;
    padding: 0
}

.bx--progress-step .bx--tooltip {
    display: block;
    margin-left: 1.375rem;
    margin-top: 2.5rem;
    min-height: 1.5rem;
    min-width: 7.1875rem;
    padding: .5rem 1rem;
    visibility: hidden;
    width: 7.8125rem
}

.bx--progress-step .bx--tooltip,
.bx--progress-step .bx--tooltip_multi {
    color: var(--inverse-01);
    font-size: .857rem;
    font-weight: 400;
    letter-spacing: .16px;
    line-height: 1.125rem
}

.bx--progress-step .bx--tooltip_multi {
    height: auto;
    width: 9.375rem
}

.bx--progress-optional {
    color: var(--text-02);
    font-size: .75rem;
    font-weight: 400;
    left: 0;
    letter-spacing: .32px;
    line-height: 1rem;
    margin-left: 1.5rem;
    margin-top: 1.75rem;
    position: absolute;
    text-align: start
}

.bx--progress-step--current .bx--progress-line {
    background-color: var(--interactive-04)
}

.bx--progress-step--incomplete svg {
    fill: var(--ui-05)
}

.bx--progress-step--incomplete .bx--progress-line {
    background-color: var(--ui-03)
}

.bx--progress-step--complete .bx--progress-line {
    background-color: var(--interactive-04)
}

.bx--progress-step-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: 0;
    cursor: pointer;
    display: inline-block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    text-align: left;
    width: 100%
}

.bx--progress-step-button::-moz-focus-inner {
    border: 0
}

.bx--progress-step-button--unclickable {
    cursor: default;
    outline: none
}

.bx--progress-step-button--unclickable .bx--progress-label:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: var(--text-01);
    cursor: default
}

.bx--progress-step-button--unclickable .bx--tooltip__label:hover {
    -webkit-box-shadow: 0 .0625rem var(--link-01);
    box-shadow: 0 .0625rem var(--link-01);
    color: var(--link-01);
    cursor: pointer
}

.bx--progress-step--disabled {
    cursor: not-allowed;
    pointer-events: none
}

.bx--progress-step--disabled svg {
    fill: var(--disabled-02);
    cursor: not-allowed
}

.bx--progress-step--disabled .bx--progress-label,
.bx--progress-step--disabled .bx--progress-label:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: var(--disabled-02);
    cursor: not-allowed
}

.bx--progress-step--disabled .bx--progress-label:active,
.bx--progress-step--disabled .bx--progress-label:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none
}

.bx--progress-step--disabled .bx--progress-line {
    cursor: not-allowed
}

.bx--progress-step--disabled .bx--progress-label-overflow:hover~.bx--tooltip--definition .bx--tooltip--definition__bottom {
    display: none
}

.bx--progress__warning>* {
    fill: var(--support-01)
}

.bx--progress.bx--skeleton .bx--progress-label {
    background: var(--skeleton-01);
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: .875rem;
    margin-top: .625rem;
    padding: 0;
    pointer-events: none;
    position: relative;
    width: 2.5rem
}

.bx--progress.bx--skeleton .bx--progress-label:active,
.bx--progress.bx--skeleton .bx--progress-label:focus,
.bx--progress.bx--skeleton .bx--progress-label:hover {
    border: none;
    cursor: default;
    outline: none
}

.bx--progress.bx--skeleton .bx--progress-label:before {
    -webkit-animation: skeleton 3s ease-in-out infinite;
    animation: skeleton 3s ease-in-out infinite;
    background: var(--skeleton-02);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    will-change: transform-origin, transform, opacity
}

@media(prefers-reduced-motion:reduce) {
    .bx--progress.bx--skeleton .bx--progress-label:before {
        -webkit-animation: none;
        animation: none
    }
}

.bx--progress--vertical,
.bx--progress-text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.bx--progress--vertical .bx--progress-step,
.bx--progress--vertical .bx--progress-step-button {
    -ms-flex-line-pack: start;
    -webkit-align-content: flex-start;
    align-content: flex-start;
    min-height: 3.625rem;
    min-width: auto;
    width: auto
}

.bx--progress--vertical .bx--progress-step-button svg,
.bx--progress--vertical .bx--progress-step svg {
    display: inline-block;
    margin: .0625rem .5rem 0
}

.bx--progress--vertical .bx--progress-label {
    display: inline-block;
    margin: 0;
    max-width: 10rem;
    vertical-align: top;
    white-space: normal;
    width: auto
}

.bx--progress--vertical .bx--progress-step .bx--tooltip {
    margin-top: .5rem
}

.bx--progress--vertical .bx--progress-optional {
    margin: auto 0;
    position: static;
    width: 100%
}

.bx--progress--vertical .bx--progress-line {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 1px
}

.bx--radio-button-group {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.bx--label+.bx--form-item .bx--radio-button-group {
    margin-top: 0
}

.bx--radio-button-group--vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.bx--radio-button-group--vertical.bx--radio-button-group--label-left {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end
}

.bx--radio-button-group--vertical .bx--radio-button__label {
    line-height: 1.25rem;
    margin-right: 0
}

.bx--radio-button-group--vertical .bx--radio-button__label:not(:last-of-type) {
    margin-bottom: .5rem
}

.bx--radio-button {
    clip: rect(0, 0, 0, 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    visibility: inherit;
    white-space: nowrap;
    width: 1px
}

.bx--radio-button__label {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: .857rem;
    font-weight: 400;
    letter-spacing: .16px;
    line-height: 1.125rem;
    margin-right: 1rem
}

.bx--radio-button__appearance {
    -ms-flex-negative: 0;
    background-color: transparent;
    border: 1px solid var(--icon-01);
    border-radius: 50%;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 1.125rem;
    margin: .0625rem .5rem .125rem .125rem;
    width: 1.125rem
}

.bx--radio-button:checked+.bx--radio-button__label .bx--radio-button__appearance {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    border-color: var(--icon-01);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center
}

.bx--radio-button:checked+.bx--radio-button__label .bx--radio-button__appearance:before {
    background-color: var(--icon-01);
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 100%;
    position: relative;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    width: 100%
}

@media screen and (-ms-high-contrast:active) {
    .bx--radio-button:checked+.bx--radio-button__label .bx--radio-button__appearance:before {
        background-color: WindowText
    }
}

@media screen and (prefers-contrast) {
    .bx--radio-button:checked+.bx--radio-button__label .bx--radio-button__appearance:before {
        border: 2px solid WindowText
    }
}

.bx--radio-button:disabled+.bx--radio-button__label {
    color: var(--disabled-02);
    cursor: not-allowed
}

.bx--radio-button:disabled+.bx--radio-button__label .bx--radio-button__appearance,
.bx--radio-button:disabled:checked+.bx--radio-button__label .bx--radio-button__appearance {
    border-color: var(--disabled-02)
}

.bx--radio-button:disabled+.bx--radio-button__label .bx--radio-button__appearance:before,
.bx--radio-button:disabled:checked+.bx--radio-button__label .bx--radio-button__appearance:before {
    background-color: var(--disabled-02)
}

.bx--radio-button:focus+.bx--radio-button__label .bx--radio-button__appearance {
    outline: 2px solid var(--focus);
    outline-offset: 1.5px
}

.bx--radio-button__label.bx--skeleton {
    background: var(--skeleton-01);
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 1.125rem;
    padding: 0;
    pointer-events: none;
    position: relative;
    width: 6.25rem
}

.bx--radio-button__label.bx--skeleton:active,
.bx--radio-button__label.bx--skeleton:focus,
.bx--radio-button__label.bx--skeleton:hover {
    border: none;
    cursor: default;
    outline: none
}

.bx--radio-button__label.bx--skeleton:before {
    -webkit-animation: skeleton 3s ease-in-out infinite;
    animation: skeleton 3s ease-in-out infinite;
    background: var(--skeleton-02);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    will-change: transform-origin, transform, opacity
}

@media(prefers-reduced-motion:reduce) {
    .bx--radio-button__label.bx--skeleton:before {
        -webkit-animation: none;
        animation: none
    }
}

.bx--radio-button__label.bx--skeleton .bx--radio-button__appearance {
    display: none
}

.bx--radio-button-wrapper .bx--radio-button__label {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0
}

.bx--radio-button-wrapper:not(:last-of-type) {
    margin-right: 1rem
}

.bx--radio-button-group--vertical .bx--radio-button-wrapper:not(:last-of-type) {
    margin-bottom: .5rem;
    margin-right: 0
}

.bx--radio-button-group--label-right .bx--radio-button__label,
.bx--radio-button-wrapper.bx--radio-button-wrapper--label-right .bx--radio-button__label {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.bx--radio-button-group--label-left .bx--radio-button__label,
.bx--radio-button-wrapper.bx--radio-button-wrapper--label-left .bx--radio-button__label {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.bx--radio-button-group--label-left .bx--radio-button__appearance,
.bx--radio-button-wrapper.bx--radio-button-wrapper--label-left .bx--radio-button__appearance {
    margin-left: .5rem;
    margin-right: 0
}

.bx--search {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 100%
}

.bx--search .bx--label {
    clip: rect(0, 0, 0, 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    visibility: inherit;
    white-space: nowrap;
    width: 1px
}

.bx--search-input {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--field-01);
    border: none;
    border-bottom: 1px solid var(--ui-04);
    color: var(--text-01);
    font-size: .857rem;
    font-weight: 400;
    letter-spacing: .16px;
    line-height: 1.125rem;
    -webkit-order: 1;
    order: 1;
    outline: 2px solid transparent;
    outline-offset: -2px;
    padding: 0 2.5rem;
    text-overflow: ellipsis;
    -webkit-transition: background-color .11s cubic-bezier(.2, 0, .38, .9), outline .11s cubic-bezier(.2, 0, .38, .9);
    transition: background-color .11s cubic-bezier(.2, 0, .38, .9), outline .11s cubic-bezier(.2, 0, .38, .9);
    width: 100%
}

.bx--search-input:focus {
    outline: 2px solid var(--focus);
    outline-offset: -2px
}

@media screen and (prefers-contrast) {
    .bx--search-input:focus {
        outline-style: dotted
    }
}

.bx--search-input::-webkit-input-placeholder {
    color: var(--text-05);
    opacity: 1
}

.bx--search-input::-moz-placeholder {
    color: var(--text-05);
    opacity: 1
}

.bx--search-input:-ms-input-placeholder {
    color: var(--text-05);
    opacity: 1
}

.bx--search-input::-ms-input-placeholder {
    color: var(--text-05);
    opacity: 1
}

.bx--search-input::placeholder {
    color: var(--text-05);
    opacity: 1
}

.bx--search-input::-ms-clear {
    display: none
}

.bx--search-input[disabled] {
    background-color: var(--field-01);
    border-bottom: 1px solid transparent;
    color: var(--disabled-02);
    cursor: not-allowed
}

.bx--search-input[disabled]::-webkit-input-placeholder {
    color: var(--disabled-02)
}

.bx--search-input[disabled]::-moz-placeholder {
    color: var(--disabled-02)
}

.bx--search-input[disabled]:-ms-input-placeholder {
    color: var(--disabled-02)
}

.bx--search-input[disabled]::-ms-input-placeholder {
    color: var(--disabled-02)
}

.bx--search-input[disabled]::placeholder {
    color: var(--disabled-02)
}

.bx--search--light .bx--search-close:before,
.bx--search--light .bx--search-input {
    background: var(--field-02)
}

.bx--search--sm.bx--search--expandable.bx--search--expanded .bx--search-input,
.bx--search--sm .bx--search-input {
    height: 2rem;
    padding: 0 2rem
}

.bx--search--sm .bx--search-magnifier-icon {
    left: .5rem
}

.bx--search--lg.bx--search--expandable.bx--search--expanded .bx--search-input,
.bx--search--lg .bx--search-input {
    height: 2.5rem;
    padding: 0 2.5rem
}

.bx--search--lg .bx--search-magnifier-icon {
    left: .75rem
}

.bx--search--xl.bx--search--expandable.bx--search--expanded .bx--search-input,
.bx--search--xl .bx--search-input {
    height: 3rem;
    padding: 0 3rem
}

.bx--search-magnifier-icon {
    fill: var(--icon-02);
    height: 1rem;
    left: 1rem;
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1rem;
    z-index: 2
}

.bx--search-close {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: 0;
    cursor: pointer;
    display: inline-block;
    outline: 2px solid transparent;
    outline-offset: -2px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0
}

.bx--search-close::-moz-focus-inner {
    border: 0
}

.bx--search-close:before {
    background-color: var(--field-01);
    content: "";
    display: block;
    height: calc(100% - 2px);
    left: 0;
    position: absolute;
    top: .0625rem;
    -webkit-transition: background-color .11s cubic-bezier(.2, 0, .38, .9);
    transition: background-color .11s cubic-bezier(.2, 0, .38, .9);
    width: 2px
}

.bx--search-close:hover {
    border-bottom: 1px solid var(--ui-04)
}

.bx--search-close:hover:before {
    background-color: var(--hover-field)
}

.bx--search-button {
    -ms-flex-negative: 0;
    background-color: var(--field-01);
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    margin-left: .125rem
}

.bx--search-button svg {
    fill: currentColor;
    vertical-align: middle
}

.bx--search-close svg {
    fill: inherit
}

.bx--search-button,
.bx--search-close {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    fill: var(--icon-01);
    -webkit-align-items: center;
    align-items: center;
    border-color: transparent;
    border-style: solid;
    border-width: 1px 0;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 2.5rem;
    -webkit-justify-content: center;
    justify-content: center;
    opacity: 1;
    -webkit-transition: opacity .11s cubic-bezier(.2, 0, .38, .9), background-color .11s cubic-bezier(.2, 0, .38, .9), outline .11s cubic-bezier(.2, 0, .38, .9), border .11s cubic-bezier(.2, 0, .38, .9);
    transition: opacity .11s cubic-bezier(.2, 0, .38, .9), background-color .11s cubic-bezier(.2, 0, .38, .9), outline .11s cubic-bezier(.2, 0, .38, .9), border .11s cubic-bezier(.2, 0, .38, .9);
    visibility: inherit;
    width: 2.5rem
}

.bx--search-button:hover,
.bx--search-close:hover {
    background-color: var(--hover-field)
}

.bx--search-button:focus,
.bx--search-close:focus {
    outline: 2px solid var(--focus);
    outline-offset: -2px
}

@media screen and (prefers-contrast) {
    .bx--search-button:focus,
    .bx--search-close:focus {
        outline-style: dotted
    }
}

.bx--search-button:active,
.bx--search-close:active {
    background-color: var(--selected-ui);
    outline: 2px solid var(--focus);
    outline-offset: -2px
}

@media screen and (prefers-contrast) {
    .bx--search-button:active,
    .bx--search-close:active {
        outline-style: dotted
    }
}

.bx--search--disabled.bx--search--expandable .bx--search-magnifier,
.bx--search--disabled .bx--search-close {
    cursor: not-allowed;
    outline: none
}

.bx--search--disabled.bx--search--expandable .bx--search-magnifier:hover,
.bx--search--disabled .bx--search-close:hover {
    background-color: transparent;
    border-bottom-color: transparent
}

.bx--search--disabled.bx--search--expandable .bx--search-magnifier:hover:before,
.bx--search--disabled .bx--search-close:hover:before {
    background-color: transparent
}

.bx--search--disabled svg {
    fill: var(--disabled-02)
}

.bx--search-close:active:before,
.bx--search-close:focus:before {
    background-color: var(--focus)
}

.bx--search-input:focus~.bx--search-close:hover {
    outline: 2px solid var(--focus);
    outline-offset: -2px
}

@media screen and (prefers-contrast) {
    .bx--search-input:focus~.bx--search-close:hover {
        outline-style: dotted
    }
}

.bx--search--sm.bx--search--expandable,
.bx--search--sm.bx--search--expandable .bx--search-magnifier,
.bx--search--sm .bx--search-close,
.bx--search--sm~.bx--search-button {
    height: 2rem;
    width: 2rem
}

.bx--search--sm.bx--search--expandable .bx--search-input::-webkit-input-placeholder {
    padding: 0 2rem
}

.bx--search--sm.bx--search--expandable .bx--search-input::-moz-placeholder {
    padding: 0 2rem
}

.bx--search--sm.bx--search--expandable .bx--search-input:-ms-input-placeholder {
    padding: 0 2rem
}

.bx--search--sm.bx--search--expandable .bx--search-input::-ms-input-placeholder {
    padding: 0 2rem
}

.bx--search--sm.bx--search--expandable .bx--search-input::placeholder {
    padding: 0 2rem
}

.bx--search--lg.bx--search--expandable,
.bx--search--lg.bx--search--expandable .bx--search-magnifier,
.bx--search--lg .bx--search-close,
.bx--search--lg~.bx--search-button {
    height: 2.5rem;
    width: 2.5rem
}

.bx--search--lg.bx--search--expandable .bx--search-input::-webkit-input-placeholder {
    padding: 0 2.5rem
}

.bx--search--lg.bx--search--expandable .bx--search-input::-moz-placeholder {
    padding: 0 2.5rem
}

.bx--search--lg.bx--search--expandable .bx--search-input:-ms-input-placeholder {
    padding: 0 2.5rem
}

.bx--search--lg.bx--search--expandable .bx--search-input::-ms-input-placeholder {
    padding: 0 2.5rem
}

.bx--search--lg.bx--search--expandable .bx--search-input::placeholder {
    padding: 0 2.5rem
}

.bx--search--xl.bx--search--expandable,
.bx--search--xl.bx--search--expandable .bx--search-magnifier,
.bx--search--xl .bx--search-close,
.bx--search--xl~.bx--search-button {
    height: 3rem;
    width: 3rem
}

.bx--search--xl.bx--search--expandable .bx--search-input::-webkit-input-placeholder {
    padding: 0 3rem
}

.bx--search--xl.bx--search--expandable .bx--search-input::-moz-placeholder {
    padding: 0 3rem
}

.bx--search--xl.bx--search--expandable .bx--search-input:-ms-input-placeholder {
    padding: 0 3rem
}

.bx--search--xl.bx--search--expandable .bx--search-input::-ms-input-placeholder {
    padding: 0 3rem
}

.bx--search--xl.bx--search--expandable .bx--search-input::placeholder {
    padding: 0 3rem
}

.bx--search-close--hidden {
    opacity: 0;
    visibility: hidden
}

.bx--search--lg.bx--skeleton .bx--search-input,
.bx--search--sm.bx--skeleton .bx--search-input,
.bx--search--xl.bx--skeleton .bx--search-input {
    background: var(--skeleton-01);
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
    pointer-events: none;
    position: relative;
    width: 100%
}

.bx--search--lg.bx--skeleton .bx--search-input:active,
.bx--search--lg.bx--skeleton .bx--search-input:focus,
.bx--search--lg.bx--skeleton .bx--search-input:hover,
.bx--search--sm.bx--skeleton .bx--search-input:active,
.bx--search--sm.bx--skeleton .bx--search-input:focus,
.bx--search--sm.bx--skeleton .bx--search-input:hover,
.bx--search--xl.bx--skeleton .bx--search-input:active,
.bx--search--xl.bx--skeleton .bx--search-input:focus,
.bx--search--xl.bx--skeleton .bx--search-input:hover {
    border: none;
    cursor: default;
    outline: none
}

.bx--search--lg.bx--skeleton .bx--search-input:before,
.bx--search--sm.bx--skeleton .bx--search-input:before,
.bx--search--xl.bx--skeleton .bx--search-input:before {
    -webkit-animation: skeleton 3s ease-in-out infinite;
    animation: skeleton 3s ease-in-out infinite;
    background: var(--skeleton-02);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    will-change: transform-origin, transform, opacity
}

@media(prefers-reduced-motion:reduce) {
    .bx--search--lg.bx--skeleton .bx--search-input:before,
    .bx--search--sm.bx--skeleton .bx--search-input:before,
    .bx--search--xl.bx--skeleton .bx--search-input:before {
        -webkit-animation: none;
        animation: none
    }
}

.bx--search--lg.bx--skeleton .bx--search-input::-webkit-input-placeholder,
.bx--search--sm.bx--skeleton .bx--search-input::-webkit-input-placeholder,
.bx--search--xl.bx--skeleton .bx--search-input::-webkit-input-placeholder {
    color: transparent
}

.bx--search--lg.bx--skeleton .bx--search-input::-moz-placeholder,
.bx--search--sm.bx--skeleton .bx--search-input::-moz-placeholder,
.bx--search--xl.bx--skeleton .bx--search-input::-moz-placeholder {
    color: transparent
}

.bx--search--lg.bx--skeleton .bx--search-input:-ms-input-placeholder,
.bx--search--sm.bx--skeleton .bx--search-input:-ms-input-placeholder,
.bx--search--xl.bx--skeleton .bx--search-input:-ms-input-placeholder {
    color: transparent
}

.bx--search--lg.bx--skeleton .bx--search-input::-ms-input-placeholder,
.bx--search--sm.bx--skeleton .bx--search-input::-ms-input-placeholder,
.bx--search--xl.bx--skeleton .bx--search-input::-ms-input-placeholder {
    color: transparent
}

.bx--search--lg.bx--skeleton .bx--search-input::placeholder,
.bx--search--sm.bx--skeleton .bx--search-input::placeholder,
.bx--search--xl.bx--skeleton .bx--search-input::placeholder {
    color: transparent
}

.bx--search--expandable {
    -webkit-transition: width 70ms cubic-bezier(.2, 0, .38, .9);
    transition: width 70ms cubic-bezier(.2, 0, .38, .9)
}

.bx--search--expandable.bx--search--expanded {
    width: 100%
}

.bx--search--expandable .bx--search-input {
    padding: 0;
    -webkit-transition: padding 70ms cubic-bezier(.2, 0, .38, .9), width 0s linear 70ms;
    transition: padding 70ms cubic-bezier(.2, 0, .38, .9), width 0s linear 70ms;
    width: 0
}

.bx--search--expandable .bx--search-input::-webkit-input-placeholder {
    opacity: 0;
    position: relative;
    -webkit-transition-duration: 70ms;
    transition-duration: 70ms;
    -webkit-transition-property: padding, opacity;
    transition-property: padding, opacity;
    -webkit-transition-timing-function: cubic-bezier(.2, 0, .38, .9);
    transition-timing-function: cubic-bezier(.2, 0, .38, .9)
}

.bx--search--expandable .bx--search-input::-moz-placeholder {
    opacity: 0;
    position: relative;
    transition-duration: 70ms;
    -moz-transition-property: padding, opacity;
    transition-property: padding, opacity;
    transition-timing-function: cubic-bezier(.2, 0, .38, .9)
}

.bx--search--expandable .bx--search-input:-ms-input-placeholder {
    opacity: 0;
    position: relative;
    transition-duration: 70ms;
    -ms-transition-property: padding, opacity;
    transition-property: padding, opacity;
    transition-timing-function: cubic-bezier(.2, 0, .38, .9)
}

.bx--search--expandable .bx--search-input::-ms-input-placeholder {
    opacity: 0;
    position: relative;
    transition-duration: 70ms;
    -ms-transition-property: padding, opacity;
    transition-property: padding, opacity;
    transition-timing-function: cubic-bezier(.2, 0, .38, .9)
}

.bx--search--expandable .bx--search-input::placeholder {
    opacity: 0;
    position: relative;
    -webkit-transition-duration: 70ms;
    transition-duration: 70ms;
    -webkit-transition-property: padding, opacity;
    transition-property: padding, opacity;
    -webkit-transition-timing-function: cubic-bezier(.2, 0, .38, .9);
    transition-timing-function: cubic-bezier(.2, 0, .38, .9)
}

.bx--search--expandable.bx--search--expanded .bx--search-input {
    -webkit-transition: padding 70ms cubic-bezier(.2, 0, .38, .9);
    transition: padding 70ms cubic-bezier(.2, 0, .38, .9);
    width: 100%
}

.bx--search--expandable.bx--search--expanded .bx--search-input::-webkit-input-placeholder {
    opacity: 1;
    padding: 0;
    position: relative
}

.bx--search--expandable.bx--search--expanded .bx--search-input::-moz-placeholder {
    opacity: 1;
    padding: 0;
    position: relative
}

.bx--search--expandable.bx--search--expanded .bx--search-input:-ms-input-placeholder {
    opacity: 1;
    padding: 0;
    position: relative
}

.bx--search--expandable.bx--search--expanded .bx--search-input::-ms-input-placeholder {
    opacity: 1;
    padding: 0;
    position: relative
}

.bx--search--expandable.bx--search--expanded .bx--search-input::placeholder {
    opacity: 1;
    padding: 0;
    position: relative
}

.bx--search--expandable .bx--search-magnifier {
    cursor: pointer;
    position: absolute
}

.bx--search--expandable .bx--search-magnifier:hover {
    background-color: var(--hover-ui)
}

.bx--search--expandable.bx--search--expanded .bx--search-magnifier {
    pointer-events: none
}

.bx--search--expandable .bx--search-magnifier-icon {
    fill: var(--icon-01)
}

.bx--search--expandable.bx--search--expanded .bx--search-magnifier-icon {
    fill: var(--icon-02)
}

@media (forced-colors:active),
(prefers-contrast),
screen and (-ms-high-contrast:active) {
    .bx--search-close svg,
    .bx--search-magnifier-icon {
        fill: ButtonText
    }
}

.bx--skeleton__text {
    background: var(--skeleton-01);
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 1rem;
    margin-bottom: .5rem;
    padding: 0;
    pointer-events: none;
    position: relative;
    width: 100%
}

.bx--skeleton__text:active,
.bx--skeleton__text:focus,
.bx--skeleton__text:hover {
    border: none;
    cursor: default;
    outline: none
}

.bx--skeleton__text:before {
    -webkit-animation: skeleton 3s ease-in-out infinite;
    animation: skeleton 3s ease-in-out infinite;
    background: var(--skeleton-02);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    will-change: transform-origin, transform, opacity
}

@media(prefers-reduced-motion:reduce) {
    .bx--skeleton__text:before {
        -webkit-animation: none;
        animation: none
    }
}

.bx--skeleton__heading {
    height: 1.5rem
}

.bx--icon--skeleton {
    background: var(--skeleton-01);
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: inline-block;
    height: 1rem;
    padding: 0;
    pointer-events: none;
    position: relative;
    width: 1rem
}

.bx--icon--skeleton:active,
.bx--icon--skeleton:focus,
.bx--icon--skeleton:hover {
    border: none;
    cursor: default;
    outline: none
}

.bx--icon--skeleton:before {
    -webkit-animation: skeleton 3s ease-in-out infinite;
    animation: skeleton 3s ease-in-out infinite;
    background: var(--skeleton-02);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    will-change: transform-origin, transform, opacity
}

@media(prefers-reduced-motion:reduce) {
    .bx--icon--skeleton:before {
        -webkit-animation: none;
        animation: none
    }
}

.bx--skeleton__placeholder {
    background: var(--skeleton-01);
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 6.25rem;
    padding: 0;
    pointer-events: none;
    position: relative;
    width: 6.25rem
}

.bx--skeleton__placeholder:active,
.bx--skeleton__placeholder:focus,
.bx--skeleton__placeholder:hover {
    border: none;
    cursor: default;
    outline: none
}

.bx--skeleton__placeholder:before {
    -webkit-animation: skeleton 3s ease-in-out infinite;
    animation: skeleton 3s ease-in-out infinite;
    background: var(--skeleton-02);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    will-change: transform-origin, transform, opacity
}

@media(prefers-reduced-motion:reduce) {
    .bx--skeleton__placeholder:before {
        -webkit-animation: none;
        animation: none
    }
}

.bx--slider-container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.bx--slider {
    cursor: pointer;
    margin: 0 1rem;
    max-width: 40rem;
    min-width: 12.5rem;
    padding: 1rem 0;
    position: relative;
    width: 100%
}

.bx--slider__range-label {
    color: var(--text-01);
    font-family: Lucida Console, Courier New, sans-serif, serif, monospace;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .32px;
    line-height: 1.25rem;
    white-space: nowrap
}

.bx--slider__range-label:last-of-type {
    margin-right: 1rem
}

.bx--slider__track {
    background: var(--ui-03);
    height: .125rem;
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%
}

.bx--slider__track:before {
    background: var(--ui-03);
    content: "";
    display: inline-block;
    height: .25rem;
    left: 50%;
    position: absolute;
    top: -.3125rem;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    width: .125rem
}

.bx--slider__filled-track {
    background: var(--ui-05);
    height: .125rem;
    pointer-events: none;
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform-origin: left;
    transform-origin: left;
    -webkit-transition: background .11s cubic-bezier(.2, 0, .38, .9);
    transition: background .11s cubic-bezier(.2, 0, .38, .9);
    width: 100%
}

.bx--slider__thumb {
    background: var(--ui-05);
    border-radius: 50%;
    -webkit-box-shadow: inset 0 0 0 1px transparent, inset 0 0 0 2px transparent;
    box-shadow: inset 0 0 0 1px transparent, inset 0 0 0 2px transparent;
    height: .875rem;
    outline: none;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: background .11s cubic-bezier(.2, 0, .38, .9), -webkit-transform .11s cubic-bezier(.2, 0, .38, .9), -webkit-box-shadow .11s cubic-bezier(.2, 0, .38, .9);
    transition: background .11s cubic-bezier(.2, 0, .38, .9), -webkit-transform .11s cubic-bezier(.2, 0, .38, .9), -webkit-box-shadow .11s cubic-bezier(.2, 0, .38, .9);
    transition: transform .11s cubic-bezier(.2, 0, .38, .9), background .11s cubic-bezier(.2, 0, .38, .9), box-shadow .11s cubic-bezier(.2, 0, .38, .9);
    transition: transform .11s cubic-bezier(.2, 0, .38, .9), background .11s cubic-bezier(.2, 0, .38, .9), box-shadow .11s cubic-bezier(.2, 0, .38, .9), -webkit-transform .11s cubic-bezier(.2, 0, .38, .9), -webkit-box-shadow .11s cubic-bezier(.2, 0, .38, .9);
    width: .875rem;
    z-index: 3
}

.bx--slider__thumb:focus,
.bx--slider__thumb:hover {
    -webkit-transform: translate(-50%, -50%) scale(1.4286);
    transform: translate(-50%, -50%) scale(1.4286)
}

.bx--slider__thumb:focus {
    background-color: var(--interactive-04);
    -webkit-box-shadow: inset 0 0 0 2px var(--interactive-04), inset 0 0 0 3px var(--ui-01);
    box-shadow: inset 0 0 0 2px var(--interactive-04), inset 0 0 0 3px var(--ui-01)
}

.bx--slider__thumb:active {
    -webkit-box-shadow: inset 0 0 0 2px var(--interactive-04);
    box-shadow: inset 0 0 0 2px var(--interactive-04);
    -webkit-transform: translate(-50%, -50%) scale(1.4286);
    transform: translate(-50%, -50%) scale(1.4286)
}

.bx--slider__input {
    display: none
}

.bx--slider-text-input,
.bx-slider-text-input {
    -moz-appearance: textfield;
    height: 2.5rem;
    text-align: center;
    width: 4rem
}

.bx--slider-text-input::-webkit-inner-spin-button,
.bx--slider-text-input::-webkit-outer-spin-button,
.bx-slider-text-input::-webkit-inner-spin-button,
.bx-slider-text-input::-webkit-outer-spin-button {
    display: none
}

.bx--slider-text-input.bx--text-input--invalid {
    padding-right: 1rem
}

.bx--slider__thumb:focus~.bx--slider__filled-track {
    background-color: var(--interactive-04)
}

.bx--label--disabled~.bx--slider-container>.bx--slider__range-label {
    color: var(--disabled-02)
}

.bx--slider--disabled.bx--slider {
    cursor: not-allowed
}

.bx--slider--disabled .bx--slider__thumb {
    background-color: var(--ui-03)
}

.bx--slider--disabled .bx--slider__thumb:hover {
    cursor: not-allowed;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.bx--slider--disabled .bx--slider__thumb:focus {
    background-color: var(--ui-03);
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.bx--slider--disabled .bx--slider__thumb:active {
    background: var(--ui-03);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.bx--slider--disabled .bx--slider__filled-track,
.bx--slider--disabled .bx--slider__thumb:focus~.bx--slider__filled-track,
.bx--slider--disabled .bx--slider__track {
    background-color: var(--ui-03)
}

.bx--slider--disabled~.bx--form-item .bx--slider-text-input,
.bx--slider--disabled~.bx--slider-text-input {
    background-color: var(--disabled-01);
    border: none;
    color: var(--disabled-02);
    cursor: not-allowed;
    -webkit-transition: none;
    transition: none
}

.bx--slider--disabled~.bx--form-item .bx--slider-text-input:active,
.bx--slider--disabled~.bx--form-item .bx--slider-text-input:focus,
.bx--slider--disabled~.bx--form-item .bx--slider-text-input:hover,
.bx--slider--disabled~.bx--slider-text-input:active,
.bx--slider--disabled~.bx--slider-text-input:focus,
.bx--slider--disabled~.bx--slider-text-input:hover {
    color: var(--disabled-02);
    outline: none
}

.bx--slider-container.bx--skeleton .bx--slider__range-label {
    background: var(--skeleton-01);
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: .75rem;
    padding: 0;
    pointer-events: none;
    position: relative;
    width: 1.25rem
}

.bx--slider-container.bx--skeleton .bx--slider__range-label:active,
.bx--slider-container.bx--skeleton .bx--slider__range-label:focus,
.bx--slider-container.bx--skeleton .bx--slider__range-label:hover {
    border: none;
    cursor: default;
    outline: none
}

.bx--slider-container.bx--skeleton .bx--slider__range-label:before {
    -webkit-animation: skeleton 3s ease-in-out infinite;
    animation: skeleton 3s ease-in-out infinite;
    background: var(--skeleton-02);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    will-change: transform-origin, transform, opacity
}

@media(prefers-reduced-motion:reduce) {
    .bx--slider-container.bx--skeleton .bx--slider__range-label:before {
        -webkit-animation: none;
        animation: none
    }
}

.bx--slider-container.bx--skeleton .bx--slider__track {
    cursor: default;
    pointer-events: none
}

.bx--slider-container.bx--skeleton .bx--slider__thumb {
    cursor: default;
    left: 50%;
    pointer-events: none
}

@media (forced-colors:active),
(prefers-contrast),
screen and (-ms-high-contrast:active) {
    .bx--slider__thumb {
        outline: 1px solid transparent
    }
    .bx--slider__thumb:focus {
        color: Highlight;
        outline: 1px solid Highlight
    }
    .bx--slider__track {
        outline: 1px solid transparent
    }
}

.bx--structured-list--selection .bx--structured-list-td,
.bx--structured-list--selection .bx--structured-list-td:first-child,
.bx--structured-list--selection .bx--structured-list-th,
.bx--structured-list--selection .bx--structured-list-th:first-child {
    padding-left: 1rem;
    padding-right: 1rem
}

.bx--structured-list-input {
    display: none
}

.bx--structured-list {
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
    margin-bottom: 5rem;
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%
}

.bx--structured-list.bx--structured-list--condensed .bx--structured-list-td,
.bx--structured-list.bx--structured-list--condensed .bx--structured-list-th {
    padding: .5rem
}

.bx--structured-list .bx--structured-list-row .bx--structured-list-td:first-of-type,
.bx--structured-list .bx--structured-list-row .bx--structured-list-th:first-of-type {
    padding-left: 1rem
}

.bx--structured-list.bx--structured-list--flush .bx--structured-list-row .bx--structured-list-td,
.bx--structured-list.bx--structured-list--flush .bx--structured-list-row .bx--structured-list-td:first-of-type,
.bx--structured-list.bx--structured-list--flush .bx--structured-list-row .bx--structured-list-th,
.bx--structured-list.bx--structured-list--flush .bx--structured-list-row .bx--structured-list-th:first-of-type {
    padding-left: 0;
    padding-right: 1rem
}

.bx--structured-list-row {
    border-bottom: 1px solid var(--ui-03);
    display: table-row;
    -webkit-transition: background-color .11s cubic-bezier(.2, 0, .38, .9);
    transition: background-color .11s cubic-bezier(.2, 0, .38, .9)
}

.bx--structured-list--selection .bx--structured-list-row:hover:not(.bx--structured-list-row--header-row):not(.bx--structured-list-row--selected) {
    background-color: var(--hover-row);
    border-bottom: 1px solid var(--hover-row);
    cursor: pointer
}

.bx--structured-list-row.bx--structured-list-row--selected {
    background-color: var(--selected-ui)
}

.bx--structured-list-row.bx--structured-list-row--header-row {
    border-bottom: 1px solid var(--selected-ui);
    cursor: inherit
}

.bx--structured-list-row:focus:not(.bx--structured-list-row--header-row) {
    outline: 2px solid var(--focus);
    outline-offset: -2px
}

@media screen and (prefers-contrast) {
    .bx--structured-list-row:focus:not(.bx--structured-list-row--header-row) {
        outline-style: dotted
    }
}

.bx--structured-list--selection .bx--structured-list-row:hover:not(.bx--structured-list-row--header-row)>.bx--structured-list-td,
.bx--structured-list-row.bx--structured-list-row--selected>.bx--structured-list-td {
    color: var(--text-01)
}

.bx--structured-list--selection .bx--structured-list-row:hover:not(.bx--structured-list-row--header-row)>.bx--structured-list-td {
    border-top: 1px solid var(--ui-01)
}

.bx--structured-list-thead {
    display: table-header-group;
    vertical-align: middle
}

.bx--structured-list-th {
    color: var(--text-01);
    display: table-cell;
    font-size: .875rem;
    font-weight: 600;
    height: 2.5rem;
    letter-spacing: .16px;
    line-height: 1.125rem;
    padding: 1rem .5rem .5rem;
    text-align: left;
    text-transform: none;
    vertical-align: top
}

.bx--structured-list-tbody {
    display: table-row-group;
    vertical-align: middle
}

.bx--structured-list-td {
    color: var(--text-02);
    display: table-cell;
    font-size: .857rem;
    font-weight: 400;
    letter-spacing: .16px;
    line-height: 1.125rem;
    max-width: 36rem;
    padding: 1rem .5rem 1.5rem;
    position: relative;
    -webkit-transition: color .11s cubic-bezier(.2, 0, .38, .9);
    transition: color .11s cubic-bezier(.2, 0, .38, .9)
}

.bx--structured-list-content--nowrap {
    white-space: nowrap
}

.bx--structured-list-svg {
    fill: transparent;
    display: inline-block;
    -webkit-transition: all .11s cubic-bezier(.2, 0, .38, .9);
    transition: all .11s cubic-bezier(.2, 0, .38, .9);
    vertical-align: middle
}

.bx--structured-list-input:checked+.bx--structured-list-row .bx--structured-list-svg,
.bx--structured-list-input:checked+.bx--structured-list-td .bx--structured-list-svg {
    fill: var(--icon-01)
}

.bx--structured-list.bx--skeleton .bx--structured-list-th:first-child {
    width: 8%
}

.bx--structured-list.bx--skeleton .bx--structured-list-th:nth-child(3n+2) {
    width: 30%
}

.bx--structured-list.bx--skeleton .bx--structured-list-th:nth-child(3n+3) {
    width: 15%
}

.bx--structured-list.bx--skeleton span {
    background: var(--skeleton-01);
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: block;
    height: 1rem;
    padding: 0;
    pointer-events: none;
    position: relative;
    width: 75%
}

.bx--structured-list.bx--skeleton span:active,
.bx--structured-list.bx--skeleton span:focus,
.bx--structured-list.bx--skeleton span:hover {
    border: none;
    cursor: default;
    outline: none
}

.bx--structured-list.bx--skeleton span:before {
    -webkit-animation: skeleton 3s ease-in-out infinite;
    animation: skeleton 3s ease-in-out infinite;
    background: var(--skeleton-02);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    will-change: transform-origin, transform, opacity
}

@media(prefers-reduced-motion:reduce) {
    .bx--structured-list.bx--skeleton span:before {
        -webkit-animation: none;
        animation: none
    }
}

.bx--structured-list.bx--structured-list--selection.bx--skeleton .bx--structured-list-th:first-child {
    width: 5%
}

.bx--structured-list.bx--structured-list--selection.bx--skeleton .bx--structured-list-th:first-child span {
    display: none
}

@media (forced-colors:active),
(prefers-contrast),
screen and (-ms-high-contrast:active) {
    .bx--structured-list-input:checked+.bx--structured-list-td .bx--structured-list-svg {
        fill: ButtonText
    }
}

.bx--tabs {
    color: var(--text-01);
    font-size: .857rem;
    font-weight: 400;
    height: auto;
    letter-spacing: .16px;
    line-height: 1.125rem;
    width: 100%
}

@media(min-width:42rem) {
    .bx--tabs {
        background: none;
        min-height: 2.5rem
    }
    .bx--tabs--container {
        min-height: 3rem
    }
}

.bx--tabs-trigger {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-align-items: center;
    align-items: center;
    background-color: var(--field-01);
    border-bottom: 1px solid var(--ui-04);
    color: var(--text-01);
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 2.5rem;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    outline: 2px solid transparent;
    padding: 0 3rem 0 1rem
}

@media(min-width:42rem) {
    .bx--tabs-trigger {
        display: none
    }
}

.bx--tabs-trigger:active,
.bx--tabs-trigger:focus {
    outline: 2px solid var(--focus);
    outline-offset: -2px
}

@media screen and (prefers-contrast) {
    .bx--tabs-trigger:active,
    .bx--tabs-trigger:focus {
        outline-style: dotted
    }
}

.bx--tabs-trigger svg {
    fill: var(--ui-05);
    position: absolute;
    right: 1rem;
    -webkit-transition: -webkit-transform 70ms cubic-bezier(.2, 0, .38, .9);
    transition: -webkit-transform 70ms cubic-bezier(.2, 0, .38, .9);
    transition: transform 70ms cubic-bezier(.2, 0, .38, .9);
    transition: transform 70ms cubic-bezier(.2, 0, .38, .9), -webkit-transform 70ms cubic-bezier(.2, 0, .38, .9)
}

.bx--tabs-trigger--open:active,
.bx--tabs-trigger--open:focus {
    outline: 2px solid transparent;
    outline-offset: -2px;
    -webkit-transition: outline 70ms cubic-bezier(.2, 0, .38, .9);
    transition: outline 70ms cubic-bezier(.2, 0, .38, .9)
}

.bx--tabs-trigger--open {
    background: var(--ui-03)
}

.bx--tabs-trigger--open svg {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transform-origin: 50% 45%;
    transform-origin: 50% 45%;
    -webkit-transition: -webkit-transform 70ms;
    transition: -webkit-transform 70ms;
    transition: transform 70ms;
    transition: transform 70ms, -webkit-transform 70ms
}

.bx--tabs--light.bx--tabs-trigger {
    background-color: var(--field-02)
}

.bx--tabs-trigger-text {
    color: var(--text-01);
    font-weight: 400;
    overflow: hidden;
    padding-top: 2px;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bx--tabs-trigger-text:hover {
    color: var(--text-01)
}

.bx--tabs-trigger-text:focus {
    outline: none
}

.bx--tabs__nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background: var(--ui-01);
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    list-style: none;
    margin: 0;
    max-height: 600px;
    padding: 0;
    position: absolute;
    -webkit-transition: max-height 70ms cubic-bezier(.2, 0, .38, .9);
    transition: max-height 70ms cubic-bezier(.2, 0, .38, .9);
    width: 100%;
    z-index: 9100
}

@media(min-width:42rem) {
    .bx--tabs__nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        background: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-transition: inherit;
        transition: inherit;
        width: auto;
        z-index: auto
    }
}

.bx--tabs__nav--hidden {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 70ms cubic-bezier(.2, 0, .38, .9);
    transition: max-height 70ms cubic-bezier(.2, 0, .38, .9)
}

@media(min-width:42rem) {
    .bx--tabs__nav--hidden {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        max-height: none;
        max-width: 100%;
        overflow-x: auto;
        -webkit-transition: inherit;
        transition: inherit
    }
}

.bx--tabs__nav-item {
    background-color: var(--ui-01);
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 2.5rem;
    padding: 0;
    -webkit-transition: background-color 70ms cubic-bezier(.2, 0, .38, .9);
    transition: background-color 70ms cubic-bezier(.2, 0, .38, .9);
    width: 100%
}

@media(min-width:42rem) {
    .bx--tabs__nav-item {
        background: transparent;
        height: auto
    }
    .bx--tabs__nav-item+.bx--tabs__nav-item {
        margin-left: .0625rem
    }
    .bx--tabs--container .bx--tabs__nav-item {
        background-color: var(--ui-03)
    }
    .bx--tabs--container .bx--tabs__nav-item+.bx--tabs__nav-item {
        -webkit-box-shadow: -1px 0 0 0 var(--ui-04);
        box-shadow: -1px 0 0 0 var(--ui-04);
        margin-left: 0
    }
    .bx--tabs--container .bx--tabs__nav-item+.bx--tabs__nav-item.bx--tabs__nav-item--selected,
    .bx--tabs--container .bx--tabs__nav-item.bx--tabs__nav-item--selected+.bx--tabs__nav-item {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.bx--tabs__nav-item .bx--tabs__nav-link {
    -webkit-transition: color 70ms cubic-bezier(.2, 0, .38, .9), border-bottom-color 70ms cubic-bezier(.2, 0, .38, .9), outline 70ms cubic-bezier(.2, 0, .38, .9);
    transition: color 70ms cubic-bezier(.2, 0, .38, .9), border-bottom-color 70ms cubic-bezier(.2, 0, .38, .9), outline 70ms cubic-bezier(.2, 0, .38, .9)
}

@media(min-width:42rem) {
    .bx--tabs__nav-item:hover:not(.bx--tabs__nav-item--selected) {
        background: transparent
    }
}

.bx--tabs__nav-item:hover:not(.bx--tabs__nav-item--disabled) {
    background-color: var(--hover-ui);
    -webkit-box-shadow: 0 -1px 0 var(--hover-ui);
    box-shadow: 0 -1px 0 var(--hover-ui)
}

@media(min-width:42rem) {
    .bx--tabs__nav-item:hover:not(.bx--tabs__nav-item--disabled) {
        background-color: transparent
    }
    .bx--tabs__nav-item:hover:not(.bx--tabs__nav-item--disabled)+.bx--tabs__nav-item {
        -webkit-box-shadow: none;
        box-shadow: none
    }
    .bx--tabs--container .bx--tabs__nav-item:hover:not(.bx--tabs__nav-item--disabled) {
        background-color: var(--hover-selected-ui)
    }
}

.bx--tabs__nav-item--disabled,
.bx--tabs__nav-item--disabled:hover {
    cursor: not-allowed;
    outline: none
}

@media(min-width:42rem) {
    .bx--tabs--container .bx--tabs__nav-item.bx--tabs__nav-item--disabled,
    .bx--tabs--container .bx--tabs__nav-item.bx--tabs__nav-item--disabled:hover {
        background-color: var(--disabled-02)
    }
    .bx--tabs--container .bx--tabs__nav-item--disabled .bx--tabs__nav-link {
        border-bottom: none;
        color: var(--disabled-03)
    }
}

.bx--tabs__nav-item--selected:not(.bx--tabs__nav-item--disabled) {
    border: none;
    display: none;
    -webkit-transition: color 70ms cubic-bezier(.2, 0, .38, .9);
    transition: color 70ms cubic-bezier(.2, 0, .38, .9)
}

@media(min-width:42rem) {
    .bx--tabs__nav-item--selected:not(.bx--tabs__nav-item--disabled) {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
    .bx--tabs__nav-item--selected:not(.bx--tabs__nav-item--disabled) .bx--tabs__nav-link,
    .bx--tabs__nav-item--selected:not(.bx--tabs__nav-item--disabled) .bx--tabs__nav-link:active,
    .bx--tabs__nav-item--selected:not(.bx--tabs__nav-item--disabled) .bx--tabs__nav-link:focus {
        border-bottom: 2px solid var(--interactive-04);
        color: var(--text-01);
        font-size: .875rem;
        font-weight: 600;
        letter-spacing: .16px;
        line-height: 1.125rem
    }
    .bx--tabs--container .bx--tabs__nav-item--selected:hover:not(.bx--tabs__nav-item--disabled),
    .bx--tabs--container .bx--tabs__nav-item--selected:not(.bx--tabs__nav-item--disabled) {
        background-color: var(--ui-01)
    }
    .bx--tabs--container .bx--tabs__nav-item--selected:hover:not(.bx--tabs__nav-item--disabled) .bx--tabs__nav-link,
    .bx--tabs--container .bx--tabs__nav-item--selected:not(.bx--tabs__nav-item--disabled) .bx--tabs__nav-link {
        border-bottom: none;
        -webkit-box-shadow: inset 0 2px 0 0 var(--interactive-04);
        box-shadow: inset 0 2px 0 0 var(--interactive-04);
        line-height: 2rem;
        padding: .5rem 1rem
    }
    .bx--tabs--container .bx--tabs__nav-item--selected:hover:not(.bx--tabs__nav-item--disabled) .bx--tabs__nav-link:active,
    .bx--tabs--container .bx--tabs__nav-item--selected:hover:not(.bx--tabs__nav-item--disabled) .bx--tabs__nav-link:focus,
    .bx--tabs--container .bx--tabs__nav-item--selected:not(.bx--tabs__nav-item--disabled) .bx--tabs__nav-link:active,
    .bx--tabs--container .bx--tabs__nav-item--selected:not(.bx--tabs__nav-item--disabled) .bx--tabs__nav-link:focus {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

a.bx--tabs__nav-link {
    border-bottom: 1px solid var(--ui-03);
    color: var(--text-02);
    display: inline-block;
    font-weight: 400;
    height: 2.5rem;
    line-height: 1rem;
    margin: 0 1rem;
    outline: 2px solid transparent;
    outline-offset: -2px;
    overflow: hidden;
    padding: .75rem 0;
    text-decoration: none;
    text-overflow: ellipsis;
    -webkit-transition: border 70ms cubic-bezier(.2, 0, .38, .9), outline 70ms cubic-bezier(.2, 0, .38, .9);
    transition: border 70ms cubic-bezier(.2, 0, .38, .9), outline 70ms cubic-bezier(.2, 0, .38, .9);
    white-space: nowrap;
    width: calc(100% - 32px)
}

a.bx--tabs__nav-link:active,
a.bx--tabs__nav-link:focus {
    margin: 0;
    outline: 2px solid var(--focus);
    outline-offset: -2px;
    padding-left: 16px;
    width: 100%
}

@media screen and (prefers-contrast) {
    a.bx--tabs__nav-link:active,
    a.bx--tabs__nav-link:focus {
        outline-style: dotted
    }
}

@media(min-width:42rem) {
    a.bx--tabs__nav-link {
        border-bottom: 2px solid var(--ui-03);
        line-height: inherit;
        margin: 0;
        padding: .75rem 1rem .5rem;
        width: 10rem
    }
    a.bx--tabs__nav-link:active,
    a.bx--tabs__nav-link:focus {
        border-bottom: 2px;
        width: 10rem
    }
    .bx--tabs--container a.bx--tabs__nav-link {
        border-bottom: none;
        height: 3rem;
        line-height: 2rem;
        padding: .5rem 1rem
    }
}

.bx--tabs__nav-item:hover:not(.bx--tabs__nav-item--selected):not(.bx--tabs__nav-item--disabled) .bx--tabs__nav-link {
    color: var(--text-01)
}

@media(min-width:42rem) {
    .bx--tabs__nav-item:hover:not(.bx--tabs__nav-item--selected):not(.bx--tabs__nav-item--disabled) .bx--tabs__nav-link {
        border-bottom: 2px solid var(--ui-04);
        color: var(--text-01)
    }
    .bx--tabs--container .bx--tabs__nav-item:hover:not(.bx--tabs__nav-item--selected):not(.bx--tabs__nav-item--disabled) .bx--tabs__nav-link {
        border-bottom: none
    }
}

.bx--tabs__nav-item--disabled .bx--tabs__nav-link {
    border-bottom: 2px solid var(--disabled-01);
    color: var(--disabled-02);
    pointer-events: none
}

.bx--tabs__nav-item--disabled:hover .bx--tabs__nav-link {
    border-bottom: 2px solid var(--disabled-01);
    cursor: no-drop
}

.bx--tabs__nav-item--disabled .bx--tabs__nav-link:focus,
.bx--tabs__nav-item--disabled a.bx--tabs__nav-link:active {
    border-bottom: 2px solid var(--disabled-01);
    outline: none
}

.bx--tabs__nav-item:not(.bx--tabs__nav-item--selected):not(.bx--tabs__nav-item--disabled):not(.bx--tabs__nav-item--selected) .bx--tabs__nav-link:focus,
.bx--tabs__nav-item:not(.bx--tabs__nav-item--selected):not(.bx--tabs__nav-item--disabled):not(.bx--tabs__nav-item--selected) a.bx--tabs__nav-link:active {
    color: var(--text-02)
}

.bx--tab-content {
    padding: 1rem
}

.bx--tab-content:focus {
    outline: 2px solid var(--focus);
    outline-offset: -2px
}

@media screen and (prefers-contrast) {
    .bx--tab-content:focus {
        outline-style: dotted
    }
}

.bx--tabs.bx--skeleton {
    cursor: default;
    pointer-events: none
}

.bx--skeleton.bx--tabs--scrollable:not(.bx--tabs--scrollable--container) .bx--tabs--scrollable__nav-item {
    border-bottom: 2px solid var(--skeleton-02)
}

.bx--tabs.bx--skeleton .bx--tabs__nav-link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    padding: 0 1rem;
    width: 10rem
}

.bx--tabs.bx--skeleton .bx--tabs__nav-link span {
    background: var(--skeleton-01);
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: block;
    height: .875rem;
    padding: 0;
    pointer-events: none;
    position: relative;
    width: 100%
}

.bx--tabs.bx--skeleton .bx--tabs__nav-link span:active,
.bx--tabs.bx--skeleton .bx--tabs__nav-link span:focus,
.bx--tabs.bx--skeleton .bx--tabs__nav-link span:hover {
    border: none;
    cursor: default;
    outline: none
}

.bx--tabs.bx--skeleton .bx--tabs__nav-link span:before {
    -webkit-animation: skeleton 3s ease-in-out infinite;
    animation: skeleton 3s ease-in-out infinite;
    background: var(--skeleton-02);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    will-change: transform-origin, transform, opacity
}

@media(prefers-reduced-motion:reduce) {
    .bx--tabs.bx--skeleton .bx--tabs__nav-link span:before {
        -webkit-animation: none;
        animation: none
    }
}

.bx--tabs.bx--skeleton .bx--tabs-trigger {
    background: var(--skeleton-01);
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
    pointer-events: none;
    position: relative;
    width: 6.25rem
}

.bx--tabs.bx--skeleton .bx--tabs-trigger:active,
.bx--tabs.bx--skeleton .bx--tabs-trigger:focus,
.bx--tabs.bx--skeleton .bx--tabs-trigger:hover {
    border: none;
    cursor: default;
    outline: none
}

.bx--tabs.bx--skeleton .bx--tabs-trigger:before {
    -webkit-animation: skeleton 3s ease-in-out infinite;
    animation: skeleton 3s ease-in-out infinite;
    background: var(--skeleton-02);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    will-change: transform-origin, transform, opacity
}

@media(prefers-reduced-motion:reduce) {
    .bx--tabs.bx--skeleton .bx--tabs-trigger:before {
        -webkit-animation: none;
        animation: none
    }
}

.bx--tabs.bx--skeleton .bx--tabs-trigger svg {
    clip: rect(0, 0, 0, 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    visibility: inherit;
    white-space: nowrap;
    width: 1px
}

.bx--tabs--scrollable {
    color: var(--text-01);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: .857rem;
    font-weight: 400;
    height: auto;
    letter-spacing: .16px;
    line-height: 1.125rem;
    min-height: 2.5rem;
    width: 100%
}

.bx--tabs--scrollable.bx--tabs--scrollable--container {
    min-height: 3rem
}

.bx--tabs--scrollable .bx--tabs--scrollable__nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    list-style: none;
    margin: 0;
    max-width: 100%;
    outline: 0;
    overflow: auto hidden;
    padding: 0;
    scrollbar-width: none;
    -webkit-transition: max-height 70ms cubic-bezier(.2, 0, .38, .9);
    transition: max-height 70ms cubic-bezier(.2, 0, .38, .9);
    width: auto
}

.bx--tabs--scrollable .bx--tabs--scrollable__nav::-webkit-scrollbar {
    display: none
}

.bx--tabs--scrollable .bx--tabs__overflow-indicator--left,
.bx--tabs--scrollable .bx--tabs__overflow-indicator--right {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    width: .5rem;
    z-index: 1
}

.bx--tabs--scrollable .bx--tabs__overflow-indicator--left {
    background-image: -webkit-gradient(linear, right top, left top, from(transparent), to(var(--ui-background)));
    background-image: linear-gradient(to left, transparent, var(--ui-background));
    margin-right: -.5rem
}

.bx--tabs--scrollable .bx--tabs__overflow-indicator--right {
    background-image: -webkit-gradient(linear, left top, right top, from(transparent), to(var(--ui-background)));
    background-image: linear-gradient(to right, transparent, var(--ui-background));
    margin-left: -.5rem
}

.bx--tabs--scrollable .bx--tabs--scrollable--light .bx--tabs__overflow-indicator--left {
    background-image: -webkit-gradient(linear, right top, left top, from(transparent), to(var(--ui-01)));
    background-image: linear-gradient(to left, transparent, var(--ui-01))
}

.bx--tabs--scrollable .bx--tabs--scrollable--light .bx--tabs__overflow-indicator--right {
    background-image: -webkit-gradient(linear, left top, right top, from(transparent), to(var(--ui-01)));
    background-image: linear-gradient(to right, transparent, var(--ui-01))
}

.bx--tabs--scrollable.bx--tabs--scrollable--container .bx--tabs__overflow-indicator--left {
    background-image: -webkit-gradient(linear, right top, left top, from(transparent), to(var(--ui-03)));
    background-image: linear-gradient(to left, transparent, var(--ui-03))
}

.bx--tabs--scrollable.bx--tabs--scrollable--container .bx--tabs__overflow-indicator--right {
    background-image: -webkit-gradient(linear, left top, right top, from(transparent), to(var(--ui-03)));
    background-image: linear-gradient(to right, transparent, var(--ui-03))
}

@media not all and (-webkit-min-device-pixel-ratio:0),
not all and (min-resolution:0.001dpcm) {
    @supports(-webkit-appearance: none) and (stroke-color:transparent) {
        .bx--tabs--scrollable .bx--tabs__overflow-indicator--left {
            background-image:-webkit-gradient(linear, right top, left top, from(rgba(var(--ui-background), 0)), to(var(--ui-background)));
            background-image: linear-gradient(to left, rgba(var(--ui-background), 0), var(--ui-background))
        }
        .bx--tabs--scrollable .bx--tabs__overflow-indicator--right {
            background-image: -webkit-gradient(linear, left top, right top, from(rgba(var(--ui-background), 0)), to(var(--ui-background)));
            background-image: linear-gradient(to right, rgba(var(--ui-background), 0), var(--ui-background))
        }
        .bx--tabs--scrollable.bx--tabs--scrollable--container .bx--tabs__overflow-indicator--left {
            background-image: -webkit-gradient(linear, right top, left top, from(rgba(var(--ui-03), 0)), to(var(--ui-03)));
            background-image: linear-gradient(to left, rgba(var(--ui-03), 0), var(--ui-03))
        }
        .bx--tabs--scrollable.bx--tabs--scrollable--container .bx--tabs__overflow-indicator--right {
            background-image: -webkit-gradient(linear, left top, right top, from(rgba(var(--ui-03), 0)), to(var(--ui-03)));
            background-image: linear-gradient(to right, rgba(var(--ui-03), 0), var(--ui-03))
        }
    }
}

.bx--tabs--scrollable .bx--tab--overflow-nav-button {
    -ms-flex-negative: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: 0;
    cursor: pointer;
    display: inline-block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 0;
    width: 100%;
    width: 2.5rem
}

.bx--tabs--scrollable .bx--tab--overflow-nav-button::-moz-focus-inner {
    border: 0
}

.bx--tabs--scrollable .bx--tab--overflow-nav-button:focus {
    outline: 2px solid var(--focus);
    outline-offset: -2px
}

@media screen and (prefers-contrast) {
    .bx--tabs--scrollable .bx--tab--overflow-nav-button:focus {
        outline-style: dotted
    }
}

.bx--tabs--scrollable .bx--tab--overflow-nav-button--hidden {
    display: none
}

.bx--tabs--scrollable.bx--tabs--scrollable--container .bx--tab--overflow-nav-button {
    background-color: var(--ui-03);
    margin: 0;
    width: 3rem
}

.bx--tabs--scrollable .bx--tab--overflow-nav-button svg {
    fill: var(--icon-01)
}

.bx--tabs--scrollable .bx--tabs--scrollable__nav-item {
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    -webkit-transition: background-color 70ms cubic-bezier(.2, 0, .38, .9);
    transition: background-color 70ms cubic-bezier(.2, 0, .38, .9)
}

.bx--tabs--scrollable .bx--tabs--scrollable__nav-item+.bx--tabs--scrollable__nav-item {
    margin-left: .0625rem
}

.bx--tabs--scrollable.bx--tabs--scrollable--container .bx--tabs--scrollable__nav-item {
    background-color: var(--ui-03)
}

.bx--tabs--scrollable.bx--tabs--scrollable--container .bx--tabs--scrollable__nav-item+.bx--tabs--scrollable__nav-item {
    -webkit-box-shadow: -.0625rem 0 0 0 var(--ui-04);
    box-shadow: -.0625rem 0 0 0 var(--ui-04);
    margin-left: 0
}

.bx--tabs--scrollable.bx--tabs--scrollable--container .bx--tabs--scrollable__nav-item+.bx--tabs--scrollable__nav-item.bx--tabs--scrollable__nav-item--selected,
.bx--tabs--scrollable.bx--tabs--scrollable--container .bx--tabs--scrollable__nav-item.bx--tabs--scrollable__nav-item--selected+.bx--tabs--scrollable__nav-item {
    -webkit-box-shadow: none;
    box-shadow: none
}

.bx--tabs--scrollable .bx--tabs--scrollable__nav-item .bx--tabs--scrollable__nav-link {
    -webkit-transition: color 70ms cubic-bezier(.2, 0, .38, .9), border-bottom-color 70ms cubic-bezier(.2, 0, .38, .9), outline 70ms cubic-bezier(.2, 0, .38, .9);
    transition: color 70ms cubic-bezier(.2, 0, .38, .9), border-bottom-color 70ms cubic-bezier(.2, 0, .38, .9), outline 70ms cubic-bezier(.2, 0, .38, .9)
}

.bx--tabs--scrollable.bx--tabs--scrollable--container .bx--tabs--scrollable__nav-item:hover {
    background-color: var(--hover-selected-ui)
}

.bx--tabs--scrollable .bx--tabs--scrollable__nav-item--disabled,
.bx--tabs--scrollable .bx--tabs--scrollable__nav-item--disabled:hover {
    background-color: transparent;
    cursor: not-allowed;
    outline: none
}

.bx--tabs--scrollable.bx--tabs--scrollable--container .bx--tabs--scrollable__nav-item.bx--tabs--scrollable__nav-item--disabled,
.bx--tabs--scrollable.bx--tabs--scrollable--container .bx--tabs--scrollable__nav-item.bx--tabs--scrollable__nav-item--disabled:hover {
    background-color: var(--disabled-02)
}

.bx--tabs--scrollable .bx--tabs--scrollable__nav-item--selected {
    -webkit-transition: color 70ms cubic-bezier(.2, 0, .38, .9);
    transition: color 70ms cubic-bezier(.2, 0, .38, .9)
}

.bx--tabs--scrollable .bx--tabs--scrollable__nav-item--selected .bx--tabs--scrollable__nav-link,
.bx--tabs--scrollable .bx--tabs--scrollable__nav-item--selected .bx--tabs--scrollable__nav-link:active,
.bx--tabs--scrollable .bx--tabs--scrollable__nav-item--selected .bx--tabs--scrollable__nav-link:focus {
    border-bottom: 2px solid var(--interactive-04);
    color: var(--text-01);
    font-size: .875rem;
    font-weight: 600;
    letter-spacing: .16px;
    line-height: 1.125rem
}

.bx--tabs--scrollable.bx--tabs--scrollable--container .bx--tabs--scrollable__nav-item--selected,
.bx--tabs--scrollable.bx--tabs--scrollable--container .bx--tabs--scrollable__nav-item--selected:hover {
    background-color: var(--ui-01)
}

.bx--tabs--scrollable.bx--tabs--scrollable--container .bx--tabs--scrollable__nav-item--selected .bx--tabs--scrollable__nav-link:active,
.bx--tabs--scrollable.bx--tabs--scrollable--container .bx--tabs--scrollable__nav-item--selected .bx--tabs--scrollable__nav-link:focus,
.bx--tabs--scrollable.bx--tabs--scrollable--container .bx--tabs--scrollable__nav-item--selected:hover .bx--tabs--scrollable__nav-link:active,
.bx--tabs--scrollable.bx--tabs--scrollable--container .bx--tabs--scrollable__nav-item--selected:hover .bx--tabs--scrollable__nav-link:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.bx--tabs--scrollable.bx--tabs--scrollable--container .bx--tabs--scrollable__nav-item--selected .bx--tabs--scrollable__nav-link {
    -webkit-box-shadow: inset 0 2px 0 0 var(--interactive-04);
    box-shadow: inset 0 2px 0 0 var(--interactive-04);
    line-height: 2rem
}

.bx--tabs--scrollable.bx--tabs--scrollable--light.bx--tabs--scrollable--container .bx--tabs--scrollable__nav-item--selected,
.bx--tabs--scrollable.bx--tabs--scrollable--light.bx--tabs--scrollable--container .bx--tabs--scrollable__nav-item--selected:hover {
    background-color: var(--ui-background)
}

.bx--tabs--scrollable .bx--tabs--scrollable__nav-link {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: 0;
    border-bottom: 2px solid var(--ui-03);
    color: var(--text-02);
    cursor: pointer;
    display: inline-block;
    font-size: .857rem;
    font-weight: 400;
    letter-spacing: .16px;
    line-height: 1.125rem;
    outline: 2px solid transparent;
    outline-offset: -2px;
    overflow: hidden;
    padding: .75rem 1rem .5rem;
    text-align: left;
    text-decoration: none;
    text-overflow: ellipsis;
    -webkit-transition: border 70ms cubic-bezier(.2, 0, .38, .9), outline 70ms cubic-bezier(.2, 0, .38, .9);
    transition: border 70ms cubic-bezier(.2, 0, .38, .9), outline 70ms cubic-bezier(.2, 0, .38, .9);
    white-space: nowrap;
    width: 10rem
}

.bx--tabs--scrollable .bx--tabs--scrollable__nav-link::-moz-focus-inner {
    border: 0
}

.bx--tabs--scrollable .bx--tabs--scrollable__nav-link:active,
.bx--tabs--scrollable .bx--tabs--scrollable__nav-link:focus {
    outline: 2px solid var(--focus);
    outline-offset: -2px
}

@media screen and (prefers-contrast) {
    .bx--tabs--scrollable .bx--tabs--scrollable__nav-link:active,
    .bx--tabs--scrollable .bx--tabs--scrollable__nav-link:focus {
        outline-style: dotted
    }
}

.bx--tabs--scrollable.bx--tabs--scrollable--container .bx--tabs--scrollable__nav-link {
    border-bottom: 0;
    height: 3rem;
    line-height: 2rem;
    padding: .5rem 1rem
}

.bx--tabs--scrollable .bx--tabs--scrollable__nav-item:hover .bx--tabs--scrollable__nav-link {
    border-bottom: 2px solid var(--ui-04);
    color: var(--text-01)
}

.bx--tabs--scrollable.bx--tabs--scrollable--container .bx--tabs--scrollable__nav-item .bx--tabs--scrollable__nav-link {
    border-bottom: none
}

.bx--tabs--scrollable .bx--tabs--scrollable__nav-item--disabled .bx--tabs--scrollable__nav-link {
    border-bottom: 2px solid var(--disabled-01);
    color: var(--disabled-02)
}

.bx--tabs--scrollable .bx--tabs--scrollable__nav-item--disabled:hover .bx--tabs--scrollable__nav-link {
    border-bottom: 2px solid var(--disabled-01);
    color: var(--disabled-02);
    cursor: not-allowed;
    pointer-events: none
}

.bx--tabs--scrollable .bx--tabs--scrollable__nav-item--disabled .bx--tabs--scrollable__nav-link:active,
.bx--tabs--scrollable .bx--tabs--scrollable__nav-item--disabled .bx--tabs--scrollable__nav-link:focus {
    border-bottom: 2px solid var(--disabled-01);
    outline: none
}

.bx--tabs--scrollable .bx--tabs--scrollable--light .bx--tabs--scrollable__nav-item--disabled .bx--tabs--scrollable__nav-link,
.bx--tabs--scrollable .bx--tabs--scrollable--light .bx--tabs--scrollable__nav-item--disabled .bx--tabs--scrollable__nav-link:active,
.bx--tabs--scrollable .bx--tabs--scrollable--light .bx--tabs--scrollable__nav-item--disabled .bx--tabs--scrollable__nav-link:focus,
.bx--tabs--scrollable .bx--tabs--scrollable--light .bx--tabs--scrollable__nav-item--disabled:hover .bx--tabs--scrollable__nav-link {
    border-bottom-color: var(--ui-03)
}

.bx--tabs--scrollable.bx--tabs--scrollable--container .bx--tabs--scrollable__nav-item--disabled .bx--tabs--scrollable__nav-link {
    border-bottom: none;
    color: var(--disabled-03)
}

.bx--tabs--scrollable .bx--tab-content {
    padding: 1rem
}

.bx--tabs--scrollable .bx--tabs.bx--skeleton {
    cursor: default;
    pointer-events: none
}

.bx--tabs--scrollable .bx--tabs.bx--skeleton .bx--tabs--scrollable__nav-link {
    background: var(--skeleton-01);
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
    pointer-events: none;
    position: relative;
    width: 4.6875rem
}

.bx--tabs--scrollable .bx--tabs.bx--skeleton .bx--tabs--scrollable__nav-link:active,
.bx--tabs--scrollable .bx--tabs.bx--skeleton .bx--tabs--scrollable__nav-link:focus,
.bx--tabs--scrollable .bx--tabs.bx--skeleton .bx--tabs--scrollable__nav-link:hover {
    border: none;
    cursor: default;
    outline: none
}

.bx--tabs--scrollable .bx--tabs.bx--skeleton .bx--tabs--scrollable__nav-link:before {
    -webkit-animation: skeleton 3s ease-in-out infinite;
    animation: skeleton 3s ease-in-out infinite;
    background: var(--skeleton-02);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    will-change: transform-origin, transform, opacity
}

@media(prefers-reduced-motion:reduce) {
    .bx--tabs--scrollable .bx--tabs.bx--skeleton .bx--tabs--scrollable__nav-link:before {
        -webkit-animation: none;
        animation: none
    }
}

.bx--tabs--scrollable .bx--tabs.bx--skeleton .bx--tabs-trigger {
    background: var(--skeleton-01);
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-right: .0625rem;
    padding: 0;
    pointer-events: none;
    position: relative;
    width: 4.6875rem
}

.bx--tabs--scrollable .bx--tabs.bx--skeleton .bx--tabs-trigger:active,
.bx--tabs--scrollable .bx--tabs.bx--skeleton .bx--tabs-trigger:focus,
.bx--tabs--scrollable .bx--tabs.bx--skeleton .bx--tabs-trigger:hover {
    border: none;
    cursor: default;
    outline: none
}

.bx--tabs--scrollable .bx--tabs.bx--skeleton .bx--tabs-trigger:before {
    -webkit-animation: skeleton 3s ease-in-out infinite;
    animation: skeleton 3s ease-in-out infinite;
    background: var(--skeleton-02);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    will-change: transform-origin, transform, opacity
}

@media(prefers-reduced-motion:reduce) {
    .bx--tabs--scrollable .bx--tabs.bx--skeleton .bx--tabs-trigger:before {
        -webkit-animation: none;
        animation: none
    }
}

.bx--tabs--scrollable .bx--tabs.bx--skeleton .bx--tabs-trigger svg {
    clip: rect(0, 0, 0, 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    visibility: inherit;
    white-space: nowrap;
    width: 1px
}

@media (forced-colors:active),
(prefers-contrast),
screen and (-ms-high-contrast:active) {
    .bx--tabs--scrollable__nav-item .bx--tabs__nav-item--selected .bx--tabs--scrollable__nav-item--selected {
        color: Highlight;
        outline: 1px solid Highlight
    }
    .bx--tabs--scrollable .bx--tabs--scrollable__nav-item--disabled .bx--tabs--scrollable__nav-link {
        fill: GrayText;
        color: GrayText
    }
}

.bx--tag {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    background-color: #c6c6c6;
    border: 0;
    border-radius: .9375rem;
    color: #393939;
    cursor: pointer;
    cursor: default;
    display: inline-block;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: .75rem;
    font-weight: 400;
    -webkit-justify-content: center;
    justify-content: center;
    letter-spacing: .32px;
    line-height: 1rem;
    margin: .25rem;
    max-width: 100%;
    min-height: 1.5rem;
    min-width: 2rem;
    padding: .25rem .5rem;
    vertical-align: middle;
    word-break: break-word
}

.bx--tag::-moz-focus-inner {
    border: 0
}

.bx--tag.bx--tag--interactive:hover,
.bx--tag .bx--tag__close-icon:hover {
    background-color: #a8a8a8
}

.bx--tag:not(:first-child) {
    margin-left: 0
}

.bx--tag--red {
    background-color: #d9222c;
    color: #fff1f2
}

.bx--tag--red.bx--tag--interactive:hover,
.bx--tag--red .bx--tag__close-icon:hover {
    background-color: #a2171f
}

.bx--tag--magenta {
    background-color: #fb82a8;
    color: #4f071d
}

.bx--tag--magenta.bx--tag--interactive:hover,
.bx--tag--magenta .bx--tag__close-icon:hover {
    background-color: #ee5884
}

.bx--tag--purple {
    background-color: #d28df7;
    color: #3b1151
}

.bx--tag--purple.bx--tag--interactive:hover,
.bx--tag--purple .bx--tag__close-icon:hover {
    background-color: #c063f9
}

.bx--tag--blue {
    background-color: #2460ff;
    color: #ecf5ff
}

.bx--tag--blue.bx--tag--interactive:hover,
.bx--tag--blue .bx--tag__close-icon:hover {
    background-color: #1043cd
}

.bx--tag--cyan {
    background-color: #a6f382;
    color: #355c15
}

.bx--tag--cyan.bx--tag--interactive:hover,
.bx--tag--cyan .bx--tag__close-icon:hover {
    background-color: #89db5d
}

.bx--tag--teal {
    background-color: #56d8e0;
    color: #004042
}

.bx--tag--teal.bx--tag--interactive:hover,
.bx--tag--teal .bx--tag__close-icon:hover {
    background-color: #00bac5
}

.bx--tag--green {
    background-color: #168042;
    color: #ddfbe9
}

.bx--tag--green.bx--tag--interactive:hover,
.bx--tag--green .bx--tag__close-icon:hover {
    background-color: #195e33
}

.bx--tag--gray {
    background-color: #c6c6c6;
    color: #393939
}

.bx--tag--gray.bx--tag--interactive:hover,
.bx--tag--gray .bx--tag__close-icon:hover {
    background-color: #a8a8a8
}

.bx--tag--cool-gray {
    background-color: #c6c6c6;
    color: #393939
}

.bx--tag--cool-gray.bx--tag--interactive:hover,
.bx--tag--cool-gray .bx--tag__close-icon:hover {
    background-color: #a8a8a8
}

.bx--tag--warm-gray {
    background-color: #c6c6c6;
    color: #393939
}

.bx--tag--warm-gray.bx--tag--interactive:hover,
.bx--tag--warm-gray .bx--tag__close-icon:hover {
    background-color: #a8a8a8
}

.bx--tag--high-contrast {
    background-color: var(--inverse-02);
    color: var(--inverse-01)
}

.bx--tag--high-contrast.bx--tag--interactive:hover,
.bx--tag--high-contrast .bx--tag__close-icon:hover {
    background-color: var(--inverse-hover-ui)
}

.bx--tag--outline {
    background-color: var(--ui-background);
    -webkit-box-shadow: inset 0 0 0 1px var(--inverse-02);
    box-shadow: inset 0 0 0 1px var(--inverse-02);
    color: var(--text-01)
}

.bx--tag--outline.bx--tag--interactive:hover,
.bx--tag--outline .bx--tag__close-icon:hover {
    background-color: var(--hover-ui)
}

.bx--tag--disabled,
.bx--tag--filter.bx--tag--disabled,
.bx--tag--interactive.bx--tag--disabled {
    background-color: var(--disabled-01);
    color: var(--disabled-02)
}

.bx--tag--disabled.bx--tag--interactive:hover,
.bx--tag--disabled .bx--tag__close-icon:hover,
.bx--tag--filter.bx--tag--disabled.bx--tag--interactive:hover,
.bx--tag--filter.bx--tag--disabled .bx--tag__close-icon:hover,
.bx--tag--interactive.bx--tag--disabled.bx--tag--interactive:hover,
.bx--tag--interactive.bx--tag--disabled .bx--tag__close-icon:hover {
    background-color: var(--disabled-01)
}

.bx--tag--disabled:hover,
.bx--tag--filter.bx--tag--disabled:hover,
.bx--tag--interactive.bx--tag--disabled:hover {
    cursor: not-allowed
}

.bx--tag__label {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bx--tag--interactive:focus {
    -webkit-box-shadow: inset 0 0 0 1px var(--focus);
    box-shadow: inset 0 0 0 1px var(--focus);
    outline: none
}

.bx--tag--interactive:hover {
    cursor: pointer
}

.bx--tag--filter {
    cursor: pointer;
    padding-bottom: 0;
    padding-top: 0
}

.bx--tag--filter:hover {
    outline: none
}

.bx--tag--interactive {
    -webkit-transition: background-color 70ms cubic-bezier(0, 0, .38, .9);
    transition: background-color 70ms cubic-bezier(0, 0, .38, .9)
}

.bx--tag__close-icon {
    -ms-flex-negative: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: transparent;
    border: 0;
    border-radius: 50%;
    color: currentColor;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 1.5rem;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0 0 0 .125rem;
    padding: 0;
    -webkit-transition: background-color 70ms cubic-bezier(.2, 0, .38, .9), -webkit-box-shadow 70ms cubic-bezier(.2, 0, .38, .9);
    transition: background-color 70ms cubic-bezier(.2, 0, .38, .9), -webkit-box-shadow 70ms cubic-bezier(.2, 0, .38, .9);
    transition: background-color 70ms cubic-bezier(.2, 0, .38, .9), box-shadow 70ms cubic-bezier(.2, 0, .38, .9);
    transition: background-color 70ms cubic-bezier(.2, 0, .38, .9), box-shadow 70ms cubic-bezier(.2, 0, .38, .9), -webkit-box-shadow 70ms cubic-bezier(.2, 0, .38, .9);
    width: 1.5rem
}

.bx--tag__close-icon svg {
    fill: currentColor
}

.bx--tag__custom-icon {
    -ms-flex-negative: 0;
    background-color: transparent;
    border: 0;
    color: currentColor;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 1rem;
    margin-right: .25rem;
    outline: none;
    padding: 0;
    width: 1rem
}

.bx--tag__custom-icon svg {
    fill: currentColor
}

.bx--tag--disabled .bx--tag__close-icon {
    cursor: not-allowed
}

.bx--tag__close-icon:focus {
    border-radius: 50%;
    -webkit-box-shadow: inset 0 0 0 1px var(--focus);
    box-shadow: inset 0 0 0 1px var(--focus);
    outline: none
}

.bx--tag--high-contrast .bx--tag__close-icon:focus {
    -webkit-box-shadow: inset 0 0 0 1px var(--inverse-focus-ui);
    box-shadow: inset 0 0 0 1px var(--inverse-focus-ui)
}

.bx--tag--filter.bx--tag--disabled .bx--tag__close-icon:hover {
    background-color: transparent
}

.bx--tag--filter.bx--tag--disabled svg {
    fill: var(--disabled-02)
}

.bx--tag--sm {
    min-height: 1.125rem;
    padding: 0 .5rem
}

.bx--tag--sm.bx--tag--filter {
    padding-right: 0
}

.bx--tag--sm .bx--tag__close-icon {
    height: 1.125rem;
    margin-left: .3125rem;
    width: 1.125rem
}

.bx--tag.bx--skeleton {
    background: var(--skeleton-01);
    background-color: var(--skeleton-01);
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: var(--text-01);
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: relative;
    width: 3.75rem
}

.bx--tag.bx--skeleton:active,
.bx--tag.bx--skeleton:focus,
.bx--tag.bx--skeleton:hover {
    border: none;
    cursor: default;
    outline: none
}

.bx--tag.bx--skeleton:before {
    -webkit-animation: skeleton 3s ease-in-out infinite;
    animation: skeleton 3s ease-in-out infinite;
    background: var(--skeleton-02);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    will-change: transform-origin, transform, opacity
}

@media(prefers-reduced-motion:reduce) {
    .bx--tag.bx--skeleton:before {
        -webkit-animation: none;
        animation: none
    }
}

.bx--tag.bx--skeleton.bx--tag--interactive:hover,
.bx--tag.bx--skeleton .bx--tag__close-icon:hover {
    background-color: var(--skeleton-01)
}

@media not all and (-webkit-min-device-pixel-ratio:0),
not all and (min-resolution:0.001dpcm) {
    @supports(-webkit-appearance: none) and (stroke-color:transparent) {
        .bx--tag.bx--skeleton {
            -webkit-transform:translateZ(0);
            transform: translateZ(0)
        }
    }
}

@media (forced-colors:active),
(prefers-contrast),
screen and (-ms-high-contrast:active) {
    .bx--tag {
        outline: 1px solid transparent
    }
    .bx--tag__close-icon svg,
    .bx--tag__custom-icon svg {
        fill: ButtonText
    }
    .bx--tag__close-icon:focus {
        color: Highlight;
        outline: 1px solid Highlight
    }
}

.bx--text-area {
    background-color: var(--field-01);
    border: none;
    border-bottom: 1px solid var(--ui-04);
    color: var(--text-01);
    font-size: .857rem;
    font-weight: 400;
    height: 100%;
    letter-spacing: .16px;
    line-height: 1.125rem;
    min-height: 2.5rem;
    min-width: 10rem;
    outline: 2px solid transparent;
    outline-offset: -2px;
    padding: .6875rem 1rem;
    resize: vertical;
    -webkit-transition: background-color 70ms cubic-bezier(.2, 0, .38, .9), outline 70ms cubic-bezier(.2, 0, .38, .9);
    transition: background-color 70ms cubic-bezier(.2, 0, .38, .9), outline 70ms cubic-bezier(.2, 0, .38, .9);
    width: 100%
}

.bx--text-area:active,
.bx--text-area:focus {
    outline: 2px solid var(--focus);
    outline-offset: -2px
}

@media screen and (prefers-contrast) {
    .bx--text-area:active,
    .bx--text-area:focus {
        outline-style: dotted
    }
}

.bx--text-area::-webkit-input-placeholder {
    color: var(--text-05);
    font-size: .857rem;
    font-weight: 400;
    letter-spacing: .16px;
    line-height: 1.125rem;
    opacity: 1
}

.bx--text-area::-moz-placeholder {
    color: var(--text-05);
    font-size: .857rem;
    font-weight: 400;
    letter-spacing: .16px;
    line-height: 1.125rem;
    opacity: 1
}

.bx--text-area:-ms-input-placeholder {
    color: var(--text-05);
    font-size: .857rem;
    font-weight: 400;
    letter-spacing: .16px;
    line-height: 1.125rem;
    opacity: 1
}

.bx--text-area::-ms-input-placeholder {
    color: var(--text-05);
    font-size: .857rem;
    font-weight: 400;
    letter-spacing: .16px;
    line-height: 1.125rem;
    opacity: 1
}

.bx--text-area::placeholder {
    color: var(--text-05);
    font-size: .857rem;
    font-weight: 400;
    letter-spacing: .16px;
    line-height: 1.125rem;
    opacity: 1
}

.bx--text-area--light {
    background-color: var(--field-02)
}

.bx--text-area--invalid {
    padding-right: 2.5rem
}

.bx--text-area__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 100%
}

.bx--text-area__invalid-icon {
    fill: var(--support-01);
    position: absolute;
    right: 1rem;
    top: .75rem
}

.bx--text-area:disabled {
    background-color: var(--disabled-01);
    border-bottom: 1px solid transparent;
    color: var(--disabled-02);
    cursor: not-allowed;
    outline: none
}

.bx--text-area:disabled::-webkit-input-placeholder {
    color: var(--disabled-02)
}

.bx--text-area:disabled::-moz-placeholder {
    color: var(--disabled-02)
}

.bx--text-area:disabled:-ms-input-placeholder {
    color: var(--disabled-02)
}

.bx--text-area:disabled::-ms-input-placeholder {
    color: var(--disabled-02)
}

.bx--text-area:disabled::placeholder {
    color: var(--disabled-02)
}

.bx--text-area.bx--text-area--light:disabled {
    background-color: var(--field-02)
}

.bx--text-area.bx--skeleton {
    background: var(--skeleton-01);
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 6.25rem;
    padding: 0;
    pointer-events: none;
    position: relative
}

.bx--text-area.bx--skeleton:active,
.bx--text-area.bx--skeleton:focus,
.bx--text-area.bx--skeleton:hover {
    border: none;
    cursor: default;
    outline: none
}

.bx--text-area.bx--skeleton:before {
    -webkit-animation: skeleton 3s ease-in-out infinite;
    animation: skeleton 3s ease-in-out infinite;
    background: var(--skeleton-02);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    will-change: transform-origin, transform, opacity
}

@media(prefers-reduced-motion:reduce) {
    .bx--text-area.bx--skeleton:before {
        -webkit-animation: none;
        animation: none
    }
}

.bx--text-area.bx--skeleton::-webkit-input-placeholder {
    color: transparent
}

.bx--text-area.bx--skeleton::-moz-placeholder {
    color: transparent
}

.bx--text-area.bx--skeleton:-ms-input-placeholder {
    color: transparent
}

.bx--text-area.bx--skeleton::-ms-input-placeholder {
    color: transparent
}

.bx--text-area.bx--skeleton::placeholder {
    color: transparent
}

.bx--tile {
    background-color: var(--ui-01);
    display: block;
    min-height: 4rem;
    min-width: 8rem;
    outline: 2px solid transparent;
    outline-offset: -2px;
    padding: 1rem
}

.bx--tile:focus {
    outline: 2px solid var(--focus);
    outline-offset: -2px
}

@media screen and (prefers-contrast) {
    .bx--tile:focus {
        outline-style: dotted
    }
}

.bx--tile--light {
    background-color: var(--ui-02)
}

.bx--tile--clickable,
.bx--tile--expandable,
.bx--tile--selectable {
    cursor: pointer;
    -webkit-transition: .15s cubic-bezier(.2, 0, .38, .9);
    transition: .15s cubic-bezier(.2, 0, .38, .9)
}

.bx--tile--clickable:hover,
.bx--tile--expandable:hover,
.bx--tile--selectable:hover {
    background: var(--hover-ui)
}

.bx--tile--expandable .bx--link {
    color: #0043ce
}

.bx--tile--clickable:focus,
.bx--tile--expandable:focus {
    outline: 2px solid var(--focus);
    outline-offset: -2px
}

@media screen and (prefers-contrast) {
    .bx--tile--clickable:focus,
    .bx--tile--expandable:focus {
        outline-style: dotted
    }
}

.bx--tile--clickable:focus .bx--tile__checkmark,
.bx--tile--clickable:hover .bx--tile__checkmark,
.bx--tile--expandable:focus .bx--tile__checkmark,
.bx--tile--expandable:hover .bx--tile__checkmark {
    opacity: 1
}

.bx--tile--expandable::-moz-focus-inner {
    border: 0
}

.bx--tile--clickable {
    font-size: .857rem;
    font-weight: 400;
    letter-spacing: .16px;
    line-height: 1.125rem
}

.bx--tile--clickable,
.bx--tile--clickable:active,
.bx--tile--clickable:hover,
.bx--tile--clickable:visited,
.bx--tile--clickable:visited:hover {
    color: var(--text-01);
    text-decoration: none
}

.bx--tile--clickable.bx--link--disabled {
    color: var(--disabled-02)
}

.bx--tile--clickable:hover.bx--link--disabled {
    background-color: var(--disabled-01);
    color: var(--disabled-02);
    display: block
}

.bx--tile--selectable {
    border: 1px solid transparent;
    padding-right: 3rem;
    position: relative
}

.bx--tile__checkmark,
.bx--tile__chevron {
    background: transparent;
    border: none;
    position: absolute;
    -webkit-transition: .11s cubic-bezier(.2, 0, .38, .9);
    transition: .11s cubic-bezier(.2, 0, .38, .9)
}

.bx--tile__checkmark {
    height: 1rem;
    opacity: 0;
    right: 1rem;
    top: 1rem
}

.bx--tile__checkmark svg {
    fill: var(--icon-02);
    border-radius: 50%
}

.bx--tile__checkmark:focus {
    outline: 2px solid var(--focus);
    outline-offset: -2px
}

@media screen and (prefers-contrast) {
    .bx--tile__checkmark:focus {
        outline-style: dotted
    }
}

.bx--tile__checkmark--persistent {
    opacity: 1
}

.bx--tile__chevron {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    bottom: 1rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 1rem;
    position: absolute;
    right: 1rem
}

.bx--tile__chevron svg {
    fill: var(--ui-05);
    margin-left: .5rem;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transition: .11s cubic-bezier(.2, 0, .38, .9);
    transition: .11s cubic-bezier(.2, 0, .38, .9)
}

@media screen and (-ms-high-contrast:active),
screen and (prefers-contrast) {
    .bx--tile__chevron svg {
        fill: ButtonText
    }
}

.bx--tile__chevron:hover {
    cursor: pointer
}

.bx--tile__chevron:focus {
    outline: none
}

.bx--tile--expandable {
    border: 0;
    color: inherit;
    font-size: inherit;
    overflow: hidden;
    position: relative;
    text-align: left;
    -webkit-transition: max-height .15s cubic-bezier(.2, 0, .38, .9);
    transition: max-height .15s cubic-bezier(.2, 0, .38, .9);
    width: 100%
}

.bx--tile-content__above-the-fold {
    display: block
}

.bx--tile-content__below-the-fold {
    display: block;
    opacity: 0;
    -webkit-transition: opacity .11s cubic-bezier(.2, 0, .38, .9), visibility .11s cubic-bezier(.2, 0, .38, .9);
    transition: opacity .11s cubic-bezier(.2, 0, .38, .9), visibility .11s cubic-bezier(.2, 0, .38, .9);
    visibility: hidden
}

.bx--tile--is-expanded {
    overflow: visible;
    -webkit-transition: max-height .11s cubic-bezier(.2, 0, .38, .9);
    transition: max-height .11s cubic-bezier(.2, 0, .38, .9)
}

.bx--tile--is-expanded .bx--tile__chevron svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.bx--tile--is-expanded .bx--tile-content__below-the-fold {
    opacity: 1;
    -webkit-transition: opacity .11s cubic-bezier(.2, 0, .38, .9), visibility .11s cubic-bezier(.2, 0, .38, .9);
    transition: opacity .11s cubic-bezier(.2, 0, .38, .9), visibility .11s cubic-bezier(.2, 0, .38, .9);
    visibility: inherit
}

@media not all and (-webkit-min-device-pixel-ratio:0),
not all and (min-resolution:0.001dpcm) {
    @supports(-webkit-appearance: none) and (stroke-color:transparent) {
        .bx--tile--is-expanded .bx--tile-content__below-the-fold {
            overflow-y:auto
        }
    }
}

.bx--tile--is-selected {
    border: 1px solid var(--ui-05)
}

.bx--tile--is-selected .bx--tile__checkmark {
    opacity: 1
}

.bx--tile--is-selected .bx--tile__checkmark svg {
    fill: var(--ui-05)
}

@media screen and (-ms-high-contrast:active),
screen and (prefers-contrast) {
    .bx--tile--is-selected .bx--tile__checkmark svg {
        fill: ButtonText
    }
}

.bx--tile-content {
    height: 100%;
    width: 100%
}

.bx--tile-input {
    clip: rect(0, 0, 0, 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    visibility: inherit;
    white-space: nowrap;
    width: 1px
}

.bx--tile-input:focus+.bx--tile {
    outline: 2px solid var(--focus);
    outline-offset: -2px
}

@media screen and (prefers-contrast) {
    .bx--tile-input:focus+.bx--tile {
        outline-style: dotted
    }
}

.bx--tile--disabled.bx--tile--selectable {
    background-color: var(--ui-01);
    color: var(--disabled-02);
    cursor: not-allowed
}

.bx--tile--disabled.bx--tile--selectable.bx--tile--light {
    background-color: var(--ui-02)
}

.bx--tile--disabled.bx--tile--is-selected {
    outline-color: var(--disabled-02)
}

.bx--tile--disabled.bx--tile--is-selected .bx--tile__checkmark svg {
    fill: var(--disabled-02)
}

.bx--time-picker {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.bx--time-picker__select {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.bx--time-picker__select:not(:last-of-type) {
    margin: 0 .125rem
}

.bx--time-picker__input {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.bx--time-picker .bx--select-input {
    margin: 0;
    min-width: auto;
    padding-right: 3rem;
    width: auto
}

.bx--time-picker__input-field {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-family: Lucida Console, Courier New, sans-serif, serif, monospace;
    font-size: .875rem;
    font-weight: 400;
    height: 2.5rem;
    letter-spacing: .32px;
    line-height: 1.25rem;
    outline: 2px solid transparent;
    outline-offset: -2px;
    -webkit-transition: outline 70ms cubic-bezier(.2, 0, .38, .9), background-color 70ms cubic-bezier(.2, 0, .38, .9);
    transition: outline 70ms cubic-bezier(.2, 0, .38, .9), background-color 70ms cubic-bezier(.2, 0, .38, .9);
    width: 4.875rem
}

.bx--time-picker__input-field::-webkit-input-placeholder {
    color: var(--text-05);
    opacity: 1
}

.bx--time-picker__input-field::-moz-placeholder {
    color: var(--text-05);
    opacity: 1
}

.bx--time-picker__input-field:-ms-input-placeholder {
    color: var(--text-05);
    opacity: 1
}

.bx--time-picker__input-field::-ms-input-placeholder {
    color: var(--text-05);
    opacity: 1
}

.bx--time-picker__input-field::placeholder {
    color: var(--text-05);
    opacity: 1
}

.bx--time-picker--light .bx--select-input {
    background-color: var(--field-02)
}

.bx--time-picker--light .bx--select-input:hover {
    background-color: var(--hover-ui)
}

.bx--time-picker--light .bx--select-input:disabled,
.bx--time-picker--light .bx--select-input:hover:disabled {
    background-color: transparent;
    border-bottom: 1px solid transparent;
    color: var(--disabled-02);
    cursor: not-allowed
}

.bx--time-picker--sm .bx--select-input,
.bx--time-picker--sm .bx--time-picker__input-field {
    height: 2rem;
    max-height: 2rem
}

.bx--time-picker--lg .bx--select-input,
.bx--time-picker--lg .bx--time-picker__input-field,
.bx--time-picker--xl .bx--select-input,
.bx--time-picker--xl .bx--time-picker__input-field {
    height: 3rem;
    max-height: 3rem
}

.bx--toggle {
    clip: rect(0, 0, 0, 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    visibility: inherit;
    white-space: nowrap;
    width: 1px
}

.bx--toggle:focus {
    outline: none
}

.bx--toggle__label {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: .75rem;
    font-weight: 400;
    letter-spacing: .32px;
    line-height: 1rem;
    margin: .5rem 0;
    position: relative
}

.bx--toggle__appearance {
    height: 1.5rem;
    position: relative;
    width: 3rem
}

.bx--toggle__appearance:before {
    background-color: var(--ui-04);
    border-radius: .9375rem;
    -webkit-box-shadow: 0 0 0 1px transparent, 0 0 0 3px transparent;
    box-shadow: 0 0 0 1px transparent, 0 0 0 3px transparent;
    height: 1.5rem;
    top: 0;
    -webkit-transition: background-color 70ms cubic-bezier(.2, 0, 1, .9), -webkit-box-shadow 70ms cubic-bezier(.2, 0, 1, .9);
    transition: background-color 70ms cubic-bezier(.2, 0, 1, .9), -webkit-box-shadow 70ms cubic-bezier(.2, 0, 1, .9);
    transition: box-shadow 70ms cubic-bezier(.2, 0, 1, .9), background-color 70ms cubic-bezier(.2, 0, 1, .9);
    transition: box-shadow 70ms cubic-bezier(.2, 0, 1, .9), background-color 70ms cubic-bezier(.2, 0, 1, .9), -webkit-box-shadow 70ms cubic-bezier(.2, 0, 1, .9);
    width: 3rem;
    will-change: box-shadow
}

.bx--toggle__appearance:after,
.bx--toggle__appearance:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: "";
    cursor: pointer;
    display: block;
    position: absolute
}

.bx--toggle__appearance:after {
    background-color: var(--icon-03);
    border-radius: 50%;
    height: 1.125rem;
    left: .1875rem;
    top: .1875rem;
    -webkit-transition: -webkit-transform 70ms cubic-bezier(.2, 0, 1, .9);
    transition: -webkit-transform 70ms cubic-bezier(.2, 0, 1, .9);
    transition: transform 70ms cubic-bezier(.2, 0, 1, .9);
    transition: transform 70ms cubic-bezier(.2, 0, 1, .9), -webkit-transform 70ms cubic-bezier(.2, 0, 1, .9);
    width: 1.125rem
}

.bx--toggle__check {
    fill: var(--icon-03);
    height: .3125rem;
    left: .375rem;
    position: absolute;
    top: .375rem;
    -webkit-transform: scale(.2);
    transform: scale(.2);
    -webkit-transition: 70ms cubic-bezier(.2, 0, 1, .9);
    transition: 70ms cubic-bezier(.2, 0, 1, .9);
    width: .375rem;
    z-index: 1
}

.bx--toggle__text--left,
.bx--toggle__text--right {
    font-size: .857rem;
    font-weight: 400;
    letter-spacing: .16px;
    line-height: 1.125rem;
    margin-left: .5rem;
    position: relative
}

.bx--toggle__text--left {
    left: 3rem;
    position: absolute
}

.bx--toggle:checked+.bx--toggle__label .bx--toggle__text--left,
.bx--toggle:not(:checked)+.bx--toggle__label .bx--toggle__text--right {
    visibility: hidden
}

.bx--toggle:checked+.bx--toggle__label .bx--toggle__text--right,
.bx--toggle:not(:checked)+.bx--toggle__label .bx--toggle__text--left {
    display: inline
}

.bx--toggle:checked+.bx--toggle__label .bx--toggle__appearance:before {
    background-color: var(--support-02)
}

.bx--toggle:checked+.bx--toggle__label .bx--toggle__appearance:after {
    background-color: var(--icon-03);
    -webkit-transform: translateX(1.5rem);
    transform: translateX(1.5rem)
}

.bx--toggle+.bx--toggle__label .bx--toggle__appearance:before {
    -webkit-box-shadow: 0 0 0 1px transparent, 0 0 0 3px transparent;
    box-shadow: 0 0 0 1px transparent, 0 0 0 3px transparent
}

.bx--toggle:active+.bx--toggle__label .bx--toggle__appearance:before,
.bx--toggle:focus+.bx--toggle__label {
    -webkit-box-shadow: 0 0 0 1px var(--ui-03), 0 0 0 3px var(--focus);
    box-shadow: 0 0 0 1px var(--ui-03), 0 0 0 3px var(--focus)
}

.bx--toggle:disabled+.bx--toggle__label {
    cursor: not-allowed
}

.bx--toggle:disabled+.bx--toggle__label .bx--toggle__appearance:before {
    background-color: var(--disabled-01)
}

.bx--toggle:disabled+.bx--toggle__label .bx--toggle__appearance:after {
    background-color: var(--disabled-02)
}

.bx--toggle:disabled+.bx--toggle__label .bx--toggle__appearance:after,
.bx--toggle:disabled+.bx--toggle__label .bx--toggle__appearance:before {
    cursor: not-allowed;
    -webkit-transition: 70ms cubic-bezier(.2, 0, 1, .9);
    transition: 70ms cubic-bezier(.2, 0, 1, .9)
}

.bx--toggle:disabled+.bx--toggle__label .bx--toggle__text--left,
.bx--toggle:disabled+.bx--toggle__label .bx--toggle__text--right {
    color: var(--disabled-02)
}

.bx--toggle:disabled:active+.bx--toggle__label .bx--toggle__appearance:before {
    -webkit-box-shadow: none;
    box-shadow: none
}

.bx--toggle:disabled+.bx--toggle__label .bx--toggle__check {
    fill: var(--disabled-02)
}

.bx--toggle--small+.bx--toggle__label .bx--toggle__appearance {
    height: 1rem;
    width: 2rem
}

.bx--toggle--small+.bx--toggle__label .bx--toggle__appearance:before {
    border-radius: .9375rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 1rem;
    top: 0;
    width: 2rem
}

.bx--toggle--small+.bx--toggle__label .bx--toggle__appearance:after {
    height: .625rem;
    left: .1875rem;
    top: .1875rem;
    width: .625rem
}

.bx--toggle--small:checked+.bx--toggle__label .bx--toggle__check {
    fill: var(--support-02);
    -webkit-transform: scale(1) translateX(1rem);
    transform: scale(1) translateX(1rem)
}

.bx--toggle--small+.bx--toggle__label .bx--toggle__text--left {
    left: 2rem
}

.bx--toggle--small:checked+.bx--toggle__label .bx--toggle__appearance:after {
    margin-left: 0;
    -webkit-transform: translateX(1.0625rem);
    transform: translateX(1.0625rem)
}

.bx--toggle-input {
    clip: rect(0, 0, 0, 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    visibility: inherit;
    white-space: nowrap;
    width: 1px
}

.bx--toggle-input:focus {
    outline: none
}

.bx--toggle-input__label {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    color: var(--text-02);
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: .75rem;
    font-weight: 400;
    letter-spacing: .32px;
    line-height: 1rem
}

.bx--toggle-input__label,
.bx--toggle__switch {
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.bx--toggle__switch {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 1.5rem;
    position: relative;
    width: 3rem
}

.bx--toggle__switch:before {
    background-color: var(--ui-04);
    border-radius: .9375rem;
    -webkit-box-shadow: 0 0 0 1px transparent, 0 0 0 3px transparent;
    box-shadow: 0 0 0 1px transparent, 0 0 0 3px transparent;
    height: 1.5rem;
    top: 0;
    -webkit-transition: background-color 70ms cubic-bezier(.2, 0, 1, .9), -webkit-box-shadow 70ms cubic-bezier(.2, 0, 1, .9);
    transition: background-color 70ms cubic-bezier(.2, 0, 1, .9), -webkit-box-shadow 70ms cubic-bezier(.2, 0, 1, .9);
    transition: box-shadow 70ms cubic-bezier(.2, 0, 1, .9), background-color 70ms cubic-bezier(.2, 0, 1, .9);
    transition: box-shadow 70ms cubic-bezier(.2, 0, 1, .9), background-color 70ms cubic-bezier(.2, 0, 1, .9), -webkit-box-shadow 70ms cubic-bezier(.2, 0, 1, .9);
    width: 3rem;
    will-change: box-shadow
}

.bx--toggle__switch:after,
.bx--toggle__switch:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: "";
    display: block;
    position: absolute
}

.bx--toggle__switch:after {
    background-color: var(--icon-03);
    border-radius: 50%;
    height: 1.125rem;
    left: .1875rem;
    top: .1875rem;
    -webkit-transition: -webkit-transform 70ms cubic-bezier(.2, 0, 1, .9);
    transition: -webkit-transform 70ms cubic-bezier(.2, 0, 1, .9);
    transition: transform 70ms cubic-bezier(.2, 0, 1, .9);
    transition: transform 70ms cubic-bezier(.2, 0, 1, .9), -webkit-transform 70ms cubic-bezier(.2, 0, 1, .9);
    width: 1.125rem
}

.bx--toggle-input__label .bx--toggle__switch {
    margin-top: 1rem
}

.bx--toggle__text--off,
.bx--toggle__text--on {
    font-size: .857rem;
    font-weight: 400;
    letter-spacing: .16px;
    line-height: 1.125rem;
    margin-left: 3.5rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.bx--toggle-input:checked+.bx--toggle-input__label>.bx--toggle__switch>.bx--toggle__text--off,
.bx--toggle-input:not(:checked)+.bx--toggle-input__label>.bx--toggle__switch>.bx--toggle__text--on {
    visibility: hidden
}

.bx--toggle-input:checked+.bx--toggle-input__label>.bx--toggle__switch:before {
    background-color: var(--support-02)
}

.bx--toggle-input:checked+.bx--toggle-input__label>.bx--toggle__switch:after {
    background-color: var(--icon-03);
    -webkit-transform: translateX(1.5rem);
    transform: translateX(1.5rem)
}

.bx--toggle-input:active+.bx--toggle-input__label>.bx--toggle__switch:before,
.bx--toggle-input:focus+.bx--toggle-input__label>.bx--toggle__switch:before {
    -webkit-box-shadow: 0 0 0 1px var(--ui-02), 0 0 0 3px var(--focus);
    box-shadow: 0 0 0 1px var(--ui-02), 0 0 0 3px var(--focus)
}

.bx--toggle-input:disabled+.bx--toggle-input__label {
    color: var(--disabled-02);
    cursor: not-allowed
}

.bx--toggle-input:disabled+.bx--toggle-input__label>.bx--toggle__switch {
    cursor: not-allowed
}

.bx--toggle-input:disabled+.bx--toggle-input__label>.bx--toggle__switch:before {
    background-color: var(--disabled-02)
}

.bx--toggle-input:disabled+.bx--toggle-input__label>.bx--toggle__switch:after {
    background-color: var(--disabled-03)
}

.bx--toggle-input:disabled+.bx--toggle-input__label>.bx--toggle__switch:after,
.bx--toggle-input:disabled+.bx--toggle-input__label>.bx--toggle__switch:before {
    cursor: not-allowed;
    -webkit-transition: 70ms cubic-bezier(.2, 0, 1, .9);
    transition: 70ms cubic-bezier(.2, 0, 1, .9)
}

.bx--toggle-input:disabled:active+.bx--toggle-input__label>.bx--toggle__switch:before {
    -webkit-box-shadow: none;
    box-shadow: none
}

.bx--toggle-input--small+.bx--toggle-input__label>.bx--toggle__switch {
    height: 1rem;
    width: 2rem
}

.bx--toggle-input--small+.bx--toggle-input__label>.bx--toggle__switch:before {
    border-radius: .9375rem;
    height: 1rem;
    width: 2rem
}

.bx--toggle-input--small+.bx--toggle-input__label>.bx--toggle__switch:after {
    height: .625rem;
    width: .625rem
}

.bx--toggle-input--small+.bx--toggle-input__label .bx--toggle__text--off,
.bx--toggle-input--small+.bx--toggle-input__label .bx--toggle__text--on {
    margin-left: 2.5rem
}

.bx--toggle-input--small:checked+.bx--toggle-input__label>.bx--toggle__switch:after {
    -webkit-transform: translateX(1.0625rem);
    transform: translateX(1.0625rem)
}

.bx--toggle-input--small:checked+.bx--toggle-input__label .bx--toggle__check {
    fill: var(--support-02);
    -webkit-transform: scale(1) translateX(1rem);
    transform: scale(1) translateX(1rem)
}

.bx--toggle-input--small:disabled:checked+.bx--toggle-input__label .bx--toggle__check {
    fill: var(--disabled-01)
}

.bx--toggle.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch {
    background: var(--skeleton-01);
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-top: .5rem;
    padding: 0;
    pointer-events: none;
    position: relative;
    width: 3rem
}

.bx--toggle.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch:active,
.bx--toggle.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch:focus,
.bx--toggle.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch:hover {
    border: none;
    cursor: default;
    outline: none
}

.bx--toggle.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch:before {
    -webkit-animation: skeleton 3s ease-in-out infinite;
    animation: skeleton 3s ease-in-out infinite;
    background: var(--skeleton-02);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    will-change: transform-origin, transform, opacity
}

@media(prefers-reduced-motion:reduce) {
    .bx--toggle.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch:before {
        -webkit-animation: none;
        animation: none
    }
}

.bx--toggle.bx--skeleton+.bx--toggle-input__label>div {
    background: var(--skeleton-01);
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 0;
    height: .5rem;
    line-height: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: relative;
    width: 1.5rem
}

.bx--toggle.bx--skeleton+.bx--toggle-input__label>div:active,
.bx--toggle.bx--skeleton+.bx--toggle-input__label>div:focus,
.bx--toggle.bx--skeleton+.bx--toggle-input__label>div:hover {
    border: none;
    cursor: default;
    outline: none
}

.bx--toggle.bx--skeleton+.bx--toggle-input__label>div:before {
    -webkit-animation: skeleton 3s ease-in-out infinite;
    animation: skeleton 3s ease-in-out infinite;
    background: var(--skeleton-02);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    will-change: transform-origin, transform, opacity
}

@media(prefers-reduced-motion:reduce) {
    .bx--toggle.bx--skeleton+.bx--toggle-input__label>div:before {
        -webkit-animation: none;
        animation: none
    }
}

.bx--toggle-input--small.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch {
    background: var(--skeleton-01);
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-top: .5rem;
    padding: 0;
    pointer-events: none;
    position: relative;
    width: 2rem
}

.bx--toggle-input--small.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch:active,
.bx--toggle-input--small.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch:focus,
.bx--toggle-input--small.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch:hover {
    border: none;
    cursor: default;
    outline: none
}

.bx--toggle-input--small.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch:before {
    -webkit-animation: skeleton 3s ease-in-out infinite;
    animation: skeleton 3s ease-in-out infinite;
    background: var(--skeleton-02);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    will-change: transform-origin, transform, opacity
}

@media(prefers-reduced-motion:reduce) {
    .bx--toggle-input--small.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch:before {
        -webkit-animation: none;
        animation: none
    }
}

.bx--toggle-input--small.bx--skeleton+.bx--toggle-input__label>div {
    background: var(--skeleton-01);
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 0;
    height: .5rem;
    line-height: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: relative;
    width: 1rem
}

.bx--toggle-input--small.bx--skeleton+.bx--toggle-input__label>div:active,
.bx--toggle-input--small.bx--skeleton+.bx--toggle-input__label>div:focus,
.bx--toggle-input--small.bx--skeleton+.bx--toggle-input__label>div:hover {
    border: none;
    cursor: default;
    outline: none
}

.bx--toggle-input--small.bx--skeleton+.bx--toggle-input__label>div:before {
    -webkit-animation: skeleton 3s ease-in-out infinite;
    animation: skeleton 3s ease-in-out infinite;
    background: var(--skeleton-02);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    will-change: transform-origin, transform, opacity
}

@media(prefers-reduced-motion:reduce) {
    .bx--toggle-input--small.bx--skeleton+.bx--toggle-input__label>div:before {
        -webkit-animation: none;
        animation: none
    }
}

.bx--toggle.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch .bx--toggle__text--left {
    background: var(--skeleton-01);
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: .5rem;
    padding: 0;
    pointer-events: none;
    position: relative;
    position: absolute;
    width: 1rem
}

.bx--toggle.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch .bx--toggle__text--left:active,
.bx--toggle.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch .bx--toggle__text--left:focus,
.bx--toggle.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch .bx--toggle__text--left:hover {
    border: none;
    cursor: default;
    outline: none
}

.bx--toggle.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch .bx--toggle__text--left:before {
    -webkit-animation: skeleton 3s ease-in-out infinite;
    animation: skeleton 3s ease-in-out infinite;
    background: var(--skeleton-02);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    will-change: transform-origin, transform, opacity
}

@media(prefers-reduced-motion:reduce) {
    .bx--toggle.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch .bx--toggle__text--left:before {
        -webkit-animation: none;
        animation: none
    }
}

.bx--toggle-input--small.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch .bx--toggle__text--left {
    left: 2rem
}

.bx--toggle.bx--skeleton+.bx--toggle-input__label .bx--toggle__appearance:after,
.bx--toggle.bx--skeleton+.bx--toggle-input__label .bx--toggle__appearance:before,
.bx--toggle.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch:after {
    display: none
}

.bx--toggle.bx--skeleton+.bx--toggle-input__label .bx--toggle__switch:before {
    border-radius: 0
}

.bx--toolbar {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    margin: 1rem 0
}

.bx--toolbar>div {
    margin: 0 .25rem
}

.bx--toolbar .bx--search-input {
    background-color: transparent;
    height: 2rem;
    outline: none
}

.bx--toolbar .bx--search-close {
    display: none
}

.bx--toolbar .bx--overflow-menu__icon {
    fill: var(--text-02);
    -webkit-transition: fill 50ms cubic-bezier(.2, 0, .38, .9);
    transition: fill 50ms cubic-bezier(.2, 0, .38, .9)
}

.bx--toolbar .bx--search-magnifier {
    fill: var(--text-02);
    cursor: pointer;
    left: .375rem;
    top: .5rem;
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
    -webkit-transition: all 175ms cubic-bezier(.2, 0, .38, .9);
    transition: all 175ms cubic-bezier(.2, 0, .38, .9)
}

.bx--toolbar fieldset {
    border: 0;
    padding: 0
}

.bx--toolbar .bx--toolbar-search--active {
    width: 15.625rem
}

.bx--toolbar .bx--toolbar-search--active .bx--search-magnifier {
    top: .5625rem;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.bx--toolbar .bx--toolbar-search--active .bx--search-input {
    background-color: var(--field-02)
}

.bx--toolbar .bx--toolbar-search--active .bx--search-close {
    display: block
}

.bx--toolbar .bx--checkbox-label {
    margin-bottom: 0
}

.bx--toolbar .bx--overflow-menu--open>.bx--overflow-menu__icon {
    fill: var(--brand-01)
}

.bx--toolbar-search {
    -webkit-transition: all 175ms cubic-bezier(.2, 0, .38, .9);
    transition: all 175ms cubic-bezier(.2, 0, .38, .9);
    width: 1.8rem
}

.bx--toolbar-search__btn {
    background: transparent;
    border: 0;
    height: 2rem;
    left: 0;
    position: absolute;
    top: 0;
    width: 2rem
}

.bx--toolbar-search__btn:focus {
    outline: 1px solid var(--focus)
}

@media screen and (prefers-contrast) {
    .bx--toolbar-search__btn:focus {
        outline-style: dotted
    }
}

.bx--toolbar-filter-icon {
    padding-left: 0;
    padding-right: 0
}

.bx--toolbar-menu__title {
    font-size: .75rem;
    font-weight: 400;
    font-weight: 600;
    letter-spacing: .32px;
    line-height: 1rem;
    padding: .5rem 1.25rem
}

.bx--toolbar-menu__option {
    padding: .5rem 1.25rem
}

.bx--toolbar-menu__divider {
    border: 0;
    border-top: 1px solid var(--ui-03);
    width: 100%
}

.bx--radio-button-group {
    border: none
}

.bx--toolbar-search:not(.bx--toolbar-search--active) .bx--search-input {
    border-bottom: none
}

.bx--unstable-pagination {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-align-items: center;
    align-items: center;
    background-color: var(--ui-01);
    border-bottom: 1px solid transparent;
    border-top: 1px solid var(--ui-03);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: .857rem;
    font-weight: 400;
    height: 3rem;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    letter-spacing: .16px;
    line-height: 1.125rem;
    width: 100%
}

.bx--unstable-pagination__text {
    color: var(--text-02);
    margin: 0 1rem
}

@media(min-width:42rem) {
    .bx--unstable-pagination__text {
        display: inline-block
    }
}

.bx--unstable-pagination__left,
.bx--unstable-pagination__right {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

.bx--unstable-pagination__left {
    padding: 0 1rem 0 0
}

.bx--unstable-pagination__left>.bx--form-item,
.bx--unstable-pagination__right>.bx--form-item {
    height: 100%
}

.bx--unstable-pagination__left .bx--unstable-pagination__text {
    margin-right: .0625rem
}

.bx--unstable-pagination__right .bx--unstable-pagination__text {
    margin-left: .0625rem;
    margin-right: 1rem
}

.bx--unstable-pagination__button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    fill: var(--ui-05);
    -webkit-align-items: center;
    align-items: center;
    background: none;
    border: none;
    border-left: 1px solid var(--ui-03);
    color: var(--ui-05);
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0;
    padding: 0 .875rem;
    -webkit-transition: outline .11s cubic-bezier(.2, 0, .38, .9), background-color .11s cubic-bezier(.2, 0, .38, .9);
    transition: outline .11s cubic-bezier(.2, 0, .38, .9), background-color .11s cubic-bezier(.2, 0, .38, .9)
}

.bx--unstable-pagination__button .bx--btn__icon {
    height: auto;
    width: auto
}

.bx--unstable-pagination__button.bx--btn--icon-only.bx--tooltip__trigger:focus {
    outline: 2px solid var(--focus);
    outline-offset: -2px
}

@media screen and (prefers-contrast) {
    .bx--unstable-pagination__button.bx--btn--icon-only.bx--tooltip__trigger:focus {
        outline-style: dotted
    }
}

.bx--unstable-pagination__button:hover {
    background: var(--hover-ui);
    color: var(--ui-05)
}

.bx--unstable-pagination__button--no-index {
    fill: var(--disabled-02);
    cursor: not-allowed
}

.bx--unstable-pagination__button.bx--btn:disabled {
    background: transparent;
    border-color: var(--ui-03)
}

.bx--unstable-pagination__button--no-index:hover,
.bx--unstable-pagination__button:disabled:hover {
    fill: var(--disabled-02);
    background: transparent;
    cursor: not-allowed
}

.bx--unstable-pagination__page-selector,
.bx--unstable-pagination__page-sizer {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 100%
}

.bx--unstable-pagination__page-selector .bx--select-input--inline__wrapper,
.bx--unstable-pagination__page-sizer .bx--select-input--inline__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

.bx--unstable-pagination__page-selector .bx--select-input,
.bx--unstable-pagination__page-sizer .bx--select-input {
    font-size: .857rem;
    font-weight: 400;
    height: 100%;
    letter-spacing: .16px;
    line-height: 1.125rem;
    margin-right: -.65rem;
    min-width: auto;
    padding: 0 2.5rem 0 1rem;
    width: auto
}

@media(min-width:42rem) {
    .bx--unstable-pagination__page-selector .bx--select-input,
    .bx--unstable-pagination__page-sizer .bx--select-input {
        margin-right: 0;
        padding-right: 2.25rem
    }
}

.bx--unstable-pagination__page-selector .bx--select-input:hover,
.bx--unstable-pagination__page-sizer .bx--select-input:hover {
    background: var(--hover-ui)
}

.bx--unstable-pagination__page-selector .bx--select__arrow,
.bx--unstable-pagination__page-sizer .bx--select__arrow {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media(min-width:42rem) {
    .bx--unstable-pagination__page-selector .bx--select__arrow,
    .bx--unstable-pagination__page-sizer .bx--select__arrow {
        right: 1rem
    }
}

.bx--unstable-pagination__page-selector {
    border-left: 1px solid var(--ui-03)
}

.bx--unstable-pagination__page-sizer {
    border-right: 1px solid var(--ui-03)
}

.bx--header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #161616;
    border-bottom: 1px solid #393939;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 3rem;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 8000
}

.bx--header__action {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: .0625rem solid transparent;
    cursor: pointer;
    display: inline-block;
    height: 3rem;
    padding: 0;
    -webkit-transition: background-color .11s, border-color .11s;
    transition: background-color .11s, border-color .11s;
    width: 100%;
    width: 3rem
}

.bx--header__action::-moz-focus-inner {
    border: 0
}

.bx--header__action--active>svg.bx--navigation-menu-panel-expand-icon,
.bx--header__action>svg.bx--navigation-menu-panel-collapse-icon {
    display: none
}

.bx--header__action--active>svg.bx--navigation-menu-panel-collapse-icon {
    display: inline
}

.bx--header__action:hover {
    background-color: #353535
}

.bx--header__action--active {
    border-bottom: 1px solid #161616;
    border-left: 1px solid #393939;
    border-right: 1px solid #393939
}

.bx--header__action:focus {
    border-color: #fff;
    outline: none
}

.bx--header__action:active {
    background-color: #393939
}

.bx--header__action.bx--btn--icon-only.bx--tooltip__trigger {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.bx--header__action>svg {
    fill: #fff
}

.bx--header__menu-trigger>svg {
    fill: #f4f4f4
}

.bx--header__menu-trigger:hover {
    fill: #2c2c2c
}

.bx--header__menu-toggle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center
}

@media(min-width:66rem) {
    .bx--header__menu-toggle__hidden {
        display: none
    }
}

a.bx--header__name {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border: .125rem solid transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: .857rem;
    font-weight: 400;
    font-weight: 600;
    height: 100%;
    letter-spacing: .16px;
    letter-spacing: .1px;
    line-height: 1.125rem;
    line-height: 1.25rem;
    outline: none;
    padding: 0 2rem 0 1rem;
    text-decoration: none;
    -webkit-transition: border-color .11s;
    transition: border-color .11s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

a.bx--header__name:focus {
    border-color: #fff
}

.bx--header__name--prefix {
    font-weight: 400
}

a.bx--header__name,
a.bx--header__name:hover {
    color: #f4f4f4
}

.bx--header__menu-toggle:not(.bx--header__menu-toggle__hidden)~.bx--header__name {
    padding-left: .5rem
}

.bx--header__nav {
    display: none;
    height: 100%;
    padding-left: 1rem;
    position: relative
}

@media(min-width:66rem) {
    .bx--header__nav {
        display: block
    }
}

.bx--header__nav:before {
    background-color: #393939;
    content: "";
    display: block;
    height: 1.5rem;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: .0625rem
}

.bx--header__menu-bar {
    list-style: none;
    margin: 0;
    padding: 0
}

.bx--header__menu-bar,
a.bx--header__menu-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

a.bx--header__menu-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border: 2px solid transparent;
    color: #c6c6c6;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.125rem;
    padding: 0 1rem;
    position: relative;
    text-decoration: none;
    -webkit-transition: background-color .11s, border-color .11s, color .11s;
    transition: background-color .11s, border-color .11s, color .11s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

a.bx--header__menu-item:hover {
    background-color: #2c2c2c;
    color: #f4f4f4
}

.bx--header__action:active,
a.bx--header__menu-item:active {
    background-color: #393939;
    color: #f4f4f4
}

a.bx--header__menu-item:focus {
    border-color: #fff;
    color: #f4f4f4;
    outline: none
}

a.bx--header__menu-item:active>svg,
a.bx--header__menu-item:focus>svg,
a.bx--header__menu-item:hover>svg {
    fill: #f4f4f4
}

.bx--header__menu-item--current:after,
a.bx--header__menu-item[aria-current=page]:after {
    border-bottom: 3px solid var(--inverse-support-04);
    bottom: -2px;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.bx--header__menu-item--current:focus:after,
a.bx--header__menu-item[aria-current=page]:focus:after {
    border: 0
}

a.bx--header__menu-item.bx--header__menu-item--current:focus,
a.bx--header__menu-item[aria-current=page]:focus {
    border: 2px solid #fff
}

.bx--header__submenu {
    position: relative
}

.bx--header__submenu--current:after {
    border-bottom: 3px solid var(--interactive-04);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.bx--header__submenu--current:focus {
    border: 2px solid var(--focus)
}

.bx--header__submenu--current:focus:after {
    border: 0
}

.bx--header__menu-title[aria-haspopup=true] {
    position: relative
}

.bx--header__menu-title[aria-expanded=true] {
    background-color: #262626;
    color: #fff;
    z-index: 8001
}

.bx--header__menu-title[aria-expanded=true]>.bx--header__menu-arrow {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.bx--header__menu {
    display: none;
    list-style: none;
    margin: 0;
    padding: 0
}

.bx--header__menu-title[aria-expanded=true]+.bx--header__menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-color: #262626;
    bottom: 0;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .5);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    left: 0;
    position: absolute;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    width: 12.5rem;
    z-index: 8000
}

.bx--header__menu-title[aria-expanded=true]+.bx--header__menu .bx--header__menu-item:hover {
    background-color: #353535
}

.bx--header__menu-title[aria-expanded=true]+.bx--header__menu .bx--header__menu-item:active {
    background-color: #393939
}

.bx--header__menu .bx--header__menu-item {
    height: 3rem
}

.bx--header__menu .bx--header__menu-item:hover {
    background-color: #262626;
    color: #f4f4f4
}

.bx--header__menu-arrow {
    fill: #c6c6c6;
    margin-left: .5rem;
    -webkit-transition: fill .11s, -webkit-transform .11s;
    transition: fill .11s, -webkit-transform .11s;
    transition: transform .11s, fill .11s;
    transition: transform .11s, fill .11s, -webkit-transform .11s
}

.bx--header__global {
    -webkit-box-flex: 1;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1 1 0%;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    height: 100%;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

.bx--skip-to-content {
    clip: rect(0, 0, 0, 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    visibility: inherit;
    white-space: nowrap;
    width: 1px
}

.bx--skip-to-content:focus {
    -webkit-box-align: center;
    -ms-flex-align: center;
    clip: auto;
    -webkit-align-items: center;
    align-items: center;
    background-color: #161616;
    border: 4px solid #0f62fe;
    color: #f4f4f4;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 3rem;
    left: 0;
    outline: none;
    padding: 0 1rem;
    top: 0;
    width: auto;
    z-index: 9999
}

.bx--header-panel {
    background-color: #161616;
    border: none;
    bottom: 0;
    color: #c6c6c6;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 3rem;
    -webkit-transition-timing-function: cubic-bezier(.2, 0, 1, .9);
    transition-timing-function: cubic-bezier(.2, 0, 1, .9);
    -webkit-transition: width .11s;
    transition: width .11s;
    width: 0;
    will-change: width;
    z-index: 8000
}

.bx--header-panel--expanded {
    border-left: 1px solid #393939;
    border-right: 1px solid #393939;
    width: 16rem
}

.bx--panel--overlay {
    background-color: #161616;
    bottom: 0;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 1rem 0;
    position: fixed;
    right: 0;
    top: 3rem;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -webkit-transition: -webkit-transform .11s cubic-bezier(.2, 0, .38, .9);
    transition: -webkit-transform .11s cubic-bezier(.2, 0, .38, .9);
    transition: transform .11s cubic-bezier(.2, 0, .38, .9);
    transition: transform .11s cubic-bezier(.2, 0, .38, .9), -webkit-transform .11s cubic-bezier(.2, 0, .38, .9);
    width: 16rem;
    will-change: transform;
    z-index: 1000
}

.bx--panel--expanded {
    -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .25);
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .25);
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.bx--product-switcher__search {
    margin-bottom: 1.5rem;
    padding: 0 1rem
}

.bx--search--shell input {
    background-color: #e0e0e0
}

.bx--product-switcher__all-btn,
.bx--product-switcher__subheader {
    color: #c6c6c6;
    font-size: .857rem;
    font-weight: 400;
    letter-spacing: .16px;
    line-height: 1.125rem;
    padding: .5rem
}

.bx--product-switcher__all-btn,
.bx--product-switcher__subheader {
    padding-left: 3.5rem
}

.bx--product-switcher__all-btn,
.bx--product-switcher__back-btn {
    background: transparent;
    border: none;
    color: #0f62fe;
    cursor: pointer;
    display: inline-block;
    text-align: left;
    width: 100%
}

.bx--product-switcher__all-btn:hover,
.bx--product-switcher__back-btn:hover {
    text-decoration: underline
}

.bx--product-switcher__all-btn:focus,
.bx--product-switcher__back-btn:focus {
    -webkit-box-shadow: inset 0 0 0 3px #0f62fe;
    box-shadow: inset 0 0 0 3px #0f62fe;
    outline: none
}

.bx--product-switcher__back-btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: .857rem;
    font-weight: 400;
    letter-spacing: .16px;
    line-height: 1.125rem;
    padding: .5rem 1rem
}

.bx--product-switcher__back-arrow {
    fill: #0f62fe;
    margin-right: 1rem
}

.bx--product-list__item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-align-items: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.bx--product-list__item:hover {
    background: #e0e0e0
}

.bx--product-link {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: .5rem 1rem;
    text-decoration: none;
    width: 100%
}

.bx--product-link:focus {
    -webkit-box-shadow: inset 0 0 0 3px #0f62fe;
    box-shadow: inset 0 0 0 3px #0f62fe;
    outline: none
}

.bx--product-switcher__icon {
    margin-right: 1rem
}

.bx--product-link__name {
    color: #c6c6c6;
    font-size: .857rem;
    font-weight: 400;
    letter-spacing: .16px;
    line-height: 1.125rem;
    margin-left: .25rem
}

.bx--product-switcher__product-list .bx--overflow-menu {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: none;
    -webkit-justify-content: center;
    justify-content: center;
    width: 2.5rem
}

.bx--product-switcher__product-list .bx--overflow-menu.bx--overflow-menu--open {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.bx--product-switcher__product-list .bx--overflow-menu>svg {
    fill: #c6c6c6
}

.bx--product-switcher__product-list .bx--overflow-menu:hover {
    background: #c6c6c6
}

.bx--product-switcher__product-list .bx--overflow-menu:hover>svg {
    fill: #c6c6c6
}

.bx--product-switcher__product-list .bx--overflow-menu:focus {
    -webkit-box-shadow: inset 0 0 0 3px #0f62fe;
    box-shadow: inset 0 0 0 3px #0f62fe;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    outline: none
}

.bx--product-switcher__product-list .bx--overflow-menu-options__option:hover {
    background: #fff
}

.bx--product-list__item:hover .bx--overflow-menu,
.bx--switcher {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.bx--switcher {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    color: #c6c6c6;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center
}

.bx--switcher__item {
    height: 2rem;
    width: 100%
}

.bx--switcher__item:first-child {
    margin-top: 1rem
}

.bx--switcher__item--divider {
    background: #393939;
    border: none;
    display: block;
    height: 1px;
    margin: .5rem 1rem;
    width: 14rem
}

.bx--switcher__item-link {
    color: #c6c6c6;
    display: block;
    font-size: .875rem;
    font-weight: 600;
    height: 2rem;
    letter-spacing: .16px;
    line-height: 1.125rem;
    padding: .375rem 1rem;
    text-decoration: none
}

.bx--switcher__item-link:hover:not(.bx--switcher__item-link--selected) {
    background: #2c2c2c;
    color: #f4f4f4;
    cursor: pointer
}

.bx--switcher__item-link:focus {
    outline: 2px solid #fff;
    outline-offset: -2px
}

.bx--switcher__item-link:active {
    background: #393939;
    color: #f4f4f4
}

.bx--switcher__item-link--selected {
    background: #262626;
    color: #f4f4f4
}

.bx--side-nav {
    background-color: #fff;
    bottom: 0;
    color: #525252;
    left: 0;
    max-width: 16rem;
    overflow: hidden;
    position: fixed;
    top: 0;
    -webkit-transition: width .11s cubic-bezier(.2, 0, 1, .9);
    transition: width .11s cubic-bezier(.2, 0, 1, .9);
    width: 3rem;
    will-change: width;
    z-index: 8000
}

.bx--side-nav--ux {
    top: 3rem;
    width: 16rem
}

@media(max-width:65.98rem) {
    .bx--side-nav--ux {
        width: 0
    }
}

.bx--side-nav--rail {
    width: 3rem
}

.bx--side-nav--hidden {
    width: 0
}

.bx--side-nav--expanded,
.bx--side-nav.bx--side-nav--rail:not(.bx--side-nav--fixed):hover {
    width: 16rem
}

.bx--side-nav__overlay {
    background-color: transparent;
    height: 0;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 3rem;
    -webkit-transition: opacity .24s cubic-bezier(.2, 0, .38, .9), background-color .24s cubic-bezier(.2, 0, .38, .9);
    transition: opacity .24s cubic-bezier(.2, 0, .38, .9), background-color .24s cubic-bezier(.2, 0, .38, .9);
    width: 0
}

@media(max-width:65.98rem) {
    .bx--side-nav__overlay-active {
        background-color: var(--overlay-01);
        height: 100vh;
        opacity: 1;
        -webkit-transition: opacity .24s cubic-bezier(.2, 0, .38, .9), background-color .24s cubic-bezier(.2, 0, .38, .9);
        transition: opacity .24s cubic-bezier(.2, 0, .38, .9), background-color .24s cubic-bezier(.2, 0, .38, .9);
        width: 100vw
    }
}

.bx--header~.bx--side-nav {
    height: calc(100% - 48px);
    top: 3rem
}

.bx--side-nav--fixed {
    width: 16rem
}

.bx--side-nav--collapsed {
    -webkit-transform: translateX(-16rem);
    transform: translateX(-16rem);
    width: 16rem
}

.bx--side-nav__navigation {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.bx--side-nav__header,
.bx--side-nav__navigation {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.bx--side-nav__header {
    border-bottom: 1px solid #393939;
    height: 3rem;
    max-width: 100%;
    width: 100%
}

.bx--side-nav--expanded .bx--side-nav__header,
.bx--side-nav--fixed .bx--side-nav__header,
.bx--side-nav--ux .bx--side-nav__header,
.bx--side-nav:hover .bx--side-nav__header {
    height: auto
}

.bx--side-nav__details {
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    opacity: 0;
    padding-right: 1rem;
    visibility: hidden
}

.bx--side-nav--expanded .bx--side-nav__details,
.bx--side-nav--fixed .bx--side-nav__details,
.bx--side-nav--ux .bx--side-nav__details,
.bx--side-nav:hover .bx--side-nav__details {
    opacity: 1;
    visibility: inherit
}

.bx--side-nav__title {
    font-size: .875rem;
    font-weight: 600;
    letter-spacing: .1px;
    margin-top: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.bx--side-nav__select,
.bx--side-nav__title {
    padding-left: .5rem
}

.bx--side-nav__switcher {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: relative
}

.bx--side-nav__switcher,
.bx--side-nav__switcher-chevron {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.bx--side-nav__switcher-chevron {
    fill: #525252;
    bottom: 0;
    position: absolute;
    right: .5rem;
    top: 0
}

.bx--side-nav__select {
    -webkit-box-flex: 1;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #161616;
    border: none;
    border-radius: 0;
    color: #f4f4f4;
    cursor: pointer;
    -webkit-flex: 1 1 0%;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    font-size: .75rem;
    height: 2rem;
    min-width: 0;
    outline: 2px solid transparent;
    outline-offset: -2px;
    padding-right: 2rem;
    -webkit-transition: outline .11s;
    transition: outline .11s
}

.bx--side-nav__select:focus {
    outline: 2px solid var(--focus);
    outline-offset: -2px
}

@media screen and (prefers-contrast) {
    .bx--side-nav__select:focus {
        outline-style: dotted
    }
}

.bx--side-nav__footer {
    -webkit-box-flex: 0;
    background-color: #fff;
    -webkit-flex: 0 0 3rem;
    -ms-flex: 0 0 3rem;
    flex: 0 0 3rem;
    width: 100%
}

.bx--side-nav__toggle {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: 0;
    cursor: pointer;
    display: inline-block;
    height: 100%;
    outline: 2px solid transparent;
    outline-offset: -2px;
    padding: 0 0 0 1rem;
    text-align: left;
    -webkit-transition: outline .11s;
    transition: outline .11s;
    width: 100%
}

.bx--side-nav__toggle::-moz-focus-inner {
    border: 0
}

.bx--side-nav__toggle:focus {
    outline: 2px solid var(--focus);
    outline-offset: -2px
}

@media screen and (prefers-contrast) {
    .bx--side-nav__toggle:focus {
        outline-style: dotted
    }
}

.bx--side-nav__items {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0%;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    overflow: hidden;
    padding: 1rem 0 0
}

.bx--side-nav--expanded .bx--side-nav__items,
.bx--side-nav--fixed .bx--side-nav__items,
.bx--side-nav--ux .bx--side-nav__items,
.bx--side-nav:hover .bx--side-nav__items {
    overflow-y: auto
}

.bx--side-nav__item {
    overflow: hidden
}

.bx--side-nav--ux .bx--side-nav__item,
.bx--side-nav__item {
    height: auto;
    width: auto
}

.bx--side-nav .bx--header__menu-title[aria-expanded=true]:hover,
.bx--side-nav__item:not(.bx--side-nav__item--active):hover .bx--side-nav__item:not(.bx--side-nav__item--active)>.bx--side-nav__submenu:hover,
.bx--side-nav__item:not(.bx--side-nav__item--active)>.bx--side-nav__link:hover,
.bx--side-nav__menu a.bx--side-nav__link:not(.bx--side-nav__link--current):not([aria-current=page]):hover,
.bx--side-nav a.bx--header__menu-item:hover {
    background-color: #e5e5e5;
    color: #161616
}

.bx--side-nav__item:not(.bx--side-nav__item--active) .bx--side-nav__menu-item>.bx--side-nav__link:hover>span,
.bx--side-nav__item:not(.bx--side-nav__item--active)>.bx--side-nav__link:hover>span {
    color: #161616
}

.bx--side-nav__item--large {
    height: 3rem
}

.bx--side-nav__divider {
    background-color: #e0e0e0;
    height: 1px;
    margin: .5rem 1rem
}

.bx--side-nav__submenu {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: 0;
    color: #525252;
    cursor: pointer;
    display: inline-block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: .875rem;
    font-weight: 600;
    height: 2rem;
    letter-spacing: .16px;
    line-height: 1.125rem;
    outline: 2px solid transparent;
    outline-offset: -2px;
    padding: 0 1rem;
    -webkit-transition: color .11s, background-color .11s, outline .11s;
    transition: color .11s, background-color .11s, outline .11s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.bx--side-nav__submenu::-moz-focus-inner {
    border: 0
}

.bx--side-nav__submenu:hover {
    background-color: #e5e5e5;
    color: #161616
}

.bx--side-nav__submenu:focus {
    outline: 2px solid var(--focus);
    outline-offset: -2px
}

@media screen and (prefers-contrast) {
    .bx--side-nav__submenu:focus {
        outline-style: dotted
    }
}

.bx--side-nav__submenu-title {
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bx--side-nav__icon.bx--side-nav__submenu-chevron {
    -webkit-box-flex: 1;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

.bx--side-nav__submenu-chevron>svg {
    height: 1rem;
    -webkit-transition: -webkit-transform .11s;
    transition: -webkit-transform .11s;
    transition: transform .11s;
    transition: transform .11s, -webkit-transform .11s;
    width: 1rem
}

.bx--side-nav__submenu[aria-expanded=true] .bx--side-nav__submenu-chevron>svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.bx--side-nav__item--large .bx--side-nav__submenu {
    height: 3rem
}

.bx--side-nav__item--active .bx--side-nav__submenu:hover {
    background-color: #e5e5e5;
    color: #161616
}

.bx--side-nav__item--active .bx--side-nav__submenu[aria-expanded=false] {
    background-color: #e5e5e5;
    color: #161616;
    position: relative
}

.bx--side-nav__item--active .bx--side-nav__submenu[aria-expanded=false]:before {
    background-color: #0f62fe;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    width: 4px
}

.bx--side-nav__item--active .bx--side-nav__submenu-title {
    color: #161616;
    font-weight: 600
}

.bx--side-nav__menu {
    display: block;
    max-height: 0;
    visibility: hidden
}

.bx--side-nav__submenu[aria-expanded=true]+.bx--side-nav__menu {
    max-height: 93.75rem;
    visibility: inherit
}

.bx--side-nav__menu a.bx--side-nav__link {
    font-weight: 400;
    height: 2rem;
    min-height: 2rem;
    padding-left: 2rem
}

.bx--side-nav__item.bx--side-nav__item--icon a.bx--side-nav__link {
    padding-left: 4.5rem
}

.bx--side-nav__menu a.bx--side-nav__link--current,
.bx--side-nav__menu a.bx--side-nav__link[aria-current=page],
a.bx--side-nav__link--current {
    background-color: #e0e0e0
}

.bx--side-nav__menu a.bx--side-nav__link--current>span,
.bx--side-nav__menu a.bx--side-nav__link[aria-current=page]>span,
a.bx--side-nav__link--current>span {
    color: #161616;
    font-weight: 600
}

.bx--side-nav .bx--header__menu-title[aria-expanded=true]+.bx--header__menu,
.bx--side-nav a.bx--header__menu-item,
a.bx--side-nav__link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: .875rem;
    font-weight: 600;
    letter-spacing: .16px;
    line-height: 1.125rem;
    min-height: 2rem;
    outline: 2px solid transparent;
    outline-offset: -2px;
    padding: 0 1rem;
    position: relative;
    text-decoration: none;
    -webkit-transition: color .11s, background-color .11s, outline .11s;
    transition: color .11s, background-color .11s, outline .11s
}

.bx--side-nav__item--large a.bx--side-nav__link {
    height: 3rem
}

.bx--side-nav a.bx--header__menu-item .bx--text-truncate-end,
a.bx--side-nav__link>.bx--side-nav__link-text {
    color: #525252;
    font-size: .875rem;
    letter-spacing: .1px;
    line-height: 1.25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.bx--side-nav a.bx--header__menu-item:focus,
a.bx--side-nav__link:focus {
    outline: 2px solid var(--focus);
    outline-offset: -2px
}

@media screen and (prefers-contrast) {
    .bx--side-nav a.bx--header__menu-item:focus,
    a.bx--side-nav__link:focus {
        outline-style: dotted
    }
}

a.bx--side-nav__link--current,
a.bx--side-nav__link[aria-current=page] {
    background-color: #e5e5e5;
    font-weight: 600
}

a.bx--side-nav__link--current .bx--side-nav__link-text,
a.bx--side-nav__link[aria-current=page] .bx--side-nav__link-text {
    color: #161616
}

a.bx--side-nav__link--current:before,
a.bx--side-nav__link[aria-current=page]:before {
    background-color: #0f62fe;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    width: 4px
}

.bx--side-nav__icon {
    -webkit-box-flex: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 0 0 1rem;
    -ms-flex: 0 0 1rem;
    flex: 0 0 1rem;
    -webkit-justify-content: center;
    justify-content: center
}

.bx--side-nav__icon:not(.bx--side-nav__submenu-chevron) {
    margin-right: 1.5rem
}

.bx--side-nav__icon>svg {
    fill: #525252;
    height: 1rem;
    width: 1rem
}

.bx--side-nav--expanded .bx--side-nav__icon>svg.bx--side-nav-expand-icon,
.bx--side-nav__icon>svg.bx--side-nav-collapse-icon {
    display: none
}

.bx--side-nav--expanded .bx--side-nav__icon>svg.bx--side-nav-collapse-icon {
    display: block
}

.bx--side-nav--fixed .bx--side-nav__submenu,
.bx--side-nav--fixed a.bx--side-nav__link {
    padding-left: 1rem
}

.bx--side-nav--fixed .bx--side-nav__item:not(.bx--side-nav__item--icon) .bx--side-nav__menu a.bx--side-nav__link {
    padding-left: 2rem
}

@media(max-width:65.98rem) {
    .bx--side-nav .bx--header__nav {
        display: block
    }
}

.bx--side-nav__header-navigation {
    display: none
}

@media(max-width:65.98rem) {
    .bx--side-nav__header-navigation {
        display: block;
        margin-bottom: 2rem;
        position: relative
    }
}

.bx--side-nav__header-divider:after {
    background: #e0e0e0;
    bottom: -1rem;
    content: "";
    height: .0625rem;
    left: 1rem;
    position: absolute;
    width: calc(100% - 32px)
}

.bx--side-nav a.bx--header__menu-item {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    color: #525252;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    white-space: nowrap
}

.bx--side-nav a.bx--header__menu-item[aria-expanded=true] {
    background-color: transparent
}

.bx--side-nav .bx--header__menu-title[aria-expanded=true]+.bx--header__menu {
    background-color: transparent;
    bottom: inherit;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
    -webkit-transform: none;
    transform: none;
    width: 100%
}

.bx--side-nav .bx--header__menu-title[aria-expanded=true]+.bx--header__menu li {
    width: 100%
}

.bx--side-nav .bx--header__menu-title[aria-expanded=true]+.bx--header__menu a.bx--header__menu-item {
    font-weight: 400;
    padding-left: 4.25rem
}

.bx--side-nav .bx--header__menu-title[aria-expanded=true]+.bx--header__menu a.bx--header__menu-item:hover {
    background-color: #e5e5e5;
    color: #161616
}

.bx--side-nav .bx--header__menu a.bx--header__menu-item {
    height: inherit
}

.bx--side-nav .bx--header__menu-arrow,
.bx--side-nav a.bx--header__menu-item:focus .bx--header__menu-arrow,
.bx--side-nav a.bx--header__menu-item:hover .bx--header__menu-arrow {
    fill: #525252
}

@media (forced-colors:active),
(prefers-contrast),
screen and (-ms-high-contrast:active) {
    .bx--side-nav .bx--header__menu-arrow,
    .bx--side-nav__icon>svg,
    .bx--side-nav a.bx--header__menu-item:focus .bx--header__menu-arrow,
    .bx--side-nav a.bx--header__menu-item:hover .bx--header__menu-arrow {
        fill: ButtonText
    }
}

.bx--navigation {
    background-color: #262626;
    bottom: 0;
    -webkit-box-shadow: 0 .5rem 1rem 0 rgba(0, 0, 0, .25);
    box-shadow: 0 .5rem 1rem 0 rgba(0, 0, 0, .25);
    color: #f4f4f4;
    left: 0;
    position: fixed;
    top: 3rem;
    width: 16rem;
    z-index: 9100
}

.bx--navigation--right {
    left: auto;
    right: 0
}

.bx--navigation svg {
    fill: #f4f4f4
}

.bx--navigation-section:not(:last-child):after {
    background-color: #393939;
    content: "";
    display: block;
    height: 1px;
    margin: 0 1rem
}

.bx--navigation-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.bx--navigation-item--active>a.bx--navigation-link {
    color: #fff;
    font-weight: 600
}

.bx--navigation-item--active:after {
    background-color: #0f62fe;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    width: 4px
}

a.bx--navigation-link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #f4f4f4;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: .875rem;
    font-weight: 400;
    min-height: 2.5rem;
    padding-left: 1rem;
    text-decoration: none;
    width: 100%
}

a.bx--navigation-link:hover {
    background-color: #333;
    color: #fff
}

a.bx--navigation-link:focus {
    outline: .1875rem solid #0f62fe;
    outline-offset: -.1875rem
}

.bx--navigation-item--icon>a.bx--navigation-link {
    padding-left: 0
}

.bx--navigation__category {
    width: 100%
}

.bx--navigation__category-toggle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: 0;
    cursor: pointer;
    display: inline-block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    width: 100%
}

.bx--navigation__category-toggle::-moz-focus-inner {
    border: 0
}

.bx--navigation__category-toggle:hover {
    background-color: #333
}

.bx--navigation__category-toggle:focus {
    outline: .1875rem solid #0f62fe;
    outline-offset: -.1875rem
}

.bx--navigation__category-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-align-items: center;
    align-items: center;
    color: #f4f4f4;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: .875rem;
    font-weight: 400;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    min-height: 2.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

.bx--navigation-item--icon .bx--navigation__category-title {
    padding-left: 0
}

.bx--navigation__category-items {
    display: none;
    visibility: hidden
}

.bx--navigation__category-item>a.bx--navigation-link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 2rem;
    padding-left: 2rem
}

.bx--navigation__category-item {
    position: relative
}

.bx--navigation-item--icon .bx--navigation__category-item>a.bx--navigation-link {
    padding-left: 3.5rem
}

.bx--navigation__category-item--active:after {
    background-color: #0f62fe;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    width: 4px
}

.bx--navigation__category-item--active>a.bx--navigation-link {
    color: #fff;
    font-weight: 600
}

.bx--navigation__category--expanded .bx--navigation__category-title {
    font-weight: 600
}

.bx--navigation__category--expanded .bx--navigation__category-title>svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.bx--navigation__category--expanded .bx--navigation__category-items {
    display: block;
    visibility: inherit
}

.bx--navigation-icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 2.5rem;
    -webkit-justify-content: center;
    justify-content: center;
    margin-right: .5rem;
    min-width: 3rem;
    width: 3rem
}

.bx--content {
    background: var(--ui-02);
    padding: 2rem;
    will-change: margin-left
}

.bx--header~.bx--content {
    margin-top: 3rem
}

.bx--side-nav~.bx--content {
    margin-left: 3rem
}

.bx--side-nav.bx--side-nav--expanded~.bx--content {
    margin-left: 16rem
}

.bx--tree {
    overflow: hidden
}

.bx--tree .bx--tree-node {
    background-color: var(--ui-01);
    color: var(--text-02);
    padding-left: 1rem
}

.bx--tree .bx--tree-node:focus {
    outline: none
}

.bx--tree .bx--tree-node:focus>.bx--tree-node__label {
    outline: 2px solid var(--focus);
    outline-offset: -2px
}

@media screen and (prefers-contrast) {
    .bx--tree .bx--tree-node:focus>.bx--tree-node__label {
        outline-style: dotted
    }
}

.bx--tree .bx--tree-node--disabled:focus>.bx--tree-node__label {
    outline: none
}

.bx--tree .bx--tree-node--disabled,
.bx--tree .bx--tree-node--disabled .bx--tree-node__label:hover,
.bx--tree .bx--tree-node--disabled .bx--tree-node__label:hover .bx--tree-node__label__details {
    background-color: var(--disabled-01);
    color: var(--disabled-02)
}

.bx--tree .bx--tree-node--disabled .bx--tree-node__icon,
.bx--tree .bx--tree-node--disabled .bx--tree-node__label:hover .bx--tree-node__icon,
.bx--tree .bx--tree-node--disabled .bx--tree-node__label:hover .bx--tree-parent-node__toggle-icon,
.bx--tree .bx--tree-node--disabled .bx--tree-parent-node__toggle-icon {
    fill: var(--disabled-02)
}

.bx--tree .bx--tree-node--disabled,
.bx--tree .bx--tree-node--disabled .bx--tree-parent-node__toggle-icon:hover {
    cursor: not-allowed
}

.bx--tree .bx--tree-node__label {
    -webkit-box-flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 2rem
}

.bx--tree .bx--tree-node__label:hover {
    background-color: var(--hover-ui);
    color: var(--text-01)
}

.bx--tree .bx--tree-node__label:hover .bx--tree-node__label__details {
    color: var(--text-01)
}

.bx--tree .bx--tree-node__label:hover .bx--tree-node__icon,
.bx--tree .bx--tree-node__label:hover .bx--tree-parent-node__toggle-icon {
    fill: var(--icon-01)
}

.bx--tree .bx--tree-leaf-node {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-left: 2.5rem
}

.bx--tree .bx--tree-leaf-node.bx--tree-node--with-icon {
    padding-left: 2rem
}

.bx--tree .bx--tree-node__label__details {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.bx--tree .bx--tree-node--with-icon .bx--tree-parent-node__toggle {
    margin-right: 0
}

.bx--tree .bx--tree-parent-node__toggle {
    border: 0;
    margin-right: .5rem;
    padding: 0
}

.bx--tree .bx--tree-parent-node__toggle:hover {
    cursor: pointer
}

.bx--tree .bx--tree-parent-node__toggle:focus {
    outline: none
}

.bx--tree .bx--tree-parent-node__toggle-icon {
    fill: var(--icon-02);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: all .11s cubic-bezier(.2, 0, .38, .9);
    transition: all .11s cubic-bezier(.2, 0, .38, .9)
}

.bx--tree .bx--tree-parent-node__toggle-icon--expanded {
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.bx--tree .bx--tree-node__icon {
    -ms-flex-negative: 0;
    fill: var(--icon-02);
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    margin-right: .5rem
}

.bx--tree .bx--tree-node--selected>.bx--tree-node__label {
    background-color: var(--selected-ui);
    color: var(--text-01)
}

.bx--tree .bx--tree-node--selected>.bx--tree-node__label:hover {
    background-color: var(--hover-selected-ui)
}

.bx--tree .bx--tree-node--selected>.bx--tree-node__label .bx--tree-node__icon,
.bx--tree .bx--tree-node--selected>.bx--tree-node__label .bx--tree-parent-node__toggle-icon {
    fill: var(--icon-01)
}

.bx--tree .bx--tree-node--active>.bx--tree-node__label {
    position: relative
}

.bx--tree .bx--tree-node--active>.bx--tree-node__label:before {
    background-color: var(--interactive-04);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: .25rem
}

.bx--tree--compact .bx--tree-node__label {
    min-height: 1.5rem
}

.bx--select-input {
    line-height: 1.5
}

input.bx--date-picker__input,
input[type=number] {
    font-family: BraiinsSans, sans-serif, serif !important
}

.bx--grid--full-width {
    margin: 0
}

header.bx--header nav.bx--header__nav:before {
    display: none !important
}

header.bx--header a.bx--header__menu-item {
    cursor: pointer;
    text-decoration: none
}

header.bx--header a.bx--header__menu-item:focus,
header.bx--header a.bx--header__menu-item:hover,
header.bx--header a.bx--header__menu-item[aria-expanded=true] {
    background-color: #525252 !important
}

header.bx--header a.bx--header__menu-item:focus {
    border-color: #6f6f6f
}

header.bx--header a.bx--header__menu-item .bx--text-truncate--end {
    line-height: 1.5 !important
}

header.bx--header>.bx--header__nav a.bx--header__menu-item {
    color: #fff !important
}

header.bx--header .bx--header__global {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #c6c6c6
}

header.bx--header .bx--header__action {
    height: 3rem;
    min-width: 3rem;
    padding: 13px;
    width: auto
}

.bx--header__submenu .bx--header__menu {
    background-color: #393939 !important
}

.bx--header__submenu .bx--header__menu .bx--header__menu-item {
    color: #fff !important
}

.bx--header__submenu .bx--header__menu .bx--header__menu-item:focus {
    border-color: #6f6f6f !important
}

.bx--tabs {
    position: relative
}

.bx--tabs:after {
    background-color: rgb(var(--text-01) .2);
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 1
}

.bx--tabs>* {
    z-index: 2
}

.bx--tabs .bx--tabs__nav-link {
    border-bottom: 2px solid rgb(var(--text-01) .15);
    color: var(--text-01) !important;
    text-decoration: none !important
}

.bx--tabs .bx--tabs__nav-link:focus,
.bx--tabs .bx--tabs__nav-link:hover {
    border-bottom: 2px solid rgb(var(--text-01) .2)
}

.bx--tabs--scrollable .bx--tabs--scrollable__nav-link {
    width: auto
}

.bx--inline-notification__text-wrapper {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.bx--modal-header__heading {
    color: var(--text-01);
    font-size: 1.25rem;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.625rem
}

.bx--modal-container {
    background-color: var(--ui-01)
}

.bx--modal-content {
    margin-bottom: 0 !important;
    overflow-x: hidden;
    padding-bottom: 3rem;
    scrollbar-color: var(--progressbar-fg) var(--progressbar-bg);
    scrollbar-width: 10px
}

.bx--modal-content::-webkit-scrollbar {
    height: .5rem;
    width: .5rem
}

.bx--modal-content::-webkit-scrollbar-button {
    display: none
}

.bx--modal-content::-webkit-scrollbar-corner,
.bx--modal-content::-webkit-scrollbar-track {
    background: var(--progressbar-bg)
}

.bx--modal-content::-webkit-scrollbar-corner:hover,
.bx--modal-content::-webkit-scrollbar-track:hover {
    background: var(--progressbar-bg-hover)
}

.bx--modal-content::-webkit-scrollbar-thumb {
    background-color: var(--progressbar-fg)
}

.bx--modal-content::-webkit-scrollbar-thumb:hover {
    background-color: var(--progressbar-fg-hover)
}

.bx--modal-footer button.bx--btn {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.bx--multi-select,
.bx--multi-select__wrapper,
.bx--select,
.bx--select-input,
.bx--select-input__wrapper,
.bx--text-area__wrapper {
    min-width: 100%;
    width: 100%
}

.bx--text-input__label-helper-wrapper {
    margin-right: 1.5rem
}

[dir=rtl] .bx--text-input__label-helper-wrapper {
    margin-left: 1.5rem;
    margin-right: unset
}

.bx--label:empty {
    display: none !important
}

.bx--multi-select .bx--list-box__menu {
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content
}

.bx--checkbox-label {
    padding-left: 1.75rem;
    padding-right: 0
}

[dir=rtl] .bx--checkbox-label {
    padding-left: 0;
    padding-right: 1.75rem
}

.bx--checkbox-label:before {
    left: 0;
    margin-left: .1875rem;
    margin-right: .125rem
}

[dir=rtl] .bx--checkbox-label:before {
    left: unset;
    margin-left: .125rem;
    margin-right: .1875rem;
    right: 0
}

.bx--checkbox-label:after {
    left: .4375rem
}

[dir=rtl] .bx--checkbox-label:after {
    left: unset;
    right: .4375rem
}

.bx--list-box__menu-item__option {
    padding-left: 0;
    padding-right: 1.5rem
}

[dir=rtl] .bx--list-box__menu-item__option {
    padding-left: 1.5rem;
    padding-right: 0
}

.bx--tag--filter {
    padding-left: .5rem;
    padding-right: 0
}

[dir=rtl] .bx--tag--filter {
    padding-left: 0 !important;
    padding-right: .5rem !important
}

.bx--tag__close-icon {
    margin-left: .125rem;
    margin-right: 0
}

[dir=rtl] .bx--tag__close-icon {
    margin-left: 0 !important;
    margin-right: .125rem !important
}

.bx--list-box__selection--multi>svg:hover,
.bx--tag--high-contrast .bx--tag__close-icon:hover {
    background-color: var(--hover-selected-ui)
}

.flatpickr-calendar {
    -webkit-box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .4);
    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .4);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.bx--date-picker__calendar {
    left: 0 !important;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    right: 0 !important
}

.bx--list-box__menu {
    scrollbar-color: var(--progressbar-fg) var(--progressbar-bg);
    scrollbar-width: 10px
}

.bx--list-box__menu::-webkit-scrollbar {
    height: .5rem;
    width: .5rem
}

.bx--list-box__menu::-webkit-scrollbar-button {
    display: none
}

.bx--list-box__menu::-webkit-scrollbar-corner,
.bx--list-box__menu::-webkit-scrollbar-track {
    background: var(--progressbar-bg)
}

.bx--list-box__menu::-webkit-scrollbar-corner:hover,
.bx--list-box__menu::-webkit-scrollbar-track:hover {
    background: var(--progressbar-bg-hover)
}

.bx--list-box__menu::-webkit-scrollbar-thumb {
    background-color: var(--progressbar-fg)
}

.bx--list-box__menu::-webkit-scrollbar-thumb:hover {
    background-color: var(--progressbar-fg-hover)
}

[tabindex="-1"] {
    outline: none !important
}

b,
strong {
    font-weight: 700 !important
}

select:disabled,
select[disabled] {
    opacity: 1
}

.sm5q_PDe {
    text-align: left
}

.sC4S6NBY,
[dir=rtl] .sm5q_PDe {
    text-align: right
}

[dir=rtl] .sC4S6NBY {
    text-align: left
}

.y38AgeVf>*+* {
    margin-left: 1rem
}

[dir=rtl] .y38AgeVf>*+* {
    margin-left: unset;
    margin-right: 1rem
}

.td_GWHFn {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.Qy1WQ125 {
    -webkit-transition: all .15s cubic-bezier(.4, 0, .2, 1);
    transition: all .15s cubic-bezier(.4, 0, .2, 1)
}

.BvlegW6d {
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-property: color, background, border;
    transition-property: color, background, border;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.RRjIM2Uq {
    -webkit-transition: opacity .15s cubic-bezier(.4, 0, .2, 1);
    transition: opacity .15s cubic-bezier(.4, 0, .2, 1)
}

.i1vwrAKF {
    -webkit-transition-duration: .6s;
    transition-duration: .6s
}

.UJQawUK9 {
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.K403tfk6 {
    -webkit-transition-duration: .15s;
    transition-duration: .15s
}

.HrNYpsGE {
    scrollbar-color: var(--progressbar-fg) var(--progressbar-bg);
    scrollbar-width: 10px
}

.HrNYpsGE::-webkit-scrollbar {
    height: .5rem;
    width: .5rem
}

.HrNYpsGE::-webkit-scrollbar-button {
    display: none
}

.HrNYpsGE::-webkit-scrollbar-corner,
.HrNYpsGE::-webkit-scrollbar-track {
    background: var(--progressbar-bg)
}

.HrNYpsGE::-webkit-scrollbar-corner:hover,
.HrNYpsGE::-webkit-scrollbar-track:hover {
    background: var(--progressbar-bg-hover)
}

.HrNYpsGE::-webkit-scrollbar-thumb {
    background-color: var(--progressbar-fg)
}

.HrNYpsGE::-webkit-scrollbar-thumb:hover {
    background-color: var(--progressbar-fg-hover)
}

.o4WLCC7C {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--field-01);
    border: solid var(--ui-04);
    border-width: 0 0 1px;
    color: var(--text-01);
    cursor: pointer;
    max-width: 100%;
    padding: 0 1rem;
    position: relative
}

.o4WLCC7C>* {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.o4WLCC7C:focus,
.o4WLCC7C:hover {
    background-color: var(--hover-secondary)
}

.o4WLCC7C>*+* {
    margin-left: .5rem
}

[dir=rtl] .o4WLCC7C>*+* {
    margin-left: unset;
    margin-right: .5rem
}

body,
html {
    margin: 0 !important;
    padding: 0 !important;
    scrollbar-color: var(--progressbar-fg) var(--progressbar-bg);
    scrollbar-width: 10px
}

body::-webkit-scrollbar,
html::-webkit-scrollbar {
    height: .5rem;
    width: .5rem
}

body::-webkit-scrollbar-button,
html::-webkit-scrollbar-button {
    display: none
}

body::-webkit-scrollbar-corner,
body::-webkit-scrollbar-track,
html::-webkit-scrollbar-corner,
html::-webkit-scrollbar-track {
    background: var(--progressbar-bg)
}

body::-webkit-scrollbar-corner:hover,
body::-webkit-scrollbar-track:hover,
html::-webkit-scrollbar-corner:hover,
html::-webkit-scrollbar-track:hover {
    background: var(--progressbar-bg-hover)
}

body::-webkit-scrollbar-thumb,
html::-webkit-scrollbar-thumb {
    background-color: var(--progressbar-fg)
}

body::-webkit-scrollbar-thumb:hover,
html::-webkit-scrollbar-thumb:hover {
    background-color: var(--progressbar-fg-hover)
}

html {
    min-height: 100%;
    min-width: 100%;
    overflow-x: hidden;
    position: relative
}

body {
    font-family: BraiinsSans, sans-serif, serif;
    font-size: 16px;
    left: 0;
    min-width: 100vw;
    overflow-x: hidden;
    top: 0
}

#app,
body {
    min-height: 100vh;
    position: absolute
}

#app,
.Bl51J3S9 {
    max-width: 100%;
    min-width: 100%
}

.Bl51J3S9 {
    background-color: var(--ui-background);
    min-height: 100vh;
    position: relative
}

.k3ZRTlu_ {
    margin-bottom: 1.5rem;
    padding-left: .85rem;
    padding-right: 1rem
}

.k3ZRTlu_ .CzzKy1H_ {
    margin-left: auto;
    margin-top: auto;
    padding-left: 1rem
}

[dir=rtl] .k3ZRTlu_ .CzzKy1H_ {
    margin-left: unset;
    margin-right: auto;
    padding-left: unset;
    padding-right: 1rem
}

.ooJo8x7y {
    margin-bottom: 1.5rem;
    padding-left: .85rem;
    padding-right: 1rem
}

.ooJo8x7y>*+* {
    margin-top: .5rem
}

.NcPwGv3M {
    margin-left: -.15rem
}

[dir=rtl] .NcPwGv3M {
    margin-left: unset;
    margin-right: -.15rem
}

@media screen and (max-width:45rem) {
    .NcPwGv3M {
        font-size: 2.25rem;
        line-height: 3rem
    }
}

.z7D2GRsn {
    color: var(--text-02);
    margin-bottom: .25rem
}

.topErrorMessage {
    background-color: var(--support-01);
    color: #fff !important;
    font-size: 1.125rem;
    left: 0;
    padding: 16px 0;
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 999999
}

.topErrorMessage a {
    color: #fff !important;
    font-weight: 700;
    text-decoration: underline
}

.topErrorMessage>.title {
    margin: 0 auto 8px
}

.text-left {
    text-align: left !important
}

.text-center {
    text-align: center !important
}

.text-right {
    text-align: right !important
}

.bg-red {
    background-color: var(--support-01)
}

.bg-green {
    background-color: var(--support-02)
}

.bg-blue {
    background-color: #2460ff
}

.red {
    color: var(--support-01)
}

.green {
    color: var(--support-02)
}

.blue {
    color: #2460ff
}

.my1tgPEJ {
    bottom: 0;
    margin: 35px;
    max-width: 50rem;
    position: fixed;
    right: 0;
    z-index: 900
}

.aurjygfV {
    background: transparent;
    border: none;
    position: absolute;
    right: 10px;
    top: 10px
}

.ms79y8cc {
    margin: 1.5rem .625rem 0 2rem
}

@media(max-width:50rem) {
    .my1tgPEJ {
        display: none
    }
}

.tgfjJp96 button {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-weight: 700;
    -webkit-justify-content: center;
    justify-content: center;
    margin-bottom: .5rem;
    margin-right: 1rem;
    text-transform: uppercase;
    width: 16.25rem
}

@media screen and (min-width:22.5rem) {
    .tgfjJp96 button {
        width: 18.75rem
    }
}

@media screen and (min-width:48rem) {
    .tgfjJp96 button {
        max-width: 11.8125rem
    }
}

.QYjvNtDk {
    background-color: #004042
}

._J8zOqh5 {
    background-color: #002a2d
}

@media screen and (min-width:48rem) {
    .F0AckPSS {
        min-height: 3.875rem
    }
    .y1GZ4Pcm {
        font-size: 1.25rem;
        min-height: 5rem;
        width: 14.375rem !important
    }
}

.WMgDp6OA .aeYX5Mdb {
    font-size: 1rem;
    padding: .625rem 1.25rem;
    text-transform: uppercase
}

.rsPcQl4N {
    text-align: center;
    width: 100%
}

@media screen and (min-width:93.75rem) {
    .rsPcQl4N {
        padding: 0
    }
}

.rsPcQl4N:first-child {
    margin-top: 3rem;
    padding-top: 2rem
}

@media screen and (min-width:62rem) {
    .rsPcQl4N:first-child {
        margin-top: unset;
        padding-top: unset
    }
}

.FQwF_hJn {
    margin: 0 auto;
    max-width: 84.25rem;
    padding: 0 1rem;
    text-align: left
}

@media screen and (min-width:62rem) {
    .FQwF_hJn {
        margin: 0 2rem
    }
}

@media screen and (min-width:93.75rem) {
    .FQwF_hJn {
        margin: 0 auto
    }
}

.Skesd1Od {
    text-align: left
}

.XCklDmyX,
[dir=rtl] .Skesd1Od {
    text-align: right
}

[dir=rtl] .XCklDmyX {
    text-align: left
}

.eQ1mis6U>*+* {
    margin-left: 1rem
}

[dir=rtl] .eQ1mis6U>*+* {
    margin-left: unset;
    margin-right: 1rem
}

.loHqCGkm {
    margin-top: .25rem
}

@media screen and (min-width:48rem) {
    .loHqCGkm {
        margin-top: 1.1875rem
    }
}

.zvPUTMXv {
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: 100%
}

.Th8N6jSl {
    font-weight: 700;
    padding-bottom: 3.75rem;
    text-transform: uppercase;
    white-space: pre-line;
    width: 100%
}

.ngaDcFib,
.Th8N6jSl {
    display: block
}

@media screen and (min-width:48rem) {
    .ngaDcFib {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media screen and (min-width:62rem) {
    .ngaDcFib {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.o_DHJPUw {
    margin-bottom: 3.75rem
}

@media screen and (min-width:30rem) {
    .o_DHJPUw {
        width: 21.875rem
    }
}

@media screen and (min-width:48rem) {
    .o_DHJPUw {
        min-height: 17rem;
        padding-right: 2.8125rem;
        position: relative
    }
    [dir=rtl] .o_DHJPUw {
        padding-left: 2.8125rem;
        padding-right: unset
    }
}

@media screen and (min-width:62rem) {
    .o_DHJPUw {
        width: 25%
    }
}

.o_DHJPUw .cqrN_Joa {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 1.875rem
}

.o_DHJPUw .pzq8xnGL {
    background: -webkit-gradient(linear, left bottom, left top, from(#004042), to(#025e5e));
    background: linear-gradient(0deg, #004042, #025e5e);
    border-radius: .1875rem;
    margin-right: 1.6875rem;
    padding: .1875rem
}

[dir=rtl] .o_DHJPUw .pzq8xnGL {
    margin-left: 1.6875rem;
    margin-right: unset
}

.o_DHJPUw .dwA6NwnN {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background: #000;
    border-radius: .125rem;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 3rem;
    -webkit-justify-content: center;
    justify-content: center;
    width: 3rem
}

.o_DHJPUw ._q4DHYUs {
    fill: #00bac5;
    height: auto;
    width: 55%
}

.o_DHJPUw h3 {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.75rem;
    text-align: left
}

[dir=rtl] .o_DHJPUw h3 {
    text-align: right
}

@media screen and (min-width:48rem) {
    .o_DHJPUw h3 {
        font-size: 1.375rem;
        line-height: 1.625rem
    }
}

.BLlvfA2a {
    font-size: .9375rem;
    line-height: 1.75rem;
    margin-bottom: 2rem;
    width: 16.875rem
}

@media screen and (min-width:48rem) {
    .BLlvfA2a {
        width: 100%
    }
}

.BLlvfA2a a {
    color: #8b7cff !important
}

.CFvGryIE {
    display: block;
    position: unset
}

@media screen and (min-width:62rem) {
    .CFvGryIE {
        display: block;
        position: unset
    }
}

@media screen and (min-width:75rem) {
    .CFvGryIE {
        bottom: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        position: absolute
    }
}

.cGLEggjP {
    display: block;
    padding-bottom: .625rem;
    width: 11.8125rem
}

@media screen and (min-width:62rem) {
    .cGLEggjP {
        width: 48%
    }
}

@media screen and (min-width:75rem) {
    .cGLEggjP {
        width: unset
    }
    .cGLEggjP:last-child {
        margin-left: .625rem
    }
    [dir=rtl] .cGLEggjP:last-child {
        margin-left: unset;
        margin-right: .625rem
    }
}

.cGLEggjP img {
    width: inherit
}

@media screen and (min-width:62rem) {
    .cGLEggjP img {
        width: auto
    }
}

@media screen and (min-width:75rem) {
    .cGLEggjP img {
        width: 100%
    }
}

.bhSMzcnQ {
    background-position: top;
    background-repeat: no-repeat;
    max-width: 84.25rem
}

@media screen and (min-width:48rem) {
    .bhSMzcnQ {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
    [dir=rtl] .bhSMzcnQ {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

@media screen and (min-width:62rem) {
    .bhSMzcnQ {
        padding-top: 10.5%
    }
}

.TvsjAFMW .bhSMzcnQ {
    padding-top: 18.125rem
}

@media screen and (min-width:31.875rem) {
    .TvsjAFMW .bhSMzcnQ {
        padding-bottom: 0;
        padding-top: 24.375rem
    }
}

@media screen and (min-width:62rem) {
    .TvsjAFMW .bhSMzcnQ {
        padding-bottom: 10%;
        padding-top: 15rem
    }
}

@media screen and (min-width:75rem) {
    .TvsjAFMW .bhSMzcnQ {
        padding-bottom: 13%
    }
}

.UzZXWlfb .bhSMzcnQ {
    padding-top: 27.8125rem
}

@media screen and (min-width:62rem) {
    .UzZXWlfb .bhSMzcnQ {
        padding-bottom: 8.75rem;
        padding-top: 7.5rem
    }
}

@media screen and (min-width:48rem) {
    .GfHOEqoq {
        max-width: 37.5rem
    }
}

.H5aMDi0Y {
    display: block;
    padding-top: 2.5rem
}

.H5aMDi0Y button {
    background-color: #262626 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color: #fff !important;
    padding-left: 1.2rem !important;
    padding-right: 1.2rem !important
}

.H5aMDi0Y button:focus,
.H5aMDi0Y button:hover {
    background-color: #393939 !important
}

.H5aMDi0Y button svg {
    fill: currentcolor !important
}

.H5aMDi0Y button[data-selected=true] {
    background-color: #005e5e !important;
    color: #fff !important;
    cursor: default
}

.H5aMDi0Y button[data-selected=true]:focus,
.H5aMDi0Y button[data-selected=true]:hover {
    background-color: #005e5e !important
}

.ItVtb9fB {
    text-align: left
}

.hbol_9sK,
[dir=rtl] .ItVtb9fB {
    text-align: right
}

[dir=rtl] .hbol_9sK {
    text-align: left
}

.d901JI8i>*+* {
    margin-left: 1rem
}

[dir=rtl] .d901JI8i>*+* {
    margin-left: unset;
    margin-right: 1rem
}

.r4jv9h2e {
    padding-bottom: 1rem
}

@media screen and (min-width:62rem) {
    .r4jv9h2e {
        padding-bottom: 8rem;
        padding-top: 2.0625rem
    }
}

@media screen and (min-width:75rem) {
    .r4jv9h2e {
        padding-top: 4rem
    }
}

.Rfu80Box {
    width: 100%
}

.wv5osz5c {
    display: block;
    padding-top: 2.5rem
}

.QTPzQNM1 {
    margin-bottom: 2.5rem;
    width: 100%
}

@media screen and (min-width:62rem) {
    .QTPzQNM1 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 6.25rem
    }
}

.uevNKAf0 {
    font-size: 1.125rem;
    line-height: 1.75rem;
    max-width: 21.875rem;
    padding-top: 1.6875rem
}

.jk1FejMg {
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.5rem;
    padding-right: 3.75rem;
    text-transform: uppercase;
    white-space: pre-line
}

[dir=rtl] .jk1FejMg {
    padding-left: 3.75rem;
    padding-right: unset
}

@media screen and (min-width:62rem) {
    .jk1FejMg {
        max-width: 25rem
    }
}

._kiBYixe {
    display: block;
    margin: -.1875rem;
    width: 100%
}

@media screen and (min-width:48rem) {
    ._kiBYixe {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 38.125rem
    }
}

@media screen and (min-width:62rem) {
    ._kiBYixe {
        width: 57.5rem
    }
}

@media screen and (min-width:75rem) {
    ._kiBYixe {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        width: 100%
    }
}

.PqcfUSex {
    -ms-flex-negative: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    background-color: #031a1c;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    margin: .1875rem;
    padding: 2rem
}

@media screen and (min-width:48rem) {
    .PqcfUSex {
        -ms-flex-preferred-size: 18.6875rem;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        -webkit-flex-basis: 18.6875rem;
        flex-basis: 18.6875rem;
        -webkit-flex-grow: 0;
        flex-grow: 0
    }
}

@media screen and (min-width:75rem) {
    .PqcfUSex {
        -ms-flex-preferred-size: unset;
        -webkit-flex-basis: unset;
        flex-basis: unset;
        width: 20%
    }
}

.kJ9YG4dH {
    color: #c6c6c6;
    display: block;
    font-size: .875rem;
    padding-bottom: .625rem
}

.y72qNDle {
    display: inline-block;
    font-size: 2rem;
    font-weight: 700;
    margin-right: .5rem
}

[dir=rtl] .y72qNDle {
    margin-left: .5rem;
    margin-right: unset
}

.mKSbSpOi {
    font-size: 1rem;
    text-transform: uppercase
}

.uf8up66J {
    font-size: 2rem;
    font-weight: 700;
    min-height: 0;
    padding: 0 !important;
    text-align: left
}

.uf8up66J * {
    fill: #fff;
    color: #fff
}

.uf8up66J svg {
    height: 1rem;
    margin-left: .5em
}

[dir=rtl] .uf8up66J svg {
    margin-left: unset;
    margin-right: .5em
}

.uf8up66J:hover {
    background-color: inherit
}

.NvAKO0aE {
    text-align: left
}

.FVEs2ND0,
[dir=rtl] .NvAKO0aE {
    text-align: right
}

[dir=rtl] .FVEs2ND0 {
    text-align: left
}

.RQ32z6SN>*+* {
    margin-left: 1rem
}

[dir=rtl] .RQ32z6SN>*+* {
    margin-left: unset;
    margin-right: 1rem
}

.dBR2WbNy {
    padding-bottom: 4rem;
    padding-top: 3.5rem
}

@media screen and (min-width:48rem) {
    .dBR2WbNy {
        padding-top: 6rem
    }
}

@media screen and (min-width:62rem) {
    .dBR2WbNy {
        padding-bottom: 12rem;
        padding-top: 8rem
    }
}

.Q5Fqn1cK {
    display: block;
    font-size: 2rem;
    line-height: 2.3125rem;
    padding-bottom: 2rem;
    text-transform: uppercase;
    width: 18.75rem
}

@media screen and (min-width:62rem) {
    .Q5Fqn1cK {
        padding-left: 2rem;
        width: 100%
    }
    [dir=rtl] .Q5Fqn1cK {
        padding-left: unset;
        padding-right: 2rem
    }
}

.VfFpultv {
    display: block
}

@media screen and (min-width:48rem) {
    .VfFpultv {
        display: grid;
        grid-template-columns: 1fr 1fr
    }
}

@media screen and (min-width:62rem) {
    .VfFpultv {
        grid-column-gap: 1.25rem;
        grid-auto-columns: 1fr;
        grid-auto-rows: 1fr;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-template-rows: auto
    }
    .VfFpultv a:not(:last-child) {
        border-right: 1px solid #262626
    }
    [dir=rtl] .VfFpultv a:not(:last-child) {
        border-left: 1px solid #262626;
        border-right: unset
    }
}

@media screen and (min-width:75rem) {
    .VfFpultv {
        grid-column-gap: 0
    }
}

.onR9SDoH {
    color: #fff !important;
    height: 100%;
    max-width: 18.75rem;
    padding: 2rem 0;
    text-decoration: none !important
}

@media screen and (min-width:62rem) {
    .onR9SDoH {
        max-width: 100%;
        padding: 2rem;
        position: relative
    }
}

.onR9SDoH .IWfysh40 {
    height: 2rem;
    width: auto
}

.onR9SDoH h3 {
    color: #f4f4f4;
    font-size: 1.5rem;
    line-height: 1.5;
    padding-bottom: 1.75rem;
    padding-top: 2rem;
    white-space: pre-line
}

@media(min-width:62rem) {
    .onR9SDoH h3 {
        font-size: 1.125rem;
        padding-bottom: 2rem;
        padding-top: 2.75rem
    }
}

.onR9SDoH p {
    color: #c6c6c6;
    font-size: .875rem;
    line-height: 1.375rem
}

@media screen and (min-width:62rem) {
    .onR9SDoH p {
        padding-bottom: 1.5rem
    }
}

@media(min-width:62rem) {
    .onR9SDoH:hover {
        background-color: #161616
    }
}

.dJ6OnEd8 {
    display: block
}

.R7RXhxX9 {
    color: #8b7cff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: .8125rem;
    font-weight: 700;
    margin-top: 1.1875rem;
    position: relative;
    text-transform: uppercase
}

.onR9SDoH .R7RXhxX9 svg {
    -webkit-transform: rotate(-90deg) scale(.55);
    transform: rotate(-90deg) scale(.55);
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

.onR9SDoH:hover .R7RXhxX9 svg {
    -webkit-transform: translate(50%) rotate(-90deg) scale(.55);
    transform: translate(50%) rotate(-90deg) scale(.55)
}

[dir=rtl] .onR9SDoH .R7RXhxX9 svg {
    -webkit-transform: rotate(90deg) scale(.55);
    transform: rotate(90deg) scale(.55);
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

[dir=rtl] .onR9SDoH:hover .R7RXhxX9 svg {
    -webkit-transform: translate(-50%) rotate(90deg) scale(.55);
    transform: translate(-50%) rotate(90deg) scale(.55)
}

.UH9iFrgN {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.UH9iFrgN:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.CJ2UHq8K {
    height: 3.125rem;
    position: absolute
}

.CJ2UHq8K:before {
    background: #262626;
    border-radius: .125rem;
    color: #fff;
    content: attr(data-tooltip-text);
    font-size: .8125rem;
    line-height: 140%;
    padding: .5rem .875rem;
    pointer-events: none;
    text-align: center;
    top: 3.75rem;
    -webkit-transform: translateX(-95px);
    transform: translateX(-95px);
    -webkit-transition: .3s;
    transition: .3s;
    width: 13.5rem;
    z-index: 99
}

.CJ2UHq8K:after,
.CJ2UHq8K:before {
    display: block;
    opacity: 0;
    position: absolute
}

.CJ2UHq8K:after {
    content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 10 6'><path fill='black' fill-rule='evenodd' d='M4.8.1l4.5 5h-9l4.5-5z' clip-rule='evenodd' opacity='.9'/></svg>");
    height: .3125rem;
    left: 1.25rem;
    top: 3.125rem;
    -webkit-transition: .35s;
    transition: .35s;
    width: .5625rem;
    z-index: 150
}

.CJ2UHq8K:hover:after,
.CJ2UHq8K:hover:before {
    opacity: 1
}

.Tp6LZMFR {
    text-align: left
}

._z21awnj,
[dir=rtl] .Tp6LZMFR {
    text-align: right
}

[dir=rtl] ._z21awnj {
    text-align: left
}

.c2DJ6MaO>*+* {
    margin-left: 1rem
}

[dir=rtl] .c2DJ6MaO>*+* {
    margin-left: unset;
    margin-right: 1rem
}

.InPptY5Q {
    display: block;
    margin-bottom: 0
}

.sJVInB2f {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.COeHgB6S {
    color: #56d8e0;
    font-size: 3rem;
    font-weight: 700;
    line-height: 2.25rem;
    margin-right: 1.75rem
}

[dir=rtl] .COeHgB6S {
    margin-left: 1.75rem;
    margin-right: unset
}

.EsNOmN6t {
    color: #6f6f6f;
    font-size: 3rem;
    margin-right: 1rem;
    margin-top: .125rem
}

.BypiFQ9D {
    color: #fff;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.75rem
}

._V7_IUk9 {
    color: #e0e0e0;
    display: block;
    font-weight: 400;
    padding-bottom: 2rem;
    padding-top: 1.3125rem
}

._V7_IUk9:last-child {
    padding-bottom: 0
}

.aUeH2MEk {
    text-align: left
}

.aUeH2MEk img {
    margin: 2rem auto;
    max-width: 31.875rem;
    width: 100%
}

.p9m4XLdf {
    text-align: left
}

.MnusfWi3,
[dir=rtl] .p9m4XLdf {
    text-align: right
}

[dir=rtl] .MnusfWi3 {
    text-align: left
}

.F9lvMK2z>*+* {
    margin-left: 1rem
}

[dir=rtl] .F9lvMK2z>*+* {
    margin-left: unset;
    margin-right: 1rem
}

.LLcNY88g {
    color: #56d8e0;
    font-size: 3rem;
    font-weight: 700;
    line-height: 3rem;
    margin-right: 1.75rem
}

[dir=rtl] .LLcNY88g {
    margin-left: 1.75rem;
    margin-right: unset
}

.KFXcStME {
    color: #fff;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.75rem
}

.bkVY81U8 {
    color: #e0e0e0;
    display: none;
    font-weight: 400;
    padding-top: 2.25rem
}

.mpI1wnm1 .bkVY81U8 {
    display: block
}

.t8yxj9FL {
    bottom: 0;
    height: .125rem;
    left: 0;
    position: absolute;
    width: 100%
}

.t8yxj9FL .XqFsgMru {
    background-color: #00bac5;
    height: 100%;
    position: relative
}

.t8yxj9FL .wYRUPN_n {
    visibility: hidden
}

.uJkVoVG0 {
    height: 100%;
    position: relative;
    width: auto
}

.aEmmCEF5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 26.25rem;
    -ms-flex: 0 0 26.25rem;
    flex: 0 0 26.25rem;
    padding-top: 6.5rem
}

.GWHlTGjG {
    -webkit-animation: RFQaimZv .8s;
    animation: RFQaimZv .8s;
    display: block;
    height: 32.5rem;
    position: relative;
    top: 5rem
}

@-webkit-keyframes RFQaimZv {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes RFQaimZv {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@media screen and (min-width:75rem) {
    .aEmmCEF5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.75rem;
        -ms-flex: 0 0 33.75rem;
        flex: 0 0 33.75rem
    }
    .GWHlTGjG {
        height: 37.5rem;
        top: 2.5rem
    }
}

@media screen and (min-width:93.75rem) {
    .aEmmCEF5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 37.5rem;
        -ms-flex: 0 0 37.5rem;
        flex: 0 0 37.5rem
    }
    .GWHlTGjG {
        height: 37.5rem;
        top: 3.5rem
    }
}

.OXmSW_s9 {
    position: relative
}

.CW0wANIw {
    display: none
}

.mpI1wnm1 {
    border-bottom: unset !important;
    -webkit-transition: background .4s ease-in-out;
    transition: background .4s ease-in-out
}

@media screen and (min-width:62rem) {
    .mpI1wnm1 {
        background: #002a2d;
        cursor: default
    }
}

.kJYErxGO {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.fHIm3RNQ {
    background: #031a1c;
    cursor: pointer;
    display: block;
    margin-bottom: 1rem;
    -webkit-transition: background .4s ease-in-out;
    transition: background .4s ease-in-out
}

.fHIm3RNQ:hover {
    text-decoration: none
}

.yJfjBrst {
    display: block;
    padding: 2rem 1.8125rem;
    position: relative
}

.yJfjBrst:focus {
    outline: 1px solid var(--focus)
}

.i7LBPay2 {
    padding-bottom: 2rem
}

@media screen and (min-width:62rem) {
    .i7LBPay2 {
        padding-bottom: 7.5rem
    }
}

@media screen and (min-width:75rem) {
    .i7LBPay2 {
        padding-bottom: 10rem
    }
}

.i0D5uA3n {
    font-weight: 700;
    padding-bottom: 0;
    text-transform: uppercase;
    white-space: pre-line
}

@media screen and (min-width:62rem) {
    .i0D5uA3n {
        padding-bottom: 2rem;
        position: relative;
        top: 6.5rem
    }
}

.S2KvVjYT {
    background-color: #002a2d;
    min-height: 18.75rem;
    padding: 3rem 2rem
}

@media screen and (min-width:48rem) {
    .S2KvVjYT {
        padding: 4rem
    }
}

@media screen and (min-width:62rem) {
    .S2KvVjYT {
        grid-column-gap: 10%;
        display: grid;
        grid-template-columns: 45% 45%
    }
}

.uXiF_iCN {
    margin-top: 4.125rem
}

@media screen and (min-width:62rem) {
    .uXiF_iCN {
        margin-top: 0
    }
}

.b_U339k_ {
    font-weight: 700;
    text-transform: uppercase;
    white-space: pre-line
}

.OUSTf8nH {
    font-size: 1.25rem;
    padding-top: 1.5rem
}

@media screen and (min-width:62rem) {
    .OUSTf8nH {
        line-height: 140%
    }
}

.OI3eMi0A {
    color: #c6c6c6;
    font-size: 1.0625rem;
    padding-top: 1.5rem
}

.OI3eMi0A a {
    color: #c6c6c6 !important;
    text-decoration: underline !important
}

.nvsKazcp {
    background-color: #031a1c;
    border-bottom: 1px solid #005e5e;
    height: 4rem;
    margin-bottom: 1.5rem;
    padding: 0 1rem 0 0
}

.nvsKazcp .bx--form-item {
    height: 100%
}

.nvsKazcp * {
    color: #f4f4f4 !important
}

.nvsKazcp label {
    color: #f4f4f4;
    font-family: BraiinsSans, sans-serif, serif;
    font-size: .875rem;
    font-weight: 700;
    margin-top: -1.5rem !important
}

.nvsKazcp input {
    background: transparent !important;
    border: none !important;
    font-family: BraiinsSans, sans-serif, serif !important;
    font-size: 1.5rem !important;
    outline: none !important;
    padding: 1rem 0 1rem 1rem
}

.nvsKazcp.pkkM75O_ {
    background-color: var(--support-01) !important
}

.fhTHR_tS {
    color: #c6c6c6;
    font-size: .875rem;
    margin-bottom: .5rem
}

.fhTHR_tS label {
    color: #f4f4f4;
    font-weight: 700
}

.K9m25Qrl {
    background-color: #005e5e;
    color: #fff;
    font-size: 1.5rem;
    height: 4rem;
    padding: 1rem
}

.K9m25Qrl label {
    color: #f4f4f4;
    color: #fff;
    font-family: BraiinsSans, sans-serif, serif;
    font-size: .875rem
}

.QK9SoQ7W {
    background-color: #000;
    width: 100%
}

.XmyYY8bi {
    margin-left: auto;
    margin-right: auto;
    max-width: 61.875rem;
    width: 100%
}

.HcmOw8vC {
    margin-bottom: .5rem;
    margin-top: 0
}

.oHEsP9K7 {
    background-color: #000;
    background-image: url(../../../pool/img/rocks-footer.png?v=4b5080a97b35d22d6aa4092c40f07f4f);
    background-position-x: 50%;
    background-position-y: top;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 6rem 1rem;
    text-align: center
}

.L8zsKTMa .oHEsP9K7 {
    padding-top: 3rem
}

.oHEsP9K7 * {
    color: #fff
}

.oHEsP9K7 p+p {
    margin-top: 1.5em
}

.oHEsP9K7 a {
    color: #8b7cff !important;
    text-decoration: none !important
}

.PNENHaUY {
    fill: #fff;
    color: #fff;
    height: auto;
    margin: 0 auto 2rem;
    max-height: 15rem;
    max-width: 90%;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

@media screen and (max-width:43.75rem) {
    .PNENHaUY {
        font-size: 3.375rem
    }
}

.pwuH9ChH {
    display: inline-block;
    padding: 2.5rem;
    position: relative;
    width: 100%;
    z-index: 2
}

.G4uV0MpD {
    padding: 2rem
}

.W6Z75Pxe {
    padding: 1.75rem
}

.wbjd1PpL {
    height: 14.375rem
}

.hevMXDgP {
    padding: 0 !important
}

.Kso6Y5fd {
    margin: .85rem
}

.Kso6Y5fd h1,
.Kso6Y5fd h2,
.Kso6Y5fd h3,
.Kso6Y5fd h4,
.Kso6Y5fd h5,
.Kso6Y5fd h6 {
    margin: 0
}

.YbWJ6cRy {
    background-color: var(--ui-01);
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .07);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .07);
    padding-top: 1px;
    position: relative;
    width: 100%
}

.DydLZsiE {
    min-height: 100%;
    padding-bottom: 2.5rem;
    padding-top: 3rem
}

.qcS6xt3M {
    padding: 1.5rem;
    width: 100%
}

.XwKrM1Ao {
    margin-top: 1.5rem;
    max-width: 75rem;
    min-width: 100%;
    padding: 0 1rem;
    width: 100%
}

.XwKrM1Ao>*+* {
    margin-top: 1rem
}

.vO3HUxDc {
    position: relative
}

.YLsmVQrT {
    width: 100%
}

.gqutd1cG {
    margin: 0 auto;
    max-width: 1170px
}

.LT_XX0KV {
    max-width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
    width: 27.5rem
}

.TYrFaAfv {
    height: 37.5rem;
    margin-bottom: -9.375rem;
    margin-top: -12.5rem;
    position: relative;
    top: 0;
    width: 37.5rem
}

.TYrFaAfv .fill {
    fill: var(--text-01)
}

.VW2SFEv6 {
    width: 100%
}

.FtS4Jx3D,
.VW2SFEv6 {
    position: relative;
    text-align: center;
    white-space: pre-line;
    z-index: 1
}

.FtS4Jx3D {
    font-size: 3rem;
    line-height: 3.875rem;
    margin-top: 2.5rem;
    text-transform: uppercase
}

.iPynjOGT {
    margin: 3.4375rem auto
}

@media (max-height:37.5rem) {
    .TYrFaAfv {
        margin-top: -12.5rem
    }
    .iPynjOGT {
        margin-bottom: 1rem
    }
}

.wAnXAmXP {
    max-width: 100%;
    min-height: 31.25rem;
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: center;
    width: 36.875rem
}

.dN9thHn5 {
    left: 50%;
    max-width: 58.75rem;
    min-width: 50rem;
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -60%);
    transform: translate(-50%, -60%);
    width: 100%;
    z-index: 0
}

.dN9thHn5 .fill {
    fill: var(--text-03);
    opacity: .7
}

.BQbforma,
.NgZugxsh {
    position: relative;
    z-index: 1
}

.BQbforma {
    font-size: 3rem;
    line-height: 3.875rem;
    margin-top: 2.5rem;
    text-transform: uppercase
}

.X5PiSHjk .BQbforma {
    font-size: 2.25rem;
    line-height: 3rem
}

.ASE1JEMa {
    margin-bottom: -9.375rem;
    margin-top: 12.5rem
}

.X5PiSHjk .ASE1JEMa {
    margin-top: 5rem
}

@media (max-height:37.5rem) {
    .ASE1JEMa {
        margin-top: 3.125rem
    }
    .dN9thHn5 {
        -webkit-transform: translate(-50%, -45%);
        transform: translate(-50%, -45%)
    }
}

.LKpcUPXE {
    max-width: 100%;
    position: relative;
    width: 34rem
}

@media(max-width:65.98rem) {
    .LKpcUPXE {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        width: 100%
    }
}

.tqr57ic_ {
    color: var(--text-02)
}

.Fyc5HjjW>* {
    grid-gap: 0 !important
}

.Fyc5HjjW .bx--list-box__label {
    color: var(--text-02) !important;
    font-weight: 700 !important
}

.pp8JZGTU {
    background: var(--ui-01);
    max-width: 100%;
    position: relative;
    width: 34rem
}

@media(max-width:65.98rem) {
    .pp8JZGTU {
        height: 100%;
        width: 100%
    }
}

.ogX7MT5M {
    background: #000;
    color: #fff;
    height: 2.9375rem;
    width: 100%
}

.tSCKJkqg {
    background: transparent !important;
    color: #fff !important;
    position: relative
}

.tSCKJkqg:hover:before {
    background-color: var(--hover-ui);
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    opacity: .3;
    position: absolute;
    right: 0;
    top: 0
}

.ac9tVV6e {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 2rem 2rem 2.5rem
}

.T_u8zAvO {
    display: block;
    margin-bottom: 1.5rem
}

.DLxF9Gkj {
    color: var(--text-01);
    margin: 0 0 2rem;
    white-space: pre-line
}

.pFb2UoDF {
    margin-bottom: 1.5rem;
    margin-top: -.5rem
}

.pFb2UoDF:last-child {
    margin-bottom: 0
}

.pAlgdtfp {
    color: var(--text-02);
    margin: 0 0 1.5rem
}

.pAlgdtfp:last-child {
    margin-bottom: 0
}

.zAa50Px0 {
    color: var(--text-01);
    line-height: 1.5
}

.zAa50Px0 li {
    list-style-position: inside;
    list-style-type: circle;
    padding-top: .5rem
}

.EE1RaZZR {
    background-color: var(--ui-02);
    margin-top: .5rem;
    padding: 1rem
}

.s84jyDPL {
    margin-bottom: 1rem
}

.zbO9Mbzr {
    color: var(--text-01);
    margin: 0 0 0 1rem
}

.fRHrpalu+.fRHrpalu {
    margin-top: 1.5rem
}

.fRHrpalu+.fRHrpalu.maB9z71z {
    margin-top: 2.5rem
}

.zjMV5lRL {
    margin-top: 1.5rem
}

.zjMV5lRL a+a:before {
    color: var(--text-01);
    content: "·";
    display: inline-block;
    font-weight: 700;
    height: 1em;
    padding: 0 .75rem
}

.V7u6RtSW {
    position: relative;
    width: 100%
}

.V7u6RtSW>* {
    font-size: .875rem !important;
    height: 4rem !important;
    line-height: 1.125rem !important;
    max-height: 4rem !important;
    max-width: 50% !important;
    min-height: 4rem !important;
    min-width: 50% !important;
    padding: .9375rem 1rem 1.9375rem !important;
    width: 50% !important
}

.mpI5gGPC {
    background-color: var(--ui-01);
    border: 1px solid var(--ui-03);
    margin: 4rem auto;
    max-width: 100%;
    padding: 2.5rem;
    position: relative;
    width: 34rem
}

.w1q1oCgj {
    color: var(--text-01);
    font-family: BraiinsSans, sans-serif, serif;
    font-size: fn-rem(36px);
    font-weight: 400;
    line-height: 3rem;
    margin-bottom: 2.5rem
}

.LyfdR7UG,
.XS89kb6a {
    margin-top: 1.5rem
}

.XS89kb6a {
    min-height: 3rem
}

.GpddMqc0 a {
    display: block;
    padding: .25rem 0
}

.BtbGd9Oz {
    margin-bottom: 1rem
}

.BtbGd9Oz:last-child {
    margin-bottom: 0
}

.ofIaCClJ+.BtbGd9Oz {
    margin-top: 1rem
}

.camfrdyy .bx--file,
.camfrdyy .bx--file-browse-btn,
.camfrdyy .bx--file__selected-file {
    max-width: 100% !important;
    width: 100% !important
}

.PnVvMB7A {
    color: #fff;
    position: relative
}

.LgjlzhrR,
.PnVvMB7A {
    background-color: #000
}

.LgjlzhrR {
    background-image: url(../../../pool/img/homepageClaim/850_all.jpg?v=5f8ccc22abbf59e7327ab5dc1e4e3134);
    background-position-x: center;
    background-position-y: top;
    background-repeat: no-repeat;
    background-size: contain;
    height: 75rem;
    left: 0;
    margin: auto;
    max-width: 120rem;
    position: absolute;
    right: 0;
    top: 3rem;
    width: 100%;
    z-index: 1
}

@media screen and (min-width:31.875rem) {
    .LgjlzhrR {
        background-image: url(../../../pool/img/homepageClaim/tablet_all.jpg?v=237252e9544f26231994a1eb8ff6916b);
        background-position-x: left
    }
}

@media screen and (min-width:62rem) {
    .LgjlzhrR {
        background-image: url(../../../pool/img/homepageClaim/1920_all.jpg?v=e6b59f584129d00c1e32f465eb76bafb);
        background-position-x: center;
        background-position-y: top
    }
}

@media screen and (-webkit-min-device-pixel-ratio:2)and (min-width:62rem),
screen and (min-resolution:2dppx)and (min-width:62rem) {
    .LgjlzhrR {
        background-image: url(../../../pool/img/homepageClaim/1920_all@2x.jpg?v=60e08dd84e3527161ab5b61d239ca733);
        background-position-x: center;
        background-size: 1920px auto
    }
}

.W18kSgjz {
    background-color: #000;
    background-image: url(../../../pool/img/homepageClaim/braiins-os+-web-header1_mobile_2.jpg?v=8e5d7b8be313001bb352e1d3002b8a95);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    height: 45rem;
    left: 0;
    margin: auto;
    max-width: 84.25rem;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: -1
}

@media screen and (min-width:62rem) {
    .W18kSgjz {
        background-image: url(../../../pool/img/homepageClaim/braiins-os+-web-header1_desktop.jpg?v=bf862e57133412ee40778a0a84ec664b);
        background-position: top -13rem left 10rem;
        background-size: contain;
        height: 65.625rem
    }
}

.gwMbHNIT {
    position: relative;
    z-index: 2
}

.qhP5R6EE {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 2.625rem;
    max-width: 25rem;
    padding-bottom: 1.5rem;
    text-shadow: 0 0 8px #000;
    text-transform: uppercase
}

@media screen and (min-width:93.75rem) {
    .qhP5R6EE {
        font-size: 3rem;
        line-height: 3.5rem;
        max-width: 31.25rem;
        padding-bottom: 2rem
    }
}

.qhP5R6EE.ZbrbEzDU {
    font-size: 2rem;
    line-height: 2.3125rem
}

.Mqa8IsJA p {
    font-size: 1.25rem;
    line-height: 120%;
    padding-bottom: 1rem;
    text-shadow: 0 0 8px #000
}

@media screen and (min-width:62rem) {
    .Mqa8IsJA p {
        line-height: 140%
    }
    .Mqa8IsJA p:first-child {
        padding-bottom: 0
    }
    .Mqa8IsJA {
        padding-bottom: .25rem
    }
}

.BpU5Ag6_ {
    margin-bottom: 2.0625rem
}

.Dymvmrmu {
    font-size: 1.25rem;
    line-height: 1.5;
    padding-bottom: 1.0625rem
}

.Dymvmrmu strong {
    color: #f95355
}

.sSa2vwRM button {
    font-weight: 700;
    margin-top: 1.875rem;
    max-width: unset
}

.D3rAtfim,
.sSa2vwRM button {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-justify-content: center;
    justify-content: center;
    text-transform: uppercase
}

.D3rAtfim {
    font-size: 1rem;
    padding: .625rem 1.25rem;
    width: 100%
}

.x9hs455h {
    max-width: unset;
    width: 100%
}

.xau75r16 {
    padding-bottom: 2rem;
    padding-top: 1.5rem
}

.PO3daJz5 {
    padding-bottom: 4.1875rem
}

@media screen and (min-width:62rem) {
    .PO3daJz5 {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-align-items: center;
        align-items: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        min-height: 15.625rem;
        padding-bottom: unset
    }
}

.wEDsQJdm {
    display: block;
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 2.75rem;
    padding-bottom: 4.1875rem;
    padding-top: 4.3125rem;
    text-transform: uppercase;
    white-space: pre-line
}

@media screen and (min-width:62rem) {
    .wEDsQJdm {
        padding-bottom: unset;
        padding-top: unset
    }
}

.HMw8qYLY {
    background: #002a2d;
    padding-bottom: 0;
    padding-top: 0
}

@media screen and (min-width:48rem) {
    .HMw8qYLY {
        margin-top: 6.25rem
    }
}

@media screen and (min-width:62rem) {
    .HMw8qYLY {
        margin-top: unset;
        padding-bottom: 1.75rem;
        padding-top: 1.75rem
    }
}

.DoUUjD1m {
    padding-top: 2rem
}

.f6IUfx8l {
    padding: 1rem
}

.XuzqtK1i {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: repeat(3, minmax(0, 1fr));
    max-width: 100%
}

.f6IUfx8l .XuzqtK1i,
.XuzqtK1i {
    -webkit-column-gap: .125rem;
    -moz-column-gap: .125rem;
    column-gap: .125rem;
    row-gap: .125rem
}

.f6IUfx8l .XuzqtK1i {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr
}

.XYpUXqff {
    padding: 2.65rem 0;
    text-align: center
}

.XuzqtK1i,
.XYpUXqff {
    position: relative;
    z-index: 2
}

.f6IUfx8l .XYpUXqff {
    padding: 2.15rem 0
}

.dzoWKE5p {
    background-color: var(--ui-01);
    height: 100%;
    padding: 1rem 1.25rem;
    text-decoration: none
}

.dzoWKE5p:hover {
    background-color: var(--interactive-01);
    text-decoration: none !important
}

.dzoWKE5p:hover .jDnNNJQs {
    color: #a69dff
}

.dzoWKE5p:hover .eqvrGPHk,
.dzoWKE5p:hover .FegMYn0v,
.dzoWKE5p:hover .Q1OtrpfM {
    color: #fff
}

.dzoWKE5p:hover .CuXrZnoi {
    background-color: #a69dff;
    color: #39238f
}

.CuXrZnoi {
    background-color: var(--field-01);
    color: var(--text-05);
    font-size: .625rem;
    margin: 0;
    text-transform: uppercase
}

.WpOxX6n6 {
    margin: 1.625rem 0 .25rem
}

.f6IUfx8l .WpOxX6n6 {
    margin: 1rem 0 .25rem
}

.jDnNNJQs {
    color: var(--text-05);
    font-size: .875rem
}

.Q1OtrpfM {
    color: var(--text-01);
    height: 3rem;
    margin: 1rem 0 2rem;
    overflow: hidden;
    text-transform: uppercase
}

.f6IUfx8l .Q1OtrpfM {
    font-size: 1.25rem
}

.FegMYn0v {
    color: var(--text-02);
    font-size: .875rem;
    line-height: 1.25rem;
    max-height: 3.75rem;
    overflow: hidden;
    padding-right: .5rem;
    text-overflow: ellipsis
}

.eqvrGPHk {
    color: var(--interactive-01);
    font-size: .625rem;
    text-transform: uppercase
}

.eqvrGPHk>svg {
    margin-left: .5rem
}

.BbMGk04V {
    color: #34c06a;
    position: fixed;
    right: 16px;
    top: 16px
}

.G0eIt7nM {
    z-index: 1
}

.G0eIt7nM>* {
    display: block;
    font-size: 240px;
    margin: 16px;
    opacity: .4
}

._dUsfJuu {
    opacity: .04
}

.HBkWXkFq {
    text-align: left
}

.zP2UcGDk,
[dir=rtl] .HBkWXkFq {
    text-align: right
}

[dir=rtl] .zP2UcGDk {
    text-align: left
}

.mc1k73yI>*+* {
    margin-left: 1rem
}

[dir=rtl] .mc1k73yI>*+* {
    margin-left: unset;
    margin-right: 1rem
}

.l8R52xaD {
    background-color: var(--ui-01);
    margin-bottom: 2.5rem;
    padding: 1rem 6rem
}

.cs3TfGte .l8R52xaD {
    padding: 1rem
}

.XHlCch7s {
    margin-top: 2.5rem;
    max-width: 99rem;
    width: 100%
}

.cs3TfGte .XHlCch7s {
    font-size: .75rem;
    margin-top: 2rem
}

.CkYpPbX2 {
    color: var(--text-02);
    display: inline-block;
    margin: 2rem 0 2.5rem
}

.cs3TfGte .CkYpPbX2 {
    font-size: 1.125rem
}

.mVdaTCHT {
    color: var(--text-02);
    font-size: 1.75rem;
    font-weight: 700;
    margin: 1.5rem 0 2.5rem
}

.cs3TfGte .mVdaTCHT {
    font-size: 1rem
}

.EM8H6cJ9 {
    background-color: var(--field-01);
    color: var(--text-05);
    margin-right: .75rem
}

[dir=rtl] .EM8H6cJ9 {
    margin-left: .75rem;
    margin-right: unset
}

.pI_EGuaa {
    color: var(--text-05);
    display: block;
    font-size: .875rem;
    margin-bottom: 1rem
}

.fDKjBGWj {
    color: var(--text-01);
    font-size: .9375rem;
    margin: 0;
    max-width: 99rem;
    padding: 0;
    width: 100%
}

.DuhpQmVi,
.YyN2PWgM {
    min-height: 50vh
}

.k9Vosk4q>blockquote,
.k9Vosk4q>code,
.k9Vosk4q>div,
.k9Vosk4q>img,
.k9Vosk4q>ol,
.k9Vosk4q>p,
.k9Vosk4q>pre,
.k9Vosk4q>table,
.k9Vosk4q>ul {
    max-width: 100% !important
}

.k9Vosk4q h1,
.k9Vosk4q h2,
.k9Vosk4q h3,
.k9Vosk4q h4,
.k9Vosk4q h5,
.k9Vosk4q h6 {
    margin: 2rem 0;
    max-width: 100% !important
}

.k9Vosk4q img {
    display: block;
    height: auto;
    margin: 2.5rem 0 !important;
    width: 100%
}

.k9Vosk4q ul {
    list-style: disc
}

.k9Vosk4q ol {
    list-style: decimal
}

.k9Vosk4q ol,
.k9Vosk4q ul {
    padding-left: 2rem
}

.k9Vosk4q ol li,
.k9Vosk4q ul li {
    padding-left: 6px
}

.k9Vosk4q p,
.k9Vosk4q ul {
    margin-bottom: 1rem
}

.k9Vosk4q a {
    color: var(--link-01)
}

.k9Vosk4q a.btn-primary {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background-color: var(--interactive-01);
    color: #fff;
    display: inline-block;
    font-size: 1rem;
    font-weight: 600;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 2rem 0;
    padding: 1rem 2.5rem;
    text-decoration: none;
    text-transform: uppercase
}

.k9Vosk4q a.btn-primary:focus,
.k9Vosk4q a.btn-primary:hover {
    background-color: var(--hover-primary)
}

.k9Vosk4q a.btn-secondary {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background-color: var(--interactive-02);
    color: #fff;
    display: inline-block;
    font-size: 1rem;
    font-weight: 600;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 2rem 0;
    padding: 1rem 2.5rem;
    text-decoration: none;
    text-transform: uppercase
}

.k9Vosk4q a.btn-secondary:focus,
.k9Vosk4q a.btn-secondary:hover {
    background-color: var(--hover-secondary)
}

.k9Vosk4q a.btn-ghost {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background-color: transparent;
    color: var(--interactive-01);
    display: inline-block;
    font-size: 1rem;
    font-weight: 600;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 2rem 0;
    padding: 1rem 2.5rem;
    text-decoration: none;
    text-transform: uppercase
}

.k9Vosk4q a.btn-ghost:focus,
.k9Vosk4q a.btn-ghost:hover {
    background-color: var(--hover-ui)
}

.k9Vosk4q .ui-01 {
    background-color: var(--ui-01)
}

.k9Vosk4q .ui-02 {
    background-color: var(--ui-02)
}

.k9Vosk4q .text-01 {
    color: var(--text-01)
}

.k9Vosk4q .text-02 {
    color: var(--text-02)
}

.k9Vosk4q code {
    font-size: .75rem;
    line-height: 1rem
}

.k9Vosk4q code,
.k9Vosk4q code.block {
    font-family: Lucida Console, Courier New, sans-serif, serif, monospace;
    font-weight: 400;
    letter-spacing: .32px
}

.k9Vosk4q code.block {
    background: var(--field-01);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: .875rem;
    line-height: 1.25rem;
    margin-bottom: 1rem;
    max-width: 100%;
    padding: 1rem;
    position: relative;
    width: 100%
}

.br-theme-light .k9Vosk4q .br-image-title {
    -webkit-filter: brightness(0);
    filter: brightness(0)
}

@media(prefers-color-scheme:light),
not all and (prefers-color-scheme:dark) {
    .br-theme-auto .k9Vosk4q .br-image-title {
        -webkit-filter: brightness(0);
        filter: brightness(0)
    }
}

@media(prefers-color-scheme:dark) {
    .br-theme-inverse .k9Vosk4q .br-image-title {
        -webkit-filter: brightness(0);
        filter: brightness(0)
    }
}

.br-theme-dark .k9Vosk4q .br-image-title {
    -webkit-filter: brightness(100);
    filter: brightness(100)
}

@media(prefers-color-scheme:dark) {
    .br-theme-auto .k9Vosk4q .br-image-title {
        -webkit-filter: brightness(100);
        filter: brightness(100)
    }
}

@media(prefers-color-scheme:light),
not all and (prefers-color-scheme:dark) {
    .br-theme-inverse .k9Vosk4q .br-image-title {
        -webkit-filter: brightness(100);
        filter: brightness(100)
    }
}

.ZtglOuiP {
    color: var(--text-02);
    margin: 5rem .25rem;
    max-width: 99rem;
    width: 100%
}

@media print {
    .ZtglOuiP {
        display: none
    }
}

.cs3TfGte .ZtglOuiP {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center
}

.cs3TfGte .ZtglOuiP>*+* {
    margin-top: 1rem
}

.WvZoBSYH {
    color: var(--text-02);
    font-size: 1.25rem;
    font-weight: 100;
    line-height: 1.25rem;
    margin-right: 2rem;
    text-transform: uppercase
}

[dir=rtl] .WvZoBSYH {
    margin-left: 2rem;
    margin-right: unset
}

.cs3TfGte .WvZoBSYH {
    position: relative
}

.sYy3ATgR {
    margin: 0 -.5rem
}

.cs3TfGte .sYy3ATgR {
    -ms-flex-item-align: center;
    -webkit-align-self: center;
    align-self: center
}

.KMlvAvgm {
    background-color: var(--field-01);
    color: var(--text-01) !important;
    font-size: 1rem;
    font-weight: 600;
    margin: 0 .5rem;
    padding: 1rem 2.5rem;
    text-align: center;
    text-transform: uppercase
}

.KMlvAvgm:hover {
    background-color: var(--hover-field);
    text-decoration: none
}

.KMlvAvgm ._uFS1Sa4 {
    margin-right: 1rem
}

[dir=rtl] .KMlvAvgm ._uFS1Sa4 {
    margin-left: 1rem;
    margin-right: unset
}

.cs3TfGte .KMlvAvgm {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-line-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-content: center;
    align-content: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.cs3TfGte .KMlvAvgm ._uFS1Sa4 {
    margin-bottom: .5rem;
    margin-right: 0
}

.XPNBEo0r {
    max-width: 99rem;
    padding: 2rem 1.5rem
}

.VeLY9H62 {
    background-color: var(--ui-01)
}

.s1dtiTtS {
    height: 100%;
    overflow: hidden;
    width: 100%
}

.O7f1NGtJ .Ub6EMA4S {
    shape-rendering: geometricprecision;
    stroke: var(--highlight);
    stroke-width: 1;
    fill: none
}

.O7f1NGtJ .uyjqz7wT {
    shape-rendering: optimizespeed;
    stroke: none;
    fill: var(--highlight);
    opacity: .15
}

.O7f1NGtJ .domain {
    display: none !important
}

.O7f1NGtJ .grid-lines {
    opacity: .75
}

.KFTZa7zT {
    text-align: left
}

.KoursRnE,
[dir=rtl] .KFTZa7zT {
    text-align: right
}

[dir=rtl] .KoursRnE {
    text-align: left
}

.R2f5Kolt>*+* {
    margin-left: 1rem
}

[dir=rtl] .R2f5Kolt>*+* {
    margin-left: unset;
    margin-right: 1rem
}

.dhpIP2SE {
    max-width: 58.125rem;
    position: relative
}

.K8BwGc9v {
    margin-bottom: 2.5rem;
    position: relative
}

.K8BwGc9v p {
    max-width: 46.875rem
}

.K8BwGc9v>*+* {
    margin-top: 2.5rem
}

.CFu2YLoX {
    text-align: center;
    text-transform: capitalize
}

.NpQyAE3i {
    fill: var(--support-02);
    color: var(--support-02)
}

.PO3J8QiG {
    fill: var(--text-01);
    color: var(--text-01)
}

.aH0NB7TR {
    fill: var(--disabled-02);
    color: var(--disabled-02)
}

.MXVQ1JoT {
    width: 100%
}

.MXVQ1JoT td {
    vertical-align: middle !important
}

.HFuvZykj,
.LlhWO_dg {
    text-align: center !important
}

td .ccaeRdiH {
    margin-right: .5rem
}

[dir=rtl] td .ccaeRdiH {
    margin-left: .5rem;
    margin-right: unset
}

.mtgvvaRq {
    margin: 2.5rem 0 0
}

.JjhcYt5B {
    padding: .5rem 0 0 !important
}

.pwXcjzO4 {
    margin-bottom: 1.5rem
}

.pwXcjzO4:first-child {
    margin-top: 0
}

.pwXcjzO4:last-child {
    margin-bottom: 0
}

.wt8kIKr8 {
    margin-top: 1rem
}

.wt8kIKr8>*+* {
    margin-left: 1rem
}

[dir=rtl] .wt8kIKr8>*+* {
    margin-left: unset;
    margin-right: 1rem
}

.EfmqhV5b {
    font-size: .9375rem;
    margin: 1rem
}

.ystRSyI9 {
    margin-top: 4rem
}

.ystRSyI9 table th {
    color: var(--text-02);
    padding-left: 1rem;
    text-align: right
}

[dir=rtl] .ystRSyI9 table th {
    text-align: left
}

.ystRSyI9 table td {
    color: var(--text-01);
    padding-left: .5rem;
    text-align: left
}

[dir=rtl] .ystRSyI9 table td {
    text-align: right
}

.UVwS7tzP {
    color: var(--text-02);
    margin-bottom: 1rem
}

.UVwS7tzP:after {
    -webkit-box-flex: 1;
    background-color: currentcolor;
    content: "";
    display: block;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 1px;
    margin-left: .5rem;
    opacity: .75
}

.qM3aeFT6 {
    text-align: left
}

.pcGx9zwf,
[dir=rtl] .qM3aeFT6 {
    text-align: right
}

[dir=rtl] .pcGx9zwf {
    text-align: left
}

.hWxmjYg0>*+* {
    margin-left: 1rem
}

[dir=rtl] .hWxmjYg0>*+* {
    margin-left: unset;
    margin-right: 1rem
}

.AxQMjFtG {
    max-width: 50rem;
    position: relative
}

@media(max-width:41.98rem) {
    .us6nSWXF {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.zMC8OUiI {
    margin: 2.5rem 0 1rem
}

.Hm7sw6w1 {
    margin: 3rem 0
}

.dc7dNlRh,
.rJ2q_yJr {
    height: 180px;
    margin-right: 2rem;
    width: 180px
}

[dir=rtl] .dc7dNlRh,
[dir=rtl] .rJ2q_yJr {
    margin-left: 2rem;
    margin-right: unset
}

.rJ2q_yJr {
    border: .5rem solid #fff
}

.eydes0It {
    font-weight: 700;
    margin-bottom: 2.5rem
}

@media(max-width:41.98rem) {
    .eydes0It {
        margin-top: 1rem;
        text-align: center
    }
}

.HUgsrU3R {
    max-width: 320px
}

.s5QdB73R {
    padding-bottom: 1rem;
    text-align: left
}

._ZkceVJI {
    line-height: 1.5;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.C3hAjjCT {
    margin: 1em 0;
    padding-left: 2.6em
}

.o6XcCLUQ>li {
    line-height: 1.5;
    list-style-type: none
}

.o6XcCLUQ>li:before {
    background-color: var(--text-01);
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: .3em;
    line-height: 1em;
    margin-right: .5em;
    opacity: .3;
    vertical-align: middle;
    width: .3em
}

.o6XcCLUQ>li:hover:before {
    opacity: .7
}

.u6UOVBDs>li {
    margin-bottom: 2em;
    margin-top: 2em
}

.VibFGphm {
    counter-reset: section;
    list-style-type: none;
    margin-top: 1rem;
    padding: 0 0 0 .65rem
}

.VibFGphm>li {
    margin-bottom: .5rem;
    padding: .5rem 0 .5rem 3.35rem;
    position: relative
}

.VibFGphm>li>p:first-child {
    margin-top: 0
}

.VibFGphm>li>p:last-child {
    margin-bottom: 0
}

.VibFGphm>li:before {
    border-right: 1px solid #ddd;
    color: var(--text-02);
    content: counters(section, ".") " ";
    counter-increment: section;
    font-size: 22px;
    font-weight: 700;
    height: 100%;
    left: 0;
    line-height: 35px;
    padding: 0 10px 0 0;
    position: absolute;
    text-align: right;
    top: 0;
    width: 30px
}

.VibFGphm>li:hover:before {
    border-right-color: #313131;
    color: #313131
}

.GVMvne5d {
    padding-top: 2rem
}

.DYhe0mE6 {
    font-size: 96px;
    margin: 1rem
}

.wrTzS4V0 {
    margin-top: 1.5rem
}

.ERTg3oLz {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ERTg3oLz>svg {
    fill: var(--text-03)
}

.Us0wXi4I {
    padding: .25rem 0;
    position: relative
}

.Us0wXi4I+.Us0wXi4I {
    margin-top: -1px
}

.eXnFdKKr {
    padding: 2rem 3.5rem
}

.EDAYpraY {
    border: .5rem solid #fff;
    height: 8rem;
    width: 8rem
}

.hA_tNFFP {
    font-size: 1.125rem;
    width: 170px
}

.u_ie6K7N {
    margin-bottom: 1rem
}

.oX1bwSiz {
    margin-bottom: 2.5rem
}

.Zwg2_wlb {
    padding: 0 0 1rem;
    width: 100%
}

.pSlS4nLk {
    width: 150px
}

.ND9pF46l>*+* {
    margin-top: 5rem
}

.RR17XSYw,
.RR17XSYw>* {
    max-width: 100%
}

@media(max-width:46.875rem) {
    .Zwg2_wlb {
        display: block !important
    }
    .Zwg2_wlb .pSlS4nLk {
        display: block;
        width: 100%
    }
    .Zwg2_wlb .ND9pF46l {
        margin-top: 3rem;
        width: 100%
    }
    .Zwg2_wlb .ND9pF46l>*+* {
        margin-top: 3rem
    }
}

.VyWbrXrH {
    padding: 0
}

.GhCyiiYk {
    margin-top: 1.5rem;
    width: 100%
}

.s79lVZcC {
    text-align: left
}

.sAf21dwr,
[dir=rtl] .s79lVZcC {
    text-align: right
}

[dir=rtl] .sAf21dwr {
    text-align: left
}

.wdsO3mjW>*+* {
    margin-left: 1rem
}

[dir=rtl] .wdsO3mjW>*+* {
    margin-left: unset;
    margin-right: 1rem
}

.Tly4IWQh {
    fill: #d9222c;
    color: #d9222c
}

.cgmtWD7r {
    fill: #34c06a;
    color: #34c06a
}

.PxwZY3dc {
    fill: var(--text-02);
    color: var(--text-02)
}

.YbRp_5ci {
    margin-right: .5rem
}

[dir=rtl] .YbRp_5ci {
    margin-left: .5rem;
    margin-right: unset
}

.j50oaCDL {
    margin-bottom: 2.5rem;
    max-width: 48rem;
    position: relative
}

.oqxiHclA {
    margin: 2.5rem 0 1rem
}

.gTdorO9m {
    font-size: .875rem;
    font-weight: 700;
    line-height: 2;
    margin: 1.5rem 0
}

.Yl4RO7y5 {
    background-color: var(--ui-background);
    color: var(--text-01);
    margin-top: 1.5rem;
    padding: 1.5rem 1rem;
    position: relative
}

.Yl4RO7y5+.Yl4RO7y5 {
    margin-top: 1rem
}

.x4ZNKS4D {
    font-weight: 700;
    margin-left: 1rem;
    position: relative
}

[dir=rtl] .x4ZNKS4D {
    margin-left: unset;
    margin-right: 1rem
}

.T18wzTsG .x4ZNKS4D {
    left: 0;
    margin: 0;
    padding: 1rem;
    position: absolute;
    top: 0;
    width: 100%
}

.oNV6ZLcZ {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.oNV6ZLcZ>svg {
    fill: var(--text-03)
}

.T18wzTsG .oNV6ZLcZ {
    margin-top: 3rem
}

._hklari8 {
    margin-bottom: 1rem
}

.K_avJLus {
    color: var(--text-02);
    line-height: 1.7
}

.XJp5U52s {
    margin: 1rem -.5rem -.5rem
}

.XJp5U52s>button {
    margin: .5rem
}

.fr3Mp844 {
    text-align: left
}

.xEhNwlnU,
[dir=rtl] .fr3Mp844 {
    text-align: right
}

[dir=rtl] .xEhNwlnU {
    text-align: left
}

.sSxLr6Sq>*+* {
    margin-left: 1rem
}

[dir=rtl] .sSxLr6Sq>*+* {
    margin-left: unset;
    margin-right: 1rem
}

.l_isQHPS path.diamond {
    stroke: #feba53;
    stroke-width: 2;
    fill: none
}

.OSnFl4lc.HdgtMZZK * {
    fill: #feba53;
    color: #feba53
}

.kP4MU5G4 {
    font-size: .75rem
}

.tC33qjZG {
    margin-right: .75rem
}

[dir=rtl] .tC33qjZG {
    margin-left: .75rem;
    margin-right: unset
}

.m7OmfGHw ul {
    width: 15rem !important
}

.slv4LP3B a,
.slv4LP3B a:hover {
    cursor: not-allowed !important
}

.slv4LP3B a:hover span,
.slv4LP3B a span {
    color: var(--disabled-02)
}

.EazIJJqN {
    text-align: left
}

.gYww_J_r,
[dir=rtl] .EazIJJqN {
    text-align: right
}

[dir=rtl] .gYww_J_r {
    text-align: left
}

.MKzV3SMm>*+* {
    margin-left: 1rem
}

[dir=rtl] .MKzV3SMm>*+* {
    margin-left: unset;
    margin-right: 1rem
}

.z0BPfBTL {
    margin: 0 auto;
    max-width: 82rem;
    padding: 0;
    position: relative;
    width: 100%
}

.gfeWADjc>a {
    color: #fff !important;
    font-weight: 700 !important;
    text-transform: uppercase !important
}

.v_SdUHKT>a {
    background-color: var(--interactive-01) !important;
    color: var(--text-04) !important;
    outline-color: var(--focus) !important
}

.v_SdUHKT>a:focus,
.v_SdUHKT>a:hover {
    background-color: var(--hover-primary) !important
}

.PG9TAU6S {
    z-index: 6000
}

@media(max-width:65.98rem) {
    .PG9TAU6S {
        display: none
    }
}

.qTODdRIy {
    max-width: 100%;
    position: relative;
    width: 100%;
    z-index: 0
}

.hNjldsUy {
    background-color: #161616;
    border-bottom: 1px solid #525252;
    height: 3rem;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    will-change: position, top;
    z-index: 6000
}

@media(max-width:65.98rem) {
    .hNjldsUy {
        top: 0
    }
}

@media(max-width:41.98rem) {
    .drJwJBJ4>div>div {
        padding-left: 1rem
    }
}

.aloA2Bi6 {
    background-color: #055e5e !important;
    border: none;
    color: #fff;
    margin-right: 0;
    margin-top: -1px;
    padding: 0 !important;
    position: relative;
    z-index: 2
}

.aloA2Bi6:focus,
.aloA2Bi6:hover {
    background-color: #045252 !important
}

.aloA2Bi6>svg {
    line-height: 0 !important;
    vertical-align: middle !important
}

.oomWAcPG {
    color: #fff;
    display: block;
    position: relative;
    z-index: 1
}

.BboLHa14 {
    float: left;
    height: 3rem;
    margin-top: -1px;
    width: auto
}

.f4x8jHeG {
    height: auto;
    width: 6.5625rem
}

.dlmTpHWS {
    padding-left: 1rem
}

[dir=rtl] .dlmTpHWS {
    padding-left: unset;
    padding-right: 1rem
}

.foKhc_Xo {
    margin-left: auto;
    padding-left: 1rem
}

[dir=rtl] .foKhc_Xo {
    margin-left: unset;
    margin-right: auto;
    padding-left: unset;
    padding-right: 1rem
}

@media(max-width:65.98rem) {
    .foKhc_Xo {
        display: block
    }
    .foKhc_Xo .TTErlzUt {
        display: none !important
    }
}

@media(max-width:41.98rem) {
    .foKhc_Xo {
        padding-left: 0
    }
    .foKhc_Xo .zEKvcVa2 {
        display: none !important
    }
}

.rd1vnVgh:not(#pRr652OY) {
    text-transform: uppercase
}

.rd1vnVgh:not(#pRr652OY) a {
    font-weight: 700
}

.rd1vnVgh:not(#pRr652OY) a:after {
    border-bottom: 3px solid var(--interactive-01);
    bottom: -2px;
    content: "";
    display: none;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.rd1vnVgh:not(#pRr652OY).cHVkN06M>a:after,
.rd1vnVgh:not(#pRr652OY)>a:focus:after,
.rd1vnVgh:not(#pRr652OY)>a:hover:after {
    display: block
}

.Q0HK8BhF {
    background-color: #000;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: auto 100%;
    border-bottom: 1px solid #393939;
    color: #fff;
    min-height: 21.875rem;
    overflow: hidden;
    padding: 3rem 0 0;
    position: relative;
    width: 100%
}

.Q0HK8BhF a {
    color: #c6c6c6;
    display: inline-block;
    margin: 1.5rem 0
}

.Q0HK8BhF a:hover {
    color: #fff;
    text-decoration: none
}

.Q0HK8BhF a svg {
    vertical-align: top
}

@media(max-width:65.98rem) {
    .Q0HK8BhF {
        min-height: 12.5rem
    }
}

._uCvEUU2 {
    height: 100%;
    margin-bottom: 3rem
}

@media (max-width:98.4rem) {
    ._uCvEUU2 {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

.sHRloMrF {
    color: #fff;
    font-size: 3.5rem;
    font-weight: 600;
    line-height: 1.3;
    margin: 0;
    max-width: 55rem;
    position: relative;
    text-align: left;
    z-index: 20
}

[dir=rtl] .sHRloMrF {
    text-align: right
}

@media(max-width:41.98rem) {
    .sHRloMrF {
        font-size: 2rem
    }
}

.ettXeXUv {
    color: #c6c6c6;
    font-size: 1.5rem;
    margin-top: 1rem
}

@media(max-width:41.98rem) {
    .ettXeXUv {
        font-size: 1rem
    }
}

.GieaPidw {
    bottom: 0;
    height: 3rem;
    margin: 0 auto;
    position: absolute;
    z-index: 20
}

.GieaPidw *+* {
    margin-left: .5rem
}

@media(max-width:41.98rem) {
    .GieaPidw {
        height: 2rem
    }
}

.RqwYEPmU {
    background: #002a2d;
    border: none;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 1rem;
    font-weight: 700;
    height: 3rem;
    line-height: 1.5;
    outline: none !important;
    padding: 0 2rem;
    position: relative;
    text-transform: uppercase;
    -webkit-transition: background .15s linear;
    transition: background .15s linear;
    will-change: background
}

.RqwYEPmU:hover {
    background: #007c83;
    color: #fff
}

.RqwYEPmU:focus {
    background: #007c83;
    color: #56d8e0
}

.RqwYEPmU.cHVkN06M {
    background: #f4f4f4;
    color: #161616;
    cursor: default
}

@media(max-width:41.98rem) {
    .RqwYEPmU {
        font-size: .875rem;
        height: 2rem;
        padding: 0 .75rem
    }
}

.oGZ_4Rzm:not(#pRr652OY) {
    top: 5.25rem !important
}

@media(max-width:65.98rem) {
    .oGZ_4Rzm:not(#pRr652OY) {
        top: 3rem !important
    }
}

.s7CR_j4N {
    position: relative;
    width: 100%
}

.s7CR_j4N.z0BPfBTL {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.LkgJrooc {
    background-color: #161616;
    border-top: 1px solid #525252
}

.b6r_7d5V {
    background: #525252;
    bottom: 1rem;
    font-size: .875rem;
    left: 0;
    line-height: 1.3;
    margin: 0 auto;
    max-width: 37.5rem;
    position: fixed;
    right: 0
}

.b6r_7d5V a {
    color: #fff !important;
    text-decoration: underline !important;
    white-space: nowrap
}

.jEpF8Bxl {
    background: transparent !important
}

.jEpF8Bxl * {
    fill: #fff !important
}

.AujL9BQp {
    color: #e0e0e0;
    font-weight: 700;
    padding: .875rem
}

.aA28lIYp {
    margin-right: .75rem
}

[dir=rtl] .aA28lIYp {
    margin-left: .75rem;
    margin-right: unset
}

.UnCLBiBQ {
    text-align: left
}

.Ht7Eif2U,
[dir=rtl] .UnCLBiBQ {
    text-align: right
}

[dir=rtl] .Ht7Eif2U {
    text-align: left
}

.cZUkGK0p>*+* {
    margin-left: 1rem
}

[dir=rtl] .cZUkGK0p>*+* {
    margin-left: unset;
    margin-right: 1rem
}

.ingLKxV9 {
    min-height: 100vh;
    position: relative;
    width: 100%
}

.BKv7eRvu {
    background-color: #055e5e !important;
    border: none;
    color: var(--text-01);
    margin-right: 0;
    margin-top: -1px;
    padding: 0 !important;
    position: relative;
    z-index: 2
}

.BKv7eRvu:focus,
.BKv7eRvu:hover,
.BKv7eRvu[class*=active] {
    background-color: #045252 !important
}

.BKv7eRvu>svg {
    line-height: 0 !important;
    vertical-align: middle !important
}

@media(max-width:65.98rem) {
    .RH69lURN {
        display: block
    }
    .RH69lURN .QTIIjsuQ {
        display: none !important
    }
}

@media(max-width:41.98rem) {
    .RH69lURN {
        padding-left: 0
    }
    .RH69lURN .ViGbhqIt {
        display: none !important
    }
}

[dir=rtl] .RH69lURN {
    padding: 0 1rem 0 0
}

.dzsO2kZ6 {
    color: #fff;
    display: block;
    position: relative;
    width: 16.25rem;
    z-index: 1
}

.wCAf2mUI {
    height: 3rem;
    margin-top: -1px
}

.jFtdEAl1 {
    height: auto;
    width: 6.5625rem
}

.Jj16vF5T {
    position: relative
}

.Jj16vF5T:after {
    background-color: #6b50ff;
    bottom: 0;
    content: "";
    display: block;
    height: 4px;
    left: 0;
    position: absolute;
    right: 0
}

.PUubbBVH {
    z-index: 6002
}

@media(max-width:65.98rem) {
    .PUubbBVH {
        display: none
    }
}

.Jlb0PqSB {
    background-color: #161616;
    border-bottom: 1px solid #525252;
    position: absolute;
    top: 2.25rem;
    z-index: 6001
}

.ingLKxV9 .bx--side-nav {
    top: 5.25rem !important
}

@media(max-width:65.98rem) {
    .Jlb0PqSB {
        position: fixed !important;
        top: 0 !important
    }
    .ingLKxV9 .bx--side-nav {
        top: 3rem !important
    }
}

.ingLKxV9.EGkTiUqa .Jlb0PqSB {
    position: fixed !important;
    top: 0 !important
}

.ingLKxV9.EGkTiUqa .bx--side-nav {
    top: 3rem !important
}

.HtCNvYU9 {
    height: 25px;
    width: 65px
}

.RMwkl7vr {
    stroke: #34c06a !important;
    stroke-width: 2px !important;
    opacity: 1 !important
}

.OVxOdqva {
    fill: #34c06a !important;
    opacity: .15 !important
}

.iAlcpHGs {
    color: var(--icon-02);
    cursor: pointer;
    margin-right: .125rem
}

.iAlcpHGs:hover {
    color: var(--icon-01)
}

.jA8Ew3_l {
    margin: 1.5rem;
    z-index: 2
}

.jjh5h6Cp {
    margin: 3rem 0 0;
    max-width: 99rem;
    min-height: 100%;
    position: relative;
    z-index: 1
}

@media(min-width:66rem) {
    .jjh5h6Cp.Dcjf_CxH {
        margin-left: 16.25rem
    }
    [dir=rtl] .jjh5h6Cp.Dcjf_CxH {
        margin-left: unset;
        margin-right: 16.25rem
    }
}

.caPC4nS5 {
    fill: var(--text-01) !important;
    height: 1.125rem;
    width: 1.125rem
}

.lS9GNWl7 {
    left: 50%;
    max-width: 100%;
    min-width: 18.75rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 36.25rem
}

.xao5wfH1 {
    position: relative;
    z-index: 2
}

@media(min-width:66rem) {
    .Dcjf_CxH~.xao5wfH1 {
        margin-left: 16.25rem
    }
    [dir=rtl] .Dcjf_CxH~.xao5wfH1 {
        margin-left: unset;
        margin-right: 16.25rem
    }
}

.NTFcwjCs {
    bottom: 1.5rem;
    display: inline-block;
    opacity: 0;
    position: fixed;
    right: 1.5rem;
    -webkit-transform: translateY(110%);
    transform: translateY(110%);
    z-index: 10
}

.NTFcwjCs.ri9l1wx9 {
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0)
}

.NTFcwjCs button {
    margin: 1rem
}

.NTFcwjCs:before {
    background-color: var(--ui-01);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: .7;
    position: absolute;
    top: 0;
    width: 100%
}

.B9PRS1LY .NTFcwjCs {
    bottom: 1.5rem;
    right: 1rem
}

.cNBhJQ8e {
    margin: 1.5rem 1.5rem 0;
    max-width: 100%;
    width: auto;
    z-index: 2
}

.wekSoxjw {
    padding: 2rem 1.5rem
}

.MinS1Kpx {
    display: inline-block;
    line-height: 1.5
}

.K4EvfvnK {
    text-align: left
}

.hS7C6xYg,
[dir=rtl] .K4EvfvnK {
    text-align: right
}

[dir=rtl] .hS7C6xYg {
    text-align: left
}

.hVnBKXXn>*+* {
    margin-left: 1rem
}

[dir=rtl] .hVnBKXXn>*+* {
    margin-left: unset;
    margin-right: 1rem
}

.TgRJzCD_ {
    padding: 1.5rem 0
}

.Jkl_swbC {
    padding: 0 2.5rem
}

.Jkl_swbC+.Jkl_swbC {
    border-left: 1px solid var(--ui-03)
}

.ZNyzuCeY tbody,
.ZNyzuCeY td,
.ZNyzuCeY th,
.ZNyzuCeY thead,
.ZNyzuCeY tr {
    background: transparent !important;
    border: none !important;
    padding: 0
}

.ZNyzuCeY tr {
    height: 2rem !important
}

.ZNyzuCeY td,
.ZNyzuCeY th {
    color: var(--text-01) !important;
    font-size: .875rem;
    line-height: 2rem;
    padding: 0 1.5rem !important;
    white-space: nowrap !important
}

.ZNyzuCeY td:last-of-type,
.ZNyzuCeY th:last-of-type {
    padding-right: 0 !important
}

.ZNyzuCeY th {
    font-weight: 700;
    padding-right: 1.5rem !important
}

.ZNyzuCeY tbody th {
    font-weight: 400
}

.ZNyzuCeY .q5qnzjwT {
    font-size: 1rem;
    font-weight: 700 !important;
    line-height: 1.3125rem
}

.d7GVSBZ1 td {
    color: var(--text-02) !important
}

.d7GVSBZ1 .mLgdr5Mk {
    fill: var(--text-02) !important
}

.M3GcXFYa {
    fill: var(--support-03) !important;
    color: var(--support-03) !important
}

.xISbpBH7 {
    fill: var(--support-02) !important;
    color: var(--support-02) !important
}

.SlBPfQn_ {
    fill: var(--support-01) !important;
    color: var(--support-01) !important
}

.TACwVLzT {
    color: var(--text-03)
}

.LegD0gu0 {
    margin-right: .6em
}

[dir=rtl] .LegD0gu0 {
    margin-left: .6em;
    margin-right: unset
}

.ch6AUnFF,
.x07qFooZ {
    width: 100%
}

.mLgdr5Mk {
    fill: var(--text-01) !important;
    height: 1.5em;
    width: auto
}

.rAHVs0Y8 {
    padding: 2rem 1.5rem
}

.zI_qPxDG {
    margin: 1rem 0
}

.qwHMzNGB {
    padding: 2rem 1.5rem
}

.ndoIrmwB {
    background-color: var(--ui-01);
    color: var(--text-01)
}

.oPFuWjbh,
.PVy0CGp1 {
    white-space: nowrap
}

.PVy0CGp1 svg {
    fill: var(--support-01)
}

.BaFnyNh5 {
    text-align: left
}

.h3L62Nkm,
[dir=rtl] .BaFnyNh5 {
    text-align: right
}

[dir=rtl] .h3L62Nkm {
    text-align: left
}

.Niok4dUt>*+* {
    margin-left: 1rem
}

[dir=rtl] .Niok4dUt>*+* {
    margin-left: unset;
    margin-right: 1rem
}

.Pawfvn4T {
    padding: 2rem 1.5rem;
    position: relative
}

.uh9pbZaE {
    color: var(--text-01)
}

.Rg2G62Q1 {
    color: var(--text-02)
}

.N8cpdyiN {
    white-space: nowrap
}

.N8cpdyiN svg {
    fill: var(--support-01);
    margin-right: .5rem
}

[dir=rtl] .N8cpdyiN svg {
    margin-left: .5rem;
    margin-right: unset
}

.n1cKnvsN {
    text-decoration: underline
}

.pkUEh5sE>*+* {
    margin-left: 1rem
}

[dir=rtl] .pkUEh5sE>*+* {
    margin-left: unset;
    margin-right: 1rem
}

.JV2iLbyk .pkUEh5sE {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

.JV2iLbyk .pkUEh5sE>* {
    margin-top: 1rem
}

.qgfvXk6e>*+* {
    margin-top: 1.5rem
}

.aRvYINuk p+p {
    margin-top: 1rem
}

.NoS7BBhG {
    text-align: left
}

.OUlqiN2_,
[dir=rtl] .NoS7BBhG {
    text-align: right
}

[dir=rtl] .OUlqiN2_ {
    text-align: left
}

.cB420P9F>*+* {
    margin-left: 1rem
}

[dir=rtl] .cB420P9F>*+* {
    margin-left: unset;
    margin-right: 1rem
}

.L1VJmPJO {
    padding: 2rem 1.5rem;
    position: relative
}

.KV_kM61Q>*+* {
    margin-top: 1.5rem
}

.s3pcvjZg {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%
}

.oW2wQQJL>td {
    white-space: nowrap
}

.Pv_IClYq {
    color: var(--text-02)
}

.UoIs9zYO {
    padding-left: 1.5rem
}

[dir=rtl] .UoIs9zYO {
    padding-left: unset;
    padding-right: 1.5rem
}

.UoIs9zYO>*+* {
    margin-top: 1rem
}

.wHIUGiGX {
    margin: 1.5rem 0 1rem;
    padding: 0 1rem
}

.zt0gM9aY>*+* {
    margin-left: 1rem
}

[dir=rtl] .zt0gM9aY>*+* {
    margin-left: unset;
    margin-right: 1rem
}

.YGTveZ_L {
    color: var(--text-01);
    margin: 0;
    padding: 0
}

.HUukQyP5 {
    background-color: var(--ui-01);
    padding: 2.5rem 2rem
}

.vP52eseh {
    color: var(--text-01)
}

.UxCCqPn5 {
    color: var(--text-02)
}

.jdq4OL4R,
.NbuM1LcB,
.oqvI5w3O {
    opacity: 1
}

.ZaDnlnZ6 {
    margin-bottom: 1rem
}

.ZaDnlnZ6:last-child {
    margin-bottom: 0
}

.nHHLYLrj {
    color: var(--text-01)
}

.nHHLYLrj p {
    font-size: .857rem;
    font-weight: 400;
    letter-spacing: .16px;
    line-height: 1.125rem
}

.nHHLYLrj p+p {
    margin-top: 1em
}

.fCACsMsD {
    background-color: #6f6f6f;
    color: #fff;
    margin: 0 1rem;
    min-width: 4.1875rem
}

.E9ZRh_g6 {
    line-height: 0;
    margin-left: .5em;
    vertical-align: middle
}

[dir=rtl] .E9ZRh_g6 {
    margin-left: unset;
    margin-right: .5em
}

.hWYCp_n1 {
    padding: 0
}

.jdq4OL4R .hWYCp_n1 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.XcWDFU5W {
    background-color: var(--ui-01);
    margin: .0625rem;
    padding: 1.5rem 2rem
}

.Jue_b0nk {
    max-width: 25rem
}

.jdq4OL4R .Jue_b0nk {
    max-width: unset
}

.hAPprJOZ {
    white-space: nowrap
}

.uwcq_bUo {
    margin: .5rem 0 0
}

.uwcq_bUo>*+* {
    margin-top: .25rem
}

.wXi1j62i {
    font-size: 2rem;
    font-weight: 400 !important;
    line-height: 2.5rem;
    white-space: nowrap
}

.FtXp_fKl {
    min-height: 1em
}

.FtXp_fKl:link {
    color: var(--link-01)
}

.zJz3paAM {
    color: var(--text-02)
}

.JO97FnsN {
    padding: 0
}

td.ubIM8Ild {
    color: var(--text-02) !important
}

td.sps4CuY6 {
    white-space: nowrap
}

td.KsXrFksZ,
td.sps4CuY6 {
    color: var(--text-01) !important
}

.oAHNIMM5 {
    fill: var(--support-01) !important;
    color: var(--support-01) !important
}

.DWSQd4Jr {
    fill: var(--support-02) !important;
    color: var(--support-02) !important
}

.EdgH1sMU {
    fill: var(--support-03) !important;
    color: var(--support-03) !important
}

table.WgQATTNT {
    border: none !important;
    width: 100%
}

table.WgQATTNT td {
    border: none !important;
    color: var(--text-02)
}

.OK23KN8x {
    padding-bottom: .75em;
    padding-left: 1rem;
    padding-top: .75em
}

[dir=rtl] .OK23KN8x {
    padding-left: unset !important;
    padding-right: 1rem !important
}

.QhlN1V7Z {
    display: inline-block;
    max-width: 95%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom
}

.A6R3MT8R {
    text-align: left
}

.m9goiOcx,
[dir=rtl] .A6R3MT8R {
    text-align: right
}

[dir=rtl] .m9goiOcx {
    text-align: left
}

.DSzWfp1J>*+* {
    margin-left: 1rem
}

[dir=rtl] .DSzWfp1J>*+* {
    margin-left: unset;
    margin-right: 1rem
}

.tGnqvyRk {
    padding: 2rem 1.5rem
}

.LEPoixLz tbody td {
    vertical-align: middle
}

.En1nYjqE>*+* {
    margin-top: 1.5rem
}

.gmRG3cWk>*+* {
    margin-left: 1rem
}

[dir=rtl] .gmRG3cWk>*+* {
    margin-left: unset;
    margin-right: 1rem
}

.B9vVhaY0 {
    padding: 2rem 1.5rem;
    position: relative
}

.B9vVhaY0,
.B9vVhaY0:after {
    background-color: var(--ui-01)
}

.B9vVhaY0:after {
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 0
}

.dY8DnkIM {
    position: relative;
    z-index: 1
}

.IQSKypCa {
    left: 50%;
    max-width: 100%;
    min-width: 18.75rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 36.25rem
}

.O9SBVL1a {
    padding: 2rem 1.5rem
}

.ZIKxzsq2 {
    margin-bottom: .25rem
}

.NyQvWYjb {
    margin: 0 0 0 .25rem
}

.NyQvWYjb>*+* {
    margin-left: .25rem
}

.UGRyEy8Y>*+* {
    margin-left: .5rem
}

.fukRrFsV {
    margin-right: .5rem
}

.K6OocvnL {
    text-align: left
}

._rVgPtDl,
[dir=rtl] .K6OocvnL {
    text-align: right
}

[dir=rtl] ._rVgPtDl {
    text-align: left
}

.FLyGfXdC>*+* {
    margin-left: 1rem
}

[dir=rtl] .FLyGfXdC>*+* {
    margin-left: unset;
    margin-right: 1rem
}

.nIe_x7SE {
    margin: 0 auto;
    position: relative
}

.YppT3Krg .tick>text {
    font-family: BraiinsSans, sans-serif, serif !important
}

.YppT3Krg .L1JUrPsY,
.YppT3Krg .LyaDnQMs {
    shape-rendering: geometricprecision
}

.YppT3Krg .LyaDnQMs {
    stroke-width: 2px;
    fill: var(--ui-01)
}

.YppT3Krg .L1JUrPsY {
    stroke-width: 2px
}

.YppT3Krg .L1JUrPsY.Q8RvTTF6,
.YppT3Krg .LyaDnQMs.Q8RvTTF6 {
    stroke: green
}

.YppT3Krg .L1JUrPsY.s0D_3wsa,
.YppT3Krg .LyaDnQMs.s0D_3wsa {
    stroke: orange
}

.YppT3Krg .L1JUrPsY.L5GGIGZN,
.YppT3Krg .LyaDnQMs.L5GGIGZN {
    stroke: red
}

.YppT3Krg .L1JUrPsY.V4a2ZCjJ,
.YppT3Krg .LyaDnQMs.V4a2ZCjJ {
    stroke: #888
}

.YppT3Krg line {
    stroke-dasharray: none
}

.cLEhn3UT {
    background-color: rgba(255, 255, 255, .75);
    display: none;
    pointer-events: none;
    text-align: left;
    -webkit-transition: left .3s;
    transition: left .3s
}

.yDw0ILrP .JgkCNG1I {
    background-color: green
}

.yDw0ILrP .rMofOdPI {
    background-color: orange
}

.yDw0ILrP .EUX8buZd {
    background-color: red
}

.yDw0ILrP .Vr17b1Nd {
    background-color: #888
}

.zCoHwSLm {
    margin: 1rem 1rem 0
}

.zCoHwSLm li {
    line-height: 1.5;
    list-style-position: outside;
    list-style-type: disc;
    margin-left: 1rem
}

[dir=rtl] .zCoHwSLm li {
    margin-left: unset;
    margin-right: 1rem
}

.M4AA4HbQ {
    height: 6px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.HAhQLHA4 {
    opacity: .5;
    z-index: 1
}

.HAhQLHA4,
.QWsA2jsF {
    background-color: var(--ui-02)
}

.QWsA2jsF {
    float: left;
    height: 6px;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    will-change: width;
    z-index: 2
}

.LyoPgcm6 {
    text-align: left
}

.YM4WN2dj,
[dir=rtl] .LyoPgcm6 {
    text-align: right
}

[dir=rtl] .YM4WN2dj {
    text-align: left
}

.hBYfXH9B>*+* {
    margin-left: 1rem
}

[dir=rtl] .hBYfXH9B>*+* {
    margin-left: unset;
    margin-right: 1rem
}

.wRupYe_X {
    padding: 2rem 1.5rem
}

.UX9cNbo6 {
    margin: 1.5rem 0 1rem 1rem
}

.UfkGF2qE {
    font-size: 2.25rem;
    line-height: 2.25rem;
    margin: 1rem 0
}

.UfkGF2qE>*+* {
    margin-left: 2rem
}

[dir=rtl] .UfkGF2qE>*+* {
    margin-left: unset;
    margin-right: 2rem
}

.UfkGF2qE svg {
    height: 1.125rem;
    width: 1.125rem
}

@media(max-width:41.98rem) {
    .UfkGF2qE {
        font-size: 1rem
    }
    .UfkGF2qE>*+* {
        margin-left: .5rem
    }
    [dir=rtl] .UfkGF2qE>*+* {
        margin-left: unset;
        margin-right: .5rem
    }
}

.tHTwGzuB {
    margin-right: 1rem
}

[dir=rtl] .tHTwGzuB {
    margin-left: 1rem;
    margin-right: unset
}

.tHTwGzuB>*+* {
    margin-left: .5rem
}

[dir=rtl] .tHTwGzuB>*+* {
    margin-left: unset;
    margin-right: .5rem
}

.Rue5MiSz {
    font-size: .875rem
}

.f7tbKiZL {
    text-transform: uppercase
}

.STVNXigR {
    margin-top: 1rem;
    max-width: 100%
}

.rYoR54st {
    min-width: unset;
    width: 100%
}

.SjNcGOuB {
    background-color: var(--ui-01);
    padding: 2rem 0
}

.wygkqClj {
    background-color: var(--support-02)
}

.pz2JzXNO {
    background-color: var(--support-03)
}

.GJoAUgHf {
    background-color: var(--support-01)
}

.lEtdHFV_ {
    background-color: #4b8aff
}

.xgxGozz5 {
    color: var(--support-02)
}

.wvC4UEnX {
    color: var(--support-03)
}

.izgJpSUU {
    color: var(--support-01)
}

.FddWMaZg {
    color: #4b8aff
}

.RkAT119J {
    margin-bottom: 1.5rem
}

.RkAT119J input[type=number] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}

.RkAT119J input[type=number]::-webkit-inner-spin-button,
.RkAT119J input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0
}

.AJ7SQCio button {
    padding: 9px 16px !important
}

.BqEiLMyr {
    margin-right: 1rem
}

.BgXFNtLb {
    text-align: left
}

.XbtELEX7,
[dir=rtl] .BgXFNtLb {
    text-align: right
}

[dir=rtl] .XbtELEX7 {
    text-align: left
}

.Xz4qz74Y>*+* {
    margin-left: 1rem
}

[dir=rtl] .Xz4qz74Y>*+* {
    margin-left: unset;
    margin-right: 1rem
}

.PttzzPYL {
    min-width: 5rem;
    width: auto
}

.PttzzPYL button {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.PttzzPYL .bx--list-box {
    height: 3rem;
    max-height: 3rem
}

.PttzzPYL .bx--list-box__wrapper--inline {
    grid-gap: 0
}

.PttzzPYL .bx--tag {
    background-color: var(--interactive-02) !important;
    color: var(--text-04) !important;
    margin-left: .25rem;
    margin-right: 0
}

[dir=rtl] .PttzzPYL .bx--tag {
    margin-left: 0 !important;
    margin-right: .25rem !important
}

.EybmvX41 {
    padding-bottom: 1rem
}

.MRwIn1TF {
    margin: 1rem -.5rem;
    max-width: 100%
}

.VmSlQ3of {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: .5rem;
    min-width: 12.5rem
}

.oa_f7DCr {
    background: var(--field-01);
    overflow: auto;
    padding: 1rem
}

.oa_f7DCr+.oa_f7DCr {
    margin-top: .5rem
}

.PaFuHBG1 {
    margin-bottom: .5rem;
    max-width: 100%;
    overflow: auto
}

.PaFuHBG1 table {
    max-width: 100%;
    width: 100%
}

.PaFuHBG1 table td {
    line-height: 1.7;
    vertical-align: middle
}

.PaFuHBG1 table td+td {
    padding-left: 1rem
}

.TLVqKMBN {
    padding: 0
}

.pBhKuloS {
    font-weight: lighter;
    padding-left: 1rem !important
}

.UoI3u5RA {
    font-weight: 700;
    max-width: 400px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fMAjHYKO,
.UoI3u5RA {
    width: 100%
}

.fMAjHYKO tbody {
    border: 1rem solid transparent
}

.fMAjHYKO tbody tr {
    font-size: .75rem;
    line-height: 1.25rem
}

.fMAjHYKO tbody td {
    text-align: left
}

.fMAjHYKO tbody td+td {
    padding-left: 1rem
}

.D3_pc1eT {
    padding-top: 1rem;
    text-decoration: underline
}

.fh5FJ_Q3 {
    color: var(--text-02);
    font-size: .8125rem;
    margin-top: .5rem
}

.QKi1Z1tS {
    color: var(--inverse-support-01)
}

.dCRICcZ0 {
    overflow: hidden
}

.FSn3d_Si {
    height: 100%;
    width: 100%
}

.FSn3d_Si>div {
    width: auto
}

.FSn3d_Si .bx--modal-content {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.hPHPinRR {
    padding: 1rem;
    position: relative
}

.Wk3TsSTQ {
    min-width: 100%;
    padding: 1rem
}

.WQFlZyGT {
    color: var(--text-03);
    padding: 2.5rem 0
}

.CNPOoCEc {
    font-size: 1rem;
    margin-top: .5em
}

.cS8cpmYc .bx--modal-content {
    padding-left: 0;
    padding-right: 0;
    padding-top: 2.5rem
}

.MRpYhWXA:first-of-type {
    margin-top: -2rem
}

.ouQD_hkr {
    padding-top: 1rem
}

.ouQD_hkr:first-child {
    padding-top: 0
}

.JrU1RMZZ {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 1rem
}

.WurqAJeN {
    background-color: var(--ui-04);
    height: 1px;
    margin: 1.5rem 0;
    position: relative;
    width: 100%
}

@media(min-width:48rem) {
    .ouQD_hkr {
        padding-bottom: 1rem
    }
    .ouQD_hkr>.JrU1RMZZ:first-of-type {
        padding-top: 0
    }
    .ouQD_hkr>.JrU1RMZZ:last-of-type {
        padding-bottom: 0
    }
}

.FNbzsWYs {
    color: var(--text-05);
    margin-left: 27px
}

.m9_Q9ULb {
    margin-bottom: 1.5rem
}

.w9hbpowT {
    background-color: transparent;
    border: 0;
    color: var(--danger);
    padding: 0
}

.w9hbpowT:active,
.w9hbpowT:focus,
.w9hbpowT:hover {
    background-color: transparent;
    border: 0;
    color: #d9222c
}

.QKwqQBpG {
    color: var(--ui-04);
    vertical-align: super
}

.Ay24xDsd {
    padding: 0 1rem
}

.twHQ05KT .bx--modal-content {
    padding-left: 0;
    padding-right: 0;
    padding-top: 2.5rem
}

.C5U10mSo {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1rem
}

.C5U10mSo:first-child {
    padding-top: 0
}

.yQDULvsk {
    margin: 1.5rem 0
}

.Y25s6Bga>* {
    margin: 1rem
}

.JmQvgkCd {
    max-width: 100px;
    min-width: 50px
}

.LDvErlYq {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 200px
}

.tQE9QXHT {
    padding-bottom: 1rem;
    text-align: right
}

.O9WUAVnV .Spsm06a2 {
    background-color: var(--interactive-03);
    border-bottom: 1px solid var(--ui-04);
    display: inline-block;
    height: 2.5rem;
    position: relative;
    vertical-align: middle;
    width: 2.5rem
}

.O9WUAVnV label[for=selectColor] {
    margin-left: -2.5rem
}

.ouEgoV_X>select {
    background-color: var(--ui-02) !important;
    width: 150px
}

.Az2wIhRO {
    min-width: unset;
    width: 100%
}

.wOuPSkkX {
    margin: 0 -.1875rem
}

.wOuPSkkX>* {
    margin: 0 .1875rem
}

.f_BK7uTg {
    padding: 2rem 1.5rem
}

._Da5Cquy {
    color: #8d8d8d
}

.UGsH5zDw {
    background-color: var(--ui-01);
    margin-bottom: 1rem
}

.xO0Q5H72 {
    padding: 1.5rem 2rem
}

.pzeJsfIt {
    color: var(--text-02);
    padding-top: 1rem
}

.Fz4orRIk {
    font-size: 2rem;
    font-weight: 400
}

.vnRr3S8m {
    padding-top: 1rem
}

.poexKRbG section {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 3rem;
    overflow: unset
}

.MPT6oNp2 .poexKRbG section,
.UXVKs0w3 .poexKRbG section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 6rem
}

.gvHVR6Co {
    text-decoration: none !important
}

.hc4uyzQB span,
.ZZcjCiON {
    color: var(--text-02)
}

.ZZcjCiON {
    margin: auto 0;
    padding-right: 20px;
    white-space: nowrap;
    width: 80px
}

.fkSCeIFO {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    padding-left: 1rem;
    width: auto
}

.UXVKs0w3 .fkSCeIFO {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    width: 100%
}

.TGsgwgJP input {
    background-color: var(--ui-01)
}

.ymmRN8zx {
    height: 1.5rem;
    margin: 0 .625rem
}

.GPSfOxkF>div {
    max-width: 450px
}

.CJtA8a9j {
    white-space: nowrap
}

.CJtA8a9j:hover {
    color: var(--text-01)
}

.bHLnKRZo {
    font-size: .75rem;
    line-height: 1rem;
    padding: .5rem .5rem 0
}

.hy7Z1sCY>div {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%
}

.hy7Z1sCY * {
    fill: var(--text-01);
    color: var(--text-01)
}

.hy7Z1sCY.YJgtLWC4 {
    cursor: not-allowed
}

.rhF5rGIk {
    color: var(--text-01)
}

.nSFQeulD {
    position: relative
}

.UXVKs0w3 .nSFQeulD ul,
.UXVKs0w3 .nSFQeulD ul:after {
    left: 0 !important
}

.CtiMZf8a {
    text-align: left
}

.WuSkSsbF,
[dir=rtl] .CtiMZf8a {
    text-align: right
}

[dir=rtl] .WuSkSsbF {
    text-align: left
}

.OVEUeS7f>*+* {
    margin-left: 1rem
}

[dir=rtl] .OVEUeS7f>*+* {
    margin-left: unset;
    margin-right: 1rem
}

.JlSmjKO3 {
    padding: 2rem 1.5rem
}

.eScXN67s {
    font-size: 1.25rem
}

.X6ZKDPFV {
    margin-right: 1rem
}

[dir=rtl] .X6ZKDPFV {
    margin-left: 1rem;
    margin-right: unset
}

[dir=rtl] .X6ZKDPFV svg {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.BLa0lLcF a {
    margin-right: 1rem
}

[dir=rtl] .BLa0lLcF a {
    margin-left: 1rem;
    margin-right: unset
}

.od3SqqP1 {
    font-size: .75rem;
    text-transform: uppercase;
    white-space: nowrap
}

.ujRrbpDV {
    text-align: left
}

.IAUzSoe2,
[dir=rtl] .ujRrbpDV {
    text-align: right
}

[dir=rtl] .IAUzSoe2 {
    text-align: left
}

.A5LDi52G>*+* {
    margin-left: 1rem
}

[dir=rtl] .A5LDi52G>*+* {
    margin-left: unset;
    margin-right: 1rem
}

.SsMhCvQd {
    padding: 2rem 0 2.5rem;
    position: relative
}

.SsMhCvQd:after {
    background-color: var(--ui-01);
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 0
}

.pcV2sty_ {
    min-width: 100%;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    position: relative;
    z-index: 1
}

.WS6Yk1o1>* {
    max-width: 37.5rem
}

.kn0TKSZK {
    border-top: 1px solid var(--ui-03);
    margin-top: 2.5rem;
    padding-top: 2.5rem
}

.j6TU58WF {
    margin-bottom: 1rem
}

.VESfq8Ta {
    color: var(--text-02);
    margin-bottom: 1.25rem
}

.VESfq8Ta * {
    font-size: inherit
}

.VESfq8Ta ul {
    line-height: 1.5rem;
    list-style-position: inside;
    list-style-type: disc;
    margin-bottom: .5rem;
    margin-top: .5rem
}

.VESfq8Ta ul li {
    margin-left: .5rem
}

.RtHP546d {
    line-height: 1.5em;
    margin-bottom: 1em
}

.GtTkf2OO+.GtTkf2OO {
    margin-top: 1.5rem
}

.ZpwHvTDL ._mwJzCLR {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.Dwsa7PFQ {
    margin-top: 1rem
}

.aAyzWV8S {
    margin-top: .5rem
}

.aAyzWV8S button {
    margin-top: 1rem
}

.ZpwHvTDL .aAyzWV8S {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.ZpwHvTDL .aAyzWV8S>*+* {
    margin-top: 1rem
}

.Su0kIvaf {
    background-color: var(--ui-02);
    cursor: default;
    padding: 1rem
}

.omCEEN_6 {
    position: relative
}

.QuLjAdpj {
    font-size: .75rem;
    margin-bottom: .5rem;
    text-align: left;
    width: 100%
}

[dir=rtl] .QuLjAdpj {
    text-align: right
}

.P2LytbKU {
    max-width: 37.5rem;
    position: relative
}

.P2LytbKU+.P2LytbKU {
    margin-top: .5rem
}

.P2LytbKU>:first-child,
.QuLjAdpj>:first-child {
    max-width: 5.625rem;
    min-width: 5.625rem;
    width: 5.625rem
}

.P2LytbKU:nth-child(2),
.QuLjAdpj:nth-child(2) {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.BUgOfDk5 {
    left: calc(100% + .5rem);
    position: absolute !important;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

[dir=rtl] .BUgOfDk5 {
    left: unset;
    right: calc(100% + .5rem)
}

.BUgOfDk5 svg:not(#tLEjy60p) * {
    fill: var(--link-01)
}

.qGh4ttEq {
    margin-left: 2rem
}

[dir=rtl] .qGh4ttEq {
    margin-left: unset;
    margin-right: 2rem
}

.eoiZU3hb {
    margin-right: 2rem
}

[dir=rtl] .eoiZU3hb {
    margin-left: 2rem;
    margin-right: unset
}

.OQ5fg3e2 {
    text-align: left
}

.BkC07KFy,
[dir=rtl] .OQ5fg3e2 {
    text-align: right
}

[dir=rtl] .BkC07KFy {
    text-align: left
}

.WjjRTd95>*+* {
    margin-left: 1rem
}

[dir=rtl] .WjjRTd95>*+* {
    margin-left: unset;
    margin-right: 1rem
}

.uLTPLXho {
    color: var(--text-01)
}

.uLTPLXho:after {
    background-color: var(--ui-01);
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: -1
}

.hVhnOdgs {
    background-color: #002a2d;
    min-height: 180px;
    padding: 2rem 2.5rem;
    position: relative;
    z-index: 10
}

.mOA3WkAj {
    background-color: #31dbdb;
    bottom: 0;
    height: 100%;
    max-width: 700px;
    position: absolute;
    right: 0;
    top: 0;
    width: 40%;
    z-index: 11
}

[dir=rtl] .mOA3WkAj {
    left: 0;
    right: unset
}

.mOA3WkAj .M1mbTjIf {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

[dir=rtl] .mOA3WkAj .M1mbTjIf {
    left: unset;
    right: 0;
    -webkit-transform: rotateY(180deg) translateX(-50%);
    transform: rotateY(180deg) translateX(-50%)
}

.mOA3WkAj .sTT8kHMy {
    fill: #a3ecf1;
    height: 75% !important;
    pointer-events: none;
    position: absolute;
    right: 2.5rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: auto !important;
    z-index: 0
}

[dir=rtl] .mOA3WkAj .sTT8kHMy {
    left: 2.5rem;
    right: unset
}

.zINhGcVb .mOA3WkAj {
    opacity: .5
}

.zINhGcVb .mOA3WkAj .sTT8kHMy {
    display: none
}

.K7ROHuhU,
.VZ8f0mTs {
    color: #fff;
    position: relative;
    z-index: 12
}

.VZ8f0mTs {
    line-height: 1.7em;
    margin-top: 2rem;
    text-shadow: 0 0 10px #002a2d, 0 0 10px #002a2d
}

.VP0yiNeE {
    margin-bottom: 1rem
}

.al2G51BS {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    position: relative;
    z-index: 1
}

.zINhGcVb .al2G51BS {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.ibsgBj0X {
    border-bottom: 1px solid var(--ui-03);
    border-left: 0 solid var(--ui-03);
    border-right: 0 solid var(--ui-03);
    border-top: 1px solid var(--ui-03);
    max-width: 100%;
    padding: 2.5rem 0
}

.ibsgBj0X+.ibsgBj0X {
    margin-top: -1px
}

.ibsgBj0X:first-child {
    border-top-width: 0
}

.ibsgBj0X:last-child {
    border-bottom-width: 0;
    padding-bottom: 0
}

.ibsgBj0X>* {
    max-width: 48.125rem
}

.zINhGcVb .ibsgBj0X {
    margin: 0
}

.GRP22HWL {
    margin-top: 2.5rem
}

.zINhGcVb .GRP22HWL {
    margin: 1.25rem 0
}

.zINhGcVb .GrPcEKum {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center
}

.U9HZQM_u {
    margin-bottom: 1rem;
    margin-top: 2.5rem
}

.kS5vdGP4 {
    margin: 1rem auto
}

.zINhGcVb .kS5vdGP4 {
    width: 100%
}

.FeBzSRk8 {
    margin: 1rem 0;
    text-align: left
}

.zuc4lZ8A {
    margin: 1rem
}

.QF6UEYWo {
    background-color: var(--ui-background);
    border-radius: 50%;
    height: 70px;
    margin-right: 1.5rem;
    min-height: 70px;
    min-width: 70px;
    overflow: hidden;
    position: relative;
    width: 70px
}

[dir=rtl] .QF6UEYWo {
    margin-left: 1.5rem;
    margin-right: unset
}

.QF6UEYWo>* {
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    position: absolute;
    width: 100%
}

.WlAEMShD {
    line-height: 1.7em
}

.j0YeKkrY {
    color: var(--text-01);
    font-weight: 700;
    margin-bottom: .5rem
}

.displayShow{
  display: inline-block !important;
}