video {
    padding: 2px;
    width: 100%
}

video:focus {
    outline: var(--track--focus--outline) solid 2px
}

video:-webkit-full-screen+.controls {
    background: #ccc
}

video:-webkit-full-screen+.controls progress {
    margin-top: .5rem
}

.subtitle-menu-container {
    border-left: 1px solid #252f42;
    font-size: clamp(10px, 1em, 18px);
    height: 100%;
    min-width: 200px;
    padding: 1% 0 3%
}

.subtitle-header {
    font-size: 1.1em;
    font-weight: bolder;
    padding-left: 5%;
    text-align: left;
    width: 100%
}

.radio-track {
    align-items: center;
    cursor: pointer;
    display: flex;
    padding: 1% 0
}

.radio-track:hover {
    background: hsla(0, 0%, 100%, .05) !important
}

.radio-track:focus-within {
    border: 1px solid var(--track--focus--outline)
}

.subtitle-check-container {
    display: block;
    width: 30px
}

.subtitle-label-span {
    display: block;
    text-align: left
}

.subtitle-input {
    cursor: pointer;
    display: block;
    opacity: 0;
    width: 30px
}

.audio-menu-container {
    border-right: 1px solid #0f131c;
    font-size: clamp(10px, 1em, 18px);
    min-width: 200px;
    padding: 1% 0 3%
}

.audio-header {
    font-size: 1.1em;
    font-weight: bolder;
    padding-left: 5%;
    text-align: left;
    width: 100%
}

.radio-audio-track {
    align-items: center;
    cursor: pointer;
    display: flex;
    padding: 1% 0
}

.radio-audio-track:hover {
    background: hsla(0, 0%, 100%, .05) !important
}

.radio-audio-track:focus-within {
    border: 1px solid var(--track--focus--outline)
}

.audio-check-container {
    display: block;
    width: 30px
}

.audio-label-span {
    display: block;
    text-align: left
}

.audio-input {
    cursor: pointer;
    display: block;
    opacity: 0;
    width: 30px
}

.settings-menu {
    background-color: #1a1d31;
    bottom: 32.5px;
    color: #fff;
    font-size: calc(var(--video--container--width)/40);
    max-width: clamp(calc(var(--video--container--width) - 25px), 475px, calc(var(--video--container--width) - 25px));
    padding: 2.5px;
    position: absolute;
    right: 0
}

.settings-menu::-webkit-scrollbar-track {
    background-color: #232323;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

.settings-menu::-webkit-scrollbar {
    background-color: #000;
    width: 12px
}

.settings-menu::-webkit-scrollbar-thumb {
    background-color: #444;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

input[type=range] {
    -webkit-appearance: none;
    height: 5px
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    background: #fff;
    border: none;
    border-radius: 50%;
    height: 16px;
    margin-top: -5px;
    width: 16px
}

input[type=range]::-webkit-slider-runnable-track {
    -webkit-appearance: none;
    color: #fff;
    height: 5px
}

input[type=range]::-moz-range-thumb {
    -webkit-appearance: none;
    background: #fff;
    border: none;
    border-radius: 50%;
    height: 16px;
    margin-top: -5px;
    width: 16px
}

.icon {
    fill: #fff;
    cursor: pointer;
    height: 16px;
    transform: scale(1.25);
    width: 16px
}

.controls {
    background: #2a315c;
    border-radius: 5px;
    bottom: 1%;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    right: 1%;
    width: 98%
}

.controls,
.controls-container {
    align-items: center;
    padding-left: .5%;
    padding-right: .5%
}

.controls-container {
    display: flex;
    height: 38px;
    justify-content: space-between;
    width: 100%
}

.control-button {
    background-color: rgba(61, 66, 111, .8);
    border: none;
    border-radius: 2px;
    height: 28px;
    margin: clamp(1px, calc(var(--video--container--width)/200), 3px);
    width: 28px
}

.control-button,
.volume-button-input-container {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: center;
    opacity: 1;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap
}

.volume-button-input-container {
    border: none
}

.control-button:hover {
    background-color: #3d426f;
    outline: none
}

.control-button:focus {
    background-color: #3d426f;
    outline: 1px solid #ff0
}

.settings-container {
    display: flex;
    justify-content: center;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap
}

.play-backward-volume-div {
    display: flex;
    flex-grow: 0;
    flex-shrink: 0
}

.volume-container {
    background: #000;
    bottom: 0;
    display: flex;
    justify-content: center;
    margin-bottom: 62px;
    padding: 10px;
    position: absolute;
    transform: rotate(270deg);
    transition: .1s linear;
    visibility: visible;
    width: 90px
}

.volume-container:focus-within {
    outline: var(--track--focus--outline) solid 1px
}

.volume-contoller {
    cursor: pointer;
    width: 100%
}

.volume-contoller:focus {
    outline: none
}

.video-progress-container {
    align-items: center;
    display: flex;
    flex-grow: 3;
    flex-shrink: 6;
    height: 28px;
    width: 85%
}

.video-progress-container:focus-within {
    outline: var(--track--focus--outline) solid 1px
}

.video-slider-div {
    display: flex;
    flex-grow: 9;
    flex-shrink: 6;
    padding-left: 1%
}

.video-slider {
    -webkit-appearance: none;
    cursor: pointer;
    width: 98%
}

.video-slider:focus {
    outline: none
}

.time-duration-container {
    display: flex;
    flex-grow: 0;
    justify-content: center;
    padding-right: 1%
}

.time-duration-container p {
    color: hsla(0, 0%, 100%, .8);
    font-size: .8em;
    white-space: nowrap
}

.shortcut-settings-fullscreen-container {
    display: flex;
    flex-grow: 0;
    flex-shrink: 0
}

.describe-span {
    display: none
}

:focus-within:not(:focus-within) {
    outline: none
}

.mobile-progress-bar {
    align-items: center;
    display: flex;
    height: 25px;
    width: 100%
}

.mobile-progress-bar:focus-within {
    outline: var(--track--focus--outline) solid 1px
}

.shortcut-menu-container {
    bottom: 0;
    font-size: clamp(10px, calc(var(--video--container--width)/60), 16px);
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1
}

.shortcut-menu-container,
.shortcut-menu-div {
    align-items: center;
    flex-direction: column;
    justify-content: center
}

.shortcut-menu-div {
    background: #000;
    color: #fff;
    display: flex;
    max-height: 70%;
    padding: 2%;
    width: 80%
}

.shortcut-header {
    border-bottom: 1px solid #2a2a2a;
    margin-bottom: 1em;
    padding-bottom: .5em;
    padding-top: .5em;
    text-align: center;
    width: 95%
}

.shortcut-header:focus {
    outline: var(--track--focus--outline) solid 1px
}

.shortcuts-list-container {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%
}

.shortcuts-list-container:focus {
    outline: var(--track--focus--outline) solid 1px
}

.shortcuts-list-container::-webkit-scrollbar-track {
    background-color: #444;
    border: 1px solid #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

.shortcuts-list-container::-webkit-scrollbar {
    background-color: #000;
    width: 12px
}

.shortcuts-list-container::-webkit-scrollbar-thumb {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

.shortcuts-list {
    display: flex;
    flex: 1 1 0%;
    flex-wrap: wrap;
    justify-content: space-evenly;
    padding: 0 1em
}

.list-item-container {
    border-bottom: 1px solid #2a2a2a;
    display: flex;
    justify-content: space-between;
    padding: .2em 0;
    width: 48%
}

.item-one {
    color: #fff
}

.item-two {
    align-items: center;
    background-color: #444;
    border-radius: 7%;
    display: flex;
    font-size: .5em;
    justify-content: center;
    line-height: 1.3;
    margin: 0 5px;
    min-width: 1.25em;
    min-width: 10%;
    padding: 0 .75em;
    text-align: center
}

.close-button-div {
    display: flex;
    justify-content: flex-end;
    margin-top: .5em;
    width: 80%
}

.close-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #000;
    border: .1em solid hsla(0, 0%, 100%, .5);
    border-radius: 1em;
    color: #fff;
    cursor: pointer;
    font-size: 1.25em;
    height: 2em;
    margin: 0 .5em;
    outline: none;
    padding: 0 1.5em;
    position: relative;
    transition: all .1s linear 0s
}

.close-button:focus {
    outline: 1px solid #ff0
}

:focus:not(:focus-visible) {
    outline: none
}

.shortcut-container {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: .1em solid hsla(0, 0%, 100%, .5);
    border-radius: 1em;
    justify-content: center;
    margin: 0 .5em;
    padding: 0 1.5em;
    transition: all .1s linear 0s
}

.checkbox-container,
.shortcut-container {
    align-items: center;
    background-color: #000;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 1.25em;
    height: 2em;
    outline: none;
    position: relative
}

.checkbox-container {
    -webkit-appearance: none;
    -moz-appearance: none;
    justify-content: flex-end;
    margin: 1em .5em 0 0;
    width: 100%
}

.checkbox-container prism-text {
    color: #fff !important;
    font-size: clamp(10px, calc(var(--video--container--width)/60), 16px) !important
}

.checkbox-container prism-switch label {
    align-items: center !important
}

.play-button {
    background-position: 50%;
    background-size: 44px 52px;
    background: rgba(42, 49, 92, .8);
    border-radius: 3px;
    height: clamp(40px, calc(var(--video--container--width)/20), 66px);
    inset: 0;
    margin: auto;
    position: absolute;
    width: clamp(40px, calc(var(--video--container--width)/20), 66px)
}

.play-button:hover {
    background: #2a315c;
    transform: scale(1.2)
}

.play-button:focus {
    outline: 1px solid #ff0
}

.play-icon {
    fill: #fff;
    height: clamp(25px, calc(var(--video--container--width)/20), 36px) !important;
    inset: 0;
    margin: auto;
    width: clamp(25px, calc(var(--video--container--width)/20), 36px) !important
}

.volume-button {
    background-position: 50%;
    background-size: 44px 52px;
    background: #696969;
    border-radius: 50%;
    height: clamp(35px, calc(var(--video--container--width)/20), 54px);
    inset: 0;
    margin: auto;
    position: absolute;
    width: clamp(35px, calc(var(--video--container--width)/20), 54px)
}

.volume-icon {
    fill: #fff;
    height: clamp(19px, calc(var(--video--container--width)/20), 28px) !important;
    inset: 0;
    margin: auto;
    width: clamp(19px, calc(var(--video--container--width)/20), 28px) !important
}

html:-ms-fullscreen {
    width: 100%
}

:-webkit-full-screen {
    background-color: initial
}

.video-player-container {
    display: flex;
    position: relative;
    width: 100%
}

.qw-text-description {
    --text-headline1-leading: var(--text-headline1-line-height);
    --text-headline1-family: var(--text-family-brand);
    font-family: var(--text-headline1-family);
    font-size: var(--text-headline1-size);
    font-weight: var(--text-headline1-weight);
    letter-spacing: var(--text-headline1-letter-spacing);
    line-height: var(--text-headline1-leading);
    text-transform: var(--text-headline1-text-transform)
}

.xjs-shared-marketing-card h2.qw-text-description {
    color: inherit
}

.speed-tiles .price-lockup-tile>.qw-text-description {
    line-height: 1
}

@media (min-width:768px) {
    .qw-text-description {
        --text-display1-leading: var(--text-display1-line-height);
        --text-display1-family: var(--text-family-brand);
        font-family: var(--text-display1-family);
        font-size: var(--text-display1-size);
        font-weight: var(--text-display1-weight);
        letter-spacing: var(--text-display1-letter-spacing);
        line-height: var(--text-display1-leading);
        text-transform: var(--text-display1-text-transform)
    }
    .xjs-shared-dynamic-container--inner .qw-text-description {
        color: var(--palette-grey-90, #141417)
    }
}

.theme-pad-16t {
    padding-top: 16px
}

.theme-pad-16b {
    padding-bottom: 16px
}

.theme-pad-24t {
    padding-top: 24px
}

.theme-pad-24b {
    padding-bottom: 24px
}

.theme-pad-40t {
    padding-top: 40px
}

.theme-pad-40b {
    padding-bottom: 40px
}

.theme-pad-80t {
    padding-top: 80px
}

.theme-pad-80b {
    padding-bottom: 80px
}

.theme-pad-104t {
    padding-top: 104px
}

.theme-pad-104b {
    padding-bottom: 104px
}

@media (min-width:768px) {
    .md\:theme-pad-32t {
        padding-top: 32px
    }
    .md\:theme-pad-32b {
        padding-bottom: 32px
    }
    .md\:theme-pad-48t {
        padding-top: 48px
    }
    .md\:theme-pad-48b {
        padding-bottom: 48px
    }
    .md\:theme-pad-96t {
        padding-top: 96px
    }
    .md\:theme-pad-96b {
        padding-bottom: 96px
    }
    .md\:theme-pad-144t {
        padding-top: 144px
    }
    .md\:theme-pad-144b {
        padding-bottom: 144px
    }
}

@media (min-width:1024px) {
    .lg\:theme-pad-24t {
        padding-top: 24px
    }
    .lg\:theme-pad-24b {
        padding-bottom: 24px
    }
    .lg\:theme-pad-40t {
        padding-top: 40px
    }
    .lg\:theme-pad-40b {
        padding-bottom: 40px
    }
    .lg\:theme-pad-56t {
        padding-top: 56px
    }
    .lg\:theme-pad-56b {
        padding-bottom: 56px
    }
    .lg\:theme-pad-64t {
        padding-top: 64px
    }
    .lg\:theme-pad-64b {
        padding-bottom: 64px
    }
    .lg\:theme-pad-112t {
        padding-top: 112px
    }
    .lg\:theme-pad-112b {
        padding-bottom: 112px
    }
    .lg\:theme-pad-200t {
        padding-top: 200px
    }
    .lg\:theme-pad-200b {
        padding-bottom: 200px
    }
}

@media (min-width:1280px) {
    .xl\:theme-pad-24t {
        padding-top: 24px
    }
    .xl\:theme-pad-24b {
        padding-bottom: 24px
    }
    .xl\:theme-pad-40t {
        padding-top: 40px
    }
    .xl\:theme-pad-40b {
        padding-bottom: 40px
    }
    .xl\:theme-pad-80t {
        padding-top: 80px
    }
    .xl\:theme-pad-80b {
        padding-bottom: 80px
    }
    .xl\:theme-pad-128t {
        padding-top: 128px
    }
    .xl\:theme-pad-128b {
        padding-bottom: 128px
    }
    .xl\:theme-pad-256t {
        padding-top: 256px
    }
    .xl\:theme-pad-256b {
        padding-bottom: 256px
    }
}

:root {
    --patch-black: var(--palette-black, #000);
    --patch-blue-05: var(--palette-blue-05, #d9e1f2);
    --patch-blue-10: var(--palette-blue-10, #8baff9);
    --patch-blue-20: var(--palette-blue-20, #4784ff);
    --patch-blue-30: var(--palette-blue-30, #3376ff);
    --patch-blue-40: var(--palette-blue-40, #2970ff);
    --patch-blue-50: var(--palette-blue-50, #1f69ff);
    --patch-blue-60: var(--palette-blue-60, #0051d0);
    --patch-blue-70: var(--palette-blue-70, #0040a3);
    --patch-blue-80: var(--palette-blue-80, #003485);
    --patch-blue-90: var(--palette-blue-90, #131e34);
    --patch-green-05: var(--palette-green-05, #d9f2ea);
    --patch-green-10: var(--palette-green-10, #78e3bf);
    --patch-green-20: var(--palette-green-20, #0ac284);
    --patch-green-30: var(--palette-green-30, #009965);
    --patch-green-40: var(--palette-green-40, #008f5e);
    --patch-green-50: var(--palette-green-50, #008558);
    --patch-green-60: var(--palette-green-60, #006851);
    --patch-green-70: var(--palette-green-70, #005240);
    --patch-green-80: var(--palette-green-80, #003328);
    --patch-green-90: var(--palette-green-90, #0e2a21);
    --patch-grey-05: var(--palette-grey-05, #f6f6f9);
    --patch-grey-10: var(--palette-grey-10, #ececf2);
    --patch-grey-20: var(--palette-grey-20, #ceceda);
    --patch-grey-30: var(--palette-grey-30, #b1b1bd);
    --patch-grey-40: var(--palette-grey-40, #8b8b97);
    --patch-grey-50: var(--palette-grey-50, #62626c);
    --patch-grey-60: var(--palette-grey-60, #484851);
    --patch-grey-70: var(--palette-grey-70, #35353b);
    --patch-grey-80: var(--palette-grey-80, #232328);
    --patch-grey-90: var(--palette-grey-90, #141417);
    --patch-orange-05: var(--palette-orange-05, #f2e1d9);
    --patch-orange-10: var(--palette-orange-10, #ffb68f);
    --patch-orange-20: var(--palette-orange-20, #ff8d52);
    --patch-orange-30: var(--palette-orange-30, #ff6f24);
    --patch-orange-40: var(--palette-orange-40, #f95600);
    --patch-orange-50: var(--palette-orange-50, #e64f00);
    --patch-orange-60: var(--palette-orange-60, #b33d00);
    --patch-orange-70: var(--palette-orange-70, #a33800);
    --patch-orange-80: var(--palette-orange-80, #8f3100);
    --patch-orange-90: var(--palette-orange-90, #392014);
    --patch-purple-05: var(--palette-purple-05, #f1ecf8);
    --patch-purple-10: var(--palette-purple-10, #ded3f1);
    --patch-purple-20: var(--palette-purple-20, #bda7e3);
    --patch-purple-30: var(--palette-purple-30, #9c7bd5);
    --patch-purple-40: var(--palette-purple-40, #916cd0);
    --patch-purple-50: var(--palette-purple-50, #5a23b9);
    --patch-purple-60: var(--palette-purple-60, #481c94);
    --patch-purple-70: var(--palette-purple-70, #36156f);
    --patch-purple-80: var(--palette-purple-80, #291155);
    --patch-purple-90: var(--palette-purple-90, #270e48);
    --patch-red-05: var(--palette-red-05, #f2d9e1);
    --patch-red-10: var(--palette-red-10, #ff99ba);
    --patch-red-20: var(--palette-red-20, #ff6194);
    --patch-red-30: var(--palette-red-30, #ff3878);
    --patch-red-40: var(--palette-red-40, #f0004d);
    --patch-red-50: var(--palette-red-50, #e6004a);
    --patch-red-60: var(--palette-red-60, #b7023c);
    --patch-red-70: var(--palette-red-70, #8f002f);
    --patch-red-80: var(--palette-red-80, #660021);
    --patch-red-90: var(--palette-red-90, #31111b);
    --patch-white: var(--palette-white, #fff);
    --patch-yellow-05: var(--palette-yellow-05, #f2ead9);
    --patch-yellow-10: var(--palette-yellow-10, #ffd88a);
    --patch-yellow-20: var(--palette-yellow-20, #ffc95c);
    --patch-yellow-30: var(--palette-yellow-30, #ffb829);
    --patch-yellow-40: var(--palette-yellow-40, #fa0);
    --patch-yellow-50: var(--palette-yellow-50, #b87700);
    --patch-yellow-60: var(--palette-yellow-60, #8f5d00);
    --patch-yellow-70: var(--palette-yellow-70, #7a5000);
    --patch-yellow-80: var(--palette-yellow-80, #664200);
    --patch-yellow-90: var(--palette-yellow-90, #352913)
}

.patch-bg-black,
[theme].patch-bg-black {
    background-color: var(--patch-black)
}

.patch-bg-blue-05,
[theme].patch-bg-blue-05 {
    background-color: var(--patch-blue-05)
}

.patch-bg-blue-10,
[theme].patch-bg-blue-10 {
    background-color: var(--patch-blue-10)
}

.patch-bg-blue-20,
[theme].patch-bg-blue-20 {
    background-color: var(--patch-blue-20)
}

.patch-bg-blue-30,
[theme].patch-bg-blue-30 {
    background-color: var(--patch-blue-30)
}

.patch-bg-blue-40,
[theme].patch-bg-blue-40 {
    background-color: var(--patch-blue-40)
}

.patch-bg-blue-50,
[theme].patch-bg-blue-50 {
    background-color: var(--patch-blue-50)
}

.patch-bg-blue-60,
[theme].patch-bg-blue-60 {
    background-color: var(--patch-blue-60)
}

.patch-bg-blue-70,
[theme].patch-bg-blue-70 {
    background-color: var(--patch-blue-70)
}

.patch-bg-blue-80,
[theme].patch-bg-blue-80 {
    background-color: var(--patch-blue-80)
}

.patch-bg-blue-90,
[theme].patch-bg-blue-90 {
    background-color: var(--patch-blue-90)
}

.patch-bg-green-05,
[theme].patch-bg-green-05 {
    background-color: var(--patch-green-05)
}

.patch-bg-green-10,
[theme].patch-bg-green-10 {
    background-color: var(--patch-green-10)
}

.patch-bg-green-20,
[theme].patch-bg-green-20 {
    background-color: var(--patch-green-20)
}

.patch-bg-green-30,
[theme].patch-bg-green-30 {
    background-color: var(--patch-green-30)
}

.patch-bg-green-40,
[theme].patch-bg-green-40 {
    background-color: var(--patch-green-40)
}

.patch-bg-green-50,
[theme].patch-bg-green-50 {
    background-color: var(--patch-green-50)
}

.patch-bg-green-60,
[theme].patch-bg-green-60 {
    background-color: var(--patch-green-60)
}

.patch-bg-green-70,
[theme].patch-bg-green-70 {
    background-color: var(--patch-green-70)
}

.patch-bg-green-80,
[theme].patch-bg-green-80 {
    background-color: var(--patch-green-80)
}

.patch-bg-green-90,
[theme].patch-bg-green-90 {
    background-color: var(--patch-green-90)
}

.patch-bg-grey-05,
[theme].patch-bg-grey-05 {
    background-color: var(--patch-grey-05)
}

.patch-bg-grey-10,
[theme].patch-bg-grey-10 {
    background-color: var(--patch-grey-10)
}

.patch-bg-grey-20,
[theme].patch-bg-grey-20 {
    background-color: var(--patch-grey-20)
}

.patch-bg-grey-30,
[theme].patch-bg-grey-30 {
    background-color: var(--patch-grey-30)
}

.patch-bg-grey-40,
[theme].patch-bg-grey-40 {
    background-color: var(--patch-grey-40)
}

.patch-bg-grey-50,
[theme].patch-bg-grey-50 {
    background-color: var(--patch-grey-50)
}

.patch-bg-grey-60,
[theme].patch-bg-grey-60 {
    background-color: var(--patch-grey-60)
}

.patch-bg-grey-70,
[theme].patch-bg-grey-70 {
    background-color: var(--patch-grey-70)
}

.patch-bg-grey-80,
[theme].patch-bg-grey-80 {
    background-color: var(--patch-grey-80)
}

.patch-bg-grey-90,
[theme].patch-bg-grey-90 {
    background-color: var(--patch-grey-90)
}

.patch-bg-orange-05,
[theme].patch-bg-orange-05 {
    background-color: var(--patch-orange-05)
}

.patch-bg-orange-10,
[theme].patch-bg-orange-10 {
    background-color: var(--patch-orange-10)
}

.patch-bg-orange-20,
[theme].patch-bg-orange-20 {
    background-color: var(--patch-orange-20)
}

.patch-bg-orange-30,
[theme].patch-bg-orange-30 {
    background-color: var(--patch-orange-30)
}

.patch-bg-orange-40,
[theme].patch-bg-orange-40 {
    background-color: var(--patch-orange-40)
}

.patch-bg-orange-50,
[theme].patch-bg-orange-50 {
    background-color: var(--patch-orange-50)
}

.patch-bg-orange-60,
[theme].patch-bg-orange-60 {
    background-color: var(--patch-orange-60)
}

.patch-bg-orange-70,
[theme].patch-bg-orange-70 {
    background-color: var(--patch-orange-70)
}

.patch-bg-orange-80,
[theme].patch-bg-orange-80 {
    background-color: var(--patch-orange-80)
}

.patch-bg-orange-90,
[theme].patch-bg-orange-90 {
    background-color: var(--patch-orange-90)
}

.patch-bg-purple-05,
[theme].patch-bg-purple-05 {
    background-color: var(--patch-purple-05)
}

.patch-bg-purple-10,
[theme].patch-bg-purple-10 {
    background-color: var(--patch-purple-10)
}

.patch-bg-purple-20,
[theme].patch-bg-purple-20 {
    background-color: var(--patch-purple-20)
}

.patch-bg-purple-30,
[theme].patch-bg-purple-30 {
    background-color: var(--patch-purple-30)
}

.patch-bg-purple-40,
[theme].patch-bg-purple-40 {
    background-color: var(--patch-purple-40)
}

.patch-bg-purple-50,
[theme].patch-bg-purple-50 {
    background-color: var(--patch-purple-50)
}

.patch-bg-purple-60,
[theme].patch-bg-purple-60 {
    background-color: var(--patch-purple-60)
}

.patch-bg-purple-70,
[theme].patch-bg-purple-70 {
    background-color: var(--patch-purple-70)
}

.patch-bg-purple-80,
[theme].patch-bg-purple-80 {
    background-color: var(--patch-purple-80)
}

.patch-bg-purple-90,
[theme].patch-bg-purple-90 {
    background-color: var(--patch-purple-90)
}

.patch-bg-red-05,
[theme].patch-bg-red-05 {
    background-color: var(--patch-red-05)
}

.patch-bg-red-10,
[theme].patch-bg-red-10 {
    background-color: var(--patch-red-10)
}

.patch-bg-red-20,
[theme].patch-bg-red-20 {
    background-color: var(--patch-red-20)
}

.patch-bg-red-30,
[theme].patch-bg-red-30 {
    background-color: var(--patch-red-30)
}

.patch-bg-red-40,
[theme].patch-bg-red-40 {
    background-color: var(--patch-red-40)
}

.patch-bg-red-50,
[theme].patch-bg-red-50 {
    background-color: var(--patch-red-50)
}

.patch-bg-red-60,
[theme].patch-bg-red-60 {
    background-color: var(--patch-red-60)
}

.patch-bg-red-70,
[theme].patch-bg-red-70 {
    background-color: var(--patch-red-70)
}

.patch-bg-red-80,
[theme].patch-bg-red-80 {
    background-color: var(--patch-red-80)
}

.patch-bg-red-90,
[theme].patch-bg-red-90 {
    background-color: var(--patch-red-90)
}

.patch-bg-white,
[theme].patch-bg-white {
    background-color: var(--patch-white)
}

.patch-bg-yellow-05,
[theme].patch-bg-yellow-05 {
    background-color: var(--patch-yellow-05)
}

.patch-bg-yellow-10,
[theme].patch-bg-yellow-10 {
    background-color: var(--patch-yellow-10)
}

.patch-bg-yellow-20,
[theme].patch-bg-yellow-20 {
    background-color: var(--patch-yellow-20)
}

.patch-bg-yellow-30,
[theme].patch-bg-yellow-30 {
    background-color: var(--patch-yellow-30)
}

.patch-bg-yellow-40,
[theme].patch-bg-yellow-40 {
    background-color: var(--patch-yellow-40)
}

.patch-bg-yellow-50,
[theme].patch-bg-yellow-50 {
    background-color: var(--patch-yellow-50)
}

.patch-bg-yellow-60,
[theme].patch-bg-yellow-60 {
    background-color: var(--patch-yellow-60)
}

.patch-bg-yellow-70,
[theme].patch-bg-yellow-70 {
    background-color: var(--patch-yellow-70)
}

.patch-bg-yellow-80,
[theme].patch-bg-yellow-80 {
    background-color: var(--patch-yellow-80)
}

.patch-bg-yellow-90,
[theme].patch-bg-yellow-90 {
    background-color: var(--patch-yellow-90)
}

.patch-bg-transparent,
[theme].patch-bg-transparent {
    background-color: initial
}

.patch-text-black,
[theme].patch-text-black {
    color: var(--patch-black)
}

.patch-text-blue-05,
[theme].patch-text-blue-05 {
    color: var(--patch-blue-05)
}

.patch-text-blue-10,
[theme].patch-text-blue-10 {
    color: var(--patch-blue-10)
}

.patch-text-blue-20,
[theme].patch-text-blue-20 {
    color: var(--patch-blue-20)
}

.patch-text-blue-30,
[theme].patch-text-blue-30 {
    color: var(--patch-blue-30)
}

.patch-text-blue-40,
[theme].patch-text-blue-40 {
    color: var(--patch-blue-40)
}

.patch-text-blue-50,
[theme].patch-text-blue-50 {
    color: var(--patch-blue-50)
}

.patch-text-blue-60,
[theme].patch-text-blue-60 {
    color: var(--patch-blue-60)
}

.patch-text-blue-70,
[theme].patch-text-blue-70 {
    color: var(--patch-blue-70)
}

.patch-text-blue-80,
[theme].patch-text-blue-80 {
    color: var(--patch-blue-80)
}

.patch-text-blue-90,
[theme].patch-text-blue-90 {
    color: var(--patch-blue-90)
}

.patch-text-green-05,
[theme].patch-text-green-05 {
    color: var(--patch-green-05)
}

.patch-text-green-10,
[theme].patch-text-green-10 {
    color: var(--patch-green-10)
}

.patch-text-green-20,
[theme].patch-text-green-20 {
    color: var(--patch-green-20)
}

.patch-text-green-30,
[theme].patch-text-green-30 {
    color: var(--patch-green-30)
}

.patch-text-green-40,
[theme].patch-text-green-40 {
    color: var(--patch-green-40)
}

.patch-text-green-50,
[theme].patch-text-green-50 {
    color: var(--patch-green-50)
}

.patch-text-green-60,
[theme].patch-text-green-60 {
    color: var(--patch-green-60)
}

.patch-text-green-70,
[theme].patch-text-green-70 {
    color: var(--patch-green-70)
}

.patch-text-green-80,
[theme].patch-text-green-80 {
    color: var(--patch-green-80)
}

.patch-text-green-90,
[theme].patch-text-green-90 {
    color: var(--patch-green-90)
}

.patch-text-grey-05,
[theme].patch-text-grey-05 {
    color: var(--patch-grey-05)
}

.patch-text-grey-10,
[theme].patch-text-grey-10 {
    color: var(--patch-grey-10)
}

.patch-text-grey-20,
[theme].patch-text-grey-20 {
    color: var(--patch-grey-20)
}

.patch-text-grey-30,
[theme].patch-text-grey-30 {
    color: var(--patch-grey-30)
}

.patch-text-grey-40,
[theme].patch-text-grey-40 {
    color: var(--patch-grey-40)
}

.patch-text-grey-50,
[theme].patch-text-grey-50 {
    color: var(--patch-grey-50)
}

.patch-text-grey-60,
[theme].patch-text-grey-60 {
    color: var(--patch-grey-60)
}

.patch-text-grey-70,
[theme].patch-text-grey-70 {
    color: var(--patch-grey-70)
}

.patch-text-grey-80,
[theme].patch-text-grey-80 {
    color: var(--patch-grey-80)
}

.patch-text-grey-90,
[theme].patch-text-grey-90 {
    color: var(--patch-grey-90)
}

.patch-text-orange-05,
[theme].patch-text-orange-05 {
    color: var(--patch-orange-05)
}

.patch-text-orange-10,
[theme].patch-text-orange-10 {
    color: var(--patch-orange-10)
}

.patch-text-orange-20,
[theme].patch-text-orange-20 {
    color: var(--patch-orange-20)
}

.patch-text-orange-30,
[theme].patch-text-orange-30 {
    color: var(--patch-orange-30)
}

.patch-text-orange-40,
[theme].patch-text-orange-40 {
    color: var(--patch-orange-40)
}

.patch-text-orange-50,
[theme].patch-text-orange-50 {
    color: var(--patch-orange-50)
}

.patch-text-orange-60,
[theme].patch-text-orange-60 {
    color: var(--patch-orange-60)
}

.patch-text-orange-70,
[theme].patch-text-orange-70 {
    color: var(--patch-orange-70)
}

.patch-text-orange-80,
[theme].patch-text-orange-80 {
    color: var(--patch-orange-80)
}

.patch-text-orange-90,
[theme].patch-text-orange-90 {
    color: var(--patch-orange-90)
}

.patch-text-purple-05,
[theme].patch-text-purple-05 {
    color: var(--patch-purple-05)
}

.patch-text-purple-10,
[theme].patch-text-purple-10 {
    color: var(--patch-purple-10)
}

.patch-text-purple-20,
[theme].patch-text-purple-20 {
    color: var(--patch-purple-20)
}

.patch-text-purple-30,
[theme].patch-text-purple-30 {
    color: var(--patch-purple-30)
}

.patch-text-purple-40,
[theme].patch-text-purple-40 {
    color: var(--patch-purple-40)
}

.patch-text-purple-50,
[theme].patch-text-purple-50 {
    color: var(--patch-purple-50)
}

.patch-text-purple-60,
[theme].patch-text-purple-60 {
    color: var(--patch-purple-60)
}

.patch-text-purple-70,
[theme].patch-text-purple-70 {
    color: var(--patch-purple-70)
}

.patch-text-purple-80,
[theme].patch-text-purple-80 {
    color: var(--patch-purple-80)
}

.patch-text-purple-90,
[theme].patch-text-purple-90 {
    color: var(--patch-purple-90)
}

.patch-text-red-05,
[theme].patch-text-red-05 {
    color: var(--patch-red-05)
}

.patch-text-red-10,
[theme].patch-text-red-10 {
    color: var(--patch-red-10)
}

.patch-text-red-20,
[theme].patch-text-red-20 {
    color: var(--patch-red-20)
}

.patch-text-red-30,
[theme].patch-text-red-30 {
    color: var(--patch-red-30)
}

.patch-text-red-40,
[theme].patch-text-red-40 {
    color: var(--patch-red-40)
}

.patch-text-red-50,
[theme].patch-text-red-50 {
    color: var(--patch-red-50)
}

.patch-text-red-60,
[theme].patch-text-red-60 {
    color: var(--patch-red-60)
}

.patch-text-red-70,
[theme].patch-text-red-70 {
    color: var(--patch-red-70)
}

.patch-text-red-80,
[theme].patch-text-red-80 {
    color: var(--patch-red-80)
}

.patch-text-red-90,
[theme].patch-text-red-90 {
    color: var(--patch-red-90)
}

.patch-text-white,
[theme].patch-text-white {
    color: var(--patch-white)
}

.patch-text-yellow-05,
[theme].patch-text-yellow-05 {
    color: var(--patch-yellow-05)
}

.patch-text-yellow-10,
[theme].patch-text-yellow-10 {
    color: var(--patch-yellow-10)
}

.patch-text-yellow-20,
[theme].patch-text-yellow-20 {
    color: var(--patch-yellow-20)
}

.patch-text-yellow-30,
[theme].patch-text-yellow-30 {
    color: var(--patch-yellow-30)
}

.patch-text-yellow-40,
[theme].patch-text-yellow-40 {
    color: var(--patch-yellow-40)
}

.patch-text-yellow-50,
[theme].patch-text-yellow-50 {
    color: var(--patch-yellow-50)
}

.patch-text-yellow-60,
[theme].patch-text-yellow-60 {
    color: var(--patch-yellow-60)
}

.patch-text-yellow-70,
[theme].patch-text-yellow-70 {
    color: var(--patch-yellow-70)
}

.patch-text-yellow-80,
[theme].patch-text-yellow-80 {
    color: var(--patch-yellow-80)
}

.patch-text-yellow-90,
[theme].patch-text-yellow-90 {
    color: var(--patch-yellow-90)
}

.patch-text-headline3 {
    --text-headline2-leading: var(--text-headline2-line-height);
    --text-headline2-family: var(--text-family-brand);
    font-family: var(--text-headline2-family);
    font-size: var(--text-headline2-size);
    font-size: 1.5rem;
    font-weight: var(--text-headline2-weight);
    letter-spacing: var(--text-headline2-letter-spacing);
    line-height: var(--text-headline2-leading);
    line-height: 2rem;
    text-transform: var(--text-headline2-text-transform)
}

.dynamic-tiles-align {
    padding-left: 1rem;
    padding-right: 1rem
}

.dynamic-tiles-align>div.ImageIconGrid-Container:not(:first-child):not(:last-child) {
    margin-bottom: 1.5rem;
    margin-top: 1.5rem
}

@media (min-width:1024px) {
    .dynamic-tiles-align {
        display: flex
    }
    .speed-tiles .details-card>.dynamic-tiles-align.flex-col {
        flex: 2
    }
    .dynamic-tiles-align {
        margin-left: auto;
        margin-right: auto;
        max-width: 1392px
    }
    .dynamic-tiles-align>div.ImageIconGrid-Container {
        flex: 1 1 0%
    }
    .dynamic-tiles-align>div.ImageIconGrid-Container:first-child {
        margin-right: .5rem
    }
    .dynamic-tiles-align>div.ImageIconGrid-Container:last-child {
        margin-bottom: 0;
        margin-left: .5rem;
        margin-top: 0
    }
    .dynamic-tiles-align>div.ImageIconGrid-Container:not(:first-child):not(:last-child) {
        margin: 0 .5rem
    }
}

@tailwind utilities @responsive {
    .Xjs2UpContainer .two-up-max-width-800 {
        max-width: 800px
    }
}

@media only screen and (max-width:767px) {
    .Xjs2UpContainer .horizontalScroll.grid {
        -ms-overflow-style: none;
        display: flex;
        flex-wrap: nowrap;
        margin-left: 0;
        margin-right: 0;
        overflow-x: auto;
        padding-left: 24px;
        padding-right: 24px;
        scrollbar-width: none
    }
    .Xjs2UpContainer .horizontalScroll.grid::-webkit-scrollbar {
        display: none
    }
    .Xjs2UpContainer .horizontalScroll.grid>div {
        flex: 0 0 auto;
        max-width: -moz-fit-content;
        max-width: fit-content
    }
}

@tailwind utilities @responsive {
    .Xjs3UpContainer .three-up-max-width-1200 {
        max-width: 1200px
    }
}

@media only screen and (max-width:767px) {
    .Xjs3UpContainer .horizontalScroll.grid {
        -ms-overflow-style: none;
        display: flex;
        flex-wrap: nowrap;
        margin-left: 0;
        margin-right: 0;
        overflow-x: auto;
        padding-left: 24px;
        padding-right: 24px;
        scrollbar-width: none
    }
    .Xjs3UpContainer .horizontalScroll.grid::-webkit-scrollbar {
        display: none
    }
    .Xjs3UpContainer .horizontalScroll.grid>div {
        flex: 0 0 auto;
        max-width: -moz-fit-content;
        max-width: fit-content
    }
}

.four-up-max-width-1900 {
    max-width: 1900px
}

.card-border-shell {
    border-color: var(--palette-grey-20, #ceceda)
}

.dss-container .shadow-2 {
    box-shadow: 0 8px 8px -8px rgba(0, 0, 0, .3)
}

.dss-container .shadow-4 {
    box-shadow: 0 12px 12px -12px rgba(0, 0, 0, .7)
}

.dss-container .shadow-6 {
    box-shadow: 0 16px 16px -14px rgba(0, 0, 0, .7)
}

.dss-container .shadow-8 {
    box-shadow: 0 18px 18px -16px rgba(0, 0, 0, .7)
}

.dss-container .shadow-10 {
    box-shadow: 0 20px 20px -16px rgba(0, 0, 0, .6)
}

.dss-container .shadow-12 {
    box-shadow: 0 22px 22px -16px rgba(0, 0, 0, .5)
}

.dss-container .shadow-14 {
    box-shadow: 0 26px 26px -16px rgba(0, 0, 0, .4)
}

.dss-container .shadow-16 {
    box-shadow: 0 28px 28px -16px rgba(0, 0, 0, .3)
}

.xjs-accordian-container {
    background-color: var(--palette-white, #fff);
    font-size: 14px
}

.xjs-accordian-container>button {
    border: 1px solid var(--palette-grey-10, #ececf2)
}

.xjs-accordian-container>button:hover {
    border: 1px solid var(--palette-grey-20, #ceceda)
}

.xjs-accordian-container>button:focus {
    border: 1.5px solid var(--palette-purple-50, #5a23b9);
    outline: none
}

.xjs-accordian-container-border {
    border-bottom: 1px solid var(--palette-grey-20, #ceceda);
    border-bottom-left-radius: unset !important;
    border-bottom-right-radius: unset !important
}

.xjs-accordian-container-body {
    border: 1px solid var(--palette-grey-10, #ececf2);
    border-top: unset !important;
    border-top-left-radius: unset !important;
    border-top-right-radius: unset !important
}

.transition-duration-1000 {
    transition-duration: 1s !important
}

.accordian-max-width-830 {
    max-width: 830px
}

.xjs-shared-article h1,
.xjs-shared-article h2,
.xjs-shared-article h3,
.xjs-shared-article h4,
.xjs-shared-article h5,
.xjs-shared-article h6 {
    line-height: unset
}

.xjs-shared-article ol,
.xjs-shared-article ul {
    margin: 0 0 0 1.5rem;
    padding: 0 0 1rem
}

.xjs-shared-article ul {
    list-style-type: disc
}

.xjs-shared-article ol {
    list-style-type: decimal
}

.xjs-shared-article li {
    margin-bottom: 1rem;
    padding-left: 1rem
}

.xjs-shared-article ol li:last-of-type,
.xjs-shared-article ol:last-of-type,
.xjs-shared-article ul li:last-of-type,
.xjs-shared-article ul:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0
}

.xjs-shared-article a,
.xjs-shared-article a:hover,
.xjs-shared-article a:visited {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-theme1-base)/var(--tw-text-opacity));
    text-decoration-line: underline
}

.xjs-shared-article img {
    border-radius: var(--border-radius-medium, 8px);
    height: auto;
    margin-bottom: 2rem;
    margin-top: 2rem;
    width: 100%
}

@media (min-width:1024px) {
    .xjs-shared-article img {
        margin-bottom: 3rem;
        margin-top: 3rem
    }
}

@media (min-width:1280px) {
    .xjs-shared-article img {
        margin-bottom: 4rem;
        margin-top: 4rem
    }
}

.max-w-831 {
    max-width: 831px
}

.xjs-back-button a,
.xjs-back-button a:hover,
.xjs-back-button a:visited {
    color: #000;
    text-decoration: none
}

.ImageIconGrid-Container .outline-border {
    border: 2px solid rgba(0, 0, 0, .1);
    border-radius: var(--border-radius-medium, 8px)
}

.ImageIconGrid-Container.theme-xds-light .outline-border {
    border-color: rgba(0, 0, 0, .1)
}

.ImageIconGrid-Container.theme-xds-dark .outline-border {
    border-color: hsla(0, 0%, 100%, .1)
}

.ImageIconGrid__modallink-wrap>a[data-component]:before {
    background: transparent;
    content: "";
    display: inline-block;
    height: 24px;
    position: absolute;
    width: 24px
}

.ImageIconGrid-Container .xjs-icon-stack__bullet {
    border: none !important
}

.ImageIconGrid__modallink-wrap>a svg {
    fill: var(--palette-grey-40, #8b8b97);
    transition: .4s
}

.ImageIconGrid__modallink-wrap>a:hover>svg {
    fill: var(--palette-grey-90, #141417)
}

.ImageIconGrid-Container .xds-image_eyebrow__outer-eyebrow {
    min-height: 32px
}

.ImageIconGrid-Container .xds-image_eyebrow__main {
    background-color: #6138f5;
    max-width: unset;
    min-height: 32px;
    width: 100%
}

.ImageIconGrid-Container .xds-image_eyebrow__main .xds-image-eyebrow {
    font-weight: 500;
    letter-spacing: 0;
    line-height: 20px;
    min-height: 32px
}

.background-responsive-image-card {
    height: calc(100% - 32px)
}

.image-icon-grid-logo {
    max-height: 88px
}

.body-grid-content-image {
    height: 24px;
    width: 24px
}

.max-w-408 {
    max-width: 408px
}

.max-w-300 {
    max-width: 300px
}

.max-w-400 {
    max-width: 400px
}

.max-w-500 {
    max-width: 500px
}

.max-w-700 {
    max-width: 700px
}

.max-w-1000 {
    max-width: 1000px
}

.max-w-1568 {
    max-width: 1568px
}

.swiper-android .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-pointer-events {
    touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
    touch-action: pan-x
}

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper:before {
    height: var(--swiper-centered-offset-after);
    min-width: 1px;
    width: 100%
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-button-next,
.swiper-button-prev {
    top: 50%
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: 10px
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: 10px
}

.xjs-carousel-iig {
    --xjs-carousel-iig-max-width: 1920px;
    --xjs-carousel-iig-slide-gutter: 25px;
    --xjs-carousel-iig-x-buffer: 12.5%;
    --xjs-carousel-iig-gradient-width: 30%;
    --xjs-carousel-iig-gradient-color: #fff;
    --xjs-carousel-iig-padding-top: 0px;
    --xjs-carousel-iig-padding-bottom: 0px;
    --xjs-carousel-iig-nav-button-diameter: 40px;
    max-width: calc(var(--xjs-carousel-iig-max-width) - var(--xjs-carousel-iig-slide-gutter));
    overflow: hidden;
    padding-bottom: var(--xjs-carousel-iig-padding-bottom);
    padding-top: var(--xjs-carousel-iig-padding-top);
    position: relative
}

.xjs-carousel-iig .xjs-carousel-iig__button {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    --shadow-color: var(--fill-theme1-base-shadow);
    background-color: rgb(var(--background-color-fill-theme1-base)/var(--tw-bg-opacity));
    border-color: rgb(var(--border-color-stroke-theme1-base)/var(--tw-border-opacity));
    border-radius: 32px;
    color: rgb(var(--text-color-inverse-base)/var(--tw-text-opacity));
    display: block;
    padding: .5rem;
    position: absolute;
    top: 42.5%;
    transition-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    z-index: 20
}

.xjs-carousel-iig .xjs-carousel-iig__button:hover {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --shadow-color: var(--fill-theme1-hover-shadow);
    background-color: rgb(var(--background-color-fill-theme1-hover)/var(--tw-bg-opacity));
    border-color: rgb(var(--border-color-stroke-theme1-hover)/var(--tw-border-opacity))
}

.xjs-carousel-iig .xjs-carousel-iig__button--next {
    box-shadow: 0 16px 16px -8px rgba(0, 0, 0, .2);
    right: calc(var(--xjs-carousel-iig-x-buffer) - var(--xjs-carousel-iig-nav-button-diameter)/2)
}

.xjs-carousel-iig .xjs-carousel-iig__button--prev {
    box-shadow: 0 16px 16px -8px rgba(0, 0, 0, .2);
    left: calc(var(--xjs-carousel-iig-x-buffer) - var(--xjs-carousel-iig-nav-button-diameter)/2)
}

.xjs-carousel-iig .xjs-carousel__button--aria-disabled {
    opacity: 0;
    pointer-events: none
}

.xjs-carousel-iig .xjs-carousel-iig__swiper {
    margin-left: calc(var(--xjs-carousel-iig-x-buffer) + var(--xjs-carousel-iig-slide-gutter));
    margin-right: calc(var(--xjs-carousel-iig-x-buffer) + var(--xjs-carousel-iig-slide-gutter));
    overflow: visible
}

@media (min-width:640px) {
    .xjs-carousel-iig .xjs-carousel-iig__swiper {
        margin-left: var(--xjs-carousel-iig-x-buffer);
        margin-right: var(--xjs-carousel-iig-x-buffer)
    }
}

.xjs-carousel-iig.xjs-carousel-iig--fade .xjs-carousel-iig__swiper:after,
.xjs-carousel-iig.xjs-carousel-iig--fade .xjs-carousel-iig__swiper:before {
    background: linear-gradient(90deg, var(--xjs-carousel-iig-gradient-color) 50%, transparent 100%);
    content: "";
    height: 100%;
    left: calc(var(--xjs-carousel-iig-gradient-width)*-1);
    position: absolute;
    top: 0;
    width: var(--xjs-carousel-iig-gradient-width);
    z-index: 10
}

.xjs-carousel-iig.xjs-carousel-iig--fade .xjs-carousel-iig__swiper:after {
    background: linear-gradient(-90deg, var(--xjs-carousel-iig-gradient-color) 50%, transparent 100%);
    left: 100%
}

.xjs-carousel-iig.xjs-carousel-iig--full-height-slide-content .xjs-carousel-iig__slide {
    height: auto
}

.xjs-carousel-iig.xjs-carousel-iig--full-height-slide-content .xjs-carousel-iig__slide>* {
    height: 100%
}

.xjs-converged__container {
    max-width: 500px
}

.xjs-converged__container.xjs-converged__doubleInline {
    max-width: 1568px
}

.xjs-converged-number__bullet {
    border-color: var(--palette-grey-20, #ceceda)
}

.xjs-converged--inline__container>div:first-child {
    margin: 0 0 16px
}

@media (min-width:768px) {
    .xjs-converged__container {
        max-width: 1218px
    }
    .xjs-converged-overlap__card {
        flex: 0 0 532px
    }
    .xjs-converged--inline__container>div:first-child {
        margin: 0 24px 0 0
    }
}

.xjs-drawer .xjs-drawer-container {
    display: flex
}

.speed-tiles .details-card>.xjs-drawer .xjs-drawer-container.flex-col {
    flex: 2
}

.xjs-drawer .xjs-drawer-container {
    inset: 0;
    position: fixed;
    width: 100%
}

.xjs-drawer-container .xjs-left-panel {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity));
    float: left;
    height: 100%;
    width: 0
}

.xjs-drawer-container .xjs-right-drawer {
    --tw-bg-opacity: 1;
    --shadow-color: var(--material-neutral2-base-shadow);
    background-color: rgb(var(--background-color-material-neutral2-base)/var(--tw-bg-opacity));
    height: 100%;
    max-width: 1255px;
    overflow-y: auto;
    width: 100%
}

.xjs-drawer .ee-lower-drawer {
    min-height: 80vh;
    top: 20vh
}

@media screen and (min-width:1024px) {
    .xjs-drawer-container .xjs-left-panel {
        width: 10%
    }
    .xjs-drawer-container .xjs-right-drawer {
        width: 90%
    }
}

@media screen and (min-width:1280px) {
    .xjs-drawer-container .xjs-left-panel {
        width: 20%
    }
    .xjs-drawer-container .xjs-right-drawer {
        width: 80%
    }
}

@media screen and (min-width:1568px) {
    .xjs-drawer-container .xjs-left-panel {
        flex-grow: 1
    }
}

.text-jumbo1 {
    font-size: 8.625rem;
    letter-spacing: -2.4px
}

.text-jumbo1,
.text-jumbo2 {
    font-family: var(--text-family-brand);
    font-weight: 700;
    text-transform: none
}

.text-jumbo2 {
    font-size: 6.375rem;
    letter-spacing: -1.5px
}

.text-jumbo3 {
    font-size: 5.75rem;
    letter-spacing: -1.8px
}

.text-jumbo3,
.text-jumbo4 {
    font-family: var(--text-family-brand);
    font-weight: 700;
    text-transform: none
}

.text-jumbo4 {
    font-size: 4.5rem;
    letter-spacing: -1.2px
}

.text-jumbo5 {
    font-size: 3.25rem
}

.text-jumbo5,
.text-jumbo6 {
    font-family: var(--text-family-brand);
    font-weight: 700;
    letter-spacing: -.8px;
    text-transform: none
}

.text-jumbo6 {
    font-size: 3rem
}

div.xjs-accordion button:focus {
    outline: 1px solid rgb(var(--border-color-stroke-theme1-base))
}

.bg-video-icon {
    background-color: initial;
    border: 2px solid var(--palette-grey-70, #35353b);
    border-radius: 50%;
    display: block;
    height: 35px;
    left: 0;
    line-height: 1;
    margin: .75rem;
    opacity: .5;
    position: absolute;
    top: 0;
    width: 35px;
    z-index: 2
}

.bg-video-icon.top {
    bottom: auto;
    top: 0
}

.bg-video-icon.bottom {
    bottom: 0;
    top: auto
}

.bg-video-icon.left {
    left: 0;
    right: auto
}

.bg-video-icon.right {
    left: auto;
    right: 0
}

.bg-video-icon svg {
    fill: var(--palette-grey-70, #35353b);
    display: inline-block;
    height: 25px;
    width: 20px
}

.dark .bg-video-icon,
.light .bg-video-icon.dark {
    border-color: var(--palette-white, #fff);
    opacity: .6
}

.dark .bg-video-icon svg,
.light .bg-video-icon.dark svg {
    fill: var(--palette-white, #fff)
}

.dark .bg-video-icon.light {
    border-color: var(--palette-grey-70, #35353b);
    opacity: .6
}

.dark .bg-video-icon.light svg {
    fill: var(--palette-grey-70, #35353b)
}

.xjs-shared-hover-tile .hover-timing-fn,
.xjs-shared-hover-tile.hover-timing-fn {
    transition-timing-function: cubic-bezier(.4, .15, .1, 1)
}

.xjs-shared-hover-tile .link-inherit-color,
.xjs-shared-hover-tile .link-inherit-color:hover,
.xjs-shared-hover-tile .tile-inherit-color {
    color: inherit
}

.xjs-shared-hover-tile .link-border:focus {
    border: 1px dotted #000;
    border-radius: 10px
}

.xjs-shared-hover-tile .duration-600,
.xjs-shared-hover-tile.duration-600 {
    transition-duration: .6s
}

.xjs-icon-stack-block>:nth-child(2) {
    margin-top: 0
}

.xjs-icon-stack-block>:last-child {
    margin-bottom: 0
}

.xjs-icon-stack-block--300 {
    max-width: 300px
}

.xjs-icon-stack-block--400 {
    max-width: 400px
}

.xjs-icon-stack-block--500 {
    max-width: 500px
}

.xjs-icon-stack-block--700 {
    max-width: 700px
}

.xjs-icon-stack-block--1000 {
    max-width: 1000px
}

.xjs-icon-stack__main-icon {
    display: inline-block;
    line-height: 0;
    max-height: 88px;
    position: relative
}

.xjs-icon-stack__icon img {
    width: 100%
}

.xjs-icon-stack__main-icon.large,
.xjs-icon-stack__main-icon.large img {
    max-height: 88px;
    width: auto
}

.xjs-icon-stack__main-icon.border {
    padding: 1.5rem
}

.xjs-icon-stack__main-icon.border img,
.xjs-icon-stack__main-icon.small img {
    height: auto;
    max-height: 40px;
    max-width: 110px;
    width: auto
}

.xjs-icon-stack__main-icon.border:before {
    border-radius: 50%;
    border-style: solid;
    border-width: 1px;
    content: "";
    display: block;
    height: 88px;
    left: 0;
    position: absolute;
    top: 0;
    width: 88px
}

.theme-xds-light .xjs-icon-stack__main-icon.border:before {
    border-color: rgba(0, 0, 0, .15)
}

.theme-xds-dark .xjs-icon-stack__main-icon.border:before {
    border-color: hsla(0, 0%, 100%, .15)
}

.xjs-icon-stack__icon-container {
    max-width: 16rem
}

.text-center .xjs-icon-stack__icon-container {
    justify-content: center
}

.xjs-icon-stack__icon {
    border-radius: .5rem;
    height: 4.5rem;
    width: 7.5rem
}

.theme-xds-light .xjs-icon-stack__icon {
    border-color: rgba(0, 0, 0, var(--tw-border-opacity))
}

.theme-xds-dark .xjs-icon-stack__icon {
    border-color: rgba(255, 255, 255, var(--tw-border-opacity))
}

.theme-xds-light .xjs-stack-block__border {
    border-color: rgba(0, 0, 0, .15)
}

.theme-xds-dark .xjs-stack-block__border {
    border-color: hsla(0, 0%, 100%, .15)
}

@media only screen and (min-width:768px) {
    .xjs-icon-stack__icon-container.width-400,
    .xjs-icon-stack__icon-container.width-500,
    .xjs-icon-stack__icon-container.width-700 {
        max-width: 24.5rem
    }
}

.xjs-icon-stack__bullet {
    border-top: 1px;
    border-top-style: solid
}

.xjs-icon-stack__bullet:last-of-type {
    border-bottom: 1px;
    border-bottom-style: solid
}

.xjs-icon-stack-block--400 .xjs-icon-stack__bullet {
    border-top-style: solid;
    border-top-width: 1px
}

.theme-xds-light .xjs-icon-stack__bullet {
    border-color: rgba(0, 0, 0, var(--tw-border-opacity))
}

.theme-xds-dark .xjs-icon-stack__bullet {
    border-color: rgba(255, 255, 255, var(--tw-border-opacity))
}

.xjs-icon-stack__bullet-icon {
    max-height: 1.5rem;
    max-width: 1.5rem
}

.xjs-icon-stack__bullet-icon--placeholder {
    height: 1.5rem;
    width: 1.5rem
}

.stack-icon-heading--red>em {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-negative-base)/var(--tw-text-opacity));
    font-style: normal
}

.stack-icon-heading--green>em {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-positive-base)/var(--tw-text-opacity));
    font-style: normal
}

.stack-icon-heading--orange>em {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-caution-base)/var(--tw-text-opacity));
    font-style: normal
}

.stack-icon-heading--purple>em {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-theme1-base)/var(--tw-text-opacity));
    font-style: normal
}

.stack-icon-heading--blue>em {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-info-base)/var(--tw-text-opacity));
    font-style: normal
}

.stack-icon-heading--gray>em {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-neutral-base)/var(--tw-text-opacity));
    font-style: normal
}

.xjs-icon-stack__button-container>prism-button+prism-button {
    margin-left: 1.5rem
}

.xjs-icon-stack__button-container .btn .theme1 .link {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-theme1-base)/var(--tw-text-opacity));
    text-decoration: none
}

.xjs-icon-stack__button-container .btn .neutral .link {
    color: var(--primary-color);
    position: relative
}

.max-h-88 {
    max-height: 88px
}

.xjs-inlinecard__link {
    border-color: var(--palette-grey-20, #ceceda)
}

.xjs-inline-chiclet__list>li:last-child {
    margin-right: 0
}

.xjs-inline-chiclet__list>li:nth-child(4) {
    margin-top: 4px
}

.xjs-inline-chiclet__list.xjs-inline-chiclet__list_full {
    max-width: 250px
}

.xjs-inline-chiclet__list.xjs-inline-chiclet__list_full>li:last-child {
    margin-top: 4px
}

@media screen and (min-width:375px) {
    .xjs-inline-chiclet__list>li:nth-child(4) {
        margin-top: 0
    }
}

.xjs-layered-img {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.xjs-layered-img__container {
    gap: 1.5rem;
    max-width: 682px
}

.layered-img-mb {
    margin-bottom: 33%
}

.xjs-layered-img__img-group>div {
    margin-bottom: auto;
    margin-top: auto
}

.xjs-layered-img__layered-img {
    left: 50%;
    max-width: 450px;
    top: 53%;
    transform: translate(-50%);
    width: 66%
}

@tailwind utilities;
@media (min-width:1024px) {
    .layered-img-mb {
        margin-bottom: 0
    }
    .xjs-layered-img__container {
        max-width: 1440px
    }
    .xjs-layered-img__icon-stack-container.padding-left {
        padding-left: 84px
    }
    .xjs-layered-img__icon-stack-container.padding-right {
        padding-right: 84px
    }
    .xjs-layered-img__layered-img {
        bottom: -56px;
        height: auto;
        left: auto;
        top: auto;
        transform: none;
        width: 65%
    }
    .xjs-layered-img__layered-img.inline-img-left {
        right: -100px
    }
    .xjs-layered-img__layered-img.inline-img-right {
        left: -100px
    }
    .xjs-layered-img__layered-img.center.inline-img-left,
    .xjs-layered-img__layered-img.center.inline-img-right {
        left: 50%;
        transform: translate(-50%)
    }
}

@media (min-width:1280px) {
    .xjs-layered-img__icon-stack-container.padding-left {
        padding-left: 164px
    }
    .xjs-layered-img__icon-stack-container.padding-right {
        padding-right: 164px
    }
    .xjs-layered-img__layered-img {
        bottom: -72px
    }
    .xjs-layered-img__layered-img.inline-img-left {
        right: -148px
    }
    .xjs-layered-img__layered-img.inline-img-right {
        left: -148px
    }
    .xjs-layered-img__layered-img.center.inline-img-left,
    .xjs-layered-img__layered-img.center.inline-img-right {
        left: 50%;
        transform: translate(-50%)
    }
}

.xjs-layered-img__icon-stack-container.is-ee {
    min-height: 100px;
    min-width: 100px
}

.xjs-layered-img__icon-stack-container.is-ee .scEmptyPlaceholder {
    min-width: 100px
}

.xjs-layered-img .bg-video-icon {
    border: 2px solid rgb(var(--text-color-rgb-black))
}

.xjs-layered-img .bg-video-icon svg {
    fill: rgb(var(--text-color-rgb-black))
}

.menu-tab-container {
    -ms-overflow-style: none;
    display: flex;
    justify-content: left;
    overflow: auto;
    padding-left: 24px;
    scrollbar-width: none;
    white-space: nowrap
}

.menu-tab-container::-webkit-scrollbar {
    display: none
}

.menu-tab-item.divider:before {
    background-color: rgb(var(--background-color-fill-inverse-down));
    content: "";
    display: inline-block;
    height: 24px;
    margin-left: 12px;
    margin-right: 14px;
    margin-top: 8px;
    padding-bottom: 8px;
    padding-top: 8px;
    width: 1px
}

.menu-tab-container.bottom-divider {
    border-bottom: 1px;
    border-style: solid;
    padding-bottom: 24px
}

.menu-tab-item {
    margin-left: 1px;
    margin-right: 1px
}

.menu-tab-item>a {
    border: 1px solid transparent;
    border-radius: 32px;
    padding: 8px 12px;
    text-align: center;
    text-decoration: none;
    transition: background-color .4s
}

.menu-tab-item>a,
.menu-tab-item>a:active,
.menu-tab-item>a:focus,
.menu-tab-item>a:hover,
.menu-tab-item>a:visited {
    color: unset
}

.menu-tab-item>a:focus {
    border: 1px solid rgb(var(--text-color-rgb-black));
    border-radius: 32px;
    outline: none
}

.menu-tab-item a.active:hover,
.menu-tab-item a.inactive:hover,
[theme] .menu-tab-item a.active:hover {
    text-decoration: none
}

.light .menu-tab-container.bottom-divider {
    border-color: rgb(var(--border-color-stroke-inverse-down))
}

.light .menu-tab-item a.inactive:hover {
    background-color: rgb(var(--background-color-material-neutral2-base))
}

.dark .menu-tab-container.bottom-divider {
    border-color: var(--patch-grey-60)
}

.dark .menu-tab-item.divider:before {
    background-color: var(--patch-grey-60)
}

.dark .menu-tab-item>a:focus {
    border: 1px solid rgb(var(--text-color-rgb-white))
}

.dark .menu-tab-item a.inactive:hover {
    background-color: rgb(var(--background-color-material-neutral-base-inverse))
}

@media only screen and (min-width:768px) {
    .menu-tab-container {
        justify-content: center;
        overflow: visible;
        padding: 0 64px
    }
}

.xjs-shared-tooltip-container {
    height: 250px;
    max-width: 425px
}

.max-h-80vh {
    max-height: 80vh
}

.max-h-90vh {
    max-height: 90vh
}

.max-w-464 {
    max-width: 464px
}

.max-w-708 {
    max-width: 708px
}

.max-w-952 {
    max-width: 952px
}

.max-w-100 {
    max-width: 100%
}

.max-h-88vh {
    max-height: 88vh
}

.xjs-modal-close {
    border-radius: 15px;
    height: 30px;
    width: 30px;
    z-index: 100
}

.xjs-modal-close:active {
    --tw-bg-opacity: 1;
    --shadow-color: var(--material-neutral-base-shadow);
    background-color: rgb(var(--background-color-material-neutral-base)/var(--tw-bg-opacity))
}

.xjs-modal-is-open {
    overflow: hidden
}

.xjs-overlapcard__link,
.xjs-overlapcard__lob,
.xjs-overlapcard__lob>div:first-child {
    border-color: var(--palette-grey-20, #ceceda)
}

.shimmer-figure {
    animation: shimmer 1.6s linear infinite;
    background-image: linear-gradient(110deg, var(--palette-grey-05, #f6f6f9) 0, var(--palette-grey-05, #f6f6f9) 25%, var(--palette-grey-10, #ececf2) 45%, var(--palette-grey-10, #ececf2) 50%, var(--palette-grey-05, #f6f6f9) 75%, var(--palette-grey-05, #f6f6f9) 100%);
    background-size: 800px 800px;
    overflow: overflow-hidden;
    position: relative
}

@keyframes shimmer {
    0% {
        background-position: -400px 0
    }
    to {
        background-position: 400px 0
    }
}

.plan-row-tag-text {
    font-size: .625rem
}

@media screen and (max-width:767px) {
    .plan-row-title {
        font-size: 1.5rem
    }
    .plan-row-item-headline {
        font-size: 1.25rem
    }
}

.xjspricinglockup .stacked {
    grid-column-gap: 0;
    grid-row-gap: 0;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(2, 1fr)
}

@media (max-width:599px) {
    .xjspricinglockup p.price-lockup-small-element {
        padding-top: .125rem
    }
}

@media (min-width:600px) {
    .xjspricinglockup p.price-lockup-small-element {
        padding-top: .25rem
    }
}

.xjspricinglockup .align-with-price {
    padding-top: 2px;
    position: relative
}

@media (min-width:768px) {
    .xjspricinglockup .align-with-price {
        padding-top: 4px
    }
}

.xjs-link-theme-1 {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-theme1-base)/var(--tw-text-opacity));
    position: relative
}

.xjs-link-neutral {
    color: var(--primary-color);
    position: relative
}

.xjs-link-neutral:hover,
.xjs-link-theme-1:hover {
    text-decoration: none
}

.xjs-link-neutral:after,
.xjs-link-theme-1:after {
    bottom: -4px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%
}

.light .xjs-link-neutral:after,
.light .xjs-link-theme-1:after,
.theme-xds-light .xjs-link-neutral:after,
.theme-xds-light .xjs-link-theme-1:after,
.xjs-link-neutral:after,
.xjs-link-theme-1:after {
    background-color: rgba(35, 35, 40, .15)
}

.dark .xjs-link-neutral:after,
.dark .xjs-link-theme-1:after,
.theme-xds-dark .xjs-link-neutral:after,
.theme-xds-dark .xjs-link-theme-1:after {
    background-color: hsla(0, 0%, 100%, .15)
}

.xjs-link-neutral:hover:after,
.xjs-link-theme-1:hover:after {
    --tw-bg-opacity: 1;
    --shadow-color: var(--material-theme1-base-shadow);
    background-color: rgb(var(--background-color-material-theme1-base)/var(--tw-bg-opacity))
}

:root {
    --block: 4px;
    --block-x2: calc(var(--block)*2);
    --block-x3: calc(var(--block)*3);
    --block-x4: calc(var(--block)*4);
    --block-x6: calc(var(--block)*6);
    --block-x10: calc(var(--block)*10);
    --grid-gap-size: var(--block-x2);
    --half-grid-gap-size: calc(var(--grid-gap-size)/2);
    --sm-max-row-height: 250px;
    --md-max-row-height: 500px;
    --lg-max-row-height: 700px;
    --xl-max-row-height: calc(var(--lg-max-row-height)/2);
    --xxl-max-row-height: var(--lg-max-row-height)
}

.promo-blocks {
    --max-height: var(--sm-max-row-height);
    --min-height: calc(var(--sm-max-row-height)/2);
    --height-range: minmax(var(--min-height), var(--max-height));
    grid-template: var(--height-range) var(--height-range) /1fr;
    margin-bottom: var(--grid-gap-size);
    margin-top: var(--grid-gap-size)
}

.promo-blocks .Medium-Small,
.promo-blocks .Small-Medium,
.promo-blocks .medium-tile,
.promo-blocks .small-tile,
.promo-blocks .stacked-tile {
    --half-max-row-height: calc(var(--sm-max-row-height)/2);
    --max-height: calc(var(--half-max-row-height) - var(--half-grid-gap-size));
    --min-height: calc(var(--max-height)/2);
    --height-range: minmax(var(--min-height), var(--max-height))
}

.promo-blocks .stacked-tile {
    grid-template-rows: var(--height-range) var(--height-range)
}

.promo-blocks .Medium-Small,
.promo-blocks .Small-Medium,
.promo-blocks .medium-tile,
.promo-blocks .small-tile {
    grid-template-rows: var(--height-range)
}

.promo-blocks picture {
    overflow: hidden
}

.promo-blocks source {
    display: none
}

.promo-blocks img {
    height: 100%;
    min-height: 0;
    object-fit: cover;
    object-position: center;
    width: 100%
}

.promo-blocks .right img {
    object-position: 0 50%
}

.promo-blocks .left img {
    object-position: 100% 50%
}

.promo-blocks div.promo-tile-content {
    align-self: center;
    font-family: XfinityBrown, DMSans, sans-serif;
    font-size: 1rem;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 1.2rem;
    padding-left: var(--block-x4);
    padding-right: var(--block-x4)
}

.promo-blocks .small-tile img {
    padding: var(--block-x3)
}

.promo-blocks .Medium-Small,
.promo-blocks .Small-Medium,
.promo-blocks .large-tile,
.promo-blocks .medium-tile,
.promo-blocks .small-tile {
    grid-template-columns: repeat(10, 1fr)
}

.promo-blocks,
.promo-blocks .Medium-Small,
.promo-blocks .Small-Medium,
.promo-blocks .stacked-tile {
    gap: var(--grid-gap-size)
}

.promo-blocks .Medium-Small .small-tile,
.promo-blocks div.promo-tile-content {
    grid-column: 7/11
}

.promo-blocks,
.promo-blocks .Medium-Small,
.promo-blocks .Small-Medium,
.promo-blocks .large-tile,
.promo-blocks .large-tile div.promo-tile-content,
.promo-blocks .large-tile picture,
.promo-blocks .medium-tile,
.promo-blocks .medium-tile div.promo-tile-content,
.promo-blocks .medium-tile picture,
.promo-blocks .small-tile,
.promo-blocks .small-tile picture,
.promo-blocks .stacked-tile {
    display: grid
}

.promo-blocks .Medium-Small .medium-tile,
.promo-blocks .Medium-Small .small-tile,
.promo-blocks .Small-Medium .medium-tile,
.promo-blocks .Small-Medium .small-tile,
.promo-blocks .large-tile div.promo-tile-content,
.promo-blocks .large-tile picture,
.promo-blocks .medium-tile div.promo-tile-content,
.promo-blocks .medium-tile picture,
.promo-blocks .small-tile picture {
    grid-row: 1
}

.promo-blocks .large-tile,
.promo-blocks .medium-tile,
.promo-blocks .small-tile {
    overflow: hidden
}

.promo-blocks .large-tile .scEmptyImage {
    max-height: var(--sm-max-row-height);
    max-width: 100%
}

.promo-blocks .Medium-Small .medium-tile,
.promo-blocks .large-tile .sc-image-wrapper,
.promo-blocks .large-tile picture {
    grid-column: 1/7
}

.promo-blocks .Small-Medium .medium-tile,
.promo-blocks .large-tile.right .sc-image-wrapper,
.promo-blocks .large-tile.right picture {
    grid-column: 5/11
}

.promo-blocks .medium-tile .sc-image-wrapper,
.promo-blocks .medium-tile picture,
.promo-blocks .medium-tile.right div.promo-tile-content {
    grid-column: 1/6
}

.promo-blocks .medium-tile div.promo-tile-content,
.promo-blocks .medium-tile.right .sc-image-wrapper,
.promo-blocks .medium-tile.right picture {
    grid-column: 6/11
}

.promo-blocks .small-tile .sc-image-wrapper,
.promo-blocks .small-tile picture {
    grid-column: 1/11
}

.promo-blocks .Small-Medium .small-tile,
.promo-blocks .right div.promo-tile-content {
    grid-column: 1/5
}

.promo-blocks .Medium-Small .medium-tile div.promo-tile-content,
.promo-blocks .Small-Medium .medium-tile div.promo-tile-content {
    padding-left: var(--block-x2)
}

.promo-blocks .Medium-Small .medium-tile.right div.promo-tile-content,
.promo-blocks .Small-Medium .medium-tile.right div.promo-tile-content {
    padding-right: var(--block-x2)
}

.promo-blocks .Medium-Small>div:last-of-type,
.promo-blocks .Small-Medium>div:first-of-type {
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px
}

.promo-blocks .Medium-Small>div:first-of-type,
.promo-blocks .Small-Medium>div:last-of-type {
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px
}

@media screen and (min-width:768px) {
    .promo-blocks {
        --grid-gap-size: var(--block-x4);
        --max-height: var(--md-max-row-height);
        --min-height: calc(var(--md-max-row-height)/2);
        --height-range: minmax(var(--min-height), var(--max-height));
        grid-template: var(--height-range) var(--height-range) /1fr
    }
    .promo-blocks .Medium-Small,
    .promo-blocks .Small-Medium,
    .promo-blocks .medium-tile,
    .promo-blocks .small-tile,
    .promo-blocks .stacked-tile {
        --half-max-row-height: calc(var(--md-max-row-height)/2);
        --max-height: calc(var(--half-max-row-height) - var(--half-grid-gap-size));
        --min-height: calc(var(--max-height)/2);
        --height-range: minmax(var(--min-height), var(--max-height))
    }
    .promo-blocks .stacked-tile {
        grid-template-rows: var(--height-range) var(--height-range)
    }
    .promo-blocks .Medium-Small,
    .promo-blocks .Small-Medium,
    .promo-blocks .medium-tile,
    .promo-blocks .small-tile {
        grid-template-rows: var(--height-range)
    }
    .promo-blocks div.promo-tile-content {
        font-size: 1.25rem;
        font-weight: 700;
        line-height: 1.625rem;
        padding-left: var(--block-x6);
        padding-right: var(--block-x6)
    }
    .promo-blocks .large-tile .scEmptyImage {
        max-height: var(--md-max-row-height)
    }
    .promo-blocks .large-tile.right div.promo-tile-content {
        padding-left: var(--block-x10)
    }
    .promo-blocks .Medium-Small .medium-tile div.promo-tile-content,
    .promo-blocks .Small-Medium .medium-tile div.promo-tile-content {
        padding-left: var(--block-x6)
    }
    .promo-blocks .Medium-Small .medium-tile.right div.promo-tile-content,
    .promo-blocks .Small-Medium .medium-tile.right div.promo-tile-content {
        padding-right: var(--block-x6)
    }
    .promo-blocks .small-tile img {
        padding: var(--block-x10)
    }
}

@media screen and (min-width:1024px) {
    .promo-blocks {
        --max-height: var(--lg-max-row-height);
        --min-height: calc(var(--lg-max-row-height)/2);
        --height-range: minmax(var(--min-height), var(--max-height));
        grid-template: var(--height-range) var(--height-range) /1fr
    }
    .promo-blocks .Medium-Small,
    .promo-blocks .Small-Medium,
    .promo-blocks .medium-tile,
    .promo-blocks .small-tile,
    .promo-blocks .stacked-tile {
        --half-max-row-height: calc(var(--lg-max-row-height)/2);
        --max-height: calc(var(--half-max-row-height) - var(--half-grid-gap-size));
        --min-height: calc(var(--max-height)/2);
        --height-range: minmax(var(--min-height), var(--max-height))
    }
    .promo-blocks .stacked-tile {
        grid-template-rows: var(--height-range) var(--height-range)
    }
    .promo-blocks .Medium-Small,
    .promo-blocks .Small-Medium,
    .promo-blocks .medium-tile,
    .promo-blocks .small-tile {
        grid-template-rows: var(--height-range)
    }
    .promo-blocks .medium-tile.right div.promo-tile-content {
        grid-column: 1/5
    }
    .promo-blocks .medium-tile picture {
        grid-column: 1/7
    }
    .promo-blocks .medium-tile div.promo-tile-content {
        grid-column: 7/11
    }
    .promo-blocks .medium-tile.right picture {
        grid-column: 5/11
    }
    .promo-blocks .large-tile .scEmptyImage {
        max-height: var(--lg-max-row-height)
    }
}

@media screen and (min-width:1280px) {
    .promo-blocks {
        --max-height: var(--xl-max-row-height);
        --min-height: calc(var(--xl-max-row-height)/2);
        --height-range: minmax(var(--min-height), var(--max-height));
        grid-template: var(--height-range) /1fr 1fr;
        margin-left: auto;
        margin-right: auto;
        max-width: 1408px
    }
    .promo-blocks .Medium-Small,
    .promo-blocks .Small-Medium,
    .promo-blocks .medium-tile,
    .promo-blocks .small-tile,
    .promo-blocks .stacked-tile {
        --half-max-row-height: calc(var(--xl-max-row-height)/2);
        --max-height: calc(var(--half-max-row-height) - var(--half-grid-gap-size));
        --min-height: calc(var(--max-height)/2);
        --height-range: minmax(var(--min-height), var(--max-height))
    }
    .promo-blocks .stacked-tile {
        grid-template-rows: var(--height-range) var(--height-range)
    }
    .promo-blocks .Medium-Small,
    .promo-blocks .Small-Medium,
    .promo-blocks .medium-tile,
    .promo-blocks .small-tile {
        grid-template-rows: var(--height-range)
    }
    .promo-blocks .large-tile .scEmptyImage {
        max-height: var(--xl-max-row-height)
    }
    .promo-blocks .stacked-tile:first-of-type .Medium-Small>div:first-of-type,
    .promo-blocks .stacked-tile:first-of-type .Small-Medium>div:last-of-type,
    .promo-blocks .stacked-tile:last-of-type .Medium-Small>div:last-of-type,
    .promo-blocks .stacked-tile:last-of-type .Small-Medium>div:first-of-type {
        border-radius: 8px
    }
    .promo-blocks .large-tile:first-of-type {
        border-bottom-right-radius: 8px;
        border-top-right-radius: 8px
    }
    .promo-blocks .large-tile:last-of-type {
        border-bottom-left-radius: 8px;
        border-top-left-radius: 8px
    }
}

@media screen and (min-width:1408px) {
    .promo-blocks .large-tile:first-of-type {
        border-bottom-left-radius: 8px;
        border-top-left-radius: 8px
    }
    .promo-blocks .Medium-Small>div:first-of-type,
    .promo-blocks .Small-Medium>div:last-of-type,
    .promo-blocks .large-tile:last-of-type {
        border-bottom-right-radius: 8px;
        border-top-right-radius: 8px
    }
    .promo-blocks .Medium-Small>div:last-of-type,
    .promo-blocks .Small-Medium>div:first-of-type {
        border-bottom-left-radius: 8px;
        border-top-left-radius: 8px
    }
}

.xjs-speed-chart .speed-chart .border {
    border: 1px solid #ceceda
}

.xjs-speed-chart .speed-chart .list-container-margin {
    margin-left: 14px
}

.speed-tiles {
    font-size: 14px;
    line-height: 21px;
    overflow: hidden
}

.speed-tiles .massaged-text {
    display: inline-block;
    line-height: 1;
    vertical-align: top
}

.speed-tiles .price-lockup-tile .text-button2,
.speed-tiles .price-lockup-tile>.text-headline1 {
    line-height: 1
}

.speed-tiles .price-lockup-tile>.massaged-text,
.speed-tiles .price-lockup-tile>.text-button2 {
    padding-top: 1px
}

@media (min-width:1024px) {
    .speed-tiles .price-lockup-tile>.massaged-text,
    .speed-tiles .price-lockup-tile>.text-button2 {
        padding-top: 2px
    }
}

.speed-tiles a,
.speed-tiles h2,
.speed-tiles h6,
.speed-tiles p {
    width: -moz-fit-content;
    width: fit-content
}

.speed-tiles .image-wrapper,
.speed-tiles a,
.speed-tiles h2,
.speed-tiles h6,
.speed-tiles p {
    background-blend-mode: multiply;
    background-image: linear-gradient(90deg, transparent, transparent, transparent, transparent);
    background-size: 300% 100%;
    transition: border .6, color .6s, width .6s, background-image .6s
}

.speed-tiles h2 {
    max-width: 700px
}

.speed-tiles .image-rounder,
.speed-tiles .image-rounder img {
    height: 205px;
    width: 205px
}

.speed-tiles .image-rounder {
    border-radius: 102.5px;
    overflow: hidden
}

.speed-tiles .speed-cards-wrapper {
    margin-left: auto;
    margin-right: auto;
    margin-top: -10px;
    max-width: 1200px;
    overflow-x: hidden;
    padding-top: 10px;
    position: relative;
    width: 100%;
    z-index: 1
}

.speed-tiles .speed-cards {
    height: 284px;
    margin-left: auto;
    margin-right: auto;
    transition: transform .6s cubic-bezier(.4, .15, .1, 1)
}

.speed-tiles .speed-cards-wrapper:after {
    background-image: linear-gradient(90deg, #f6f6f9 0, rgba(246, 246, 249, 0) 5%, rgba(246, 246, 249, 0) 95%, #f6f6f9);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 50
}

.speed-tiles .carousel-navigator {
    border: none;
    border-radius: 20px;
    height: 36px;
    padding: 10px;
    position: absolute;
    top: calc(50% - 32px);
    transition: box-shadow .6s;
    width: 36px;
    z-index: 100
}

.speed-tiles .carousel-navigator svg {
    opacity: 1;
    transition: opacity .4s
}

.speed-tiles .carousel-navigator.previous {
    left: 10px
}

.speed-tiles .carousel-navigator.next {
    right: 10px
}

.speed-tiles .carousel-navigator.shadow-3:disabled {
    cursor: not-allowed
}

.speed-tiles .carousel-navigator.shadow-3:disabled svg {
    opacity: .3
}

.speed-tiles .carousel-navigator.shadow-3:hover:not(:disabled) {
    box-shadow: 0 24px 24px -8px rgba(0, 0, 0, .3);
    transition: box-shadow .2s
}

.speed-tiles .carousel-navigator,
.speed-tiles .speed-card {
    background-color: #fff
}

.speed-tiles>.speed-cards-wrapper>.speed-cards>button.speed-card>p.card-description {
    color: #2a2c2d
}

.speed-tiles .speed-card {
    margin-left: 12px;
    margin-right: 12px;
    min-width: 220px;
    position: relative;
    text-align: center;
    transition: border .6s cubic-bezier(.4, .15, .1, 1), transform .6s cubic-bezier(.4, .15, .1, 1), box-shadow .6s cubic-bezier(.4, .15, .1, 1), height .6s cubic-bezier(.4, .15, .1, 1)
}

.speed-tiles .speed-card:disabled {
    pointer-events: none
}

.speed-tiles .speed-card:not(.active):not(.shadow-3) {
    border: 2px solid transparent;
    box-shadow: 0 16px 16px -8px transparent;
    height: 236px;
    transform: translateY(8px)
}

.speed-tiles .speed-card.acp:not(.active):not(.xds-shadow-3) {
    height: 246px
}

.speed-tiles .active.speed-card.acp:not(:disabled) {
    height: 262px
}

.speed-tiles .speed-card:hover:not(.active):not(.shadow-3) {
    box-shadow: 0 16px 16px -8px rgba(0, 0, 0, .3)
}

.speed-tiles .carousel-navigator.shadow-3:active:not(:disabled),
.speed-tiles .speed-card:active:not(.active):not(.shadow-3) {
    box-shadow: 0 8px 10px -8px rgba(0, 0, 0, .3);
    transition: box-shadow .3s
}

.speed-tiles .active.speed-card:not(:disabled) {
    border: 2px solid #6138f5;
    cursor: default;
    height: 252px;
    transform: translateY(0)
}

.speed-tiles .active.speed-card.grey-00:not(:disabled) {
    border: 2px solid #fff
}

.speed-tiles .active.speed-card.grey-05:not(:disabled) {
    border: 2px solid #f6f6f9
}

.speed-tiles .active.speed-card.grey-10:not(:disabled) {
    border: 2px solid #ececf2
}

.speed-tiles .active.speed-card.grey-50:not(:disabled) {
    border: 2px solid #62626c
}

.speed-tiles .active.speed-card.grey-70:not(:disabled) {
    border: 2px solid #35353b
}

.speed-tiles .active.speed-card.grey-100:not(:disabled) {
    border: 2px solid #000
}

.speed-tiles .active.speed-card.blue-05:not(:disabled) {
    border: 2px solid #d9e1f2
}

.speed-tiles .active.speed-card.blue-50:not(:disabled) {
    border: 2px solid #1f69ff
}

.speed-tiles .active.speed-card.green-05:not(:disabled) {
    border: 2px solid #d9f2ea
}

.speed-tiles .active.speed-card.green-50:not(:disabled) {
    border: 2px solid #008558
}

.speed-tiles .active.speed-card.orange-05:not(:disabled) {
    border: 2px solid #f2e1d9
}

.speed-tiles .active.speed-card.orange-50:not(:disabled) {
    border: 2px solid #e64f00
}

.speed-tiles .active.speed-card.purple-05:not(:disabled) {
    border: 2px solid #e3e0f4
}

.speed-tiles .active.speed-card.purple-50:not(:disabled) {
    border: 2px solid #6138f5
}

.speed-tiles .active.speed-card.red-05:not(:disabled) {
    border: 2px solid #f2d9e1
}

.speed-tiles .active.speed-card.red-50:not(:disabled) {
    border: 2px solid #e6004a
}

.speed-tiles .active.speed-card.yellow-05:not(:disabled) {
    border: 2px solid #f2ead9
}

.speed-tiles .active.speed-card.yellow-40:not(:disabled) {
    border: 2px solid #b87700
}

.speed-tiles .speed-card.active:disabled {
    border: 2px solid transparent;
    box-shadow: 0 0 0 0 transparent;
    height: 236px;
    transform: translateY(8px)
}

.speed-tiles .hero a,
.speed-tiles .hero>h2,
.speed-tiles .hero>p {
    text-align: center
}

.speed-tiles .hero>div,
.speed-tiles .hero>h2,
.speed-tiles .hero>p {
    margin-left: 20px;
    margin-right: 20px
}

.speed-tiles .details-cards-wrapper {
    height: 600px;
    position: relative;
    width: 100%
}

.speed-tiles .details-card:before {
    --triangle-size: 16px;
    --half-triangle-size: calc(var(--triangle-size)/2);
    background-color: #fff;
    content: "";
    display: block;
    height: var(--triangle-size);
    left: calc(50% - var(--half-triangle-size));
    position: absolute;
    top: calc(var(--half-triangle-size)*-1);
    transform: rotate(45deg);
    width: var(--triangle-size)
}

.speed-tiles .details-card {
    background-color: #fff;
    position: absolute;
    transform: translate(calc(50vw - 50%), 20px);
    width: 100%
}

.speed-tiles .details-card:not(.active) {
    opacity: 0;
    transition: transform .4s cubic-bezier(.4, 0, 1, 1), opacity .4s cubic-bezier(.6, 0, .1, 1);
    z-index: 0
}

.speed-tiles .details-card.active {
    opacity: 1;
    transform: translate(calc(50vw - 50%));
    transition: transform .6s cubic-bezier(0, 0, .15, 1) .2s, opacity .6s cubic-bezier(.4, .15, .1, 1) .2s;
    z-index: 1
}

.speed-tiles .details-card>.flex.flex-col {
    flex: 2
}

.speed-tiles img {
    object-fit: cover;
    object-position: center;
    opacity: 1;
    transition: opacity .6s
}

.speed-tiles .details-card .addon {
    background-color: #f6f6f9;
    border-radius: 8px
}

.speed-tiles .speed-card .image {
    height: 40px;
    width: 40px
}

.speed-tiles .details-card .addon .image {
    height: 64px;
    width: 64px
}

.speed-tiles .details-card .bullet-list .image {
    height: 16px;
    width: 16px
}

.speed-tiles .hero .modal-link {
    position: relative
}

.speed-tiles.loading img {
    opacity: 0
}

.speed-tiles.loading .image-wrapper,
.speed-tiles.loading a,
.speed-tiles.loading h2,
.speed-tiles.loading h6,
.speed-tiles.loading p {
    animation: gradient 2s linear infinite;
    background-image: linear-gradient(90deg, #f6f6f9, #ececf2, #f6f6f9, #ececf2);
    border: 0 solid transparent;
    pointer-events: none
}

.speed-tiles.loading a,
.speed-tiles.loading div:not(.image-rounder).image-wrapper,
.speed-tiles.loading h2,
.speed-tiles.loading h6,
.speed-tiles.loading p {
    border-radius: 3px
}

.speed-tiles.loading a::-moz-selection,
.speed-tiles.loading h2::-moz-selection,
.speed-tiles.loading h6::-moz-selection,
.speed-tiles.loading p::-moz-selection,
.speed-tiles.loading span::-moz-selection {
    background-color: initial;
    color: transparent !important
}

.speed-tiles.loading a,
.speed-tiles.loading a::selection,
.speed-tiles.loading h2,
.speed-tiles.loading h2::selection,
.speed-tiles.loading h6,
.speed-tiles.loading h6::selection,
.speed-tiles.loading p,
.speed-tiles.loading p::selection,
.speed-tiles.loading span::selection {
    background-color: initial;
    color: transparent !important
}

.speed-tiles.loading .carousel-navigator {
    background-color: initial;
    box-shadow: 0 0 0 0 transparent
}

.speed-tiles.loading .carousel-navigator svg {
    opacity: 0
}

.speed-tiles.loading .hero h2,
.speed-tiles.loading .hero h6,
.speed-tiles.loading .hero p {
    border-radius: 0
}

.speed-tiles.loading .hero .modal-link {
    opacity: 0
}

.speed-tiles.loading .details-card h2,
.speed-tiles.loading .details-card h6,
.speed-tiles.loading .details-card p:not(.addon-pricepoint) {
    width: 100%
}

.speed-tiles .carousel-navigator.next:focus,
.speed-tiles .carousel-navigator.previous:focus,
.speed-tiles a:not(.btn):focus,
.speed-tiles button.speed-card:focus {
    outline: none
}

.speed-tiles .carousel-navigator.next:before,
.speed-tiles .carousel-navigator.previous:before,
.speed-tiles a:not(.btn):before,
.speed-tiles button.speed-card:before {
    border: 2px solid transparent;
    content: "";
    position: absolute;
    transition: border .6s
}

.speed-tiles .carousel-navigator.next:before,
.speed-tiles .carousel-navigator.previous:before,
.speed-tiles a:not(.btn):before {
    --offset: -2px;
    bottom: var(--offset);
    top: var(--offset)
}

.speed-tiles .carousel-navigator.next:before,
.speed-tiles .carousel-navigator.previous:before {
    border-radius: calc(var(--offset)*-12);
    left: var(--offset);
    right: var(--offset)
}

.speed-tiles a:not(.btn):before {
    border-radius: calc(var(--offset)*-2);
    left: calc(var(--offset)*3);
    right: calc(var(--offset)*3)
}

.speed-tiles button.speed-card:before {
    --offset: -6px;
    border-radius: calc(var(--offset)*-2);
    bottom: var(--offset);
    left: var(--offset);
    right: var(--offset);
    top: var(--offset)
}

.speed-tiles .carousel-navigator.next:focus:before,
.speed-tiles .carousel-navigator.previous:focus:before,
.speed-tiles a:not(.btn):focus:before,
.speed-tiles button.speed-card:focus:before {
    border: 2px solid #000
}

@keyframes gradient {
    0% {
        background-position: 0 0
    }
    to {
        background-position: 100% 0
    }
}

.speed-tiles>.speed-cards-wrapper>.speed-cards>button.speed-card.is-static>p {
    transition: opacity .6s
}

.speed-tiles>.speed-cards-wrapper>.speed-cards>button.speed-card.is-static:not(.active)>p.card-description {
    opacity: 0
}

.speed-tiles>.speed-cards-wrapper>.speed-cards>button.speed-card.is-static.active>p {
    opacity: 1
}

body.sc-page-edit .speed-tiles a:not(.btn):before,
body.sc-page-edit .speed-tiles button.speed-card:before {
    display: none
}

.speed-tiles .pricing-info {
    letter-spacing: -.2px;
    line-height: 20px;
    text-decoration: none
}

.speed-tiles .pricing-info:hover {
    color: #1f598e
}

.speed-tiles .chip-text {
    font-size: 10px
}

.speed-tiles .pricing-info:hover:after {
    background-color: rgba(97, 56, 245, var(--tw-bg-opacity))
}

.speed-tiles prism-button.price a {
    display: inline-block
}

.speed-tiles prism-button.change-address a {
    text-decoration: none
}

.xjsIconArrows {
    bottom: 4px;
    right: 4px
}

@media screen and (min-width:425px) {
    .speed-tiles .speed-cards-wrapper:after {
        background-image: linear-gradient(90deg, #f6f6f9 5%, rgba(246, 246, 249, 0) 15%, rgba(246, 246, 249, 0) 85%, #f6f6f9 95%)
    }
}

@media screen and (min-width:768px) {
    .speed-tiles .details-cards-wrapper {
        height: 380px
    }
    .speed-tiles .details-cards-wrapper.acp {
        height: 420px
    }
    .speed-tiles .details-card {
        max-width: 848px
    }
    .speed-tiles .details-card .addon-pricepoint {
        width: 117px
    }
    .speed-tiles.loading .hero h2,
    .speed-tiles.loading .hero h6,
    .speed-tiles.loading .hero p {
        border-radius: 3px
    }
    .speed-tiles .speed-cards-wrapper:after {
        background-image: linear-gradient(90deg, #f6f6f9 5%, rgba(246, 246, 249, 0) 40%, rgba(246, 246, 249, 0) 60%, #f6f6f9 95%)
    }
}

@media screen and (max-width:848px) {
    .speed-tiles .active.details-card {
        border-radius: 0
    }
}

.scrolling-card {
    background-color: var(--background-color-transparent, transparent);
    display: flex
}

.speed-tiles .details-card>.scrolling-card.flex-col {
    flex: 2
}

.scrolling-card {
    flex-direction: column
}

.speed-tiles .details-card>.flex.scrolling-card {
    flex: 2
}

.scrolling-card {
    align-items: center;
    border-radius: var(--border-radius-none, 0);
    flex-wrap: nowrap;
    justify-content: center;
    margin: auto;
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.scrolling-card__wrapper {
    margin: 40px 0
}

.scrolling-card.max-width--700 .xjs-shared-sticky-scroller-card__content-wrapper>:not(.card__figure) {
    max-width: 700px
}

.scrolling-card.max-width--400 .xjs-shared-sticky-scroller-card__content-wrapper>:not(.card__figure) {
    max-width: 400px
}

.scrolling-card.max-width--300 .xjs-shared-sticky-scroller-card__content-wrapper>:not(.card__figure) {
    max-width: 300px
}

.scrolling-card .xjs-shared-sticky-scroller-card__content-wrapper {
    padding: 0
}

.scrolling-card .xjs-shared-sticky-scroller-card__content-wrapper>.card__image {
    margin-bottom: 2rem
}

.scrolling-card .card__figure {
    margin-bottom: 1.5rem;
    position: relative
}

.scrolling-card .card__figure__caption {
    --text-caption-leading: var(--text-caption-line-height);
    --text-caption-family: var(--text-family-default);
    font-family: var(--text-caption-family);
    font-size: var(--text-caption-size);
    font-weight: var(--text-caption-weight);
    letter-spacing: var(--text-caption-letter-spacing);
    line-height: var(--text-caption-leading);
    text-align: center;
    text-transform: var(--text-caption-text-transform)
}

.scrolling-card .card__figure__caption .xjs-icon-stack__icon-container {
    justify-content: center
}

.xjs-shared-sticky-scroller--swipe .scrolling-card {
    padding: 0 1rem
}

.xjs-shared-sticky-scroller--swipe .scrolling-card .card__figure {
    width: calc(100vw - 48px)
}

.xjs-shared-sticky-scroller--stacked-full-width .card__figure {
    width: 100vw
}

@media (min-width:768px) {
    .card__figure {
        width: 100%
    }
    .card__figure__caption {
        bottom: 0;
        left: 0;
        margin: 0 calc(50vw - 250px) .5rem;
        max-width: 500px;
        position: absolute;
        right: 0
    }
    .scrolling-card--swipe.max-width--700,
    .scrolling-card.max-width--700 {
        max-width: 700px
    }
    .scrolling-card--swipe.max-width--400,
    .scrolling-card.max-width--400 {
        max-width: 400px
    }
    .scrolling-card--swipe.max-width--300,
    .scrolling-card.max-width--300 {
        max-width: 300px
    }
    .scrolling-card--swipe__wrapper,
    .scrolling-card__wrapper {
        margin: 0
    }
    .scrolling-card--swipe__wrapper:not(:last-child),
    .scrolling-card__wrapper:not(:last-child) {
        padding-bottom: 4rem
    }
    .xjs-shared-sticky-scroller-card__content-wrapper>.card__image {
        margin-bottom: 2rem
    }
    .sticky-scroller .scrolling-card__wrapper {
        min-height: 40vh
    }
    .sticky-scroller .scrolling-card__wrapper:last-child {
        min-height: unset
    }
    .sticky-scroller--50-50 .scrolling-card__wrapper {
        min-height: 50vh
    }
    .sticky-scroller--50-50 .scrolling-card__wrapper:last-child {
        min-height: unset
    }
}

@media (min-width:768px) and (orientation:vertical) {
    .scrolling-card__wrapper:not(:last-child) {
        padding-bottom: 128px
    }
}

@media (min-width:1025px) {
    .card__figure__caption {
        align-self: flex-end;
        bottom: unset;
        grid-column: 1/-1;
        grid-row: 1/-1;
        justify-self: center;
        left: unset;
        margin: unset;
        margin-bottom: 2rem;
        position: unset;
        right: unset
    }
    .scrolling-card__wrapper:not(:last-child) {
        padding-bottom: 320px
    }
    .scrolling-card__wrapper,
    .sticky-scroller .scrolling-card__wrapper:last-child {
        min-height: 50vh
    }
}

.sticky-media__wrapper .bg-video-icon {
    background-color: initial;
    border: 2px solid var(--palette-white, #fff);
    border-radius: 50%;
    display: block;
    height: 35px;
    left: 0;
    line-height: 1;
    margin: .75rem;
    opacity: .6;
    position: absolute;
    top: 0;
    width: 35px;
    z-index: 2
}

.sticky-media__wrapper .bg-video-icon .bg-video-icon-svg {
    color: var(--palette-white, #fff)
}

.dark .sticky-media__wrapper .bg-video-icon {
    border-color: var(--palette-grey-70, #35353b);
    opacity: .5
}

.dark .sticky-media__wrapper .bg-video-icon .bg-video-icon-svg {
    color: var(--palette-grey-70, #35353b)
}

.sticky-media__wrapper {
    display: none;
    grid-area: media;
    grid-template: 1fr/1fr;
    position: relative
}

.sticky-media__item {
    opacity: 0;
    place-self: center;
    position: relative;
    transition: opacity .7s ease-out
}

.sticky-media__item,
.sticky-media__item .figure__image,
.sticky-media__item .figure__video {
    grid-column: 1/-1;
    grid-row: 1/-1
}

.sticky-media__item .figure__caption {
    --text-caption-leading: var(--text-caption-line-height);
    --text-caption-family: var(--text-family-default);
    font-family: var(--text-caption-family);
    font-size: var(--text-caption-size);
    font-weight: var(--text-caption-weight);
    letter-spacing: var(--text-caption-letter-spacing);
    line-height: var(--text-caption-leading);
    text-align: center;
    text-transform: var(--text-caption-text-transform)
}

.sticky-media__item .figure__caption .xjs-icon-stack__icon-container {
    justify-content: center
}

.sticky-media__item.show {
    opacity: var(--opacity-primary, 1);
    transition-delay: 0ms;
    z-index: 1
}

.sticky-media__item.hide {
    opacity: 0;
    pointer-events: none;
    transition-delay: .5s;
    transition-duration: .25s;
    transition-timing-function: cubic-bezier(.18, 1.09, .5, .94);
    z-index: 0
}

.sticky-media__wrapper__supporting-media {
    display: none
}

.card__figure,
.figure {
    width: 100%
}

.card__figure__image,
.card__figure__video,
.figure__image,
.figure__video {
    max-width: none;
    width: 100%
}

@media (min-width:768px) {
    .sticky-media__wrapper {
        display: grid
    }
    @media only screen and (max-width:767px) {
        .Xjs2UpContainer .horizontalScroll.sticky-media__wrapper {
            -ms-overflow-style: none;
            display: flex;
            flex-wrap: nowrap;
            margin-left: 0;
            margin-right: 0;
            overflow-x: auto;
            padding-left: 24px;
            padding-right: 24px;
            scrollbar-width: none
        }
        .Xjs2UpContainer .horizontalScroll.sticky-media__wrapper::-webkit-scrollbar {
            display: none
        }
        .Xjs2UpContainer .horizontalScroll.sticky-media__wrapper>div {
            flex: 0 0 auto;
            max-width: -moz-fit-content;
            max-width: fit-content
        }
        .Xjs3UpContainer .horizontalScroll.sticky-media__wrapper {
            -ms-overflow-style: none;
            display: flex;
            flex-wrap: nowrap;
            margin-left: 0;
            margin-right: 0;
            overflow-x: auto;
            padding-left: 24px;
            padding-right: 24px;
            scrollbar-width: none
        }
        .Xjs3UpContainer .horizontalScroll.sticky-media__wrapper::-webkit-scrollbar {
            display: none
        }
        .Xjs3UpContainer .horizontalScroll.sticky-media__wrapper>div {
            flex: 0 0 auto;
            max-width: -moz-fit-content;
            max-width: fit-content
        }
    }
    .sticky-media__wrapper {
        background: linear-gradient(to bottom, rgb(var(--background-color-material-neutral-base)), rgb(var(--background-color-material-neutral-base)) 50%, transparent);
        overflow: hidden;
        position: sticky;
        top: 0
    }
    .sticky-media__wrapper .figure__image,
    .sticky-media__wrapper .figure__video {
        height: 100%;
        object-fit: contain;
        object-position: center
    }
    .sticky-media__wrapper--cover .figure__image,
    .sticky-media__wrapper--cover .figure__video {
        object-fit: cover
    }
    .sticky-media__wrapper .figure__caption {
        bottom: 0;
        left: 0;
        margin: 0 calc(50vw - 250px) .5rem;
        max-width: 500px;
        position: absolute;
        right: 0
    }
    .xjs-shared-sticky-scroller--30-70 .scrolling-content,
    .xjs-shared-sticky-scroller--40-60 .scrolling-content {
        margin-bottom: 25vh;
        margin-top: -25vh
    }
    .xjs-shared-sticky-scroller--30-70 .sticky-media__wrapper,
    .xjs-shared-sticky-scroller--40-60 .sticky-media__wrapper {
        height: 50vh;
        margin-bottom: 50vh
    }
    .xjs-shared-sticky-scroller--30-70 .sticky-media__item,
    .xjs-shared-sticky-scroller--30-70 .sticky-media__wrapper .figure__image,
    .xjs-shared-sticky-scroller--30-70 .sticky-media__wrapper .figure__video,
    .xjs-shared-sticky-scroller--40-60 .sticky-media__item,
    .xjs-shared-sticky-scroller--40-60 .sticky-media__wrapper .figure__video {
        max-height: 50vh
    }
    .xjs-shared-sticky-scroller--30-70 .sticky-media__wrapper--cover .figure__image,
    .xjs-shared-sticky-scroller--30-70 .sticky-media__wrapper--cover .figure__video,
    .xjs-shared-sticky-scroller--40-60 .sticky-media__wrapper--cover .figure__video {
        height: 50vh
    }
    .xjs-shared-sticky-scroller--50-50 .scrolling-content {
        margin-bottom: 25vh;
        margin-top: -25vh
    }
    .xjs-shared-sticky-scroller--50-50 .sticky-media__wrapper {
        height: 50vh;
        margin-bottom: 50vh
    }
    .xjs-shared-sticky-scroller--50-50 .sticky-media__item,
    .xjs-shared-sticky-scroller--50-50 .sticky-media__wrapper .figure__image,
    .xjs-shared-sticky-scroller--50-50 .sticky-media__wrapper .figure__video {
        max-height: 50vh
    }
    .xjs-shared-sticky-scroller--50-50 .sticky-media__wrapper--cover .figure__image,
    .xjs-shared-sticky-scroller--50-50 .sticky-media__wrapper--cover .figure__video {
        height: 50vh
    }
}

@media (min-width:1025px) {
    .sticky-media__wrapper {
        --tw-bg-opacity: 1;
        --shadow-color: var(--material-neutral-base-shadow);
        background-color: rgb(var(--background-color-material-neutral-base)/var(--tw-bg-opacity));
        height: 100vh
    }
    .sticky-media__wrapper--padded {
        padding-right: 4rem
    }
    .sticky-media__wrapper--cover .sticky-media__item .figure__image,
    .sticky-media__wrapper--cover .sticky-media__item .figure__video {
        height: 100vh
    }
    .sticky-media__wrapper .sticky-media__item {
        display: grid
    }
    @media only screen and (max-width:767px) {
        .Xjs2UpContainer .horizontalScroll.sticky-media__wrapper .sticky-media__item {
            -ms-overflow-style: none;
            display: flex;
            flex-wrap: nowrap;
            margin-left: 0;
            margin-right: 0;
            overflow-x: auto;
            padding-left: 24px;
            padding-right: 24px;
            scrollbar-width: none
        }
        .Xjs2UpContainer .horizontalScroll.sticky-media__wrapper .sticky-media__item::-webkit-scrollbar {
            display: none
        }
        .Xjs2UpContainer .horizontalScroll.sticky-media__wrapper .sticky-media__item>div {
            flex: 0 0 auto;
            max-width: -moz-fit-content;
            max-width: fit-content
        }
        .Xjs3UpContainer .horizontalScroll.sticky-media__wrapper .sticky-media__item {
            -ms-overflow-style: none;
            display: flex;
            flex-wrap: nowrap;
            margin-left: 0;
            margin-right: 0;
            overflow-x: auto;
            padding-left: 24px;
            padding-right: 24px;
            scrollbar-width: none
        }
        .Xjs3UpContainer .horizontalScroll.sticky-media__wrapper .sticky-media__item::-webkit-scrollbar {
            display: none
        }
        .Xjs3UpContainer .horizontalScroll.sticky-media__wrapper .sticky-media__item>div {
            flex: 0 0 auto;
            max-width: -moz-fit-content;
            max-width: fit-content
        }
    }
    .sticky-media__wrapper .figure__caption {
        align-self: flex-end;
        bottom: unset;
        grid-column: 1/-1;
        grid-row: 1/-1;
        justify-self: center;
        left: unset;
        margin: unset;
        margin-bottom: 2rem;
        position: unset;
        right: unset
    }
    .sticky-media__supporting-media {
        background-color: var(--background-color-transparent, transparent);
        display: block;
        grid-column: 1/-1;
        grid-row: 1/-1;
        max-height: 100vh;
        transition: all .75s ease;
        width: 40%
    }
    .sticky-media__supporting-media.supporting-media--animate {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
        transition-duration: .75s, .5s;
        transition-property: transform, opacity;
        transition-timing-function: ease, cubic-bezier(.25, .46, .45, .94);
        will-change: transform, opacity
    }
    .sticky-media__supporting-media.supporting-media--slide-in {
        opacity: 1;
        transform: translateZ(0);
        transition-delay: .15s
    }
    .sticky-media__supporting-media-image,
    .sticky-media__supporting-media-video {
        max-height: 100vh;
        object-fit: contain;
        width: 100%
    }
    .sticky-media__supporting-media--bottom-right {
        align-self: flex-end;
        justify-self: end
    }
    .sticky-media__supporting-media--bottom-left {
        align-self: flex-end;
        justify-self: start
    }
    .sticky-media__supporting-media--bottom-middle {
        align-self: flex-end;
        justify-self: center
    }
    .sticky-media__supporting-media--middle-right {
        align-self: center;
        justify-self: end
    }
    .sticky-media__supporting-media--middle-left {
        align-self: center;
        justify-self: start
    }
    .sticky-media__supporting-media--middle-middle {
        align-self: center;
        justify-self: center
    }
    .xjs-shared-sticky-scroller .scrolling-content {
        margin: 40vh 0 20vh
    }
    .xjs-shared-sticky-scroller--30-70 .sticky-media__wrapper,
    .xjs-shared-sticky-scroller--40-60 .sticky-media__wrapper,
    .xjs-shared-sticky-scroller--50-50 .sticky-media__wrapper {
        height: 100vh;
        margin-bottom: 0
    }
    .xjs-shared-sticky-scroller--30-70 .sticky-media__item,
    .xjs-shared-sticky-scroller--30-70 .sticky-media__wrapper .figure__image,
    .xjs-shared-sticky-scroller--30-70 .sticky-media__wrapper .figure__video,
    .xjs-shared-sticky-scroller--40-60 .sticky-media__item,
    .xjs-shared-sticky-scroller--40-60 .sticky-media__wrapper .figure__image,
    .xjs-shared-sticky-scroller--40-60 .sticky-media__wrapper .figure__video,
    .xjs-shared-sticky-scroller--50-50 .sticky-media__item,
    .xjs-shared-sticky-scroller--50-50 .sticky-media__wrapper .figure__image,
    .xjs-shared-sticky-scroller--50-50 .sticky-media__wrapper .figure__video {
        max-height: 100vh
    }
    .xjs-shared-sticky-scroller--30-70 .sticky-media__wrapper--cover .figure__image,
    .xjs-shared-sticky-scroller--30-70 .sticky-media__wrapper--cover .figure__video,
    .xjs-shared-sticky-scroller--40-60 .sticky-media__wrapper--cover .figure__image,
    .xjs-shared-sticky-scroller--40-60 .sticky-media__wrapper--cover .figure__video,
    .xjs-shared-sticky-scroller--50-50 .sticky-media__wrapper--cover .figure__image,
    .xjs-shared-sticky-scroller--50-50 .sticky-media__wrapper--cover .figure__video {
        height: 100vh
    }
}

.xjs-shared-sticky-scroller {
    padding-bottom: 2.5rem;
    padding-top: 2.5rem;
    position: relative
}

.xjs-shared-sticky-scroller-card {
    --tw-bg-opacity: 1;
    --shadow-color: var(--material-neutral-base-shadow);
    background-color: rgb(var(--background-color-material-neutral-base)/var(--tw-bg-opacity));
    min-height: 200px;
    min-width: 250px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.xjs-shared-sticky-scroller-card__content-wrapper {
    --text-body1-leading: var(--text-body1-line-height);
    --text-body1-family: var(--text-family-default);
    font-family: var(--text-body1-family);
    font-size: var(--text-body1-size);
    font-weight: var(--text-body1-weight);
    letter-spacing: var(--text-body1-letter-spacing);
    line-height: var(--text-body1-leading);
    text-transform: var(--text-body1-text-transform)
}

.xjs-shared-dynamic-container--inner .xjs-shared-sticky-scroller-card__content-wrapper {
    color: var(--palette-grey-90, #141417)
}

.xjs-shared-sticky-scroller-card__content-wrapper {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    margin: 0 auto;
    max-width: var(--max-content-width);
    text-align: center;
    width: 100%
}

.supporting-media--expedit {
    opacity: 1;
    transform: translateZ(0)
}

.figure.sticky-media__item>.sc-image-wrapper {
    grid-column: 1/-1;
    grid-row: 1/-1
}

.figure.sticky-media__item>.sc-image-wrapper video {
    height: 100%;
    width: 100%
}

@media (max-width:767px) {
    .xjs-shared-sticky-scroller {
        display: flex
    }
    .speed-tiles .details-card>.xjs-shared-sticky-scroller.flex-col {
        flex: 2
    }
    .xjs-shared-sticky-scroller {
        flex-direction: column-reverse
    }
    .xjs-shared-sticky-scroller .mobile-only {
        display: none
    }
    .xjs-shared-sticky-scroller--swipe .scrolling-content {
        display: flex
    }
    .speed-tiles .details-card>.xjs-shared-sticky-scroller--swipe .scrolling-content.flex-col {
        flex: 2
    }
    .xjs-shared-sticky-scroller--swipe .scrolling-content {
        overflow-x: auto;
        overflow-y: hidden;
        padding-left: 1rem;
        padding-right: 1rem;
        scroll-snap-type: x proximity
    }
    .xjs-shared-sticky-scroller--swipe .scrolling-card__wrapper {
        border-radius: var(--border-radius-medium, 8px);
        box-shadow: 0 0 20px rgba(0, 0, 0, .3);
        flex: 0 0 calc(100vw - 48px);
        margin-left: .5rem;
        margin-right: .5rem;
        min-height: 100%;
        overflow: hidden;
        scroll-snap-align: center
    }
    .xjs-shared-sticky-scroller .mobile-only {
        display: block
    }
    .xjs-shared-sticky-scroller--swipe .xjs-shared-sticky-scroller-card {
        border-radius: var(--border-radius-medium, 8px);
        border-radius: 8px
    }
}

@media (min-width:768px) {
    .xjs-shared-sticky-scroller {
        display: flex
    }
    .speed-tiles .details-card>.xjs-shared-sticky-scroller.flex-col {
        flex: 2
    }
    .xjs-shared-sticky-scroller {
        flex-direction: column-reverse
    }
    .xjs-shared-sticky-scroller .mobile-only {
        display: none
    }
    .xjs-shared-sticky-scroller-card {
        border-radius: 0
    }
}

@media (min-width:1025px) {
    .xjs-shared-sticky-scroller {
        display: grid
    }
    @media only screen and (max-width:767px) {
        .Xjs2UpContainer .horizontalScroll.xjs-shared-sticky-scroller {
            -ms-overflow-style: none;
            display: flex;
            flex-wrap: nowrap;
            margin-left: 0;
            margin-right: 0;
            overflow-x: auto;
            padding-left: 24px;
            padding-right: 24px;
            scrollbar-width: none
        }
        .Xjs2UpContainer .horizontalScroll.xjs-shared-sticky-scroller::-webkit-scrollbar {
            display: none
        }
        .Xjs2UpContainer .horizontalScroll.xjs-shared-sticky-scroller>div {
            flex: 0 0 auto;
            max-width: -moz-fit-content;
            max-width: fit-content
        }
        .Xjs3UpContainer .horizontalScroll.xjs-shared-sticky-scroller {
            -ms-overflow-style: none;
            display: flex;
            flex-wrap: nowrap;
            margin-left: 0;
            margin-right: 0;
            overflow-x: auto;
            padding-left: 24px;
            padding-right: 24px;
            scrollbar-width: none
        }
        .Xjs3UpContainer .horizontalScroll.xjs-shared-sticky-scroller::-webkit-scrollbar {
            display: none
        }
        .Xjs3UpContainer .horizontalScroll.xjs-shared-sticky-scroller>div {
            flex: 0 0 auto;
            max-width: -moz-fit-content;
            max-width: fit-content
        }
    }
    .xjs-shared-sticky-scroller {
        grid-template-areas: "cards media"
    }
    .xjs-shared-sticky-scroller--swipe .scrolling-content {
        display: block;
        overflow-x: auto;
        overflow-y: hidden;
        padding-left: 1rem;
        padding-right: 1rem;
        scroll-snap-type: x proximity
    }
    .xjs-shared-sticky-scroller--50-50 {
        grid-template-columns: 50% 50%
    }
    .xjs-shared-sticky-scroller--40-60 {
        grid-template-columns: 40% 60%
    }
    .xjs-shared-sticky-scroller--30-70 {
        grid-template-columns: 30% 70%
    }
    .xjs-shared-sticky-scroller--swipe .scrolling-card__wrapper {
        border-radius: var(--border-radius-medium, 8px);
        box-shadow: none;
        flex: 0 0 calc(100vw - 48px);
        margin-left: .5rem;
        margin-right: .5rem;
        min-height: 0;
        overflow: hidden;
        scroll-snap-align: center
    }
}

.videoplayer-max-width {
    max-width: 1280px
}

@media screen and (min-width:1568px) {
    .videoplayer-container.videoplayer-max-width {
        grid-column-end: span 12;
        grid-column-start: auto
    }
}

.max-w-1296 {
    max-width: 1296px
}

.comparison>* {
    margin-left: auto;
    margin-right: auto
}

.comparison.comparison-col-2>* {
    max-width: 1196px
}

.comparison.comparison-col-3>* {
    max-width: 1440px
}

.comparison-header img {
    max-height: 323px;
    max-width: 323px
}

.comparison a:not(.btn) {
    --text-body3-leading: var(--text-body3-line-height);
    --text-body3-family: var(--text-family-default);
    color: var(--palette-purple-50, #5a23b9);
    font-family: var(--text-body3-family);
    font-size: var(--text-body3-size);
    font-weight: var(--text-body3-weight);
    letter-spacing: var(--text-body3-letter-spacing);
    line-height: var(--text-body3-leading);
    text-decoration: underline;
    text-transform: var(--text-body3-text-transform)
}

.comparison.dark a:not(.btn) {
    color: var(--primary-color)
}

.h-fit {
    height: -moz-fit-content
}

.w-fit {
    width: -moz-fit-content
}

.w-max {
    width: -moz-max-content
}

.min-w-max {
    min-width: -moz-max-content
}

.max-w-min {
    max-width: -moz-min-content
}

.gap-x-2 {
    -moz-column-gap: .5rem
}

.gap-x-6 {
    -moz-column-gap: 1.5rem
}

.comparison .compare-purple-text {
    color: var(--palette-purple-50, #5a23b9)
}

.comparison.dark .compare-purple-text {
    color: var(--palette-purple-20, #bda7e3)
}

.comparison .compare-green-text {
    color: var(--palette-green-60, #006851)
}

.comparison.dark .compare-green-text {
    color: var(--palette-green-20, #0ac284)
}

.comparison .compare-blue-text {
    color: var(--palette-blue-60, #0051d0)
}

.comparison.dark .compare-blue-text {
    color: var(--palette-blue-20, #4784ff)
}

.comparison .compare-orange-text {
    color: var(--palette-orange-60, #b33d00)
}

.comparison.dark .compare-orange-text {
    color: var(--palette-orange-20, #ff8d52)
}

.comparison .compare-red-text {
    color: var(--palette-red-60, #b7023c)
}

.comparison.dark .compare-red-text {
    color: var(--palette-red-20, #ff6194)
}

.w-37 {
    width: 37px
}

.xjs-counter-list {
    border: 2px solid rgba(0, 0, 0, .4);
    margin: 0 10px
}

.xjs-counter-list:first-child {
    margin-left: 0
}

.xjs-counter-list:last-child {
    margin-right: 0
}

.xjs-counter-list:not(:last-child):after,
.xjs-counter-list:not(:last-child):before {
    background-color: #000;
    border-radius: 50%;
    content: "";
    display: block;
    height: 3px;
    opacity: .5;
    position: absolute;
    right: -13px;
    width: 3px
}

.xjs-counter-list:not(:last-child):before {
    top: 40%
}

.xjs-counter-list:not(:last-child):after {
    top: 55%
}

.xjs-shared-dynamic-container--inner .text-body1,
.xjs-shared-dynamic-container--inner .text-display1 {
    color: var(--palette-grey-90, #141417)
}

.xjs-shared-dynamic-container__placeholder_inner [data-testid=Hover-Tile-Component] {
    flex-shrink: 0
}

.xjs-shared-dynamic-container__placeholder_inner {
    white-space: nowrap
}

@media only screen and (min-width:320px) {
    .xjs-shared-dynamic-container__placeholder_inner [data-testid=Hover-Tile-Component]:not(:first-of-type) {
        margin-left: 12px
    }
}

@media only screen and (min-width:1024px) {
    .xjs-shared-dynamic-container__placeholder_inner [data-testid=Hover-Tile-Component]:not(:first-of-type) {
        margin-left: 24px
    }
}

@media only screen and (min-width:1279px) {
    .xjs-shared-dynamic-container__placeholder_inner [data-testid=Hover-Tile-Component]:not(:first-of-type) {
        margin-left: 0
    }
}

.-inset-0 {
    inset: 0
}

.-top-12 {
    top: -3rem
}

.top-8 {
    top: 2rem
}

.z-75 {
    z-index: 75
}

.z-dropdown {
    z-index: 500
}

.z-modal {
    z-index: 550
}

.z-modal-backdrop {
    z-index: 540
}

.col-span-1 {
    grid-column: span 1/span 1
}

.col-span-10 {
    grid-column: span 10/span 10
}

.col-span-3 {
    grid-column: span 3/span 3
}

.col-start-1 {
    grid-column-start: 1
}

.col-start-2 {
    grid-column-start: 2
}

.col-end-4 {
    grid-column-end: 4
}

.mx-1 {
    margin-left: .25rem;
    margin-right: .25rem
}

.mx-9 {
    margin-left: 2.25rem;
    margin-right: 2.25rem
}

.my-12 {
    margin-bottom: 3rem;
    margin-top: 3rem
}

.my-16 {
    margin-bottom: 4rem;
    margin-top: 4rem
}

.my-8 {
    margin-bottom: 2rem;
    margin-top: 2rem
}

.-mt-12 {
    margin-top: -3rem
}

.-mt-2 {
    margin-top: -.5rem
}

.-mt-3 {
    margin-top: -.75rem
}

.-mt-4 {
    margin-top: -1rem
}

.ml-1 {
    margin-left: .25rem
}

.ml-10 {
    margin-left: 2.5rem
}

.ml-12 {
    margin-left: 3rem
}

.ml-8 {
    margin-left: 2rem
}

.ml-auto {
    margin-left: auto
}

.mr-0 {
    margin-right: 0
}

.mr-10 {
    margin-right: 2.5rem
}

.mr-3 {
    margin-right: .75rem
}

.mr-8 {
    margin-right: 2rem
}

.mr-auto {
    margin-right: auto
}

.h-0 {
    height: 0
}

.h-2 {
    height: .5rem
}

.h-3 {
    height: .75rem
}

.h-auto {
    height: auto
}

.h-screen {
    height: 100vh
}

.max-h-40 {
    max-height: 10rem
}

.max-h-48 {
    max-height: 12rem
}

.min-h-full {
    min-height: 100%
}

.w-0 {
    width: 0
}

.w-1\/2 {
    width: 50%
}

.w-1\/3 {
    width: 33.333333%
}

.w-2 {
    width: .5rem
}

.w-2\/12 {
    width: 16.666667%
}

.w-2\/3 {
    width: 66.666667%
}

.w-3 {
    width: .75rem
}

.w-5\/12 {
    width: 41.666667%
}

.w-7\/12 {
    width: 58.333333%
}

.w-8 {
    width: 2rem
}

.min-w-full {
    min-width: 100%
}

.max-w-fit {
    max-width: -moz-fit-content;
    max-width: fit-content
}

.flex-none {
    flex: none
}

.rotate-180 {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@keyframes bounce {
    0%,
    to {
        animation-timing-function: cubic-bezier(.8, 0, 1, 1);
        transform: translateY(-25%)
    }
    50% {
        animation-timing-function: cubic-bezier(0, 0, .2, 1);
        transform: none
    }
}

.animate-bounce {
    animation: bounce 1s infinite
}

.cursor-not-allowed {
    cursor: not-allowed
}

.select-none {
    -moz-user-select: none
}

.list-decimal {
    list-style-type: decimal
}

.appearance-none {
    -webkit-appearance: none;
    -moz-appearance: none
}

.grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr))
}

.flex-row-reverse {
    flex-direction: row-reverse
}

.content-center {
    align-content: center
}

.content-start {
    align-content: flex-start
}

.justify-evenly {
    justify-content: space-evenly
}

.gap-1 {
    gap: .25rem
}

.gap-x-4 {
    -moz-column-gap: 1rem
}

.self-end {
    align-self: flex-end
}

.overflow-scroll {
    overflow: scroll
}

.overflow-y-hidden {
    overflow-y: hidden
}

.rounded-none {
    border-radius: var(--border-radius-none, 0)
}

.rounded-b-none {
    border-bottom-left-radius: var(--border-radius-none, 0);
    border-bottom-right-radius: var(--border-radius-none, 0)
}

.rounded-l-medium {
    border-bottom-left-radius: var(--border-radius-medium, 8px);
    border-top-left-radius: var(--border-radius-medium, 8px)
}

.rounded-r-medium {
    border-bottom-right-radius: var(--border-radius-medium, 8px);
    border-top-right-radius: var(--border-radius-medium, 8px)
}

.rounded-bl-none {
    border-bottom-left-radius: var(--border-radius-none, 0)
}

.rounded-br-none {
    border-bottom-right-radius: var(--border-radius-none, 0)
}

.rounded-tl-none {
    border-top-left-radius: var(--border-radius-none, 0)
}

.rounded-tr-none {
    border-top-right-radius: var(--border-radius-none, 0)
}

.border-x-0 {
    border-left-width: 0;
    border-right-width: 0
}

.border-l {
    border-left-width: 1px
}

.border-r {
    border-right-width: 1px
}

.border-t {
    border-top-width: 1px
}

.border-t-0 {
    border-top-width: 0
}

.border-stroke-caution-base {
    border-color: rgb(var(--border-color-stroke-caution-base)/var(--tw-border-opacity))
}

.border-stroke-caution-down {
    --tw-border-opacity: 1;
    border-color: rgb(var(--border-color-stroke-caution-down)/var(--tw-border-opacity))
}

.border-stroke-caution-focus {
    --tw-border-opacity: 1;
    border-color: rgb(var(--border-color-stroke-caution-focus)/var(--tw-border-opacity))
}

.border-stroke-caution-hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--border-color-stroke-caution-hover)/var(--tw-border-opacity))
}

.border-stroke-info-base {
    border-color: rgb(var(--border-color-stroke-info-base)/var(--tw-border-opacity))
}

.border-stroke-info-down {
    --tw-border-opacity: 1;
    border-color: rgb(var(--border-color-stroke-info-down)/var(--tw-border-opacity))
}

.border-stroke-info-focus {
    --tw-border-opacity: 1;
    border-color: rgb(var(--border-color-stroke-info-focus)/var(--tw-border-opacity))
}

.border-stroke-info-hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--border-color-stroke-info-hover)/var(--tw-border-opacity))
}

.border-stroke-inverse-base {
    --tw-border-opacity: 1;
    border-color: rgb(var(--border-color-stroke-inverse-base)/var(--tw-border-opacity))
}

.border-stroke-inverse-down {
    --tw-border-opacity: 1;
    border-color: rgb(var(--border-color-stroke-inverse-down)/var(--tw-border-opacity))
}

.border-stroke-inverse-focus {
    --tw-border-opacity: 1;
    border-color: rgb(var(--border-color-stroke-inverse-focus)/var(--tw-border-opacity))
}

.border-stroke-inverse-hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--border-color-stroke-inverse-hover)/var(--tw-border-opacity))
}

.border-stroke-negative-base {
    border-color: rgb(var(--border-color-stroke-negative-base)/var(--tw-border-opacity))
}

.border-stroke-negative-down {
    --tw-border-opacity: 1;
    border-color: rgb(var(--border-color-stroke-negative-down)/var(--tw-border-opacity))
}

.border-stroke-negative-focus {
    --tw-border-opacity: 1;
    border-color: rgb(var(--border-color-stroke-negative-focus)/var(--tw-border-opacity))
}

.border-stroke-negative-hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--border-color-stroke-negative-hover)/var(--tw-border-opacity))
}

.border-stroke-neutral-base {
    border-color: rgb(var(--border-color-stroke-neutral-base)/var(--tw-border-opacity))
}

.border-stroke-neutral-down {
    --tw-border-opacity: 1;
    border-color: rgb(var(--border-color-stroke-neutral-down)/var(--tw-border-opacity))
}

.border-stroke-neutral-focus {
    --tw-border-opacity: 1;
    border-color: rgb(var(--border-color-stroke-neutral-focus)/var(--tw-border-opacity))
}

.border-stroke-neutral-hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--border-color-stroke-neutral-hover)/var(--tw-border-opacity))
}

.border-stroke-neutral2-base {
    border-color: rgb(var(--border-color-stroke-neutral2-base)/var(--tw-border-opacity))
}

.border-stroke-neutral2-down {
    --tw-border-opacity: 1;
    border-color: rgb(var(--border-color-stroke-neutral2-down)/var(--tw-border-opacity))
}

.border-stroke-neutral2-focus {
    --tw-border-opacity: 1;
    border-color: rgb(var(--border-color-stroke-neutral2-focus)/var(--tw-border-opacity))
}

.border-stroke-neutral2-hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--border-color-stroke-neutral2-hover)/var(--tw-border-opacity))
}

.border-stroke-positive-base {
    border-color: rgb(var(--border-color-stroke-positive-base)/var(--tw-border-opacity))
}

.border-stroke-positive-down {
    --tw-border-opacity: 1;
    border-color: rgb(var(--border-color-stroke-positive-down)/var(--tw-border-opacity))
}

.border-stroke-positive-focus {
    --tw-border-opacity: 1;
    border-color: rgb(var(--border-color-stroke-positive-focus)/var(--tw-border-opacity))
}

.border-stroke-positive-hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--border-color-stroke-positive-hover)/var(--tw-border-opacity))
}

.border-stroke-theme1-base {
    border-color: rgb(var(--border-color-stroke-theme1-base)/var(--tw-border-opacity))
}

.border-stroke-theme1-down {
    --tw-border-opacity: 1;
    border-color: rgb(var(--border-color-stroke-theme1-down)/var(--tw-border-opacity))
}

.border-stroke-theme1-focus {
    --tw-border-opacity: 1;
    border-color: rgb(var(--border-color-stroke-theme1-focus)/var(--tw-border-opacity))
}

.border-stroke-theme1-hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--border-color-stroke-theme1-hover)/var(--tw-border-opacity))
}

.border-transparent {
    border-color: var(--border-color-transparent, transparent)
}

.bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity))
}

.bg-current {
    background-color: currentColor
}

.bg-fill-caution-base {
    background-color: rgb(var(--background-color-fill-caution-base)/var(--tw-bg-opacity))
}

.bg-fill-caution-down {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-caution-down)/var(--tw-bg-opacity))
}

.bg-fill-caution-focus {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-caution-focus)/var(--tw-bg-opacity))
}

.bg-fill-caution-hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-caution-hover)/var(--tw-bg-opacity))
}

.bg-fill-info-base {
    background-color: rgb(var(--background-color-fill-info-base)/var(--tw-bg-opacity))
}

.bg-fill-info-down {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-info-down)/var(--tw-bg-opacity))
}

.bg-fill-info-focus {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-info-focus)/var(--tw-bg-opacity))
}

.bg-fill-info-hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-info-hover)/var(--tw-bg-opacity))
}

.bg-fill-inverse-base {
    background-color: rgb(var(--background-color-fill-inverse-base)/var(--tw-bg-opacity))
}

.bg-fill-inverse-down {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-inverse-down)/var(--tw-bg-opacity))
}

.bg-fill-inverse-focus {
    background-color: rgb(var(--background-color-fill-inverse-focus)/var(--tw-bg-opacity))
}

.bg-fill-inverse-hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-inverse-hover)/var(--tw-bg-opacity))
}

.bg-fill-negative-base {
    background-color: rgb(var(--background-color-fill-negative-base)/var(--tw-bg-opacity))
}

.bg-fill-negative-down {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-negative-down)/var(--tw-bg-opacity))
}

.bg-fill-negative-focus {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-negative-focus)/var(--tw-bg-opacity))
}

.bg-fill-negative-hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-negative-hover)/var(--tw-bg-opacity))
}

.bg-fill-neutral-base {
    background-color: rgb(var(--background-color-fill-neutral-base)/var(--tw-bg-opacity))
}

.bg-fill-neutral-down {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-neutral-down)/var(--tw-bg-opacity))
}

.bg-fill-neutral-focus {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-neutral-focus)/var(--tw-bg-opacity))
}

.bg-fill-neutral-hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-neutral-hover)/var(--tw-bg-opacity))
}

.bg-fill-neutral2-base {
    background-color: rgb(var(--background-color-fill-neutral2-base)/var(--tw-bg-opacity))
}

.bg-fill-neutral2-down {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-neutral2-down)/var(--tw-bg-opacity))
}

.bg-fill-neutral2-focus {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-neutral2-focus)/var(--tw-bg-opacity))
}

.bg-fill-neutral2-hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-neutral2-hover)/var(--tw-bg-opacity))
}

.bg-fill-positive-base {
    background-color: rgb(var(--background-color-fill-positive-base)/var(--tw-bg-opacity))
}

.bg-fill-positive-down {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-positive-down)/var(--tw-bg-opacity))
}

.bg-fill-positive-focus {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-positive-focus)/var(--tw-bg-opacity))
}

.bg-fill-positive-hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-positive-hover)/var(--tw-bg-opacity))
}

.bg-fill-theme1-base {
    background-color: rgb(var(--background-color-fill-theme1-base)/var(--tw-bg-opacity))
}

.bg-fill-theme1-down {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-theme1-down)/var(--tw-bg-opacity))
}

.bg-fill-theme1-focus {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-theme1-focus)/var(--tw-bg-opacity))
}

.bg-fill-theme1-hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-theme1-hover)/var(--tw-bg-opacity))
}

.bg-material-1 {
    background-color: rgb(var(--background-color-material-1)/var(--tw-bg-opacity))
}

.bg-material-1-inverse {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-material-1-inverse)/var(--tw-bg-opacity))
}

.bg-material-2 {
    background-color: rgb(var(--background-color-material-2)/var(--tw-bg-opacity))
}

.bg-material-2-inverse {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-material-2-inverse)/var(--tw-bg-opacity))
}

.bg-material-caution {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-material-caution)/var(--tw-bg-opacity))
}

.bg-material-caution-base {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-material-caution-base)/var(--tw-bg-opacity))
}

.bg-material-caution-inverse {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-material-caution-inverse)/var(--tw-bg-opacity))
}

.bg-material-caution-inverse-base {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-material-caution-inverse-base)/var(--tw-bg-opacity))
}

.bg-material-info {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-material-info)/var(--tw-bg-opacity))
}

.bg-material-info-base {
    background-color: rgb(var(--background-color-material-info-base)/var(--tw-bg-opacity))
}

.bg-material-info-inverse {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-material-info-inverse)/var(--tw-bg-opacity))
}

.bg-material-info-inverse-base {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-material-info-inverse-base)/var(--tw-bg-opacity))
}

.bg-material-negative {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-material-negative)/var(--tw-bg-opacity))
}

.bg-material-negative-base {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-material-negative-base)/var(--tw-bg-opacity))
}

.bg-material-negative-inverse {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-material-negative-inverse)/var(--tw-bg-opacity))
}

.bg-material-negative-inverse-base {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-material-negative-inverse-base)/var(--tw-bg-opacity))
}

.bg-material-neutral-base {
    background-color: rgb(var(--background-color-material-neutral-base)/var(--tw-bg-opacity))
}

.bg-material-neutral-inverse-base {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-material-neutral-inverse-base)/var(--tw-bg-opacity))
}

.bg-material-neutral2-base {
    background-color: rgb(var(--background-color-material-neutral2-base)/var(--tw-bg-opacity))
}

.bg-material-neutral2-inverse-base {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-material-neutral2-inverse-base)/var(--tw-bg-opacity))
}

.bg-material-positive {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-material-positive)/var(--tw-bg-opacity))
}

.bg-material-positive-base {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-material-positive-base)/var(--tw-bg-opacity))
}

.bg-material-positive-inverse {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-material-positive-inverse)/var(--tw-bg-opacity))
}

.bg-material-positive-inverse-base {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-material-positive-inverse-base)/var(--tw-bg-opacity))
}

.bg-material-theme1 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-material-theme1)/var(--tw-bg-opacity))
}

.bg-material-theme1-base {
    background-color: rgb(var(--background-color-material-theme1-base)/var(--tw-bg-opacity))
}

.bg-material-theme1-inverse {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-material-theme1-inverse)/var(--tw-bg-opacity))
}

.bg-material-theme1-inverse-base {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-material-theme1-inverse-base)/var(--tw-bg-opacity))
}

.bg-white {
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.bg-opacity-secondary {
    --tw-bg-opacity: var(--background-opacity-secondary, 0.6)
}

.object-bottom {
    object-position: bottom
}

.object-left {
    object-position: left
}

.object-left-bottom {
    object-position: left bottom
}

.object-right {
    object-position: right
}

.object-right-bottom {
    object-position: right bottom
}

.px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

.px-16 {
    padding-left: 4rem;
    padding-right: 4rem
}

.px-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem
}

.py-12 {
    padding-bottom: 3rem;
    padding-top: 3rem
}

.py-14 {
    padding-bottom: 3.5rem;
    padding-top: 3.5rem
}

.py-16 {
    padding-bottom: 4rem;
    padding-top: 4rem
}

.pb-0 {
    padding-bottom: 0
}

.pb-1 {
    padding-bottom: .25rem
}

.pb-12 {
    padding-bottom: 3rem
}

.pb-14 {
    padding-bottom: 3.5rem
}

.pb-16 {
    padding-bottom: 4rem
}

.pb-24 {
    padding-bottom: 6rem
}

.pb-3 {
    padding-bottom: .75rem
}

.pl-0 {
    padding-left: 0
}

.pl-1 {
    padding-left: .25rem
}

.pl-6 {
    padding-left: 1.5rem
}

.pl-8 {
    padding-left: 2rem
}

.pr-0 {
    padding-right: 0
}

.pr-1 {
    padding-right: .25rem
}

.pr-10 {
    padding-right: 2.5rem
}

.pr-20 {
    padding-right: 5rem
}

.pr-4 {
    padding-right: 1rem
}

.pr-6 {
    padding-right: 1.5rem
}

.pr-8 {
    padding-right: 2rem
}

.pt-0 {
    padding-top: 0
}

.pt-0\.5 {
    padding-top: .125rem
}

.pt-9 {
    padding-top: 2.25rem
}

.align-super {
    vertical-align: super
}

.leading-3 {
    line-height: .75rem
}

.text-black {
    color: rgb(0 0 0/var(--tw-text-opacity))
}

.text-caution-base {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-caution-base)/var(--tw-text-opacity))
}

.text-caution-down {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-caution-down)/var(--tw-text-opacity))
}

.text-caution-focus {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-caution-focus)/var(--tw-text-opacity))
}

.text-caution-hover {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-caution-hover)/var(--tw-text-opacity))
}

.text-info-base {
    color: rgb(var(--text-color-info-base)/var(--tw-text-opacity))
}

.text-info-down {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-info-down)/var(--tw-text-opacity))
}

.text-info-focus {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-info-focus)/var(--tw-text-opacity))
}

.text-info-hover {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-info-hover)/var(--tw-text-opacity))
}

.text-inverse-base {
    color: rgb(var(--text-color-inverse-base)/var(--tw-text-opacity))
}

.text-inverse-down {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-inverse-down)/var(--tw-text-opacity))
}

.text-inverse-focus {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-inverse-focus)/var(--tw-text-opacity))
}

.text-inverse-hover {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-inverse-hover)/var(--tw-text-opacity))
}

.text-negative-base {
    color: rgb(var(--text-color-negative-base)/var(--tw-text-opacity))
}

.text-negative-down {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-negative-down)/var(--tw-text-opacity))
}

.text-negative-focus {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-negative-focus)/var(--tw-text-opacity))
}

.text-negative-hover {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-negative-hover)/var(--tw-text-opacity))
}

.text-neutral-base {
    color: rgb(var(--text-color-neutral-base)/var(--tw-text-opacity))
}

.text-neutral-down {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-neutral-down)/var(--tw-text-opacity))
}

.text-neutral-focus {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-neutral-focus)/var(--tw-text-opacity))
}

.text-neutral-hover {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-neutral-hover)/var(--tw-text-opacity))
}

.text-neutral2-base {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-neutral2-base)/var(--tw-text-opacity))
}

.text-neutral2-down {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-neutral2-down)/var(--tw-text-opacity))
}

.text-neutral2-focus {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-neutral2-focus)/var(--tw-text-opacity))
}

.text-neutral2-hover {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-neutral2-hover)/var(--tw-text-opacity))
}

.text-positive-base {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-positive-base)/var(--tw-text-opacity))
}

.text-positive-down {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-positive-down)/var(--tw-text-opacity))
}

.text-positive-focus {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-positive-focus)/var(--tw-text-opacity))
}

.text-positive-hover {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-positive-hover)/var(--tw-text-opacity))
}

.text-theme1-base {
    color: rgb(var(--text-color-theme1-base)/var(--tw-text-opacity))
}

.text-theme1-down {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-theme1-down)/var(--tw-text-opacity))
}

.text-theme1-focus {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-theme1-focus)/var(--tw-text-opacity))
}

.text-theme1-hover {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-theme1-hover)/var(--tw-text-opacity))
}

.text-white {
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.opacity-50 {
    opacity: .5
}

.shadow-2 {
    --tw-shadow: 0px 12px 12px -8px var(--shadow-color);
    --tw-shadow-colored: 0px 12px 12px -8px var(--tw-shadow-color)
}

.shadow-2,
.shadow-5 {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-5 {
    --tw-shadow: 0px 32px 32px -8px var(--shadow-color);
    --tw-shadow-colored: 0px 32px 32px -8px var(--tw-shadow-color)
}

.outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.transition-opacity {
    transition-duration: .15s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.duration-1000 {
    transition-duration: 1s
}

.corner-radius-large {
    border-radius: 16px
}

.bg-fill-caution-down {
    --shadow-color: var(--fill-caution-down-shadow)
}

.bg-fill-caution-focus {
    --shadow-color: var(--fill-caution-focus-shadow)
}

.bg-fill-caution-hover {
    --shadow-color: var(--fill-caution-hover-shadow)
}

.bg-fill-info-down {
    --shadow-color: var(--fill-info-down-shadow)
}

.bg-fill-info-focus {
    --shadow-color: var(--fill-info-focus-shadow)
}

.bg-fill-info-hover {
    --shadow-color: var(--fill-info-hover-shadow)
}

.bg-fill-inverse-down {
    --shadow-color: var(--fill-inverse-down-shadow)
}

.bg-fill-inverse-hover {
    --shadow-color: var(--fill-inverse-hover-shadow)
}

.bg-fill-negative-down {
    --shadow-color: var(--fill-negative-down-shadow)
}

.bg-fill-negative-focus {
    --shadow-color: var(--fill-negative-focus-shadow)
}

.bg-fill-negative-hover {
    --shadow-color: var(--fill-negative-hover-shadow)
}

.bg-fill-neutral-down {
    --shadow-color: var(--fill-neutral-down-shadow)
}

.bg-fill-neutral-focus {
    --shadow-color: var(--fill-neutral-focus-shadow)
}

.bg-fill-neutral-hover {
    --shadow-color: var(--fill-neutral-hover-shadow)
}

.bg-fill-positive-down {
    --shadow-color: var(--fill-positive-down-shadow)
}

.bg-fill-positive-focus {
    --shadow-color: var(--fill-positive-focus-shadow)
}

.bg-fill-positive-hover {
    --shadow-color: var(--fill-positive-hover-shadow)
}

.bg-fill-theme1-down {
    --shadow-color: var(--fill-theme1-down-shadow)
}

.bg-fill-theme1-focus {
    --shadow-color: var(--fill-theme1-focus-shadow)
}

.bg-fill-theme1-hover {
    --shadow-color: var(--fill-theme1-hover-shadow)
}

.bg-material-1-inverse {
    --shadow-color: var(--material-1-inverse-shadow)
}

.bg-material-2-inverse {
    --shadow-color: var(--material-2-inverse-shadow)
}

.bg-material-caution {
    --shadow-color: var(--material-caution-shadow)
}

.bg-material-caution-inverse {
    --shadow-color: var(--material-caution-inverse-shadow)
}

.bg-material-info {
    --shadow-color: var(--material-info-shadow)
}

.bg-material-info-inverse {
    --shadow-color: var(--material-info-inverse-shadow)
}

.bg-material-negative {
    --shadow-color: var(--material-negative-shadow)
}

.bg-material-negative-inverse {
    --shadow-color: var(--material-negative-inverse-shadow)
}

.bg-material-positive {
    --shadow-color: var(--material-positive-shadow)
}

.bg-material-positive-inverse {
    --shadow-color: var(--material-positive-inverse-shadow)
}

.bg-material-theme1 {
    --shadow-color: var(--material-theme1-shadow)
}

.bg-material-theme1-inverse {
    --shadow-color: var(--material-theme1-inverse-shadow)
}

.bg-material-caution-base {
    --shadow-color: var(--material-caution-base-shadow)
}

.bg-material-negative-base {
    --shadow-color: var(--material-negative-base-shadow)
}

.bg-material-positive-base {
    --shadow-color: var(--material-positive-base-shadow)
}

.bg-material-neutral-inverse-base {
    --shadow-color: var(--material-neutral-inverse-base-shadow)
}

.bg-material-neutral2-inverse-base {
    --shadow-color: var(--material-neutral2-inverse-base-shadow)
}

.bg-material-caution-inverse-base {
    --shadow-color: var(--material-caution-inverse-base-shadow)
}

.bg-material-info-inverse-base {
    --shadow-color: var(--material-info-inverse-base-shadow)
}

.bg-material-negative-inverse-base {
    --shadow-color: var(--material-negative-inverse-base-shadow)
}

.bg-material-positive-inverse-base {
    --shadow-color: var(--material-positive-inverse-base-shadow)
}

.light,
.light-secondary,
:root,
[light-secondary],
[light] {
    --fill-caution-base-shadow: rgba(95, 29, 0, .51);
    --fill-caution-down-shadow: rgba(74, 22, 0, .51);
    --fill-caution-focus-shadow: rgba(85, 26, 0, .51);
    --fill-caution-hover-shadow: rgba(85, 26, 0, .51);
    --fill-info-base-shadow: rgba(0, 39, 112, .51);
    --fill-info-down-shadow: rgba(0, 24, 68, .51);
    --fill-info-focus-shadow: rgba(0, 30, 85, .51);
    --fill-info-hover-shadow: rgba(0, 30, 85, .51);
    --fill-inverse-base-shadow: hsla(240, 0%, 53%, .51);
    --fill-inverse-down-shadow: hsla(240, 3%, 45%, .51);
    --fill-inverse-focus-shadow: hsla(0, 0%, 55%, .51);
    --fill-inverse-hover-shadow: hsla(0, 0%, 55%, .51);
    --fill-negative-base-shadow: rgba(97, 1, 28, .51);
    --fill-negative-down-shadow: rgba(51, 0, 14, .51);
    --fill-negative-focus-shadow: rgba(74, 0, 21, .51);
    --fill-negative-hover-shadow: rgba(74, 0, 21, .51);
    --fill-neutral-base-shadow: rgba(8, 8, 10, .51);
    --fill-neutral-down-shadow: rgba(34, 34, 39, .51);
    --fill-neutral-focus-shadow: rgba(24, 24, 28, .51);
    --fill-neutral-hover-shadow: rgba(24, 24, 28, .51);
    --fill-positive-base-shadow: rgba(0, 52, 39, .51);
    --fill-positive-down-shadow: rgba(0, 23, 18, .51);
    --fill-positive-focus-shadow: rgba(0, 40, 30, .51);
    --fill-positive-hover-shadow: rgba(0, 40, 30, .51);
    --fill-theme1-base-shadow: rgba(44, 15, 98, .51);
    --fill-theme1-down-shadow: rgba(18, 7, 41, .51);
    --fill-theme1-focus-shadow: rgba(25, 9, 56, .51);
    --fill-theme1-hover-shadow: rgba(25, 9, 56, .51);
    --fill-theme2-base-shadow: rgba(44, 15, 98, .51);
    --fill-theme2-down-shadow: rgba(18, 7, 41, .51);
    --fill-theme2-focus-shadow: rgba(25, 9, 56, .51);
    --fill-theme2-hover-shadow: rgba(25, 9, 56, .51);
    --material-1-shadow: hsla(0, 0%, 55%, .51);
    --material-2-shadow: hsla(240, 0%, 53%, .51);
    --material-1-inverse-shadow: rgba(8, 8, 10, .51);
    --material-2-inverse-shadow: rgba(15, 15, 18, .51);
    --material-caution-shadow: hsla(20, 6%, 49%, .51);
    --material-caution-inverse-shadow: rgba(27, 14, 8, .51);
    --material-info-shadow: hsla(220, 6%, 49%, .51);
    --material-info-inverse-shadow: rgba(8, 13, 24, .51);
    --material-negative-shadow: hsla(340, 6%, 49%, .51);
    --material-negative-inverse-shadow: rgba(22, 7, 12, .51);
    --material-positive-shadow: hsla(160, 6%, 49%, .51);
    --material-positive-inverse-shadow: rgba(6, 19, 14, .51);
    --material-theme1-shadow: hsla(266, 3%, 52%, .51);
    --material-theme1-inverse-shadow: rgba(17, 6, 34, .51);
    --material-neutral-base-shadow: hsla(0, 0%, 55%, .51);
    --material-neutral-down-shadow: hsla(0, 0%, 47%, .51);
    --material-neutral-focus-shadow: hsla(0, 0%, 53%, .51);
    --material-neutral-hover-shadow: hsla(0, 0%, 53%, .51);
    --material-neutral2-base-shadow: hsla(240, 0%, 53%, .51);
    --material-neutral2-down-shadow: hsla(240, 0%, 46%, .51);
    --material-neutral2-focus-shadow: hsla(240, 0%, 51%, .51);
    --material-neutral2-hover-shadow: hsla(240, 0%, 51%, .51);
    --material-caution-base-shadow: hsla(20, 6%, 49%, .51);
    --material-caution-down-shadow: hsla(18, 6%, 43%, .51);
    --material-caution-focus-shadow: hsla(21, 6%, 47%, .51);
    --material-caution-hover-shadow: hsla(21, 6%, 47%, .51);
    --material-info-base-shadow: hsla(220, 6%, 49%, .51);
    --material-info-down-shadow: hsla(222, 6%, 43%, .51);
    --material-info-focus-shadow: hsla(219, 6%, 47%, .51);
    --material-info-hover-shadow: hsla(219, 6%, 47%, .51);
    --material-negative-base-shadow: hsla(340, 6%, 49%, .51);
    --material-negative-down-shadow: hsla(342, 6%, 43%, .51);
    --material-negative-focus-shadow: hsla(339, 6%, 47%, .51);
    --material-negative-hover-shadow: hsla(339, 6%, 47%, .51);
    --material-positive-base-shadow: hsla(160, 6%, 49%, .51);
    --material-positive-down-shadow: hsla(162, 6%, 43%, .51);
    --material-positive-focus-shadow: hsla(163, 6%, 47%, .51);
    --material-positive-hover-shadow: hsla(163, 6%, 47%, .51);
    --material-neutral-inverse-base-shadow: rgba(8, 8, 10, .51);
    --material-neutral-inverse-down-shadow: rgba(22, 22, 23, .51);
    --material-neutral-inverse-focus-shadow: rgba(13, 13, 14, .51);
    --material-neutral-inverse-hover-shadow: rgba(13, 13, 14, .51);
    --material-neutral2-inverse-base-shadow: rgba(15, 15, 18, .51);
    --material-neutral2-inverse-down-shadow: rgba(29, 29, 31, .51);
    --material-neutral2-inverse-focus-shadow: rgba(20, 20, 22, .51);
    --material-neutral2-inverse-hover-shadow: rgba(20, 20, 22, .51);
    --material-caution-inverse-base-shadow: rgba(27, 14, 8, .51);
    --material-caution-inverse-down-shadow: rgba(39, 28, 22, .51);
    --material-caution-inverse-focus-shadow: rgba(31, 18, 13, .51);
    --material-caution-inverse-hover-shadow: rgba(31, 18, 13, .51);
    --material-info-inverse-base-shadow: rgba(8, 13, 24, .51);
    --material-info-inverse-down-shadow: rgba(21, 27, 37, .51);
    --material-info-inverse-focus-shadow: rgba(12, 17, 28, .51);
    --material-info-inverse-hover-shadow: rgba(12, 17, 28, .51);
    --material-negative-inverse-base-shadow: rgba(22, 7, 12, .51);
    --material-negative-inverse-down-shadow: rgba(35, 21, 25, .51);
    --material-negative-inverse-focus-shadow: rgba(27, 12, 16, .51);
    --material-negative-inverse-hover-shadow: rgba(27, 12, 16, .51);
    --material-positive-inverse-base-shadow: rgba(6, 19, 14, .51);
    --material-positive-inverse-down-shadow: rgba(19, 32, 28, .51);
    --material-positive-inverse-focus-shadow: rgba(10, 23, 19, .51);
    --material-positive-inverse-hover-shadow: rgba(10, 23, 19, .51);
    --material-theme1-base-shadow: hsla(266, 3%, 52%, .51);
    --material-theme1-down-shadow: hsla(260, 3%, 45%, .51);
    --material-theme1-focus-shadow: hsla(266, 3%, 50%, .51);
    --material-theme1-hover-shadow: hsla(266, 3%, 50%, .51);
    --material-theme2-base-shadow: hsla(266, 3%, 52%, .51);
    --material-theme2-down-shadow: hsla(260, 3%, 45%, .51);
    --material-theme2-focus-shadow: hsla(266, 3%, 50%, .51);
    --material-theme2-hover-shadow: hsla(266, 3%, 50%, .51)
}

.dark,
.dark-secondary,
[dark-secondary],
[dark] {
    --fill-caution-base-shadow: rgba(0, 0, 0, .51);
    --fill-caution-down-shadow: rgba(0, 0, 0, .51);
    --fill-caution-focus-shadow: rgba(0, 0, 0, .51);
    --fill-caution-hover-shadow: rgba(0, 0, 0, .51);
    --fill-info-base-shadow: rgba(0, 0, 0, .51);
    --fill-info-down-shadow: rgba(0, 0, 0, .51);
    --fill-info-focus-shadow: rgba(0, 0, 0, .51);
    --fill-info-hover-shadow: rgba(0, 0, 0, .51);
    --fill-inverse-base-shadow: rgba(0, 0, 0, .51);
    --fill-inverse-down-shadow: rgba(0, 0, 0, .51);
    --fill-inverse-focus-shadow: rgba(0, 0, 0, .51);
    --fill-inverse-hover-shadow: rgba(0, 0, 0, .51);
    --fill-negative-base-shadow: rgba(0, 0, 0, .51);
    --fill-negative-down-shadow: rgba(0, 0, 0, .51);
    --fill-negative-focus-shadow: rgba(0, 0, 0, .51);
    --fill-negative-hover-shadow: rgba(0, 0, 0, .51);
    --fill-neutral-base-shadow: rgba(0, 0, 0, .51);
    --fill-neutral-down-shadow: rgba(0, 0, 0, .51);
    --fill-neutral-focus-shadow: rgba(0, 0, 0, .51);
    --fill-neutral-hover-shadow: rgba(0, 0, 0, .51);
    --fill-positive-base-shadow: rgba(0, 0, 0, .51);
    --fill-positive-down-shadow: rgba(0, 0, 0, .51);
    --fill-positive-focus-shadow: rgba(0, 0, 0, .51);
    --fill-positive-hover-shadow: rgba(0, 0, 0, .51);
    --fill-theme1-base-shadow: rgba(0, 0, 0, .51);
    --fill-theme1-down-shadow: rgba(0, 0, 0, .51);
    --fill-theme1-focus-shadow: rgba(0, 0, 0, .51);
    --fill-theme1-hover-shadow: rgba(0, 0, 0, .51);
    --fill-theme2-base-shadow: rgba(0, 0, 0, .51);
    --fill-theme2-down-shadow: rgba(0, 0, 0, .51);
    --fill-theme2-focus-shadow: rgba(0, 0, 0, .51);
    --fill-theme2-hover-shadow: rgba(0, 0, 0, .51);
    --material-1-shadow: rgba(8, 8, 10, .51);
    --material-2-shadow: rgba(15, 15, 18, .51);
    --material-1-inverse-shadow: hsla(0, 0%, 55%, .51);
    --material-2-inverse-shadow: hsla(240, 0%, 53%, .51);
    --material-caution-shadow: rgba(27, 14, 8, .51);
    --material-caution-inverse-shadow: hsla(20, 6%, 49%, .51);
    --material-info-shadow: rgba(8, 13, 24, .51);
    --material-info-inverse-shadow: hsla(220, 6%, 49%, .51);
    --material-negative-shadow: rgba(22, 7, 12, .51);
    --material-negative-inverse-shadow: hsla(340, 6%, 49%, .51);
    --material-positive-shadow: rgba(6, 19, 14, .51);
    --material-positive-inverse-shadow: hsla(160, 6%, 49%, .51);
    --material-theme1-shadow: rgba(17, 6, 34, .51);
    --material-theme1-inverse-shadow: hsla(266, 3%, 52%, .51);
    --material-neutral-base-shadow: rgba(0, 0, 0, .51);
    --material-neutral-down-shadow: rgba(0, 0, 0, .51);
    --material-neutral-focus-shadow: rgba(0, 0, 0, .51);
    --material-neutral-hover-shadow: rgba(0, 0, 0, .51);
    --material-neutral2-base-shadow: rgba(0, 0, 0, .51);
    --material-neutral2-down-shadow: rgba(0, 0, 0, .51);
    --material-neutral2-focus-shadow: rgba(0, 0, 0, .51);
    --material-neutral2-hover-shadow: rgba(0, 0, 0, .51);
    --material-caution-base-shadow: rgba(0, 0, 0, .51);
    --material-caution-down-shadow: rgba(0, 0, 0, .51);
    --material-caution-focus-shadow: rgba(0, 0, 0, .51);
    --material-caution-hover-shadow: rgba(0, 0, 0, .51);
    --material-info-base-shadow: rgba(0, 0, 0, .51);
    --material-info-down-shadow: rgba(0, 0, 0, .51);
    --material-info-focus-shadow: rgba(0, 0, 0, .51);
    --material-info-hover-shadow: rgba(0, 0, 0, .51);
    --material-negative-base-shadow: rgba(0, 0, 0, .51);
    --material-negative-down-shadow: rgba(0, 0, 0, .51);
    --material-negative-focus-shadow: rgba(0, 0, 0, .51);
    --material-negative-hover-shadow: rgba(0, 0, 0, .51);
    --material-positive-base-shadow: rgba(0, 0, 0, .51);
    --material-positive-down-shadow: rgba(0, 0, 0, .51);
    --material-positive-focus-shadow: rgba(0, 0, 0, .51);
    --material-positive-hover-shadow: rgba(0, 0, 0, .51);
    --material-neutral-inverse-base-shadow: rgba(0, 0, 0, .51);
    --material-neutral-inverse-down-shadow: rgba(0, 0, 0, .51);
    --material-neutral-inverse-focus-shadow: rgba(0, 0, 0, .51);
    --material-neutral-inverse-hover-shadow: rgba(0, 0, 0, .51);
    --material-neutral2-inverse-base-shadow: rgba(0, 0, 0, .51);
    --material-neutral2-inverse-down-shadow: rgba(0, 0, 0, .51);
    --material-neutral2-inverse-focus-shadow: rgba(0, 0, 0, .51);
    --material-neutral2-inverse-hover-shadow: rgba(0, 0, 0, .51);
    --material-caution-inverse-base-shadow: rgba(0, 0, 0, .51);
    --material-caution-inverse-down-shadow: rgba(0, 0, 0, .51);
    --material-caution-inverse-focus-shadow: rgba(0, 0, 0, .51);
    --material-caution-inverse-hover-shadow: rgba(0, 0, 0, .51);
    --material-info-inverse-base-shadow: rgba(0, 0, 0, .51);
    --material-info-inverse-down-shadow: rgba(0, 0, 0, .51);
    --material-info-inverse-focus-shadow: rgba(0, 0, 0, .51);
    --material-info-inverse-hover-shadow: rgba(0, 0, 0, .51);
    --material-negative-inverse-base-shadow: rgba(0, 0, 0, .51);
    --material-negative-inverse-down-shadow: rgba(0, 0, 0, .51);
    --material-negative-inverse-focus-shadow: rgba(0, 0, 0, .51);
    --material-negative-inverse-hover-shadow: rgba(0, 0, 0, .51);
    --material-positive-inverse-base-shadow: rgba(0, 0, 0, .51);
    --material-positive-inverse-down-shadow: rgba(0, 0, 0, .51);
    --material-positive-inverse-focus-shadow: rgba(0, 0, 0, .51);
    --material-positive-inverse-hover-shadow: rgba(0, 0, 0, .51);
    --material-theme1-base-shadow: rgba(0, 0, 0, .51);
    --material-theme1-down-shadow: rgba(0, 0, 0, .51);
    --material-theme1-focus-shadow: rgba(0, 0, 0, .51);
    --material-theme1-hover-shadow: rgba(0, 0, 0, .51);
    --material-theme2-base-shadow: rgba(0, 0, 0, .51);
    --material-theme2-down-shadow: rgba(0, 0, 0, .51);
    --material-theme2-focus-shadow: rgba(0, 0, 0, .51);
    --material-theme2-hover-shadow: rgba(0, 0, 0, .51)
}

.full-image-content-half,
.full-video-half-fill {
    align-self: stretch;
    flex: 0.5 0.5 100%;
    max-width: 50%;
    position: relative
}

.full-image-content-full {
    align-self: stretch;
    flex: 0.5 0.5 100%;
    max-width: 100%;
    position: relative
}

.full-video-absolute-fill {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.full-video-cover-fill {
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%
}

.full-video-position-center {
    object-position: center
}

.full-image-full-fill,
.full-video-full-fill {
    display: block;
    width: 100%
}

.full-video-full-fill {
    position: relative
}

.full-image-large-full {
    min-height: 80vw
}

.full-image-medium-full {
    min-height: 50vw
}

.full-image-small-full {
    min-height: 25vw
}

.full-image-square {
    min-height: 100vw
}

.xjs-shared-hover-tile .w-131,
.xjs-shared-hover-tile.w-131 {
    width: 131px
}

.xjs-shared-hover-tile.h-188 {
    height: 188px
}

.xjs-shared-hover-tile .w-151,
.xjs-shared-hover-tile.w-151 {
    width: 151px
}

.xjs-shared-hover-tile.h-211 {
    height: 211px
}

.xjs-shared-hover-tile .w-220,
.xjs-shared-hover-tile.w-220 {
    width: 220px
}

.xjs-shared-hover-tile.h-310 {
    height: 310px
}

.xjs-shared-hover-tile .w-hover-272,
.xjs-shared-hover-tile.w-hover-272 {
    width: 272px
}

.xjs-shared-hover-tile .w-hover-400,
.xjs-shared-hover-tile.w-hover-400 {
    width: 400px
}

.xjs-shared-hover-tile .w-hover-342,
.xjs-shared-hover-tile.w-hover-342 {
    width: 342px
}

.xjs-shared-hover-tile.text-palette-grey-10 {
    background-color: var(--palette-grey-10, #ececf2);
    color: var(--palette-black, #000)
}

.xjs-shared-hover-tile.text-palette-transparent {
    background-color: initial;
    color: #000
}

.comparison .comparison-featured {
    position: relative
}

.comparison .comparison-featured>* {
    position: relative;
    z-index: 1
}

.comparison .comparison-featured:after {
    border-left-style: solid;
    border-left-width: 2px;
    border-right-style: solid;
    border-right-width: 2px;
    content: "";
    height: calc(100% + 8px);
    left: -4px;
    position: absolute;
    top: -4px;
    width: calc(100% + 8px)
}

.comparison.comparison-green .comparison-featured:after {
    border-color: #008558
}

.comparison.comparison-blue .comparison-featured:after {
    border-color: #1f69ff
}

.comparison.comparison-orange .comparison-featured:after {
    border-color: #e64f00
}

.comparison.comparison-purple .comparison-featured:after {
    border-color: #6138f5
}

.comparison.comparison-red .comparison-featured:after {
    border-color: #e6004a
}

.comparison>div.comparison-table>div.comparison-header .comparison-featured:after {
    height: 100%;
    top: 4px
}

.comparison>div.comparison-table>div:last-of-type.comparison-row .comparison-featured:after {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    height: calc(100% + 8px);
    left: -4px;
    top: -4px;
    width: calc(100% + 8px)
}

.comparison>div.comparison-table>div.comparison-header>div:first-of-type .comparison-featured:after {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-top-style: solid;
    border-top-width: 2px;
    height: calc(100% + 8px);
    left: -4px;
    top: -4px;
    width: calc(100% + 8px)
}

.light .colored-background {
    background-color: var(--palette-grey-05, #f6f6f9)
}

.dark .colored-background {
    background-color: var(--palette-grey-70, #35353b)
}

[theme] .transparent-background {
    background-color: var(--background-color-transparent, transparent)
}

.light .colored-background-gradient {
    background: linear-gradient(180deg, rgba(246, 246, 249, 0), #f6f6f9)
}

.comparison .featured-pill {
    --text-caption-leading: var(--text-caption-line-height);
    --text-caption-family: var(--text-family-default);
    font-family: var(--text-caption-family);
    font-size: var(--text-caption-size);
    font-weight: 700;
    font-weight: var(--text-caption-weight);
    letter-spacing: var(--text-caption-letter-spacing);
    line-height: var(--text-caption-leading);
    padding: .5rem 1.5rem;
    text-align: center;
    text-transform: var(--text-caption-text-transform)
}

.comparison .featured-pill .xjs-icon-stack__icon-container {
    justify-content: center
}

.comparison .featured-pill {
    border-radius: var(--border-radius-large, 16px);
    font-size: 10px;
    line-height: 1
}

.comparison .featured-pill-large {
    font-size: 12px;
    min-width: 104px
}

.xjs-shared-marketing-card .max-h-40 {
    max-height: 2.5rem
}

.xjs-shared-marketing-card .max-h-48 {
    max-height: 3rem
}

.xjs-shared-marketing-card .max-h-600 {
    max-height: 37.5rem
}

.xjs-shared-marketing-card .object-center-bottom {
    object-position: center bottom
}

.xjs-shared-marketing-card .object-left-bottom {
    object-position: left bottom
}

.xjs-shared-marketing-card .object-right-bottom {
    object-position: right bottom
}

.xjs-shared-marketing-card .max-w-375 {
    margin: auto;
    max-width: 23.438rem
}

.xjs-shared-marketing-card .pt-0 {
    padding-top: 0
}

.xjs-shared-marketing-card .pt-2\/3 {
    padding-top: 66.666667%
}

.xjs-shared-marketing-card .top-1\/2 {
    top: 50%
}

.xjs-shared-marketing-card h2.text-headline1 {
    color: inherit
}

.xjs-shared-marketing-card .logo-display {
    display: inline
}

.xjs-shared-key-value .last-of-type\:mb-0:last-of-type {
    margin-bottom: 0
}

.w-247 {
    width: 15.4375rem
}

.w-130 {
    width: 8.125rem
}

.max-w-393 {
    max-width: 24.5625rem
}

.bg-tertiary {
    --tw-bg-opacity: 1;
    --tw-bg-opacity: var(--background-opacity-tertiary, 0.15);
    --shadow-color: var(--material-neutral-base-shadow);
    background-color: rgb(var(--background-color-material-neutral-base)/var(--tw-bg-opacity))
}

.xjs-service-card-border-shell {
    border-color: var(--palette-grey-20, #ceceda)
}

.bg-shell-base.bg-secondary {
    background-color: var(--secondary-background)
}

@media (min-width:768px) {
    .md\:text-headline1 {
        --text-headline1-leading: var(--text-headline1-line-height);
        --text-headline1-family: var(--text-family-brand);
        font-family: var(--text-headline1-family);
        font-size: var(--text-headline1-size);
        font-weight: var(--text-headline1-weight);
        letter-spacing: var(--text-headline1-letter-spacing);
        line-height: var(--text-headline1-leading);
        text-transform: var(--text-headline1-text-transform)
    }
    .md\:text-jumbo1 {
        font-size: 8.625rem;
        letter-spacing: -2.4px
    }
    .md\:text-jumbo1,
    .md\:text-jumbo4 {
        font-family: var(--text-family-brand);
        font-weight: 700;
        text-transform: none
    }
    .md\:text-jumbo4 {
        font-size: 4.5rem;
        letter-spacing: -1.2px
    }
}

.last-of-type\:mb-0:last-of-type {
    margin-bottom: 0
}

.last-of-type\:border-b-0:last-of-type {
    border-bottom-width: 0
}

.visited\:text-black:visited {
    color: #000
}

.hover\:bg-material-neutral2-base:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-material-neutral2-base)/var(--tw-bg-opacity))
}

.hover\:text-black:hover {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity))
}

.hover\:underline:hover {
    text-decoration-line: underline
}

.hover\:bg-material-neutral2-base:hover {
    --shadow-color: var(--material-neutral2-base-shadow)
}

@media (min-width:375px) {
    .sm\:my-0 {
        margin-top: 0
    }
    .sm\:mb-0,
    .sm\:my-0 {
        margin-bottom: 0
    }
    .sm\:mb-2 {
        margin-bottom: .5rem
    }
    .sm\:mr-4 {
        margin-right: 1rem
    }
    .sm\:mt-4 {
        margin-top: 1rem
    }
    .sm\:inline-block {
        display: inline-block
    }
    .sm\:flex {
        display: flex
    }
    .sm\:w-max {
        width: -moz-max-content;
        width: max-content
    }
    .sm\:min-w-0 {
        min-width: 0
    }
    .sm\:flex-row {
        flex-direction: row
    }
    .sm\:items-center {
        align-items: center
    }
    .sm\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
    .sm\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }
    .sm\:py-8 {
        padding-bottom: 2rem;
        padding-top: 2rem
    }
}

@media (min-width:768px) {
    .md\:static {
        position: static
    }
    .md\:absolute {
        position: absolute
    }
    .md\:right-0 {
        right: 0
    }
    .md\:right-8 {
        right: 2rem
    }
    .md\:top-1\/2 {
        top: 50%
    }
    .md\:col-span-1 {
        grid-column: span 1/span 1
    }
    .md\:col-span-2 {
        grid-column: span 2/span 2
    }
    .md\:col-span-5 {
        grid-column: span 5/span 5
    }
    .md\:col-span-6 {
        grid-column: span 6/span 6
    }
    .md\:col-span-7 {
        grid-column: span 7/span 7
    }
    .md\:col-span-8 {
        grid-column: span 8/span 8
    }
    .md\:col-start-1 {
        grid-column-start: 1
    }
    .md\:col-start-2 {
        grid-column-start: 2
    }
    .md\:col-start-3 {
        grid-column-start: 3
    }
    .md\:col-start-4 {
        grid-column-start: 4
    }
    .md\:col-end-4 {
        grid-column-end: 4
    }
    .md\:col-end-6 {
        grid-column-end: 6
    }
    .md\:col-end-7 {
        grid-column-end: 7
    }
    .md\:mx-0 {
        margin-left: 0;
        margin-right: 0
    }
    .md\:my-auto {
        margin-bottom: auto;
        margin-top: auto
    }
    .md\:-mt-4 {
        margin-top: -1rem
    }
    .md\:mb-0 {
        margin-bottom: 0
    }
    .md\:mb-3 {
        margin-bottom: .75rem
    }
    .md\:mb-6 {
        margin-bottom: 1.5rem
    }
    .md\:mb-8 {
        margin-bottom: 2rem
    }
    .md\:ml-0 {
        margin-left: 0
    }
    .md\:ml-10 {
        margin-left: 2.5rem
    }
    .md\:ml-12 {
        margin-left: 3rem
    }
    .md\:ml-3 {
        margin-left: .75rem
    }
    .md\:ml-8 {
        margin-left: 2rem
    }
    .md\:ml-auto {
        margin-left: auto
    }
    .md\:mr-0 {
        margin-right: 0
    }
    .md\:mr-10 {
        margin-right: 2.5rem
    }
    .md\:mr-18 {
        margin-right: 4.5rem
    }
    .md\:mr-4 {
        margin-right: 1rem
    }
    .md\:mr-6 {
        margin-right: 1.5rem
    }
    .md\:mr-auto {
        margin-right: auto
    }
    .md\:mt-0 {
        margin-top: 0
    }
    .md\:block {
        display: block
    }
    .md\:inline-block {
        display: inline-block
    }
    .md\:flex {
        display: flex
    }
    .md\:grid {
        display: grid
    }
    .md\:hidden {
        display: none
    }
    .md\:h-full {
        height: 100%
    }
    .md\:max-h-48 {
        max-height: 12rem
    }
    .md\:w-1\/2 {
        width: 50%
    }
    .md\:w-1\/3 {
        width: 33.333333%
    }
    .md\:w-11\/12 {
        width: 91.666667%
    }
    .md\:w-2\/3 {
        width: 66.666667%
    }
    .md\:w-5\/12 {
        width: 41.666667%
    }
    .md\:w-7\/12 {
        width: 58.333333%
    }
    .md\:w-auto {
        width: auto
    }
    .md\:w-full {
        width: 100%
    }
    .md\:-translate-y-1\/2 {
        --tw-translate-y: -50%
    }
    .md\:-translate-y-1\/2,
    .md\:transform {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
    .md\:grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }
    .md\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
    .md\:grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }
    .md\:flex-row {
        flex-direction: row
    }
    .md\:flex-row-reverse {
        flex-direction: row-reverse
    }
    .md\:flex-col {
        flex-direction: column
    }
    .md\:items-center {
        align-items: center
    }
    .md\:justify-start {
        justify-content: flex-start
    }
    .md\:justify-center {
        justify-content: center
    }
    .md\:gap-x-3 {
        -moz-column-gap: .75rem;
        column-gap: .75rem
    }
    .md\:gap-x-6 {
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem
    }
    .md\:gap-y-0 {
        row-gap: 0
    }
    .md\:object-left {
        object-position: left
    }
    .md\:object-right {
        object-position: right
    }
    .md\:p-4 {
        padding: 1rem
    }
    .md\:p-8 {
        padding: 2rem
    }
    .md\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }
    .md\:px-16 {
        padding-left: 4rem;
        padding-right: 4rem
    }
    .md\:px-3 {
        padding-left: .75rem;
        padding-right: .75rem
    }
    .md\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }
    .md\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
    .md\:px-7 {
        padding-left: 1.75rem;
        padding-right: 1.75rem
    }
    .md\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }
    .md\:py-10 {
        padding-bottom: 2.5rem;
        padding-top: 2.5rem
    }
    .md\:py-12 {
        padding-bottom: 3rem;
        padding-top: 3rem
    }
    .md\:py-8 {
        padding-bottom: 2rem;
        padding-top: 2rem
    }
    .md\:pb-1 {
        padding-bottom: .25rem
    }
    .md\:pb-10 {
        padding-bottom: 2.5rem
    }
    .md\:pb-12 {
        padding-bottom: 3rem
    }
    .md\:pb-16 {
        padding-bottom: 4rem
    }
    .md\:pl-10 {
        padding-left: 2.5rem
    }
    .md\:pl-4 {
        padding-left: 1rem
    }
    .md\:pl-6 {
        padding-left: 1.5rem
    }
    .md\:pr-10 {
        padding-right: 2.5rem
    }
    .md\:pr-14 {
        padding-right: 3.5rem
    }
    .md\:pr-4 {
        padding-right: 1rem
    }
    .md\:pt-0 {
        padding-top: 0
    }
    .md\:pt-10 {
        padding-top: 2.5rem
    }
    .md\:pt-12 {
        padding-top: 3rem
    }
    .md\:pt-14 {
        padding-top: 3.5rem
    }
    .md\:pt-8 {
        padding-top: 2rem
    }
    .md\:text-left {
        text-align: left
    }
    .md\:text-center {
        text-align: center
    }
    .md\:text-right {
        text-align: right
    }
    .md\:full-image-content-half,
    .md\:full-video-half-fill {
        align-self: stretch;
        flex: 0.5 0.5 100%;
        max-width: 50%;
        position: relative
    }
    .md\:full-video-position-left {
        object-position: left
    }
    .md\:full-video-position-right {
        object-position: right
    }
    .md\:full-image-large-half {
        min-height: 40vw
    }
    .md\:full-image-medium-half {
        min-height: 25vw
    }
    .md\:full-image-small-half {
        min-height: 12.5vw
    }
    .md\:full-image-fill {
        min-height: 100vh
    }
    .xjs-shared-marketing-card .md\:max-h-48 {
        max-height: 3rem
    }
    .xjs-shared-marketing-card .md\:pt-0 {
        padding-top: 0
    }
    .xjs-shared-marketing-card .md\:top-1\/2 {
        top: 50%
    }
    .xjs-shared-marketing-card h2.md\:text-headline1 {
        color: inherit
    }
}

@media (min-width:1024px) {
    .lg\:static {
        position: static
    }
    .lg\:absolute {
        position: absolute
    }
    .lg\:right-0 {
        right: 0
    }
    .lg\:top-0 {
        top: 0
    }
    .lg\:top-1\/2 {
        top: 50%
    }
    .lg\:order-2 {
        order: 2
    }
    .lg\:col-span-10 {
        grid-column: span 10/span 10
    }
    .lg\:col-span-12 {
        grid-column: span 12/span 12
    }
    .lg\:col-span-2 {
        grid-column: span 2/span 2
    }
    .lg\:col-span-4 {
        grid-column: span 4/span 4
    }
    .lg\:col-span-5 {
        grid-column: span 5/span 5
    }
    .lg\:col-span-full {
        grid-column: 1/-1
    }
    .lg\:col-start-1 {
        grid-column-start: 1
    }
    .lg\:col-start-2 {
        grid-column-start: 2
    }
    .lg\:col-start-4 {
        grid-column-start: 4
    }
    .lg\:col-start-5 {
        grid-column-start: 5
    }
    .lg\:col-start-7 {
        grid-column-start: 7
    }
    .lg\:col-start-9 {
        grid-column-start: 9
    }
    .lg\:col-end-1 {
        grid-column-end: 1
    }
    .lg\:col-end-13 {
        grid-column-end: 13
    }
    .lg\:col-end-5 {
        grid-column-end: 5
    }
    .lg\:col-end-7 {
        grid-column-end: 7
    }
    .lg\:m-0 {
        margin: 0
    }
    .lg\:mx-0 {
        margin-left: 0;
        margin-right: 0
    }
    .lg\:mx-16 {
        margin-left: 4rem;
        margin-right: 4rem
    }
    .lg\:my-6 {
        margin-bottom: 1.5rem;
        margin-top: 1.5rem
    }
    .lg\:my-auto {
        margin-bottom: auto;
        margin-top: auto
    }
    .lg\:-mb-4 {
        margin-bottom: -1rem
    }
    .lg\:-mt-0 {
        margin-top: 0
    }
    .lg\:-mt-16 {
        margin-top: -4rem
    }
    .lg\:mb-0 {
        margin-bottom: 0
    }
    .lg\:mb-4 {
        margin-bottom: 1rem
    }
    .lg\:mb-6 {
        margin-bottom: 1.5rem
    }
    .lg\:ml-12 {
        margin-left: 3rem
    }
    .lg\:ml-6 {
        margin-left: 1.5rem
    }
    .lg\:ml-8 {
        margin-left: 2rem
    }
    .lg\:ml-auto {
        margin-left: auto
    }
    .lg\:mr-1 {
        margin-right: .25rem
    }
    .lg\:mr-12 {
        margin-right: 3rem
    }
    .lg\:mr-2 {
        margin-right: .5rem
    }
    .lg\:mr-4 {
        margin-right: 1rem
    }
    .lg\:mr-auto {
        margin-right: auto
    }
    .lg\:mt-0 {
        margin-top: 0
    }
    .lg\:mt-10 {
        margin-top: 2.5rem
    }
    .lg\:mt-2 {
        margin-top: .5rem
    }
    .lg\:mt-6 {
        margin-top: 1.5rem
    }
    .lg\:mt-8 {
        margin-top: 2rem
    }
    .lg\:mt-9 {
        margin-top: 2.25rem
    }
    .lg\:inline-block {
        display: inline-block
    }
    .lg\:flex {
        display: flex
    }
    .lg\:grid {
        display: grid
    }
    .lg\:h-16 {
        height: 4rem
    }
    .lg\:w-1\/3 {
        width: 33.333333%
    }
    .lg\:w-1\/4 {
        width: 25%
    }
    .lg\:w-16 {
        width: 4rem
    }
    .lg\:w-5\/12 {
        width: 41.666667%
    }
    .lg\:w-7\/12 {
        width: 58.333333%
    }
    .lg\:w-full {
        width: 100%
    }
    .lg\:-translate-y-1\/2 {
        --tw-translate-y: -50%
    }
    .lg\:-translate-y-1\/2,
    .lg\:transform {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
    .lg\:grid-flow-col {
        grid-auto-flow: column
    }
    .lg\:grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }
    .lg\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
    .lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
    .lg\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
    .lg\:place-items-center {
        place-items: center
    }
    .lg\:items-start {
        align-items: flex-start
    }
    .lg\:items-center {
        align-items: center
    }
    .lg\:justify-start {
        justify-content: flex-start
    }
    .lg\:justify-end {
        justify-content: flex-end
    }
    .lg\:justify-between {
        justify-content: space-between
    }
    .lg\:gap-2 {
        gap: .5rem
    }
    .lg\:gap-3 {
        gap: .75rem
    }
    .lg\:gap-4 {
        gap: 1rem
    }
    .lg\:rounded-b-none {
        border-bottom-left-radius: var(--border-radius-none, 0);
        border-bottom-right-radius: var(--border-radius-none, 0)
    }
    .lg\:rounded-l-medium {
        border-bottom-left-radius: var(--border-radius-medium, 8px);
        border-top-left-radius: var(--border-radius-medium, 8px)
    }
    .lg\:rounded-l-none {
        border-bottom-left-radius: var(--border-radius-none, 0);
        border-top-left-radius: var(--border-radius-none, 0)
    }
    .lg\:rounded-r-medium {
        border-bottom-right-radius: var(--border-radius-medium, 8px);
        border-top-right-radius: var(--border-radius-medium, 8px)
    }
    .lg\:rounded-r-none {
        border-bottom-right-radius: var(--border-radius-none, 0);
        border-top-right-radius: var(--border-radius-none, 0)
    }
    .lg\:p-8 {
        padding: 2rem
    }
    .lg\:p-\[2\.5\] {
        padding: 2.5
    }
    .lg\:px-0 {
        padding-left: 0;
        padding-right: 0
    }
    .lg\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }
    .lg\:px-16 {
        padding-left: 4rem;
        padding-right: 4rem
    }
    .lg\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
    .lg\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }
    .lg\:py-10 {
        padding-bottom: 2.5rem;
        padding-top: 2.5rem
    }
    .lg\:py-12 {
        padding-bottom: 3rem;
        padding-top: 3rem
    }
    .lg\:py-14 {
        padding-bottom: 3.5rem;
        padding-top: 3.5rem
    }
    .lg\:py-16 {
        padding-bottom: 4rem;
        padding-top: 4rem
    }
    .lg\:py-6 {
        padding-bottom: 1.5rem;
        padding-top: 1.5rem
    }
    .lg\:pb-14 {
        padding-bottom: 3.5rem
    }
    .lg\:pb-16 {
        padding-bottom: 4rem
    }
    .lg\:pb-28 {
        padding-bottom: 7rem
    }
    .lg\:pb-6 {
        padding-bottom: 1.5rem
    }
    .lg\:pb-8 {
        padding-bottom: 2rem
    }
    .lg\:pl-4 {
        padding-left: 1rem
    }
    .lg\:pl-8 {
        padding-left: 2rem
    }
    .lg\:pr-10 {
        padding-right: 2.5rem
    }
    .lg\:pr-16 {
        padding-right: 4rem
    }
    .lg\:pr-2 {
        padding-right: .5rem
    }
    .lg\:pr-4 {
        padding-right: 1rem
    }
    .lg\:pt-0 {
        padding-top: 0
    }
    .lg\:pt-1 {
        padding-top: .25rem
    }
    .lg\:pt-10 {
        padding-top: 2.5rem
    }
    .lg\:pt-12 {
        padding-top: 3rem
    }
    .lg\:pt-16 {
        padding-top: 4rem
    }
    .lg\:pt-8 {
        padding-top: 2rem
    }
    .lg\:text-left {
        text-align: left
    }
    .lg\:align-middle {
        vertical-align: middle
    }
    .lg\:leading-\[4rem\] {
        line-height: 4rem
    }
    .lg\:w-151.xjs-shared-hover-tile,
    .xjs-shared-hover-tile .lg\:w-151 {
        width: 151px
    }
    .lg\:h-211.xjs-shared-hover-tile {
        height: 211px
    }
    .lg\:w-hover-272.xjs-shared-hover-tile,
    .xjs-shared-hover-tile .lg\:w-hover-272 {
        width: 272px
    }
    .lg\:text-palette-transparent.xjs-shared-hover-tile {
        background-color: initial;
        color: #000
    }
    .comparison .lg\:comparison-featured {
        position: relative
    }
    .comparison .lg\:comparison-featured>* {
        position: relative;
        z-index: 1
    }
    .comparison .lg\:comparison-featured:after {
        border-left-style: solid;
        border-left-width: 2px;
        border-right-style: solid;
        border-right-width: 2px;
        content: "";
        height: calc(100% + 8px);
        left: -4px;
        position: absolute;
        top: -4px;
        width: calc(100% + 8px)
    }
    .comparison.comparison-green .lg\:comparison-featured:after {
        border-color: #008558
    }
    .comparison.comparison-blue .lg\:comparison-featured:after {
        border-color: #1f69ff
    }
    .comparison.comparison-orange .lg\:comparison-featured:after {
        border-color: #e64f00
    }
    .comparison.comparison-purple .lg\:comparison-featured:after {
        border-color: #6138f5
    }
    .comparison.comparison-red .lg\:comparison-featured:after {
        border-color: #e6004a
    }
    .comparison>div.comparison-table>div.comparison-header .lg\:comparison-featured:after {
        height: 100%;
        top: 4px
    }
    .comparison>div.comparison-table>div:last-of-type.comparison-row .lg\:comparison-featured:after {
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        border-bottom-style: solid;
        border-bottom-width: 2px;
        height: calc(100% + 8px);
        left: -4px;
        top: -4px;
        width: calc(100% + 8px)
    }
    .comparison>div.comparison-table>div.comparison-header>div:first-of-type .lg\:comparison-featured:after {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        border-top-style: solid;
        border-top-width: 2px;
        height: calc(100% + 8px);
        left: -4px;
        top: -4px;
        width: calc(100% + 8px)
    }
    .light .lg\:colored-background {
        background-color: var(--palette-grey-05, #f6f6f9)
    }
    .dark .lg\:colored-background {
        background-color: var(--palette-grey-70, #35353b)
    }
    [theme] .lg\:transparent-background {
        background-color: var(--background-color-transparent, transparent)
    }
    .light .lg\:colored-background-gradient {
        background: linear-gradient(180deg, rgba(246, 246, 249, 0), #f6f6f9)
    }
    .dark .lg\:colored-background-gradient {
        background: linear-gradient(180deg, rgba(35, 35, 40, 0), #232328)
    }
    .comparison .lg\:featured-pill-large {
        font-size: 12px;
        min-width: 104px
    }
    .xjs-shared-marketing-card .lg\:pt-0 {
        padding-top: 0
    }
    .xjs-shared-marketing-card .lg\:top-1\/2 {
        top: 50%
    }
}

@media (min-width:1280px) {
    .xl\:mx-16 {
        margin-left: 4rem;
        margin-right: 4rem
    }
    .xl\:mb-0 {
        margin-bottom: 0
    }
    .xl\:grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }
    .xl\:gap-y-0 {
        row-gap: 0
    }
    .xl\:p-4 {
        padding: 1rem
    }
    .xl\:p-8 {
        padding: 2rem
    }
    .xl\:px-0 {
        padding-left: 0;
        padding-right: 0
    }
    .xl\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }
    .xl\:px-12 {
        padding-left: 3rem;
        padding-right: 3rem
    }
    .xl\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
    .xl\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }
    .xl\:py-10 {
        padding-bottom: 2.5rem;
        padding-top: 2.5rem
    }
    .xl\:py-16 {
        padding-bottom: 4rem;
        padding-top: 4rem
    }
    .xl\:py-8 {
        padding-bottom: 2rem;
        padding-top: 2rem
    }
    .xl\:pr-20 {
        padding-right: 5rem
    }
    .xjs-shared-hover-tile .xl\:w-220,
    .xl\:w-220.xjs-shared-hover-tile {
        width: 220px
    }
    .xl\:h-310.xjs-shared-hover-tile {
        height: 310px
    }
    .xjs-shared-hover-tile .xl\:w-hover-400,
    .xl\:w-hover-400.xjs-shared-hover-tile {
        width: 400px
    }
}

@media (min-width:1536px) {
    .\32xl\:px-20 {
        padding-left: 5rem;
        padding-right: 5rem
    }
    .\32xl\:px-24 {
        padding-left: 6rem;
        padding-right: 6rem
    }
    .\32xl\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }
    .\32xl\:py-20 {
        padding-bottom: 5rem;
        padding-top: 5rem
    }
}

@media (min-width:375px) {
    .sm\:my-0 {
        margin-top: 0
    }
    .sm\:mb-0,
    .sm\:my-0 {
        margin-bottom: 0
    }
    .sm\:mb-4 {
        margin-bottom: 1rem
    }
    .sm\:ml-6 {
        margin-left: 1.5rem
    }
    .sm\:mr-4 {
        margin-right: 1rem
    }
    .sm\:mt-10 {
        margin-top: 2.5rem
    }
    .sm\:mt-4 {
        margin-top: 1rem
    }
    .sm\:flex {
        display: flex
    }
    .sm\:hidden {
        display: none
    }
    .sm\:w-max {
        width: -moz-max-content;
        width: max-content
    }
    .sm\:flex-row {
        flex-direction: row
    }
    .sm\:items-center {
        align-items: center
    }
    .sm\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }
    .sm\:text-center {
        text-align: center
    }
}

@media (min-width:768px) {
    .md\:static {
        position: static
    }
    .md\:absolute {
        position: absolute
    }
    .md\:relative {
        position: relative
    }
    .md\:left-auto {
        left: auto
    }
    .md\:right-0 {
        right: 0
    }
    .md\:top-1\/2 {
        top: 50%
    }
    .md\:top-auto {
        top: auto
    }
    .md\:z-auto {
        z-index: auto
    }
    .md\:order-last {
        order: 9999
    }
    .md\:col-span-1 {
        grid-column: span 1/span 1
    }
    .md\:col-span-2 {
        grid-column: span 2/span 2
    }
    .md\:col-span-4 {
        grid-column: span 4/span 4
    }
    .md\:col-span-5 {
        grid-column: span 5/span 5
    }
    .md\:col-span-6 {
        grid-column: span 6/span 6
    }
    .md\:col-span-7 {
        grid-column: span 7/span 7
    }
    .md\:col-start-1 {
        grid-column-start: 1
    }
    .md\:col-start-2 {
        grid-column-start: 2
    }
    .md\:col-start-3 {
        grid-column-start: 3
    }
    .md\:col-start-4 {
        grid-column-start: 4
    }
    .md\:col-start-9 {
        grid-column-start: 9
    }
    .md\:col-end-13 {
        grid-column-end: 13
    }
    .md\:col-end-3 {
        grid-column-end: 3
    }
    .md\:col-end-4 {
        grid-column-end: 4
    }
    .md\:col-end-6 {
        grid-column-end: 6
    }
    .md\:col-end-7 {
        grid-column-end: 7
    }
    .md\:m-0 {
        margin: 0
    }
    .md\:mx-0 {
        margin-left: 0;
        margin-right: 0
    }
    .md\:mx-6 {
        margin-left: 1.5rem;
        margin-right: 1.5rem
    }
    .md\:mx-8 {
        margin-left: 2rem;
        margin-right: 2rem
    }
    .md\:mx-\[25\%\] {
        margin-left: 25%;
        margin-right: 25%
    }
    .md\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }
    .md\:my-0 {
        margin-bottom: 0;
        margin-top: 0
    }
    .md\:my-3 {
        margin-bottom: .75rem;
        margin-top: .75rem
    }
    .md\:my-6 {
        margin-bottom: 1.5rem;
        margin-top: 1.5rem
    }
    .md\:my-auto {
        margin-bottom: auto;
        margin-top: auto
    }
    .md\:mb-0 {
        margin-bottom: 0
    }
    .md\:mb-4 {
        margin-bottom: 1rem
    }
    .md\:mb-6 {
        margin-bottom: 1.5rem
    }
    .md\:mb-8 {
        margin-bottom: 2rem
    }
    .md\:ml-0 {
        margin-left: 0
    }
    .md\:ml-12 {
        margin-left: 3rem
    }
    .md\:ml-4 {
        margin-left: 1rem
    }
    .md\:ml-6 {
        margin-left: 1.5rem
    }
    .md\:ml-auto {
        margin-left: auto
    }
    .md\:mr-0 {
        margin-right: 0
    }
    .md\:mr-10 {
        margin-right: 2.5rem
    }
    .md\:mr-16 {
        margin-right: 4rem
    }
    .md\:mr-18 {
        margin-right: 4.5rem
    }
    .md\:mr-4 {
        margin-right: 1rem
    }
    .md\:mr-6 {
        margin-right: 1.5rem
    }
    .md\:mr-auto {
        margin-right: auto
    }
    .md\:mt-0 {
        margin-top: 0
    }
    .md\:mt-10 {
        margin-top: 2.5rem
    }
    .md\:mt-16 {
        margin-top: 4rem
    }
    .md\:mt-2 {
        margin-top: .5rem
    }
    .md\:mt-3 {
        margin-top: .75rem
    }
    .md\:block {
        display: block
    }
    .md\:inline-block {
        display: inline-block
    }
    .md\:flex {
        display: flex
    }
    .md\:grid {
        display: grid
    }
    .md\:hidden {
        display: none
    }
    .md\:h-\[200px\] {
        height: 200px
    }
    .md\:h-auto {
        height: auto
    }
    .md\:h-fit {
        height: -moz-fit-content;
        height: fit-content
    }
    .md\:h-full {
        height: 100%
    }
    .md\:max-h-48 {
        max-height: 12rem
    }
    .md\:max-h-full {
        max-height: 100%
    }
    .md\:max-h-none {
        max-height: none
    }
    .md\:w-1 {
        width: .25rem
    }
    .md\:w-1\/2 {
        width: 50%
    }
    .md\:w-1\/3 {
        width: 33.333333%
    }
    .md\:w-1\/4 {
        width: 25%
    }
    .md\:w-11\/12 {
        width: 91.666667%
    }
    .md\:w-2\/3 {
        width: 66.666667%
    }
    .md\:w-3\/4 {
        width: 75%
    }
    .md\:w-5\/12 {
        width: 41.666667%
    }
    .md\:w-7\/12 {
        width: 58.333333%
    }
    .md\:w-\[500px\] {
        width: 500px
    }
    .md\:w-auto {
        width: auto
    }
    .md\:w-fit {
        width: -moz-fit-content;
        width: fit-content
    }
    .md\:w-full {
        width: 100%
    }
    .md\:-translate-y-1\/2 {
        --tw-translate-y: -50%
    }
    .md\:-translate-y-1\/2,
    .md\:transform {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
    .md\:grid-cols-10 {
        grid-template-columns: repeat(10, minmax(0, 1fr))
    }
    .md\:grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }
    .md\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
    .md\:grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }
    .md\:grid-cols-8 {
        grid-template-columns: repeat(8, minmax(0, 1fr))
    }
    .md\:flex-row {
        flex-direction: row
    }
    .md\:flex-row-reverse {
        flex-direction: row-reverse
    }
    .md\:flex-col {
        flex-direction: column
    }
    .md\:items-start {
        align-items: flex-start
    }
    .md\:items-center {
        align-items: center
    }
    .md\:justify-normal {
        justify-content: normal
    }
    .md\:justify-start {
        justify-content: flex-start
    }
    .md\:justify-end {
        justify-content: flex-end
    }
    .md\:justify-center {
        justify-content: center
    }
    .md\:gap-6 {
        gap: 1.5rem
    }
    .md\:gap-x-3 {
        -moz-column-gap: .75rem;
        column-gap: .75rem
    }
    .md\:gap-x-4 {
        -moz-column-gap: 1rem;
        column-gap: 1rem
    }
    .md\:gap-x-6 {
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem
    }
    .md\:gap-y-0 {
        row-gap: 0
    }
    .md\:gap-y-10 {
        row-gap: 2.5rem
    }
    .md\:gap-y-8 {
        row-gap: 2rem
    }
    .md\:divide-y-\[64px\]>:not([hidden])~:not([hidden]) {
        --tw-divide-y-reverse: 0;
        border-bottom-width: calc(64px*var(--tw-divide-y-reverse));
        border-top-width: calc(64px*(1 - var(--tw-divide-y-reverse)))
    }
    .md\:rounded-medium {
        border-radius: var(--border-radius-medium, 8px)
    }
    .md\:rounded-bl-\[16px\] {
        border-bottom-left-radius: 16px
    }
    .md\:rounded-tr-\[0px\] {
        border-top-right-radius: 0
    }
    .md\:bg-transparent {
        background-color: var(--background-color-transparent, transparent)
    }
    .md\:bg-white {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
    }
    .md\:object-left {
        object-position: left
    }
    .md\:object-right {
        object-position: right
    }
    .md\:p-4 {
        padding: 1rem
    }
    .md\:p-8 {
        padding: 2rem
    }
    .md\:px-0 {
        padding-left: 0;
        padding-right: 0
    }
    .md\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }
    .md\:px-12 {
        padding-left: 3rem;
        padding-right: 3rem
    }
    .md\:px-14 {
        padding-left: 3.5rem;
        padding-right: 3.5rem
    }
    .md\:px-16 {
        padding-left: 4rem;
        padding-right: 4rem
    }
    .md\:px-3 {
        padding-left: .75rem;
        padding-right: .75rem
    }
    .md\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }
    .md\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
    .md\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }
    .md\:py-0 {
        padding-bottom: 0;
        padding-top: 0
    }
    .md\:py-10 {
        padding-bottom: 2.5rem;
        padding-top: 2.5rem
    }
    .md\:py-12 {
        padding-bottom: 3rem;
        padding-top: 3rem
    }
    .md\:py-14 {
        padding-bottom: 3.5rem;
        padding-top: 3.5rem
    }
    .md\:py-32 {
        padding-bottom: 8rem;
        padding-top: 8rem
    }
    .md\:py-4 {
        padding-bottom: 1rem;
        padding-top: 1rem
    }
    .md\:py-6 {
        padding-bottom: 1.5rem;
        padding-top: 1.5rem
    }
    .md\:py-8 {
        padding-bottom: 2rem;
        padding-top: 2rem
    }
    .md\:pb-0 {
        padding-bottom: 0
    }
    .md\:pb-1 {
        padding-bottom: .25rem
    }
    .md\:pb-10 {
        padding-bottom: 2.5rem
    }
    .md\:pb-12 {
        padding-bottom: 3rem
    }
    .md\:pb-14 {
        padding-bottom: 3.5rem
    }
    .md\:pb-16 {
        padding-bottom: 4rem
    }
    .md\:pb-18 {
        padding-bottom: 4.5rem
    }
    .md\:pb-4 {
        padding-bottom: 1rem
    }
    .md\:pb-6 {
        padding-bottom: 1.5rem
    }
    .md\:pb-8 {
        padding-bottom: 2rem
    }
    .md\:pl-0 {
        padding-left: 0
    }
    .md\:pl-10 {
        padding-left: 2.5rem
    }
    .md\:pl-12 {
        padding-left: 3rem
    }
    .md\:pl-14 {
        padding-left: 3.5rem
    }
    .md\:pl-4 {
        padding-left: 1rem
    }
    .md\:pl-6 {
        padding-left: 1.5rem
    }
    .md\:pl-8 {
        padding-left: 2rem
    }
    .md\:pr-0 {
        padding-right: 0
    }
    .md\:pr-10 {
        padding-right: 2.5rem
    }
    .md\:pr-12 {
        padding-right: 3rem
    }
    .md\:pr-14 {
        padding-right: 3.5rem
    }
    .md\:pr-4 {
        padding-right: 1rem
    }
    .md\:pr-6 {
        padding-right: 1.5rem
    }
    .md\:pr-8 {
        padding-right: 2rem
    }
    .md\:pt-0 {
        padding-top: 0
    }
    .md\:pt-10 {
        padding-top: 2.5rem
    }
    .md\:pt-12 {
        padding-top: 3rem
    }
    .md\:pt-14 {
        padding-top: 3.5rem
    }
    .md\:pt-4 {
        padding-top: 1rem
    }
    .md\:pt-6 {
        padding-top: 1.5rem
    }
    .md\:pt-8 {
        padding-top: 2rem
    }
    .md\:text-left {
        text-align: left
    }
    .md\:text-center {
        text-align: center
    }
    .md\:text-right {
        text-align: right
    }
    .md\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }
    .md\:font-normal {
        font-weight: 400
    }
    .md\:shadow-\[0_4px_18px_-4px_rgba\(95\2c 95\2c 95\2c 0\.18\)\] {
        --tw-shadow: 0 4px 18px -4px rgba(95, 95, 95, .18);
        --tw-shadow-colored: 0 4px 18px -4px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }
}

@media (min-width:1024px) {
    .lg\:sr-only {
        clip: rect(0, 0, 0, 0);
        border-width: 0;
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        white-space: nowrap;
        width: 1px
    }
    .lg\:static {
        position: static
    }
    .lg\:absolute {
        position: absolute
    }
    .lg\:right-0 {
        right: 0
    }
    .lg\:top-0 {
        top: 0
    }
    .lg\:top-1\/2 {
        top: 50%
    }
    .lg\:order-2 {
        order: 2
    }
    .lg\:col-span-1 {
        grid-column: span 1/span 1
    }
    .lg\:col-span-10 {
        grid-column: span 10/span 10
    }
    .lg\:col-span-2 {
        grid-column: span 2/span 2
    }
    .lg\:col-span-3 {
        grid-column: span 3/span 3
    }
    .lg\:col-span-5 {
        grid-column: span 5/span 5
    }
    .lg\:col-span-6 {
        grid-column: span 6/span 6
    }
    .lg\:col-span-9 {
        grid-column: span 9/span 9
    }
    .lg\:col-span-full {
        grid-column: 1/-1
    }
    .lg\:col-start-1 {
        grid-column-start: 1
    }
    .lg\:col-start-2 {
        grid-column-start: 2
    }
    .lg\:col-start-4 {
        grid-column-start: 4
    }
    .lg\:col-start-5 {
        grid-column-start: 5
    }
    .lg\:col-start-7 {
        grid-column-start: 7
    }
    .lg\:col-end-1 {
        grid-column-end: 1
    }
    .lg\:col-end-13 {
        grid-column-end: 13
    }
    .lg\:col-end-4 {
        grid-column-end: 4
    }
    .lg\:col-end-5 {
        grid-column-end: 5
    }
    .lg\:col-end-6 {
        grid-column-end: 6
    }
    .lg\:col-end-7 {
        grid-column-end: 7
    }
    .lg\:m-0 {
        margin: 0
    }
    .lg\:mx-0 {
        margin-left: 0;
        margin-right: 0
    }
    .lg\:mx-16 {
        margin-left: 4rem;
        margin-right: 4rem
    }
    .lg\:mx-4 {
        margin-left: 1rem;
        margin-right: 1rem
    }
    .lg\:mx-6 {
        margin-left: 1.5rem;
        margin-right: 1.5rem
    }
    .lg\:my-6 {
        margin-bottom: 1.5rem;
        margin-top: 1.5rem
    }
    .lg\:my-8 {
        margin-bottom: 2rem;
        margin-top: 2rem
    }
    .lg\:my-auto {
        margin-bottom: auto;
        margin-top: auto
    }
    .lg\:-mt-24 {
        margin-top: -6rem
    }
    .lg\:mb-0 {
        margin-bottom: 0
    }
    .lg\:mb-4 {
        margin-bottom: 1rem
    }
    .lg\:mb-6 {
        margin-bottom: 1.5rem
    }
    .lg\:mb-8 {
        margin-bottom: 2rem
    }
    .lg\:ml-0 {
        margin-left: 0
    }
    .lg\:ml-12 {
        margin-left: 3rem
    }
    .lg\:ml-4 {
        margin-left: 1rem
    }
    .lg\:ml-5 {
        margin-left: 1.25rem
    }
    .lg\:ml-6 {
        margin-left: 1.5rem
    }
    .lg\:ml-auto {
        margin-left: auto
    }
    .lg\:mr-0 {
        margin-right: 0
    }
    .lg\:mr-10 {
        margin-right: 2.5rem
    }
    .lg\:mr-18 {
        margin-right: 4.5rem
    }
    .lg\:mr-4 {
        margin-right: 1rem
    }
    .lg\:mr-6 {
        margin-right: 1.5rem
    }
    .lg\:mr-auto {
        margin-right: auto
    }
    .lg\:mt-0 {
        margin-top: 0
    }
    .lg\:mt-10 {
        margin-top: 2.5rem
    }
    .lg\:mt-2 {
        margin-top: .5rem
    }
    .lg\:mt-6 {
        margin-top: 1.5rem
    }
    .lg\:mt-8 {
        margin-top: 2rem
    }
    .lg\:mt-9 {
        margin-top: 2.25rem
    }
    .lg\:block {
        display: block
    }
    .lg\:inline-block {
        display: inline-block
    }
    .lg\:flex {
        display: flex
    }
    .lg\:grid {
        display: grid
    }
    .lg\:hidden {
        display: none
    }
    .lg\:h-16 {
        height: 4rem
    }
    .lg\:h-32 {
        height: 8rem
    }
    .lg\:w-1\/3 {
        width: 33.333333%
    }
    .lg\:w-11\/12 {
        width: 91.666667%
    }
    .lg\:w-16 {
        width: 4rem
    }
    .lg\:w-5\/12 {
        width: 41.666667%
    }
    .lg\:w-52 {
        width: 13rem
    }
    .lg\:w-7\/12 {
        width: 58.333333%
    }
    .lg\:w-\[432px\] {
        width: 432px
    }
    .lg\:w-\[50\%\] {
        width: 50%
    }
    .lg\:w-\[532px\] {
        width: 532px
    }
    .lg\:w-\[538px\] {
        width: 538px
    }
    .lg\:w-\[60\%\] {
        width: 60%
    }
    .lg\:w-\[86\%\] {
        width: 86%
    }
    .lg\:w-\[900px\] {
        width: 900px
    }
    .lg\:w-auto {
        width: auto
    }
    .lg\:w-full {
        width: 100%
    }
    .lg\:max-w-\[572px\] {
        max-width: 572px
    }
    .lg\:max-w-\[700px\] {
        max-width: 700px
    }
    .lg\:-translate-y-1\/2 {
        --tw-translate-y: -50%
    }
    .lg\:-translate-y-1\/2,
    .lg\:transform {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
    .lg\:grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }
    .lg\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
    .lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
    .lg\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
    .lg\:grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }
    .lg\:flex-row {
        flex-direction: row
    }
    .lg\:flex-row-reverse {
        flex-direction: row-reverse
    }
    .lg\:items-start {
        align-items: flex-start
    }
    .lg\:items-center {
        align-items: center
    }
    .lg\:justify-start {
        justify-content: flex-start
    }
    .lg\:justify-end {
        justify-content: flex-end
    }
    .lg\:justify-center {
        justify-content: center
    }
    .lg\:gap-2 {
        gap: .5rem
    }
    .lg\:gap-3 {
        gap: .75rem
    }
    .lg\:gap-4 {
        gap: 1rem
    }
    .lg\:gap-x-8 {
        -moz-column-gap: 2rem;
        column-gap: 2rem
    }
    .lg\:rounded-b-none {
        border-bottom-left-radius: var(--border-radius-none, 0);
        border-bottom-right-radius: var(--border-radius-none, 0)
    }
    .lg\:rounded-l-medium {
        border-bottom-left-radius: var(--border-radius-medium, 8px);
        border-top-left-radius: var(--border-radius-medium, 8px)
    }
    .lg\:rounded-l-none {
        border-bottom-left-radius: var(--border-radius-none, 0);
        border-top-left-radius: var(--border-radius-none, 0)
    }
    .lg\:rounded-r-medium {
        border-bottom-right-radius: var(--border-radius-medium, 8px);
        border-top-right-radius: var(--border-radius-medium, 8px)
    }
    .lg\:rounded-r-none {
        border-bottom-right-radius: var(--border-radius-none, 0);
        border-top-right-radius: var(--border-radius-none, 0)
    }
    .lg\:p-16 {
        padding: 4rem
    }
    .lg\:p-4 {
        padding: 1rem
    }
    .lg\:p-8 {
        padding: 2rem
    }
    .lg\:p-\[2\.5\] {
        padding: 2.5
    }
    .lg\:px-0 {
        padding-left: 0;
        padding-right: 0
    }
    .lg\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }
    .lg\:px-12 {
        padding-left: 3rem;
        padding-right: 3rem
    }
    .lg\:px-14 {
        padding-left: 3.5rem;
        padding-right: 3.5rem
    }
    .lg\:px-16 {
        padding-left: 4rem;
        padding-right: 4rem
    }
    .lg\:px-3 {
        padding-left: .75rem;
        padding-right: .75rem
    }
    .lg\:px-32 {
        padding-left: 8rem;
        padding-right: 8rem
    }
    .lg\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }
    .lg\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
    .lg\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }
    .lg\:py-0 {
        padding-bottom: 0;
        padding-top: 0
    }
    .lg\:py-10 {
        padding-bottom: 2.5rem;
        padding-top: 2.5rem
    }
    .lg\:py-12 {
        padding-bottom: 3rem;
        padding-top: 3rem
    }
    .lg\:py-14 {
        padding-bottom: 3.5rem;
        padding-top: 3.5rem
    }
    .lg\:py-16 {
        padding-bottom: 4rem;
        padding-top: 4rem
    }
    .lg\:py-32 {
        padding-bottom: 8rem;
        padding-top: 8rem
    }
    .lg\:py-4 {
        padding-bottom: 1rem;
        padding-top: 1rem
    }
    .lg\:py-40 {
        padding-bottom: 10rem;
        padding-top: 10rem
    }
    .lg\:py-6 {
        padding-bottom: 1.5rem;
        padding-top: 1.5rem
    }
    .lg\:py-8 {
        padding-bottom: 2rem;
        padding-top: 2rem
    }
    .lg\:pb-0 {
        padding-bottom: 0
    }
    .lg\:pb-1 {
        padding-bottom: .25rem
    }
    .lg\:pb-10 {
        padding-bottom: 2.5rem
    }
    .lg\:pb-12 {
        padding-bottom: 3rem
    }
    .lg\:pb-14 {
        padding-bottom: 3.5rem
    }
    .lg\:pb-16 {
        padding-bottom: 4rem
    }
    .lg\:pb-4 {
        padding-bottom: 1rem
    }
    .lg\:pb-6 {
        padding-bottom: 1.5rem
    }
    .lg\:pb-8 {
        padding-bottom: 2rem
    }
    .lg\:pl-0 {
        padding-left: 0
    }
    .lg\:pl-10 {
        padding-left: 2.5rem
    }
    .lg\:pl-12 {
        padding-left: 3rem
    }
    .lg\:pl-14 {
        padding-left: 3.5rem
    }
    .lg\:pl-16 {
        padding-left: 4rem
    }
    .lg\:pl-4 {
        padding-left: 1rem
    }
    .lg\:pl-6 {
        padding-left: 1.5rem
    }
    .lg\:pl-8 {
        padding-left: 2rem
    }
    .lg\:pr-0 {
        padding-right: 0
    }
    .lg\:pr-10 {
        padding-right: 2.5rem
    }
    .lg\:pr-12 {
        padding-right: 3rem
    }
    .lg\:pr-14 {
        padding-right: 3.5rem
    }
    .lg\:pr-16 {
        padding-right: 4rem
    }
    .lg\:pr-4 {
        padding-right: 1rem
    }
    .lg\:pr-6 {
        padding-right: 1.5rem
    }
    .lg\:pr-8 {
        padding-right: 2rem
    }
    .lg\:pt-0 {
        padding-top: 0
    }
    .lg\:pt-10 {
        padding-top: 2.5rem
    }
    .lg\:pt-12 {
        padding-top: 3rem
    }
    .lg\:pt-14 {
        padding-top: 3.5rem
    }
    .lg\:pt-16 {
        padding-top: 4rem
    }
    .lg\:pt-4 {
        padding-top: 1rem
    }
    .lg\:pt-6 {
        padding-top: 1.5rem
    }
    .lg\:pt-8 {
        padding-top: 2rem
    }
    .lg\:text-left {
        text-align: left
    }
    .lg\:text-center {
        text-align: center
    }
    .lg\:text-right {
        text-align: right
    }
    .lg\:leading-\[4rem\] {
        line-height: 4rem
    }
}

:root {
    --swiper-theme-color: #007aff
}

.swiper {
    display: block;
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    box-sizing: initial;
    display: flex;
    height: 100%;
    position: relative;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    width: 100%;
    z-index: 1
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    display: block;
    flex-shrink: 0;
    height: 100%;
    position: relative;
    transition-property: transform;
    width: 100%
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
    transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
    -ms-overflow-style: none;
    overflow: auto;
    scrollbar-width: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before {
    height: var(--swiper-centered-offset-after);
    min-width: 1px;
    width: 100%
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-lazy-preloader {
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top: 4px solid transparent;
    box-sizing: border-box;
    height: 42px;
    left: 50%;
    margin-left: -21px;
    margin-top: -21px;
    position: absolute;
    top: 50%;
    transform-origin: 50%;
    width: 42px;
    z-index: 10
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s linear infinite
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

.hx-text-display0 {
    --text-display0-leading: var(--text-display0-line-height);
    --text-display0-family: var(--text-family-brand);
    font-family: var(--text-display0-family);
    font-size: var(--text-display0-size);
    font-weight: var(--text-display0-weight);
    letter-spacing: var(--text-display0-letter-spacing);
    line-height: var(--text-display0-leading);
    text-transform: var(--text-display0-text-transform)
}

.hx-text-display1 {
    --text-display1-leading: var(--text-display1-line-height);
    --text-display1-family: var(--text-family-brand);
    font-family: var(--text-display1-family);
    font-size: var(--text-display1-size);
    font-weight: var(--text-display1-weight);
    letter-spacing: var(--text-display1-letter-spacing);
    line-height: var(--text-display1-leading);
    text-transform: var(--text-display1-text-transform)
}

.hx-text-display2 {
    --text-display2-leading: var(--text-display2-line-height);
    --text-display2-family: var(--text-family-brand);
    font-family: var(--text-display2-family);
    font-size: var(--text-display2-size);
    font-weight: var(--text-display2-weight);
    letter-spacing: var(--text-display2-letter-spacing);
    line-height: var(--text-display2-leading);
    text-transform: var(--text-display2-text-transform)
}

.hx-text-headline1 {
    --text-headline1-leading: var(--text-headline1-line-height);
    --text-headline1-family: var(--text-family-brand);
    font-family: var(--text-headline1-family);
    font-size: var(--text-headline1-size);
    font-weight: var(--text-headline1-weight);
    letter-spacing: var(--text-headline1-letter-spacing);
    line-height: var(--text-headline1-leading);
    text-transform: var(--text-headline1-text-transform)
}

.hx-text-headline2 {
    --text-headline2-leading: var(--text-headline2-line-height);
    --text-headline2-family: var(--text-family-brand);
    font-family: var(--text-headline2-family);
    font-size: var(--text-headline2-size);
    font-weight: var(--text-headline2-weight);
    letter-spacing: var(--text-headline2-letter-spacing);
    line-height: var(--text-headline2-leading);
    text-transform: var(--text-headline2-text-transform)
}

.hx-text-headline3 {
    --text-headline3-leading: var(--text-headline3-line-height);
    --text-headline3-family: var(--text-family-brand);
    font-family: var(--text-headline3-family);
    font-size: var(--text-headline3-size);
    font-weight: var(--text-headline3-weight);
    letter-spacing: var(--text-headline3-letter-spacing);
    line-height: var(--text-headline3-leading);
    text-transform: var(--text-headline3-text-transform)
}

.hx-text-body0 {
    --text-body0-leading: var(--text-body0-line-height);
    --text-body0-family: var(--text-family-default);
    font-family: var(--text-body0-family);
    font-size: var(--text-body0-size);
    font-weight: var(--text-body0-weight);
    letter-spacing: var(--text-body0-letter-spacing);
    line-height: var(--text-body0-leading);
    text-transform: var(--text-body0-text-transform)
}

.hx-text-body1 {
    --text-body1-leading: var(--text-body1-line-height);
    --text-body1-family: var(--text-family-default);
    font-family: var(--text-body1-family);
    font-size: var(--text-body1-size);
    font-weight: var(--text-body1-weight);
    letter-spacing: var(--text-body1-letter-spacing);
    line-height: var(--text-body1-leading);
    text-transform: var(--text-body1-text-transform)
}

.hx-text-body2 {
    --text-body2-leading: var(--text-body2-line-height);
    --text-body2-family: var(--text-family-default);
    font-family: var(--text-body2-family);
    font-size: var(--text-body2-size);
    font-weight: var(--text-body2-weight);
    letter-spacing: var(--text-body2-letter-spacing);
    line-height: var(--text-body2-leading);
    text-transform: var(--text-body2-text-transform)
}

.hx-text-body3 {
    --text-body3-leading: var(--text-body3-line-height);
    --text-body3-family: var(--text-family-default);
    font-family: var(--text-body3-family);
    font-size: var(--text-body3-size);
    font-weight: var(--text-body3-weight);
    letter-spacing: var(--text-body3-letter-spacing);
    line-height: var(--text-body3-leading);
    text-transform: var(--text-body3-text-transform)
}

.hx-text-button1 {
    --text-button1-leading: var(--text-button1-line-height);
    --text-button1-family: var(--text-family-brand);
    font-family: var(--text-button1-family);
    font-size: var(--text-button1-size);
    font-weight: var(--text-button1-weight);
    letter-spacing: var(--text-button1-letter-spacing);
    line-height: var(--text-button1-leading);
    text-transform: var(--text-button1-text-transform)
}

.hx-text-button2 {
    --text-button2-leading: var(--text-button2-line-height);
    --text-button2-family: var(--text-family-brand);
    font-family: var(--text-button2-family);
    font-size: var(--text-button2-size);
    font-weight: var(--text-button2-weight);
    letter-spacing: var(--text-button2-letter-spacing);
    line-height: var(--text-button2-leading);
    text-transform: var(--text-button2-text-transform)
}

.hx-text-caption {
    --text-caption-leading: var(--text-caption-line-height);
    --text-caption-family: var(--text-family-default);
    font-family: var(--text-caption-family);
    font-size: var(--text-caption-size);
    font-weight: var(--text-caption-weight);
    letter-spacing: var(--text-caption-letter-spacing);
    line-height: var(--text-caption-leading);
    text-transform: var(--text-caption-text-transform)
}

.hx-text-tag {
    --text-tag-leading: var(--text-tag-line-height);
    --text-tag-family: var(--text-family-default);
    font-family: var(--text-tag-family);
    font-size: var(--text-tag-size);
    font-weight: var(--text-tag-weight);
    letter-spacing: var(--text-tag-letter-spacing);
    line-height: var(--text-tag-leading);
    text-transform: var(--text-tag-text-transform)
}

.hx-expressive-text {
    -webkit-background-clip: text;
    background-clip: text;
    background-image: var(--background-image-gradient-expressive, linear-gradient(90deg, #28156b, #7c01bd));
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    color: transparent
}

.ReactModal__Body--open {
    overflow: hidden
}

.ReactModal__Content {
    overflow-y: auto
}

.hx-toolTip {
    --tw-shadow: 0px 24px 24px -8px var(--shadow-color);
    animation: toolTipAnimate .1s 1;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), 0 5px 8px 0 var(--shadow-color)
}

@keyframes toolTipAnimate {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.hx-toolTip:after {
    border: 8px solid transparent;
    border-bottom: 8px solid rgb(227 224 244/var(--tw-bg-opacity));
    content: "";
    left: 50%;
    position: absolute;
    top: 0;
    transform: translate(-50%, -100%)
}

.hx-overlaySidebarContainer {
    --tw-bg-opacity: 0;
    background-color: rgb(0 0 0/var(--tw-bg-opacity));
    bottom: 0;
    display: flex;
    justify-content: flex-end;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: background-color .4s
}

.hx-overlaySidebarContainer.ReactModal__Overlay--after-open {
    --tw-bg-opacity: 0.5
}

.hx-overlaySidebarContainer.ReactModal__Overlay--after-open.ReactModal__Overlay--before-close {
    --tw-bg-opacity: 0
}

.hx-sidebarContainer {
    width: 100%
}

@media (min-width:768px) {
    .hx-sidebarContainer {
        width: 80%
    }
}

.hx-sidebarContainer {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    transform: translateY(100%);
    transition: transform .4s
}

.hx-sidebarContainer.ReactModal__Content--after-open {
    transform: translate(0)
}

.hx-sidebarContainer.ReactModal__Content--after-open.ReactModal__Content--before-close {
    transform: translateY(100%)
}

@media (min-width:768px) {
    .hx-sidebarContainer,
    .hx-sidebarContainer.ReactModal__Content--after-open.ReactModal__Content--before-close {
        transform: translate(100%)
    }
}

@media (min-width:1024px) {
    .mobile-only {
        flex: 0.8
    }
    .mobile-only tbody tr td:first-child,
    .mobile-only tbody tr th:first-child {
        clip: rect(0, 0, 0, 0);
        border-width: 0;
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        white-space: nowrap;
        width: 1px
    }
}

.hx-overlaySidebarContainer .hx-multiline-pricing-container .hx-multiline-pricing-tablerow>div:first-child {
    flex: 1 0 100%
}

@media (min-width:1024px) {
    .hx-overlaySidebarContainer .hx-multiline-pricing-container .hx-multiline-pricing-tablerow>div:first-child {
        flex: 1 1 0%
    }
}

@media (min-width:768px) {
    .md\:hx-text-headline3 {
        --text-headline3-leading: var(--text-headline3-line-height);
        --text-headline3-family: var(--text-family-brand);
        font-family: var(--text-headline3-family);
        font-size: var(--text-headline3-size);
        font-weight: var(--text-headline3-weight);
        letter-spacing: var(--text-headline3-letter-spacing);
        line-height: var(--text-headline3-leading);
        text-transform: var(--text-headline3-text-transform)
    }
}

@media (min-width:1024px) {
    .lg\:hx-text-display2 {
        --text-display2-leading: var(--text-display2-line-height);
        --text-display2-family: var(--text-family-brand);
        font-family: var(--text-display2-family);
        font-size: var(--text-display2-size);
        font-weight: var(--text-display2-weight);
        letter-spacing: var(--text-display2-letter-spacing);
        line-height: var(--text-display2-leading);
        text-transform: var(--text-display2-text-transform)
    }
    .lg\:hx-static {
        position: static
    }
    .lg\:hx-relative {
        position: relative
    }
    .lg\:hx-right-0 {
        right: 0
    }
    .lg\:hx-right-6 {
        right: 1.5rem
    }
    .lg\:hx-top-0 {
        top: 0
    }
    .lg\:hx-top-6 {
        top: 1.5rem
    }
    .lg\:hx-col-span-10 {
        grid-column: span 10/span 10
    }
    .lg\:hx-col-span-12 {
        grid-column: span 12/span 12
    }
    .lg\:hx-col-span-6 {
        grid-column: span 6/span 6
    }
    .lg\:hx-col-span-8 {
        grid-column: span 8/span 8
    }
    .lg\:hx-col-start-1 {
        grid-column-start: 1
    }
    .lg\:hx-col-start-2 {
        grid-column-start: 2
    }
    .lg\:hx-col-start-3 {
        grid-column-start: 3
    }
    .lg\:hx-col-start-4 {
        grid-column-start: 4
    }
    .lg\:hx-col-end-1 {
        grid-column-end: 1
    }
    .lg\:hx-m-0 {
        margin: 0
    }
    .lg\:hx-mx-12 {
        margin-left: 3rem;
        margin-right: 3rem
    }
    .lg\:hx-mx-16 {
        margin-left: 4rem;
        margin-right: 4rem
    }
    .lg\:hx-mx-auto {
        margin-left: auto;
        margin-right: auto
    }
    .lg\:-hx-mt-12 {
        margin-top: -3rem
    }
    .lg\:-hx-mt-16 {
        margin-top: -4rem
    }
    .lg\:-hx-mt-24 {
        margin-top: -6rem
    }
    .lg\:-hx-mt-32 {
        margin-top: -8rem
    }
    .lg\:-hx-mt-48 {
        margin-top: -12rem
    }
    .lg\:-hx-mt-8 {
        margin-top: -2rem
    }
    .lg\:hx-mb-0 {
        margin-bottom: 0
    }
    .lg\:hx-mb-12 {
        margin-bottom: 3rem
    }
    .lg\:hx-mb-8 {
        margin-bottom: 2rem
    }
    .lg\:hx-ml-6 {
        margin-left: 1.5rem
    }
    .lg\:hx-ml-8 {
        margin-left: 2rem
    }
    .lg\:hx-ml-auto {
        margin-left: auto
    }
    .lg\:hx-mr-2 {
        margin-right: .5rem
    }
    .lg\:hx-mr-4 {
        margin-right: 1rem
    }
    .lg\:hx-mt-0 {
        margin-top: 0
    }
    .lg\:hx-mt-2 {
        margin-top: .5rem
    }
    .lg\:hx-mt-8 {
        margin-top: 2rem
    }
    .lg\:hx-block {
        display: block
    }
    .lg\:hx-inline-block {
        display: inline-block
    }
    .lg\:hx-flex {
        display: flex
    }
    .lg\:hx-grid {
        display: grid
    }
    .lg\:hx-h-80 {
        height: 20rem
    }
    .lg\:hx-w-24 {
        width: 6rem
    }
    .lg\:hx-w-auto {
        width: auto
    }
    .lg\:hx-w-full {
        width: 100%
    }
    .lg\:hx-max-w-2xl {
        max-width: 42rem
    }
    .lg\:hx-max-w-4xl {
        max-width: 56rem
    }
    .lg\:hx-max-w-screen-2xl {
        max-width: 1536px
    }
    .lg\:hx-max-w-xl {
        max-width: 36rem
    }
    .lg\:hx-flex-1 {
        flex: 1 1 0%
    }
    .lg\:hx-flex-grow {
        flex-grow: 1
    }
    .lg\:hx-grid-flow-col {
        grid-auto-flow: column
    }
    .lg\:hx-grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }
    .lg\:hx-grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
    .lg\:hx-grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
    .lg\:hx-grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
    .lg\:hx-grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }
    .lg\:hx-grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }
    .lg\:hx-flex-row {
        flex-direction: row
    }
    .lg\:hx-flex-col {
        flex-direction: column
    }
    .lg\:hx-flex-nowrap {
        flex-wrap: nowrap
    }
    .lg\:hx-place-items-center {
        place-items: center
    }
    .lg\:hx-items-start {
        align-items: flex-start
    }
    .lg\:hx-items-center {
        align-items: center
    }
    .lg\:hx-justify-start {
        justify-content: flex-start
    }
    .lg\:hx-justify-between {
        justify-content: space-between
    }
    .lg\:hx-gap-2 {
        gap: .5rem
    }
    .lg\:hx-gap-3 {
        gap: .75rem
    }
    .lg\:hx-gap-4 {
        gap: 1rem
    }
    .lg\:hx-gap-5 {
        gap: 1.25rem
    }
    .lg\:hx-gap-6 {
        gap: 1.5rem
    }
    .lg\:hx-border-b-0 {
        border-bottom-width: 0
    }
    .lg\:hx-border-l-2 {
        border-left-width: 2px
    }
    .lg\:hx-border-r-2 {
        border-right-width: 2px
    }
    .lg\:hx-border-t-0 {
        border-top-width: 0
    }
    .lg\:hx-bg-material-neutral2-base {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--background-color-material-neutral2-base)/var(--tw-bg-opacity))
    }
    .lg\:hx-bg-transparent {
        background-color: var(--background-color-transparent, transparent)
    }
    .lg\:hx-p-16 {
        padding: 4rem
    }
    .lg\:hx-p-2 {
        padding: .5rem
    }
    .lg\:hx-px-16 {
        padding-left: 4rem;
        padding-right: 4rem
    }
    .lg\:hx-px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }
    .lg\:hx-py-6 {
        padding-bottom: 1.5rem;
        padding-top: 1.5rem
    }
    .lg\:\ !hx-pb-16 {
        padding-bottom: 4rem !important
    }
    .lg\:\ !hx-pb-6 {
        padding-bottom: 1.5rem !important
    }
    .lg\:\ !hx-pb-8 {
        padding-bottom: 2rem !important
    }
    .lg\:\ !hx-pt-16 {
        padding-top: 4rem !important
    }
    .lg\:\ !hx-pt-6 {
        padding-top: 1.5rem !important
    }
    .lg\:\ !hx-pt-8 {
        padding-top: 2rem !important
    }
    .lg\:hx-pb-0 {
        padding-bottom: 0
    }
    .lg\:hx-pl-4 {
        padding-left: 1rem
    }
    .lg\:hx-pl-6 {
        padding-left: 1.5rem
    }
    .lg\:hx-pl-8 {
        padding-left: 2rem
    }
    .lg\:hx-pr-2 {
        padding-right: .5rem
    }
    .lg\:hx-pt-0 {
        padding-top: 0
    }
    .lg\:hx-pt-12 {
        padding-top: 3rem
    }
    .lg\:hx-pt-8 {
        padding-top: 2rem
    }
    .lg\:hx-text-left {
        text-align: left
    }
    .lg\:hx-align-middle {
        vertical-align: middle
    }
    .lg\:hx-bg-material-neutral2-base {
        --shadow-color: var(--material-neutral2-base-shadow)
    }
    .lg\:last\:hx-mr-0:last-child {
        margin-right: 0
    }
    .lg\:last\:hx-pr-0:last-child {
        padding-right: 0
    }
}

@font-face {
    font-family: swiper-icons;
    font-style: normal;
    font-weight: 400;
    src: url(data:application/font-woff;charset=utf-8;base64,ZXhwb3J0IGRlZmF1bHQgImRhdGE6O2Jhc2U2NCxkMDlHUmdBQkFBQUFBQVpnQUJBQUFBQUFEQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQkdSbFJOQUFBR1JBQUFBQm9BQUFBY2k2cUhrVWRFUlVZQUFBV2dBQUFBSXdBQUFDUUFZQUJYUjFCUFV3QUFCaFFBQUFBdUFBQUFOdUFZNyt4SFUxVkNBQUFGeEFBQUFGQUFBQUJtMmZQY3pVOVRMeklBQUFIY0FBQUFTZ0FBQUdCUDlWNVJZMjFoY0FBQUFrUUFBQUNJQUFBQll0NkYwY0JqZG5RZ0FBQUN6QUFBQUFRQUFBQUVBQkVCUkdkaGMzQUFBQVdZQUFBQUNBQUFBQWovL3dBRFoyeDVaZ0FBQXl3QUFBRE1BQUFEMk1IdHJ5Vm9aV0ZrQUFBQmJBQUFBREFBQUFBMkUyK2VvV2hvWldFQUFBR2NBQUFBSHdBQUFDUUM5Z0R6YUcxMGVBQUFBaWdBQUFBWkFBQUFyZ0prQUJGc2IyTmhBQUFDMEFBQUFGb0FBQUJhRlFBVUdHMWhlSEFBQUFHOEFBQUFId0FBQUNBQWNBQkFibUZ0WlFBQUEvZ0FBQUU1QUFBQ1h2RmRCd2x3YjNOMEFBQUZOQUFBQUdJQUFBQ0U1czc0aFhqYVkyQmtZR0FBWXBmNUh1L2orVzIrTW5Bek1ZREF6YVg2UWpENi80Ly9CeGo1R0E4QXVSd01ZR2tBUHl3TDEzamFZMkJrWUdBODhQOEFneDRqKy84ZlFEWWZBMUFFQldnREFJQjJCT29BZU5wallHUmdZTkJoNEdkZ1lnQUJFTW5JQUJKellOQURDUUFBQ1dnQXNRQjQybU5nWWZ6Q09JR0JsWUdCMFljeGpZR0J3UjFLZjJXUVpHaGhZR0JpWUdWbWdBRkdCaVFRa09hYXd0REFvTUJReFhqZy93RUdQY1lEREE0d05VQTJDQ2d3c0FBQU80RUw2Z0FBZU5wajJNMGd5QUFDcXhnR05XQmtaMkQ0L3dNQSt4a0RkZ0FBQUhqYVkyQmdZR2FBWUJrR1JnWVFpQUh5R01GOEZnWUhJTTNEd01IQUJHUXJNT2d5V0RMRU0xVDkvdzhVQmZFTWdMekUvLy8vUC81Ly9mL1YveHYrcjRlYUFBZU1iQXh3SVVZbUlNSEVnS1lBWWpVY3NEQXdzTEt4YzNCeWNmUHc4akVRQS9nWkJBU0ZoRVZFeGNRbEpLV2taV1RsNUJVVWxaUlZWTlhVTlRRWkJnTUFBTVIrRStnQUVRRkVBQUFBS2dBcUFDb0FOQUErQUVnQVVnQmNBR1lBY0FCNkFJUUFqZ0NZQUtJQXJBQzJBTUFBeWdEVUFONEE2QUR5QVB3QkJnRVFBUm9CSkFFdUFUZ0JRZ0ZNQVZZQllBRnFBWFFCZmdHSUFaSUJuQUdtQWJJQnpnSHNBQUI0MnUyTk1RNkNVQXlHVzU2OHg5QW5lWVlnbTRNSmJoS0ZhRXhJT0FWWDhBcGV3U3Q0QmljNEFmZUFpZDNWT0JpeER4ZlBZRXphNU8rWGZpMDRZQURnZ2lVSVVMQ3VFSks4VmhPNGJTdnBkbmt0SEk1UUNZdGRpMnNsOFpuWGFIbHFVck5LemRLY1Q4Y2pscStyd1pTdklWY3pOaWV6c2ZuUC91em5tZlBGQk5PRE0ySzdNVFE0NVlFQVpxR1A4MUFtR0djRjNpUHFPb3AwcjFTUFRhVGJWa2ZVZTRIWGo5N3dZRSt5TndXWXh3V3U0djF1Z1dIZ28zUzFYZFpFVnFXTTdFVDBjZm5MR3hXZmtnUjQybzJQdldyRE1CU0ZqL0lITGFGMHpLalJnZGlWTXdTY05SQW9XVW9INzhZMmljQi95SVkwOUFuNkFIMkJkdS9VQit5eG9wWXNoUWlFdm52dTBkVVJnRHQ4UWVDOFBEdzdGcGppM2ZFQTR6L1BFSjZZT0I1aEtoNGRqM0V2WGh4UHFIL1NLVVkzcko3c3JaNEZabmgxUE1BdFBod1A2ZmwyUE1KTVBEZ2VRNHJZOFlUNkd6YW8wZUFFQTQwOUR1Z2dtVG5Gbk9jU0NpRWlMTWd4Q2lUSTZDcTVEWlVkM1FtcDEwdk8wTGFMVGQyY2pONGZPdW1sYzdsVVliU1FjWkZrdXRSRzdnNkpLWkt5MFJtZExZNjgwQ0RuRUorVU1rcEZGZTFSTjdueGRWcFhyQzRhVHRuYXVyT25ZZXJjWmcyWVZtTE4vZC9nY3pmRWltckUvZnMvYk91cTI5Wm1uOHRsb09SYVhnWmdHYTc4eU85L2NuWG0yQnBhR3ZxMjVEdjlTNEU5KzVTSWM5UHF1cEpLaFlGU1NsNDcrUWNyMW1ZTkFBQUFlTnB0dzBjS3drQUFBTURaSkE4UTdPVUp2a0xzUGZaNnpGVkVSUHk4cUhoMllFUiszaS9CUDgzdklCTEx5U3NvS2ltcnFLcXBhMmhwNitqcTZSc1lHaG1ibUpxWlN5MHNyYXh0Yk8zc0hSeWRuRU1VNHVSNnl4N0pKWHZlUDdXckR5Y0FBQUFBQUFILy93QUNlTnBqWUdSZ1lPQUJZaGtnWmdKQ1pnWk5Ca1lHTFFadElKc0ZMTVlBQUF3M0FMZ0FlTm9saXpFS2dEQVFCQ2NoUmJDMnNGRVIwWUQ2cVZRaUJDdi9IOWV6R0k2WjVYQkF3OENCSy9tNWlRUVZhdVZiWExuT3JNWnYyb0xkS0ZhOFBqdXJ1MmhKekdhYm1PU0x6Tk16dnV0cEIzTjQybU5nWkdCZzRHS1FZekJoWU14SkxNbGo0R0JnQVlvdy9QL1BBSkpoTE02c1NvV0tmV0NBQXdEQWpnYlJBQUI0Mm1OZ1lHQmtBSUliQ1pvNUlQcm1VbjBoR0EwQU84RUZUUUFBIg==)
}

.hx-car {
    --swiper-theme-color: rgb(var(--background-color-fill-theme1-base))
}

:host {
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1
}

.hx-car .swiper {
    display: block;
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1
}

.hx-car .swiper-wrapper {
    box-sizing: initial;
    display: flex;
    height: 100%;
    position: relative;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    width: 100%;
    z-index: 1
}

.hx-car .swiper-android .swiper-slide,
.hx-car .swiper-ios .swiper-slide,
.hx-car .swiper-wrapper {
    transform: translateZ(0)
}

.hx-car .swiper-horizontal {
    touch-action: pan-y
}

.hx-car .swiper-slide {
    display: block;
    flex-shrink: 0;
    position: relative;
    transition-property: transform;
    width: 100%
}

.hx-car .swiper-slide-invisible-blank {
    visibility: hidden
}

.hx-car .swiper-autoheight,
.hx-car .swiper-autoheight .swiper-slide {
    height: auto
}

.hx-car .swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.hx-car .swiper-backface-hidden .swiper-slide {
    backface-visibility: hidden;
    transform: translateZ(0)
}

.hx-car .swiper-button-lock {
    display: none
}

.hx-car .swiper-notification {
    clip: rect(0, 0, 0, 0);
    border-width: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.hx-car .ctrl-center {
    --tw-translate-y: -50%;
    box-shadow: 0 4px 8px -4px var(--material-neutral-base-shadow);
    position: absolute;
    top: calc(50% - 28px);
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    z-index: 20
}

.hx-car .navigation-ctrl,
.hx-car .navigation-ctrl .sc-prism-button {
    border-radius: 50%
}

.hx-car .show-preview {
    overflow: visible
}

.hx-car .autoplay-progress {
    align-items: center;
    display: flex;
    height: 2rem;
    justify-content: center;
    position: absolute;
    right: .25rem;
    width: 2rem
}

.hx-car .autoplay-progress svg {
    --progress: 0;
    stroke-width: 2px;
    stroke: rgb(var(--border-color-stroke-neutral-base));
    fill: none;
    stroke-dashoffset: calc(90px*(1 - var(--progress)));
    stroke-dasharray: 90;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: rotate(-90deg);
    width: 100%
}

.hx-car .autoplay-progress .sc-prism-button {
    border-radius: 50%;
    outline-offset: 4px
}

.hx-car .pag {
    --swiper-pagination-bullet-width: 14px;
    --swiper-pagination-bullet-height: 14px;
    --swiper-pagination-bullet-horizontal-gap: 8px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 1rem;
    transform: translateZ(0);
    transition: opacity .3s
}

.hx-car .pag.pag-hidden {
    opacity: 0
}

.hx-car .pag.pag-disabled {
    display: none !important
}

.hx-car .pag-bullet {
    --tw-bg-opacity: 0.3;
    --shadow-color: var(--fill-neutral-base-shadow);
    background-color: rgb(var(--background-color-fill-neutral-base)/var(--tw-bg-opacity));
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    display: inline-block;
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px))
}

.hx-car .pag-bullet:after {
    --tw-translate-y: -50%;
    --tw-translate-x: -50%;
    content: "";
    height: 1.5rem;
    position: absolute;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    width: 1.5rem
}

.hx-car .pag-bullet:only-child {
    display: none !important
}

.hx-car .pag-horizontal.pag-bullets .pag-bullet,
.hx-car .pag-horizontal>.pag-bullets .pag-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.hx-car .pag-lock {
    display: none
}

.hx-car button.pag-bullet {
    border-color: var(--border-color-transparent, transparent);
    border-style: solid;
    border-width: 2px
}

.hx-car button.pag-bullet-active {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    border-color: rgb(var(--border-color-stroke-theme1-base)/var(--tw-border-opacity));
    border-style: solid;
    border-width: 2px;
    opacity: 1
}

.hx-car button.pag-bullet:focus,
.hx-car button.pag-bullet:hover {
    outline-color: var(--outline-color-theme1-focus, #36156f);
    outline-offset: 2px;
    outline-style: solid;
    outline-width: 1px
}

.hx-bento-grid-container {
    display: grid;
    gap: 1rem;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: minmax(250px, 1fr) minmax(250px, 1fr)
}

.hx-bento-grid-container>section>* {
    height: 100%;
    min-height: inherit
}

.hx-bento-layout-a {
    grid-template-areas: "wide1 wide1 ." ". . ."
}

.hx-bento-layout-b {
    grid-template-areas: "tower1 wide1 wide1" "tower1 . ."
}

.hx-bento-layout-c {
    grid-template-areas: "wide1 wide1 tower1" ". . tower1"
}

.hx-bento-layout-d {
    grid-template-areas: "wide1 wide1 ." ". wide2 wide2"
}

.hx-bento-layout-e {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr
}

.hx-bento-layout-f {
    grid-template-areas: "wide1 wide1 tower1" "wide2 wide2 tower1";
    grid-template-columns: 2fr 2fr 3fr
}

.hx-bento-layout-g {
    grid-template-areas: "tower1 wide1 wide1" "tower1 wide2 wide2";
    grid-template-columns: 3fr 2fr 2fr
}

.hx-bento-layout-h {
    grid-template-areas: ". ." "wide1 wide1"
}

.hx-bento-layout-h,
.hx-bento-layout-i {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr
}

.hx-bento-layout-i {
    grid-template-areas: "wide1 wide1 " ". ."
}

.hx-bento-layout-a>:first-child,
.hx-bento-layout-b>:nth-child(2),
.hx-bento-layout-c>:first-child,
.hx-bento-layout-d>:first-child,
.hx-bento-layout-f>:first-child,
.hx-bento-layout-g>:nth-child(2),
.hx-bento-layout-h>:nth-child(3),
.hx-bento-layout-i>:first-child {
    grid-area: wide1;
    min-height: 400px
}

.hx-bento-layout-b>:first-child,
.hx-bento-layout-c>:nth-child(2),
.hx-bento-layout-f>:nth-child(2),
.hx-bento-layout-g>:first-child {
    grid-area: tower1;
    min-height: 674px
}

.hx-bento-layout-d>:nth-child(4),
.hx-bento-layout-f>:nth-child(3),
.hx-bento-layout-g>:nth-child(3) {
    grid-area: wide2;
    min-height: 400px
}

.hx-bento-layout-e>* {
    min-height: 400px
}

.hx-sr-only {
    clip: rect(0, 0, 0, 0);
    border-width: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.hx-pointer-events-none {
    pointer-events: none
}

.hx-fixed {
    position: fixed
}

.hx-absolute {
    position: absolute
}

.hx-relative {
    position: relative
}

.-hx-bottom-3 {
    bottom: -.75rem
}

.hx-bottom-\[2px\] {
    bottom: 2px
}

.hx-bottom-\[32px\] {
    bottom: 32px
}

.hx-bottom-\[62px\] {
    bottom: 62px
}

.hx-left-0 {
    left: 0
}

.hx-left-1\/2 {
    left: 50%
}

.hx-right-0 {
    right: 0
}

.hx-right-14 {
    right: 3.5rem
}

.hx-right-4 {
    right: 1rem
}

.hx-right-6 {
    right: 1.5rem
}

.hx-top-0 {
    top: 0
}

.hx-top-2 {
    top: .5rem
}

.hx-top-5 {
    top: 1.25rem
}

.hx-top-8 {
    top: 2rem
}

.hx-z-10 {
    z-index: 10
}

.hx-z-50 {
    z-index: 50
}

.hx-z-modal {
    z-index: 550
}

.hx-order-first {
    order: -9999
}

.hx-col-span-12 {
    grid-column: span 12/span 12
}

.hx-col-span-6 {
    grid-column: span 6/span 6
}

.hx-col-span-full {
    grid-column: 1/-1
}

.hx-col-start-1 {
    grid-column-start: 1
}

.hx-col-start-2 {
    grid-column-start: 2
}

.hx-col-start-3 {
    grid-column-start: 3
}

.hx-col-start-4 {
    grid-column-start: 4
}

.hx-col-end-6 {
    grid-column-end: 6
}

.hx-m-auto {
    margin: auto
}

.hx-mx-1 {
    margin-left: .25rem;
    margin-right: .25rem
}

.hx-mx-1\.5 {
    margin-left: .375rem;
    margin-right: .375rem
}

.hx-mx-10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem
}

.hx-mx-2 {
    margin-left: .5rem;
    margin-right: .5rem
}

.hx-mx-3 {
    margin-left: .75rem;
    margin-right: .75rem
}

.hx-mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem
}

.hx-mx-auto {
    margin-left: auto;
    margin-right: auto
}

.hx-my-2 {
    margin-bottom: .5rem;
    margin-top: .5rem
}

.hx-my-2\.5 {
    margin-bottom: .625rem;
    margin-top: .625rem
}

.hx-my-3 {
    margin-bottom: .75rem;
    margin-top: .75rem
}

.hx-my-4 {
    margin-bottom: 1rem;
    margin-top: 1rem
}

.-hx-mt-1 {
    margin-top: -.25rem
}

.-hx-mt-12 {
    margin-top: -3rem
}

.-hx-mt-16 {
    margin-top: -4rem
}

.-hx-mt-24 {
    margin-top: -6rem
}

.-hx-mt-32 {
    margin-top: -8rem
}

.-hx-mt-48 {
    margin-top: -12rem
}

.-hx-mt-8 {
    margin-top: -2rem
}

.hx-mb-0 {
    margin-bottom: 0
}

.hx-mb-2 {
    margin-bottom: .5rem
}

.hx-mb-3 {
    margin-bottom: .75rem
}

.hx-mb-4 {
    margin-bottom: 1rem
}

.hx-mb-5 {
    margin-bottom: 1.25rem
}

.hx-mb-6 {
    margin-bottom: 1.5rem
}

.hx-mb-8 {
    margin-bottom: 2rem
}

.hx-me-0 {
    margin-inline-end: 0
}

.hx-ml-0 {
    margin-left: 0
}

.hx-ml-0\.5 {
    margin-left: .125rem
}

.hx-ml-1 {
    margin-left: .25rem
}

.hx-ml-1\.5 {
    margin-left: .375rem
}

.hx-ml-2 {
    margin-left: .5rem
}

.hx-ml-4 {
    margin-left: 1rem
}

.hx-mr-1 {
    margin-right: .25rem
}

.hx-mr-2 {
    margin-right: .5rem
}

.hx-ms-0 {
    margin-inline-start: 0
}

.hx-mt-0 {
    margin-top: 0
}

.hx-mt-1 {
    margin-top: .25rem
}

.hx-mt-14 {
    margin-top: 3.5rem
}

.hx-mt-2 {
    margin-top: .5rem
}

.hx-mt-4 {
    margin-top: 1rem
}

.hx-mt-5 {
    margin-top: 1.25rem
}

.hx-mt-6 {
    margin-top: 1.5rem
}

.hx-mt-8 {
    margin-top: 2rem
}

.hx-mt-9 {
    margin-top: 2.25rem
}

.hx-mt-auto {
    margin-top: auto
}

.hx-block {
    display: block
}

.hx-inline-block {
    display: inline-block
}

.hx-inline {
    display: inline
}

.hx-flex {
    display: flex
}

.hx-grid {
    display: grid
}

.hx-hidden {
    display: none
}

.hx-h-12 {
    height: 3rem
}

.hx-h-4 {
    height: 1rem
}

.hx-h-6 {
    height: 1.5rem
}

.hx-h-8 {
    height: 2rem
}

.hx-h-auto {
    height: auto
}

.hx-h-full {
    height: 100%
}

.hx-max-h-4 {
    max-height: 1rem
}

.hx-max-h-\[90vh\] {
    max-height: 90vh
}

.hx-w-18 {
    width: 4.5rem
}

.hx-w-4 {
    width: 1rem
}

.hx-w-40 {
    width: 10rem
}

.hx-w-6 {
    width: 1.5rem
}

.hx-w-60 {
    width: 15rem
}

.hx-w-9 {
    width: 2.25rem
}

.hx-w-9\/12 {
    width: 75%
}

.hx-w-full {
    width: 100%
}

.hx-w-max {
    width: -moz-max-content;
    width: max-content
}

.hx-min-w-96 {
    min-width: 24rem
}

.hx-max-w-3xl {
    max-width: 48rem
}

.hx-max-w-5xl {
    max-width: 64rem
}

.hx-max-w-64 {
    max-width: 16rem
}

.hx-max-w-9 {
    max-width: 2.25rem
}

.hx-max-w-\[644px\] {
    max-width: 644px
}

.hx-max-w-screen-2xl {
    max-width: 1536px
}

.hx-flex-1 {
    flex: 1 1 0%
}

.hx-shrink-0 {
    flex-shrink: 0
}

.hx-flex-grow,
.hx-grow {
    flex-grow: 1
}

.hx-grow-0 {
    flex-grow: 0
}

.hx-basis-auto {
    flex-basis: auto
}

.\ !-hx-translate-x-carousel-btn {
    --tw-translate-x: calc(-50% + -12px) !important
}

.\ !-hx-translate-x-carousel-btn,
.\ !hx-translate-x-carousel-btn {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.\ !hx-translate-x-carousel-btn {
    --tw-translate-x: calc(50% + 12px) !important
}

.-hx-translate-x-1\/2 {
    --tw-translate-x: -50%
}

.-hx-translate-x-1\/2,
.hx-translate-x-1\/2 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.hx-translate-x-1\/2 {
    --tw-translate-x: 50%
}

.hx-translate-y-full {
    --tw-translate-y: 100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.hx-cursor-pointer {
    cursor: pointer
}

.hx-list-disc {
    list-style-type: disc
}

.hx-grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
}

.hx-grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr))
}

.hx-grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
}

.hx-grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
}

.hx-grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr))
}

.hx-grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr))
}

.hx-grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr))
}

.hx-grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr))
}

.hx-flex-row {
    flex-direction: row
}

.hx-flex-row-reverse {
    flex-direction: row-reverse
}

.hx-flex-col {
    flex-direction: column
}

.hx-flex-wrap {
    flex-wrap: wrap
}

.hx-place-content-between {
    place-content: space-between
}

.hx-place-items-center {
    place-items: center
}

.hx-items-start {
    align-items: flex-start
}

.hx-items-end {
    align-items: flex-end
}

.hx-items-center {
    align-items: center
}

.hx-justify-start {
    justify-content: flex-start
}

.hx-justify-end {
    justify-content: flex-end
}

.hx-justify-center {
    justify-content: center
}

.hx-justify-between {
    justify-content: space-between
}

.hx-justify-around {
    justify-content: space-around
}

.hx-justify-items-center {
    justify-items: center
}

.hx-gap-1 {
    gap: .25rem
}

.hx-gap-2 {
    gap: .5rem
}

.hx-gap-3 {
    gap: .75rem
}

.hx-gap-4 {
    gap: 1rem
}

.hx-gap-5 {
    gap: 1.25rem
}

.hx-gap-y-6 {
    row-gap: 1.5rem
}

.hx-space-x-6>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(1.5rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(1.5rem*var(--tw-space-x-reverse))
}

.hx-space-y-1>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(.25rem*var(--tw-space-y-reverse));
    margin-top: calc(.25rem*(1 - var(--tw-space-y-reverse)))
}

.hx-space-y-2>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(.5rem*var(--tw-space-y-reverse));
    margin-top: calc(.5rem*(1 - var(--tw-space-y-reverse)))
}

.hx-justify-self-start {
    justify-self: start
}

.hx-overflow-auto {
    overflow: auto
}

.hx-overflow-hidden {
    overflow: hidden
}

.hx-overflow-x-hidden {
    overflow-x: hidden
}

.\ !hx-rounded-large {
    border-radius: var(--border-radius-large, 16px) !important
}

.\ !hx-rounded-medium {
    border-radius: var(--border-radius-medium, 8px) !important
}

.\ !hx-rounded-small {
    border-radius: var(--border-radius-small, 4px) !important
}

.hx-rounded-\[40px\] {
    border-radius: 40px
}

.hx-rounded-large {
    border-radius: var(--border-radius-large, 16px)
}

.hx-rounded-medium {
    border-radius: var(--border-radius-medium, 8px)
}

.hx-rounded-none {
    border-radius: var(--border-radius-none, 0)
}

.hx-rounded-small {
    border-radius: var(--border-radius-small, 4px)
}

.hx-rounded-tl-\[16px\] {
    border-top-left-radius: 16px
}

.hx-rounded-tr-\[16px\] {
    border-top-right-radius: 16px
}

.hx-border {
    border-width: 1px
}

.hx-border-0 {
    border-width: 0
}

.hx-border-x {
    border-left-width: 1px;
    border-right-width: 1px
}

.hx-border-y {
    border-top-width: 1px
}

.hx-border-b,
.hx-border-y {
    border-bottom-width: 1px
}

.hx-border-b-8 {
    border-bottom-width: 8px
}

.hx-border-l {
    border-left-width: 1px
}

.hx-border-r {
    border-right-width: 1px
}

.hx-border-r-2 {
    border-right-width: 2px
}

.hx-border-r-8 {
    border-right-width: 8px
}

.hx-border-t {
    border-top-width: 1px
}

.hx-border-solid {
    border-style: solid
}

.hx-border-none {
    border-style: none
}

.hx-border-stroke-caution-base {
    --tw-border-opacity: 1;
    border-color: rgb(var(--border-color-stroke-caution-base)/var(--tw-border-opacity))
}

.hx-border-stroke-info-base {
    --tw-border-opacity: 1;
    border-color: rgb(var(--border-color-stroke-info-base)/var(--tw-border-opacity))
}

.hx-border-stroke-inverse-base {
    --tw-border-opacity: 1;
    border-color: rgb(var(--border-color-stroke-inverse-base)/var(--tw-border-opacity))
}

.hx-border-stroke-inverse-down {
    --tw-border-opacity: 1;
    border-color: rgb(var(--border-color-stroke-inverse-down)/var(--tw-border-opacity))
}

.hx-border-stroke-negative-base {
    --tw-border-opacity: 1;
    border-color: rgb(var(--border-color-stroke-negative-base)/var(--tw-border-opacity))
}

.hx-border-stroke-neutral-base {
    --tw-border-opacity: 1;
    border-color: rgb(var(--border-color-stroke-neutral-base)/var(--tw-border-opacity))
}

.hx-border-stroke-neutral2-base {
    --tw-border-opacity: 1;
    border-color: rgb(var(--border-color-stroke-neutral2-base)/var(--tw-border-opacity))
}

.hx-border-stroke-positive-base {
    --tw-border-opacity: 1;
    border-color: rgb(var(--border-color-stroke-positive-base)/var(--tw-border-opacity))
}

.hx-border-stroke-theme1-base {
    --tw-border-opacity: 1;
    border-color: rgb(var(--border-color-stroke-theme1-base)/var(--tw-border-opacity))
}

.hx-border-stroke-theme2-base {
    --tw-border-opacity: 1;
    border-color: rgb(var(--border-color-stroke-theme2-base)/var(--tw-border-opacity))
}

.hx-border-stroke-white {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255/var(--tw-border-opacity))
}

.hx-border-opacity-tertiary {
    --tw-border-opacity: var(--border-opacity-tertiary, 0.15)
}

.hx-bg-fill-caution-base {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-caution-base)/var(--tw-bg-opacity))
}

.hx-bg-fill-info-base {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-info-base)/var(--tw-bg-opacity))
}

.hx-bg-fill-negative-base {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-negative-base)/var(--tw-bg-opacity))
}

.hx-bg-fill-neutral-base {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-neutral-base)/var(--tw-bg-opacity))
}

.hx-bg-fill-neutral2-base {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-neutral2-base)/var(--tw-bg-opacity))
}

.hx-bg-fill-positive-base {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-positive-base)/var(--tw-bg-opacity))
}

.hx-bg-fill-theme1-base {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-theme1-base)/var(--tw-bg-opacity))
}

.hx-bg-fill-theme2-base {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-theme2-base)/var(--tw-bg-opacity))
}

.hx-bg-material-caution-base {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-material-caution-base)/var(--tw-bg-opacity))
}

.hx-bg-material-info-base {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-material-info-base)/var(--tw-bg-opacity))
}

.hx-bg-material-negative-base {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-material-negative-base)/var(--tw-bg-opacity))
}

.hx-bg-material-neutral-base {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-material-neutral-base)/var(--tw-bg-opacity))
}

.hx-bg-material-neutral-inverse-base {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-material-neutral-inverse-base)/var(--tw-bg-opacity))
}

.hx-bg-material-neutral2-base {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-material-neutral2-base)/var(--tw-bg-opacity))
}

.hx-bg-material-neutral2-inverse-base {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-material-neutral2-inverse-base)/var(--tw-bg-opacity))
}

.hx-bg-material-positive-base {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-material-positive-base)/var(--tw-bg-opacity))
}

.hx-bg-material-theme1 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-material-theme1)/var(--tw-bg-opacity))
}

.hx-bg-material-theme1-base {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-material-theme1-base)/var(--tw-bg-opacity))
}

.hx-bg-material-theme2-base {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-material-theme2-base)/var(--tw-bg-opacity))
}

.hx-bg-transparent {
    background-color: var(--background-color-transparent, transparent)
}

.hx-bg-gradient-expressive {
    background-image: var(--background-image-gradient-expressive, linear-gradient(90deg, #28156b, #7c01bd))
}

.hx-bg-\[length\:0px_0px\] {
    background-size: 0 0
}

.hx-bg-cover {
    background-size: cover
}

.hx-bg-center {
    background-position: 50%
}

.hx-bg-no-repeat {
    background-repeat: no-repeat
}

.hx-object-contain {
    object-fit: contain
}

.hx-object-cover {
    object-fit: cover
}

.hx-p-0 {
    padding: 0
}

.hx-p-10 {
    padding: 2.5rem
}

.hx-p-5 {
    padding: 1.25rem
}

.hx-p-6 {
    padding: 1.5rem
}

.hx-p-8 {
    padding: 2rem
}

.hx-px-0 {
    padding-left: 0;
    padding-right: 0
}

.hx-px-1 {
    padding-left: .25rem;
    padding-right: .25rem
}

.hx-px-12 {
    padding-left: 3rem;
    padding-right: 3rem
}

.hx-px-16 {
    padding-left: 4rem;
    padding-right: 4rem
}

.hx-px-2 {
    padding-left: .5rem;
    padding-right: .5rem
}

.hx-px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

.hx-px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.hx-px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.hx-px-8 {
    padding-left: 2rem;
    padding-right: 2rem
}

.hx-py-2 {
    padding-bottom: .5rem;
    padding-top: .5rem
}

.hx-py-3 {
    padding-bottom: .75rem;
    padding-top: .75rem
}

.hx-py-4 {
    padding-bottom: 1rem;
    padding-top: 1rem
}

.hx-py-5 {
    padding-bottom: 1.25rem;
    padding-top: 1.25rem
}

.hx-py-6 {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem
}

.hx-py-8 {
    padding-bottom: 2rem;
    padding-top: 2rem
}

.\ !hx-pb-16 {
    padding-bottom: 4rem !important
}

.\ !hx-pb-6 {
    padding-bottom: 1.5rem !important
}

.\ !hx-pb-8 {
    padding-bottom: 2rem !important
}

.\ !hx-pt-16 {
    padding-top: 4rem !important
}

.\ !hx-pt-6 {
    padding-top: 1.5rem !important
}

.\ !hx-pt-8 {
    padding-top: 2rem !important
}

.hx-pb-0 {
    padding-bottom: 0
}

.hx-pb-1 {
    padding-bottom: .25rem
}

.hx-pb-16 {
    padding-bottom: 4rem
}

.hx-pb-2 {
    padding-bottom: .5rem
}

.hx-pb-4 {
    padding-bottom: 1rem
}

.hx-pb-5 {
    padding-bottom: 1.25rem
}

.hx-pb-6 {
    padding-bottom: 1.5rem
}

.hx-pb-8 {
    padding-bottom: 2rem
}

.hx-pl-0 {
    padding-left: 0
}

.hx-pl-1 {
    padding-left: .25rem
}

.hx-pl-10 {
    padding-left: 2.5rem
}

.hx-pl-3 {
    padding-left: .75rem
}

.hx-pl-4 {
    padding-left: 1rem
}

.hx-pl-6 {
    padding-left: 1.5rem
}

.hx-pr-0 {
    padding-right: 0
}

.hx-pr-0\.5 {
    padding-right: .125rem
}

.hx-pr-12 {
    padding-right: 3rem
}

.hx-pr-6 {
    padding-right: 1.5rem
}

.hx-pt-0 {
    padding-top: 0
}

.hx-pt-1 {
    padding-top: .25rem
}

.hx-pt-16 {
    padding-top: 4rem
}

.hx-pt-2 {
    padding-top: .5rem
}

.hx-pt-2\.5 {
    padding-top: .625rem
}

.hx-pt-4 {
    padding-top: 1rem
}

.hx-pt-5 {
    padding-top: 1.25rem
}

.hx-pt-6 {
    padding-top: 1.5rem
}

.hx-pt-7 {
    padding-top: 1.75rem
}

.hx-pt-8 {
    padding-top: 2rem
}

.hx-text-left {
    text-align: left
}

.hx-text-center {
    text-align: center
}

.hx-align-top {
    vertical-align: top
}

.hx-align-bottom {
    vertical-align: bottom
}

.hx-text-base {
    font-size: 1rem;
    line-height: 1.5rem
}

.hx-font-bold {
    font-weight: 700
}

.hx-text-caution-base {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-caution-base)/var(--tw-text-opacity))
}

.hx-text-info-base {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-info-base)/var(--tw-text-opacity))
}

.hx-text-inverse-base {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-inverse-base)/var(--tw-text-opacity))
}

.hx-text-negative-base {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-negative-base)/var(--tw-text-opacity))
}

.hx-text-neutral-base {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-neutral-base)/var(--tw-text-opacity))
}

.hx-text-neutral2-base {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-neutral2-base)/var(--tw-text-opacity))
}

.hx-text-positive-base {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-positive-base)/var(--tw-text-opacity))
}

.hx-text-theme1-base {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-theme1-base)/var(--tw-text-opacity))
}

.hx-text-theme2-base {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-theme2-base)/var(--tw-text-opacity))
}

.hx-text-opacity-50 {
    --tw-text-opacity: 0.5
}

.hx-opacity-25 {
    opacity: .25
}

.hx-transition-opacity {
    transition-duration: .15s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.hx-duration-300 {
    transition-duration: .3s
}

.hx-bg-fill-caution-base {
    --shadow-color: var(--fill-caution-base-shadow)
}

.hx-bg-fill-info-base {
    --shadow-color: var(--fill-info-base-shadow)
}

.hx-bg-fill-negative-base {
    --shadow-color: var(--fill-negative-base-shadow)
}

.hx-bg-fill-neutral-base {
    --shadow-color: var(--fill-neutral-base-shadow)
}

.hx-bg-fill-positive-base {
    --shadow-color: var(--fill-positive-base-shadow)
}

.hx-bg-fill-theme1-base {
    --shadow-color: var(--fill-theme1-base-shadow)
}

.hx-bg-fill-theme2-base {
    --shadow-color: var(--fill-theme2-base-shadow)
}

.hx-bg-material-theme1 {
    --shadow-color: var(--material-theme1-shadow)
}

.hx-bg-material-neutral-base {
    --shadow-color: var(--material-neutral-base-shadow)
}

.hx-bg-material-neutral2-base {
    --shadow-color: var(--material-neutral2-base-shadow)
}

.hx-bg-material-caution-base {
    --shadow-color: var(--material-caution-base-shadow)
}

.hx-bg-material-info-base {
    --shadow-color: var(--material-info-base-shadow)
}

.hx-bg-material-negative-base {
    --shadow-color: var(--material-negative-base-shadow)
}

.hx-bg-material-positive-base {
    --shadow-color: var(--material-positive-base-shadow)
}

.hx-bg-material-neutral-inverse-base {
    --shadow-color: var(--material-neutral-inverse-base-shadow)
}

.hx-bg-material-neutral2-inverse-base {
    --shadow-color: var(--material-neutral2-inverse-base-shadow)
}

.hx-bg-material-theme1-base {
    --shadow-color: var(--material-theme1-base-shadow)
}

.hx-bg-material-theme2-base {
    --shadow-color: var(--material-theme2-base-shadow)
}

.hx-light,
.hx-light-secondary,
:root,
[light-secondary],
[light] {
    --fill-caution-base-shadow: rgba(95, 29, 0, .51);
    --fill-caution-down-shadow: rgba(74, 22, 0, .51);
    --fill-caution-focus-shadow: rgba(85, 26, 0, .51);
    --fill-caution-hover-shadow: rgba(85, 26, 0, .51);
    --fill-info-base-shadow: rgba(0, 39, 112, .51);
    --fill-info-down-shadow: rgba(0, 24, 68, .51);
    --fill-info-focus-shadow: rgba(0, 30, 85, .51);
    --fill-info-hover-shadow: rgba(0, 30, 85, .51);
    --fill-inverse-base-shadow: hsla(240, 0%, 53%, .51);
    --fill-inverse-down-shadow: hsla(240, 3%, 45%, .51);
    --fill-inverse-focus-shadow: hsla(0, 0%, 55%, .51);
    --fill-inverse-hover-shadow: hsla(0, 0%, 55%, .51);
    --fill-negative-base-shadow: rgba(97, 1, 28, .51);
    --fill-negative-down-shadow: rgba(51, 0, 14, .51);
    --fill-negative-focus-shadow: rgba(74, 0, 21, .51);
    --fill-negative-hover-shadow: rgba(74, 0, 21, .51);
    --fill-neutral-base-shadow: rgba(8, 8, 10, .51);
    --fill-neutral-down-shadow: rgba(34, 34, 39, .51);
    --fill-neutral-focus-shadow: rgba(24, 24, 28, .51);
    --fill-neutral-hover-shadow: rgba(24, 24, 28, .51);
    --fill-positive-base-shadow: rgba(0, 52, 39, .51);
    --fill-positive-down-shadow: rgba(0, 23, 18, .51);
    --fill-positive-focus-shadow: rgba(0, 40, 30, .51);
    --fill-positive-hover-shadow: rgba(0, 40, 30, .51);
    --fill-theme1-base-shadow: rgba(44, 15, 98, .51);
    --fill-theme1-down-shadow: rgba(18, 7, 41, .51);
    --fill-theme1-focus-shadow: rgba(25, 9, 56, .51);
    --fill-theme1-hover-shadow: rgba(25, 9, 56, .51);
    --fill-theme2-base-shadow: rgba(44, 15, 98, .51);
    --fill-theme2-down-shadow: rgba(18, 7, 41, .51);
    --fill-theme2-focus-shadow: rgba(25, 9, 56, .51);
    --fill-theme2-hover-shadow: rgba(25, 9, 56, .51);
    --material-1-shadow: hsla(0, 0%, 55%, .51);
    --material-2-shadow: hsla(240, 0%, 53%, .51);
    --material-1-inverse-shadow: rgba(8, 8, 10, .51);
    --material-2-inverse-shadow: rgba(15, 15, 18, .51);
    --material-caution-shadow: hsla(20, 6%, 49%, .51);
    --material-caution-inverse-shadow: rgba(27, 14, 8, .51);
    --material-info-shadow: hsla(220, 6%, 49%, .51);
    --material-info-inverse-shadow: rgba(8, 13, 24, .51);
    --material-negative-shadow: hsla(340, 6%, 49%, .51);
    --material-negative-inverse-shadow: rgba(22, 7, 12, .51);
    --material-positive-shadow: hsla(160, 6%, 49%, .51);
    --material-positive-inverse-shadow: rgba(6, 19, 14, .51);
    --material-theme1-shadow: hsla(266, 3%, 52%, .51);
    --material-theme1-inverse-shadow: rgba(17, 6, 34, .51);
    --material-neutral-base-shadow: hsla(0, 0%, 55%, .51);
    --material-neutral-down-shadow: hsla(0, 0%, 47%, .51);
    --material-neutral-focus-shadow: hsla(0, 0%, 53%, .51);
    --material-neutral-hover-shadow: hsla(0, 0%, 53%, .51);
    --material-neutral2-base-shadow: hsla(240, 0%, 53%, .51);
    --material-neutral2-down-shadow: hsla(240, 0%, 46%, .51);
    --material-neutral2-focus-shadow: hsla(240, 0%, 51%, .51);
    --material-neutral2-hover-shadow: hsla(240, 0%, 51%, .51);
    --material-caution-base-shadow: hsla(20, 6%, 49%, .51);
    --material-caution-down-shadow: hsla(18, 6%, 43%, .51);
    --material-caution-focus-shadow: hsla(21, 6%, 47%, .51);
    --material-caution-hover-shadow: hsla(21, 6%, 47%, .51);
    --material-info-base-shadow: hsla(220, 6%, 49%, .51);
    --material-info-down-shadow: hsla(222, 6%, 43%, .51);
    --material-info-focus-shadow: hsla(219, 6%, 47%, .51);
    --material-info-hover-shadow: hsla(219, 6%, 47%, .51);
    --material-negative-base-shadow: hsla(340, 6%, 49%, .51);
    --material-negative-down-shadow: hsla(342, 6%, 43%, .51);
    --material-negative-focus-shadow: hsla(339, 6%, 47%, .51);
    --material-negative-hover-shadow: hsla(339, 6%, 47%, .51);
    --material-positive-base-shadow: hsla(160, 6%, 49%, .51);
    --material-positive-down-shadow: hsla(162, 6%, 43%, .51);
    --material-positive-focus-shadow: hsla(163, 6%, 47%, .51);
    --material-positive-hover-shadow: hsla(163, 6%, 47%, .51);
    --material-neutral-inverse-base-shadow: rgba(8, 8, 10, .51);
    --material-neutral-inverse-down-shadow: rgba(22, 22, 23, .51);
    --material-neutral-inverse-focus-shadow: rgba(13, 13, 14, .51);
    --material-neutral-inverse-hover-shadow: rgba(13, 13, 14, .51);
    --material-neutral2-inverse-base-shadow: rgba(15, 15, 18, .51);
    --material-neutral2-inverse-down-shadow: rgba(29, 29, 31, .51);
    --material-neutral2-inverse-focus-shadow: rgba(20, 20, 22, .51);
    --material-neutral2-inverse-hover-shadow: rgba(20, 20, 22, .51);
    --material-caution-inverse-base-shadow: rgba(27, 14, 8, .51);
    --material-caution-inverse-down-shadow: rgba(39, 28, 22, .51);
    --material-caution-inverse-focus-shadow: rgba(31, 18, 13, .51);
    --material-caution-inverse-hover-shadow: rgba(31, 18, 13, .51);
    --material-info-inverse-base-shadow: rgba(8, 13, 24, .51);
    --material-info-inverse-down-shadow: rgba(21, 27, 37, .51);
    --material-info-inverse-focus-shadow: rgba(12, 17, 28, .51);
    --material-info-inverse-hover-shadow: rgba(12, 17, 28, .51);
    --material-negative-inverse-base-shadow: rgba(22, 7, 12, .51);
    --material-negative-inverse-down-shadow: rgba(35, 21, 25, .51);
    --material-negative-inverse-focus-shadow: rgba(27, 12, 16, .51);
    --material-negative-inverse-hover-shadow: rgba(27, 12, 16, .51);
    --material-positive-inverse-base-shadow: rgba(6, 19, 14, .51);
    --material-positive-inverse-down-shadow: rgba(19, 32, 28, .51);
    --material-positive-inverse-focus-shadow: rgba(10, 23, 19, .51);
    --material-positive-inverse-hover-shadow: rgba(10, 23, 19, .51);
    --material-theme1-base-shadow: hsla(266, 3%, 52%, .51);
    --material-theme1-down-shadow: hsla(260, 3%, 45%, .51);
    --material-theme1-focus-shadow: hsla(266, 3%, 50%, .51);
    --material-theme1-hover-shadow: hsla(266, 3%, 50%, .51);
    --material-theme2-base-shadow: hsla(266, 3%, 52%, .51);
    --material-theme2-down-shadow: hsla(260, 3%, 45%, .51);
    --material-theme2-focus-shadow: hsla(266, 3%, 50%, .51);
    --material-theme2-hover-shadow: hsla(266, 3%, 50%, .51)
}

.hx-dark,
.hx-dark-secondary,
[dark-secondary],
[dark] {
    --fill-caution-base-shadow: rgba(0, 0, 0, .51);
    --fill-caution-down-shadow: rgba(0, 0, 0, .51);
    --fill-caution-focus-shadow: rgba(0, 0, 0, .51);
    --fill-caution-hover-shadow: rgba(0, 0, 0, .51);
    --fill-info-base-shadow: rgba(0, 0, 0, .51);
    --fill-info-down-shadow: rgba(0, 0, 0, .51);
    --fill-info-focus-shadow: rgba(0, 0, 0, .51);
    --fill-info-hover-shadow: rgba(0, 0, 0, .51);
    --fill-inverse-base-shadow: rgba(0, 0, 0, .51);
    --fill-inverse-down-shadow: rgba(0, 0, 0, .51);
    --fill-inverse-focus-shadow: rgba(0, 0, 0, .51);
    --fill-inverse-hover-shadow: rgba(0, 0, 0, .51);
    --fill-negative-base-shadow: rgba(0, 0, 0, .51);
    --fill-negative-down-shadow: rgba(0, 0, 0, .51);
    --fill-negative-focus-shadow: rgba(0, 0, 0, .51);
    --fill-negative-hover-shadow: rgba(0, 0, 0, .51);
    --fill-neutral-base-shadow: rgba(0, 0, 0, .51);
    --fill-neutral-down-shadow: rgba(0, 0, 0, .51);
    --fill-neutral-focus-shadow: rgba(0, 0, 0, .51);
    --fill-neutral-hover-shadow: rgba(0, 0, 0, .51);
    --fill-positive-base-shadow: rgba(0, 0, 0, .51);
    --fill-positive-down-shadow: rgba(0, 0, 0, .51);
    --fill-positive-focus-shadow: rgba(0, 0, 0, .51);
    --fill-positive-hover-shadow: rgba(0, 0, 0, .51);
    --fill-theme1-base-shadow: rgba(0, 0, 0, .51);
    --fill-theme1-down-shadow: rgba(0, 0, 0, .51);
    --fill-theme1-focus-shadow: rgba(0, 0, 0, .51);
    --fill-theme1-hover-shadow: rgba(0, 0, 0, .51);
    --fill-theme2-base-shadow: rgba(0, 0, 0, .51);
    --fill-theme2-down-shadow: rgba(0, 0, 0, .51);
    --fill-theme2-focus-shadow: rgba(0, 0, 0, .51);
    --fill-theme2-hover-shadow: rgba(0, 0, 0, .51);
    --material-1-shadow: rgba(8, 8, 10, .51);
    --material-2-shadow: rgba(15, 15, 18, .51);
    --material-1-inverse-shadow: hsla(0, 0%, 55%, .51);
    --material-2-inverse-shadow: hsla(240, 0%, 53%, .51);
    --material-caution-shadow: rgba(27, 14, 8, .51);
    --material-caution-inverse-shadow: hsla(20, 6%, 49%, .51);
    --material-info-shadow: rgba(8, 13, 24, .51);
    --material-info-inverse-shadow: hsla(220, 6%, 49%, .51);
    --material-negative-shadow: rgba(22, 7, 12, .51);
    --material-negative-inverse-shadow: hsla(340, 6%, 49%, .51);
    --material-positive-shadow: rgba(6, 19, 14, .51);
    --material-positive-inverse-shadow: hsla(160, 6%, 49%, .51);
    --material-theme1-shadow: rgba(17, 6, 34, .51);
    --material-theme1-inverse-shadow: hsla(266, 3%, 52%, .51);
    --material-neutral-base-shadow: rgba(0, 0, 0, .51);
    --material-neutral-down-shadow: rgba(0, 0, 0, .51);
    --material-neutral-focus-shadow: rgba(0, 0, 0, .51);
    --material-neutral-hover-shadow: rgba(0, 0, 0, .51);
    --material-neutral2-base-shadow: rgba(0, 0, 0, .51);
    --material-neutral2-down-shadow: rgba(0, 0, 0, .51);
    --material-neutral2-focus-shadow: rgba(0, 0, 0, .51);
    --material-neutral2-hover-shadow: rgba(0, 0, 0, .51);
    --material-caution-base-shadow: rgba(0, 0, 0, .51);
    --material-caution-down-shadow: rgba(0, 0, 0, .51);
    --material-caution-focus-shadow: rgba(0, 0, 0, .51);
    --material-caution-hover-shadow: rgba(0, 0, 0, .51);
    --material-info-base-shadow: rgba(0, 0, 0, .51);
    --material-info-down-shadow: rgba(0, 0, 0, .51);
    --material-info-focus-shadow: rgba(0, 0, 0, .51);
    --material-info-hover-shadow: rgba(0, 0, 0, .51);
    --material-negative-base-shadow: rgba(0, 0, 0, .51);
    --material-negative-down-shadow: rgba(0, 0, 0, .51);
    --material-negative-focus-shadow: rgba(0, 0, 0, .51);
    --material-negative-hover-shadow: rgba(0, 0, 0, .51);
    --material-positive-base-shadow: rgba(0, 0, 0, .51);
    --material-positive-down-shadow: rgba(0, 0, 0, .51);
    --material-positive-focus-shadow: rgba(0, 0, 0, .51);
    --material-positive-hover-shadow: rgba(0, 0, 0, .51);
    --material-neutral-inverse-base-shadow: rgba(0, 0, 0, .51);
    --material-neutral-inverse-down-shadow: rgba(0, 0, 0, .51);
    --material-neutral-inverse-focus-shadow: rgba(0, 0, 0, .51);
    --material-neutral-inverse-hover-shadow: rgba(0, 0, 0, .51);
    --material-neutral2-inverse-base-shadow: rgba(0, 0, 0, .51);
    --material-neutral2-inverse-down-shadow: rgba(0, 0, 0, .51);
    --material-neutral2-inverse-focus-shadow: rgba(0, 0, 0, .51);
    --material-neutral2-inverse-hover-shadow: rgba(0, 0, 0, .51);
    --material-caution-inverse-base-shadow: rgba(0, 0, 0, .51);
    --material-caution-inverse-down-shadow: rgba(0, 0, 0, .51);
    --material-caution-inverse-focus-shadow: rgba(0, 0, 0, .51);
    --material-caution-inverse-hover-shadow: rgba(0, 0, 0, .51);
    --material-info-inverse-base-shadow: rgba(0, 0, 0, .51);
    --material-info-inverse-down-shadow: rgba(0, 0, 0, .51);
    --material-info-inverse-focus-shadow: rgba(0, 0, 0, .51);
    --material-info-inverse-hover-shadow: rgba(0, 0, 0, .51);
    --material-negative-inverse-base-shadow: rgba(0, 0, 0, .51);
    --material-negative-inverse-down-shadow: rgba(0, 0, 0, .51);
    --material-negative-inverse-focus-shadow: rgba(0, 0, 0, .51);
    --material-negative-inverse-hover-shadow: rgba(0, 0, 0, .51);
    --material-positive-inverse-base-shadow: rgba(0, 0, 0, .51);
    --material-positive-inverse-down-shadow: rgba(0, 0, 0, .51);
    --material-positive-inverse-focus-shadow: rgba(0, 0, 0, .51);
    --material-positive-inverse-hover-shadow: rgba(0, 0, 0, .51);
    --material-theme1-base-shadow: rgba(0, 0, 0, .51);
    --material-theme1-down-shadow: rgba(0, 0, 0, .51);
    --material-theme1-focus-shadow: rgba(0, 0, 0, .51);
    --material-theme1-hover-shadow: rgba(0, 0, 0, .51);
    --material-theme2-base-shadow: rgba(0, 0, 0, .51);
    --material-theme2-down-shadow: rgba(0, 0, 0, .51);
    --material-theme2-focus-shadow: rgba(0, 0, 0, .51);
    --material-theme2-hover-shadow: rgba(0, 0, 0, .51)
}

.hx-\@container\/hx-layout {
    container-name: hx-layout;
    container-type: inline-size
}

.hx-\@container\/your-plan {
    container-name: your-plan;
    container-type: inline-size
}

.comparison .comparison-featured {
    height: calc(100% + 8px);
    left: -4px;
    top: -4px;
    width: calc(100% + 8px)
}

.comparison>div.comparison-table>div.comparison-header .comparison-featured {
    height: 100%;
    top: 4px
}

.comparison>div.comparison-table>div:last-of-type.comparison-row .comparison-featured {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-width: 2px;
    height: calc(100% + 8px);
    left: -4px;
    top: -4px;
    width: calc(100% + 8px)
}

.comparison>div.comparison-table>div.comparison-header>div:first-of-type .comparison-featured {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-top-width: 2px;
    height: calc(100% + 8px);
    left: -4px;
    top: -4px;
    width: calc(100% + 8px)
}

.dark .colored-background-gradient {
    background: linear-gradient(180deg, rgba(35, 35, 40, 0), #232328)
}

.backdrop\:hx-bg-black::backdrop {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity))
}

.backdrop\:hx-bg-opacity-secondary::backdrop {
    --tw-bg-opacity: var(--background-opacity-secondary, 0.6)
}

.last\:hx-mb-0:last-child {
    margin-bottom: 0
}

.last\:hx-mb-4:last-child {
    margin-bottom: 1rem
}

.hover\:hx-underline:hover {
    text-decoration-line: underline
}

@container hx-layout (min-width: 32rem) {
    .\@lg\/hx-layout\:hx-block {
        display: block
    }
    .\@lg\/hx-layout\:hx-flex {
        display: flex
    }
    .\@lg\/hx-layout\:hx-hidden {
        display: none
    }
    .\@lg\/hx-layout\:hx-h-full {
        height: 100%
    }
    .\@lg\/hx-layout\:hx-w-8\/12 {
        width: 66.666667%
    }
    .\@lg\/hx-layout\:hx-basis-60 {
        flex-basis: 15rem
    }
    .\@lg\/hx-layout\:hx-bg-cover {
        background-size: cover
    }
}

@container hx-layout (min-width: 36rem) {
    .\@xl\/hx-layout\:hx-w-6\/12 {
        width: 50%
    }
}

@container your-plan (min-width: 42rem) {
    .\@2xl\/your-plan\:hx-w-24 {
        width: 6rem
    }
    .\@2xl\/your-plan\:hx-grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

@container hx-layout (min-width: 48rem) {
    .\@3xl\/hx-layout\:hx-w-80 {
        width: 20rem
    }
    .\@3xl\/hx-layout\:hx-basis-80 {
        flex-basis: 20rem
    }
    .\@3xl\/hx-layout\:\ !hx-rounded-large {
        border-radius: var(--border-radius-large, 16px) !important
    }
    .\@3xl\/hx-layout\:\ !hx-rounded-medium {
        border-radius: var(--border-radius-medium, 8px) !important
    }
    .\@3xl\/hx-layout\:\ !hx-rounded-small {
        border-radius: var(--border-radius-small, 4px) !important
    }
    .\@3xl\/hx-layout\:hx-rounded-none {
        border-radius: var(--border-radius-none, 0)
    }
    .\@3xl\/hx-layout\:hx-px-0 {
        padding-left: 0;
        padding-right: 0
    }
    .\@3xl\/hx-layout\:hx-px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@container hx-layout (min-width: 64rem) {
    .\@5xl\/hx-layout\:hx-col-span-10 {
        grid-column: span 10/span 10
    }
    .\@5xl\/hx-layout\:hx-col-span-12 {
        grid-column: span 12/span 12
    }
    .\@5xl\/hx-layout\:hx-col-span-6 {
        grid-column: span 6/span 6
    }
    .\@5xl\/hx-layout\:hx-col-span-8 {
        grid-column: span 8/span 8
    }
    .\@5xl\/hx-layout\:hx-col-start-1 {
        grid-column-start: 1
    }
    .\@5xl\/hx-layout\:hx-col-start-2 {
        grid-column-start: 2
    }
    .\@5xl\/hx-layout\:hx-col-start-3 {
        grid-column-start: 3
    }
    .\@5xl\/hx-layout\:hx-col-start-4 {
        grid-column-start: 4
    }
    .\@5xl\/hx-layout\:hx-mx-auto {
        margin-left: auto;
        margin-right: auto
    }
    .\@5xl\/hx-layout\:hx-grid {
        display: grid
    }
    .\@5xl\/hx-layout\:hx-max-w-screen-2xl {
        max-width: 1536px
    }
    .\@5xl\/hx-layout\:hx-grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }
    .\@5xl\/hx-layout\:hx-gap-6 {
        gap: 1.5rem
    }
    .\@5xl\/hx-layout\:hx-px-16 {
        padding-left: 4rem;
        padding-right: 4rem
    }
    .\@5xl\/hx-layout\:\ !hx-pb-16 {
        padding-bottom: 4rem !important
    }
    .\@5xl\/hx-layout\:\ !hx-pb-6 {
        padding-bottom: 1.5rem !important
    }
    .\@5xl\/hx-layout\:\ !hx-pb-8 {
        padding-bottom: 2rem !important
    }
    .\@5xl\/hx-layout\:\ !hx-pt-16 {
        padding-top: 4rem !important
    }
    .\@5xl\/hx-layout\:\ !hx-pt-6 {
        padding-top: 1.5rem !important
    }
    .\@5xl\/hx-layout\:\ !hx-pt-8 {
        padding-top: 2rem !important
    }
    .\@5xl\/hx-layout\:hx-pb-0 {
        padding-bottom: 0
    }
    .\@5xl\/hx-layout\:hx-pt-0 {
        padding-top: 0
    }
}

@media (min-width:768px) {
    .md\:hx-right-8 {
        right: 2rem
    }
    .md\:hx-order-last {
        order: 9999
    }
    .md\:hx-col-span-1 {
        grid-column: span 1/span 1
    }
    .md\:hx-col-span-2 {
        grid-column: span 2/span 2
    }
    .md\:hx-col-span-3 {
        grid-column: span 3/span 3
    }
    .md\:hx-col-span-4 {
        grid-column: span 4/span 4
    }
    .md\:hx-mx-auto {
        margin-left: auto;
        margin-right: auto
    }
    .md\:hx-mb-16 {
        margin-bottom: 4rem
    }
    .md\:hx-mb-4 {
        margin-bottom: 1rem
    }
    .md\:hx-me-5 {
        margin-inline-end: 1.25rem
    }
    .md\:hx-ml-auto {
        margin-left: auto
    }
    .md\:hx-ms-5 {
        margin-inline-start: 1.25rem
    }
    .md\:hx-mt-0 {
        margin-top: 0
    }
    .md\:hx-block {
        display: block
    }
    .md\:hx-inline-block {
        display: inline-block
    }
    .md\:hx-flex {
        display: flex
    }
    .md\:hx-grid {
        display: grid
    }
    .md\:hx-hidden {
        display: none
    }
    .md\:hx-w-3\/4 {
        width: 75%
    }
    .md\:hx-max-w-screen-2xl {
        max-width: 1536px
    }
    .md\:hx-flex-1 {
        flex: 1 1 0%
    }
    .md\:hx-auto-cols-min {
        grid-auto-columns: min-content
    }
    .md\:hx-grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }
    .md\:hx-grid-cols-9 {
        grid-template-columns: repeat(9, minmax(0, 1fr))
    }
    .md\:hx-flex-row {
        flex-direction: row
    }
    .md\:hx-items-start {
        align-items: flex-start
    }
    .md\:hx-justify-center {
        justify-content: center
    }
    .md\:hx-justify-between {
        justify-content: space-between
    }
    .md\:hx-gap-x-4 {
        -moz-column-gap: 1rem;
        column-gap: 1rem
    }
    .md\:\ !hx-rounded-large {
        border-radius: var(--border-radius-large, 16px) !important
    }
    .md\:\ !hx-rounded-medium {
        border-radius: var(--border-radius-medium, 8px) !important
    }
    .md\:\ !hx-rounded-small {
        border-radius: var(--border-radius-small, 4px) !important
    }
    .md\:hx-rounded-none {
        border-radius: var(--border-radius-none, 0)
    }
    .md\:hx-rounded-bl-\[16px\] {
        border-bottom-left-radius: 16px
    }
    .md\:hx-rounded-tr-\[0px\] {
        border-top-right-radius: 0
    }
    .md\:hx-border {
        border-width: 1px
    }
    .md\:hx-border-none {
        border-style: none
    }
    .md\:hx-p-0 {
        padding: 0
    }
    .md\:hx-p-8 {
        padding: 2rem
    }
    .md\:hx-px-0 {
        padding-left: 0;
        padding-right: 0
    }
    .md\:hx-px-16 {
        padding-left: 4rem;
        padding-right: 4rem
    }
    .md\:hx-px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }
    .md\:hx-pb-0 {
        padding-bottom: 0
    }
    .md\:hx-pb-10 {
        padding-bottom: 2.5rem
    }
    .md\:hx-pb-5 {
        padding-bottom: 1.25rem
    }
    .md\:hx-pl-3 {
        padding-left: .75rem
    }
    .md\:hx-pt-0 {
        padding-top: 0
    }
    .md\:hx-pt-2 {
        padding-top: .5rem
    }
    .md\:hx-text-center {
        text-align: center
    }
}

@media (min-width:1024px) {
    .lg\:hx-static {
        position: static
    }
    .lg\:hx-relative {
        position: relative
    }
    .lg\:hx-right-0 {
        right: 0
    }
    .lg\:hx-right-6 {
        right: 1.5rem
    }
    .lg\:hx-top-0 {
        top: 0
    }
    .lg\:hx-top-6 {
        top: 1.5rem
    }
    .lg\:hx-col-span-10 {
        grid-column: span 10/span 10
    }
    .lg\:hx-col-span-12 {
        grid-column: span 12/span 12
    }
    .lg\:hx-col-span-6 {
        grid-column: span 6/span 6
    }
    .lg\:hx-col-span-8 {
        grid-column: span 8/span 8
    }
    .lg\:hx-col-start-1 {
        grid-column-start: 1
    }
    .lg\:hx-col-start-2 {
        grid-column-start: 2
    }
    .lg\:hx-col-start-3 {
        grid-column-start: 3
    }
    .lg\:hx-col-start-4 {
        grid-column-start: 4
    }
    .lg\:hx-col-end-1 {
        grid-column-end: 1
    }
    .lg\:hx-m-0 {
        margin: 0
    }
    .lg\:hx-mx-12 {
        margin-left: 3rem;
        margin-right: 3rem
    }
    .lg\:hx-mx-16 {
        margin-left: 4rem;
        margin-right: 4rem
    }
    .lg\:hx-mx-auto {
        margin-left: auto;
        margin-right: auto
    }
    .lg\:-hx-mt-12 {
        margin-top: -3rem
    }
    .lg\:-hx-mt-16 {
        margin-top: -4rem
    }
    .lg\:-hx-mt-24 {
        margin-top: -6rem
    }
    .lg\:-hx-mt-32 {
        margin-top: -8rem
    }
    .lg\:-hx-mt-48 {
        margin-top: -12rem
    }
    .lg\:-hx-mt-8 {
        margin-top: -2rem
    }
    .lg\:hx-mb-0 {
        margin-bottom: 0
    }
    .lg\:hx-mb-12 {
        margin-bottom: 3rem
    }
    .lg\:hx-mb-8 {
        margin-bottom: 2rem
    }
    .lg\:hx-ml-6 {
        margin-left: 1.5rem
    }
    .lg\:hx-ml-8 {
        margin-left: 2rem
    }
    .lg\:hx-ml-auto {
        margin-left: auto
    }
    .lg\:hx-mr-2 {
        margin-right: .5rem
    }
    .lg\:hx-mr-4 {
        margin-right: 1rem
    }
    .lg\:hx-mt-0 {
        margin-top: 0
    }
    .lg\:hx-mt-2 {
        margin-top: .5rem
    }
    .lg\:hx-mt-8 {
        margin-top: 2rem
    }
    .lg\:hx-block {
        display: block
    }
    .lg\:hx-inline-block {
        display: inline-block
    }
    .lg\:hx-flex {
        display: flex
    }
    .lg\:hx-grid {
        display: grid
    }
    .lg\:hx-h-80 {
        height: 20rem
    }
    .lg\:hx-w-24 {
        width: 6rem
    }
    .lg\:hx-w-auto {
        width: auto
    }
    .lg\:hx-w-full {
        width: 100%
    }
    .lg\:hx-max-w-2xl {
        max-width: 42rem
    }
    .lg\:hx-max-w-4xl {
        max-width: 56rem
    }
    .lg\:hx-max-w-screen-2xl {
        max-width: 1536px
    }
    .lg\:hx-max-w-xl {
        max-width: 36rem
    }
    .lg\:hx-flex-1 {
        flex: 1 1 0%
    }
    .lg\:hx-flex-grow {
        flex-grow: 1
    }
    .lg\:hx-grid-flow-col {
        grid-auto-flow: column
    }
    .lg\:hx-grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }
    .lg\:hx-grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
    .lg\:hx-grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
    .lg\:hx-grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
    .lg\:hx-grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }
    .lg\:hx-grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }
    .lg\:hx-flex-row {
        flex-direction: row
    }
    .lg\:hx-flex-col {
        flex-direction: column
    }
    .lg\:hx-flex-nowrap {
        flex-wrap: nowrap
    }
    .lg\:hx-place-items-center {
        place-items: center
    }
    .lg\:hx-items-start {
        align-items: flex-start
    }
    .lg\:hx-items-center {
        align-items: center
    }
    .lg\:hx-justify-start {
        justify-content: flex-start
    }
    .lg\:hx-justify-between {
        justify-content: space-between
    }
    .lg\:hx-gap-2 {
        gap: .5rem
    }
    .lg\:hx-gap-3 {
        gap: .75rem
    }
    .lg\:hx-gap-4 {
        gap: 1rem
    }
    .lg\:hx-gap-5 {
        gap: 1.25rem
    }
    .lg\:hx-gap-6 {
        gap: 1.5rem
    }
    .lg\:hx-border-b-0 {
        border-bottom-width: 0
    }
    .lg\:hx-border-l-2 {
        border-left-width: 2px
    }
    .lg\:hx-border-r-2 {
        border-right-width: 2px
    }
    .lg\:hx-border-t-0 {
        border-top-width: 0
    }
    .lg\:hx-bg-material-neutral2-base {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--background-color-material-neutral2-base)/var(--tw-bg-opacity))
    }
    .lg\:hx-bg-transparent {
        background-color: var(--background-color-transparent, transparent)
    }
    .lg\:hx-p-16 {
        padding: 4rem
    }
    .lg\:hx-p-2 {
        padding: .5rem
    }
    .lg\:hx-px-16 {
        padding-left: 4rem;
        padding-right: 4rem
    }
    .lg\:hx-px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }
    .lg\:hx-py-6 {
        padding-bottom: 1.5rem;
        padding-top: 1.5rem
    }
    .lg\:\ !hx-pb-16 {
        padding-bottom: 4rem !important
    }
    .lg\:\ !hx-pb-6 {
        padding-bottom: 1.5rem !important
    }
    .lg\:\ !hx-pb-8 {
        padding-bottom: 2rem !important
    }
    .lg\:\ !hx-pt-16 {
        padding-top: 4rem !important
    }
    .lg\:\ !hx-pt-6 {
        padding-top: 1.5rem !important
    }
    .lg\:\ !hx-pt-8 {
        padding-top: 2rem !important
    }
    .lg\:hx-pb-0 {
        padding-bottom: 0
    }
    .lg\:hx-pl-4 {
        padding-left: 1rem
    }
    .lg\:hx-pl-6 {
        padding-left: 1.5rem
    }
    .lg\:hx-pl-8 {
        padding-left: 2rem
    }
    .lg\:hx-pr-2 {
        padding-right: .5rem
    }
    .lg\:hx-pt-0 {
        padding-top: 0
    }
    .lg\:hx-pt-12 {
        padding-top: 3rem
    }
    .lg\:hx-pt-8 {
        padding-top: 2rem
    }
    .lg\:hx-text-left {
        text-align: left
    }
    .lg\:hx-align-middle {
        vertical-align: middle
    }
    .lg\:hx-bg-material-neutral2-base {
        --shadow-color: var(--material-neutral2-base-shadow)
    }
    .comparison .lg\:comparison-featured {
        height: calc(100% + 8px);
        left: -4px;
        top: -4px;
        width: calc(100% + 8px)
    }
    .comparison>div.comparison-table>div.comparison-header .lg\:comparison-featured {
        height: 100%;
        top: 4px
    }
    .comparison>div.comparison-table>div:last-of-type.comparison-row .lg\:comparison-featured {
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        border-bottom-width: 2px;
        height: calc(100% + 8px);
        left: -4px;
        top: -4px;
        width: calc(100% + 8px)
    }
    .comparison>div.comparison-table>div.comparison-header>div:first-of-type .lg\:comparison-featured {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        border-top-width: 2px;
        height: calc(100% + 8px);
        left: -4px;
        top: -4px;
        width: calc(100% + 8px)
    }
    .lg\:colored-background-gradient {
        background: linear-gradient(180deg, rgba(246, 246, 249, 0), #f6f6f9)
    }
    .dark .lg\:colored-background-gradient {
        background: linear-gradient(180deg, rgba(35, 35, 40, 0), #232328)
    }
    .lg\:last\:hx-mr-0:last-child {
        margin-right: 0
    }
    .lg\:last\:hx-pr-0:last-child {
        padding-right: 0
    }
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
    align-items: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
    cursor: pointer;
    display: flex;
    height: var(--swiper-navigation-size);
    justify-content: center;
    margin-top: calc(0px - var(--swiper-navigation-size)/2);
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size)/44*27);
    z-index: 10
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    cursor: auto;
    opacity: .35;
    pointer-events: none
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
    cursor: auto;
    opacity: 0;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}

.swiper-button-next svg,
.swiper-button-prev svg {
    height: 100%;
    object-fit: contain;
    transform-origin: center;
    width: 100%
}

.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
    transform: rotate(180deg)
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto
}

.swiper-button-lock {
    display: none
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    font-variant: normal;
    letter-spacing: 0;
    line-height: 1;
    text-transform: none !important
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    left: auto;
    right: var(--swiper-navigation-sides-offset, 10px)
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transform: translateZ(0);
    transition: opacity .3s;
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 8px);
    left: 0;
    top: var(--swiper-pagination-top, auto);
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    font-size: 0;
    overflow: hidden
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    position: relative;
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    display: inline-block;
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px))
}

button.swiper-pagination-bullet {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    box-shadow: none;
    margin: 0;
    padding: 0
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    opacity: var(--swiper-pagination-bullet-opacity, 1)
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
    left: var(--swiper-pagination-left, auto);
    right: var(--swiper-pagination-right, 8px);
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    display: block;
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: transform .2s, top .2s
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, left .2s
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, right .2s
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: scale(0);
    transform-origin: left top;
    width: 100%
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0;
    width: 100%
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
    height: 100%;
    left: 0;
    top: 0;
    width: var(--swiper-pagination-progressbar-size, 4px)
}

.swiper-pagination-lock {
    display: none
}

*,
:after,
:before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/

*,
:after,
:before {
    border: 0 solid;
    box-sizing: border-box
}

:after,
:before {
    --tw-content: ""
}

:host,
html {
    -webkit-text-size-adjust: 100%;
    font-feature-settings: normal;
    -webkit-tap-highlight-color: transparent;
    font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-variation-settings: normal;
    line-height: 1.5;
    tab-size: 4
}

body {
    line-height: inherit
}

hr {
    border-top-width: 1px;
    color: inherit;
    height: 0
}

abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit
}

a {
    color: inherit;
    text-decoration: inherit
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
pre,
samp {
    font-feature-settings: normal;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-size: 1em;
    font-variation-settings: normal
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: initial
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    border-collapse: collapse;
    border-color: inherit;
    text-indent: 0
}

button,
input,
optgroup,
select,
textarea {
    font-feature-settings: inherit;
    color: inherit;
    font-family: inherit;
    font-size: 100%;
    font-variation-settings: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0
}

button,
select {
    text-transform: none
}

button,
input:where([type=button]),
input:where([type=reset]),
input:where([type=submit]) {
    -webkit-appearance: button;
    background-color: initial;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

:-moz-ui-invalid {
    box-shadow: none
}

progress {
    vertical-align: initial
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
    margin: 0
}

fieldset {
    margin: 0
}

fieldset,
legend {
    padding: 0
}

menu,
ol,
ul {
    list-style: none;
    margin: 0;
    padding: 0
}

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

input::placeholder,
textarea::placeholder {
    color: #9ca3af;
    opacity: 1
}

[role=button],
button {
    cursor: pointer
}

:disabled {
    cursor: default
}

audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
    display: block;
    vertical-align: middle
}

img,
video {
    height: auto;
    max-width: 100%
}

[hidden]:where(:not([hidden=until-found])) {
    display: none
}

html {
    font-family: DMSans, Helvetica, sans-serif
}

:root {
    --shadow-color: rgba(0, 0, 0, .5);
    --text-display0-family: var(--text-family-brand);
    --text-display0-size: 2.25000rem;
    --text-display0-line-height: 2.81250rem;
    --text-display0-weight: 700;
    --text-display0-letter-spacing: -0.4px;
    --text-display0-text-transform: none;
    --text-display1-family: var(--text-family-brand);
    --text-display1-size: clamp(2rem, calc(1.82143rem + 0.89286vw), 2.25rem);
    --text-display1-line-height: clamp(2.5rem, calc(2.27679rem + 1.11607vw), 2.8125rem);
    --text-display1-weight: 700;
    --text-display1-letter-spacing: -0.4px;
    --text-display1-text-transform: none;
    --text-display2-family: var(--text-family-brand);
    --text-display2-size: clamp(1.75rem, calc(1.57143rem + 0.89286vw), 2rem);
    --text-display2-line-height: clamp(2.1875rem, calc(1.96429rem + 1.11607vw), 2.5rem);
    --text-display2-weight: 700;
    --text-display2-letter-spacing: -0.4px;
    --text-display2-text-transform: none;
    --text-headline1-family: var(--text-family-brand);
    --text-headline1-size: 1.50000rem;
    --text-headline1-line-height: 2.00000rem;
    --text-headline1-weight: 700;
    --text-headline1-letter-spacing: -0.2px;
    --text-headline1-text-transform: none;
    --text-headline2-family: var(--text-family-brand);
    --text-headline2-size: 1.25000rem;
    --text-headline2-line-height: 1.50000rem;
    --text-headline2-weight: 700;
    --text-headline2-letter-spacing: -0.2px;
    --text-headline2-text-transform: none;
    --text-headline3-family: var(--text-family-brand);
    --text-headline3-size: 1.00000rem;
    --text-headline3-line-height: 1.50000rem;
    --text-headline3-weight: 700;
    --text-headline3-letter-spacing: 0px;
    --text-headline3-text-transform: none;
    --text-body0-family: var(--text-family-default);
    --text-body0-size: 1.00000rem;
    --text-body0-line-height: 1.50000rem;
    --text-body0-weight: 400;
    --text-body0-letter-spacing: 0px;
    --text-body0-text-transform: none;
    --text-body1-family: var(--text-family-default);
    --text-body1-size: 1.00000rem;
    --text-body1-line-height: 1.50000;
    --text-body1-weight: 400;
    --text-body1-letter-spacing: 0px;
    --text-body1-text-transform: none;
    --text-body2-family: var(--text-family-default);
    --text-body2-size: 0.87500rem;
    --text-body2-line-height: 1.50000;
    --text-body2-weight: 400;
    --text-body2-letter-spacing: 0px;
    --text-body2-text-transform: none;
    --text-body3-family: var(--text-family-default);
    --text-body3-size: 0.87500rem;
    --text-body3-line-height: 1.50000;
    --text-body3-weight: 400;
    --text-body3-letter-spacing: 0px;
    --text-body3-text-transform: none;
    --text-body4-family: var(--text-family-default);
    --text-body4-size: 0.87500rem;
    --text-body4-line-height: 1.50000;
    --text-body4-weight: 400;
    --text-body4-letter-spacing: 0px;
    --text-body4-text-transform: none;
    --text-button1-family: var(--text-family-brand);
    --text-button1-size: 1.00000rem;
    --text-button1-line-height: 1.50000;
    --text-button1-weight: 700;
    --text-button1-letter-spacing: 0px;
    --text-button1-text-transform: none;
    --text-button2-family: var(--text-family-brand);
    --text-button2-size: 0.87500rem;
    --text-button2-line-height: 1.71429;
    --text-button2-weight: 700;
    --text-button2-letter-spacing: 0px;
    --text-button2-text-transform: none;
    --text-callout1-family: var(--text-family-default);
    --text-callout1-size: 0.87500rem;
    --text-callout1-line-height: 1.50000;
    --text-callout1-weight: 400;
    --text-callout1-letter-spacing: 1px;
    --text-callout1-text-transform: uppercase;
    --text-callout2-family: var(--text-family-default);
    --text-callout2-size: 0.75000rem;
    --text-callout2-line-height: 1.33333;
    --text-callout2-weight: 400;
    --text-callout2-letter-spacing: 1px;
    --text-callout2-text-transform: uppercase;
    --text-caption-family: var(--text-family-default);
    --text-caption-size: 0.75000rem;
    --text-caption-line-height: 1.33333;
    --text-caption-weight: 400;
    --text-caption-letter-spacing: 0px;
    --text-caption-text-transform: none;
    --text-tag-family: var(--text-family-default);
    --text-tag-size: 0.62500rem;
    --text-tag-line-height: 1.20000;
    --text-tag-weight: 500;
    --text-tag-letter-spacing: 0px;
    --text-tag-text-transform: none;
    --text-family-brand: XfinityBrown, DMSans, Helvetica, sans-serif;
    --text-family-default: DMSans, Helvetica, sans-serif;
    --fill-caution-base-shadow: rgba(95, 29, 0, .51);
    --fill-caution-down-shadow: rgba(74, 22, 0, .51);
    --fill-caution-focus-shadow: rgba(85, 26, 0, .51);
    --fill-caution-hover-shadow: rgba(85, 26, 0, .51);
    --fill-info-base-shadow: rgba(0, 39, 112, .51);
    --fill-info-down-shadow: rgba(0, 24, 68, .51);
    --fill-info-focus-shadow: rgba(0, 30, 85, .51);
    --fill-info-hover-shadow: rgba(0, 30, 85, .51);
    --fill-inverse-base-shadow: hsla(240, 0%, 53%, .51);
    --fill-inverse-down-shadow: hsla(240, 3%, 45%, .51);
    --fill-inverse-focus-shadow: hsla(0, 0%, 55%, .51);
    --fill-inverse-hover-shadow: hsla(0, 0%, 55%, .51);
    --fill-negative-base-shadow: rgba(97, 1, 28, .51);
    --fill-negative-down-shadow: rgba(51, 0, 14, .51);
    --fill-negative-focus-shadow: rgba(74, 0, 21, .51);
    --fill-negative-hover-shadow: rgba(74, 0, 21, .51);
    --fill-neutral-base-shadow: rgba(8, 8, 10, .51);
    --fill-neutral-down-shadow: rgba(34, 34, 39, .51);
    --fill-neutral-focus-shadow: rgba(24, 24, 28, .51);
    --fill-neutral-hover-shadow: rgba(24, 24, 28, .51);
    --fill-positive-base-shadow: rgba(0, 52, 39, .51);
    --fill-positive-down-shadow: rgba(0, 23, 18, .51);
    --fill-positive-focus-shadow: rgba(0, 40, 30, .51);
    --fill-positive-hover-shadow: rgba(0, 40, 30, .51);
    --fill-theme1-base-shadow: rgba(44, 15, 98, .51);
    --fill-theme1-down-shadow: rgba(18, 7, 41, .51);
    --fill-theme1-focus-shadow: rgba(25, 9, 56, .51);
    --fill-theme1-hover-shadow: rgba(25, 9, 56, .51);
    --fill-theme2-base-shadow: rgba(44, 15, 98, .51);
    --fill-theme2-down-shadow: rgba(18, 7, 41, .51);
    --fill-theme2-focus-shadow: rgba(25, 9, 56, .51);
    --fill-theme2-hover-shadow: rgba(25, 9, 56, .51);
    --material-1-shadow: hsla(0, 0%, 55%, .51);
    --material-2-shadow: hsla(240, 0%, 53%, .51);
    --material-1-inverse-shadow: rgba(8, 8, 10, .51);
    --material-2-inverse-shadow: rgba(15, 15, 18, .51);
    --material-caution-shadow: hsla(20, 6%, 49%, .51);
    --material-caution-inverse-shadow: rgba(27, 14, 8, .51);
    --material-info-shadow: hsla(220, 6%, 49%, .51);
    --material-info-inverse-shadow: rgba(8, 13, 24, .51);
    --material-negative-shadow: hsla(340, 6%, 49%, .51);
    --material-negative-inverse-shadow: rgba(22, 7, 12, .51);
    --material-positive-shadow: hsla(160, 6%, 49%, .51);
    --material-positive-inverse-shadow: rgba(6, 19, 14, .51);
    --material-theme1-shadow: hsla(266, 3%, 52%, .51);
    --material-theme1-inverse-shadow: rgba(17, 6, 34, .51);
    --material-neutral-base-shadow: hsla(0, 0%, 55%, .51);
    --material-neutral-down-shadow: hsla(0, 0%, 47%, .51);
    --material-neutral-focus-shadow: hsla(0, 0%, 53%, .51);
    --material-neutral-hover-shadow: hsla(0, 0%, 53%, .51);
    --material-neutral2-base-shadow: hsla(240, 0%, 53%, .51);
    --material-neutral2-down-shadow: hsla(240, 0%, 46%, .51);
    --material-neutral2-focus-shadow: hsla(240, 0%, 51%, .51);
    --material-neutral2-hover-shadow: hsla(240, 0%, 51%, .51);
    --material-caution-base-shadow: hsla(20, 6%, 49%, .51);
    --material-caution-down-shadow: hsla(18, 6%, 43%, .51);
    --material-caution-focus-shadow: hsla(21, 6%, 47%, .51);
    --material-caution-hover-shadow: hsla(21, 6%, 47%, .51);
    --material-info-base-shadow: hsla(220, 6%, 49%, .51);
    --material-info-down-shadow: hsla(222, 6%, 43%, .51);
    --material-info-focus-shadow: hsla(219, 6%, 47%, .51);
    --material-info-hover-shadow: hsla(219, 6%, 47%, .51);
    --material-negative-base-shadow: hsla(340, 6%, 49%, .51);
    --material-negative-down-shadow: hsla(342, 6%, 43%, .51);
    --material-negative-focus-shadow: hsla(339, 6%, 47%, .51);
    --material-negative-hover-shadow: hsla(339, 6%, 47%, .51);
    --material-positive-base-shadow: hsla(160, 6%, 49%, .51);
    --material-positive-down-shadow: hsla(162, 6%, 43%, .51);
    --material-positive-focus-shadow: hsla(163, 6%, 47%, .51);
    --material-positive-hover-shadow: hsla(163, 6%, 47%, .51);
    --material-neutral-inverse-base-shadow: rgba(8, 8, 10, .51);
    --material-neutral-inverse-down-shadow: rgba(22, 22, 23, .51);
    --material-neutral-inverse-focus-shadow: rgba(13, 13, 14, .51);
    --material-neutral-inverse-hover-shadow: rgba(13, 13, 14, .51);
    --material-neutral2-inverse-base-shadow: rgba(15, 15, 18, .51);
    --material-neutral2-inverse-down-shadow: rgba(29, 29, 31, .51);
    --material-neutral2-inverse-focus-shadow: rgba(20, 20, 22, .51);
    --material-neutral2-inverse-hover-shadow: rgba(20, 20, 22, .51);
    --material-caution-inverse-base-shadow: rgba(27, 14, 8, .51);
    --material-caution-inverse-down-shadow: rgba(39, 28, 22, .51);
    --material-caution-inverse-focus-shadow: rgba(31, 18, 13, .51);
    --material-caution-inverse-hover-shadow: rgba(31, 18, 13, .51);
    --material-info-inverse-base-shadow: rgba(8, 13, 24, .51);
    --material-info-inverse-down-shadow: rgba(21, 27, 37, .51);
    --material-info-inverse-focus-shadow: rgba(12, 17, 28, .51);
    --material-info-inverse-hover-shadow: rgba(12, 17, 28, .51);
    --material-negative-inverse-base-shadow: rgba(22, 7, 12, .51);
    --material-negative-inverse-down-shadow: rgba(35, 21, 25, .51);
    --material-negative-inverse-focus-shadow: rgba(27, 12, 16, .51);
    --material-negative-inverse-hover-shadow: rgba(27, 12, 16, .51);
    --material-positive-inverse-base-shadow: rgba(6, 19, 14, .51);
    --material-positive-inverse-down-shadow: rgba(19, 32, 28, .51);
    --material-positive-inverse-focus-shadow: rgba(10, 23, 19, .51);
    --material-positive-inverse-hover-shadow: rgba(10, 23, 19, .51);
    --material-theme1-base-shadow: hsla(266, 3%, 52%, .51);
    --material-theme1-down-shadow: hsla(260, 3%, 45%, .51);
    --material-theme1-focus-shadow: hsla(266, 3%, 50%, .51);
    --material-theme1-hover-shadow: hsla(266, 3%, 50%, .51);
    --material-theme2-base-shadow: hsla(266, 3%, 52%, .51);
    --material-theme2-down-shadow: hsla(260, 3%, 45%, .51);
    --material-theme2-focus-shadow: hsla(266, 3%, 50%, .51);
    --material-theme2-hover-shadow: hsla(266, 3%, 50%, .51)
}

@font-face {
    font-display: swap;
    font-family: XfinityBrown;
    font-style: normal;
    font-weight: 700;
    src: url(https://static.cimcontent.net/common-web-assets/fonts/xfinity-brown-optimized/xfinitybrown-bold.woff2) format("woff2"), url(https://static.cimcontent.net/common-web-assets/fonts/xfinity-brown-optimized/xfinitybrown-bold.woff) format("woff"), url(https://static.cimcontent.net/common-web-assets/fonts/xfinity-brown-optimized/xfinitybrown-bold.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: DMSans;
    font-style: normal;
    font-weight: 400;
    src: url(https://static.cimcontent.net/common-web-assets/fonts/dm-sans/dmsans-regular.woff2) format("woff2"), url(https://static.cimcontent.net/common-web-assets/fonts/dm-sans/dmsans-regular.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: DMSans;
    font-style: normal;
    font-weight: 500;
    src: url(https://static.cimcontent.net/common-web-assets/fonts/dm-sans/dmsans-medium.woff2) format("woff2"), url(https://static.cimcontent.net/common-web-assets/fonts/dm-sans/dmsans-medium.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: XfinityBrown;
    font-style: normal;
    font-weight: 400;
    src: url(https://static.cimcontent.net/common-web-assets/fonts/xfinity-brown-optimized/xfinitybrown-regular.woff2) format("woff2"), url(https://static.cimcontent.net/common-web-assets/fonts/xfinity-brown-optimized/xfinitybrown-regular.woff) format("woff"), url(https://static.cimcontent.net/common-web-assets/fonts/xfinity-brown-optimized/xfinitybrown-regular.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: XfinityBrown;
    font-style: normal;
    font-weight: 300;
    src: url(https://static.cimcontent.net/common-web-assets/fonts/xfinity-brown-optimized/xfinitybrown-light.woff2) format("woff2"), url(https://static.cimcontent.net/common-web-assets/fonts/xfinity-brown-optimized/xfinitybrown-light.woff) format("woff")
}

.light,
:root,
[light] {
    --palette-black: #000;
    --palette-blue-05: #d9e1f2;
    --palette-blue-10: #8baff9;
    --palette-blue-20: #4784ff;
    --palette-blue-30: #3376ff;
    --palette-blue-40: #2970ff;
    --palette-blue-50: #1f69ff;
    --palette-blue-60: #0051d0;
    --palette-blue-70: #0040a3;
    --palette-blue-80: #003485;
    --palette-blue-90: #131e34;
    --palette-green-05: #d9f2ea;
    --palette-green-10: #78e3bf;
    --palette-green-20: #0ac284;
    --palette-green-30: #009965;
    --palette-green-40: #008f5e;
    --palette-green-50: #008558;
    --palette-green-60: #006851;
    --palette-green-70: #005240;
    --palette-green-80: #003328;
    --palette-green-90: #0e2a21;
    --palette-grey-05: #f6f6f9;
    --palette-grey-10: #ececf2;
    --palette-grey-20: #ceceda;
    --palette-grey-30: #b1b1bd;
    --palette-grey-40: #8b8b97;
    --palette-grey-50: #62626c;
    --palette-grey-60: #484851;
    --palette-grey-70: #35353b;
    --palette-grey-80: #232328;
    --palette-grey-90: #141417;
    --palette-orange-05: #f2e1d9;
    --palette-orange-10: #ffb68f;
    --palette-orange-20: #ff8d52;
    --palette-orange-30: #ff6f24;
    --palette-orange-40: #f95600;
    --palette-orange-50: #e64f00;
    --palette-orange-60: #b33d00;
    --palette-orange-70: #a33800;
    --palette-orange-80: #8f3100;
    --palette-orange-90: #392014;
    --palette-pink-05: #fff2fe;
    --palette-pink-10: #ffe4fd;
    --palette-pink-20: #ffb4f9;
    --palette-pink-30: #ffa1f7;
    --palette-pink-40: #ff73f5;
    --palette-pink-50: #c029c1;
    --palette-pink-60: #b603ac;
    --palette-pink-70: #a3039b;
    --palette-pink-80: #73026d;
    --palette-pink-90: #660261;
    --palette-purple-05: #f1ecf8;
    --palette-purple-10: #ded3f1;
    --palette-purple-20: #bda7e3;
    --palette-purple-30: #9c7bd5;
    --palette-purple-40: #916cd0;
    --palette-purple-50: #5a23b9;
    --palette-purple-60: #481c94;
    --palette-purple-70: #36156f;
    --palette-purple-80: #291155;
    --palette-purple-90: #270e48;
    --palette-red-05: #f2d9e1;
    --palette-red-10: #ff99ba;
    --palette-red-20: #ff6194;
    --palette-red-30: #ff3878;
    --palette-red-40: #f0004d;
    --palette-red-50: #e6004a;
    --palette-red-60: #b7023c;
    --palette-red-70: #8f002f;
    --palette-red-80: #660021;
    --palette-red-90: #31111b;
    --palette-theme1-05: #f1ecf8;
    --palette-theme1-10: #ded3f1;
    --palette-theme1-20: #bda7e3;
    --palette-theme1-30: #9c7bd5;
    --palette-theme1-40: #916cd0;
    --palette-theme1-50: #5a23b9;
    --palette-theme1-60: #481c94;
    --palette-theme1-70: #36156f;
    --palette-theme1-80: #291155;
    --palette-theme1-90: #270e48;
    --palette-theme2-05: #f1ecf8;
    --palette-theme2-10: #ded3f1;
    --palette-theme2-20: #bda7e3;
    --palette-theme2-30: #9c7bd5;
    --palette-theme2-40: #916cd0;
    --palette-theme2-50: #5a23b9;
    --palette-theme2-60: #481c94;
    --palette-theme2-70: #36156f;
    --palette-theme2-80: #291155;
    --palette-theme2-90: #270e48;
    --palette-white: #fff;
    --palette-yellow-05: #f2ead9;
    --palette-yellow-10: #ffd88a;
    --palette-yellow-20: #ffc95c;
    --palette-yellow-30: #ffb829;
    --palette-yellow-40: #fa0;
    --palette-yellow-50: #b87700;
    --palette-yellow-60: #8f5d00;
    --palette-yellow-70: #7a5000;
    --palette-yellow-80: #664200;
    --palette-yellow-90: #352913;
    --shadow-palette-black: rgba(0, 0, 0, .51);
    --shadow-palette-blue-05: hsla(220, 6%, 49%, .51);
    --shadow-palette-blue-10: rgba(71, 92, 136, .51);
    --shadow-palette-blue-20: rgba(34, 67, 140, .51);
    --shadow-palette-blue-30: rgba(23, 60, 140, .51);
    --shadow-palette-blue-40: rgba(18, 56, 140, .51);
    --shadow-palette-blue-50: rgba(13, 52, 140, .51);
    --shadow-palette-blue-60: rgba(0, 39, 112, .51);
    --shadow-palette-blue-70: rgba(0, 30, 85, .51);
    --shadow-palette-blue-80: rgba(0, 24, 68, .51);
    --shadow-palette-blue-90: rgba(8, 13, 24, .51);
    --shadow-palette-green-05: hsla(160, 6%, 49%, .51);
    --shadow-palette-green-10: rgba(61, 123, 102, .51);
    --shadow-palette-green-20: rgba(4, 103, 67, .51);
    --shadow-palette-green-30: rgba(0, 79, 50, .51);
    --shadow-palette-green-40: rgba(0, 74, 46, .51);
    --shadow-palette-green-50: rgba(0, 68, 43, .51);
    --shadow-palette-green-60: rgba(0, 52, 39, .51);
    --shadow-palette-green-70: rgba(0, 40, 30, .51);
    --shadow-palette-green-80: rgba(0, 23, 18, .51);
    --shadow-palette-green-90: rgba(6, 19, 14, .51);
    --shadow-palette-grey-05: hsla(240, 0%, 53%, .51);
    --shadow-palette-grey-10: hsla(240, 1%, 51%, .51);
    --shadow-palette-grey-20: hsla(240, 3%, 45%, .51);
    --shadow-palette-grey-30: rgba(93, 93, 100, .51);
    --shadow-palette-grey-40: rgba(71, 71, 78, .51);
    --shadow-palette-grey-50: rgba(48, 48, 54, .51);
    --shadow-palette-grey-60: rgba(34, 34, 39, .51);
    --shadow-palette-grey-70: rgba(24, 24, 28, .51);
    --shadow-palette-grey-80: rgba(15, 15, 18, .51);
    --shadow-palette-grey-90: rgba(8, 8, 10, .51);
    --shadow-palette-orange-05: hsla(20, 6%, 49%, .51);
    --shadow-palette-orange-10: rgba(140, 96, 74, .51);
    --shadow-palette-orange-20: rgba(140, 73, 40, .51);
    --shadow-palette-orange-30: rgba(140, 56, 16, .51);
    --shadow-palette-orange-40: rgba(136, 42, 0, .51);
    --shadow-palette-orange-50: rgba(125, 38, 0, .51);
    --shadow-palette-orange-60: rgba(95, 29, 0, .51);
    --shadow-palette-orange-70: rgba(85, 26, 0, .51);
    --shadow-palette-orange-80: rgba(74, 22, 0, .51);
    --shadow-palette-orange-90: rgba(27, 14, 8, .51);
    --shadow-palette-pink-05: hsla(308, 3%, 53%, .51);
    --shadow-palette-pink-10: hsla(304, 7%, 52%, .51);
    --shadow-palette-pink-20: rgba(140, 95, 136, .51);
    --shadow-palette-pink-30: rgba(140, 84, 135, .51);
    --shadow-palette-pink-40: rgba(140, 58, 134, .51);
    --shadow-palette-pink-50: rgba(102, 18, 103, .51);
    --shadow-palette-pink-60: rgba(96, 1, 90, .51);
    --shadow-palette-pink-70: rgba(85, 1, 81, .51);
    --shadow-palette-pink-80: rgba(58, 1, 54, .51);
    --shadow-palette-pink-90: rgba(51, 1, 48, .51);
    --shadow-palette-purple-05: hsla(266, 3%, 52%, .51);
    --shadow-palette-purple-10: hsla(260, 7%, 48%, .51);
    --shadow-palette-purple-20: rgba(100, 88, 123, .51);
    --shadow-palette-purple-30: rgba(81, 62, 115, .51);
    --shadow-palette-purple-40: rgba(75, 54, 112, .51);
    --shadow-palette-purple-50: rgba(44, 15, 98, .51);
    --shadow-palette-purple-60: rgba(34, 12, 77, .51);
    --shadow-palette-purple-70: rgba(25, 9, 56, .51);
    --shadow-palette-purple-80: rgba(18, 7, 41, .51);
    --shadow-palette-purple-90: rgba(17, 6, 34, .51);
    --shadow-palette-red-05: hsla(340, 6%, 49%, .51);
    --shadow-palette-red-10: rgba(140, 79, 99, .51);
    --shadow-palette-red-20: rgba(140, 48, 77, .51);
    --shadow-palette-red-30: rgba(140, 26, 61, .51);
    --shadow-palette-red-40: rgba(131, 0, 37, .51);
    --shadow-palette-red-50: rgba(125, 0, 35, .51);
    --shadow-palette-red-60: rgba(97, 1, 28, .51);
    --shadow-palette-red-70: rgba(74, 0, 21, .51);
    --shadow-palette-red-80: rgba(51, 0, 14, .51);
    --shadow-palette-red-90: rgba(22, 7, 12, .51);
    --shadow-palette-theme1-05: hsla(266, 3%, 52%, .51);
    --shadow-palette-theme1-10: hsla(260, 7%, 48%, .51);
    --shadow-palette-theme1-20: rgba(100, 88, 123, .51);
    --shadow-palette-theme1-30: rgba(81, 62, 115, .51);
    --shadow-palette-theme1-40: rgba(75, 54, 112, .51);
    --shadow-palette-theme1-50: rgba(44, 15, 98, .51);
    --shadow-palette-theme1-60: rgba(34, 12, 77, .51);
    --shadow-palette-theme1-70: rgba(25, 9, 56, .51);
    --shadow-palette-theme1-80: rgba(18, 7, 41, .51);
    --shadow-palette-theme1-90: rgba(17, 6, 34, .51);
    --shadow-palette-theme2-05: hsla(266, 3%, 52%, .51);
    --shadow-palette-theme2-10: hsla(260, 7%, 48%, .51);
    --shadow-palette-theme2-20: rgba(100, 88, 123, .51);
    --shadow-palette-theme2-30: rgba(81, 62, 115, .51);
    --shadow-palette-theme2-40: rgba(75, 54, 112, .51);
    --shadow-palette-theme2-50: rgba(44, 15, 98, .51);
    --shadow-palette-theme2-60: rgba(34, 12, 77, .51);
    --shadow-palette-theme2-70: rgba(25, 9, 56, .51);
    --shadow-palette-theme2-80: rgba(18, 7, 41, .51);
    --shadow-palette-theme2-90: rgba(17, 6, 34, .51);
    --shadow-palette-white: hsla(0, 0%, 55%, .51);
    --shadow-palette-yellow-05: hsla(40, 6%, 49%, .51);
    --shadow-palette-yellow-10: rgba(140, 117, 71, .51);
    --shadow-palette-yellow-20: rgba(140, 108, 45, .51);
    --shadow-palette-yellow-30: rgba(140, 97, 18, .51);
    --shadow-palette-yellow-40: rgba(140, 89, 0, .51);
    --shadow-palette-yellow-50: rgba(97, 60, 0, .51);
    --shadow-palette-yellow-60: rgba(74, 46, 0, .51);
    --shadow-palette-yellow-70: rgba(62, 39, 0, .51);
    --shadow-palette-yellow-80: rgba(51, 31, 0, .51);
    --shadow-palette-yellow-90: rgba(24, 18, 8, .51);
    --background-color-fill-caution-base: 179 61 0;
    --background-color-fill-caution-down: 143 49 0;
    --background-color-fill-caution-focus: 163 56 0;
    --background-color-fill-caution-hover: 163 56 0;
    --background-color-fill-info-base: 0 81 208;
    --background-color-fill-info-down: 0 52 133;
    --background-color-fill-info-focus: 0 64 163;
    --background-color-fill-info-hover: 0 64 163;
    --background-color-fill-inverse-base: 246 246 249;
    --background-color-fill-inverse-down: 206 206 218;
    --background-color-fill-inverse-focus: 255 255 255;
    --background-color-fill-inverse-hover: 255 255 255;
    --background-color-fill-negative-base: 183 2 60;
    --background-color-fill-negative-down: 102 0 33;
    --background-color-fill-negative-focus: 143 0 47;
    --background-color-fill-negative-hover: 143 0 47;
    --background-color-fill-neutral-base: 20 20 23;
    --background-color-fill-neutral-down: 72 72 81;
    --background-color-fill-neutral-focus: 53 53 59;
    --background-color-fill-neutral-hover: 53 53 59;
    --background-color-fill-neutral2-base: 98 98 108;
    --background-color-fill-neutral2-down: 35 35 40;
    --background-color-fill-neutral2-focus: 53 53 59;
    --background-color-fill-neutral2-hover: 53 53 59;
    --background-color-fill-positive-base: 0 104 81;
    --background-color-fill-positive-down: 0 51 40;
    --background-color-fill-positive-focus: 0 82 64;
    --background-color-fill-positive-hover: 0 82 64;
    --background-color-fill-theme1-base: 90 35 185;
    --background-color-fill-theme1-down: 41 17 85;
    --background-color-fill-theme1-focus: 54 21 111;
    --background-color-fill-theme1-hover: 54 21 111;
    --background-color-fill-theme2-base: 90 35 185;
    --background-color-fill-theme2-down: 41 17 85;
    --background-color-fill-theme2-focus: 54 21 111;
    --background-color-fill-theme2-hover: 54 21 111;
    --background-color-material-1: 255 255 255;
    --background-color-material-2: 246 246 249;
    --background-color-material-1-inverse: 20 20 23;
    --background-color-material-2-inverse: 35 35 40;
    --background-color-material-caution: 242 225 217;
    --background-color-material-caution-inverse: 57 32 20;
    --background-color-material-info: 217 225 242;
    --background-color-material-info-inverse: 19 30 52;
    --background-color-material-negative: 242 217 225;
    --background-color-material-negative-inverse: 49 17 27;
    --background-color-material-positive: 217 242 234;
    --background-color-material-positive-inverse: 14 42 33;
    --background-color-material-theme1: 241 236 248;
    --background-color-material-theme1-inverse: 39 14 72;
    --background-color-transparent: transparent;
    --background-color-material-neutral-base: 255 255 255;
    --background-color-material-neutral-down: 224 224 224;
    --background-color-material-neutral-focus: 245 245 245;
    --background-color-material-neutral-hover: 245 245 245;
    --background-color-material-neutral2-base: 246 246 249;
    --background-color-material-neutral2-down: 216 216 219;
    --background-color-material-neutral2-focus: 236 236 239;
    --background-color-material-neutral2-hover: 236 236 239;
    --background-color-material-positive-base: 217 242 234;
    --background-color-material-positive-down: 191 213 206;
    --background-color-material-positive-focus: 208 232 225;
    --background-color-material-positive-hover: 208 232 225;
    --background-color-material-caution-base: 242 225 217;
    --background-color-material-caution-down: 213 198 191;
    --background-color-material-caution-focus: 232 216 208;
    --background-color-material-caution-hover: 232 216 208;
    --background-color-material-negative-base: 242 217 225;
    --background-color-material-negative-down: 213 191 198;
    --background-color-material-negative-focus: 232 208 216;
    --background-color-material-negative-hover: 232 208 216;
    --background-color-material-info-base: 217 225 242;
    --background-color-material-info-down: 191 198 213;
    --background-color-material-info-focus: 208 216 232;
    --background-color-material-info-hover: 208 216 232;
    --background-color-material-neutral-inverse-base: 20 20 23;
    --background-color-material-neutral-inverse-down: 48 48 51;
    --background-color-material-neutral-inverse-focus: 29 29 32;
    --background-color-material-neutral-inverse-hover: 29 29 32;
    --background-color-material-neutral2-inverse-base: 35 35 40;
    --background-color-material-neutral2-inverse-down: 61 61 66;
    --background-color-material-neutral2-inverse-focus: 44 44 49;
    --background-color-material-neutral2-inverse-hover: 44 44 49;
    --background-color-material-positive-inverse-base: 14 42 33;
    --background-color-material-positive-inverse-down: 43 68 60;
    --background-color-material-positive-inverse-focus: 24 51 42;
    --background-color-material-positive-inverse-hover: 24 51 42;
    --background-color-material-caution-inverse-base: 57 32 20;
    --background-color-material-caution-inverse-down: 81 59 48;
    --background-color-material-caution-inverse-focus: 65 41 29;
    --background-color-material-caution-inverse-hover: 65 41 29;
    --background-color-material-negative-inverse-base: 49 17 27;
    --background-color-material-negative-inverse-down: 74 46 54;
    --background-color-material-negative-inverse-focus: 57 27 36;
    --background-color-material-negative-inverse-hover: 57 27 36;
    --background-color-material-info-inverse-base: 19 30 52;
    --background-color-material-info-inverse-down: 47 57 76;
    --background-color-material-info-inverse-focus: 28 39 60;
    --background-color-material-info-inverse-hover: 28 39 60;
    --background-color-material-theme1-base: 241 236 248;
    --background-color-material-theme1-down: 212 208 218;
    --background-color-material-theme1-focus: 231 227 238;
    --background-color-material-theme1-hover: 231 227 238;
    --background-color-material-theme1-inverse-base: 39 14 72;
    --background-color-material-theme1-inverse-down: 65 43 94;
    --background-color-material-theme1-inverse-focus: 48 24 79;
    --background-color-material-theme1-inverse-hover: 48 24 79;
    --background-color-material-theme2-base: 241 236 248;
    --background-color-material-theme2-down: 212 208 218;
    --background-color-material-theme2-focus: 231 227 238;
    --background-color-material-theme2-hover: 231 227 238;
    --background-color-material-theme2-inverse-base: 39 14 72;
    --background-color-material-theme2-inverse-down: 65 43 94;
    --background-color-material-theme2-inverse-focus: 48 24 79;
    --background-color-material-theme2-inverse-hover: 48 24 79;
    --background-image-gradient-expressive: linear-gradient(90deg, #28156b, #7c01bd);
    --border-color-stroke-caution-base: 179 61 0;
    --border-color-stroke-caution-down: 143 49 0;
    --border-color-stroke-caution-focus: 163 56 0;
    --border-color-stroke-caution-hover: 163 56 0;
    --border-color-stroke-info-base: 0 81 208;
    --border-color-stroke-info-down: 0 52 133;
    --border-color-stroke-info-focus: 0 64 163;
    --border-color-stroke-info-hover: 0 64 163;
    --border-color-stroke-inverse-base: 246 246 249;
    --border-color-stroke-inverse-down: 206 206 218;
    --border-color-stroke-inverse-focus: 255 255 255;
    --border-color-stroke-inverse-hover: 255 255 255;
    --border-color-stroke-negative-base: 183 2 60;
    --border-color-stroke-negative-down: 102 0 33;
    --border-color-stroke-negative-focus: 143 0 47;
    --border-color-stroke-negative-hover: 143 0 47;
    --border-color-stroke-neutral-base: 20 20 23;
    --border-color-stroke-neutral-down: 72 72 81;
    --border-color-stroke-neutral-focus: 53 53 59;
    --border-color-stroke-neutral-hover: 53 53 59;
    --border-color-stroke-neutral2-base: 98 98 108;
    --border-color-stroke-neutral2-down: 35 35 40;
    --border-color-stroke-neutral2-focus: 53 53 59;
    --border-color-stroke-neutral2-hover: 53 53 59;
    --border-color-stroke-positive-base: 0 104 81;
    --border-color-stroke-positive-down: 0 51 40;
    --border-color-stroke-positive-focus: 0 82 64;
    --border-color-stroke-positive-hover: 0 82 64;
    --border-color-stroke-theme1-base: 90 35 185;
    --border-color-stroke-theme1-down: 41 17 85;
    --border-color-stroke-theme1-focus: 54 21 111;
    --border-color-stroke-theme1-hover: 54 21 111;
    --border-color-stroke-theme2-base: 90 35 185;
    --border-color-stroke-theme2-down: 41 17 85;
    --border-color-stroke-theme2-focus: 54 21 111;
    --border-color-stroke-theme2-hover: 54 21 111;
    --border-color-transparent: transparent;
    --text-color-caution-base: 179 61 0;
    --text-color-caution-down: 143 49 0;
    --text-color-caution-focus: 163 56 0;
    --text-color-caution-hover: 163 56 0;
    --text-color-info-base: 0 81 208;
    --text-color-info-down: 0 52 133;
    --text-color-info-focus: 0 64 163;
    --text-color-info-hover: 0 64 163;
    --text-color-inverse-base: 246 246 249;
    --text-color-inverse-down: 206 206 218;
    --text-color-inverse-focus: 255 255 255;
    --text-color-inverse-hover: 255 255 255;
    --text-color-negative-base: 183 2 60;
    --text-color-negative-down: 102 0 33;
    --text-color-negative-focus: 143 0 47;
    --text-color-negative-hover: 143 0 47;
    --text-color-neutral-base: 20 20 23;
    --text-color-neutral-down: 72 72 81;
    --text-color-neutral-focus: 53 53 59;
    --text-color-neutral-hover: 53 53 59;
    --text-color-neutral2-base: 98 98 108;
    --text-color-neutral2-down: 35 35 40;
    --text-color-neutral2-focus: 53 53 59;
    --text-color-neutral2-hover: 53 53 59;
    --text-color-positive-base: 0 104 81;
    --text-color-positive-down: 0 51 40;
    --text-color-positive-focus: 0 82 64;
    --text-color-positive-hover: 0 82 64;
    --text-color-theme1-base: 90 35 185;
    --text-color-theme1-down: 41 17 85;
    --text-color-theme1-focus: 54 21 111;
    --text-color-theme1-hover: 54 21 111;
    --text-color-theme2-base: 90 35 185;
    --text-color-theme2-down: 41 17 85;
    --text-color-theme2-focus: 54 21 111;
    --text-color-theme2-hover: 54 21 111;
    --outline-color-transparent: transparent;
    --outline-color-caution-base: #b33d00;
    --outline-color-caution-down: #8f3100;
    --outline-color-caution-focus: #a33800;
    --outline-color-caution-hover: #a33800;
    --outline-color-info-base: #0051d0;
    --outline-color-info-down: #003485;
    --outline-color-info-focus: #0040a3;
    --outline-color-info-hover: #0040a3;
    --outline-color-inverse-base: #f6f6f9;
    --outline-color-inverse-down: #ceceda;
    --outline-color-inverse-focus: #fff;
    --outline-color-inverse-hover: #fff;
    --outline-color-negative-base: #b7023c;
    --outline-color-negative-down: #660021;
    --outline-color-negative-focus: #8f002f;
    --outline-color-negative-hover: #8f002f;
    --outline-color-neutral-base: #141417;
    --outline-color-neutral-down: #484851;
    --outline-color-neutral-focus: #35353b;
    --outline-color-neutral-hover: #35353b;
    --outline-color-neutral2-base: #62626c;
    --outline-color-neutral2-down: #232328;
    --outline-color-neutral2-focus: #35353b;
    --outline-color-neutral2-hover: #35353b;
    --outline-color-positive-base: #006851;
    --outline-color-positive-down: #003328;
    --outline-color-positive-focus: #005240;
    --outline-color-positive-hover: #005240;
    --outline-color-theme1-base: #5a23b9;
    --outline-color-theme1-down: #291155;
    --outline-color-theme1-focus: #36156f;
    --outline-color-theme1-hover: #36156f;
    --outline-color-theme2-base: #5a23b9;
    --outline-color-theme2-down: #291155;
    --outline-color-theme2-focus: #36156f;
    --outline-color-theme2-hover: #36156f;
    --ring-color-stroke-caution-base: 179 61 0;
    --ring-color-stroke-caution-down: 143 49 0;
    --ring-color-stroke-caution-focus: 163 56 0;
    --ring-color-stroke-caution-hover: 163 56 0;
    --ring-color-stroke-info-base: 0 81 208;
    --ring-color-stroke-info-down: 0 52 133;
    --ring-color-stroke-info-focus: 0 64 163;
    --ring-color-stroke-info-hover: 0 64 163;
    --ring-color-stroke-inverse-base: 246 246 249;
    --ring-color-stroke-inverse-down: 206 206 218;
    --ring-color-stroke-inverse-focus: 255 255 255;
    --ring-color-stroke-inverse-hover: 255 255 255;
    --ring-color-stroke-negative-base: 183 2 60;
    --ring-color-stroke-negative-down: 102 0 33;
    --ring-color-stroke-negative-focus: 143 0 47;
    --ring-color-stroke-negative-hover: 143 0 47;
    --ring-color-stroke-neutral-base: 20 20 23;
    --ring-color-stroke-neutral-down: 72 72 81;
    --ring-color-stroke-neutral-focus: 53 53 59;
    --ring-color-stroke-neutral-hover: 53 53 59;
    --ring-color-stroke-neutral2-base: 98 98 108;
    --ring-color-stroke-neutral2-down: 35 35 40;
    --ring-color-stroke-neutral2-focus: 53 53 59;
    --ring-color-stroke-neutral2-hover: 53 53 59;
    --ring-color-stroke-positive-base: 0 104 81;
    --ring-color-stroke-positive-down: 0 51 40;
    --ring-color-stroke-positive-focus: 0 82 64;
    --ring-color-stroke-positive-hover: 0 82 64;
    --ring-color-stroke-theme1-base: 90 35 185;
    --ring-color-stroke-theme1-down: 41 17 85;
    --ring-color-stroke-theme1-focus: 54 21 111;
    --ring-color-stroke-theme1-hover: 54 21 111;
    --ring-color-stroke-theme2-base: 90 35 185;
    --ring-color-stroke-theme2-down: 41 17 85;
    --ring-color-stroke-theme2-focus: 54 21 111;
    --ring-color-stroke-theme2-hover: 54 21 111;
    --ring-offset-color-material-1: 255 255 255;
    --ring-offset-color-material-2: 246 246 249;
    --ring-offset-color-material-1-inverse: 20 20 23;
    --ring-offset-color-material-2-inverse: 35 35 40;
    --ring-offset-color-material-caution: 242 225 217;
    --ring-offset-color-material-caution-inverse: 57 32 20;
    --ring-offset-color-material-info: 217 225 242;
    --ring-offset-color-material-info-inverse: 19 30 52;
    --ring-offset-color-material-negative: 242 217 225;
    --ring-offset-color-material-negative-inverse: 49 17 27;
    --ring-offset-color-material-positive: 217 242 234;
    --ring-offset-color-material-positive-inverse: 14 42 33;
    --ring-offset-color-material-theme1: 241 236 248;
    --ring-offset-color-material-theme1-inverse: 39 14 72;
    --ring-offset-color-material-neutral-base: 255 255 255;
    --ring-offset-color-material-neutral-down: 224 224 224;
    --ring-offset-color-material-neutral-focus: 245 245 245;
    --ring-offset-color-material-neutral-hover: 245 245 245;
    --ring-offset-color-material-neutral2-base: 246 246 249;
    --ring-offset-color-material-neutral2-down: 216 216 219;
    --ring-offset-color-material-neutral2-focus: 236 236 239;
    --ring-offset-color-material-neutral2-hover: 236 236 239;
    --ring-offset-color-material-positive-base: 217 242 234;
    --ring-offset-color-material-positive-down: 191 213 206;
    --ring-offset-color-material-positive-focus: 208 232 225;
    --ring-offset-color-material-positive-hover: 208 232 225;
    --ring-offset-color-material-caution-base: 242 225 217;
    --ring-offset-color-material-caution-down: 213 198 191;
    --ring-offset-color-material-caution-focus: 232 216 208;
    --ring-offset-color-material-caution-hover: 232 216 208;
    --ring-offset-color-material-negative-base: 242 217 225;
    --ring-offset-color-material-negative-down: 213 191 198;
    --ring-offset-color-material-negative-focus: 232 208 216;
    --ring-offset-color-material-negative-hover: 232 208 216;
    --ring-offset-color-material-info-base: 217 225 242;
    --ring-offset-color-material-info-down: 191 198 213;
    --ring-offset-color-material-info-focus: 208 216 232;
    --ring-offset-color-material-info-hover: 208 216 232;
    --ring-offset-color-material-neutral-inverse-base: 20 20 23;
    --ring-offset-color-material-neutral-inverse-down: 48 48 51;
    --ring-offset-color-material-neutral-inverse-focus: 29 29 32;
    --ring-offset-color-material-neutral-inverse-hover: 29 29 32;
    --ring-offset-color-material-neutral2-inverse-base: 35 35 40;
    --ring-offset-color-material-neutral2-inverse-down: 61 61 66;
    --ring-offset-color-material-neutral2-inverse-focus: 44 44 49;
    --ring-offset-color-material-neutral2-inverse-hover: 44 44 49;
    --ring-offset-color-material-positive-inverse-base: 14 42 33;
    --ring-offset-color-material-positive-inverse-down: 43 68 60;
    --ring-offset-color-material-positive-inverse-focus: 24 51 42;
    --ring-offset-color-material-positive-inverse-hover: 24 51 42;
    --ring-offset-color-material-caution-inverse-base: 57 32 20;
    --ring-offset-color-material-caution-inverse-down: 81 59 48;
    --ring-offset-color-material-caution-inverse-focus: 65 41 29;
    --ring-offset-color-material-caution-inverse-hover: 65 41 29;
    --ring-offset-color-material-negative-inverse-base: 49 17 27;
    --ring-offset-color-material-negative-inverse-down: 74 46 54;
    --ring-offset-color-material-negative-inverse-focus: 57 27 36;
    --ring-offset-color-material-negative-inverse-hover: 57 27 36;
    --ring-offset-color-material-info-inverse-base: 19 30 52;
    --ring-offset-color-material-info-inverse-down: 47 57 76;
    --ring-offset-color-material-info-inverse-focus: 28 39 60;
    --ring-offset-color-material-info-inverse-hover: 28 39 60;
    --ring-offset-color-material-theme1-base: 241 236 248;
    --ring-offset-color-material-theme1-down: 212 208 218;
    --ring-offset-color-material-theme1-focus: 231 227 238;
    --ring-offset-color-material-theme1-hover: 231 227 238;
    --ring-offset-color-material-theme1-inverse-base: 39 14 72;
    --ring-offset-color-material-theme1-inverse-down: 65 43 94;
    --ring-offset-color-material-theme1-inverse-focus: 48 24 79;
    --ring-offset-color-material-theme1-inverse-hover: 48 24 79;
    --ring-offset-color-material-theme2-base: 241 236 248;
    --ring-offset-color-material-theme2-down: 212 208 218;
    --ring-offset-color-material-theme2-focus: 231 227 238;
    --ring-offset-color-material-theme2-hover: 231 227 238;
    --ring-offset-color-material-theme2-inverse-base: 39 14 72;
    --ring-offset-color-material-theme2-inverse-down: 65 43 94;
    --ring-offset-color-material-theme2-inverse-focus: 48 24 79;
    --ring-offset-color-material-theme2-inverse-hover: 48 24 79;
    --opacity-inactive: 0.3;
    --opacity-none: 0;
    --opacity-primary: 1;
    --opacity-secondary: 0.6;
    --opacity-tertiary: 0.15;
    --border-opacity-inactive: 0.3;
    --border-opacity-none: 0;
    --border-opacity-primary: 1;
    --border-opacity-secondary: 0.6;
    --border-opacity-tertiary: 0.15;
    --background-opacity-inactive: 0.3;
    --background-opacity-none: 0;
    --background-opacity-primary: 1;
    --background-opacity-secondary: 0.6;
    --background-opacity-tertiary: 0.15;
    --text-opacity-inactive: 0.3;
    --text-opacity-none: 0;
    --text-opacity-primary: 1;
    --text-opacity-secondary: 0.6;
    --text-opacity-tertiary: 0.15;
    --border-radius-none: 0px;
    --border-radius-xsmall: 2px;
    --border-radius-small: 4px;
    --border-radius-medium: 8px;
    --border-radius-large: 16px;
    --border-radius-xlarge: 32px;
    --text-display0-family: var(--text-family-brand);
    --text-display0-size: 2.25000rem;
    --text-display0-line-height: 2.81250rem;
    --text-display0-weight: 700;
    --text-display0-letter-spacing: -0.4px;
    --text-display0-text-transform: none;
    --text-display1-family: var(--text-family-brand);
    --text-display1-size: clamp(2rem, calc(1.82143rem + 0.89286vw), 2.25rem);
    --text-display1-line-height: clamp(2.5rem, calc(2.27679rem + 1.11607vw), 2.8125rem);
    --text-display1-weight: 700;
    --text-display1-letter-spacing: -0.4px;
    --text-display1-text-transform: none;
    --text-display2-family: var(--text-family-brand);
    --text-display2-size: clamp(1.75rem, calc(1.57143rem + 0.89286vw), 2rem);
    --text-display2-line-height: clamp(2.1875rem, calc(1.96429rem + 1.11607vw), 2.5rem);
    --text-display2-weight: 700;
    --text-display2-letter-spacing: -0.4px;
    --text-display2-text-transform: none;
    --text-headline1-family: var(--text-family-brand);
    --text-headline1-size: 1.50000rem;
    --text-headline1-line-height: 2.00000rem;
    --text-headline1-weight: 700;
    --text-headline1-letter-spacing: -0.2px;
    --text-headline1-text-transform: none;
    --text-headline2-family: var(--text-family-brand);
    --text-headline2-size: 1.25000rem;
    --text-headline2-line-height: 1.50000rem;
    --text-headline2-weight: 700;
    --text-headline2-letter-spacing: -0.2px;
    --text-headline2-text-transform: none;
    --text-headline3-family: var(--text-family-brand);
    --text-headline3-size: 1.00000rem;
    --text-headline3-line-height: 1.50000rem;
    --text-headline3-weight: 700;
    --text-headline3-letter-spacing: 0px;
    --text-headline3-text-transform: none;
    --text-body0-family: var(--text-family-default);
    --text-body0-size: 1.00000rem;
    --text-body0-line-height: 1.50000rem;
    --text-body0-weight: 400;
    --text-body0-letter-spacing: 0px;
    --text-body0-text-transform: none;
    --text-body1-family: var(--text-family-default);
    --text-body1-size: 1.00000rem;
    --text-body1-line-height: 1.50000;
    --text-body1-weight: 400;
    --text-body1-letter-spacing: 0px;
    --text-body1-text-transform: none;
    --text-body2-family: var(--text-family-default);
    --text-body2-size: 0.87500rem;
    --text-body2-line-height: 1.50000;
    --text-body2-weight: 400;
    --text-body2-letter-spacing: 0px;
    --text-body2-text-transform: none;
    --text-body3-family: var(--text-family-default);
    --text-body3-size: 0.87500rem;
    --text-body3-line-height: 1.50000;
    --text-body3-weight: 400;
    --text-body3-letter-spacing: 0px;
    --text-body3-text-transform: none;
    --text-body4-family: var(--text-family-default);
    --text-body4-size: 0.87500rem;
    --text-body4-line-height: 1.50000;
    --text-body4-weight: 400;
    --text-body4-letter-spacing: 0px;
    --text-body4-text-transform: none;
    --text-button1-family: var(--text-family-brand);
    --text-button1-size: 1.00000rem;
    --text-button1-line-height: 1.50000;
    --text-button1-weight: 700;
    --text-button1-letter-spacing: 0px;
    --text-button1-text-transform: none;
    --text-button2-family: var(--text-family-brand);
    --text-button2-size: 0.87500rem;
    --text-button2-line-height: 1.71429;
    --text-button2-weight: 700;
    --text-button2-letter-spacing: 0px;
    --text-button2-text-transform: none;
    --text-callout1-family: var(--text-family-default);
    --text-callout1-size: 0.87500rem;
    --text-callout1-line-height: 1.50000;
    --text-callout1-weight: 400;
    --text-callout1-letter-spacing: 1px;
    --text-callout1-text-transform: uppercase;
    --text-callout2-family: var(--text-family-default);
    --text-callout2-size: 0.75000rem;
    --text-callout2-line-height: 1.33333;
    --text-callout2-weight: 400;
    --text-callout2-letter-spacing: 1px;
    --text-callout2-text-transform: uppercase;
    --text-caption-family: var(--text-family-default);
    --text-caption-size: 0.75000rem;
    --text-caption-line-height: 1.33333;
    --text-caption-weight: 400;
    --text-caption-letter-spacing: 0px;
    --text-caption-text-transform: none;
    --text-tag-family: var(--text-family-default);
    --text-tag-size: 0.62500rem;
    --text-tag-line-height: 1.20000;
    --text-tag-weight: 500;
    --text-tag-letter-spacing: 0px;
    --text-tag-text-transform: none;
    --text-family-brand: XfinityBrown, DMSans, Helvetica, sans-serif;
    --text-family-default: DMSans, Helvetica, sans-serif
}

.dark,
[dark] {
    --palette-black: #000;
    --palette-blue-05: #d9e1f2;
    --palette-blue-10: #8baff9;
    --palette-blue-20: #4784ff;
    --palette-blue-30: #3376ff;
    --palette-blue-40: #2970ff;
    --palette-blue-50: #1f69ff;
    --palette-blue-60: #0051d0;
    --palette-blue-70: #0040a3;
    --palette-blue-80: #003485;
    --palette-blue-90: #131e34;
    --palette-green-05: #d9f2ea;
    --palette-green-10: #78e3bf;
    --palette-green-20: #0ac284;
    --palette-green-30: #009965;
    --palette-green-40: #008f5e;
    --palette-green-50: #008558;
    --palette-green-60: #006851;
    --palette-green-70: #005240;
    --palette-green-80: #003328;
    --palette-green-90: #0e2a21;
    --palette-grey-05: #f6f6f9;
    --palette-grey-10: #ececf2;
    --palette-grey-20: #ceceda;
    --palette-grey-30: #b1b1bd;
    --palette-grey-40: #8b8b97;
    --palette-grey-50: #62626c;
    --palette-grey-60: #484851;
    --palette-grey-70: #35353b;
    --palette-grey-80: #232328;
    --palette-grey-90: #141417;
    --palette-orange-05: #f2e1d9;
    --palette-orange-10: #ffb68f;
    --palette-orange-20: #ff8d52;
    --palette-orange-30: #ff6f24;
    --palette-orange-40: #f95600;
    --palette-orange-50: #e64f00;
    --palette-orange-60: #b33d00;
    --palette-orange-70: #a33800;
    --palette-orange-80: #8f3100;
    --palette-orange-90: #392014;
    --palette-pink-05: #fff2fe;
    --palette-pink-10: #ffe4fd;
    --palette-pink-20: #ffb4f9;
    --palette-pink-30: #ffa1f7;
    --palette-pink-40: #ff73f5;
    --palette-pink-50: #c029c1;
    --palette-pink-60: #b603ac;
    --palette-pink-70: #a3039b;
    --palette-pink-80: #73026d;
    --palette-pink-90: #660261;
    --palette-purple-05: #f1ecf8;
    --palette-purple-10: #ded3f1;
    --palette-purple-20: #bda7e3;
    --palette-purple-30: #9c7bd5;
    --palette-purple-40: #916cd0;
    --palette-purple-50: #5a23b9;
    --palette-purple-60: #481c94;
    --palette-purple-70: #36156f;
    --palette-purple-80: #291155;
    --palette-purple-90: #270e48;
    --palette-red-05: #f2d9e1;
    --palette-red-10: #ff99ba;
    --palette-red-20: #ff6194;
    --palette-red-30: #ff3878;
    --palette-red-40: #f0004d;
    --palette-red-50: #e6004a;
    --palette-red-60: #b7023c;
    --palette-red-70: #8f002f;
    --palette-red-80: #660021;
    --palette-red-90: #31111b;
    --palette-theme1-05: #f1ecf8;
    --palette-theme1-10: #ded3f1;
    --palette-theme1-20: #bda7e3;
    --palette-theme1-30: #9c7bd5;
    --palette-theme1-40: #916cd0;
    --palette-theme1-50: #5a23b9;
    --palette-theme1-60: #481c94;
    --palette-theme1-70: #36156f;
    --palette-theme1-80: #291155;
    --palette-theme1-90: #270e48;
    --palette-theme2-05: #f1ecf8;
    --palette-theme2-10: #ded3f1;
    --palette-theme2-20: #bda7e3;
    --palette-theme2-30: #9c7bd5;
    --palette-theme2-40: #916cd0;
    --palette-theme2-50: #5a23b9;
    --palette-theme2-60: #481c94;
    --palette-theme2-70: #36156f;
    --palette-theme2-80: #291155;
    --palette-theme2-90: #270e48;
    --palette-white: #fff;
    --palette-yellow-05: #f2ead9;
    --palette-yellow-10: #ffd88a;
    --palette-yellow-20: #ffc95c;
    --palette-yellow-30: #ffb829;
    --palette-yellow-40: #fa0;
    --palette-yellow-50: #b87700;
    --palette-yellow-60: #8f5d00;
    --palette-yellow-70: #7a5000;
    --palette-yellow-80: #664200;
    --palette-yellow-90: #352913;
    --shadow-palette-black: rgba(0, 0, 0, .51);
    --shadow-palette-blue-05: rgba(0, 0, 0, .51);
    --shadow-palette-blue-10: rgba(0, 0, 0, .51);
    --shadow-palette-blue-20: rgba(0, 0, 0, .51);
    --shadow-palette-blue-30: rgba(0, 0, 0, .51);
    --shadow-palette-blue-40: rgba(0, 0, 0, .51);
    --shadow-palette-blue-50: rgba(0, 0, 0, .51);
    --shadow-palette-blue-60: rgba(0, 0, 0, .51);
    --shadow-palette-blue-70: rgba(0, 0, 0, .51);
    --shadow-palette-blue-80: rgba(0, 0, 0, .51);
    --shadow-palette-blue-90: rgba(0, 0, 0, .51);
    --shadow-palette-green-05: rgba(0, 0, 0, .51);
    --shadow-palette-green-10: rgba(0, 0, 0, .51);
    --shadow-palette-green-20: rgba(0, 0, 0, .51);
    --shadow-palette-green-30: rgba(0, 0, 0, .51);
    --shadow-palette-green-40: rgba(0, 0, 0, .51);
    --shadow-palette-green-50: rgba(0, 0, 0, .51);
    --shadow-palette-green-60: rgba(0, 0, 0, .51);
    --shadow-palette-green-70: rgba(0, 0, 0, .51);
    --shadow-palette-green-80: rgba(0, 0, 0, .51);
    --shadow-palette-green-90: rgba(0, 0, 0, .51);
    --shadow-palette-grey-05: rgba(0, 0, 0, .51);
    --shadow-palette-grey-10: rgba(0, 0, 0, .51);
    --shadow-palette-grey-20: rgba(0, 0, 0, .51);
    --shadow-palette-grey-30: rgba(0, 0, 0, .51);
    --shadow-palette-grey-40: rgba(0, 0, 0, .51);
    --shadow-palette-grey-50: rgba(0, 0, 0, .51);
    --shadow-palette-grey-60: rgba(0, 0, 0, .51);
    --shadow-palette-grey-70: rgba(0, 0, 0, .51);
    --shadow-palette-grey-80: rgba(0, 0, 0, .51);
    --shadow-palette-grey-90: rgba(0, 0, 0, .51);
    --shadow-palette-orange-05: rgba(0, 0, 0, .51);
    --shadow-palette-orange-10: rgba(0, 0, 0, .51);
    --shadow-palette-orange-20: rgba(0, 0, 0, .51);
    --shadow-palette-orange-30: rgba(0, 0, 0, .51);
    --shadow-palette-orange-40: rgba(0, 0, 0, .51);
    --shadow-palette-orange-50: rgba(0, 0, 0, .51);
    --shadow-palette-orange-60: rgba(0, 0, 0, .51);
    --shadow-palette-orange-70: rgba(0, 0, 0, .51);
    --shadow-palette-orange-80: rgba(0, 0, 0, .51);
    --shadow-palette-orange-90: rgba(0, 0, 0, .51);
    --shadow-palette-pink-05: rgba(0, 0, 0, .51);
    --shadow-palette-pink-10: rgba(0, 0, 0, .51);
    --shadow-palette-pink-20: rgba(0, 0, 0, .51);
    --shadow-palette-pink-30: rgba(0, 0, 0, .51);
    --shadow-palette-pink-40: rgba(0, 0, 0, .51);
    --shadow-palette-pink-50: rgba(0, 0, 0, .51);
    --shadow-palette-pink-60: rgba(0, 0, 0, .51);
    --shadow-palette-pink-70: rgba(0, 0, 0, .51);
    --shadow-palette-pink-80: rgba(0, 0, 0, .51);
    --shadow-palette-pink-90: rgba(0, 0, 0, .51);
    --shadow-palette-purple-05: rgba(0, 0, 0, .51);
    --shadow-palette-purple-10: rgba(0, 0, 0, .51);
    --shadow-palette-purple-20: rgba(0, 0, 0, .51);
    --shadow-palette-purple-30: rgba(0, 0, 0, .51);
    --shadow-palette-purple-40: rgba(0, 0, 0, .51);
    --shadow-palette-purple-50: rgba(0, 0, 0, .51);
    --shadow-palette-purple-60: rgba(0, 0, 0, .51);
    --shadow-palette-purple-70: rgba(0, 0, 0, .51);
    --shadow-palette-purple-80: rgba(0, 0, 0, .51);
    --shadow-palette-purple-90: rgba(0, 0, 0, .51);
    --shadow-palette-red-05: rgba(0, 0, 0, .51);
    --shadow-palette-red-10: rgba(0, 0, 0, .51);
    --shadow-palette-red-20: rgba(0, 0, 0, .51);
    --shadow-palette-red-30: rgba(0, 0, 0, .51);
    --shadow-palette-red-40: rgba(0, 0, 0, .51);
    --shadow-palette-red-50: rgba(0, 0, 0, .51);
    --shadow-palette-red-60: rgba(0, 0, 0, .51);
    --shadow-palette-red-70: rgba(0, 0, 0, .51);
    --shadow-palette-red-80: rgba(0, 0, 0, .51);
    --shadow-palette-red-90: rgba(0, 0, 0, .51);
    --shadow-palette-theme1-05: rgba(0, 0, 0, .51);
    --shadow-palette-theme1-10: rgba(0, 0, 0, .51);
    --shadow-palette-theme1-20: rgba(0, 0, 0, .51);
    --shadow-palette-theme1-30: rgba(0, 0, 0, .51);
    --shadow-palette-theme1-40: rgba(0, 0, 0, .51);
    --shadow-palette-theme1-50: rgba(0, 0, 0, .51);
    --shadow-palette-theme1-60: rgba(0, 0, 0, .51);
    --shadow-palette-theme1-70: rgba(0, 0, 0, .51);
    --shadow-palette-theme1-80: rgba(0, 0, 0, .51);
    --shadow-palette-theme1-90: rgba(0, 0, 0, .51);
    --shadow-palette-theme2-05: rgba(0, 0, 0, .51);
    --shadow-palette-theme2-10: rgba(0, 0, 0, .51);
    --shadow-palette-theme2-20: rgba(0, 0, 0, .51);
    --shadow-palette-theme2-30: rgba(0, 0, 0, .51);
    --shadow-palette-theme2-40: rgba(0, 0, 0, .51);
    --shadow-palette-theme2-50: rgba(0, 0, 0, .51);
    --shadow-palette-theme2-60: rgba(0, 0, 0, .51);
    --shadow-palette-theme2-70: rgba(0, 0, 0, .51);
    --shadow-palette-theme2-80: rgba(0, 0, 0, .51);
    --shadow-palette-theme2-90: rgba(0, 0, 0, .51);
    --shadow-palette-white: rgba(0, 0, 0, .51);
    --shadow-palette-yellow-05: rgba(0, 0, 0, .51);
    --shadow-palette-yellow-10: rgba(0, 0, 0, .51);
    --shadow-palette-yellow-20: rgba(0, 0, 0, .51);
    --shadow-palette-yellow-30: rgba(0, 0, 0, .51);
    --shadow-palette-yellow-40: rgba(0, 0, 0, .51);
    --shadow-palette-yellow-50: rgba(0, 0, 0, .51);
    --shadow-palette-yellow-60: rgba(0, 0, 0, .51);
    --shadow-palette-yellow-70: rgba(0, 0, 0, .51);
    --shadow-palette-yellow-80: rgba(0, 0, 0, .51);
    --shadow-palette-yellow-90: rgba(0, 0, 0, .51);
    --background-color-fill-caution-base: 255 111 36;
    --background-color-fill-caution-down: 255 182 143;
    --background-color-fill-caution-focus: 255 141 82;
    --background-color-fill-caution-hover: 255 141 82;
    --background-color-fill-info-base: 51 118 255;
    --background-color-fill-info-down: 139 175 249;
    --background-color-fill-info-focus: 71 136 255;
    --background-color-fill-info-hover: 71 136 255;
    --background-color-fill-inverse-base: 20 20 23;
    --background-color-fill-inverse-down: 72 72 81;
    --background-color-fill-inverse-focus: 53 53 59;
    --background-color-fill-inverse-hover: 53 53 59;
    --background-color-fill-negative-base: 255 56 120;
    --background-color-fill-negative-down: 255 153 186;
    --background-color-fill-negative-focus: 255 97 148;
    --background-color-fill-negative-hover: 255 97 148;
    --background-color-fill-neutral-base: 246 246 249;
    --background-color-fill-neutral-down: 255 255 255;
    --background-color-fill-neutral-focus: 206 206 218;
    --background-color-fill-neutral-hover: 206 206 218;
    --background-color-fill-neutral2-base: 139 139 151;
    --background-color-fill-neutral2-down: 206 206 218;
    --background-color-fill-neutral2-focus: 177 177 189;
    --background-color-fill-neutral2-hover: 177 177 189;
    --background-color-fill-positive-base: 0 153 101;
    --background-color-fill-positive-down: 120 227 191;
    --background-color-fill-positive-focus: 10 194 132;
    --background-color-fill-positive-hover: 10 194 132;
    --background-color-fill-theme1-base: 189 167 227;
    --background-color-fill-theme1-down: 241 236 248;
    --background-color-fill-theme1-focus: 222 211 241;
    --background-color-fill-theme1-hover: 222 211 241;
    --background-color-fill-theme2-base: 189 167 227;
    --background-color-fill-theme2-down: 241 236 248;
    --background-color-fill-theme2-focus: 222 211 241;
    --background-color-fill-theme2-hover: 222 211 241;
    --background-color-material-1: 20 20 23;
    --background-color-material-2: 35 35 40;
    --background-color-material-1-inverse: 255 255 255;
    --background-color-material-2-inverse: 246 246 249;
    --background-color-material-caution: 57 32 20;
    --background-color-material-caution-inverse: 242 225 217;
    --background-color-material-info: 19 30 52;
    --background-color-material-info-inverse: 217 225 242;
    --background-color-material-negative: 49 17 27;
    --background-color-material-negative-inverse: 242 217 225;
    --background-color-material-positive: 14 42 33;
    --background-color-material-positive-inverse: 217 242 234;
    --background-color-material-theme1: 39 14 72;
    --background-color-material-theme1-inverse: 241 236 248;
    --background-color-transparent: transparent;
    --background-color-material-neutral-base: 20 20 23;
    --background-color-material-neutral-down: 48 48 51;
    --background-color-material-neutral-focus: 29 29 32;
    --background-color-material-neutral-hover: 29 29 32;
    --background-color-material-neutral2-base: 35 35 40;
    --background-color-material-neutral2-down: 61 61 66;
    --background-color-material-neutral2-focus: 44 44 49;
    --background-color-material-neutral2-hover: 44 44 49;
    --background-color-material-positive-base: 14 42 33;
    --background-color-material-positive-down: 43 68 60;
    --background-color-material-positive-focus: 24 51 42;
    --background-color-material-positive-hover: 24 51 42;
    --background-color-material-caution-base: 57 32 20;
    --background-color-material-caution-down: 81 59 48;
    --background-color-material-caution-focus: 65 41 29;
    --background-color-material-caution-hover: 65 41 29;
    --background-color-material-negative-base: 49 17 27;
    --background-color-material-negative-down: 74 46 54;
    --background-color-material-negative-focus: 57 27 36;
    --background-color-material-negative-hover: 57 27 36;
    --background-color-material-info-base: 19 30 52;
    --background-color-material-info-down: 47 57 76;
    --background-color-material-info-focus: 28 39 60;
    --background-color-material-info-hover: 28 39 60;
    --background-color-material-neutral-inverse-base: 255 255 255;
    --background-color-material-neutral-inverse-down: 224 224 224;
    --background-color-material-neutral-inverse-focus: 245 245 245;
    --background-color-material-neutral-inverse-hover: 245 245 245;
    --background-color-material-neutral2-inverse-base: 246 246 249;
    --background-color-material-neutral2-inverse-down: 216 216 219;
    --background-color-material-neutral2-inverse-focus: 236 236 239;
    --background-color-material-neutral2-inverse-hover: 236 236 239;
    --background-color-material-positive-inverse-base: 217 242 234;
    --background-color-material-positive-inverse-down: 191 213 206;
    --background-color-material-positive-inverse-focus: 208 232 225;
    --background-color-material-positive-inverse-hover: 208 232 225;
    --background-color-material-caution-inverse-base: 242 225 217;
    --background-color-material-caution-inverse-down: 213 198 191;
    --background-color-material-caution-inverse-focus: 232 216 208;
    --background-color-material-caution-inverse-hover: 232 216 208;
    --background-color-material-negative-inverse-base: 242 217 225;
    --background-color-material-negative-inverse-down: 213 191 198;
    --background-color-material-negative-inverse-focus: 232 208 216;
    --background-color-material-negative-inverse-hover: 232 208 216;
    --background-color-material-info-inverse-base: 217 225 242;
    --background-color-material-info-inverse-down: 191 198 213;
    --background-color-material-info-inverse-focus: 208 216 232;
    --background-color-material-info-inverse-hover: 208 216 232;
    --background-color-material-theme1-base: 39 14 72;
    --background-color-material-theme1-down: 65 43 94;
    --background-color-material-theme1-focus: 48 24 79;
    --background-color-material-theme1-hover: 48 24 79;
    --background-color-material-theme1-inverse-base: 241 236 248;
    --background-color-material-theme1-inverse-down: 212 208 218;
    --background-color-material-theme1-inverse-focus: 231 227 238;
    --background-color-material-theme1-inverse-hover: 231 227 238;
    --background-color-material-theme2-base: 39 14 72;
    --background-color-material-theme2-down: 65 43 94;
    --background-color-material-theme2-focus: 48 24 79;
    --background-color-material-theme2-hover: 48 24 79;
    --background-color-material-theme2-inverse-base: 241 236 248;
    --background-color-material-theme2-inverse-down: 212 208 218;
    --background-color-material-theme2-inverse-focus: 231 227 238;
    --background-color-material-theme2-inverse-hover: 231 227 238;
    --background-image-gradient-expressive: linear-gradient(90deg, #bda7e3, #7c01bd);
    --border-color-stroke-caution-base: 255 111 36;
    --border-color-stroke-caution-down: 255 182 143;
    --border-color-stroke-caution-focus: 255 141 82;
    --border-color-stroke-caution-hover: 255 141 82;
    --border-color-stroke-info-base: 51 118 255;
    --border-color-stroke-info-down: 139 175 249;
    --border-color-stroke-info-focus: 71 136 255;
    --border-color-stroke-info-hover: 71 136 255;
    --border-color-stroke-inverse-base: 20 20 23;
    --border-color-stroke-inverse-down: 72 72 81;
    --border-color-stroke-inverse-focus: 53 53 59;
    --border-color-stroke-inverse-hover: 53 53 59;
    --border-color-stroke-negative-base: 255 56 120;
    --border-color-stroke-negative-down: 255 153 186;
    --border-color-stroke-negative-focus: 255 97 148;
    --border-color-stroke-negative-hover: 255 97 148;
    --border-color-stroke-neutral-base: 246 246 249;
    --border-color-stroke-neutral-down: 255 255 255;
    --border-color-stroke-neutral-focus: 206 206 218;
    --border-color-stroke-neutral-hover: 206 206 218;
    --border-color-stroke-neutral2-base: 139 139 151;
    --border-color-stroke-neutral2-down: 206 206 218;
    --border-color-stroke-neutral2-focus: 177 177 189;
    --border-color-stroke-neutral2-hover: 177 177 189;
    --border-color-stroke-positive-base: 0 153 101;
    --border-color-stroke-positive-down: 120 227 191;
    --border-color-stroke-positive-focus: 10 194 132;
    --border-color-stroke-positive-hover: 10 194 132;
    --border-color-stroke-theme1-base: 189 167 227;
    --border-color-stroke-theme1-down: 241 236 248;
    --border-color-stroke-theme1-focus: 222 211 241;
    --border-color-stroke-theme1-hover: 222 211 241;
    --border-color-stroke-theme2-base: 189 167 227;
    --border-color-stroke-theme2-down: 241 236 248;
    --border-color-stroke-theme2-focus: 222 211 241;
    --border-color-stroke-theme2-hover: 222 211 241;
    --border-color-transparent: transparent;
    --text-color-caution-base: 255 141 82;
    --text-color-caution-down: 242 225 217;
    --text-color-caution-focus: 255 182 143;
    --text-color-caution-hover: 255 182 143;
    --text-color-info-base: 71 136 255;
    --text-color-info-down: 217 225 242;
    --text-color-info-focus: 139 175 249;
    --text-color-info-hover: 139 175 249;
    --text-color-inverse-base: 20 20 23;
    --text-color-inverse-down: 72 72 81;
    --text-color-inverse-focus: 53 53 59;
    --text-color-inverse-hover: 53 53 59;
    --text-color-negative-base: 255 97 148;
    --text-color-negative-down: 242 217 225;
    --text-color-negative-focus: 255 153 186;
    --text-color-negative-hover: 255 153 186;
    --text-color-neutral-base: 246 246 249;
    --text-color-neutral-down: 206 206 218;
    --text-color-neutral-focus: 255 255 255;
    --text-color-neutral-hover: 255 255 255;
    --text-color-neutral2-base: 139 139 151;
    --text-color-neutral2-down: 206 206 218;
    --text-color-neutral2-focus: 177 177 189;
    --text-color-neutral2-hover: 177 177 189;
    --text-color-positive-base: 10 194 132;
    --text-color-positive-down: 217 242 234;
    --text-color-positive-focus: 120 227 191;
    --text-color-positive-hover: 120 227 191;
    --text-color-theme1-base: 189 167 227;
    --text-color-theme1-down: 241 236 248;
    --text-color-theme1-focus: 222 211 241;
    --text-color-theme1-hover: 222 211 241;
    --text-color-theme2-base: 189 167 227;
    --text-color-theme2-down: 241 236 248;
    --text-color-theme2-focus: 222 211 241;
    --text-color-theme2-hover: 222 211 241;
    --outline-color-transparent: transparent;
    --outline-color-caution-base: #ff6f24;
    --outline-color-caution-down: #ffb68f;
    --outline-color-caution-focus: #ff8d52;
    --outline-color-caution-hover: #ff8d52;
    --outline-color-info-base: #3376ff;
    --outline-color-info-down: #8baff9;
    --outline-color-info-focus: #4788ff;
    --outline-color-info-hover: #4788ff;
    --outline-color-inverse-base: #141417;
    --outline-color-inverse-down: #484851;
    --outline-color-inverse-focus: #35353b;
    --outline-color-inverse-hover: #35353b;
    --outline-color-negative-base: #ff3878;
    --outline-color-negative-down: #ff99ba;
    --outline-color-negative-focus: #ff6194;
    --outline-color-negative-hover: #ff6194;
    --outline-color-neutral-base: #f6f6f9;
    --outline-color-neutral-down: #fff;
    --outline-color-neutral-focus: #ceceda;
    --outline-color-neutral-hover: #ceceda;
    --outline-color-neutral2-base: #8b8b97;
    --outline-color-neutral2-down: #ceceda;
    --outline-color-neutral2-focus: #b1b1bd;
    --outline-color-neutral2-hover: #b1b1bd;
    --outline-color-positive-base: #009965;
    --outline-color-positive-down: #78e3bf;
    --outline-color-positive-focus: #0ac284;
    --outline-color-positive-hover: #0ac284;
    --outline-color-theme1-base: #bda7e3;
    --outline-color-theme1-down: #f1ecf8;
    --outline-color-theme1-focus: #ded3f1;
    --outline-color-theme1-hover: #ded3f1;
    --outline-color-theme2-base: #bda7e3;
    --outline-color-theme2-down: #f1ecf8;
    --outline-color-theme2-focus: #ded3f1;
    --outline-color-theme2-hover: #ded3f1;
    --ring-color-stroke-caution-base: 255 111 36;
    --ring-color-stroke-caution-down: 255 182 143;
    --ring-color-stroke-caution-focus: 255 141 82;
    --ring-color-stroke-caution-hover: 255 141 82;
    --ring-color-stroke-info-base: 51 118 255;
    --ring-color-stroke-info-down: 139 175 249;
    --ring-color-stroke-info-focus: 71 136 255;
    --ring-color-stroke-info-hover: 71 136 255;
    --ring-color-stroke-inverse-base: 20 20 23;
    --ring-color-stroke-inverse-down: 72 72 81;
    --ring-color-stroke-inverse-focus: 53 53 59;
    --ring-color-stroke-inverse-hover: 53 53 59;
    --ring-color-stroke-negative-base: 255 56 120;
    --ring-color-stroke-negative-down: 255 153 186;
    --ring-color-stroke-negative-focus: 255 97 148;
    --ring-color-stroke-negative-hover: 255 97 148;
    --ring-color-stroke-neutral-base: 246 246 249;
    --ring-color-stroke-neutral-down: 255 255 255;
    --ring-color-stroke-neutral-focus: 206 206 218;
    --ring-color-stroke-neutral-hover: 206 206 218;
    --ring-color-stroke-neutral2-base: 139 139 151;
    --ring-color-stroke-neutral2-down: 206 206 218;
    --ring-color-stroke-neutral2-focus: 177 177 189;
    --ring-color-stroke-neutral2-hover: 177 177 189;
    --ring-color-stroke-positive-base: 0 153 101;
    --ring-color-stroke-positive-down: 120 227 191;
    --ring-color-stroke-positive-focus: 10 194 132;
    --ring-color-stroke-positive-hover: 10 194 132;
    --ring-color-stroke-theme1-base: 189 167 227;
    --ring-color-stroke-theme1-down: 241 236 248;
    --ring-color-stroke-theme1-focus: 222 211 241;
    --ring-color-stroke-theme1-hover: 222 211 241;
    --ring-color-stroke-theme2-base: 189 167 227;
    --ring-color-stroke-theme2-down: 241 236 248;
    --ring-color-stroke-theme2-focus: 222 211 241;
    --ring-color-stroke-theme2-hover: 222 211 241;
    --ring-offset-color-material-1: 20 20 23;
    --ring-offset-color-material-2: 35 35 40;
    --ring-offset-color-material-1-inverse: 255 255 255;
    --ring-offset-color-material-2-inverse: 246 246 249;
    --ring-offset-color-material-caution: 57 32 20;
    --ring-offset-color-material-caution-inverse: 242 225 217;
    --ring-offset-color-material-info: 19 30 52;
    --ring-offset-color-material-info-inverse: 217 225 242;
    --ring-offset-color-material-negative: 49 17 27;
    --ring-offset-color-material-negative-inverse: 242 217 225;
    --ring-offset-color-material-positive: 14 42 33;
    --ring-offset-color-material-positive-inverse: 217 242 234;
    --ring-offset-color-material-theme1: 39 14 72;
    --ring-offset-color-material-theme1-inverse: 241 236 248;
    --ring-offset-color-material-neutral-base: 20 20 23;
    --ring-offset-color-material-neutral-down: 48 48 51;
    --ring-offset-color-material-neutral-focus: 29 29 32;
    --ring-offset-color-material-neutral-hover: 29 29 32;
    --ring-offset-color-material-neutral2-base: 35 35 40;
    --ring-offset-color-material-neutral2-down: 61 61 66;
    --ring-offset-color-material-neutral2-focus: 44 44 49;
    --ring-offset-color-material-neutral2-hover: 44 44 49;
    --ring-offset-color-material-positive-base: 14 42 33;
    --ring-offset-color-material-positive-down: 43 68 60;
    --ring-offset-color-material-positive-focus: 24 51 42;
    --ring-offset-color-material-positive-hover: 24 51 42;
    --ring-offset-color-material-caution-base: 57 32 20;
    --ring-offset-color-material-caution-down: 81 59 48;
    --ring-offset-color-material-caution-focus: 65 41 29;
    --ring-offset-color-material-caution-hover: 65 41 29;
    --ring-offset-color-material-negative-base: 49 17 27;
    --ring-offset-color-material-negative-down: 74 46 54;
    --ring-offset-color-material-negative-focus: 57 27 36;
    --ring-offset-color-material-negative-hover: 57 27 36;
    --ring-offset-color-material-info-base: 19 30 52;
    --ring-offset-color-material-info-down: 47 57 76;
    --ring-offset-color-material-info-focus: 28 39 60;
    --ring-offset-color-material-info-hover: 28 39 60;
    --ring-offset-color-material-neutral-inverse-base: 255 255 255;
    --ring-offset-color-material-neutral-inverse-down: 224 224 224;
    --ring-offset-color-material-neutral-inverse-focus: 245 245 245;
    --ring-offset-color-material-neutral-inverse-hover: 245 245 245;
    --ring-offset-color-material-neutral2-inverse-base: 246 246 249;
    --ring-offset-color-material-neutral2-inverse-down: 216 216 219;
    --ring-offset-color-material-neutral2-inverse-focus: 236 236 239;
    --ring-offset-color-material-neutral2-inverse-hover: 236 236 239;
    --ring-offset-color-material-positive-inverse-base: 217 242 234;
    --ring-offset-color-material-positive-inverse-down: 191 213 206;
    --ring-offset-color-material-positive-inverse-focus: 208 232 225;
    --ring-offset-color-material-positive-inverse-hover: 208 232 225;
    --ring-offset-color-material-caution-inverse-base: 242 225 217;
    --ring-offset-color-material-caution-inverse-down: 213 198 191;
    --ring-offset-color-material-caution-inverse-focus: 232 216 208;
    --ring-offset-color-material-caution-inverse-hover: 232 216 208;
    --ring-offset-color-material-negative-inverse-base: 242 217 225;
    --ring-offset-color-material-negative-inverse-down: 213 191 198;
    --ring-offset-color-material-negative-inverse-focus: 232 208 216;
    --ring-offset-color-material-negative-inverse-hover: 232 208 216;
    --ring-offset-color-material-info-inverse-base: 217 225 242;
    --ring-offset-color-material-info-inverse-down: 191 198 213;
    --ring-offset-color-material-info-inverse-focus: 208 216 232;
    --ring-offset-color-material-info-inverse-hover: 208 216 232;
    --ring-offset-color-material-theme1-base: 39 14 72;
    --ring-offset-color-material-theme1-down: 65 43 94;
    --ring-offset-color-material-theme1-focus: 48 24 79;
    --ring-offset-color-material-theme1-hover: 48 24 79;
    --ring-offset-color-material-theme1-inverse-base: 241 236 248;
    --ring-offset-color-material-theme1-inverse-down: 212 208 218;
    --ring-offset-color-material-theme1-inverse-focus: 231 227 238;
    --ring-offset-color-material-theme1-inverse-hover: 231 227 238;
    --ring-offset-color-material-theme2-base: 39 14 72;
    --ring-offset-color-material-theme2-down: 65 43 94;
    --ring-offset-color-material-theme2-focus: 48 24 79;
    --ring-offset-color-material-theme2-hover: 48 24 79;
    --ring-offset-color-material-theme2-inverse-base: 241 236 248;
    --ring-offset-color-material-theme2-inverse-down: 212 208 218;
    --ring-offset-color-material-theme2-inverse-focus: 231 227 238;
    --ring-offset-color-material-theme2-inverse-hover: 231 227 238;
    --opacity-inactive: 0.3;
    --opacity-none: 0;
    --opacity-primary: 1;
    --opacity-secondary: 0.6;
    --opacity-tertiary: 0.15;
    --border-opacity-inactive: 0.3;
    --border-opacity-none: 0;
    --border-opacity-primary: 1;
    --border-opacity-secondary: 0.6;
    --border-opacity-tertiary: 0.15;
    --background-opacity-inactive: 0.3;
    --background-opacity-none: 0;
    --background-opacity-primary: 1;
    --background-opacity-secondary: 0.6;
    --background-opacity-tertiary: 0.15;
    --text-opacity-inactive: 0.3;
    --text-opacity-none: 0;
    --text-opacity-primary: 1;
    --text-opacity-secondary: 0.6;
    --text-opacity-tertiary: 0.15;
    --border-radius-none: 0px;
    --border-radius-xsmall: 2px;
    --border-radius-small: 4px;
    --border-radius-medium: 8px;
    --border-radius-large: 16px;
    --border-radius-xlarge: 32px;
    --text-display0-family: var(--text-family-brand);
    --text-display0-size: 2.25000rem;
    --text-display0-line-height: 2.81250rem;
    --text-display0-weight: 700;
    --text-display0-letter-spacing: -0.4px;
    --text-display0-text-transform: none;
    --text-display1-family: var(--text-family-brand);
    --text-display1-size: clamp(2rem, calc(1.82143rem + 0.89286vw), 2.25rem);
    --text-display1-line-height: clamp(2.5rem, calc(2.27679rem + 1.11607vw), 2.8125rem);
    --text-display1-weight: 700;
    --text-display1-letter-spacing: -0.4px;
    --text-display1-text-transform: none;
    --text-display2-family: var(--text-family-brand);
    --text-display2-size: clamp(1.75rem, calc(1.57143rem + 0.89286vw), 2rem);
    --text-display2-line-height: clamp(2.1875rem, calc(1.96429rem + 1.11607vw), 2.5rem);
    --text-display2-weight: 700;
    --text-display2-letter-spacing: -0.4px;
    --text-display2-text-transform: none;
    --text-headline1-family: var(--text-family-brand);
    --text-headline1-size: 1.50000rem;
    --text-headline1-line-height: 2.00000rem;
    --text-headline1-weight: 700;
    --text-headline1-letter-spacing: -0.2px;
    --text-headline1-text-transform: none;
    --text-headline2-family: var(--text-family-brand);
    --text-headline2-size: 1.25000rem;
    --text-headline2-line-height: 1.50000rem;
    --text-headline2-weight: 700;
    --text-headline2-letter-spacing: -0.2px;
    --text-headline2-text-transform: none;
    --text-headline3-family: var(--text-family-brand);
    --text-headline3-size: 1.00000rem;
    --text-headline3-line-height: 1.50000rem;
    --text-headline3-weight: 700;
    --text-headline3-letter-spacing: 0px;
    --text-headline3-text-transform: none;
    --text-body0-family: var(--text-family-default);
    --text-body0-size: 1.00000rem;
    --text-body0-line-height: 1.50000rem;
    --text-body0-weight: 400;
    --text-body0-letter-spacing: 0px;
    --text-body0-text-transform: none;
    --text-body1-family: var(--text-family-default);
    --text-body1-size: 1.00000rem;
    --text-body1-line-height: 1.50000;
    --text-body1-weight: 400;
    --text-body1-letter-spacing: 0px;
    --text-body1-text-transform: none;
    --text-body2-family: var(--text-family-default);
    --text-body2-size: 0.87500rem;
    --text-body2-line-height: 1.50000;
    --text-body2-weight: 400;
    --text-body2-letter-spacing: 0px;
    --text-body2-text-transform: none;
    --text-body3-family: var(--text-family-default);
    --text-body3-size: 0.87500rem;
    --text-body3-line-height: 1.50000;
    --text-body3-weight: 400;
    --text-body3-letter-spacing: 0px;
    --text-body3-text-transform: none;
    --text-body4-family: var(--text-family-default);
    --text-body4-size: 0.87500rem;
    --text-body4-line-height: 1.50000;
    --text-body4-weight: 400;
    --text-body4-letter-spacing: 0px;
    --text-body4-text-transform: none;
    --text-button1-family: var(--text-family-brand);
    --text-button1-size: 1.00000rem;
    --text-button1-line-height: 1.50000;
    --text-button1-weight: 700;
    --text-button1-letter-spacing: 0px;
    --text-button1-text-transform: none;
    --text-button2-family: var(--text-family-brand);
    --text-button2-size: 0.87500rem;
    --text-button2-line-height: 1.71429;
    --text-button2-weight: 700;
    --text-button2-letter-spacing: 0px;
    --text-button2-text-transform: none;
    --text-callout1-family: var(--text-family-default);
    --text-callout1-size: 0.87500rem;
    --text-callout1-line-height: 1.50000;
    --text-callout1-weight: 400;
    --text-callout1-letter-spacing: 1px;
    --text-callout1-text-transform: uppercase;
    --text-callout2-family: var(--text-family-default);
    --text-callout2-size: 0.75000rem;
    --text-callout2-line-height: 1.33333;
    --text-callout2-weight: 400;
    --text-callout2-letter-spacing: 1px;
    --text-callout2-text-transform: uppercase;
    --text-caption-family: var(--text-family-default);
    --text-caption-size: 0.75000rem;
    --text-caption-line-height: 1.33333;
    --text-caption-weight: 400;
    --text-caption-letter-spacing: 0px;
    --text-caption-text-transform: none;
    --text-tag-family: var(--text-family-default);
    --text-tag-size: 0.62500rem;
    --text-tag-line-height: 1.20000;
    --text-tag-weight: 500;
    --text-tag-letter-spacing: 0px;
    --text-tag-text-transform: none;
    --text-family-brand: XfinityBrown, DMSans, Helvetica, sans-serif;
    --text-family-default: DMSans, Helvetica, sans-serif
}

.dotcom,
.dotcom .light,
.dotcom-dark .light {
    --palette-black: #000;
    --palette-blue-05: #d9e1f2;
    --palette-blue-10: #8baff9;
    --palette-blue-20: #4784ff;
    --palette-blue-30: #3376ff;
    --palette-blue-40: #2970ff;
    --palette-blue-50: #1f69ff;
    --palette-blue-60: #0051d0;
    --palette-blue-70: #0040a3;
    --palette-blue-80: #003485;
    --palette-blue-90: #131e34;
    --palette-green-05: #d9f2ea;
    --palette-green-10: #78e3bf;
    --palette-green-20: #0ac284;
    --palette-green-30: #009965;
    --palette-green-40: #008f5e;
    --palette-green-50: #008558;
    --palette-green-60: #006851;
    --palette-green-70: #005240;
    --palette-green-80: #003328;
    --palette-green-90: #0e2a21;
    --palette-grey-05: #f6f6f9;
    --palette-grey-10: #ececf2;
    --palette-grey-20: #ceceda;
    --palette-grey-30: #b1b1bd;
    --palette-grey-40: #8b8b97;
    --palette-grey-50: #62626c;
    --palette-grey-60: #484851;
    --palette-grey-70: #35353b;
    --palette-grey-80: #232328;
    --palette-grey-90: #141417;
    --palette-orange-05: #f2e1d9;
    --palette-orange-10: #ffb68f;
    --palette-orange-20: #ff8d52;
    --palette-orange-30: #ff6f24;
    --palette-orange-40: #f95600;
    --palette-orange-50: #e64f00;
    --palette-orange-60: #b33d00;
    --palette-orange-70: #a33800;
    --palette-orange-80: #8f3100;
    --palette-orange-90: #392014;
    --palette-pink-05: #fff2fe;
    --palette-pink-10: #ffe4fd;
    --palette-pink-20: #ffb4f9;
    --palette-pink-30: #ffa1f7;
    --palette-pink-40: #ff73f5;
    --palette-pink-50: #c029c1;
    --palette-pink-60: #b603ac;
    --palette-pink-70: #a3039b;
    --palette-pink-80: #73026d;
    --palette-pink-90: #660261;
    --palette-purple-05: #f1ecf8;
    --palette-purple-10: #ded3f1;
    --palette-purple-20: #bda7e3;
    --palette-purple-30: #9c7bd5;
    --palette-purple-40: #916cd0;
    --palette-purple-50: #5a23b9;
    --palette-purple-60: #481c94;
    --palette-purple-70: #36156f;
    --palette-purple-80: #291155;
    --palette-purple-90: #270e48;
    --palette-red-05: #f2d9e1;
    --palette-red-10: #ff99ba;
    --palette-red-20: #ff6194;
    --palette-red-30: #ff3878;
    --palette-red-40: #f0004d;
    --palette-red-50: #e6004a;
    --palette-red-60: #b7023c;
    --palette-red-70: #8f002f;
    --palette-red-80: #660021;
    --palette-red-90: #31111b;
    --palette-theme1-05: #f1ecf8;
    --palette-theme1-10: #ded3f1;
    --palette-theme1-20: #bda7e3;
    --palette-theme1-30: #9c7bd5;
    --palette-theme1-40: #916cd0;
    --palette-theme1-50: #5a23b9;
    --palette-theme1-60: #481c94;
    --palette-theme1-70: #36156f;
    --palette-theme1-80: #291155;
    --palette-theme1-90: #270e48;
    --palette-theme2-05: #f1ecf8;
    --palette-theme2-10: #ded3f1;
    --palette-theme2-20: #bda7e3;
    --palette-theme2-30: #9c7bd5;
    --palette-theme2-40: #916cd0;
    --palette-theme2-50: #5a23b9;
    --palette-theme2-60: #481c94;
    --palette-theme2-70: #36156f;
    --palette-theme2-80: #291155;
    --palette-theme2-90: #270e48;
    --palette-white: #fff;
    --palette-yellow-05: #f2ead9;
    --palette-yellow-10: #ffd88a;
    --palette-yellow-20: #ffc95c;
    --palette-yellow-30: #ffb829;
    --palette-yellow-40: #fa0;
    --palette-yellow-50: #b87700;
    --palette-yellow-60: #8f5d00;
    --palette-yellow-70: #7a5000;
    --palette-yellow-80: #664200;
    --palette-yellow-90: #352913;
    --shadow-palette-black: rgba(0, 0, 0, .51);
    --shadow-palette-blue-05: hsla(220, 6%, 49%, .51);
    --shadow-palette-blue-10: rgba(71, 92, 136, .51);
    --shadow-palette-blue-20: rgba(34, 67, 140, .51);
    --shadow-palette-blue-30: rgba(23, 60, 140, .51);
    --shadow-palette-blue-40: rgba(18, 56, 140, .51);
    --shadow-palette-blue-50: rgba(13, 52, 140, .51);
    --shadow-palette-blue-60: rgba(0, 39, 112, .51);
    --shadow-palette-blue-70: rgba(0, 30, 85, .51);
    --shadow-palette-blue-80: rgba(0, 24, 68, .51);
    --shadow-palette-blue-90: rgba(8, 13, 24, .51);
    --shadow-palette-green-05: hsla(160, 6%, 49%, .51);
    --shadow-palette-green-10: rgba(61, 123, 102, .51);
    --shadow-palette-green-20: rgba(4, 103, 67, .51);
    --shadow-palette-green-30: rgba(0, 79, 50, .51);
    --shadow-palette-green-40: rgba(0, 74, 46, .51);
    --shadow-palette-green-50: rgba(0, 68, 43, .51);
    --shadow-palette-green-60: rgba(0, 52, 39, .51);
    --shadow-palette-green-70: rgba(0, 40, 30, .51);
    --shadow-palette-green-80: rgba(0, 23, 18, .51);
    --shadow-palette-green-90: rgba(6, 19, 14, .51);
    --shadow-palette-grey-05: hsla(240, 0%, 53%, .51);
    --shadow-palette-grey-10: hsla(240, 1%, 51%, .51);
    --shadow-palette-grey-20: hsla(240, 3%, 45%, .51);
    --shadow-palette-grey-30: rgba(93, 93, 100, .51);
    --shadow-palette-grey-40: rgba(71, 71, 78, .51);
    --shadow-palette-grey-50: rgba(48, 48, 54, .51);
    --shadow-palette-grey-60: rgba(34, 34, 39, .51);
    --shadow-palette-grey-70: rgba(24, 24, 28, .51);
    --shadow-palette-grey-80: rgba(15, 15, 18, .51);
    --shadow-palette-grey-90: rgba(8, 8, 10, .51);
    --shadow-palette-orange-05: hsla(20, 6%, 49%, .51);
    --shadow-palette-orange-10: rgba(140, 96, 74, .51);
    --shadow-palette-orange-20: rgba(140, 73, 40, .51);
    --shadow-palette-orange-30: rgba(140, 56, 16, .51);
    --shadow-palette-orange-40: rgba(136, 42, 0, .51);
    --shadow-palette-orange-50: rgba(125, 38, 0, .51);
    --shadow-palette-orange-60: rgba(95, 29, 0, .51);
    --shadow-palette-orange-70: rgba(85, 26, 0, .51);
    --shadow-palette-orange-80: rgba(74, 22, 0, .51);
    --shadow-palette-orange-90: rgba(27, 14, 8, .51);
    --shadow-palette-pink-05: hsla(308, 3%, 53%, .51);
    --shadow-palette-pink-10: hsla(304, 7%, 52%, .51);
    --shadow-palette-pink-20: rgba(140, 95, 136, .51);
    --shadow-palette-pink-30: rgba(140, 84, 135, .51);
    --shadow-palette-pink-40: rgba(140, 58, 134, .51);
    --shadow-palette-pink-50: rgba(102, 18, 103, .51);
    --shadow-palette-pink-60: rgba(96, 1, 90, .51);
    --shadow-palette-pink-70: rgba(85, 1, 81, .51);
    --shadow-palette-pink-80: rgba(58, 1, 54, .51);
    --shadow-palette-pink-90: rgba(51, 1, 48, .51);
    --shadow-palette-purple-05: hsla(266, 3%, 52%, .51);
    --shadow-palette-purple-10: hsla(260, 7%, 48%, .51);
    --shadow-palette-purple-20: rgba(100, 88, 123, .51);
    --shadow-palette-purple-30: rgba(81, 62, 115, .51);
    --shadow-palette-purple-40: rgba(75, 54, 112, .51);
    --shadow-palette-purple-50: rgba(44, 15, 98, .51);
    --shadow-palette-purple-60: rgba(34, 12, 77, .51);
    --shadow-palette-purple-70: rgba(25, 9, 56, .51);
    --shadow-palette-purple-80: rgba(18, 7, 41, .51);
    --shadow-palette-purple-90: rgba(17, 6, 34, .51);
    --shadow-palette-red-05: hsla(340, 6%, 49%, .51);
    --shadow-palette-red-10: rgba(140, 79, 99, .51);
    --shadow-palette-red-20: rgba(140, 48, 77, .51);
    --shadow-palette-red-30: rgba(140, 26, 61, .51);
    --shadow-palette-red-40: rgba(131, 0, 37, .51);
    --shadow-palette-red-50: rgba(125, 0, 35, .51);
    --shadow-palette-red-60: rgba(97, 1, 28, .51);
    --shadow-palette-red-70: rgba(74, 0, 21, .51);
    --shadow-palette-red-80: rgba(51, 0, 14, .51);
    --shadow-palette-red-90: rgba(22, 7, 12, .51);
    --shadow-palette-theme1-05: hsla(266, 3%, 52%, .51);
    --shadow-palette-theme1-10: hsla(260, 7%, 48%, .51);
    --shadow-palette-theme1-20: rgba(100, 88, 123, .51);
    --shadow-palette-theme1-30: rgba(81, 62, 115, .51);
    --shadow-palette-theme1-40: rgba(75, 54, 112, .51);
    --shadow-palette-theme1-50: rgba(44, 15, 98, .51);
    --shadow-palette-theme1-60: rgba(34, 12, 77, .51);
    --shadow-palette-theme1-70: rgba(25, 9, 56, .51);
    --shadow-palette-theme1-80: rgba(18, 7, 41, .51);
    --shadow-palette-theme1-90: rgba(17, 6, 34, .51);
    --shadow-palette-theme2-05: hsla(266, 3%, 52%, .51);
    --shadow-palette-theme2-10: hsla(260, 7%, 48%, .51);
    --shadow-palette-theme2-20: rgba(100, 88, 123, .51);
    --shadow-palette-theme2-30: rgba(81, 62, 115, .51);
    --shadow-palette-theme2-40: rgba(75, 54, 112, .51);
    --shadow-palette-theme2-50: rgba(44, 15, 98, .51);
    --shadow-palette-theme2-60: rgba(34, 12, 77, .51);
    --shadow-palette-theme2-70: rgba(25, 9, 56, .51);
    --shadow-palette-theme2-80: rgba(18, 7, 41, .51);
    --shadow-palette-theme2-90: rgba(17, 6, 34, .51);
    --shadow-palette-white: hsla(0, 0%, 55%, .51);
    --shadow-palette-yellow-05: hsla(40, 6%, 49%, .51);
    --shadow-palette-yellow-10: rgba(140, 117, 71, .51);
    --shadow-palette-yellow-20: rgba(140, 108, 45, .51);
    --shadow-palette-yellow-30: rgba(140, 97, 18, .51);
    --shadow-palette-yellow-40: rgba(140, 89, 0, .51);
    --shadow-palette-yellow-50: rgba(97, 60, 0, .51);
    --shadow-palette-yellow-60: rgba(74, 46, 0, .51);
    --shadow-palette-yellow-70: rgba(62, 39, 0, .51);
    --shadow-palette-yellow-80: rgba(51, 31, 0, .51);
    --shadow-palette-yellow-90: rgba(24, 18, 8, .51);
    --background-color-fill-caution-base: 179 61 0;
    --background-color-fill-caution-down: 143 49 0;
    --background-color-fill-caution-focus: 163 56 0;
    --background-color-fill-caution-hover: 163 56 0;
    --background-color-fill-info-base: 0 81 208;
    --background-color-fill-info-down: 0 52 133;
    --background-color-fill-info-focus: 0 64 163;
    --background-color-fill-info-hover: 0 64 163;
    --background-color-fill-inverse-base: 246 246 249;
    --background-color-fill-inverse-down: 206 206 218;
    --background-color-fill-inverse-focus: 255 255 255;
    --background-color-fill-inverse-hover: 255 255 255;
    --background-color-fill-negative-base: 183 2 60;
    --background-color-fill-negative-down: 102 0 33;
    --background-color-fill-negative-focus: 143 0 47;
    --background-color-fill-negative-hover: 143 0 47;
    --background-color-fill-neutral-base: 20 20 23;
    --background-color-fill-neutral-down: 72 72 81;
    --background-color-fill-neutral-focus: 53 53 59;
    --background-color-fill-neutral-hover: 53 53 59;
    --background-color-fill-neutral2-base: 98 98 108;
    --background-color-fill-neutral2-down: 35 35 40;
    --background-color-fill-neutral2-focus: 53 53 59;
    --background-color-fill-neutral2-hover: 53 53 59;
    --background-color-fill-positive-base: 0 104 81;
    --background-color-fill-positive-down: 0 51 40;
    --background-color-fill-positive-focus: 0 82 64;
    --background-color-fill-positive-hover: 0 82 64;
    --background-color-fill-theme1-base: 90 35 185;
    --background-color-fill-theme1-down: 41 17 85;
    --background-color-fill-theme1-focus: 54 21 111;
    --background-color-fill-theme1-hover: 54 21 111;
    --background-color-fill-theme2-base: 90 35 185;
    --background-color-fill-theme2-down: 41 17 85;
    --background-color-fill-theme2-focus: 54 21 111;
    --background-color-fill-theme2-hover: 54 21 111;
    --background-color-material-1: 255 255 255;
    --background-color-material-2: 246 246 249;
    --background-color-material-1-inverse: 20 20 23;
    --background-color-material-2-inverse: 35 35 40;
    --background-color-material-caution: 242 225 217;
    --background-color-material-caution-inverse: 57 32 20;
    --background-color-material-info: 217 225 242;
    --background-color-material-info-inverse: 19 30 52;
    --background-color-material-negative: 242 217 225;
    --background-color-material-negative-inverse: 49 17 27;
    --background-color-material-positive: 217 242 234;
    --background-color-material-positive-inverse: 14 42 33;
    --background-color-material-theme1: 241 236 248;
    --background-color-material-theme1-inverse: 39 14 72;
    --background-color-transparent: transparent;
    --background-color-material-neutral-base: 255 255 255;
    --background-color-material-neutral-down: 224 224 224;
    --background-color-material-neutral-focus: 245 245 245;
    --background-color-material-neutral-hover: 245 245 245;
    --background-color-material-neutral2-base: 246 246 249;
    --background-color-material-neutral2-down: 216 216 219;
    --background-color-material-neutral2-focus: 236 236 239;
    --background-color-material-neutral2-hover: 236 236 239;
    --background-color-material-positive-base: 217 242 234;
    --background-color-material-positive-down: 191 213 206;
    --background-color-material-positive-focus: 208 232 225;
    --background-color-material-positive-hover: 208 232 225;
    --background-color-material-caution-base: 242 225 217;
    --background-color-material-caution-down: 213 198 191;
    --background-color-material-caution-focus: 232 216 208;
    --background-color-material-caution-hover: 232 216 208;
    --background-color-material-negative-base: 242 217 225;
    --background-color-material-negative-down: 213 191 198;
    --background-color-material-negative-focus: 232 208 216;
    --background-color-material-negative-hover: 232 208 216;
    --background-color-material-info-base: 217 225 242;
    --background-color-material-info-down: 191 198 213;
    --background-color-material-info-focus: 208 216 232;
    --background-color-material-info-hover: 208 216 232;
    --background-color-material-neutral-inverse-base: 20 20 23;
    --background-color-material-neutral-inverse-down: 48 48 51;
    --background-color-material-neutral-inverse-focus: 29 29 32;
    --background-color-material-neutral-inverse-hover: 29 29 32;
    --background-color-material-neutral2-inverse-base: 35 35 40;
    --background-color-material-neutral2-inverse-down: 61 61 66;
    --background-color-material-neutral2-inverse-focus: 44 44 49;
    --background-color-material-neutral2-inverse-hover: 44 44 49;
    --background-color-material-positive-inverse-base: 14 42 33;
    --background-color-material-positive-inverse-down: 43 68 60;
    --background-color-material-positive-inverse-focus: 24 51 42;
    --background-color-material-positive-inverse-hover: 24 51 42;
    --background-color-material-caution-inverse-base: 57 32 20;
    --background-color-material-caution-inverse-down: 81 59 48;
    --background-color-material-caution-inverse-focus: 65 41 29;
    --background-color-material-caution-inverse-hover: 65 41 29;
    --background-color-material-negative-inverse-base: 49 17 27;
    --background-color-material-negative-inverse-down: 74 46 54;
    --background-color-material-negative-inverse-focus: 57 27 36;
    --background-color-material-negative-inverse-hover: 57 27 36;
    --background-color-material-info-inverse-base: 19 30 52;
    --background-color-material-info-inverse-down: 47 57 76;
    --background-color-material-info-inverse-focus: 28 39 60;
    --background-color-material-info-inverse-hover: 28 39 60;
    --background-color-material-theme1-base: 241 236 248;
    --background-color-material-theme1-down: 212 208 218;
    --background-color-material-theme1-focus: 231 227 238;
    --background-color-material-theme1-hover: 231 227 238;
    --background-color-material-theme1-inverse-base: 39 14 72;
    --background-color-material-theme1-inverse-down: 65 43 94;
    --background-color-material-theme1-inverse-focus: 48 24 79;
    --background-color-material-theme1-inverse-hover: 48 24 79;
    --background-color-material-theme2-base: 241 236 248;
    --background-color-material-theme2-down: 212 208 218;
    --background-color-material-theme2-focus: 231 227 238;
    --background-color-material-theme2-hover: 231 227 238;
    --background-color-material-theme2-inverse-base: 39 14 72;
    --background-color-material-theme2-inverse-down: 65 43 94;
    --background-color-material-theme2-inverse-focus: 48 24 79;
    --background-color-material-theme2-inverse-hover: 48 24 79;
    --background-image-gradient-expressive: linear-gradient(90deg, #28156b, #7c01bd);
    --border-color-stroke-caution-base: 179 61 0;
    --border-color-stroke-caution-down: 143 49 0;
    --border-color-stroke-caution-focus: 163 56 0;
    --border-color-stroke-caution-hover: 163 56 0;
    --border-color-stroke-info-base: 0 81 208;
    --border-color-stroke-info-down: 0 52 133;
    --border-color-stroke-info-focus: 0 64 163;
    --border-color-stroke-info-hover: 0 64 163;
    --border-color-stroke-inverse-base: 246 246 249;
    --border-color-stroke-inverse-down: 206 206 218;
    --border-color-stroke-inverse-focus: 255 255 255;
    --border-color-stroke-inverse-hover: 255 255 255;
    --border-color-stroke-negative-base: 183 2 60;
    --border-color-stroke-negative-down: 102 0 33;
    --border-color-stroke-negative-focus: 143 0 47;
    --border-color-stroke-negative-hover: 143 0 47;
    --border-color-stroke-neutral-base: 20 20 23;
    --border-color-stroke-neutral-down: 72 72 81;
    --border-color-stroke-neutral-focus: 53 53 59;
    --border-color-stroke-neutral-hover: 53 53 59;
    --border-color-stroke-neutral2-base: 98 98 108;
    --border-color-stroke-neutral2-down: 35 35 40;
    --border-color-stroke-neutral2-focus: 53 53 59;
    --border-color-stroke-neutral2-hover: 53 53 59;
    --border-color-stroke-positive-base: 0 104 81;
    --border-color-stroke-positive-down: 0 51 40;
    --border-color-stroke-positive-focus: 0 82 64;
    --border-color-stroke-positive-hover: 0 82 64;
    --border-color-stroke-theme1-base: 90 35 185;
    --border-color-stroke-theme1-down: 41 17 85;
    --border-color-stroke-theme1-focus: 54 21 111;
    --border-color-stroke-theme1-hover: 54 21 111;
    --border-color-stroke-theme2-base: 90 35 185;
    --border-color-stroke-theme2-down: 41 17 85;
    --border-color-stroke-theme2-focus: 54 21 111;
    --border-color-stroke-theme2-hover: 54 21 111;
    --border-color-transparent: transparent;
    --text-color-caution-base: 179 61 0;
    --text-color-caution-down: 143 49 0;
    --text-color-caution-focus: 163 56 0;
    --text-color-caution-hover: 163 56 0;
    --text-color-info-base: 0 81 208;
    --text-color-info-down: 0 52 133;
    --text-color-info-focus: 0 64 163;
    --text-color-info-hover: 0 64 163;
    --text-color-inverse-base: 246 246 249;
    --text-color-inverse-down: 206 206 218;
    --text-color-inverse-focus: 255 255 255;
    --text-color-inverse-hover: 255 255 255;
    --text-color-negative-base: 183 2 60;
    --text-color-negative-down: 102 0 33;
    --text-color-negative-focus: 143 0 47;
    --text-color-negative-hover: 143 0 47;
    --text-color-neutral-base: 20 20 23;
    --text-color-neutral-down: 72 72 81;
    --text-color-neutral-focus: 53 53 59;
    --text-color-neutral-hover: 53 53 59;
    --text-color-neutral2-base: 98 98 108;
    --text-color-neutral2-down: 35 35 40;
    --text-color-neutral2-focus: 53 53 59;
    --text-color-neutral2-hover: 53 53 59;
    --text-color-positive-base: 0 104 81;
    --text-color-positive-down: 0 51 40;
    --text-color-positive-focus: 0 82 64;
    --text-color-positive-hover: 0 82 64;
    --text-color-theme1-base: 90 35 185;
    --text-color-theme1-down: 41 17 85;
    --text-color-theme1-focus: 54 21 111;
    --text-color-theme1-hover: 54 21 111;
    --text-color-theme2-base: 90 35 185;
    --text-color-theme2-down: 41 17 85;
    --text-color-theme2-focus: 54 21 111;
    --text-color-theme2-hover: 54 21 111;
    --outline-color-transparent: transparent;
    --outline-color-caution-base: #b33d00;
    --outline-color-caution-down: #8f3100;
    --outline-color-caution-focus: #a33800;
    --outline-color-caution-hover: #a33800;
    --outline-color-info-base: #0051d0;
    --outline-color-info-down: #003485;
    --outline-color-info-focus: #0040a3;
    --outline-color-info-hover: #0040a3;
    --outline-color-inverse-base: #f6f6f9;
    --outline-color-inverse-down: #ceceda;
    --outline-color-inverse-focus: #fff;
    --outline-color-inverse-hover: #fff;
    --outline-color-negative-base: #b7023c;
    --outline-color-negative-down: #660021;
    --outline-color-negative-focus: #8f002f;
    --outline-color-negative-hover: #8f002f;
    --outline-color-neutral-base: #141417;
    --outline-color-neutral-down: #484851;
    --outline-color-neutral-focus: #35353b;
    --outline-color-neutral-hover: #35353b;
    --outline-color-neutral2-base: #62626c;
    --outline-color-neutral2-down: #232328;
    --outline-color-neutral2-focus: #35353b;
    --outline-color-neutral2-hover: #35353b;
    --outline-color-positive-base: #006851;
    --outline-color-positive-down: #003328;
    --outline-color-positive-focus: #005240;
    --outline-color-positive-hover: #005240;
    --outline-color-theme1-base: #5a23b9;
    --outline-color-theme1-down: #291155;
    --outline-color-theme1-focus: #36156f;
    --outline-color-theme1-hover: #36156f;
    --outline-color-theme2-base: #5a23b9;
    --outline-color-theme2-down: #291155;
    --outline-color-theme2-focus: #36156f;
    --outline-color-theme2-hover: #36156f;
    --ring-color-stroke-caution-base: 179 61 0;
    --ring-color-stroke-caution-down: 143 49 0;
    --ring-color-stroke-caution-focus: 163 56 0;
    --ring-color-stroke-caution-hover: 163 56 0;
    --ring-color-stroke-info-base: 0 81 208;
    --ring-color-stroke-info-down: 0 52 133;
    --ring-color-stroke-info-focus: 0 64 163;
    --ring-color-stroke-info-hover: 0 64 163;
    --ring-color-stroke-inverse-base: 246 246 249;
    --ring-color-stroke-inverse-down: 206 206 218;
    --ring-color-stroke-inverse-focus: 255 255 255;
    --ring-color-stroke-inverse-hover: 255 255 255;
    --ring-color-stroke-negative-base: 183 2 60;
    --ring-color-stroke-negative-down: 102 0 33;
    --ring-color-stroke-negative-focus: 143 0 47;
    --ring-color-stroke-negative-hover: 143 0 47;
    --ring-color-stroke-neutral-base: 20 20 23;
    --ring-color-stroke-neutral-down: 72 72 81;
    --ring-color-stroke-neutral-focus: 53 53 59;
    --ring-color-stroke-neutral-hover: 53 53 59;
    --ring-color-stroke-neutral2-base: 98 98 108;
    --ring-color-stroke-neutral2-down: 35 35 40;
    --ring-color-stroke-neutral2-focus: 53 53 59;
    --ring-color-stroke-neutral2-hover: 53 53 59;
    --ring-color-stroke-positive-base: 0 104 81;
    --ring-color-stroke-positive-down: 0 51 40;
    --ring-color-stroke-positive-focus: 0 82 64;
    --ring-color-stroke-positive-hover: 0 82 64;
    --ring-color-stroke-theme1-base: 90 35 185;
    --ring-color-stroke-theme1-down: 41 17 85;
    --ring-color-stroke-theme1-focus: 54 21 111;
    --ring-color-stroke-theme1-hover: 54 21 111;
    --ring-color-stroke-theme2-base: 90 35 185;
    --ring-color-stroke-theme2-down: 41 17 85;
    --ring-color-stroke-theme2-focus: 54 21 111;
    --ring-color-stroke-theme2-hover: 54 21 111;
    --ring-offset-color-material-1: 255 255 255;
    --ring-offset-color-material-2: 246 246 249;
    --ring-offset-color-material-1-inverse: 20 20 23;
    --ring-offset-color-material-2-inverse: 35 35 40;
    --ring-offset-color-material-caution: 242 225 217;
    --ring-offset-color-material-caution-inverse: 57 32 20;
    --ring-offset-color-material-info: 217 225 242;
    --ring-offset-color-material-info-inverse: 19 30 52;
    --ring-offset-color-material-negative: 242 217 225;
    --ring-offset-color-material-negative-inverse: 49 17 27;
    --ring-offset-color-material-positive: 217 242 234;
    --ring-offset-color-material-positive-inverse: 14 42 33;
    --ring-offset-color-material-theme1: 241 236 248;
    --ring-offset-color-material-theme1-inverse: 39 14 72;
    --ring-offset-color-material-neutral-base: 255 255 255;
    --ring-offset-color-material-neutral-down: 224 224 224;
    --ring-offset-color-material-neutral-focus: 245 245 245;
    --ring-offset-color-material-neutral-hover: 245 245 245;
    --ring-offset-color-material-neutral2-base: 246 246 249;
    --ring-offset-color-material-neutral2-down: 216 216 219;
    --ring-offset-color-material-neutral2-focus: 236 236 239;
    --ring-offset-color-material-neutral2-hover: 236 236 239;
    --ring-offset-color-material-positive-base: 217 242 234;
    --ring-offset-color-material-positive-down: 191 213 206;
    --ring-offset-color-material-positive-focus: 208 232 225;
    --ring-offset-color-material-positive-hover: 208 232 225;
    --ring-offset-color-material-caution-base: 242 225 217;
    --ring-offset-color-material-caution-down: 213 198 191;
    --ring-offset-color-material-caution-focus: 232 216 208;
    --ring-offset-color-material-caution-hover: 232 216 208;
    --ring-offset-color-material-negative-base: 242 217 225;
    --ring-offset-color-material-negative-down: 213 191 198;
    --ring-offset-color-material-negative-focus: 232 208 216;
    --ring-offset-color-material-negative-hover: 232 208 216;
    --ring-offset-color-material-info-base: 217 225 242;
    --ring-offset-color-material-info-down: 191 198 213;
    --ring-offset-color-material-info-focus: 208 216 232;
    --ring-offset-color-material-info-hover: 208 216 232;
    --ring-offset-color-material-neutral-inverse-base: 20 20 23;
    --ring-offset-color-material-neutral-inverse-down: 48 48 51;
    --ring-offset-color-material-neutral-inverse-focus: 29 29 32;
    --ring-offset-color-material-neutral-inverse-hover: 29 29 32;
    --ring-offset-color-material-neutral2-inverse-base: 35 35 40;
    --ring-offset-color-material-neutral2-inverse-down: 61 61 66;
    --ring-offset-color-material-neutral2-inverse-focus: 44 44 49;
    --ring-offset-color-material-neutral2-inverse-hover: 44 44 49;
    --ring-offset-color-material-positive-inverse-base: 14 42 33;
    --ring-offset-color-material-positive-inverse-down: 43 68 60;
    --ring-offset-color-material-positive-inverse-focus: 24 51 42;
    --ring-offset-color-material-positive-inverse-hover: 24 51 42;
    --ring-offset-color-material-caution-inverse-base: 57 32 20;
    --ring-offset-color-material-caution-inverse-down: 81 59 48;
    --ring-offset-color-material-caution-inverse-focus: 65 41 29;
    --ring-offset-color-material-caution-inverse-hover: 65 41 29;
    --ring-offset-color-material-negative-inverse-base: 49 17 27;
    --ring-offset-color-material-negative-inverse-down: 74 46 54;
    --ring-offset-color-material-negative-inverse-focus: 57 27 36;
    --ring-offset-color-material-negative-inverse-hover: 57 27 36;
    --ring-offset-color-material-info-inverse-base: 19 30 52;
    --ring-offset-color-material-info-inverse-down: 47 57 76;
    --ring-offset-color-material-info-inverse-focus: 28 39 60;
    --ring-offset-color-material-info-inverse-hover: 28 39 60;
    --ring-offset-color-material-theme1-base: 241 236 248;
    --ring-offset-color-material-theme1-down: 212 208 218;
    --ring-offset-color-material-theme1-focus: 231 227 238;
    --ring-offset-color-material-theme1-hover: 231 227 238;
    --ring-offset-color-material-theme1-inverse-base: 39 14 72;
    --ring-offset-color-material-theme1-inverse-down: 65 43 94;
    --ring-offset-color-material-theme1-inverse-focus: 48 24 79;
    --ring-offset-color-material-theme1-inverse-hover: 48 24 79;
    --ring-offset-color-material-theme2-base: 241 236 248;
    --ring-offset-color-material-theme2-down: 212 208 218;
    --ring-offset-color-material-theme2-focus: 231 227 238;
    --ring-offset-color-material-theme2-hover: 231 227 238;
    --ring-offset-color-material-theme2-inverse-base: 39 14 72;
    --ring-offset-color-material-theme2-inverse-down: 65 43 94;
    --ring-offset-color-material-theme2-inverse-focus: 48 24 79;
    --ring-offset-color-material-theme2-inverse-hover: 48 24 79;
    --opacity-inactive: 0.3;
    --opacity-none: 0;
    --opacity-primary: 1;
    --opacity-secondary: 0.6;
    --opacity-tertiary: 0.15;
    --border-opacity-inactive: 0.3;
    --border-opacity-none: 0;
    --border-opacity-primary: 1;
    --border-opacity-secondary: 0.6;
    --border-opacity-tertiary: 0.15;
    --background-opacity-inactive: 0.3;
    --background-opacity-none: 0;
    --background-opacity-primary: 1;
    --background-opacity-secondary: 0.6;
    --background-opacity-tertiary: 0.15;
    --text-opacity-inactive: 0.3;
    --text-opacity-none: 0;
    --text-opacity-primary: 1;
    --text-opacity-secondary: 0.6;
    --text-opacity-tertiary: 0.15;
    --border-radius-none: 0px;
    --border-radius-xsmall: 2px;
    --border-radius-small: 4px;
    --border-radius-medium: 8px;
    --border-radius-large: 16px;
    --border-radius-xlarge: 32px;
    --text-display0-family: var(--text-family-brand);
    --text-display0-size: clamp(3.375rem, calc(1.14286rem + 11.16071vw), 6.5rem);
    --text-display0-line-height: clamp(3.5rem, calc(1.44643rem + 10.26786vw), 6.375rem);
    --text-display0-weight: 700;
    --text-display0-letter-spacing: -4px;
    --text-display0-text-transform: none;
    --text-display1-family: var(--text-family-brand);
    --text-display1-size: clamp(2.5rem, calc(1.42857rem + 5.35714vw), 4rem);
    --text-display1-line-height: clamp(2.75rem, calc(1.58929rem + 5.80357vw), 4.375rem);
    --text-display1-weight: 700;
    --text-display1-letter-spacing: -2px;
    --text-display1-text-transform: none;
    --text-display2-family: var(--text-family-brand);
    --text-display2-size: clamp(2.125rem, calc(1.58929rem + 2.67857vw), 2.875rem);
    --text-display2-line-height: clamp(2.375rem, calc(1.83929rem + 2.67857vw), 3.125rem);
    --text-display2-weight: 700;
    --text-display2-letter-spacing: -1.5px;
    --text-display2-text-transform: none;
    --text-headline1-family: var(--text-family-brand);
    --text-headline1-size: clamp(1.75rem, calc(1.30357rem + 2.23214vw), 2.375rem);
    --text-headline1-line-height: clamp(2.125rem, calc(1.76786rem + 1.78571vw), 2.625rem);
    --text-headline1-weight: 700;
    --text-headline1-letter-spacing: -1px;
    --text-headline1-text-transform: none;
    --text-headline2-family: var(--text-family-brand);
    --text-headline2-size: clamp(1.5rem, calc(1.23214rem + 1.33929vw), 1.875rem);
    --text-headline2-line-height: clamp(1.875rem, calc(1.69643rem + 0.89286vw), 2.125rem);
    --text-headline2-weight: 700;
    --text-headline2-letter-spacing: -0.75px;
    --text-headline2-text-transform: none;
    --text-headline3-family: var(--text-family-brand);
    --text-headline3-size: clamp(1.25rem, calc(1.07143rem + 0.89286vw), 1.5rem);
    --text-headline3-line-height: clamp(1.625rem, calc(1.53571rem + 0.44643vw), 1.75rem);
    --text-headline3-weight: 700;
    --text-headline3-letter-spacing: -0.5px;
    --text-headline3-text-transform: none;
    --text-body0-family: var(--text-family-default);
    --text-body0-size: clamp(1rem, calc(0.91071rem + 0.44643vw), 1.125rem);
    --text-body0-line-height: clamp(1.5rem, calc(1.41071rem + 0.44643vw), 1.625rem);
    --text-body0-weight: 400;
    --text-body0-letter-spacing: 0px;
    --text-body0-text-transform: none;
    --text-body1-family: var(--text-family-default);
    --text-body1-size: 1.00000rem;
    --text-body1-line-height: 1.50000;
    --text-body1-weight: 400;
    --text-body1-letter-spacing: 0px;
    --text-body1-text-transform: none;
    --text-body2-family: var(--text-family-default);
    --text-body2-size: 0.87500rem;
    --text-body2-line-height: 1.50000;
    --text-body2-weight: 400;
    --text-body2-letter-spacing: 0px;
    --text-body2-text-transform: none;
    --text-body3-family: var(--text-family-default);
    --text-body3-size: 0.87500rem;
    --text-body3-line-height: 1.50000;
    --text-body3-weight: 400;
    --text-body3-letter-spacing: 0px;
    --text-body3-text-transform: none;
    --text-body4-family: var(--text-family-default);
    --text-body4-size: 0.87500rem;
    --text-body4-line-height: 1.50000;
    --text-body4-weight: 400;
    --text-body4-letter-spacing: 0px;
    --text-body4-text-transform: none;
    --text-button1-family: var(--text-family-brand);
    --text-button1-size: 1.00000rem;
    --text-button1-line-height: 1.50000;
    --text-button1-weight: 700;
    --text-button1-letter-spacing: 0px;
    --text-button1-text-transform: none;
    --text-button2-family: var(--text-family-brand);
    --text-button2-size: 0.87500rem;
    --text-button2-line-height: 1.71429;
    --text-button2-weight: 700;
    --text-button2-letter-spacing: 0px;
    --text-button2-text-transform: none;
    --text-callout1-family: var(--text-family-brand);
    --text-callout1-size: 1.12500rem;
    --text-callout1-line-height: 1.33333;
    --text-callout1-weight: 700;
    --text-callout1-letter-spacing: -0.2px;
    --text-callout1-text-transform: none;
    --text-callout2-family: var(--text-family-brand);
    --text-callout2-size: 1.00000rem;
    --text-callout2-line-height: 1.25000;
    --text-callout2-weight: 400;
    --text-callout2-letter-spacing: -0.2px;
    --text-callout2-text-transform: none;
    --text-caption-family: var(--text-family-default);
    --text-caption-size: 0.75000rem;
    --text-caption-line-height: 1.33333;
    --text-caption-weight: 400;
    --text-caption-letter-spacing: 0px;
    --text-caption-text-transform: none;
    --text-tag-family: var(--text-family-default);
    --text-tag-size: 0.62500rem;
    --text-tag-line-height: 1.20000;
    --text-tag-weight: 500;
    --text-tag-letter-spacing: 0px;
    --text-tag-text-transform: none;
    --text-family-brand: XfinityBrown, DMSans, Helvetica, sans-serif;
    --text-family-default: DMSans, Helvetica, sans-serif
}

.dotcom .dark,
.dotcom-dark,
.dotcom-dark .dark {
    --palette-black: #000;
    --palette-blue-05: #d9e1f2;
    --palette-blue-10: #8baff9;
    --palette-blue-20: #4788ff;
    --palette-blue-30: #3376ff;
    --palette-blue-40: #2970ff;
    --palette-blue-50: #1f69ff;
    --palette-blue-60: #0051d0;
    --palette-blue-70: #0040a3;
    --palette-blue-80: #003485;
    --palette-blue-90: #131e34;
    --palette-green-05: #d9f2ea;
    --palette-green-10: #78e3bf;
    --palette-green-20: #0ac284;
    --palette-green-30: #009965;
    --palette-green-40: #008f5e;
    --palette-green-50: #008558;
    --palette-green-60: #006851;
    --palette-green-70: #005240;
    --palette-green-80: #003328;
    --palette-green-90: #0e2a21;
    --palette-grey-05: #f6f6f9;
    --palette-grey-10: #ececf2;
    --palette-grey-20: #ceceda;
    --palette-grey-30: #b1b1bd;
    --palette-grey-40: #8b8b97;
    --palette-grey-50: #62626c;
    --palette-grey-60: #484851;
    --palette-grey-70: #35353b;
    --palette-grey-80: #232328;
    --palette-grey-90: #141417;
    --palette-orange-05: #f2e1d9;
    --palette-orange-10: #ffb68f;
    --palette-orange-20: #ff8d52;
    --palette-orange-30: #ff6f24;
    --palette-orange-40: #f95600;
    --palette-orange-50: #e64f00;
    --palette-orange-60: #b33d00;
    --palette-orange-70: #a33800;
    --palette-orange-80: #8f3100;
    --palette-orange-90: #392014;
    --palette-pink-05: #fff2fe;
    --palette-pink-10: #ffe4fd;
    --palette-pink-20: #ffb4f9;
    --palette-pink-30: #ffa1f7;
    --palette-pink-40: #ff73f5;
    --palette-pink-50: #c029c1;
    --palette-pink-60: #b603ac;
    --palette-pink-70: #a3039b;
    --palette-pink-80: #73026d;
    --palette-pink-90: #660261;
    --palette-purple-05: #f1ecf8;
    --palette-purple-10: #ded3f1;
    --palette-purple-20: #bda7e3;
    --palette-purple-30: #9c7bd5;
    --palette-purple-40: #916cd0;
    --palette-purple-50: #5a23b9;
    --palette-purple-60: #481c94;
    --palette-purple-70: #36156f;
    --palette-purple-80: #291155;
    --palette-purple-90: #270e48;
    --palette-red-05: #f2d9e1;
    --palette-red-10: #ff99ba;
    --palette-red-20: #ff6194;
    --palette-red-30: #ff3878;
    --palette-red-40: #f0004d;
    --palette-red-50: #e6004a;
    --palette-red-60: #b7023c;
    --palette-red-70: #8f002f;
    --palette-red-80: #660021;
    --palette-red-90: #31111b;
    --palette-theme1-05: #f1ecf8;
    --palette-theme1-10: #ded3f1;
    --palette-theme1-20: #bda7e3;
    --palette-theme1-30: #9c7bd5;
    --palette-theme1-40: #916cd0;
    --palette-theme1-50: #5a23b9;
    --palette-theme1-60: #481c94;
    --palette-theme1-70: #36156f;
    --palette-theme1-80: #291155;
    --palette-theme1-90: #270e48;
    --palette-theme2-05: #f1ecf8;
    --palette-theme2-10: #ded3f1;
    --palette-theme2-20: #bda7e3;
    --palette-theme2-30: #9c7bd5;
    --palette-theme2-40: #916cd0;
    --palette-theme2-50: #5a23b9;
    --palette-theme2-60: #481c94;
    --palette-theme2-70: #36156f;
    --palette-theme2-80: #291155;
    --palette-theme2-90: #270e48;
    --palette-white: #fff;
    --palette-yellow-05: #f2ead9;
    --palette-yellow-10: #ffd88a;
    --palette-yellow-20: #ffc95c;
    --palette-yellow-30: #ffb829;
    --palette-yellow-40: #fa0;
    --palette-yellow-50: #b87700;
    --palette-yellow-60: #8f5d00;
    --palette-yellow-70: #7a5000;
    --palette-yellow-80: #664200;
    --palette-yellow-90: #352913;
    --shadow-palette-black: rgba(0, 0, 0, .51);
    --shadow-palette-blue-05: rgba(0, 0, 0, .51);
    --shadow-palette-blue-10: rgba(0, 0, 0, .51);
    --shadow-palette-blue-20: rgba(0, 0, 0, .51);
    --shadow-palette-blue-30: rgba(0, 0, 0, .51);
    --shadow-palette-blue-40: rgba(0, 0, 0, .51);
    --shadow-palette-blue-50: rgba(0, 0, 0, .51);
    --shadow-palette-blue-60: rgba(0, 0, 0, .51);
    --shadow-palette-blue-70: rgba(0, 0, 0, .51);
    --shadow-palette-blue-80: rgba(0, 0, 0, .51);
    --shadow-palette-blue-90: rgba(0, 0, 0, .51);
    --shadow-palette-green-05: rgba(0, 0, 0, .51);
    --shadow-palette-green-10: rgba(0, 0, 0, .51);
    --shadow-palette-green-20: rgba(0, 0, 0, .51);
    --shadow-palette-green-30: rgba(0, 0, 0, .51);
    --shadow-palette-green-40: rgba(0, 0, 0, .51);
    --shadow-palette-green-50: rgba(0, 0, 0, .51);
    --shadow-palette-green-60: rgba(0, 0, 0, .51);
    --shadow-palette-green-70: rgba(0, 0, 0, .51);
    --shadow-palette-green-80: rgba(0, 0, 0, .51);
    --shadow-palette-green-90: rgba(0, 0, 0, .51);
    --shadow-palette-grey-05: rgba(0, 0, 0, .51);
    --shadow-palette-grey-10: rgba(0, 0, 0, .51);
    --shadow-palette-grey-20: rgba(0, 0, 0, .51);
    --shadow-palette-grey-30: rgba(0, 0, 0, .51);
    --shadow-palette-grey-40: rgba(0, 0, 0, .51);
    --shadow-palette-grey-50: rgba(0, 0, 0, .51);
    --shadow-palette-grey-60: rgba(0, 0, 0, .51);
    --shadow-palette-grey-70: rgba(0, 0, 0, .51);
    --shadow-palette-grey-80: rgba(0, 0, 0, .51);
    --shadow-palette-grey-90: rgba(0, 0, 0, .51);
    --shadow-palette-orange-05: rgba(0, 0, 0, .51);
    --shadow-palette-orange-10: rgba(0, 0, 0, .51);
    --shadow-palette-orange-20: rgba(0, 0, 0, .51);
    --shadow-palette-orange-30: rgba(0, 0, 0, .51);
    --shadow-palette-orange-40: rgba(0, 0, 0, .51);
    --shadow-palette-orange-50: rgba(0, 0, 0, .51);
    --shadow-palette-orange-60: rgba(0, 0, 0, .51);
    --shadow-palette-orange-70: rgba(0, 0, 0, .51);
    --shadow-palette-orange-80: rgba(0, 0, 0, .51);
    --shadow-palette-orange-90: rgba(0, 0, 0, .51);
    --shadow-palette-pink-05: rgba(0, 0, 0, .51);
    --shadow-palette-pink-10: rgba(0, 0, 0, .51);
    --shadow-palette-pink-20: rgba(0, 0, 0, .51);
    --shadow-palette-pink-30: rgba(0, 0, 0, .51);
    --shadow-palette-pink-40: rgba(0, 0, 0, .51);
    --shadow-palette-pink-50: rgba(0, 0, 0, .51);
    --shadow-palette-pink-60: rgba(0, 0, 0, .51);
    --shadow-palette-pink-70: rgba(0, 0, 0, .51);
    --shadow-palette-pink-80: rgba(0, 0, 0, .51);
    --shadow-palette-pink-90: rgba(0, 0, 0, .51);
    --shadow-palette-purple-05: rgba(0, 0, 0, .51);
    --shadow-palette-purple-10: rgba(0, 0, 0, .51);
    --shadow-palette-purple-20: rgba(0, 0, 0, .51);
    --shadow-palette-purple-30: rgba(0, 0, 0, .51);
    --shadow-palette-purple-40: rgba(0, 0, 0, .51);
    --shadow-palette-purple-50: rgba(0, 0, 0, .51);
    --shadow-palette-purple-60: rgba(0, 0, 0, .51);
    --shadow-palette-purple-70: rgba(0, 0, 0, .51);
    --shadow-palette-purple-80: rgba(0, 0, 0, .51);
    --shadow-palette-purple-90: rgba(0, 0, 0, .51);
    --shadow-palette-red-05: rgba(0, 0, 0, .51);
    --shadow-palette-red-10: rgba(0, 0, 0, .51);
    --shadow-palette-red-20: rgba(0, 0, 0, .51);
    --shadow-palette-red-30: rgba(0, 0, 0, .51);
    --shadow-palette-red-40: rgba(0, 0, 0, .51);
    --shadow-palette-red-50: rgba(0, 0, 0, .51);
    --shadow-palette-red-60: rgba(0, 0, 0, .51);
    --shadow-palette-red-70: rgba(0, 0, 0, .51);
    --shadow-palette-red-80: rgba(0, 0, 0, .51);
    --shadow-palette-red-90: rgba(0, 0, 0, .51);
    --shadow-palette-theme1-05: rgba(0, 0, 0, .51);
    --shadow-palette-theme1-10: rgba(0, 0, 0, .51);
    --shadow-palette-theme1-20: rgba(0, 0, 0, .51);
    --shadow-palette-theme1-30: rgba(0, 0, 0, .51);
    --shadow-palette-theme1-40: rgba(0, 0, 0, .51);
    --shadow-palette-theme1-50: rgba(0, 0, 0, .51);
    --shadow-palette-theme1-60: rgba(0, 0, 0, .51);
    --shadow-palette-theme1-70: rgba(0, 0, 0, .51);
    --shadow-palette-theme1-80: rgba(0, 0, 0, .51);
    --shadow-palette-theme1-90: rgba(0, 0, 0, .51);
    --shadow-palette-theme2-05: rgba(0, 0, 0, .51);
    --shadow-palette-theme2-10: rgba(0, 0, 0, .51);
    --shadow-palette-theme2-20: rgba(0, 0, 0, .51);
    --shadow-palette-theme2-30: rgba(0, 0, 0, .51);
    --shadow-palette-theme2-40: rgba(0, 0, 0, .51);
    --shadow-palette-theme2-50: rgba(0, 0, 0, .51);
    --shadow-palette-theme2-60: rgba(0, 0, 0, .51);
    --shadow-palette-theme2-70: rgba(0, 0, 0, .51);
    --shadow-palette-theme2-80: rgba(0, 0, 0, .51);
    --shadow-palette-theme2-90: rgba(0, 0, 0, .51);
    --shadow-palette-white: rgba(0, 0, 0, .51);
    --shadow-palette-yellow-05: rgba(0, 0, 0, .51);
    --shadow-palette-yellow-10: rgba(0, 0, 0, .51);
    --shadow-palette-yellow-20: rgba(0, 0, 0, .51);
    --shadow-palette-yellow-30: rgba(0, 0, 0, .51);
    --shadow-palette-yellow-40: rgba(0, 0, 0, .51);
    --shadow-palette-yellow-50: rgba(0, 0, 0, .51);
    --shadow-palette-yellow-60: rgba(0, 0, 0, .51);
    --shadow-palette-yellow-70: rgba(0, 0, 0, .51);
    --shadow-palette-yellow-80: rgba(0, 0, 0, .51);
    --shadow-palette-yellow-90: rgba(0, 0, 0, .51);
    --background-color-fill-caution-base: 255 111 36;
    --background-color-fill-caution-down: 255 182 143;
    --background-color-fill-caution-focus: 255 141 82;
    --background-color-fill-caution-hover: 255 141 82;
    --background-color-fill-info-base: 51 118 255;
    --background-color-fill-info-down: 139 175 249;
    --background-color-fill-info-focus: 71 136 255;
    --background-color-fill-info-hover: 71 136 255;
    --background-color-fill-inverse-base: 20 20 23;
    --background-color-fill-inverse-down: 72 72 81;
    --background-color-fill-inverse-focus: 53 53 59;
    --background-color-fill-inverse-hover: 53 53 59;
    --background-color-fill-negative-base: 255 56 120;
    --background-color-fill-negative-down: 255 153 186;
    --background-color-fill-negative-focus: 255 97 148;
    --background-color-fill-negative-hover: 255 97 148;
    --background-color-fill-neutral-base: 246 246 249;
    --background-color-fill-neutral-down: 255 255 255;
    --background-color-fill-neutral-focus: 206 206 218;
    --background-color-fill-neutral-hover: 206 206 218;
    --background-color-fill-neutral2-base: 139 139 151;
    --background-color-fill-neutral2-down: 206 206 218;
    --background-color-fill-neutral2-focus: 177 177 189;
    --background-color-fill-neutral2-hover: 177 177 189;
    --background-color-fill-positive-base: 0 153 101;
    --background-color-fill-positive-down: 120 227 191;
    --background-color-fill-positive-focus: 10 194 132;
    --background-color-fill-positive-hover: 10 194 132;
    --background-color-fill-theme1-base: 189 167 227;
    --background-color-fill-theme1-down: 241 236 248;
    --background-color-fill-theme1-focus: 222 211 241;
    --background-color-fill-theme1-hover: 222 211 241;
    --background-color-fill-theme2-base: 189 167 227;
    --background-color-fill-theme2-down: 241 236 248;
    --background-color-fill-theme2-focus: 222 211 241;
    --background-color-fill-theme2-hover: 222 211 241;
    --background-color-material-1: 255 255 255;
    --background-color-material-2: 246 246 249;
    --background-color-material-1-inverse: 20 20 23;
    --background-color-material-2-inverse: 35 35 40;
    --background-color-material-caution: 242 225 217;
    --background-color-material-caution-inverse: 57 32 20;
    --background-color-material-info: 217 225 242;
    --background-color-material-info-inverse: 19 30 52;
    --background-color-material-negative: 242 217 225;
    --background-color-material-negative-inverse: 49 17 27;
    --background-color-material-positive: 217 242 234;
    --background-color-material-positive-inverse: 14 42 33;
    --background-color-material-theme1: 241 236 248;
    --background-color-material-theme1-inverse: 39 14 72;
    --background-color-transparent: transparent;
    --background-color-material-neutral-base: 20 20 23;
    --background-color-material-neutral-down: 48 48 51;
    --background-color-material-neutral-focus: 29 29 32;
    --background-color-material-neutral-hover: 29 29 32;
    --background-color-material-neutral2-base: 35 35 40;
    --background-color-material-neutral2-down: 61 61 66;
    --background-color-material-neutral2-focus: 44 44 49;
    --background-color-material-neutral2-hover: 44 44 49;
    --background-color-material-positive-base: 14 42 33;
    --background-color-material-positive-down: 43 68 60;
    --background-color-material-positive-focus: 24 51 42;
    --background-color-material-positive-hover: 24 51 42;
    --background-color-material-caution-base: 57 32 20;
    --background-color-material-caution-down: 81 59 48;
    --background-color-material-caution-focus: 65 41 29;
    --background-color-material-caution-hover: 65 41 29;
    --background-color-material-negative-base: 49 17 27;
    --background-color-material-negative-down: 74 46 54;
    --background-color-material-negative-focus: 57 27 36;
    --background-color-material-negative-hover: 57 27 36;
    --background-color-material-info-base: 19 30 52;
    --background-color-material-info-down: 47 57 76;
    --background-color-material-info-focus: 28 39 60;
    --background-color-material-info-hover: 28 39 60;
    --background-color-material-neutral-inverse-base: 255 255 255;
    --background-color-material-neutral-inverse-down: 224 224 224;
    --background-color-material-neutral-inverse-focus: 245 245 245;
    --background-color-material-neutral-inverse-hover: 245 245 245;
    --background-color-material-neutral2-inverse-base: 246 246 249;
    --background-color-material-neutral2-inverse-down: 216 216 219;
    --background-color-material-neutral2-inverse-focus: 236 236 239;
    --background-color-material-neutral2-inverse-hover: 236 236 239;
    --background-color-material-positive-inverse-base: 217 242 234;
    --background-color-material-positive-inverse-down: 191 213 206;
    --background-color-material-positive-inverse-focus: 208 232 225;
    --background-color-material-positive-inverse-hover: 208 232 225;
    --background-color-material-caution-inverse-base: 242 225 217;
    --background-color-material-caution-inverse-down: 213 198 191;
    --background-color-material-caution-inverse-focus: 232 216 208;
    --background-color-material-caution-inverse-hover: 232 216 208;
    --background-color-material-negative-inverse-base: 242 217 225;
    --background-color-material-negative-inverse-down: 213 191 198;
    --background-color-material-negative-inverse-focus: 232 208 216;
    --background-color-material-negative-inverse-hover: 232 208 216;
    --background-color-material-info-inverse-base: 217 225 242;
    --background-color-material-info-inverse-down: 191 198 213;
    --background-color-material-info-inverse-focus: 208 216 232;
    --background-color-material-info-inverse-hover: 208 216 232;
    --background-color-material-theme1-base: 39 14 72;
    --background-color-material-theme1-down: 65 43 94;
    --background-color-material-theme1-focus: 48 24 79;
    --background-color-material-theme1-hover: 48 24 79;
    --background-color-material-theme1-inverse-base: 241 236 248;
    --background-color-material-theme1-inverse-down: 212 208 218;
    --background-color-material-theme1-inverse-focus: 231 227 238;
    --background-color-material-theme1-inverse-hover: 231 227 238;
    --background-color-material-theme2-base: 39 14 72;
    --background-color-material-theme2-down: 65 43 94;
    --background-color-material-theme2-focus: 48 24 79;
    --background-color-material-theme2-hover: 48 24 79;
    --background-color-material-theme2-inverse-base: 241 236 248;
    --background-color-material-theme2-inverse-down: 212 208 218;
    --background-color-material-theme2-inverse-focus: 231 227 238;
    --background-color-material-theme2-inverse-hover: 231 227 238;
    --border-color-stroke-caution-base: 255 111 36;
    --border-color-stroke-caution-down: 255 182 143;
    --border-color-stroke-caution-focus: 255 141 82;
    --border-color-stroke-caution-hover: 255 141 82;
    --border-color-stroke-info-base: 51 118 255;
    --border-color-stroke-info-down: 139 175 249;
    --border-color-stroke-info-focus: 71 136 255;
    --border-color-stroke-info-hover: 71 136 255;
    --border-color-stroke-inverse-base: 20 20 23;
    --border-color-stroke-inverse-down: 72 72 81;
    --border-color-stroke-inverse-focus: 53 53 59;
    --border-color-stroke-inverse-hover: 53 53 59;
    --border-color-stroke-negative-base: 255 56 120;
    --border-color-stroke-negative-down: 255 153 186;
    --border-color-stroke-negative-focus: 255 97 148;
    --border-color-stroke-negative-hover: 255 97 148;
    --border-color-stroke-neutral-base: 246 246 249;
    --border-color-stroke-neutral-down: 255 255 255;
    --border-color-stroke-neutral-focus: 206 206 218;
    --border-color-stroke-neutral-hover: 206 206 218;
    --border-color-stroke-neutral2-base: 139 139 151;
    --border-color-stroke-neutral2-down: 206 206 218;
    --border-color-stroke-neutral2-focus: 177 177 189;
    --border-color-stroke-neutral2-hover: 177 177 189;
    --border-color-stroke-positive-base: 0 153 101;
    --border-color-stroke-positive-down: 120 227 191;
    --border-color-stroke-positive-focus: 10 194 132;
    --border-color-stroke-positive-hover: 10 194 132;
    --border-color-stroke-theme1-base: 189 167 227;
    --border-color-stroke-theme1-down: 241 236 248;
    --border-color-stroke-theme1-focus: 222 211 241;
    --border-color-stroke-theme1-hover: 222 211 241;
    --border-color-stroke-theme2-base: 189 167 227;
    --border-color-stroke-theme2-down: 241 236 248;
    --border-color-stroke-theme2-focus: 222 211 241;
    --border-color-stroke-theme2-hover: 222 211 241;
    --border-color-transparent: transparent;
    --text-color-caution-base: 255 141 82;
    --text-color-caution-down: 242 225 217;
    --text-color-caution-focus: 255 182 143;
    --text-color-caution-hover: 255 182 143;
    --text-color-info-base: 71 136 255;
    --text-color-info-down: 217 225 242;
    --text-color-info-focus: 139 175 249;
    --text-color-info-hover: 139 175 249;
    --text-color-inverse-base: 20 20 23;
    --text-color-inverse-down: 72 72 81;
    --text-color-inverse-focus: 53 53 59;
    --text-color-inverse-hover: 53 53 59;
    --text-color-negative-base: 255 97 148;
    --text-color-negative-down: 242 217 225;
    --text-color-negative-focus: 255 153 186;
    --text-color-negative-hover: 255 153 186;
    --text-color-neutral-base: 246 246 249;
    --text-color-neutral-down: 206 206 218;
    --text-color-neutral-focus: 255 255 255;
    --text-color-neutral-hover: 255 255 255;
    --text-color-neutral2-base: 139 139 151;
    --text-color-neutral2-down: 206 206 218;
    --text-color-neutral2-focus: 177 177 189;
    --text-color-neutral2-hover: 177 177 189;
    --text-color-positive-base: 10 194 132;
    --text-color-positive-down: 217 242 234;
    --text-color-positive-focus: 120 227 191;
    --text-color-positive-hover: 120 227 191;
    --text-color-theme1-base: 189 167 227;
    --text-color-theme1-down: 241 236 248;
    --text-color-theme1-focus: 222 211 241;
    --text-color-theme1-hover: 222 211 241;
    --text-color-theme2-base: 189 167 227;
    --text-color-theme2-down: 241 236 248;
    --text-color-theme2-focus: 222 211 241;
    --text-color-theme2-hover: 222 211 241;
    --outline-color-transparent: transparent;
    --outline-color-caution-base: #ff6f24;
    --outline-color-caution-down: #ffb68f;
    --outline-color-caution-focus: #ff8d52;
    --outline-color-caution-hover: #ff8d52;
    --outline-color-info-base: #3376ff;
    --outline-color-info-down: #8baff9;
    --outline-color-info-focus: #4788ff;
    --outline-color-info-hover: #4788ff;
    --outline-color-inverse-base: #141417;
    --outline-color-inverse-down: #484851;
    --outline-color-inverse-focus: #35353b;
    --outline-color-inverse-hover: #35353b;
    --outline-color-negative-base: #ff3878;
    --outline-color-negative-down: #ff99ba;
    --outline-color-negative-focus: #ff6194;
    --outline-color-negative-hover: #ff6194;
    --outline-color-neutral-base: #f6f6f9;
    --outline-color-neutral-down: #fff;
    --outline-color-neutral-focus: #ceceda;
    --outline-color-neutral-hover: #ceceda;
    --outline-color-neutral2-base: #8b8b97;
    --outline-color-neutral2-down: #ceceda;
    --outline-color-neutral2-focus: #b1b1bd;
    --outline-color-neutral2-hover: #b1b1bd;
    --outline-color-positive-base: #009965;
    --outline-color-positive-down: #78e3bf;
    --outline-color-positive-focus: #0ac284;
    --outline-color-positive-hover: #0ac284;
    --outline-color-theme1-base: #bda7e3;
    --outline-color-theme1-down: #f1ecf8;
    --outline-color-theme1-focus: #ded3f1;
    --outline-color-theme1-hover: #ded3f1;
    --outline-color-theme2-base: #bda7e3;
    --outline-color-theme2-down: #f1ecf8;
    --outline-color-theme2-focus: #ded3f1;
    --outline-color-theme2-hover: #ded3f1;
    --ring-color-stroke-caution-base: 255 111 36;
    --ring-color-stroke-caution-down: 255 182 143;
    --ring-color-stroke-caution-focus: 255 141 82;
    --ring-color-stroke-caution-hover: 255 141 82;
    --ring-color-stroke-info-base: 51 118 255;
    --ring-color-stroke-info-down: 139 175 249;
    --ring-color-stroke-info-focus: 71 136 255;
    --ring-color-stroke-info-hover: 71 136 255;
    --ring-color-stroke-inverse-base: 20 20 23;
    --ring-color-stroke-inverse-down: 72 72 81;
    --ring-color-stroke-inverse-focus: 53 53 59;
    --ring-color-stroke-inverse-hover: 53 53 59;
    --ring-color-stroke-negative-base: 255 56 120;
    --ring-color-stroke-negative-down: 255 153 186;
    --ring-color-stroke-negative-focus: 255 97 148;
    --ring-color-stroke-negative-hover: 255 97 148;
    --ring-color-stroke-neutral-base: 246 246 249;
    --ring-color-stroke-neutral-down: 255 255 255;
    --ring-color-stroke-neutral-focus: 206 206 218;
    --ring-color-stroke-neutral-hover: 206 206 218;
    --ring-color-stroke-neutral2-base: 139 139 151;
    --ring-color-stroke-neutral2-down: 206 206 218;
    --ring-color-stroke-neutral2-focus: 177 177 189;
    --ring-color-stroke-neutral2-hover: 177 177 189;
    --ring-color-stroke-positive-base: 0 153 101;
    --ring-color-stroke-positive-down: 120 227 191;
    --ring-color-stroke-positive-focus: 10 194 132;
    --ring-color-stroke-positive-hover: 10 194 132;
    --ring-color-stroke-theme1-base: 189 167 227;
    --ring-color-stroke-theme1-down: 241 236 248;
    --ring-color-stroke-theme1-focus: 222 211 241;
    --ring-color-stroke-theme1-hover: 222 211 241;
    --ring-color-stroke-theme2-base: 189 167 227;
    --ring-color-stroke-theme2-down: 241 236 248;
    --ring-color-stroke-theme2-focus: 222 211 241;
    --ring-color-stroke-theme2-hover: 222 211 241;
    --ring-offset-color-material-1: 255 255 255;
    --ring-offset-color-material-2: 246 246 249;
    --ring-offset-color-material-1-inverse: 20 20 23;
    --ring-offset-color-material-2-inverse: 35 35 40;
    --ring-offset-color-material-caution: 242 225 217;
    --ring-offset-color-material-caution-inverse: 57 32 20;
    --ring-offset-color-material-info: 217 225 242;
    --ring-offset-color-material-info-inverse: 19 30 52;
    --ring-offset-color-material-negative: 242 217 225;
    --ring-offset-color-material-negative-inverse: 49 17 27;
    --ring-offset-color-material-positive: 217 242 234;
    --ring-offset-color-material-positive-inverse: 14 42 33;
    --ring-offset-color-material-theme1: 241 236 248;
    --ring-offset-color-material-theme1-inverse: 39 14 72;
    --ring-offset-color-material-neutral-base: 20 20 23;
    --ring-offset-color-material-neutral-down: 48 48 51;
    --ring-offset-color-material-neutral-focus: 29 29 32;
    --ring-offset-color-material-neutral-hover: 29 29 32;
    --ring-offset-color-material-neutral2-base: 35 35 40;
    --ring-offset-color-material-neutral2-down: 61 61 66;
    --ring-offset-color-material-neutral2-focus: 44 44 49;
    --ring-offset-color-material-neutral2-hover: 44 44 49;
    --ring-offset-color-material-positive-base: 14 42 33;
    --ring-offset-color-material-positive-down: 43 68 60;
    --ring-offset-color-material-positive-focus: 24 51 42;
    --ring-offset-color-material-positive-hover: 24 51 42;
    --ring-offset-color-material-caution-base: 57 32 20;
    --ring-offset-color-material-caution-down: 81 59 48;
    --ring-offset-color-material-caution-focus: 65 41 29;
    --ring-offset-color-material-caution-hover: 65 41 29;
    --ring-offset-color-material-negative-base: 49 17 27;
    --ring-offset-color-material-negative-down: 74 46 54;
    --ring-offset-color-material-negative-focus: 57 27 36;
    --ring-offset-color-material-negative-hover: 57 27 36;
    --ring-offset-color-material-info-base: 19 30 52;
    --ring-offset-color-material-info-down: 47 57 76;
    --ring-offset-color-material-info-focus: 28 39 60;
    --ring-offset-color-material-info-hover: 28 39 60;
    --ring-offset-color-material-neutral-inverse-base: 255 255 255;
    --ring-offset-color-material-neutral-inverse-down: 224 224 224;
    --ring-offset-color-material-neutral-inverse-focus: 245 245 245;
    --ring-offset-color-material-neutral-inverse-hover: 245 245 245;
    --ring-offset-color-material-neutral2-inverse-base: 246 246 249;
    --ring-offset-color-material-neutral2-inverse-down: 216 216 219;
    --ring-offset-color-material-neutral2-inverse-focus: 236 236 239;
    --ring-offset-color-material-neutral2-inverse-hover: 236 236 239;
    --ring-offset-color-material-positive-inverse-base: 217 242 234;
    --ring-offset-color-material-positive-inverse-down: 191 213 206;
    --ring-offset-color-material-positive-inverse-focus: 208 232 225;
    --ring-offset-color-material-positive-inverse-hover: 208 232 225;
    --ring-offset-color-material-caution-inverse-base: 242 225 217;
    --ring-offset-color-material-caution-inverse-down: 213 198 191;
    --ring-offset-color-material-caution-inverse-focus: 232 216 208;
    --ring-offset-color-material-caution-inverse-hover: 232 216 208;
    --ring-offset-color-material-negative-inverse-base: 242 217 225;
    --ring-offset-color-material-negative-inverse-down: 213 191 198;
    --ring-offset-color-material-negative-inverse-focus: 232 208 216;
    --ring-offset-color-material-negative-inverse-hover: 232 208 216;
    --ring-offset-color-material-info-inverse-base: 217 225 242;
    --ring-offset-color-material-info-inverse-down: 191 198 213;
    --ring-offset-color-material-info-inverse-focus: 208 216 232;
    --ring-offset-color-material-info-inverse-hover: 208 216 232;
    --ring-offset-color-material-theme1-base: 39 14 72;
    --ring-offset-color-material-theme1-down: 65 43 94;
    --ring-offset-color-material-theme1-focus: 48 24 79;
    --ring-offset-color-material-theme1-hover: 48 24 79;
    --ring-offset-color-material-theme1-inverse-base: 241 236 248;
    --ring-offset-color-material-theme1-inverse-down: 212 208 218;
    --ring-offset-color-material-theme1-inverse-focus: 231 227 238;
    --ring-offset-color-material-theme1-inverse-hover: 231 227 238;
    --ring-offset-color-material-theme2-base: 39 14 72;
    --ring-offset-color-material-theme2-down: 65 43 94;
    --ring-offset-color-material-theme2-focus: 48 24 79;
    --ring-offset-color-material-theme2-hover: 48 24 79;
    --ring-offset-color-material-theme2-inverse-base: 241 236 248;
    --ring-offset-color-material-theme2-inverse-down: 212 208 218;
    --ring-offset-color-material-theme2-inverse-focus: 231 227 238;
    --ring-offset-color-material-theme2-inverse-hover: 231 227 238;
    --opacity-inactive: 0.3;
    --opacity-none: 0;
    --opacity-primary: 1;
    --opacity-secondary: 0.6;
    --opacity-tertiary: 0.15;
    --border-opacity-inactive: 0.3;
    --border-opacity-none: 0;
    --border-opacity-primary: 1;
    --border-opacity-secondary: 0.6;
    --border-opacity-tertiary: 0.15;
    --background-opacity-inactive: 0.3;
    --background-opacity-none: 0;
    --background-opacity-primary: 1;
    --background-opacity-secondary: 0.6;
    --background-opacity-tertiary: 0.15;
    --text-opacity-inactive: 0.3;
    --text-opacity-none: 0;
    --text-opacity-primary: 1;
    --text-opacity-secondary: 0.6;
    --text-opacity-tertiary: 0.15;
    --border-radius-none: 0px;
    --border-radius-xsmall: 2px;
    --border-radius-small: 4px;
    --border-radius-medium: 8px;
    --border-radius-large: 16px;
    --border-radius-xlarge: 32px;
    --text-display0-family: var(--text-family-brand);
    --text-display0-size: clamp(3.375rem, calc(1.14286rem + 11.16071vw), 6.5rem);
    --text-display0-line-height: clamp(3.5rem, calc(1.44643rem + 10.26786vw), 6.375rem);
    --text-display0-weight: 700;
    --text-display0-letter-spacing: -4px;
    --text-display0-text-transform: none;
    --text-display1-family: var(--text-family-brand);
    --text-display1-size: clamp(2.5rem, calc(1.42857rem + 5.35714vw), 4rem);
    --text-display1-line-height: clamp(2.75rem, calc(1.58929rem + 5.80357vw), 4.375rem);
    --text-display1-weight: 700;
    --text-display1-letter-spacing: -2px;
    --text-display1-text-transform: none;
    --text-display2-family: var(--text-family-brand);
    --text-display2-size: clamp(2.125rem, calc(1.58929rem + 2.67857vw), 2.875rem);
    --text-display2-line-height: clamp(2.375rem, calc(1.83929rem + 2.67857vw), 3.125rem);
    --text-display2-weight: 700;
    --text-display2-letter-spacing: -1.5px;
    --text-display2-text-transform: none;
    --text-headline1-family: var(--text-family-brand);
    --text-headline1-size: clamp(1.75rem, calc(1.30357rem + 2.23214vw), 2.375rem);
    --text-headline1-line-height: clamp(2.125rem, calc(1.76786rem + 1.78571vw), 2.625rem);
    --text-headline1-weight: 700;
    --text-headline1-letter-spacing: -1px;
    --text-headline1-text-transform: none;
    --text-headline2-family: var(--text-family-brand);
    --text-headline2-size: clamp(1.5rem, calc(1.23214rem + 1.33929vw), 1.875rem);
    --text-headline2-line-height: clamp(1.875rem, calc(1.69643rem + 0.89286vw), 2.125rem);
    --text-headline2-weight: 700;
    --text-headline2-letter-spacing: -0.75px;
    --text-headline2-text-transform: none;
    --text-headline3-family: var(--text-family-brand);
    --text-headline3-size: clamp(1.25rem, calc(1.07143rem + 0.89286vw), 1.5rem);
    --text-headline3-line-height: clamp(1.625rem, calc(1.53571rem + 0.44643vw), 1.75rem);
    --text-headline3-weight: 700;
    --text-headline3-letter-spacing: -0.5px;
    --text-headline3-text-transform: none;
    --text-body0-family: var(--text-family-default);
    --text-body0-size: clamp(1rem, calc(0.91071rem + 0.44643vw), 1.125rem);
    --text-body0-line-height: clamp(1.5rem, calc(1.41071rem + 0.44643vw), 1.625rem);
    --text-body0-weight: 400;
    --text-body0-letter-spacing: 0px;
    --text-body0-text-transform: none;
    --text-body1-family: var(--text-family-default);
    --text-body1-size: 1.00000rem;
    --text-body1-line-height: 1.50000;
    --text-body1-weight: 400;
    --text-body1-letter-spacing: 0px;
    --text-body1-text-transform: none;
    --text-body2-family: var(--text-family-default);
    --text-body2-size: 0.87500rem;
    --text-body2-line-height: 1.50000;
    --text-body2-weight: 400;
    --text-body2-letter-spacing: 0px;
    --text-body2-text-transform: none;
    --text-body3-family: var(--text-family-default);
    --text-body3-size: 0.87500rem;
    --text-body3-line-height: 1.50000;
    --text-body3-weight: 400;
    --text-body3-letter-spacing: 0px;
    --text-body3-text-transform: none;
    --text-body4-family: var(--text-family-default);
    --text-body4-size: 0.87500rem;
    --text-body4-line-height: 1.50000;
    --text-body4-weight: 400;
    --text-body4-letter-spacing: 0px;
    --text-body4-text-transform: none;
    --text-button1-family: var(--text-family-brand);
    --text-button1-size: 1.00000rem;
    --text-button1-line-height: 1.50000;
    --text-button1-weight: 700;
    --text-button1-letter-spacing: 0px;
    --text-button1-text-transform: none;
    --text-button2-family: var(--text-family-brand);
    --text-button2-size: 0.87500rem;
    --text-button2-line-height: 1.71429;
    --text-button2-weight: 700;
    --text-button2-letter-spacing: 0px;
    --text-button2-text-transform: none;
    --text-callout1-family: var(--text-family-brand);
    --text-callout1-size: 1.12500rem;
    --text-callout1-line-height: 1.33333;
    --text-callout1-weight: 700;
    --text-callout1-letter-spacing: -0.2px;
    --text-callout1-text-transform: none;
    --text-callout2-family: var(--text-family-brand);
    --text-callout2-size: 1.00000rem;
    --text-callout2-line-height: 1.25000;
    --text-callout2-weight: 400;
    --text-callout2-letter-spacing: -0.2px;
    --text-callout2-text-transform: none;
    --text-caption-family: var(--text-family-default);
    --text-caption-size: 0.75000rem;
    --text-caption-line-height: 1.33333;
    --text-caption-weight: 400;
    --text-caption-letter-spacing: 0px;
    --text-caption-text-transform: none;
    --text-tag-family: var(--text-family-default);
    --text-tag-size: 0.62500rem;
    --text-tag-line-height: 1.20000;
    --text-tag-weight: 500;
    --text-tag-letter-spacing: 0px;
    --text-tag-text-transform: none;
    --text-family-brand: XfinityBrown, DMSans, Helvetica, sans-serif;
    --text-family-default: DMSans, Helvetica, sans-serif
}

.now,
.now .light,
.now-dark .light {
    --palette-black: #000;
    --palette-blue-05: #d9e1f2;
    --palette-blue-10: #8baff9;
    --palette-blue-20: #4784ff;
    --palette-blue-30: #3376ff;
    --palette-blue-40: #2970ff;
    --palette-blue-50: #1f69ff;
    --palette-blue-60: #0051d0;
    --palette-blue-70: #0040a3;
    --palette-blue-80: #003485;
    --palette-blue-90: #131e34;
    --palette-green-05: #d9f2ea;
    --palette-green-10: #78e3bf;
    --palette-green-20: #0ac284;
    --palette-green-30: #009965;
    --palette-green-40: #008f5e;
    --palette-green-50: #008558;
    --palette-green-60: #006851;
    --palette-green-70: #005240;
    --palette-green-80: #003328;
    --palette-green-90: #0e2a21;
    --palette-grey-05: #f6f6f9;
    --palette-grey-10: #ececf2;
    --palette-grey-20: #ceceda;
    --palette-grey-30: #b1b1bd;
    --palette-grey-40: #8b8b97;
    --palette-grey-50: #62626c;
    --palette-grey-60: #484851;
    --palette-grey-70: #35353b;
    --palette-grey-80: #232328;
    --palette-grey-90: #141417;
    --palette-orange-05: #f2e1d9;
    --palette-orange-10: #ffb68f;
    --palette-orange-20: #ff8d52;
    --palette-orange-30: #ff6f24;
    --palette-orange-40: #f95600;
    --palette-orange-50: #e64f00;
    --palette-orange-60: #b33d00;
    --palette-orange-70: #a33800;
    --palette-orange-80: #8f3100;
    --palette-orange-90: #392014;
    --palette-purple-05: #f7f4fb;
    --palette-purple-10: #ded3f1;
    --palette-purple-20: #bda7e3;
    --palette-purple-30: #9c7bd5;
    --palette-purple-40: #916cd0;
    --palette-purple-50: #5a23b9;
    --palette-purple-60: #481c94;
    --palette-purple-70: #36156f;
    --palette-purple-80: #291155;
    --palette-purple-90: #270e48;
    --palette-red-05: #f2d9e1;
    --palette-red-10: #ff99ba;
    --palette-red-20: #ff6194;
    --palette-red-30: #ff3878;
    --palette-red-40: #f0004d;
    --palette-red-50: #e6004a;
    --palette-red-60: #b7023c;
    --palette-red-70: #8f002f;
    --palette-red-80: #660021;
    --palette-red-90: #31111b;
    --palette-theme1-05: #f7f4fb;
    --palette-theme1-10: #ded3f1;
    --palette-theme1-20: #bda7e3;
    --palette-theme1-30: #9c7bd5;
    --palette-theme1-40: #916cd0;
    --palette-theme1-50: #5a23b9;
    --palette-theme1-60: #481c94;
    --palette-theme1-70: #36156f;
    --palette-theme1-80: #291155;
    --palette-theme1-90: #270e48;
    --palette-theme2-05: #f4fdfd;
    --palette-theme2-10: #b8f8f6;
    --palette-theme2-20: #73f0ed;
    --palette-theme2-30: #5ecbc9;
    --palette-theme2-40: #00a2ab;
    --palette-theme2-50: #007d86;
    --palette-theme2-60: #00585e;
    --palette-theme2-70: #002c2b;
    --palette-theme2-80: #001112;
    --palette-theme2-90: #000505;
    --palette-white: #fff;
    --palette-yellow-05: #f2ead9;
    --palette-yellow-10: #ffd88a;
    --palette-yellow-20: #ffc95c;
    --palette-yellow-30: #ffb829;
    --palette-yellow-40: #fa0;
    --palette-yellow-50: #b87700;
    --palette-yellow-60: #8f5d00;
    --palette-yellow-70: #7a5000;
    --palette-yellow-80: #664200;
    --palette-yellow-90: #352913;
    --shadow-palette-black: rgba(0, 0, 0, .51);
    --shadow-palette-blue-05: hsla(220, 6%, 49%, .51);
    --shadow-palette-blue-10: rgba(71, 92, 136, .51);
    --shadow-palette-blue-20: rgba(34, 67, 140, .51);
    --shadow-palette-blue-30: rgba(23, 60, 140, .51);
    --shadow-palette-blue-40: rgba(18, 56, 140, .51);
    --shadow-palette-blue-50: rgba(13, 52, 140, .51);
    --shadow-palette-blue-60: rgba(0, 39, 112, .51);
    --shadow-palette-blue-70: rgba(0, 30, 85, .51);
    --shadow-palette-blue-80: rgba(0, 24, 68, .51);
    --shadow-palette-blue-90: rgba(8, 13, 24, .51);
    --shadow-palette-green-05: hsla(160, 6%, 49%, .51);
    --shadow-palette-green-10: rgba(61, 123, 102, .51);
    --shadow-palette-green-20: rgba(4, 103, 67, .51);
    --shadow-palette-green-30: rgba(0, 79, 50, .51);
    --shadow-palette-green-40: rgba(0, 74, 46, .51);
    --shadow-palette-green-50: rgba(0, 68, 43, .51);
    --shadow-palette-green-60: rgba(0, 52, 39, .51);
    --shadow-palette-green-70: rgba(0, 40, 30, .51);
    --shadow-palette-green-80: rgba(0, 23, 18, .51);
    --shadow-palette-green-90: rgba(6, 19, 14, .51);
    --shadow-palette-grey-05: hsla(240, 0%, 53%, .51);
    --shadow-palette-grey-10: hsla(240, 1%, 51%, .51);
    --shadow-palette-grey-20: hsla(240, 3%, 45%, .51);
    --shadow-palette-grey-30: rgba(93, 93, 100, .51);
    --shadow-palette-grey-40: rgba(71, 71, 78, .51);
    --shadow-palette-grey-50: rgba(48, 48, 54, .51);
    --shadow-palette-grey-60: rgba(34, 34, 39, .51);
    --shadow-palette-grey-70: rgba(24, 24, 28, .51);
    --shadow-palette-grey-80: rgba(15, 15, 18, .51);
    --shadow-palette-grey-90: rgba(8, 8, 10, .51);
    --shadow-palette-orange-05: hsla(20, 6%, 49%, .51);
    --shadow-palette-orange-10: rgba(140, 96, 74, .51);
    --shadow-palette-orange-20: rgba(140, 73, 40, .51);
    --shadow-palette-orange-30: rgba(140, 56, 16, .51);
    --shadow-palette-orange-40: rgba(136, 42, 0, .51);
    --shadow-palette-orange-50: rgba(125, 38, 0, .51);
    --shadow-palette-orange-60: rgba(95, 29, 0, .51);
    --shadow-palette-orange-70: rgba(85, 26, 0, .51);
    --shadow-palette-orange-80: rgba(74, 22, 0, .51);
    --shadow-palette-orange-90: rgba(27, 14, 8, .51);
    --shadow-palette-purple-05: hsla(266, 3%, 52%, .51);
    --shadow-palette-purple-10: hsla(260, 7%, 48%, .51);
    --shadow-palette-purple-20: rgba(100, 88, 123, .51);
    --shadow-palette-purple-30: rgba(81, 62, 115, .51);
    --shadow-palette-purple-40: rgba(75, 54, 112, .51);
    --shadow-palette-purple-50: rgba(44, 15, 98, .51);
    --shadow-palette-purple-60: rgba(34, 12, 77, .51);
    --shadow-palette-purple-70: rgba(25, 9, 56, .51);
    --shadow-palette-purple-80: rgba(18, 7, 41, .51);
    --shadow-palette-purple-90: rgba(17, 6, 34, .51);
    --shadow-palette-red-05: hsla(340, 6%, 49%, .51);
    --shadow-palette-red-10: rgba(140, 79, 99, .51);
    --shadow-palette-red-20: rgba(140, 48, 77, .51);
    --shadow-palette-red-30: rgba(140, 26, 61, .51);
    --shadow-palette-red-40: rgba(131, 0, 37, .51);
    --shadow-palette-red-50: rgba(125, 0, 35, .51);
    --shadow-palette-red-60: rgba(97, 1, 28, .51);
    --shadow-palette-red-70: rgba(74, 0, 21, .51);
    --shadow-palette-red-80: rgba(51, 0, 14, .51);
    --shadow-palette-red-90: rgba(22, 7, 12, .51);
    --shadow-palette-theme1-05: hsla(266, 3%, 52%, .51);
    --shadow-palette-theme1-10: hsla(260, 7%, 48%, .51);
    --shadow-palette-theme1-20: rgba(100, 88, 123, .51);
    --shadow-palette-theme1-30: rgba(81, 62, 115, .51);
    --shadow-palette-theme1-40: rgba(75, 54, 112, .51);
    --shadow-palette-theme1-50: rgba(44, 15, 98, .51);
    --shadow-palette-theme1-60: rgba(34, 12, 77, .51);
    --shadow-palette-theme1-70: rgba(25, 9, 56, .51);
    --shadow-palette-theme1-80: rgba(18, 7, 41, .51);
    --shadow-palette-theme1-90: rgba(17, 6, 34, .51);
    --shadow-palette-theme2-05: hsla(266, 3%, 52%, .51);
    --shadow-palette-theme2-10: hsla(260, 7%, 48%, .51);
    --shadow-palette-theme2-20: rgba(100, 88, 123, .51);
    --shadow-palette-theme2-30: rgba(81, 62, 115, .51);
    --shadow-palette-theme2-40: rgba(75, 54, 112, .51);
    --shadow-palette-theme2-50: rgba(44, 15, 98, .51);
    --shadow-palette-theme2-60: rgba(34, 12, 77, .51);
    --shadow-palette-theme2-70: rgba(25, 9, 56, .51);
    --shadow-palette-theme2-80: rgba(18, 7, 41, .51);
    --shadow-palette-theme2-90: rgba(17, 6, 34, .51);
    --shadow-palette-white: hsla(0, 0%, 55%, .51);
    --shadow-palette-yellow-05: hsla(40, 6%, 49%, .51);
    --shadow-palette-yellow-10: rgba(140, 117, 71, .51);
    --shadow-palette-yellow-20: rgba(140, 108, 45, .51);
    --shadow-palette-yellow-30: rgba(140, 97, 18, .51);
    --shadow-palette-yellow-40: rgba(140, 89, 0, .51);
    --shadow-palette-yellow-50: rgba(97, 60, 0, .51);
    --shadow-palette-yellow-60: rgba(74, 46, 0, .51);
    --shadow-palette-yellow-70: rgba(62, 39, 0, .51);
    --shadow-palette-yellow-80: rgba(51, 31, 0, .51);
    --shadow-palette-yellow-90: rgba(24, 18, 8, .51);
    --background-color-fill-caution-base: 179 61 0;
    --background-color-fill-caution-down: 143 49 0;
    --background-color-fill-caution-focus: 163 56 0;
    --background-color-fill-caution-hover: 163 56 0;
    --background-color-fill-info-base: 0 81 208;
    --background-color-fill-info-down: 0 52 133;
    --background-color-fill-info-focus: 0 64 163;
    --background-color-fill-info-hover: 0 64 163;
    --background-color-fill-inverse-base: 246 246 249;
    --background-color-fill-inverse-down: 206 206 218;
    --background-color-fill-inverse-focus: 255 255 255;
    --background-color-fill-inverse-hover: 255 255 255;
    --background-color-fill-negative-base: 183 2 60;
    --background-color-fill-negative-down: 102 0 33;
    --background-color-fill-negative-focus: 143 0 47;
    --background-color-fill-negative-hover: 143 0 47;
    --background-color-fill-neutral-base: 20 20 23;
    --background-color-fill-neutral-down: 72 72 81;
    --background-color-fill-neutral-focus: 53 53 59;
    --background-color-fill-neutral-hover: 53 53 59;
    --background-color-fill-neutral2-base: 98 98 108;
    --background-color-fill-neutral2-down: 35 35 40;
    --background-color-fill-neutral2-focus: 53 53 59;
    --background-color-fill-neutral2-hover: 53 53 59;
    --background-color-fill-positive-base: 0 104 81;
    --background-color-fill-positive-down: 0 51 40;
    --background-color-fill-positive-focus: 0 82 64;
    --background-color-fill-positive-hover: 0 82 64;
    --background-color-fill-theme1-base: 90 35 185;
    --background-color-fill-theme1-down: 41 17 85;
    --background-color-fill-theme1-focus: 54 21 111;
    --background-color-fill-theme1-hover: 54 21 111;
    --background-color-fill-theme2-base: 0 125 134;
    --background-color-fill-theme2-down: 0 17 18;
    --background-color-fill-theme2-focus: 0 44 43;
    --background-color-fill-theme2-hover: 0 44 43;
    --background-color-material-1: 255 255 255;
    --background-color-material-2: 246 246 249;
    --background-color-material-1-inverse: 20 20 23;
    --background-color-material-2-inverse: 35 35 40;
    --background-color-material-caution: 242 225 217;
    --background-color-material-caution-inverse: 57 32 20;
    --background-color-material-info: 217 225 242;
    --background-color-material-info-inverse: 19 30 52;
    --background-color-material-negative: 242 217 225;
    --background-color-material-negative-inverse: 49 17 27;
    --background-color-material-positive: 217 242 234;
    --background-color-material-positive-inverse: 14 42 33;
    --background-color-material-theme1: 241 236 248;
    --background-color-material-theme1-inverse: 39 14 72;
    --background-color-transparent: transparent;
    --background-color-material-neutral-base: 255 255 255;
    --background-color-material-neutral-down: 224 224 224;
    --background-color-material-neutral-focus: 245 245 245;
    --background-color-material-neutral-hover: 245 245 245;
    --background-color-material-neutral2-base: 246 246 249;
    --background-color-material-neutral2-down: 216 216 219;
    --background-color-material-neutral2-focus: 236 236 239;
    --background-color-material-neutral2-hover: 236 236 239;
    --background-color-material-positive-base: 217 242 234;
    --background-color-material-positive-down: 191 213 206;
    --background-color-material-positive-focus: 208 232 225;
    --background-color-material-positive-hover: 208 232 225;
    --background-color-material-caution-base: 242 225 217;
    --background-color-material-caution-down: 213 198 191;
    --background-color-material-caution-focus: 232 216 208;
    --background-color-material-caution-hover: 232 216 208;
    --background-color-material-negative-base: 242 217 225;
    --background-color-material-negative-down: 213 191 198;
    --background-color-material-negative-focus: 232 208 216;
    --background-color-material-negative-hover: 232 208 216;
    --background-color-material-info-base: 217 225 242;
    --background-color-material-info-down: 191 198 213;
    --background-color-material-info-focus: 208 216 232;
    --background-color-material-info-hover: 208 216 232;
    --background-color-material-neutral-inverse-base: 20 20 23;
    --background-color-material-neutral-inverse-down: 48 48 51;
    --background-color-material-neutral-inverse-focus: 29 29 32;
    --background-color-material-neutral-inverse-hover: 29 29 32;
    --background-color-material-neutral2-inverse-base: 35 35 40;
    --background-color-material-neutral2-inverse-down: 61 61 66;
    --background-color-material-neutral2-inverse-focus: 44 44 49;
    --background-color-material-neutral2-inverse-hover: 44 44 49;
    --background-color-material-positive-inverse-base: 14 42 33;
    --background-color-material-positive-inverse-down: 43 68 60;
    --background-color-material-positive-inverse-focus: 24 51 42;
    --background-color-material-positive-inverse-hover: 24 51 42;
    --background-color-material-caution-inverse-base: 57 32 20;
    --background-color-material-caution-inverse-down: 81 59 48;
    --background-color-material-caution-inverse-focus: 65 41 29;
    --background-color-material-caution-inverse-hover: 65 41 29;
    --background-color-material-negative-inverse-base: 49 17 27;
    --background-color-material-negative-inverse-down: 74 46 54;
    --background-color-material-negative-inverse-focus: 57 27 36;
    --background-color-material-negative-inverse-hover: 57 27 36;
    --background-color-material-info-inverse-base: 19 30 52;
    --background-color-material-info-inverse-down: 47 57 76;
    --background-color-material-info-inverse-focus: 28 39 60;
    --background-color-material-info-inverse-hover: 28 39 60;
    --background-color-material-theme1-base: 247 244 251;
    --background-color-material-theme1-down: 217 215 221;
    --background-color-material-theme1-focus: 237 234 241;
    --background-color-material-theme1-hover: 237 234 241;
    --background-color-material-theme1-inverse-base: 39 14 72;
    --background-color-material-theme1-inverse-down: 65 43 94;
    --background-color-material-theme1-inverse-focus: 48 24 79;
    --background-color-material-theme1-inverse-hover: 48 24 79;
    --background-color-material-theme2-base: 244 253 253;
    --background-color-material-theme2-down: 215 223 223;
    --background-color-material-theme2-focus: 234 243 243;
    --background-color-material-theme2-hover: 234 243 243;
    --background-color-material-theme2-inverse-base: 0 5 5;
    --background-color-material-theme2-inverse-down: 31 35 35;
    --background-color-material-theme2-inverse-focus: 10 15 15;
    --background-color-material-theme2-inverse-hover: 10 15 15;
    --background-image-gradient-expressive: linear-gradient(90deg, #007d86, #007094, #005693, #33319e, #5a23b9);
    --border-color-stroke-caution-base: 179 61 0;
    --border-color-stroke-caution-down: 143 49 0;
    --border-color-stroke-caution-focus: 163 56 0;
    --border-color-stroke-caution-hover: 163 56 0;
    --border-color-stroke-info-base: 0 81 208;
    --border-color-stroke-info-down: 0 52 133;
    --border-color-stroke-info-focus: 0 64 163;
    --border-color-stroke-info-hover: 0 64 163;
    --border-color-stroke-inverse-base: 246 246 249;
    --border-color-stroke-inverse-down: 206 206 218;
    --border-color-stroke-inverse-focus: 255 255 255;
    --border-color-stroke-inverse-hover: 255 255 255;
    --border-color-stroke-negative-base: 183 2 60;
    --border-color-stroke-negative-down: 102 0 33;
    --border-color-stroke-negative-focus: 143 0 47;
    --border-color-stroke-negative-hover: 143 0 47;
    --border-color-stroke-neutral-base: 20 20 23;
    --border-color-stroke-neutral-down: 72 72 81;
    --border-color-stroke-neutral-focus: 53 53 59;
    --border-color-stroke-neutral-hover: 53 53 59;
    --border-color-stroke-neutral2-base: 98 98 108;
    --border-color-stroke-neutral2-down: 35 35 40;
    --border-color-stroke-neutral2-focus: 53 53 59;
    --border-color-stroke-neutral2-hover: 53 53 59;
    --border-color-stroke-positive-base: 0 104 81;
    --border-color-stroke-positive-down: 0 51 40;
    --border-color-stroke-positive-focus: 0 82 64;
    --border-color-stroke-positive-hover: 0 82 64;
    --border-color-stroke-theme1-base: 90 35 185;
    --border-color-stroke-theme1-down: 41 17 85;
    --border-color-stroke-theme1-focus: 54 21 111;
    --border-color-stroke-theme1-hover: 54 21 111;
    --border-color-stroke-theme2-base: 0 125 134;
    --border-color-stroke-theme2-down: 0 17 18;
    --border-color-stroke-theme2-focus: 0 44 43;
    --border-color-stroke-theme2-hover: 0 44 43;
    --border-color-transparent: transparent;
    --text-color-caution-base: 179 61 0;
    --text-color-caution-down: 143 49 0;
    --text-color-caution-focus: 163 56 0;
    --text-color-caution-hover: 163 56 0;
    --text-color-info-base: 0 81 208;
    --text-color-info-down: 0 52 133;
    --text-color-info-focus: 0 64 163;
    --text-color-info-hover: 0 64 163;
    --text-color-inverse-base: 246 246 249;
    --text-color-inverse-down: 206 206 218;
    --text-color-inverse-focus: 255 255 255;
    --text-color-inverse-hover: 255 255 255;
    --text-color-negative-base: 183 2 60;
    --text-color-negative-down: 102 0 33;
    --text-color-negative-focus: 143 0 47;
    --text-color-negative-hover: 143 0 47;
    --text-color-neutral-base: 20 20 23;
    --text-color-neutral-down: 72 72 81;
    --text-color-neutral-focus: 53 53 59;
    --text-color-neutral-hover: 53 53 59;
    --text-color-neutral2-base: 98 98 108;
    --text-color-neutral2-down: 35 35 40;
    --text-color-neutral2-focus: 53 53 59;
    --text-color-neutral2-hover: 53 53 59;
    --text-color-positive-base: 0 104 81;
    --text-color-positive-down: 0 51 40;
    --text-color-positive-focus: 0 82 64;
    --text-color-positive-hover: 0 82 64;
    --text-color-theme1-base: 90 35 185;
    --text-color-theme1-down: 41 17 85;
    --text-color-theme1-focus: 54 21 111;
    --text-color-theme1-hover: 54 21 111;
    --text-color-theme2-base: 0 125 134;
    --text-color-theme2-down: 0 17 18;
    --text-color-theme2-focus: 0 44 43;
    --text-color-theme2-hover: 0 44 43;
    --outline-color-transparent: transparent;
    --outline-color-caution-base: #b33d00;
    --outline-color-caution-down: #8f3100;
    --outline-color-caution-focus: #a33800;
    --outline-color-caution-hover: #a33800;
    --outline-color-info-base: #0051d0;
    --outline-color-info-down: #003485;
    --outline-color-info-focus: #0040a3;
    --outline-color-info-hover: #0040a3;
    --outline-color-inverse-base: #f6f6f9;
    --outline-color-inverse-down: #ceceda;
    --outline-color-inverse-focus: #fff;
    --outline-color-inverse-hover: #fff;
    --outline-color-negative-base: #b7023c;
    --outline-color-negative-down: #660021;
    --outline-color-negative-focus: #8f002f;
    --outline-color-negative-hover: #8f002f;
    --outline-color-neutral-base: #141417;
    --outline-color-neutral-down: #484851;
    --outline-color-neutral-focus: #35353b;
    --outline-color-neutral-hover: #35353b;
    --outline-color-neutral2-base: #62626c;
    --outline-color-neutral2-down: #232328;
    --outline-color-neutral2-focus: #35353b;
    --outline-color-neutral2-hover: #35353b;
    --outline-color-positive-base: #006851;
    --outline-color-positive-down: #003328;
    --outline-color-positive-focus: #005240;
    --outline-color-positive-hover: #005240;
    --outline-color-theme1-base: #5a23b9;
    --outline-color-theme1-down: #291155;
    --outline-color-theme1-focus: #36156f;
    --outline-color-theme1-hover: #36156f;
    --outline-color-theme2-base: #007d86;
    --outline-color-theme2-down: #001112;
    --outline-color-theme2-focus: #002c2b;
    --outline-color-theme2-hover: #002c2b;
    --ring-color-stroke-caution-base: 179 61 0;
    --ring-color-stroke-caution-down: 143 49 0;
    --ring-color-stroke-caution-focus: 163 56 0;
    --ring-color-stroke-caution-hover: 163 56 0;
    --ring-color-stroke-info-base: 0 81 208;
    --ring-color-stroke-info-down: 0 52 133;
    --ring-color-stroke-info-focus: 0 64 163;
    --ring-color-stroke-info-hover: 0 64 163;
    --ring-color-stroke-inverse-base: 246 246 249;
    --ring-color-stroke-inverse-down: 206 206 218;
    --ring-color-stroke-inverse-focus: 255 255 255;
    --ring-color-stroke-inverse-hover: 255 255 255;
    --ring-color-stroke-negative-base: 183 2 60;
    --ring-color-stroke-negative-down: 102 0 33;
    --ring-color-stroke-negative-focus: 143 0 47;
    --ring-color-stroke-negative-hover: 143 0 47;
    --ring-color-stroke-neutral-base: 20 20 23;
    --ring-color-stroke-neutral-down: 72 72 81;
    --ring-color-stroke-neutral-focus: 53 53 59;
    --ring-color-stroke-neutral-hover: 53 53 59;
    --ring-color-stroke-neutral2-base: 98 98 108;
    --ring-color-stroke-neutral2-down: 35 35 40;
    --ring-color-stroke-neutral2-focus: 53 53 59;
    --ring-color-stroke-neutral2-hover: 53 53 59;
    --ring-color-stroke-positive-base: 0 104 81;
    --ring-color-stroke-positive-down: 0 51 40;
    --ring-color-stroke-positive-focus: 0 82 64;
    --ring-color-stroke-positive-hover: 0 82 64;
    --ring-color-stroke-theme1-base: 90 35 185;
    --ring-color-stroke-theme1-down: 41 17 85;
    --ring-color-stroke-theme1-focus: 54 21 111;
    --ring-color-stroke-theme1-hover: 54 21 111;
    --ring-color-stroke-theme2-base: 0 125 134;
    --ring-color-stroke-theme2-down: 0 17 18;
    --ring-color-stroke-theme2-focus: 0 44 43;
    --ring-color-stroke-theme2-hover: 0 44 43;
    --ring-offset-color-material-1: 255 255 255;
    --ring-offset-color-material-2: 246 246 249;
    --ring-offset-color-material-1-inverse: 20 20 23;
    --ring-offset-color-material-2-inverse: 35 35 40;
    --ring-offset-color-material-caution: 242 225 217;
    --ring-offset-color-material-caution-inverse: 57 32 20;
    --ring-offset-color-material-info: 217 225 242;
    --ring-offset-color-material-info-inverse: 19 30 52;
    --ring-offset-color-material-negative: 242 217 225;
    --ring-offset-color-material-negative-inverse: 49 17 27;
    --ring-offset-color-material-positive: 217 242 234;
    --ring-offset-color-material-positive-inverse: 14 42 33;
    --ring-offset-color-material-theme1: 241 236 248;
    --ring-offset-color-material-theme1-inverse: 39 14 72;
    --ring-offset-color-material-neutral-base: 255 255 255;
    --ring-offset-color-material-neutral-down: 224 224 224;
    --ring-offset-color-material-neutral-focus: 245 245 245;
    --ring-offset-color-material-neutral-hover: 245 245 245;
    --ring-offset-color-material-neutral2-base: 246 246 249;
    --ring-offset-color-material-neutral2-down: 216 216 219;
    --ring-offset-color-material-neutral2-focus: 236 236 239;
    --ring-offset-color-material-neutral2-hover: 236 236 239;
    --ring-offset-color-material-positive-base: 217 242 234;
    --ring-offset-color-material-positive-down: 191 213 206;
    --ring-offset-color-material-positive-focus: 208 232 225;
    --ring-offset-color-material-positive-hover: 208 232 225;
    --ring-offset-color-material-caution-base: 242 225 217;
    --ring-offset-color-material-caution-down: 213 198 191;
    --ring-offset-color-material-caution-focus: 232 216 208;
    --ring-offset-color-material-caution-hover: 232 216 208;
    --ring-offset-color-material-negative-base: 242 217 225;
    --ring-offset-color-material-negative-down: 213 191 198;
    --ring-offset-color-material-negative-focus: 232 208 216;
    --ring-offset-color-material-negative-hover: 232 208 216;
    --ring-offset-color-material-info-base: 217 225 242;
    --ring-offset-color-material-info-down: 191 198 213;
    --ring-offset-color-material-info-focus: 208 216 232;
    --ring-offset-color-material-info-hover: 208 216 232;
    --ring-offset-color-material-neutral-inverse-base: 20 20 23;
    --ring-offset-color-material-neutral-inverse-down: 48 48 51;
    --ring-offset-color-material-neutral-inverse-focus: 29 29 32;
    --ring-offset-color-material-neutral-inverse-hover: 29 29 32;
    --ring-offset-color-material-neutral2-inverse-base: 35 35 40;
    --ring-offset-color-material-neutral2-inverse-down: 61 61 66;
    --ring-offset-color-material-neutral2-inverse-focus: 44 44 49;
    --ring-offset-color-material-neutral2-inverse-hover: 44 44 49;
    --ring-offset-color-material-positive-inverse-base: 14 42 33;
    --ring-offset-color-material-positive-inverse-down: 43 68 60;
    --ring-offset-color-material-positive-inverse-focus: 24 51 42;
    --ring-offset-color-material-positive-inverse-hover: 24 51 42;
    --ring-offset-color-material-caution-inverse-base: 57 32 20;
    --ring-offset-color-material-caution-inverse-down: 81 59 48;
    --ring-offset-color-material-caution-inverse-focus: 65 41 29;
    --ring-offset-color-material-caution-inverse-hover: 65 41 29;
    --ring-offset-color-material-negative-inverse-base: 49 17 27;
    --ring-offset-color-material-negative-inverse-down: 74 46 54;
    --ring-offset-color-material-negative-inverse-focus: 57 27 36;
    --ring-offset-color-material-negative-inverse-hover: 57 27 36;
    --ring-offset-color-material-info-inverse-base: 19 30 52;
    --ring-offset-color-material-info-inverse-down: 47 57 76;
    --ring-offset-color-material-info-inverse-focus: 28 39 60;
    --ring-offset-color-material-info-inverse-hover: 28 39 60;
    --ring-offset-color-material-theme1-base: 247 244 251;
    --ring-offset-color-material-theme1-down: 217 215 221;
    --ring-offset-color-material-theme1-focus: 237 234 241;
    --ring-offset-color-material-theme1-hover: 237 234 241;
    --ring-offset-color-material-theme1-inverse-base: 39 14 72;
    --ring-offset-color-material-theme1-inverse-down: 65 43 94;
    --ring-offset-color-material-theme1-inverse-focus: 48 24 79;
    --ring-offset-color-material-theme1-inverse-hover: 48 24 79;
    --ring-offset-color-material-theme2-base: 244 253 253;
    --ring-offset-color-material-theme2-down: 215 223 223;
    --ring-offset-color-material-theme2-focus: 234 243 243;
    --ring-offset-color-material-theme2-hover: 234 243 243;
    --ring-offset-color-material-theme2-inverse-base: 0 5 5;
    --ring-offset-color-material-theme2-inverse-down: 31 35 35;
    --ring-offset-color-material-theme2-inverse-focus: 10 15 15;
    --ring-offset-color-material-theme2-inverse-hover: 10 15 15;
    --opacity-inactive: 0.3;
    --opacity-none: 0;
    --opacity-primary: 1;
    --opacity-secondary: 0.6;
    --opacity-tertiary: 0.15;
    --border-opacity-inactive: 0.3;
    --border-opacity-none: 0;
    --border-opacity-primary: 1;
    --border-opacity-secondary: 0.6;
    --border-opacity-tertiary: 0.15;
    --background-opacity-inactive: 0.3;
    --background-opacity-none: 0;
    --background-opacity-primary: 1;
    --background-opacity-secondary: 0.6;
    --background-opacity-tertiary: 0.15;
    --text-opacity-inactive: 0.3;
    --text-opacity-none: 0;
    --text-opacity-primary: 1;
    --text-opacity-secondary: 0.6;
    --text-opacity-tertiary: 0.15;
    --border-radius-none: 0px;
    --border-radius-xsmall: 2px;
    --border-radius-small: 4px;
    --border-radius-medium: 8px;
    --border-radius-large: 16px;
    --border-radius-xlarge: 32px;
    --text-jumbo-family: var(--text-family-brand);
    --text-jumbo-size: clamp(2.625rem, calc(1.10714rem + 7.58929vw), 4.75rem);
    --text-jumbo-line-height: clamp(2.625rem, calc(1.10714rem + 7.58929vw), 4.75rem);
    --text-jumbo-weight: 300;
    --text-jumbo-letter-spacing: -3px;
    --text-jumbo-text-transform: none;
    --text-display0-family: var(--text-family-brand);
    --text-display0-size: 2.25000rem;
    --text-display0-line-height: 2.81250rem;
    --text-display0-weight: 700;
    --text-display0-letter-spacing: -0.4px;
    --text-display0-text-transform: none;
    --text-display1-family: var(--text-family-brand);
    --text-display1-size: clamp(2rem, calc(1.82143rem + 0.89286vw), 2.25rem);
    --text-display1-line-height: clamp(2.5rem, calc(2.27679rem + 1.11607vw), 2.8125rem);
    --text-display1-weight: 700;
    --text-display1-letter-spacing: -0.4px;
    --text-display1-text-transform: none;
    --text-display2-family: var(--text-family-brand);
    --text-display2-size: clamp(1.75rem, calc(1.57143rem + 0.89286vw), 2rem);
    --text-display2-line-height: clamp(2.1875rem, calc(1.96429rem + 1.11607vw), 2.5rem);
    --text-display2-weight: 700;
    --text-display2-letter-spacing: -0.4px;
    --text-display2-text-transform: none;
    --text-headline1-family: var(--text-family-brand);
    --text-headline1-size: 1.50000rem;
    --text-headline1-line-height: 2.00000rem;
    --text-headline1-weight: 700;
    --text-headline1-letter-spacing: -0.2px;
    --text-headline1-text-transform: none;
    --text-headline2-family: var(--text-family-brand);
    --text-headline2-size: 1.25000rem;
    --text-headline2-line-height: 1.50000rem;
    --text-headline2-weight: 700;
    --text-headline2-letter-spacing: -0.2px;
    --text-headline2-text-transform: none;
    --text-headline3-family: var(--text-family-brand);
    --text-headline3-size: 1.00000rem;
    --text-headline3-line-height: 1.50000rem;
    --text-headline3-weight: 700;
    --text-headline3-letter-spacing: 0px;
    --text-headline3-text-transform: none;
    --text-body0-family: var(--text-family-default);
    --text-body0-size: 1.00000rem;
    --text-body0-line-height: 1.50000rem;
    --text-body0-weight: 400;
    --text-body0-letter-spacing: 0px;
    --text-body0-text-transform: none;
    --text-body1-family: var(--text-family-default);
    --text-body1-size: 1.00000rem;
    --text-body1-line-height: 1.50000;
    --text-body1-weight: 400;
    --text-body1-letter-spacing: 0px;
    --text-body1-text-transform: none;
    --text-body2-family: var(--text-family-default);
    --text-body2-size: 0.87500rem;
    --text-body2-line-height: 1.50000;
    --text-body2-weight: 400;
    --text-body2-letter-spacing: 0px;
    --text-body2-text-transform: none;
    --text-body3-family: var(--text-family-default);
    --text-body3-size: 0.87500rem;
    --text-body3-line-height: 1.50000;
    --text-body3-weight: 400;
    --text-body3-letter-spacing: 0px;
    --text-body3-text-transform: none;
    --text-body4-family: var(--text-family-default);
    --text-body4-size: 0.87500rem;
    --text-body4-line-height: 1.50000;
    --text-body4-weight: 400;
    --text-body4-letter-spacing: 0px;
    --text-body4-text-transform: none;
    --text-button1-family: var(--text-family-brand);
    --text-button1-size: 1.00000rem;
    --text-button1-line-height: 1.50000;
    --text-button1-weight: 700;
    --text-button1-letter-spacing: 0px;
    --text-button1-text-transform: none;
    --text-button2-family: var(--text-family-brand);
    --text-button2-size: 0.87500rem;
    --text-button2-line-height: 1.71429;
    --text-button2-weight: 700;
    --text-button2-letter-spacing: 0px;
    --text-button2-text-transform: none;
    --text-callout1-family: var(--text-family-default);
    --text-callout1-size: 0.87500rem;
    --text-callout1-line-height: 1.50000;
    --text-callout1-weight: 400;
    --text-callout1-letter-spacing: 1px;
    --text-callout1-text-transform: uppercase;
    --text-callout2-family: var(--text-family-default);
    --text-callout2-size: 0.75000rem;
    --text-callout2-line-height: 1.33333;
    --text-callout2-weight: 400;
    --text-callout2-letter-spacing: 1px;
    --text-callout2-text-transform: uppercase;
    --text-caption-family: var(--text-family-default);
    --text-caption-size: 0.75000rem;
    --text-caption-line-height: 1.33333;
    --text-caption-weight: 400;
    --text-caption-letter-spacing: 0px;
    --text-caption-text-transform: none;
    --text-tag-family: var(--text-family-default);
    --text-tag-size: 0.62500rem;
    --text-tag-line-height: 1.20000;
    --text-tag-weight: 500;
    --text-tag-letter-spacing: 0px;
    --text-tag-text-transform: none;
    --text-family-brand: XfinityBrown, DMSans, Helvetica, sans-serif;
    --text-family-default: DMSans, Helvetica, sans-serif
}

.now .dark,
.now-dark,
.now-dark .dark {
    --palette-black: #000;
    --palette-blue-05: #d9e1f2;
    --palette-blue-10: #8baff9;
    --palette-blue-20: #4784ff;
    --palette-blue-30: #3376ff;
    --palette-blue-40: #2970ff;
    --palette-blue-50: #1f69ff;
    --palette-blue-60: #0051d0;
    --palette-blue-70: #0040a3;
    --palette-blue-80: #003485;
    --palette-blue-90: #131e34;
    --palette-green-05: #d9f2ea;
    --palette-green-10: #78e3bf;
    --palette-green-20: #0ac284;
    --palette-green-30: #009965;
    --palette-green-40: #008f5e;
    --palette-green-50: #008558;
    --palette-green-60: #006851;
    --palette-green-70: #005240;
    --palette-green-80: #003328;
    --palette-green-90: #0e2a21;
    --palette-grey-05: #f6f6f9;
    --palette-grey-10: #ececf2;
    --palette-grey-20: #ceceda;
    --palette-grey-30: #b1b1bd;
    --palette-grey-40: #8b8b97;
    --palette-grey-50: #62626c;
    --palette-grey-60: #484851;
    --palette-grey-70: #35353b;
    --palette-grey-80: #232328;
    --palette-grey-90: #141417;
    --palette-orange-05: #f2e1d9;
    --palette-orange-10: #ffb68f;
    --palette-orange-20: #ff8d52;
    --palette-orange-30: #ff6f24;
    --palette-orange-40: #f95600;
    --palette-orange-50: #e64f00;
    --palette-orange-60: #b33d00;
    --palette-orange-70: #a33800;
    --palette-orange-80: #8f3100;
    --palette-orange-90: #392014;
    --palette-purple-05: #f1ecf8;
    --palette-purple-10: #ded3f1;
    --palette-purple-20: #bda7e3;
    --palette-purple-30: #9c7bd5;
    --palette-purple-40: #916cd0;
    --palette-purple-50: #5a23b9;
    --palette-purple-60: #481c94;
    --palette-purple-70: #36156f;
    --palette-purple-80: #291155;
    --palette-purple-90: #270e48;
    --palette-red-05: #f2d9e1;
    --palette-red-10: #ff99ba;
    --palette-red-20: #ff6194;
    --palette-red-30: #ff3878;
    --palette-red-40: #f0004d;
    --palette-red-50: #e6004a;
    --palette-red-60: #b7023c;
    --palette-red-70: #8f002f;
    --palette-red-80: #660021;
    --palette-red-90: #31111b;
    --palette-theme1-05: #f1ecf8;
    --palette-theme1-10: #ded3f1;
    --palette-theme1-20: #bda7e3;
    --palette-theme1-30: #9c7bd5;
    --palette-theme1-40: #916cd0;
    --palette-theme1-50: #5a23b9;
    --palette-theme1-60: #481c94;
    --palette-theme1-70: #36156f;
    --palette-theme1-80: #291155;
    --palette-theme1-90: #270e48;
    --palette-theme2-05: #f4fdfd;
    --palette-theme2-10: #b8f8f6;
    --palette-theme2-20: #73f0ed;
    --palette-theme2-30: #5ecbc9;
    --palette-theme2-40: #00a2ab;
    --palette-theme2-50: #007d86;
    --palette-theme2-60: #00585e;
    --palette-theme2-70: #002c2b;
    --palette-theme2-80: #001112;
    --palette-theme2-90: #000505;
    --palette-white: #fff;
    --palette-yellow-05: #f2ead9;
    --palette-yellow-10: #ffd88a;
    --palette-yellow-20: #ffc95c;
    --palette-yellow-30: #ffb829;
    --palette-yellow-40: #fa0;
    --palette-yellow-50: #b87700;
    --palette-yellow-60: #8f5d00;
    --palette-yellow-70: #7a5000;
    --palette-yellow-80: #664200;
    --palette-yellow-90: #352913;
    --shadow-palette-black: rgba(0, 0, 0, .51);
    --shadow-palette-blue-05: hsla(220, 6%, 49%, .51);
    --shadow-palette-blue-10: rgba(71, 92, 136, .51);
    --shadow-palette-blue-20: rgba(34, 67, 140, .51);
    --shadow-palette-blue-30: rgba(23, 60, 140, .51);
    --shadow-palette-blue-40: rgba(18, 56, 140, .51);
    --shadow-palette-blue-50: rgba(13, 52, 140, .51);
    --shadow-palette-blue-60: rgba(0, 39, 112, .51);
    --shadow-palette-blue-70: rgba(0, 30, 85, .51);
    --shadow-palette-blue-80: rgba(0, 24, 68, .51);
    --shadow-palette-blue-90: rgba(8, 13, 24, .51);
    --shadow-palette-green-05: hsla(160, 6%, 49%, .51);
    --shadow-palette-green-10: rgba(61, 123, 102, .51);
    --shadow-palette-green-20: rgba(4, 103, 67, .51);
    --shadow-palette-green-30: rgba(0, 79, 50, .51);
    --shadow-palette-green-40: rgba(0, 74, 46, .51);
    --shadow-palette-green-50: rgba(0, 68, 43, .51);
    --shadow-palette-green-60: rgba(0, 52, 39, .51);
    --shadow-palette-green-70: rgba(0, 40, 30, .51);
    --shadow-palette-green-80: rgba(0, 23, 18, .51);
    --shadow-palette-green-90: rgba(6, 19, 14, .51);
    --shadow-palette-grey-05: hsla(240, 0%, 53%, .51);
    --shadow-palette-grey-10: hsla(240, 1%, 51%, .51);
    --shadow-palette-grey-20: hsla(240, 3%, 45%, .51);
    --shadow-palette-grey-30: rgba(93, 93, 100, .51);
    --shadow-palette-grey-40: rgba(71, 71, 78, .51);
    --shadow-palette-grey-50: rgba(48, 48, 54, .51);
    --shadow-palette-grey-60: rgba(34, 34, 39, .51);
    --shadow-palette-grey-70: rgba(24, 24, 28, .51);
    --shadow-palette-grey-80: rgba(15, 15, 18, .51);
    --shadow-palette-grey-90: rgba(8, 8, 10, .51);
    --shadow-palette-orange-05: hsla(20, 6%, 49%, .51);
    --shadow-palette-orange-10: rgba(140, 96, 74, .51);
    --shadow-palette-orange-20: rgba(140, 73, 40, .51);
    --shadow-palette-orange-30: rgba(140, 56, 16, .51);
    --shadow-palette-orange-40: rgba(136, 42, 0, .51);
    --shadow-palette-orange-50: rgba(125, 38, 0, .51);
    --shadow-palette-orange-60: rgba(95, 29, 0, .51);
    --shadow-palette-orange-70: rgba(85, 26, 0, .51);
    --shadow-palette-orange-80: rgba(74, 22, 0, .51);
    --shadow-palette-orange-90: rgba(27, 14, 8, .51);
    --shadow-palette-purple-05: hsla(266, 3%, 52%, .51);
    --shadow-palette-purple-10: hsla(260, 7%, 48%, .51);
    --shadow-palette-purple-20: rgba(100, 88, 123, .51);
    --shadow-palette-purple-30: rgba(81, 62, 115, .51);
    --shadow-palette-purple-40: rgba(75, 54, 112, .51);
    --shadow-palette-purple-50: rgba(44, 15, 98, .51);
    --shadow-palette-purple-60: rgba(34, 12, 77, .51);
    --shadow-palette-purple-70: rgba(25, 9, 56, .51);
    --shadow-palette-purple-80: rgba(18, 7, 41, .51);
    --shadow-palette-purple-90: rgba(17, 6, 34, .51);
    --shadow-palette-red-05: hsla(340, 6%, 49%, .51);
    --shadow-palette-red-10: rgba(140, 79, 99, .51);
    --shadow-palette-red-20: rgba(140, 48, 77, .51);
    --shadow-palette-red-30: rgba(140, 26, 61, .51);
    --shadow-palette-red-40: rgba(131, 0, 37, .51);
    --shadow-palette-red-50: rgba(125, 0, 35, .51);
    --shadow-palette-red-60: rgba(97, 1, 28, .51);
    --shadow-palette-red-70: rgba(74, 0, 21, .51);
    --shadow-palette-red-80: rgba(51, 0, 14, .51);
    --shadow-palette-red-90: rgba(22, 7, 12, .51);
    --shadow-palette-theme1-05: hsla(266, 3%, 52%, .51);
    --shadow-palette-theme1-10: hsla(260, 7%, 48%, .51);
    --shadow-palette-theme1-20: rgba(100, 88, 123, .51);
    --shadow-palette-theme1-30: rgba(81, 62, 115, .51);
    --shadow-palette-theme1-40: rgba(75, 54, 112, .51);
    --shadow-palette-theme1-50: rgba(44, 15, 98, .51);
    --shadow-palette-theme1-60: rgba(34, 12, 77, .51);
    --shadow-palette-theme1-70: rgba(25, 9, 56, .51);
    --shadow-palette-theme1-80: rgba(18, 7, 41, .51);
    --shadow-palette-theme1-90: rgba(17, 6, 34, .51);
    --shadow-palette-theme2-05: hsla(266, 3%, 52%, .51);
    --shadow-palette-theme2-10: hsla(260, 7%, 48%, .51);
    --shadow-palette-theme2-20: rgba(100, 88, 123, .51);
    --shadow-palette-theme2-30: rgba(81, 62, 115, .51);
    --shadow-palette-theme2-40: rgba(75, 54, 112, .51);
    --shadow-palette-theme2-50: rgba(44, 15, 98, .51);
    --shadow-palette-theme2-60: rgba(34, 12, 77, .51);
    --shadow-palette-theme2-70: rgba(25, 9, 56, .51);
    --shadow-palette-theme2-80: rgba(18, 7, 41, .51);
    --shadow-palette-theme2-90: rgba(17, 6, 34, .51);
    --shadow-palette-white: hsla(0, 0%, 55%, .51);
    --shadow-palette-yellow-05: hsla(40, 6%, 49%, .51);
    --shadow-palette-yellow-10: rgba(140, 117, 71, .51);
    --shadow-palette-yellow-20: rgba(140, 108, 45, .51);
    --shadow-palette-yellow-30: rgba(140, 97, 18, .51);
    --shadow-palette-yellow-40: rgba(140, 89, 0, .51);
    --shadow-palette-yellow-50: rgba(97, 60, 0, .51);
    --shadow-palette-yellow-60: rgba(74, 46, 0, .51);
    --shadow-palette-yellow-70: rgba(62, 39, 0, .51);
    --shadow-palette-yellow-80: rgba(51, 31, 0, .51);
    --shadow-palette-yellow-90: rgba(24, 18, 8, .51);
    --background-color-fill-caution-base: 255 111 36;
    --background-color-fill-caution-down: 255 182 143;
    --background-color-fill-caution-focus: 255 141 82;
    --background-color-fill-caution-hover: 255 141 82;
    --background-color-fill-info-base: 51 118 255;
    --background-color-fill-info-down: 139 175 249;
    --background-color-fill-info-focus: 71 136 255;
    --background-color-fill-info-hover: 71 136 255;
    --background-color-fill-inverse-base: 20 20 23;
    --background-color-fill-inverse-down: 72 72 81;
    --background-color-fill-inverse-focus: 53 53 59;
    --background-color-fill-inverse-hover: 53 53 59;
    --background-color-fill-negative-base: 255 56 120;
    --background-color-fill-negative-down: 255 153 186;
    --background-color-fill-negative-focus: 255 97 148;
    --background-color-fill-negative-hover: 255 97 148;
    --background-color-fill-neutral-base: 246 246 249;
    --background-color-fill-neutral-down: 255 255 255;
    --background-color-fill-neutral-focus: 206 206 218;
    --background-color-fill-neutral-hover: 206 206 218;
    --background-color-fill-neutral2-base: 139 139 151;
    --background-color-fill-neutral2-down: 206 206 218;
    --background-color-fill-neutral2-focus: 177 177 189;
    --background-color-fill-neutral2-hover: 177 177 189;
    --background-color-fill-positive-base: 0 153 101;
    --background-color-fill-positive-down: 120 227 191;
    --background-color-fill-positive-focus: 10 194 132;
    --background-color-fill-positive-hover: 10 194 132;
    --background-color-fill-theme1-base: 189 167 227;
    --background-color-fill-theme1-down: 241 236 248;
    --background-color-fill-theme1-focus: 222 211 241;
    --background-color-fill-theme1-hover: 222 211 241;
    --background-color-fill-theme2-base: 115 240 237;
    --background-color-fill-theme2-down: 244 253 253;
    --background-color-fill-theme2-focus: 184 248 246;
    --background-color-fill-theme2-hover: 184 248 246;
    --background-color-material-1: 255 255 255;
    --background-color-material-2: 246 246 249;
    --background-color-material-1-inverse: 20 20 23;
    --background-color-material-2-inverse: 35 35 40;
    --background-color-material-caution: 242 225 217;
    --background-color-material-caution-inverse: 57 32 20;
    --background-color-material-info: 217 225 242;
    --background-color-material-info-inverse: 19 30 52;
    --background-color-material-negative: 242 217 225;
    --background-color-material-negative-inverse: 49 17 27;
    --background-color-material-positive: 217 242 234;
    --background-color-material-positive-inverse: 14 42 33;
    --background-color-material-theme1: 241 236 248;
    --background-color-material-theme1-inverse: 39 14 72;
    --background-color-transparent: transparent;
    --background-color-material-neutral-base: 20 20 23;
    --background-color-material-neutral-down: 48 48 51;
    --background-color-material-neutral-focus: 29 29 32;
    --background-color-material-neutral-hover: 29 29 32;
    --background-color-material-neutral2-base: 35 35 40;
    --background-color-material-neutral2-down: 61 61 66;
    --background-color-material-neutral2-focus: 44 44 49;
    --background-color-material-neutral2-hover: 44 44 49;
    --background-color-material-positive-base: 14 42 33;
    --background-color-material-positive-down: 43 68 60;
    --background-color-material-positive-focus: 24 51 42;
    --background-color-material-positive-hover: 24 51 42;
    --background-color-material-caution-base: 57 32 20;
    --background-color-material-caution-down: 81 59 48;
    --background-color-material-caution-focus: 65 41 29;
    --background-color-material-caution-hover: 65 41 29;
    --background-color-material-negative-base: 49 17 27;
    --background-color-material-negative-down: 74 46 54;
    --background-color-material-negative-focus: 57 27 36;
    --background-color-material-negative-hover: 57 27 36;
    --background-color-material-info-base: 19 30 52;
    --background-color-material-info-down: 47 57 76;
    --background-color-material-info-focus: 28 39 60;
    --background-color-material-info-hover: 28 39 60;
    --background-color-material-neutral-inverse-base: 255 255 255;
    --background-color-material-neutral-inverse-down: 224 224 224;
    --background-color-material-neutral-inverse-focus: 245 245 245;
    --background-color-material-neutral-inverse-hover: 245 245 245;
    --background-color-material-neutral2-inverse-base: 246 246 249;
    --background-color-material-neutral2-inverse-down: 216 216 219;
    --background-color-material-neutral2-inverse-focus: 236 236 239;
    --background-color-material-neutral2-inverse-hover: 236 236 239;
    --background-color-material-positive-inverse-base: 217 242 234;
    --background-color-material-positive-inverse-down: 191 213 206;
    --background-color-material-positive-inverse-focus: 208 232 225;
    --background-color-material-positive-inverse-hover: 208 232 225;
    --background-color-material-caution-inverse-base: 242 225 217;
    --background-color-material-caution-inverse-down: 213 198 191;
    --background-color-material-caution-inverse-focus: 232 216 208;
    --background-color-material-caution-inverse-hover: 232 216 208;
    --background-color-material-negative-inverse-base: 242 217 225;
    --background-color-material-negative-inverse-down: 213 191 198;
    --background-color-material-negative-inverse-focus: 232 208 216;
    --background-color-material-negative-inverse-hover: 232 208 216;
    --background-color-material-info-inverse-base: 217 225 242;
    --background-color-material-info-inverse-down: 191 198 213;
    --background-color-material-info-inverse-focus: 208 216 232;
    --background-color-material-info-inverse-hover: 208 216 232;
    --background-color-material-theme1-base: 39 14 72;
    --background-color-material-theme1-down: 65 43 94;
    --background-color-material-theme1-focus: 48 24 79;
    --background-color-material-theme1-hover: 48 24 79;
    --background-color-material-theme1-inverse-base: 241 236 248;
    --background-color-material-theme1-inverse-down: 212 208 218;
    --background-color-material-theme1-inverse-focus: 231 227 238;
    --background-color-material-theme1-inverse-hover: 231 227 238;
    --background-color-material-theme2-base: 0 5 5;
    --background-color-material-theme2-down: 31 35 35;
    --background-color-material-theme2-focus: 10 15 15;
    --background-color-material-theme2-hover: 10 15 15;
    --background-color-material-theme2-inverse-base: 244 253 253;
    --background-color-material-theme2-inverse-down: 215 223 223;
    --background-color-material-theme2-inverse-focus: 234 243 243;
    --background-color-material-theme2-inverse-hover: 234 243 243;
    --background-image-gradient-expressive: linear-gradient(90deg, #00eddf, #5a23b9);
    --border-color-stroke-caution-base: 255 111 36;
    --border-color-stroke-caution-down: 255 182 143;
    --border-color-stroke-caution-focus: 255 141 82;
    --border-color-stroke-caution-hover: 255 141 82;
    --border-color-stroke-info-base: 51 118 255;
    --border-color-stroke-info-down: 139 175 249;
    --border-color-stroke-info-focus: 71 136 255;
    --border-color-stroke-info-hover: 71 136 255;
    --border-color-stroke-inverse-base: 20 20 23;
    --border-color-stroke-inverse-down: 72 72 81;
    --border-color-stroke-inverse-focus: 53 53 59;
    --border-color-stroke-inverse-hover: 53 53 59;
    --border-color-stroke-negative-base: 255 56 120;
    --border-color-stroke-negative-down: 255 153 186;
    --border-color-stroke-negative-focus: 255 97 148;
    --border-color-stroke-negative-hover: 255 97 148;
    --border-color-stroke-neutral-base: 246 246 249;
    --border-color-stroke-neutral-down: 255 255 255;
    --border-color-stroke-neutral-focus: 206 206 218;
    --border-color-stroke-neutral-hover: 206 206 218;
    --border-color-stroke-neutral2-base: 139 139 151;
    --border-color-stroke-neutral2-down: 206 206 218;
    --border-color-stroke-neutral2-focus: 177 177 189;
    --border-color-stroke-neutral2-hover: 177 177 189;
    --border-color-stroke-positive-base: 0 153 101;
    --border-color-stroke-positive-down: 120 227 191;
    --border-color-stroke-positive-focus: 10 194 132;
    --border-color-stroke-positive-hover: 10 194 132;
    --border-color-stroke-theme1-base: 189 167 227;
    --border-color-stroke-theme1-down: 241 236 248;
    --border-color-stroke-theme1-focus: 222 211 241;
    --border-color-stroke-theme1-hover: 222 211 241;
    --border-color-stroke-theme2-base: 115 240 237;
    --border-color-stroke-theme2-down: 244 253 253;
    --border-color-stroke-theme2-focus: 184 248 246;
    --border-color-stroke-theme2-hover: 184 248 246;
    --border-color-transparent: transparent;
    --text-color-caution-base: 255 141 82;
    --text-color-caution-down: 242 225 217;
    --text-color-caution-focus: 255 182 143;
    --text-color-caution-hover: 255 182 143;
    --text-color-info-base: 71 136 255;
    --text-color-info-down: 217 225 242;
    --text-color-info-focus: 139 175 249;
    --text-color-info-hover: 139 175 249;
    --text-color-inverse-base: 20 20 23;
    --text-color-inverse-down: 72 72 81;
    --text-color-inverse-focus: 53 53 59;
    --text-color-inverse-hover: 53 53 59;
    --text-color-negative-base: 255 97 148;
    --text-color-negative-down: 242 217 225;
    --text-color-negative-focus: 255 153 186;
    --text-color-negative-hover: 255 153 186;
    --text-color-neutral-base: 246 246 249;
    --text-color-neutral-down: 206 206 218;
    --text-color-neutral-focus: 255 255 255;
    --text-color-neutral-hover: 255 255 255;
    --text-color-neutral2-base: 139 139 151;
    --text-color-neutral2-down: 206 206 218;
    --text-color-neutral2-focus: 177 177 189;
    --text-color-neutral2-hover: 177 177 189;
    --text-color-positive-base: 10 194 132;
    --text-color-positive-down: 217 242 234;
    --text-color-positive-focus: 120 227 191;
    --text-color-positive-hover: 120 227 191;
    --text-color-theme1-base: 189 167 227;
    --text-color-theme1-down: 241 236 248;
    --text-color-theme1-focus: 222 211 241;
    --text-color-theme1-hover: 222 211 241;
    --text-color-theme2-base: 115 240 237;
    --text-color-theme2-down: 244 253 253;
    --text-color-theme2-focus: 184 248 246;
    --text-color-theme2-hover: 184 248 246;
    --outline-color-transparent: transparent;
    --outline-color-caution-base: #ff6f24;
    --outline-color-caution-down: #ffb68f;
    --outline-color-caution-focus: #ff8d52;
    --outline-color-caution-hover: #ff8d52;
    --outline-color-info-base: #3376ff;
    --outline-color-info-down: #8baff9;
    --outline-color-info-focus: #4788ff;
    --outline-color-info-hover: #4788ff;
    --outline-color-inverse-base: #141417;
    --outline-color-inverse-down: #484851;
    --outline-color-inverse-focus: #35353b;
    --outline-color-inverse-hover: #35353b;
    --outline-color-negative-base: #ff3878;
    --outline-color-negative-down: #ff99ba;
    --outline-color-negative-focus: #ff6194;
    --outline-color-negative-hover: #ff6194;
    --outline-color-neutral-base: #f6f6f9;
    --outline-color-neutral-down: #fff;
    --outline-color-neutral-focus: #ceceda;
    --outline-color-neutral-hover: #ceceda;
    --outline-color-neutral2-base: #8b8b97;
    --outline-color-neutral2-down: #ceceda;
    --outline-color-neutral2-focus: #b1b1bd;
    --outline-color-neutral2-hover: #b1b1bd;
    --outline-color-positive-base: #009965;
    --outline-color-positive-down: #78e3bf;
    --outline-color-positive-focus: #0ac284;
    --outline-color-positive-hover: #0ac284;
    --outline-color-theme1-base: #bda7e3;
    --outline-color-theme1-down: #f1ecf8;
    --outline-color-theme1-focus: #ded3f1;
    --outline-color-theme1-hover: #ded3f1;
    --outline-color-theme2-base: #73f0ed;
    --outline-color-theme2-down: #f4fdfd;
    --outline-color-theme2-focus: #b8f8f6;
    --outline-color-theme2-hover: #b8f8f6;
    --ring-color-stroke-caution-base: 255 111 36;
    --ring-color-stroke-caution-down: 255 182 143;
    --ring-color-stroke-caution-focus: 255 141 82;
    --ring-color-stroke-caution-hover: 255 141 82;
    --ring-color-stroke-info-base: 51 118 255;
    --ring-color-stroke-info-down: 139 175 249;
    --ring-color-stroke-info-focus: 71 136 255;
    --ring-color-stroke-info-hover: 71 136 255;
    --ring-color-stroke-inverse-base: 20 20 23;
    --ring-color-stroke-inverse-down: 72 72 81;
    --ring-color-stroke-inverse-focus: 53 53 59;
    --ring-color-stroke-inverse-hover: 53 53 59;
    --ring-color-stroke-negative-base: 255 56 120;
    --ring-color-stroke-negative-down: 255 153 186;
    --ring-color-stroke-negative-focus: 255 97 148;
    --ring-color-stroke-negative-hover: 255 97 148;
    --ring-color-stroke-neutral-base: 246 246 249;
    --ring-color-stroke-neutral-down: 255 255 255;
    --ring-color-stroke-neutral-focus: 206 206 218;
    --ring-color-stroke-neutral-hover: 206 206 218;
    --ring-color-stroke-neutral2-base: 139 139 151;
    --ring-color-stroke-neutral2-down: 206 206 218;
    --ring-color-stroke-neutral2-focus: 177 177 189;
    --ring-color-stroke-neutral2-hover: 177 177 189;
    --ring-color-stroke-positive-base: 0 153 101;
    --ring-color-stroke-positive-down: 120 227 191;
    --ring-color-stroke-positive-focus: 10 194 132;
    --ring-color-stroke-positive-hover: 10 194 132;
    --ring-color-stroke-theme1-base: 189 167 227;
    --ring-color-stroke-theme1-down: 241 236 248;
    --ring-color-stroke-theme1-focus: 222 211 241;
    --ring-color-stroke-theme1-hover: 222 211 241;
    --ring-color-stroke-theme2-base: 115 240 237;
    --ring-color-stroke-theme2-down: 244 253 253;
    --ring-color-stroke-theme2-focus: 184 248 246;
    --ring-color-stroke-theme2-hover: 184 248 246;
    --ring-offset-color-material-1: 255 255 255;
    --ring-offset-color-material-2: 246 246 249;
    --ring-offset-color-material-1-inverse: 20 20 23;
    --ring-offset-color-material-2-inverse: 35 35 40;
    --ring-offset-color-material-caution: 242 225 217;
    --ring-offset-color-material-caution-inverse: 57 32 20;
    --ring-offset-color-material-info: 217 225 242;
    --ring-offset-color-material-info-inverse: 19 30 52;
    --ring-offset-color-material-negative: 242 217 225;
    --ring-offset-color-material-negative-inverse: 49 17 27;
    --ring-offset-color-material-positive: 217 242 234;
    --ring-offset-color-material-positive-inverse: 14 42 33;
    --ring-offset-color-material-theme1: 241 236 248;
    --ring-offset-color-material-theme1-inverse: 39 14 72;
    --ring-offset-color-material-neutral-base: 20 20 23;
    --ring-offset-color-material-neutral-down: 48 48 51;
    --ring-offset-color-material-neutral-focus: 29 29 32;
    --ring-offset-color-material-neutral-hover: 29 29 32;
    --ring-offset-color-material-neutral2-base: 35 35 40;
    --ring-offset-color-material-neutral2-down: 61 61 66;
    --ring-offset-color-material-neutral2-focus: 44 44 49;
    --ring-offset-color-material-neutral2-hover: 44 44 49;
    --ring-offset-color-material-positive-base: 14 42 33;
    --ring-offset-color-material-positive-down: 43 68 60;
    --ring-offset-color-material-positive-focus: 24 51 42;
    --ring-offset-color-material-positive-hover: 24 51 42;
    --ring-offset-color-material-caution-base: 57 32 20;
    --ring-offset-color-material-caution-down: 81 59 48;
    --ring-offset-color-material-caution-focus: 65 41 29;
    --ring-offset-color-material-caution-hover: 65 41 29;
    --ring-offset-color-material-negative-base: 49 17 27;
    --ring-offset-color-material-negative-down: 74 46 54;
    --ring-offset-color-material-negative-focus: 57 27 36;
    --ring-offset-color-material-negative-hover: 57 27 36;
    --ring-offset-color-material-info-base: 19 30 52;
    --ring-offset-color-material-info-down: 47 57 76;
    --ring-offset-color-material-info-focus: 28 39 60;
    --ring-offset-color-material-info-hover: 28 39 60;
    --ring-offset-color-material-neutral-inverse-base: 255 255 255;
    --ring-offset-color-material-neutral-inverse-down: 224 224 224;
    --ring-offset-color-material-neutral-inverse-focus: 245 245 245;
    --ring-offset-color-material-neutral-inverse-hover: 245 245 245;
    --ring-offset-color-material-neutral2-inverse-base: 246 246 249;
    --ring-offset-color-material-neutral2-inverse-down: 216 216 219;
    --ring-offset-color-material-neutral2-inverse-focus: 236 236 239;
    --ring-offset-color-material-neutral2-inverse-hover: 236 236 239;
    --ring-offset-color-material-positive-inverse-base: 217 242 234;
    --ring-offset-color-material-positive-inverse-down: 191 213 206;
    --ring-offset-color-material-positive-inverse-focus: 208 232 225;
    --ring-offset-color-material-positive-inverse-hover: 208 232 225;
    --ring-offset-color-material-caution-inverse-base: 242 225 217;
    --ring-offset-color-material-caution-inverse-down: 213 198 191;
    --ring-offset-color-material-caution-inverse-focus: 232 216 208;
    --ring-offset-color-material-caution-inverse-hover: 232 216 208;
    --ring-offset-color-material-negative-inverse-base: 242 217 225;
    --ring-offset-color-material-negative-inverse-down: 213 191 198;
    --ring-offset-color-material-negative-inverse-focus: 232 208 216;
    --ring-offset-color-material-negative-inverse-hover: 232 208 216;
    --ring-offset-color-material-info-inverse-base: 217 225 242;
    --ring-offset-color-material-info-inverse-down: 191 198 213;
    --ring-offset-color-material-info-inverse-focus: 208 216 232;
    --ring-offset-color-material-info-inverse-hover: 208 216 232;
    --ring-offset-color-material-theme1-base: 39 14 72;
    --ring-offset-color-material-theme1-down: 65 43 94;
    --ring-offset-color-material-theme1-focus: 48 24 79;
    --ring-offset-color-material-theme1-hover: 48 24 79;
    --ring-offset-color-material-theme1-inverse-base: 241 236 248;
    --ring-offset-color-material-theme1-inverse-down: 212 208 218;
    --ring-offset-color-material-theme1-inverse-focus: 231 227 238;
    --ring-offset-color-material-theme1-inverse-hover: 231 227 238;
    --ring-offset-color-material-theme2-base: 0 5 5;
    --ring-offset-color-material-theme2-down: 31 35 35;
    --ring-offset-color-material-theme2-focus: 10 15 15;
    --ring-offset-color-material-theme2-hover: 10 15 15;
    --ring-offset-color-material-theme2-inverse-base: 244 253 253;
    --ring-offset-color-material-theme2-inverse-down: 215 223 223;
    --ring-offset-color-material-theme2-inverse-focus: 234 243 243;
    --ring-offset-color-material-theme2-inverse-hover: 234 243 243;
    --opacity-inactive: 0.3;
    --opacity-none: 0;
    --opacity-primary: 1;
    --opacity-secondary: 0.6;
    --opacity-tertiary: 0.15;
    --border-opacity-inactive: 0.3;
    --border-opacity-none: 0;
    --border-opacity-primary: 1;
    --border-opacity-secondary: 0.6;
    --border-opacity-tertiary: 0.15;
    --background-opacity-inactive: 0.3;
    --background-opacity-none: 0;
    --background-opacity-primary: 1;
    --background-opacity-secondary: 0.6;
    --background-opacity-tertiary: 0.15;
    --text-opacity-inactive: 0.3;
    --text-opacity-none: 0;
    --text-opacity-primary: 1;
    --text-opacity-secondary: 0.6;
    --text-opacity-tertiary: 0.15;
    --border-radius-none: 0px;
    --border-radius-xsmall: 2px;
    --border-radius-small: 4px;
    --border-radius-medium: 8px;
    --border-radius-large: 16px;
    --border-radius-xlarge: 32px;
    --text-jumbo-family: var(--text-family-brand);
    --text-jumbo-size: clamp(2.625rem, calc(1.10714rem + 7.58929vw), 4.75rem);
    --text-jumbo-line-height: clamp(2.625rem, calc(1.10714rem + 7.58929vw), 4.75rem);
    --text-jumbo-weight: 300;
    --text-jumbo-letter-spacing: -3px;
    --text-jumbo-text-transform: none;
    --text-display0-family: var(--text-family-brand);
    --text-display0-size: 2.25000rem;
    --text-display0-line-height: 2.81250rem;
    --text-display0-weight: 700;
    --text-display0-letter-spacing: -0.4px;
    --text-display0-text-transform: none;
    --text-display1-family: var(--text-family-brand);
    --text-display1-size: clamp(2rem, calc(1.82143rem + 0.89286vw), 2.25rem);
    --text-display1-line-height: clamp(2.5rem, calc(2.27679rem + 1.11607vw), 2.8125rem);
    --text-display1-weight: 700;
    --text-display1-letter-spacing: -0.4px;
    --text-display1-text-transform: none;
    --text-display2-family: var(--text-family-brand);
    --text-display2-size: clamp(1.75rem, calc(1.57143rem + 0.89286vw), 2rem);
    --text-display2-line-height: clamp(2.1875rem, calc(1.96429rem + 1.11607vw), 2.5rem);
    --text-display2-weight: 700;
    --text-display2-letter-spacing: -0.4px;
    --text-display2-text-transform: none;
    --text-headline1-family: var(--text-family-brand);
    --text-headline1-size: 1.50000rem;
    --text-headline1-line-height: 2.00000rem;
    --text-headline1-weight: 700;
    --text-headline1-letter-spacing: -0.2px;
    --text-headline1-text-transform: none;
    --text-headline2-family: var(--text-family-brand);
    --text-headline2-size: 1.25000rem;
    --text-headline2-line-height: 1.50000rem;
    --text-headline2-weight: 700;
    --text-headline2-letter-spacing: -0.2px;
    --text-headline2-text-transform: none;
    --text-headline3-family: var(--text-family-brand);
    --text-headline3-size: 1.00000rem;
    --text-headline3-line-height: 1.50000rem;
    --text-headline3-weight: 700;
    --text-headline3-letter-spacing: 0px;
    --text-headline3-text-transform: none;
    --text-body0-family: var(--text-family-default);
    --text-body0-size: 1.00000rem;
    --text-body0-line-height: 1.50000rem;
    --text-body0-weight: 400;
    --text-body0-letter-spacing: 0px;
    --text-body0-text-transform: none;
    --text-body1-family: var(--text-family-default);
    --text-body1-size: 1.00000rem;
    --text-body1-line-height: 1.50000;
    --text-body1-weight: 400;
    --text-body1-letter-spacing: 0px;
    --text-body1-text-transform: none;
    --text-body2-family: var(--text-family-default);
    --text-body2-size: 0.87500rem;
    --text-body2-line-height: 1.50000;
    --text-body2-weight: 400;
    --text-body2-letter-spacing: 0px;
    --text-body2-text-transform: none;
    --text-body3-family: var(--text-family-default);
    --text-body3-size: 0.87500rem;
    --text-body3-line-height: 1.50000;
    --text-body3-weight: 400;
    --text-body3-letter-spacing: 0px;
    --text-body3-text-transform: none;
    --text-body4-family: var(--text-family-default);
    --text-body4-size: 0.87500rem;
    --text-body4-line-height: 1.50000;
    --text-body4-weight: 400;
    --text-body4-letter-spacing: 0px;
    --text-body4-text-transform: none;
    --text-button1-family: var(--text-family-brand);
    --text-button1-size: 1.00000rem;
    --text-button1-line-height: 1.50000;
    --text-button1-weight: 700;
    --text-button1-letter-spacing: 0px;
    --text-button1-text-transform: none;
    --text-button2-family: var(--text-family-brand);
    --text-button2-size: 0.87500rem;
    --text-button2-line-height: 1.71429;
    --text-button2-weight: 700;
    --text-button2-letter-spacing: 0px;
    --text-button2-text-transform: none;
    --text-callout1-family: var(--text-family-default);
    --text-callout1-size: 0.87500rem;
    --text-callout1-line-height: 1.50000;
    --text-callout1-weight: 400;
    --text-callout1-letter-spacing: 1px;
    --text-callout1-text-transform: uppercase;
    --text-callout2-family: var(--text-family-default);
    --text-callout2-size: 0.75000rem;
    --text-callout2-line-height: 1.33333;
    --text-callout2-weight: 400;
    --text-callout2-letter-spacing: 1px;
    --text-callout2-text-transform: uppercase;
    --text-caption-family: var(--text-family-default);
    --text-caption-size: 0.75000rem;
    --text-caption-line-height: 1.33333;
    --text-caption-weight: 400;
    --text-caption-letter-spacing: 0px;
    --text-caption-text-transform: none;
    --text-tag-family: var(--text-family-default);
    --text-tag-size: 0.62500rem;
    --text-tag-line-height: 1.20000;
    --text-tag-weight: 500;
    --text-tag-letter-spacing: 0px;
    --text-tag-text-transform: none;
    --text-family-brand: XfinityBrown, DMSans, Helvetica, sans-serif;
    --text-family-default: DMSans, Helvetica, sans-serif
}

body {
    background-color: rgb(var(--background-color-material-neutral-base));
    color: rgb(var(--text-color-neutral-base));
    margin: 0;
    padding: 0
}

html {
    box-sizing: border-box
}

img {
    display: inline
}

button {
    touch-action: manipulation
}

mark {
    background-color: initial;
    color: rgb(var(--text-color-neutral-base));
    font-weight: bolder
}

a {
    color: rgb(var(--text-color-theme1-base));
    font-size: inherit;
    text-decoration: underline;
    touch-action: manipulation
}

a:hover {
    color: rgb(var(--text-color-theme1-hover))
}

a:focus {
    border-radius: var(--border-radius-xsmall, 2px);
    color: rgb(var(--text-color-theme1-focus));
    outline-color: rgb(var(--border-color-stroke-theme1-base));
    outline-style: solid;
    outline-width: 2px
}

a:active {
    color: rgb(var(--text-color-theme1-down))
}

a:disabled {
    opacity: var(--opacity-inactive, .3)
}

.container {
    width: 100%
}

@media (min-width:375px) {
    .container {
        max-width: 375px
    }
}

@media (min-width:768px) {
    .container {
        max-width: 768px
    }
}

@media (min-width:1024px) {
    .container {
        max-width: 1024px
    }
}

@media (min-width:1280px) {
    .container {
        max-width: 1280px
    }
}

@media (min-width:1536px) {
    .container {
        max-width: 1536px
    }
}

.text-display1 {
    --text-display1-leading: var(--text-display1-line-height);
    --text-display1-family: var(--text-family-brand);
    font-family: var(--text-display1-family);
    font-size: var(--text-display1-size);
    font-weight: var(--text-display1-weight);
    letter-spacing: var(--text-display1-letter-spacing);
    line-height: var(--text-display1-leading);
    text-transform: var(--text-display1-text-transform)
}

.text-display2 {
    --text-display2-leading: var(--text-display2-line-height);
    --text-display2-family: var(--text-family-brand);
    font-family: var(--text-display2-family);
    font-size: var(--text-display2-size);
    font-weight: var(--text-display2-weight);
    letter-spacing: var(--text-display2-letter-spacing);
    line-height: var(--text-display2-leading);
    text-transform: var(--text-display2-text-transform)
}

.text-headline1 {
    --text-headline1-leading: var(--text-headline1-line-height);
    --text-headline1-family: var(--text-family-brand);
    font-family: var(--text-headline1-family);
    font-size: var(--text-headline1-size);
    font-weight: var(--text-headline1-weight);
    letter-spacing: var(--text-headline1-letter-spacing);
    line-height: var(--text-headline1-leading);
    text-transform: var(--text-headline1-text-transform)
}

.text-headline2 {
    --text-headline2-leading: var(--text-headline2-line-height);
    --text-headline2-family: var(--text-family-brand);
    font-family: var(--text-headline2-family);
    font-size: var(--text-headline2-size);
    font-weight: var(--text-headline2-weight);
    letter-spacing: var(--text-headline2-letter-spacing);
    line-height: var(--text-headline2-leading);
    text-transform: var(--text-headline2-text-transform)
}

.text-headline3 {
    --text-headline3-leading: var(--text-headline3-line-height);
    --text-headline3-family: var(--text-family-brand);
    font-family: var(--text-headline3-family);
    font-size: var(--text-headline3-size);
    font-weight: var(--text-headline3-weight);
    letter-spacing: var(--text-headline3-letter-spacing);
    line-height: var(--text-headline3-leading);
    text-transform: var(--text-headline3-text-transform)
}

.text-body1 {
    --text-body1-leading: var(--text-body1-line-height);
    --text-body1-family: var(--text-family-default);
    font-family: var(--text-body1-family);
    font-size: var(--text-body1-size);
    font-weight: var(--text-body1-weight);
    letter-spacing: var(--text-body1-letter-spacing);
    line-height: var(--text-body1-leading);
    text-transform: var(--text-body1-text-transform)
}

.text-body2 {
    --text-body2-leading: var(--text-body2-line-height);
    --text-body2-family: var(--text-family-default);
    font-family: var(--text-body2-family);
    font-size: var(--text-body2-size);
    font-weight: var(--text-body2-weight);
    letter-spacing: var(--text-body2-letter-spacing);
    line-height: var(--text-body2-leading);
    text-transform: var(--text-body2-text-transform)
}

.text-body3 {
    --text-body3-leading: var(--text-body3-line-height);
    --text-body3-family: var(--text-family-default);
    font-family: var(--text-body3-family);
    font-size: var(--text-body3-size);
    font-weight: var(--text-body3-weight);
    letter-spacing: var(--text-body3-letter-spacing);
    line-height: var(--text-body3-leading);
    text-transform: var(--text-body3-text-transform)
}

.text-button1 {
    --text-button1-leading: var(--text-button1-line-height);
    --text-button1-family: var(--text-family-brand);
    font-family: var(--text-button1-family);
    font-size: var(--text-button1-size);
    font-weight: var(--text-button1-weight);
    letter-spacing: var(--text-button1-letter-spacing);
    line-height: var(--text-button1-leading);
    text-transform: var(--text-button1-text-transform)
}

.text-button2 {
    --text-button2-leading: var(--text-button2-line-height);
    --text-button2-family: var(--text-family-brand);
    font-family: var(--text-button2-family);
    font-size: var(--text-button2-size);
    font-weight: var(--text-button2-weight);
    letter-spacing: var(--text-button2-letter-spacing);
    line-height: var(--text-button2-leading);
    text-transform: var(--text-button2-text-transform)
}

.text-callout1 {
    --text-callout1-leading: var(--text-callout1-line-height);
    --text-callout1-family: var(--text-family-default);
    font-family: var(--text-callout1-family);
    font-size: var(--text-callout1-size);
    font-weight: var(--text-callout1-weight);
    letter-spacing: var(--text-callout1-letter-spacing);
    line-height: var(--text-callout1-leading);
    text-transform: var(--text-callout1-text-transform)
}

.text-callout2 {
    --text-callout2-leading: var(--text-callout2-line-height);
    --text-callout2-family: var(--text-family-default);
    font-family: var(--text-callout2-family);
    font-size: var(--text-callout2-size);
    font-weight: var(--text-callout2-weight);
    letter-spacing: var(--text-callout2-letter-spacing);
    line-height: var(--text-callout2-leading);
    text-transform: var(--text-callout2-text-transform)
}

.text-caption {
    --text-caption-leading: var(--text-caption-line-height);
    --text-caption-family: var(--text-family-default);
    font-family: var(--text-caption-family);
    font-size: var(--text-caption-size);
    font-weight: var(--text-caption-weight);
    letter-spacing: var(--text-caption-letter-spacing);
    line-height: var(--text-caption-leading);
    text-transform: var(--text-caption-text-transform)
}

.prism-box {
    border-color: rgb(var(--border-color-stroke-neutral-base)/var(--tw-border-opacity));
    border-radius: var(--border-radius-small, 4px);
    border-style: solid;
    border-width: 1px;
    padding: 1rem
}

.expressive-text {
    -webkit-background-clip: text;
    background-clip: text;
    background-image: var(--background-image-gradient-expressive, linear-gradient(90deg, #28156b, #7c01bd));
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    color: transparent
}

.sr-only {
    clip: rect(0, 0, 0, 0);
    border-width: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.pointer-events-none {
    pointer-events: none
}

.\ !visible {
    visibility: visible !important
}

.visible {
    visibility: visible
}

.collapse {
    visibility: collapse
}

.static {
    position: static
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.sticky {
    position: sticky
}

.inset-0 {
    inset: 0
}

.bottom-0 {
    bottom: 0
}

.bottom-5 {
    bottom: 1.25rem
}

.left-0 {
    left: 0
}

.left-1\/2 {
    left: 50%
}

.right-0 {
    right: 0
}

.right-4 {
    right: 1rem
}

.right-6 {
    right: 1.5rem
}

.top-0 {
    top: 0
}

.top-1\/2 {
    top: 50%
}

.top-4 {
    top: 1rem
}

.top-6 {
    top: 1.5rem
}

.z-0 {
    z-index: 0
}

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

.z-tooltip {
    z-index: 570
}

.order-first {
    order: -9999
}

.col-span-11 {
    grid-column: span 11/span 11
}

.col-span-12 {
    grid-column: span 12/span 12
}

.col-span-2 {
    grid-column: span 2/span 2
}

.col-span-4 {
    grid-column: span 4/span 4
}

.col-span-5 {
    grid-column: span 5/span 5
}

.col-span-6 {
    grid-column: span 6/span 6
}

.col-span-full {
    grid-column: 1/-1
}

.m-0 {
    margin: 0
}

.m-1 {
    margin: .25rem
}

.m-3 {
    margin: .75rem
}

.m-auto {
    margin: auto
}

.mx-2 {
    margin-left: .5rem;
    margin-right: .5rem
}

.mx-20 {
    margin-left: 5rem;
    margin-right: 5rem
}

.mx-24 {
    margin-left: 6rem;
    margin-right: 6rem
}

.mx-3 {
    margin-left: .75rem;
    margin-right: .75rem
}

.mx-4 {
    margin-left: 1rem;
    margin-right: 1rem
}

.mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.my-0 {
    margin-bottom: 0;
    margin-top: 0
}

.my-10 {
    margin-bottom: 2.5rem;
    margin-top: 2.5rem
}

.my-2 {
    margin-bottom: .5rem;
    margin-top: .5rem
}

.my-3 {
    margin-bottom: .75rem;
    margin-top: .75rem
}

.my-4 {
    margin-bottom: 1rem;
    margin-top: 1rem
}

.my-6 {
    margin-bottom: 1.5rem;
    margin-top: 1.5rem
}

.my-auto {
    margin-bottom: auto;
    margin-top: auto
}

.mb-0 {
    margin-bottom: 0
}

.mb-1 {
    margin-bottom: .25rem
}

.mb-10 {
    margin-bottom: 2.5rem
}

.mb-2 {
    margin-bottom: .5rem
}

.mb-4 {
    margin-bottom: 1rem
}

.mb-5 {
    margin-bottom: 1.25rem
}

.mb-6 {
    margin-bottom: 1.5rem
}

.mb-8 {
    margin-bottom: 2rem
}

.mb-\[94px\] {
    margin-bottom: 94px
}

.mb-auto {
    margin-bottom: auto
}

.ml-0 {
    margin-left: 0
}

.ml-2 {
    margin-left: .5rem
}

.ml-4 {
    margin-left: 1rem
}

.ml-6 {
    margin-left: 1.5rem
}

.mr-1 {
    margin-right: .25rem
}

.mr-16 {
    margin-right: 4rem
}

.mr-2 {
    margin-right: .5rem
}

.mr-4 {
    margin-right: 1rem
}

.mr-6 {
    margin-right: 1.5rem
}

.mt-0 {
    margin-top: 0
}

.mt-1 {
    margin-top: .25rem
}

.mt-10 {
    margin-top: 2.5rem
}

.mt-16 {
    margin-top: 4rem
}

.mt-2 {
    margin-top: .5rem
}

.mt-3 {
    margin-top: .75rem
}

.mt-4 {
    margin-top: 1rem
}

.mt-5 {
    margin-top: 1.25rem
}

.mt-6 {
    margin-top: 1.5rem
}

.mt-8 {
    margin-top: 2rem
}

.mt-9 {
    margin-top: 2.25rem
}

.mt-\[56px\] {
    margin-top: 56px
}

.mt-auto {
    margin-top: auto
}

.box-content {
    box-sizing: initial
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.inline {
    display: inline
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.table {
    display: table
}

.table-cell {
    display: table-cell
}

.grid {
    display: grid
}

.contents {
    display: contents
}

.hidden {
    display: none
}

.h-10 {
    height: 2.5rem
}

.h-12 {
    height: 3rem
}

.h-14 {
    height: 3.5rem
}

.h-16 {
    height: 4rem
}

.h-24 {
    height: 6rem
}

.h-4 {
    height: 1rem
}

.h-6 {
    height: 1.5rem
}

.h-8 {
    height: 2rem
}

.h-\[100px\] {
    height: 100px
}

.h-\[44px\] {
    height: 44px
}

.h-\[516px\] {
    height: 516px
}

.h-\[60px\] {
    height: 60px
}

.h-fit {
    height: fit-content
}

.h-full {
    height: 100%
}

.max-h-10 {
    max-height: 2.5rem
}

.max-h-\[300px\] {
    max-height: 300px
}

.max-h-\[320px\] {
    max-height: 320px
}

.max-h-\[40px\] {
    max-height: 40px
}

.max-h-full {
    max-height: 100%
}

.min-h-60 {
    min-height: 15rem
}

.min-h-\[56px\] {
    min-height: 56px
}

.min-h-screen {
    min-height: 100vh
}

.w-10 {
    width: 2.5rem
}

.w-11\/12 {
    width: 91.666667%
}

.w-12 {
    width: 3rem
}

.w-14 {
    width: 3.5rem
}

.w-16 {
    width: 4rem
}

.w-3\/4 {
    width: 75%
}

.w-4 {
    width: 1rem
}

.w-6 {
    width: 1.5rem
}

.w-9\/12 {
    width: 75%
}

.w-\[247px\] {
    width: 247px
}

.w-\[48\%\] {
    width: 48%
}

.w-\[60\%\] {
    width: 60%
}

.w-\[80\%\] {
    width: 80%
}

.w-\[96\%\] {
    width: 96%
}

.w-auto {
    width: auto
}

.w-fit {
    width: fit-content
}

.w-full {
    width: 100%
}

.w-max {
    width: max-content
}

.w-screen {
    width: 100vw
}

.min-w-max {
    min-width: max-content
}

.max-w-5xl {
    max-width: 64rem
}

.max-w-6xl {
    max-width: 72rem
}

.max-w-\[375px\] {
    max-width: 375px
}

.max-w-\[420px\] {
    max-width: 420px
}

.max-w-\[650px\] {
    max-width: 650px
}

.max-w-full {
    max-width: 100%
}

.max-w-min {
    max-width: min-content
}

.max-w-none {
    max-width: none
}

.max-w-screen-2xl {
    max-width: 1536px
}

.max-w-screen-lg {
    max-width: 1024px
}

.max-w-screen-xl {
    max-width: 1280px
}

.max-w-sm {
    max-width: 24rem
}

.flex-1 {
    flex: 1 1 0%
}

.flex-shrink-0 {
    flex-shrink: 0
}

.flex-grow {
    flex-grow: 1
}

.flex-grow-0 {
    flex-grow: 0
}

.grow {
    flex-grow: 1
}

.-translate-x-1\/2 {
    --tw-translate-x: -50%
}

.-translate-x-1\/2,
.-translate-y-1\/2 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-y-1\/2 {
    --tw-translate-y: -50%
}

.-translate-y-2 {
    --tw-translate-y: -0.5rem
}

.-translate-y-2,
.transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@keyframes pulse {
    50% {
        opacity: .5
    }
}

.animate-pulse {
    animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite
}

@keyframes spin {
    to {
        transform: rotate(1turn)
    }
}

.animate-spin {
    animation: spin 1s linear infinite
}

.cursor-pointer {
    cursor: pointer
}

.select-none {
    -webkit-user-select: none;
    user-select: none
}

.resize {
    resize: both
}

.list-inside {
    list-style-position: inside
}

.list-disc {
    list-style-type: disc
}

.list-none {
    list-style-type: none
}

.appearance-none {
    appearance: none
}

.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
}

.grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr))
}

.grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr))
}

.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
}

.grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
}

.grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr))
}

.grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr))
}

.grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr))
}

.grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr))
}

.flex-row {
    flex-direction: row
}

.flex-col {
    flex-direction: column
}

.flex-col-reverse {
    flex-direction: column-reverse
}

.flex-wrap {
    flex-wrap: wrap
}

.place-content-center {
    place-content: center
}

.place-items-center {
    place-items: center
}

.items-start {
    align-items: flex-start
}

.items-end {
    align-items: flex-end
}

.items-center {
    align-items: center
}

.justify-normal {
    justify-content: normal
}

.justify-start {
    justify-content: flex-start
}

.justify-end {
    justify-content: flex-end
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.justify-around {
    justify-content: space-around
}

.gap-2 {
    gap: .5rem
}

.gap-3 {
    gap: .75rem
}

.gap-4 {
    gap: 1rem
}

.gap-6 {
    gap: 1.5rem
}

.gap-x-2 {
    column-gap: .5rem
}

.gap-x-4 {
    column-gap: 1rem
}

.gap-x-6 {
    column-gap: 1.5rem
}

.gap-y-14 {
    row-gap: 3.5rem
}

.gap-y-2 {
    row-gap: .5rem
}

.gap-y-4 {
    row-gap: 1rem
}

.gap-y-6 {
    row-gap: 1.5rem
}

.gap-y-8 {
    row-gap: 2rem
}

.space-x-2>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(.5rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(.5rem*var(--tw-space-x-reverse))
}

.space-x-6>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(1.5rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(1.5rem*var(--tw-space-x-reverse))
}

.space-y-2>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(.5rem*var(--tw-space-y-reverse));
    margin-top: calc(.5rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-3>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(.75rem*var(--tw-space-y-reverse));
    margin-top: calc(.75rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-4>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(1rem*var(--tw-space-y-reverse));
    margin-top: calc(1rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-6>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(1.5rem*var(--tw-space-y-reverse));
    margin-top: calc(1.5rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-8>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(2rem*var(--tw-space-y-reverse));
    margin-top: calc(2rem*(1 - var(--tw-space-y-reverse)))
}

.divide-y-\[40px\]>:not([hidden])~:not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-bottom-width: calc(40px*var(--tw-divide-y-reverse));
    border-top-width: calc(40px*(1 - var(--tw-divide-y-reverse)))
}

.divide-transparent>:not([hidden])~:not([hidden]) {
    border-color: var(--border-color-transparent, transparent)
}

.self-start {
    align-self: flex-start
}

.self-center {
    align-self: center
}

.justify-self-end {
    justify-self: end
}

.overflow-auto {
    overflow: auto
}

.overflow-hidden {
    overflow: hidden
}

.overflow-x-auto {
    overflow-x: auto
}

.overflow-y-auto {
    overflow-y: auto
}

.overflow-y-scroll {
    overflow-y: scroll
}

.overscroll-contain {
    overscroll-behavior: contain
}

.overscroll-none {
    overscroll-behavior: none
}

.truncate {
    overflow: hidden;
    text-overflow: ellipsis
}

.truncate,
.whitespace-nowrap {
    white-space: nowrap
}

.break-all {
    word-break: break-all
}

.rounded-full {
    border-radius: 50%
}

.rounded-large {
    border-radius: var(--border-radius-large, 16px)
}

.rounded-medium {
    border-radius: var(--border-radius-medium, 8px)
}

.rounded-small {
    border-radius: var(--border-radius-small, 4px)
}

.rounded-xlarge {
    border-radius: var(--border-radius-xlarge, 32px)
}

.rounded-b-medium {
    border-bottom-left-radius: var(--border-radius-medium, 8px);
    border-bottom-right-radius: var(--border-radius-medium, 8px)
}

.rounded-t-medium {
    border-top-left-radius: var(--border-radius-medium, 8px);
    border-top-right-radius: var(--border-radius-medium, 8px)
}

.rounded-tl-\[16px\] {
    border-top-left-radius: 16px
}

.rounded-tr-\[16px\] {
    border-top-right-radius: 16px
}

.border {
    border-width: 1px
}

.border-0 {
    border-width: 0
}

.border-2 {
    border-width: 2px
}

.border-b {
    border-bottom-width: 1px
}

.border-b-2 {
    border-bottom-width: 2px
}

.border-t-2 {
    border-top-width: 2px
}

.border-solid {
    border-style: solid
}

.border-\[theme\(palette\.grey-05\)\] {
    border-color: var(--palette-grey-05, #f6f6f9)
}

.border-\[theme\(palette\.purple-05\)\] {
    border-color: var(--palette-purple-05, #f1ecf8)
}

.border-\[theme\(palette\.purple-50\)\] {
    border-color: var(--palette-purple-50, #5a23b9)
}

.border-stroke-caution-base {
    --tw-border-opacity: 1;
    border-color: rgb(var(--border-color-stroke-caution-base)/var(--tw-border-opacity, 1))
}

.border-stroke-info-base {
    --tw-border-opacity: 1;
    border-color: rgb(var(--border-color-stroke-info-base)/var(--tw-border-opacity, 1))
}

.border-stroke-negative-base {
    --tw-border-opacity: 1;
    border-color: rgb(var(--border-color-stroke-negative-base)/var(--tw-border-opacity, 1))
}

.border-stroke-neutral-base {
    --tw-border-opacity: 1;
    border-color: rgb(var(--border-color-stroke-neutral-base)/var(--tw-border-opacity, 1))
}

.border-stroke-neutral2-base {
    --tw-border-opacity: 1;
    border-color: rgb(var(--border-color-stroke-neutral2-base)/var(--tw-border-opacity, 1))
}

.border-stroke-neutral2-down\/\[\.15\] {
    border-color: rgb(var(--border-color-stroke-neutral2-down)/.15)
}

.border-stroke-positive-base {
    --tw-border-opacity: 1;
    border-color: rgb(var(--border-color-stroke-positive-base)/var(--tw-border-opacity, 1))
}

.border-stroke-theme1-base {
    --tw-border-opacity: 1;
    border-color: rgb(var(--border-color-stroke-theme1-base)/var(--tw-border-opacity, 1))
}

.border-stroke-theme2-base {
    --tw-border-opacity: 1;
    border-color: rgb(var(--border-color-stroke-theme2-base)/var(--tw-border-opacity, 1))
}

.border-opacity-60 {
    --tw-border-opacity: 0.6
}

.bg-\[theme\(palette\.grey-10\)\] {
    background-color: var(--palette-grey-10, #ececf2)
}

.bg-fill-caution-base {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-caution-base)/var(--tw-bg-opacity, 1))
}

.bg-fill-info-base {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-info-base)/var(--tw-bg-opacity, 1))
}

.bg-fill-inverse-base {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-inverse-base)/var(--tw-bg-opacity, 1))
}

.bg-fill-inverse-focus {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-inverse-focus)/var(--tw-bg-opacity, 1))
}

.bg-fill-negative-base {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-negative-base)/var(--tw-bg-opacity, 1))
}

.bg-fill-neutral-base {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-neutral-base)/var(--tw-bg-opacity, 1))
}

.bg-fill-neutral2-base {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-neutral2-base)/var(--tw-bg-opacity, 1))
}

.bg-fill-positive-base {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-positive-base)/var(--tw-bg-opacity, 1))
}

.bg-fill-theme1-base {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-theme1-base)/var(--tw-bg-opacity, 1))
}

.bg-fill-theme2-base {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-theme2-base)/var(--tw-bg-opacity, 1))
}

.bg-material-1 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-material-1)/var(--tw-bg-opacity, 1))
}

.bg-material-2 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-material-2)/var(--tw-bg-opacity, 1))
}

.bg-material-info-base {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-material-info-base)/var(--tw-bg-opacity, 1))
}

.bg-material-neutral-base {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-material-neutral-base)/var(--tw-bg-opacity, 1))
}

.bg-material-neutral2-base {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-material-neutral2-base)/var(--tw-bg-opacity, 1))
}

.bg-material-theme1-base {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-material-theme1-base)/var(--tw-bg-opacity, 1))
}

.bg-transparent {
    background-color: var(--background-color-transparent, transparent)
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
}

.bg-opacity-0 {
    --tw-bg-opacity: 0
}

.bg-opacity-tertiary {
    --tw-bg-opacity: var(--background-opacity-tertiary, 0.15)
}

.bg-gradient-expressive {
    background-image: var(--background-image-gradient-expressive, linear-gradient(90deg, #28156b, #7c01bd))
}

.bg-cover {
    background-size: cover
}

.bg-clip-text {
    -webkit-background-clip: text;
    background-clip: text
}

.bg-center {
    background-position: 50%
}

.bg-no-repeat {
    background-repeat: no-repeat
}

.object-contain {
    object-fit: contain
}

.object-cover {
    object-fit: cover
}

.p-0 {
    padding: 0
}

.p-1 {
    padding: .25rem
}

.p-12 {
    padding: 3rem
}

.p-2 {
    padding: .5rem
}

.p-3 {
    padding: .75rem
}

.p-4 {
    padding: 1rem
}

.p-6 {
    padding: 1.5rem
}

.p-8 {
    padding: 2rem
}

.px-0 {
    padding-left: 0;
    padding-right: 0
}

.px-1 {
    padding-left: .25rem;
    padding-right: .25rem
}

.px-2 {
    padding-left: .5rem;
    padding-right: .5rem
}

.px-24 {
    padding-left: 6rem;
    padding-right: 6rem
}

.px-3 {
    padding-left: .75rem;
    padding-right: .75rem
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.px-8 {
    padding-left: 2rem;
    padding-right: 2rem
}

.py-0 {
    padding-bottom: 0;
    padding-top: 0
}

.py-0\.5 {
    padding-bottom: .125rem;
    padding-top: .125rem
}

.py-1 {
    padding-bottom: .25rem;
    padding-top: .25rem
}

.py-10 {
    padding-bottom: 2.5rem;
    padding-top: 2.5rem
}

.py-2 {
    padding-bottom: .5rem;
    padding-top: .5rem
}

.py-3 {
    padding-bottom: .75rem;
    padding-top: .75rem
}

.py-4 {
    padding-bottom: 1rem;
    padding-top: 1rem
}

.py-6 {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem
}

.py-8 {
    padding-bottom: 2rem;
    padding-top: 2rem
}

.pb-10 {
    padding-bottom: 2.5rem
}

.pb-2 {
    padding-bottom: .5rem
}

.pb-4 {
    padding-bottom: 1rem
}

.pb-6 {
    padding-bottom: 1.5rem
}

.pb-8 {
    padding-bottom: 2rem
}

.pl-10 {
    padding-left: 2.5rem
}

.pl-2 {
    padding-left: .5rem
}

.pl-2\.5 {
    padding-left: .625rem
}

.pl-4 {
    padding-left: 1rem
}

.pr-12 {
    padding-right: 3rem
}

.pr-2 {
    padding-right: .5rem
}

.pt-1 {
    padding-top: .25rem
}

.pt-10 {
    padding-top: 2.5rem
}

.pt-12 {
    padding-top: 3rem
}

.pt-16 {
    padding-top: 4rem
}

.pt-2 {
    padding-top: .5rem
}

.pt-4 {
    padding-top: 1rem
}

.pt-6 {
    padding-top: 1.5rem
}

.pt-8 {
    padding-top: 2rem
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.align-top {
    vertical-align: top
}

.align-bottom {
    vertical-align: bottom
}

.text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem
}

.text-\[11px\] {
    font-size: 11px
}

.text-base {
    font-size: 1rem;
    line-height: 1.5rem
}

.text-lg {
    font-size: 1.125rem
}

.text-lg,
.text-xl {
    line-height: 1.75rem
}

.text-xl {
    font-size: 1.25rem
}

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

.font-bold {
    font-weight: 700
}

.font-medium {
    font-weight: 500
}

.font-normal {
    font-weight: 400
}

.uppercase {
    text-transform: uppercase
}

.capitalize {
    text-transform: capitalize
}

.italic {
    font-style: italic
}

.leading-4 {
    line-height: 1rem
}

.leading-\[3rem\] {
    line-height: 3rem
}

.leading-none {
    line-height: 1
}

.text-\[theme\(palette\.purple-50\)\] {
    color: var(--palette-purple-50, #5a23b9)
}

.text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity, 1))
}

.text-info-base {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-info-base)/var(--tw-text-opacity, 1))
}

.text-inverse-base {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-inverse-base)/var(--tw-text-opacity, 1))
}

.text-negative-base {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-negative-base)/var(--tw-text-opacity, 1))
}

.text-neutral-base {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-neutral-base)/var(--tw-text-opacity, 1))
}

.text-theme1-base {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-theme1-base)/var(--tw-text-opacity, 1))
}

.text-transparent {
    color: transparent
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.underline {
    text-decoration-line: underline
}

.line-through {
    text-decoration-line: line-through
}

.no-underline {
    text-decoration-line: none
}

.opacity-0 {
    opacity: 0
}

.opacity-100 {
    opacity: 1
}

.opacity-60 {
    opacity: .6
}

.shadow-0 {
    --tw-shadow: 0px 0px 0px 0px var(--shadow-color);
    --tw-shadow-colored: 0px 0px 0px 0px var(--tw-shadow-color)
}

.shadow-0,
.shadow-1 {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-1 {
    --tw-shadow: 0px 4px 8px -4px var(--shadow-color);
    --tw-shadow-colored: 0px 4px 8px -4px var(--tw-shadow-color)
}

.shadow-3 {
    --tw-shadow: 0px 16px 16px -8px var(--shadow-color);
    --tw-shadow-colored: 0px 16px 16px -8px var(--tw-shadow-color)
}

.shadow-3,
.shadow-4 {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-4 {
    --tw-shadow: 0px 24px 24px -8px var(--shadow-color);
    --tw-shadow-colored: 0px 24px 24px -8px var(--tw-shadow-color)
}

.shadow-\[0_-2px_4px_0_rgba\(0\2c 0\2c 0\2c 0\.05\)\] {
    --tw-shadow: 0 -2px 4px 0 rgba(0, 0, 0, .05);
    --tw-shadow-colored: 0 -2px 4px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_4px_24px_-4px_rgba\(95\2c 95\2c 95\2c 0\.32\)\] {
    --tw-shadow: 0 4px 24px -4px rgba(95, 95, 95, .32);
    --tw-shadow-colored: 0 4px 24px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.outline {
    outline-style: solid
}

.ring {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.blur {
    --tw-blur: blur(8px)
}

.blur,
.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.transition {
    transition-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-all {
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.duration-300 {
    transition-duration: .3s
}

.ease-in-out {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.corner-radius-small {
    border-radius: 4px
}

.corner-radius-medium {
    border-radius: 8px
}

.bg-fill-caution-base {
    --shadow-color: var(--fill-caution-base-shadow)
}

.bg-fill-info-base {
    --shadow-color: var(--fill-info-base-shadow)
}

.bg-fill-inverse-base {
    --shadow-color: var(--fill-inverse-base-shadow)
}

.bg-fill-inverse-focus {
    --shadow-color: var(--fill-inverse-focus-shadow)
}

.bg-fill-negative-base {
    --shadow-color: var(--fill-negative-base-shadow)
}

.bg-fill-neutral-base {
    --shadow-color: var(--fill-neutral-base-shadow)
}

.bg-fill-positive-base {
    --shadow-color: var(--fill-positive-base-shadow)
}

.bg-fill-theme1-base {
    --shadow-color: var(--fill-theme1-base-shadow)
}

.bg-fill-theme2-base {
    --shadow-color: var(--fill-theme2-base-shadow)
}

.bg-material-1 {
    --shadow-color: var(--material-1-shadow)
}

.bg-material-2 {
    --shadow-color: var(--material-2-shadow)
}

.bg-material-neutral-base {
    --shadow-color: var(--material-neutral-base-shadow)
}

.bg-material-neutral2-base {
    --shadow-color: var(--material-neutral2-base-shadow)
}

.bg-material-info-base {
    --shadow-color: var(--material-info-base-shadow)
}

.bg-material-theme1-base {
    --shadow-color: var(--material-theme1-base-shadow)
}

.light,
:root,
[light] {
    --fill-caution-base-shadow: rgba(95, 29, 0, .51);
    --fill-caution-down-shadow: rgba(74, 22, 0, .51);
    --fill-caution-focus-shadow: rgba(85, 26, 0, .51);
    --fill-caution-hover-shadow: rgba(85, 26, 0, .51);
    --fill-info-base-shadow: rgba(0, 39, 112, .51);
    --fill-info-down-shadow: rgba(0, 24, 68, .51);
    --fill-info-focus-shadow: rgba(0, 30, 85, .51);
    --fill-info-hover-shadow: rgba(0, 30, 85, .51);
    --fill-inverse-base-shadow: hsla(240, 0%, 53%, .51);
    --fill-inverse-down-shadow: hsla(240, 3%, 45%, .51);
    --fill-inverse-focus-shadow: hsla(0, 0%, 55%, .51);
    --fill-inverse-hover-shadow: hsla(0, 0%, 55%, .51);
    --fill-negative-base-shadow: rgba(97, 1, 28, .51);
    --fill-negative-down-shadow: rgba(51, 0, 14, .51);
    --fill-negative-focus-shadow: rgba(74, 0, 21, .51);
    --fill-negative-hover-shadow: rgba(74, 0, 21, .51);
    --fill-neutral-base-shadow: rgba(8, 8, 10, .51);
    --fill-neutral-down-shadow: rgba(34, 34, 39, .51);
    --fill-neutral-focus-shadow: rgba(24, 24, 28, .51);
    --fill-neutral-hover-shadow: rgba(24, 24, 28, .51);
    --fill-positive-base-shadow: rgba(0, 52, 39, .51);
    --fill-positive-down-shadow: rgba(0, 23, 18, .51);
    --fill-positive-focus-shadow: rgba(0, 40, 30, .51);
    --fill-positive-hover-shadow: rgba(0, 40, 30, .51);
    --fill-theme1-base-shadow: rgba(44, 15, 98, .51);
    --fill-theme1-down-shadow: rgba(18, 7, 41, .51);
    --fill-theme1-focus-shadow: rgba(25, 9, 56, .51);
    --fill-theme1-hover-shadow: rgba(25, 9, 56, .51);
    --fill-theme2-base-shadow: rgba(44, 15, 98, .51);
    --fill-theme2-down-shadow: rgba(18, 7, 41, .51);
    --fill-theme2-focus-shadow: rgba(25, 9, 56, .51);
    --fill-theme2-hover-shadow: rgba(25, 9, 56, .51);
    --material-1-shadow: hsla(0, 0%, 55%, .51);
    --material-2-shadow: hsla(240, 0%, 53%, .51);
    --material-1-inverse-shadow: rgba(8, 8, 10, .51);
    --material-2-inverse-shadow: rgba(15, 15, 18, .51);
    --material-caution-shadow: hsla(20, 6%, 49%, .51);
    --material-caution-inverse-shadow: rgba(27, 14, 8, .51);
    --material-info-shadow: hsla(220, 6%, 49%, .51);
    --material-info-inverse-shadow: rgba(8, 13, 24, .51);
    --material-negative-shadow: hsla(340, 6%, 49%, .51);
    --material-negative-inverse-shadow: rgba(22, 7, 12, .51);
    --material-positive-shadow: hsla(160, 6%, 49%, .51);
    --material-positive-inverse-shadow: rgba(6, 19, 14, .51);
    --material-theme1-shadow: hsla(266, 3%, 52%, .51);
    --material-theme1-inverse-shadow: rgba(17, 6, 34, .51);
    --material-neutral-base-shadow: hsla(0, 0%, 55%, .51);
    --material-neutral-down-shadow: hsla(0, 0%, 47%, .51);
    --material-neutral-focus-shadow: hsla(0, 0%, 53%, .51);
    --material-neutral-hover-shadow: hsla(0, 0%, 53%, .51);
    --material-neutral2-base-shadow: hsla(240, 0%, 53%, .51);
    --material-neutral2-down-shadow: hsla(240, 0%, 46%, .51);
    --material-neutral2-focus-shadow: hsla(240, 0%, 51%, .51);
    --material-neutral2-hover-shadow: hsla(240, 0%, 51%, .51);
    --material-caution-base-shadow: hsla(20, 6%, 49%, .51);
    --material-caution-down-shadow: hsla(18, 6%, 43%, .51);
    --material-caution-focus-shadow: hsla(21, 6%, 47%, .51);
    --material-caution-hover-shadow: hsla(21, 6%, 47%, .51);
    --material-info-base-shadow: hsla(220, 6%, 49%, .51);
    --material-info-down-shadow: hsla(222, 6%, 43%, .51);
    --material-info-focus-shadow: hsla(219, 6%, 47%, .51);
    --material-info-hover-shadow: hsla(219, 6%, 47%, .51);
    --material-negative-base-shadow: hsla(340, 6%, 49%, .51);
    --material-negative-down-shadow: hsla(342, 6%, 43%, .51);
    --material-negative-focus-shadow: hsla(339, 6%, 47%, .51);
    --material-negative-hover-shadow: hsla(339, 6%, 47%, .51);
    --material-positive-base-shadow: hsla(160, 6%, 49%, .51);
    --material-positive-down-shadow: hsla(162, 6%, 43%, .51);
    --material-positive-focus-shadow: hsla(163, 6%, 47%, .51);
    --material-positive-hover-shadow: hsla(163, 6%, 47%, .51);
    --material-neutral-inverse-base-shadow: rgba(8, 8, 10, .51);
    --material-neutral-inverse-down-shadow: rgba(22, 22, 23, .51);
    --material-neutral-inverse-focus-shadow: rgba(13, 13, 14, .51);
    --material-neutral-inverse-hover-shadow: rgba(13, 13, 14, .51);
    --material-neutral2-inverse-base-shadow: rgba(15, 15, 18, .51);
    --material-neutral2-inverse-down-shadow: rgba(29, 29, 31, .51);
    --material-neutral2-inverse-focus-shadow: rgba(20, 20, 22, .51);
    --material-neutral2-inverse-hover-shadow: rgba(20, 20, 22, .51);
    --material-caution-inverse-base-shadow: rgba(27, 14, 8, .51);
    --material-caution-inverse-down-shadow: rgba(39, 28, 22, .51);
    --material-caution-inverse-focus-shadow: rgba(31, 18, 13, .51);
    --material-caution-inverse-hover-shadow: rgba(31, 18, 13, .51);
    --material-info-inverse-base-shadow: rgba(8, 13, 24, .51);
    --material-info-inverse-down-shadow: rgba(21, 27, 37, .51);
    --material-info-inverse-focus-shadow: rgba(12, 17, 28, .51);
    --material-info-inverse-hover-shadow: rgba(12, 17, 28, .51);
    --material-negative-inverse-base-shadow: rgba(22, 7, 12, .51);
    --material-negative-inverse-down-shadow: rgba(35, 21, 25, .51);
    --material-negative-inverse-focus-shadow: rgba(27, 12, 16, .51);
    --material-negative-inverse-hover-shadow: rgba(27, 12, 16, .51);
    --material-positive-inverse-base-shadow: rgba(6, 19, 14, .51);
    --material-positive-inverse-down-shadow: rgba(19, 32, 28, .51);
    --material-positive-inverse-focus-shadow: rgba(10, 23, 19, .51);
    --material-positive-inverse-hover-shadow: rgba(10, 23, 19, .51);
    --material-theme1-base-shadow: hsla(266, 3%, 52%, .51);
    --material-theme1-down-shadow: hsla(260, 3%, 45%, .51);
    --material-theme1-focus-shadow: hsla(266, 3%, 50%, .51);
    --material-theme1-hover-shadow: hsla(266, 3%, 50%, .51);
    --material-theme2-base-shadow: hsla(266, 3%, 52%, .51);
    --material-theme2-down-shadow: hsla(260, 3%, 45%, .51);
    --material-theme2-focus-shadow: hsla(266, 3%, 50%, .51);
    --material-theme2-hover-shadow: hsla(266, 3%, 50%, .51)
}

.dark,
[dark] {
    --fill-caution-base-shadow: rgba(0, 0, 0, .51);
    --fill-caution-down-shadow: rgba(0, 0, 0, .51);
    --fill-caution-focus-shadow: rgba(0, 0, 0, .51);
    --fill-caution-hover-shadow: rgba(0, 0, 0, .51);
    --fill-info-base-shadow: rgba(0, 0, 0, .51);
    --fill-info-down-shadow: rgba(0, 0, 0, .51);
    --fill-info-focus-shadow: rgba(0, 0, 0, .51);
    --fill-info-hover-shadow: rgba(0, 0, 0, .51);
    --fill-inverse-base-shadow: rgba(0, 0, 0, .51);
    --fill-inverse-down-shadow: rgba(0, 0, 0, .51);
    --fill-inverse-focus-shadow: rgba(0, 0, 0, .51);
    --fill-inverse-hover-shadow: rgba(0, 0, 0, .51);
    --fill-negative-base-shadow: rgba(0, 0, 0, .51);
    --fill-negative-down-shadow: rgba(0, 0, 0, .51);
    --fill-negative-focus-shadow: rgba(0, 0, 0, .51);
    --fill-negative-hover-shadow: rgba(0, 0, 0, .51);
    --fill-neutral-base-shadow: rgba(0, 0, 0, .51);
    --fill-neutral-down-shadow: rgba(0, 0, 0, .51);
    --fill-neutral-focus-shadow: rgba(0, 0, 0, .51);
    --fill-neutral-hover-shadow: rgba(0, 0, 0, .51);
    --fill-positive-base-shadow: rgba(0, 0, 0, .51);
    --fill-positive-down-shadow: rgba(0, 0, 0, .51);
    --fill-positive-focus-shadow: rgba(0, 0, 0, .51);
    --fill-positive-hover-shadow: rgba(0, 0, 0, .51);
    --fill-theme1-base-shadow: rgba(0, 0, 0, .51);
    --fill-theme1-down-shadow: rgba(0, 0, 0, .51);
    --fill-theme1-focus-shadow: rgba(0, 0, 0, .51);
    --fill-theme1-hover-shadow: rgba(0, 0, 0, .51);
    --fill-theme2-base-shadow: rgba(0, 0, 0, .51);
    --fill-theme2-down-shadow: rgba(0, 0, 0, .51);
    --fill-theme2-focus-shadow: rgba(0, 0, 0, .51);
    --fill-theme2-hover-shadow: rgba(0, 0, 0, .51);
    --material-1-shadow: rgba(8, 8, 10, .51);
    --material-2-shadow: rgba(15, 15, 18, .51);
    --material-1-inverse-shadow: hsla(0, 0%, 55%, .51);
    --material-2-inverse-shadow: hsla(240, 0%, 53%, .51);
    --material-caution-shadow: rgba(27, 14, 8, .51);
    --material-caution-inverse-shadow: hsla(20, 6%, 49%, .51);
    --material-info-shadow: rgba(8, 13, 24, .51);
    --material-info-inverse-shadow: hsla(220, 6%, 49%, .51);
    --material-negative-shadow: rgba(22, 7, 12, .51);
    --material-negative-inverse-shadow: hsla(340, 6%, 49%, .51);
    --material-positive-shadow: rgba(6, 19, 14, .51);
    --material-positive-inverse-shadow: hsla(160, 6%, 49%, .51);
    --material-theme1-shadow: rgba(17, 6, 34, .51);
    --material-theme1-inverse-shadow: hsla(266, 3%, 52%, .51);
    --material-neutral-base-shadow: rgba(0, 0, 0, .51);
    --material-neutral-down-shadow: rgba(0, 0, 0, .51);
    --material-neutral-focus-shadow: rgba(0, 0, 0, .51);
    --material-neutral-hover-shadow: rgba(0, 0, 0, .51);
    --material-neutral2-base-shadow: rgba(0, 0, 0, .51);
    --material-neutral2-down-shadow: rgba(0, 0, 0, .51);
    --material-neutral2-focus-shadow: rgba(0, 0, 0, .51);
    --material-neutral2-hover-shadow: rgba(0, 0, 0, .51);
    --material-caution-base-shadow: rgba(0, 0, 0, .51);
    --material-caution-down-shadow: rgba(0, 0, 0, .51);
    --material-caution-focus-shadow: rgba(0, 0, 0, .51);
    --material-caution-hover-shadow: rgba(0, 0, 0, .51);
    --material-info-base-shadow: rgba(0, 0, 0, .51);
    --material-info-down-shadow: rgba(0, 0, 0, .51);
    --material-info-focus-shadow: rgba(0, 0, 0, .51);
    --material-info-hover-shadow: rgba(0, 0, 0, .51);
    --material-negative-base-shadow: rgba(0, 0, 0, .51);
    --material-negative-down-shadow: rgba(0, 0, 0, .51);
    --material-negative-focus-shadow: rgba(0, 0, 0, .51);
    --material-negative-hover-shadow: rgba(0, 0, 0, .51);
    --material-positive-base-shadow: rgba(0, 0, 0, .51);
    --material-positive-down-shadow: rgba(0, 0, 0, .51);
    --material-positive-focus-shadow: rgba(0, 0, 0, .51);
    --material-positive-hover-shadow: rgba(0, 0, 0, .51);
    --material-neutral-inverse-base-shadow: rgba(0, 0, 0, .51);
    --material-neutral-inverse-down-shadow: rgba(0, 0, 0, .51);
    --material-neutral-inverse-focus-shadow: rgba(0, 0, 0, .51);
    --material-neutral-inverse-hover-shadow: rgba(0, 0, 0, .51);
    --material-neutral2-inverse-base-shadow: rgba(0, 0, 0, .51);
    --material-neutral2-inverse-down-shadow: rgba(0, 0, 0, .51);
    --material-neutral2-inverse-focus-shadow: rgba(0, 0, 0, .51);
    --material-neutral2-inverse-hover-shadow: rgba(0, 0, 0, .51);
    --material-caution-inverse-base-shadow: rgba(0, 0, 0, .51);
    --material-caution-inverse-down-shadow: rgba(0, 0, 0, .51);
    --material-caution-inverse-focus-shadow: rgba(0, 0, 0, .51);
    --material-caution-inverse-hover-shadow: rgba(0, 0, 0, .51);
    --material-info-inverse-base-shadow: rgba(0, 0, 0, .51);
    --material-info-inverse-down-shadow: rgba(0, 0, 0, .51);
    --material-info-inverse-focus-shadow: rgba(0, 0, 0, .51);
    --material-info-inverse-hover-shadow: rgba(0, 0, 0, .51);
    --material-negative-inverse-base-shadow: rgba(0, 0, 0, .51);
    --material-negative-inverse-down-shadow: rgba(0, 0, 0, .51);
    --material-negative-inverse-focus-shadow: rgba(0, 0, 0, .51);
    --material-negative-inverse-hover-shadow: rgba(0, 0, 0, .51);
    --material-positive-inverse-base-shadow: rgba(0, 0, 0, .51);
    --material-positive-inverse-down-shadow: rgba(0, 0, 0, .51);
    --material-positive-inverse-focus-shadow: rgba(0, 0, 0, .51);
    --material-positive-inverse-hover-shadow: rgba(0, 0, 0, .51);
    --material-theme1-base-shadow: rgba(0, 0, 0, .51);
    --material-theme1-down-shadow: rgba(0, 0, 0, .51);
    --material-theme1-focus-shadow: rgba(0, 0, 0, .51);
    --material-theme1-hover-shadow: rgba(0, 0, 0, .51);
    --material-theme2-base-shadow: rgba(0, 0, 0, .51);
    --material-theme2-down-shadow: rgba(0, 0, 0, .51);
    --material-theme2-focus-shadow: rgba(0, 0, 0, .51);
    --material-theme2-hover-shadow: rgba(0, 0, 0, .51)
}

.dotcom,
.dotcom .light,
.dotcom-dark .light {
    --fill-caution-base-shadow: rgba(95, 29, 0, .51);
    --fill-caution-down-shadow: rgba(74, 22, 0, .51);
    --fill-caution-focus-shadow: rgba(85, 26, 0, .51);
    --fill-caution-hover-shadow: rgba(85, 26, 0, .51);
    --fill-info-base-shadow: rgba(0, 39, 112, .51);
    --fill-info-down-shadow: rgba(0, 24, 68, .51);
    --fill-info-focus-shadow: rgba(0, 30, 85, .51);
    --fill-info-hover-shadow: rgba(0, 30, 85, .51);
    --fill-inverse-base-shadow: hsla(240, 0%, 53%, .51);
    --fill-inverse-down-shadow: hsla(240, 3%, 45%, .51);
    --fill-inverse-focus-shadow: hsla(0, 0%, 55%, .51);
    --fill-inverse-hover-shadow: hsla(0, 0%, 55%, .51);
    --fill-negative-base-shadow: rgba(97, 1, 28, .51);
    --fill-negative-down-shadow: rgba(51, 0, 14, .51);
    --fill-negative-focus-shadow: rgba(74, 0, 21, .51);
    --fill-negative-hover-shadow: rgba(74, 0, 21, .51);
    --fill-neutral-base-shadow: rgba(8, 8, 10, .51);
    --fill-neutral-down-shadow: rgba(34, 34, 39, .51);
    --fill-neutral-focus-shadow: rgba(24, 24, 28, .51);
    --fill-neutral-hover-shadow: rgba(24, 24, 28, .51);
    --fill-positive-base-shadow: rgba(0, 52, 39, .51);
    --fill-positive-down-shadow: rgba(0, 23, 18, .51);
    --fill-positive-focus-shadow: rgba(0, 40, 30, .51);
    --fill-positive-hover-shadow: rgba(0, 40, 30, .51);
    --fill-theme1-base-shadow: rgba(44, 15, 98, .51);
    --fill-theme1-down-shadow: rgba(18, 7, 41, .51);
    --fill-theme1-focus-shadow: rgba(25, 9, 56, .51);
    --fill-theme1-hover-shadow: rgba(25, 9, 56, .51);
    --fill-theme2-base-shadow: rgba(44, 15, 98, .51);
    --fill-theme2-down-shadow: rgba(18, 7, 41, .51);
    --fill-theme2-focus-shadow: rgba(25, 9, 56, .51);
    --fill-theme2-hover-shadow: rgba(25, 9, 56, .51);
    --material-1-shadow: hsla(0, 0%, 55%, .51);
    --material-2-shadow: hsla(240, 0%, 53%, .51);
    --material-1-inverse-shadow: rgba(8, 8, 10, .51);
    --material-2-inverse-shadow: rgba(15, 15, 18, .51);
    --material-caution-shadow: hsla(20, 6%, 49%, .51);
    --material-caution-inverse-shadow: rgba(27, 14, 8, .51);
    --material-info-shadow: hsla(220, 6%, 49%, .51);
    --material-info-inverse-shadow: rgba(8, 13, 24, .51);
    --material-negative-shadow: hsla(340, 6%, 49%, .51);
    --material-negative-inverse-shadow: rgba(22, 7, 12, .51);
    --material-positive-shadow: hsla(160, 6%, 49%, .51);
    --material-positive-inverse-shadow: rgba(6, 19, 14, .51);
    --material-theme1-shadow: hsla(266, 3%, 52%, .51);
    --material-theme1-inverse-shadow: rgba(17, 6, 34, .51);
    --material-neutral-base-shadow: hsla(0, 0%, 55%, .51);
    --material-neutral-down-shadow: hsla(0, 0%, 47%, .51);
    --material-neutral-focus-shadow: hsla(0, 0%, 53%, .51);
    --material-neutral-hover-shadow: hsla(0, 0%, 53%, .51);
    --material-neutral2-base-shadow: hsla(240, 0%, 53%, .51);
    --material-neutral2-down-shadow: hsla(240, 0%, 46%, .51);
    --material-neutral2-focus-shadow: hsla(240, 0%, 51%, .51);
    --material-neutral2-hover-shadow: hsla(240, 0%, 51%, .51);
    --material-caution-base-shadow: hsla(20, 6%, 49%, .51);
    --material-caution-down-shadow: hsla(18, 6%, 43%, .51);
    --material-caution-focus-shadow: hsla(21, 6%, 47%, .51);
    --material-caution-hover-shadow: hsla(21, 6%, 47%, .51);
    --material-info-base-shadow: hsla(220, 6%, 49%, .51);
    --material-info-down-shadow: hsla(222, 6%, 43%, .51);
    --material-info-focus-shadow: hsla(219, 6%, 47%, .51);
    --material-info-hover-shadow: hsla(219, 6%, 47%, .51);
    --material-negative-base-shadow: hsla(340, 6%, 49%, .51);
    --material-negative-down-shadow: hsla(342, 6%, 43%, .51);
    --material-negative-focus-shadow: hsla(339, 6%, 47%, .51);
    --material-negative-hover-shadow: hsla(339, 6%, 47%, .51);
    --material-positive-base-shadow: hsla(160, 6%, 49%, .51);
    --material-positive-down-shadow: hsla(162, 6%, 43%, .51);
    --material-positive-focus-shadow: hsla(163, 6%, 47%, .51);
    --material-positive-hover-shadow: hsla(163, 6%, 47%, .51);
    --material-neutral-inverse-base-shadow: rgba(8, 8, 10, .51);
    --material-neutral-inverse-down-shadow: rgba(22, 22, 23, .51);
    --material-neutral-inverse-focus-shadow: rgba(13, 13, 14, .51);
    --material-neutral-inverse-hover-shadow: rgba(13, 13, 14, .51);
    --material-neutral2-inverse-base-shadow: rgba(15, 15, 18, .51);
    --material-neutral2-inverse-down-shadow: rgba(29, 29, 31, .51);
    --material-neutral2-inverse-focus-shadow: rgba(20, 20, 22, .51);
    --material-neutral2-inverse-hover-shadow: rgba(20, 20, 22, .51);
    --material-caution-inverse-base-shadow: rgba(27, 14, 8, .51);
    --material-caution-inverse-down-shadow: rgba(39, 28, 22, .51);
    --material-caution-inverse-focus-shadow: rgba(31, 18, 13, .51);
    --material-caution-inverse-hover-shadow: rgba(31, 18, 13, .51);
    --material-info-inverse-base-shadow: rgba(8, 13, 24, .51);
    --material-info-inverse-down-shadow: rgba(21, 27, 37, .51);
    --material-info-inverse-focus-shadow: rgba(12, 17, 28, .51);
    --material-info-inverse-hover-shadow: rgba(12, 17, 28, .51);
    --material-negative-inverse-base-shadow: rgba(22, 7, 12, .51);
    --material-negative-inverse-down-shadow: rgba(35, 21, 25, .51);
    --material-negative-inverse-focus-shadow: rgba(27, 12, 16, .51);
    --material-negative-inverse-hover-shadow: rgba(27, 12, 16, .51);
    --material-positive-inverse-base-shadow: rgba(6, 19, 14, .51);
    --material-positive-inverse-down-shadow: rgba(19, 32, 28, .51);
    --material-positive-inverse-focus-shadow: rgba(10, 23, 19, .51);
    --material-positive-inverse-hover-shadow: rgba(10, 23, 19, .51);
    --material-theme1-base-shadow: hsla(266, 3%, 52%, .51);
    --material-theme1-down-shadow: hsla(260, 3%, 45%, .51);
    --material-theme1-focus-shadow: hsla(266, 3%, 50%, .51);
    --material-theme1-hover-shadow: hsla(266, 3%, 50%, .51);
    --material-theme2-base-shadow: hsla(266, 3%, 52%, .51);
    --material-theme2-down-shadow: hsla(260, 3%, 45%, .51);
    --material-theme2-focus-shadow: hsla(266, 3%, 50%, .51);
    --material-theme2-hover-shadow: hsla(266, 3%, 50%, .51)
}

.dotcom .dark,
.dotcom-dark,
.dotcom-dark .dark {
    --fill-caution-base-shadow: rgba(0, 0, 0, .51);
    --fill-caution-down-shadow: rgba(0, 0, 0, .51);
    --fill-caution-focus-shadow: rgba(0, 0, 0, .51);
    --fill-caution-hover-shadow: rgba(0, 0, 0, .51);
    --fill-info-base-shadow: rgba(0, 0, 0, .51);
    --fill-info-down-shadow: rgba(0, 0, 0, .51);
    --fill-info-focus-shadow: rgba(0, 0, 0, .51);
    --fill-info-hover-shadow: rgba(0, 0, 0, .51);
    --fill-inverse-base-shadow: rgba(0, 0, 0, .51);
    --fill-inverse-down-shadow: rgba(0, 0, 0, .51);
    --fill-inverse-focus-shadow: rgba(0, 0, 0, .51);
    --fill-inverse-hover-shadow: rgba(0, 0, 0, .51);
    --fill-negative-base-shadow: rgba(0, 0, 0, .51);
    --fill-negative-down-shadow: rgba(0, 0, 0, .51);
    --fill-negative-focus-shadow: rgba(0, 0, 0, .51);
    --fill-negative-hover-shadow: rgba(0, 0, 0, .51);
    --fill-neutral-base-shadow: rgba(0, 0, 0, .51);
    --fill-neutral-down-shadow: rgba(0, 0, 0, .51);
    --fill-neutral-focus-shadow: rgba(0, 0, 0, .51);
    --fill-neutral-hover-shadow: rgba(0, 0, 0, .51);
    --fill-positive-base-shadow: rgba(0, 0, 0, .51);
    --fill-positive-down-shadow: rgba(0, 0, 0, .51);
    --fill-positive-focus-shadow: rgba(0, 0, 0, .51);
    --fill-positive-hover-shadow: rgba(0, 0, 0, .51);
    --fill-theme1-base-shadow: rgba(0, 0, 0, .51);
    --fill-theme1-down-shadow: rgba(0, 0, 0, .51);
    --fill-theme1-focus-shadow: rgba(0, 0, 0, .51);
    --fill-theme1-hover-shadow: rgba(0, 0, 0, .51);
    --fill-theme2-base-shadow: rgba(0, 0, 0, .51);
    --fill-theme2-down-shadow: rgba(0, 0, 0, .51);
    --fill-theme2-focus-shadow: rgba(0, 0, 0, .51);
    --fill-theme2-hover-shadow: rgba(0, 0, 0, .51);
    --material-1-shadow: hsla(0, 0%, 55%, .51);
    --material-2-shadow: hsla(240, 0%, 53%, .51);
    --material-1-inverse-shadow: rgba(8, 8, 10, .51);
    --material-2-inverse-shadow: rgba(15, 15, 18, .51);
    --material-caution-shadow: hsla(20, 6%, 49%, .51);
    --material-caution-inverse-shadow: rgba(27, 14, 8, .51);
    --material-info-shadow: hsla(220, 6%, 49%, .51);
    --material-info-inverse-shadow: rgba(8, 13, 24, .51);
    --material-negative-shadow: hsla(340, 6%, 49%, .51);
    --material-negative-inverse-shadow: rgba(22, 7, 12, .51);
    --material-positive-shadow: hsla(160, 6%, 49%, .51);
    --material-positive-inverse-shadow: rgba(6, 19, 14, .51);
    --material-theme1-shadow: hsla(266, 3%, 52%, .51);
    --material-theme1-inverse-shadow: rgba(17, 6, 34, .51);
    --material-neutral-base-shadow: rgba(0, 0, 0, .51);
    --material-neutral-down-shadow: rgba(0, 0, 0, .51);
    --material-neutral-focus-shadow: rgba(0, 0, 0, .51);
    --material-neutral-hover-shadow: rgba(0, 0, 0, .51);
    --material-neutral2-base-shadow: rgba(0, 0, 0, .51);
    --material-neutral2-down-shadow: rgba(0, 0, 0, .51);
    --material-neutral2-focus-shadow: rgba(0, 0, 0, .51);
    --material-neutral2-hover-shadow: rgba(0, 0, 0, .51);
    --material-caution-base-shadow: rgba(0, 0, 0, .51);
    --material-caution-down-shadow: rgba(0, 0, 0, .51);
    --material-caution-focus-shadow: rgba(0, 0, 0, .51);
    --material-caution-hover-shadow: rgba(0, 0, 0, .51);
    --material-info-base-shadow: rgba(0, 0, 0, .51);
    --material-info-down-shadow: rgba(0, 0, 0, .51);
    --material-info-focus-shadow: rgba(0, 0, 0, .51);
    --material-info-hover-shadow: rgba(0, 0, 0, .51);
    --material-negative-base-shadow: rgba(0, 0, 0, .51);
    --material-negative-down-shadow: rgba(0, 0, 0, .51);
    --material-negative-focus-shadow: rgba(0, 0, 0, .51);
    --material-negative-hover-shadow: rgba(0, 0, 0, .51);
    --material-positive-base-shadow: rgba(0, 0, 0, .51);
    --material-positive-down-shadow: rgba(0, 0, 0, .51);
    --material-positive-focus-shadow: rgba(0, 0, 0, .51);
    --material-positive-hover-shadow: rgba(0, 0, 0, .51);
    --material-neutral-inverse-base-shadow: rgba(0, 0, 0, .51);
    --material-neutral-inverse-down-shadow: rgba(0, 0, 0, .51);
    --material-neutral-inverse-focus-shadow: rgba(0, 0, 0, .51);
    --material-neutral-inverse-hover-shadow: rgba(0, 0, 0, .51);
    --material-neutral2-inverse-base-shadow: rgba(0, 0, 0, .51);
    --material-neutral2-inverse-down-shadow: rgba(0, 0, 0, .51);
    --material-neutral2-inverse-focus-shadow: rgba(0, 0, 0, .51);
    --material-neutral2-inverse-hover-shadow: rgba(0, 0, 0, .51);
    --material-caution-inverse-base-shadow: rgba(0, 0, 0, .51);
    --material-caution-inverse-down-shadow: rgba(0, 0, 0, .51);
    --material-caution-inverse-focus-shadow: rgba(0, 0, 0, .51);
    --material-caution-inverse-hover-shadow: rgba(0, 0, 0, .51);
    --material-info-inverse-base-shadow: rgba(0, 0, 0, .51);
    --material-info-inverse-down-shadow: rgba(0, 0, 0, .51);
    --material-info-inverse-focus-shadow: rgba(0, 0, 0, .51);
    --material-info-inverse-hover-shadow: rgba(0, 0, 0, .51);
    --material-negative-inverse-base-shadow: rgba(0, 0, 0, .51);
    --material-negative-inverse-down-shadow: rgba(0, 0, 0, .51);
    --material-negative-inverse-focus-shadow: rgba(0, 0, 0, .51);
    --material-negative-inverse-hover-shadow: rgba(0, 0, 0, .51);
    --material-positive-inverse-base-shadow: rgba(0, 0, 0, .51);
    --material-positive-inverse-down-shadow: rgba(0, 0, 0, .51);
    --material-positive-inverse-focus-shadow: rgba(0, 0, 0, .51);
    --material-positive-inverse-hover-shadow: rgba(0, 0, 0, .51);
    --material-theme1-base-shadow: rgba(0, 0, 0, .51);
    --material-theme1-down-shadow: rgba(0, 0, 0, .51);
    --material-theme1-focus-shadow: rgba(0, 0, 0, .51);
    --material-theme1-hover-shadow: rgba(0, 0, 0, .51);
    --material-theme2-base-shadow: rgba(0, 0, 0, .51);
    --material-theme2-down-shadow: rgba(0, 0, 0, .51);
    --material-theme2-focus-shadow: rgba(0, 0, 0, .51);
    --material-theme2-hover-shadow: rgba(0, 0, 0, .51)
}

.now,
.now .dark,
.now .light,
.now-dark,
.now-dark .dark,
.now-dark .light {
    --fill-caution-base-shadow: rgba(95, 29, 0, .51);
    --fill-caution-down-shadow: rgba(74, 22, 0, .51);
    --fill-caution-focus-shadow: rgba(85, 26, 0, .51);
    --fill-caution-hover-shadow: rgba(85, 26, 0, .51);
    --fill-info-base-shadow: rgba(0, 39, 112, .51);
    --fill-info-down-shadow: rgba(0, 24, 68, .51);
    --fill-info-focus-shadow: rgba(0, 30, 85, .51);
    --fill-info-hover-shadow: rgba(0, 30, 85, .51);
    --fill-inverse-base-shadow: hsla(240, 0%, 53%, .51);
    --fill-inverse-down-shadow: hsla(240, 3%, 45%, .51);
    --fill-inverse-focus-shadow: hsla(0, 0%, 55%, .51);
    --fill-inverse-hover-shadow: hsla(0, 0%, 55%, .51);
    --fill-negative-base-shadow: rgba(97, 1, 28, .51);
    --fill-negative-down-shadow: rgba(51, 0, 14, .51);
    --fill-negative-focus-shadow: rgba(74, 0, 21, .51);
    --fill-negative-hover-shadow: rgba(74, 0, 21, .51);
    --fill-neutral-base-shadow: rgba(8, 8, 10, .51);
    --fill-neutral-down-shadow: rgba(34, 34, 39, .51);
    --fill-neutral-focus-shadow: rgba(24, 24, 28, .51);
    --fill-neutral-hover-shadow: rgba(24, 24, 28, .51);
    --fill-positive-base-shadow: rgba(0, 52, 39, .51);
    --fill-positive-down-shadow: rgba(0, 23, 18, .51);
    --fill-positive-focus-shadow: rgba(0, 40, 30, .51);
    --fill-positive-hover-shadow: rgba(0, 40, 30, .51);
    --fill-theme1-base-shadow: rgba(44, 15, 98, .51);
    --fill-theme1-down-shadow: rgba(18, 7, 41, .51);
    --fill-theme1-focus-shadow: rgba(25, 9, 56, .51);
    --fill-theme1-hover-shadow: rgba(25, 9, 56, .51);
    --fill-theme2-base-shadow: rgba(44, 15, 98, .51);
    --fill-theme2-down-shadow: rgba(18, 7, 41, .51);
    --fill-theme2-focus-shadow: rgba(25, 9, 56, .51);
    --fill-theme2-hover-shadow: rgba(25, 9, 56, .51);
    --material-1-shadow: hsla(0, 0%, 55%, .51);
    --material-2-shadow: hsla(240, 0%, 53%, .51);
    --material-1-inverse-shadow: rgba(8, 8, 10, .51);
    --material-2-inverse-shadow: rgba(15, 15, 18, .51);
    --material-caution-shadow: hsla(20, 6%, 49%, .51);
    --material-caution-inverse-shadow: rgba(27, 14, 8, .51);
    --material-info-shadow: hsla(220, 6%, 49%, .51);
    --material-info-inverse-shadow: rgba(8, 13, 24, .51);
    --material-negative-shadow: hsla(340, 6%, 49%, .51);
    --material-negative-inverse-shadow: rgba(22, 7, 12, .51);
    --material-positive-shadow: hsla(160, 6%, 49%, .51);
    --material-positive-inverse-shadow: rgba(6, 19, 14, .51);
    --material-theme1-shadow: hsla(266, 3%, 52%, .51);
    --material-theme1-inverse-shadow: rgba(17, 6, 34, .51);
    --material-neutral-base-shadow: hsla(0, 0%, 55%, .51);
    --material-neutral-down-shadow: hsla(0, 0%, 47%, .51);
    --material-neutral-focus-shadow: hsla(0, 0%, 53%, .51);
    --material-neutral-hover-shadow: hsla(0, 0%, 53%, .51);
    --material-neutral2-base-shadow: hsla(240, 0%, 53%, .51);
    --material-neutral2-down-shadow: hsla(240, 0%, 46%, .51);
    --material-neutral2-focus-shadow: hsla(240, 0%, 51%, .51);
    --material-neutral2-hover-shadow: hsla(240, 0%, 51%, .51);
    --material-caution-base-shadow: hsla(20, 6%, 49%, .51);
    --material-caution-down-shadow: hsla(18, 6%, 43%, .51);
    --material-caution-focus-shadow: hsla(21, 6%, 47%, .51);
    --material-caution-hover-shadow: hsla(21, 6%, 47%, .51);
    --material-info-base-shadow: hsla(220, 6%, 49%, .51);
    --material-info-down-shadow: hsla(222, 6%, 43%, .51);
    --material-info-focus-shadow: hsla(219, 6%, 47%, .51);
    --material-info-hover-shadow: hsla(219, 6%, 47%, .51);
    --material-negative-base-shadow: hsla(340, 6%, 49%, .51);
    --material-negative-down-shadow: hsla(342, 6%, 43%, .51);
    --material-negative-focus-shadow: hsla(339, 6%, 47%, .51);
    --material-negative-hover-shadow: hsla(339, 6%, 47%, .51);
    --material-positive-base-shadow: hsla(160, 6%, 49%, .51);
    --material-positive-down-shadow: hsla(162, 6%, 43%, .51);
    --material-positive-focus-shadow: hsla(163, 6%, 47%, .51);
    --material-positive-hover-shadow: hsla(163, 6%, 47%, .51);
    --material-neutral-inverse-base-shadow: rgba(8, 8, 10, .51);
    --material-neutral-inverse-down-shadow: rgba(22, 22, 23, .51);
    --material-neutral-inverse-focus-shadow: rgba(13, 13, 14, .51);
    --material-neutral-inverse-hover-shadow: rgba(13, 13, 14, .51);
    --material-neutral2-inverse-base-shadow: rgba(15, 15, 18, .51);
    --material-neutral2-inverse-down-shadow: rgba(29, 29, 31, .51);
    --material-neutral2-inverse-focus-shadow: rgba(20, 20, 22, .51);
    --material-neutral2-inverse-hover-shadow: rgba(20, 20, 22, .51);
    --material-caution-inverse-base-shadow: rgba(27, 14, 8, .51);
    --material-caution-inverse-down-shadow: rgba(39, 28, 22, .51);
    --material-caution-inverse-focus-shadow: rgba(31, 18, 13, .51);
    --material-caution-inverse-hover-shadow: rgba(31, 18, 13, .51);
    --material-info-inverse-base-shadow: rgba(8, 13, 24, .51);
    --material-info-inverse-down-shadow: rgba(21, 27, 37, .51);
    --material-info-inverse-focus-shadow: rgba(12, 17, 28, .51);
    --material-info-inverse-hover-shadow: rgba(12, 17, 28, .51);
    --material-negative-inverse-base-shadow: rgba(22, 7, 12, .51);
    --material-negative-inverse-down-shadow: rgba(35, 21, 25, .51);
    --material-negative-inverse-focus-shadow: rgba(27, 12, 16, .51);
    --material-negative-inverse-hover-shadow: rgba(27, 12, 16, .51);
    --material-positive-inverse-base-shadow: rgba(6, 19, 14, .51);
    --material-positive-inverse-down-shadow: rgba(19, 32, 28, .51);
    --material-positive-inverse-focus-shadow: rgba(10, 23, 19, .51);
    --material-positive-inverse-hover-shadow: rgba(10, 23, 19, .51);
    --material-theme1-base-shadow: hsla(266, 3%, 52%, .51);
    --material-theme1-down-shadow: hsla(260, 3%, 45%, .51);
    --material-theme1-focus-shadow: hsla(266, 3%, 50%, .51);
    --material-theme1-hover-shadow: hsla(266, 3%, 50%, .51);
    --material-theme2-base-shadow: hsla(266, 3%, 52%, .51);
    --material-theme2-down-shadow: hsla(260, 3%, 45%, .51);
    --material-theme2-focus-shadow: hsla(266, 3%, 50%, .51);
    --material-theme2-hover-shadow: hsla(266, 3%, 50%, .51)
}

.\@container\/offer-label-grid {
    container-name: offer-label-grid;
    container-type: inline-size
}

@media (min-width:375px) {
    .sm\:text-body3 {
        --text-body3-leading: var(--text-body3-line-height);
        --text-body3-family: var(--text-family-default);
        font-family: var(--text-body3-family);
        font-size: var(--text-body3-size);
        font-weight: var(--text-body3-weight);
        letter-spacing: var(--text-body3-letter-spacing);
        line-height: var(--text-body3-leading);
        text-transform: var(--text-body3-text-transform)
    }
}

@media (min-width:768px) {
    .md\:text-display2 {
        --text-display2-leading: var(--text-display2-line-height);
        --text-display2-family: var(--text-family-brand);
        font-family: var(--text-display2-family);
        font-size: var(--text-display2-size);
        font-weight: var(--text-display2-weight);
        letter-spacing: var(--text-display2-letter-spacing);
        line-height: var(--text-display2-leading);
        text-transform: var(--text-display2-text-transform)
    }
    .md\:text-headline1 {
        --text-headline1-leading: var(--text-headline1-line-height);
        --text-headline1-family: var(--text-family-brand);
        font-family: var(--text-headline1-family);
        font-size: var(--text-headline1-size);
        font-weight: var(--text-headline1-weight);
        letter-spacing: var(--text-headline1-letter-spacing);
        line-height: var(--text-headline1-leading);
        text-transform: var(--text-headline1-text-transform)
    }
    .md\:text-headline3 {
        --text-headline3-leading: var(--text-headline3-line-height);
        --text-headline3-family: var(--text-family-brand);
        font-family: var(--text-headline3-family);
        font-size: var(--text-headline3-size);
        font-weight: var(--text-headline3-weight);
        letter-spacing: var(--text-headline3-letter-spacing);
        line-height: var(--text-headline3-leading);
        text-transform: var(--text-headline3-text-transform)
    }
    .md\:text-body1 {
        --text-body1-leading: var(--text-body1-line-height);
        --text-body1-family: var(--text-family-default);
        font-family: var(--text-body1-family);
        font-size: var(--text-body1-size);
        font-weight: var(--text-body1-weight);
        letter-spacing: var(--text-body1-letter-spacing);
        line-height: var(--text-body1-leading);
        text-transform: var(--text-body1-text-transform)
    }
}

@media (min-width:1024px) {
    .lg\:text-headline2 {
        --text-headline2-leading: var(--text-headline2-line-height);
        --text-headline2-family: var(--text-family-brand);
        font-family: var(--text-headline2-family);
        font-size: var(--text-headline2-size);
        font-weight: var(--text-headline2-weight);
        letter-spacing: var(--text-headline2-letter-spacing);
        line-height: var(--text-headline2-leading);
        text-transform: var(--text-headline2-text-transform)
    }
}

.marker\:text-theme1-base ::marker {
    color: rgb(var(--text-color-theme1-base))
}

.marker\:text-theme1-base::marker {
    color: rgb(var(--text-color-theme1-base))
}

.visited\:text-inverse-base:visited {
    color: rgb(var(--text-color-inverse-base))
}

.visited\:text-neutral-base:visited {
    color: rgb(var(--text-color-neutral-base))
}

.hover\:-translate-y-2:hover {
    --tw-translate-y: -0.5rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.hover\:border-\[theme\(palette\.purple-10\)\]:hover {
    border-color: var(--palette-purple-10, #ded3f1)
}

.hover\:bg-fill-neutral-hover:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-neutral-hover)/var(--tw-bg-opacity, 1))
}

.hover\:bg-fill-theme1-hover:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-theme1-hover)/var(--tw-bg-opacity, 1))
}

.hover\:text-current:hover {
    color: currentColor
}

.hover\:text-inverse-hover:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-inverse-hover)/var(--tw-text-opacity, 1))
}

.hover\:text-white:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.hover\:no-underline:hover {
    text-decoration-line: none
}

.hover\:bg-fill-neutral-hover:hover {
    --shadow-color: var(--fill-neutral-hover-shadow)
}

.hover\:bg-fill-theme1-hover:hover {
    --shadow-color: var(--fill-theme1-hover-shadow)
}

.focus\:border-\[theme\(palette\.purple-10\)\]:focus {
    border-color: var(--palette-purple-10, #ded3f1)
}

.focus\:border-\[theme\(palette\.purple-50\)\]:focus {
    border-color: var(--palette-purple-50, #5a23b9)
}

.focus\:bg-fill-neutral-focus:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-neutral-focus)/var(--tw-bg-opacity, 1))
}

.focus\:bg-fill-theme1-focus:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-theme1-focus)/var(--tw-bg-opacity, 1))
}

.focus\:text-inverse-focus:focus {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-inverse-focus)/var(--tw-text-opacity, 1))
}

.focus\:text-white:focus {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.focus\:bg-fill-neutral-focus:focus {
    --shadow-color: var(--fill-neutral-focus-shadow)
}

.focus\:bg-fill-theme1-focus:focus {
    --shadow-color: var(--fill-theme1-focus-shadow)
}

.focus-visible\:bg-fill-theme1-focus:focus-visible {
    --tw-bg-opacity: 1;
    --shadow-color: var(--fill-theme1-focus-shadow);
    background-color: rgb(var(--background-color-fill-theme1-focus)/var(--tw-bg-opacity, 1))
}

.active\:bg-fill-theme1-down:active {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color-fill-theme1-down)/var(--tw-bg-opacity, 1))
}

.active\:text-white:active {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.active\:bg-fill-theme1-down:active {
    --shadow-color: var(--fill-theme1-down-shadow)
}

@container offer-label-grid (min-width: 20rem) {
    .\@xs\/offer-label-grid\:w-80 {
        width: 20rem
    }
}

@container offer-label-grid (min-width: 24rem) {
    .\@sm\/offer-label-grid\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }
}

@media (min-width:375px) {
    .sm\:my-0 {
        margin-top: 0
    }
    .sm\:mb-0,
    .sm\:my-0 {
        margin-bottom: 0
    }
    .sm\:mb-4 {
        margin-bottom: 1rem
    }
    .sm\:ml-6 {
        margin-left: 1.5rem
    }
    .sm\:mr-4 {
        margin-right: 1rem
    }
    .sm\:mt-10 {
        margin-top: 2.5rem
    }
    .sm\:mt-4 {
        margin-top: 1rem
    }
    .sm\:flex {
        display: flex
    }
    .sm\:hidden {
        display: none
    }
    .sm\:w-max {
        width: max-content
    }
    .sm\:flex-row {
        flex-direction: row
    }
    .sm\:items-center {
        align-items: center
    }
    .sm\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }
    .sm\:text-center {
        text-align: center
    }
}

@media (min-width:768px) {
    .md\:static {
        position: static
    }
    .md\:absolute {
        position: absolute
    }
    .md\:relative {
        position: relative
    }
    .md\:left-auto {
        left: auto
    }
    .md\:right-0 {
        right: 0
    }
    .md\:top-1\/2 {
        top: 50%
    }
    .md\:top-auto {
        top: auto
    }
    .md\:z-auto {
        z-index: auto
    }
    .md\:order-last {
        order: 9999
    }
    .md\:col-span-1 {
        grid-column: span 1/span 1
    }
    .md\:col-span-2 {
        grid-column: span 2/span 2
    }
    .md\:col-span-4 {
        grid-column: span 4/span 4
    }
    .md\:col-span-5 {
        grid-column: span 5/span 5
    }
    .md\:col-span-6 {
        grid-column: span 6/span 6
    }
    .md\:col-span-7 {
        grid-column: span 7/span 7
    }
    .md\:col-start-1 {
        grid-column-start: 1
    }
    .md\:col-start-2 {
        grid-column-start: 2
    }
    .md\:col-start-3 {
        grid-column-start: 3
    }
    .md\:col-start-4 {
        grid-column-start: 4
    }
    .md\:col-start-9 {
        grid-column-start: 9
    }
    .md\:col-end-13 {
        grid-column-end: 13
    }
    .md\:col-end-3 {
        grid-column-end: 3
    }
    .md\:col-end-4 {
        grid-column-end: 4
    }
    .md\:col-end-6 {
        grid-column-end: 6
    }
    .md\:col-end-7 {
        grid-column-end: 7
    }
    .md\:m-0 {
        margin: 0
    }
    .md\:mx-0 {
        margin-left: 0;
        margin-right: 0
    }
    .md\:mx-6 {
        margin-left: 1.5rem;
        margin-right: 1.5rem
    }
    .md\:mx-8 {
        margin-left: 2rem;
        margin-right: 2rem
    }
    .md\:mx-\[25\%\] {
        margin-left: 25%;
        margin-right: 25%
    }
    .md\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }
    .md\:my-0 {
        margin-bottom: 0;
        margin-top: 0
    }
    .md\:my-3 {
        margin-bottom: .75rem;
        margin-top: .75rem
    }
    .md\:my-6 {
        margin-bottom: 1.5rem;
        margin-top: 1.5rem
    }
    .md\:my-auto {
        margin-bottom: auto;
        margin-top: auto
    }
    .md\:mb-0 {
        margin-bottom: 0
    }
    .md\:mb-4 {
        margin-bottom: 1rem
    }
    .md\:mb-6 {
        margin-bottom: 1.5rem
    }
    .md\:mb-8 {
        margin-bottom: 2rem
    }
    .md\:ml-0 {
        margin-left: 0
    }
    .md\:ml-12 {
        margin-left: 3rem
    }
    .md\:ml-4 {
        margin-left: 1rem
    }
    .md\:ml-6 {
        margin-left: 1.5rem
    }
    .md\:ml-auto {
        margin-left: auto
    }
    .md\:mr-0 {
        margin-right: 0
    }
    .md\:mr-10 {
        margin-right: 2.5rem
    }
    .md\:mr-16 {
        margin-right: 4rem
    }
    .md\:mr-18 {
        margin-right: 4.5rem
    }
    .md\:mr-4 {
        margin-right: 1rem
    }
    .md\:mr-6 {
        margin-right: 1.5rem
    }
    .md\:mr-auto {
        margin-right: auto
    }
    .md\:mt-0 {
        margin-top: 0
    }
    .md\:mt-10 {
        margin-top: 2.5rem
    }
    .md\:mt-16 {
        margin-top: 4rem
    }
    .md\:mt-2 {
        margin-top: .5rem
    }
    .md\:mt-3 {
        margin-top: .75rem
    }
    .md\:block {
        display: block
    }
    .md\:inline-block {
        display: inline-block
    }
    .md\:flex {
        display: flex
    }
    .md\:grid {
        display: grid
    }
    .md\:hidden {
        display: none
    }
    .md\:h-\[200px\] {
        height: 200px
    }
    .md\:h-auto {
        height: auto
    }
    .md\:h-fit {
        height: fit-content
    }
    .md\:h-full {
        height: 100%
    }
    .md\:max-h-48 {
        max-height: 12rem
    }
    .md\:max-h-full {
        max-height: 100%
    }
    .md\:max-h-none {
        max-height: none
    }
    .md\:w-1 {
        width: .25rem
    }
    .md\:w-1\/2 {
        width: 50%
    }
    .md\:w-1\/3 {
        width: 33.333333%
    }
    .md\:w-1\/4 {
        width: 25%
    }
    .md\:w-11\/12 {
        width: 91.666667%
    }
    .md\:w-2\/3 {
        width: 66.666667%
    }
    .md\:w-3\/4 {
        width: 75%
    }
    .md\:w-5\/12 {
        width: 41.666667%
    }
    .md\:w-7\/12 {
        width: 58.333333%
    }
    .md\:w-\[500px\] {
        width: 500px
    }
    .md\:w-auto {
        width: auto
    }
    .md\:w-fit {
        width: fit-content
    }
    .md\:w-full {
        width: 100%
    }
    .md\:-translate-y-1\/2 {
        --tw-translate-y: -50%
    }
    .md\:-translate-y-1\/2,
    .md\:transform {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
    .md\:grid-cols-10 {
        grid-template-columns: repeat(10, minmax(0, 1fr))
    }
    .md\:grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }
    .md\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
    .md\:grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }
    .md\:grid-cols-8 {
        grid-template-columns: repeat(8, minmax(0, 1fr))
    }
    .md\:flex-row {
        flex-direction: row
    }
    .md\:flex-row-reverse {
        flex-direction: row-reverse
    }
    .md\:flex-col {
        flex-direction: column
    }
    .md\:items-start {
        align-items: flex-start
    }
    .md\:items-center {
        align-items: center
    }
    .md\:justify-normal {
        justify-content: normal
    }
    .md\:justify-start {
        justify-content: flex-start
    }
    .md\:justify-end {
        justify-content: flex-end
    }
    .md\:justify-center {
        justify-content: center
    }
    .md\:gap-6 {
        gap: 1.5rem
    }
    .md\:gap-x-3 {
        column-gap: .75rem
    }
    .md\:gap-x-4 {
        column-gap: 1rem
    }
    .md\:gap-x-6 {
        column-gap: 1.5rem
    }
    .md\:gap-y-0 {
        row-gap: 0
    }
    .md\:gap-y-10 {
        row-gap: 2.5rem
    }
    .md\:gap-y-8 {
        row-gap: 2rem
    }
    .md\:divide-y-\[64px\]>:not([hidden])~:not([hidden]) {
        --tw-divide-y-reverse: 0;
        border-bottom-width: calc(64px*var(--tw-divide-y-reverse));
        border-top-width: calc(64px*(1 - var(--tw-divide-y-reverse)))
    }
    .md\:rounded-medium {
        border-radius: var(--border-radius-medium, 8px)
    }
    .md\:rounded-bl-\[16px\] {
        border-bottom-left-radius: 16px
    }
    .md\:rounded-tr-\[0px\] {
        border-top-right-radius: 0
    }
    .md\:bg-transparent {
        background-color: var(--background-color-transparent, transparent)
    }
    .md\:bg-white {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
    }
    .md\:object-left {
        object-position: left
    }
    .md\:object-right {
        object-position: right
    }
    .md\:p-4 {
        padding: 1rem
    }
    .md\:p-8 {
        padding: 2rem
    }
    .md\:px-0 {
        padding-left: 0;
        padding-right: 0
    }
    .md\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }
    .md\:px-12 {
        padding-left: 3rem;
        padding-right: 3rem
    }
    .md\:px-14 {
        padding-left: 3.5rem;
        padding-right: 3.5rem
    }
    .md\:px-16 {
        padding-left: 4rem;
        padding-right: 4rem
    }
    .md\:px-3 {
        padding-left: .75rem;
        padding-right: .75rem
    }
    .md\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }
    .md\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
    .md\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }
    .md\:py-0 {
        padding-bottom: 0;
        padding-top: 0
    }
    .md\:py-10 {
        padding-bottom: 2.5rem;
        padding-top: 2.5rem
    }
    .md\:py-12 {
        padding-bottom: 3rem;
        padding-top: 3rem
    }
    .md\:py-14 {
        padding-bottom: 3.5rem;
        padding-top: 3.5rem
    }
    .md\:py-32 {
        padding-bottom: 8rem;
        padding-top: 8rem
    }
    .md\:py-4 {
        padding-bottom: 1rem;
        padding-top: 1rem
    }
    .md\:py-6 {
        padding-bottom: 1.5rem;
        padding-top: 1.5rem
    }
    .md\:py-8 {
        padding-bottom: 2rem;
        padding-top: 2rem
    }
    .md\:pb-0 {
        padding-bottom: 0
    }
    .md\:pb-1 {
        padding-bottom: .25rem
    }
    .md\:pb-10 {
        padding-bottom: 2.5rem
    }
    .md\:pb-12 {
        padding-bottom: 3rem
    }
    .md\:pb-14 {
        padding-bottom: 3.5rem
    }
    .md\:pb-16 {
        padding-bottom: 4rem
    }
    .md\:pb-18 {
        padding-bottom: 4.5rem
    }
    .md\:pb-4 {
        padding-bottom: 1rem
    }
    .md\:pb-6 {
        padding-bottom: 1.5rem
    }
    .md\:pb-8 {
        padding-bottom: 2rem
    }
    .md\:pl-0 {
        padding-left: 0
    }
    .md\:pl-10 {
        padding-left: 2.5rem
    }
    .md\:pl-12 {
        padding-left: 3rem
    }
    .md\:pl-14 {
        padding-left: 3.5rem
    }
    .md\:pl-4 {
        padding-left: 1rem
    }
    .md\:pl-6 {
        padding-left: 1.5rem
    }
    .md\:pl-8 {
        padding-left: 2rem
    }
    .md\:pr-0 {
        padding-right: 0
    }
    .md\:pr-10 {
        padding-right: 2.5rem
    }
    .md\:pr-12 {
        padding-right: 3rem
    }
    .md\:pr-14 {
        padding-right: 3.5rem
    }
    .md\:pr-4 {
        padding-right: 1rem
    }
    .md\:pr-6 {
        padding-right: 1.5rem
    }
    .md\:pr-8 {
        padding-right: 2rem
    }
    .md\:pt-0 {
        padding-top: 0
    }
    .md\:pt-10 {
        padding-top: 2.5rem
    }
    .md\:pt-12 {
        padding-top: 3rem
    }
    .md\:pt-14 {
        padding-top: 3.5rem
    }
    .md\:pt-4 {
        padding-top: 1rem
    }
    .md\:pt-6 {
        padding-top: 1.5rem
    }
    .md\:pt-8 {
        padding-top: 2rem
    }
    .md\:text-left {
        text-align: left
    }
    .md\:text-center {
        text-align: center
    }
    .md\:text-right {
        text-align: right
    }
    .md\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }
    .md\:font-normal {
        font-weight: 400
    }
    .md\:shadow-\[0_4px_18px_-4px_rgba\(95\2c 95\2c 95\2c 0\.18\)\] {
        --tw-shadow: 0 4px 18px -4px rgba(95, 95, 95, .18);
        --tw-shadow-colored: 0 4px 18px -4px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }
}

@media (min-width:1024px) {
    .lg\:sr-only {
        clip: rect(0, 0, 0, 0);
        border-width: 0;
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        white-space: nowrap;
        width: 1px
    }
    .lg\:static {
        position: static
    }
    .lg\:absolute {
        position: absolute
    }
    .lg\:right-0 {
        right: 0
    }
    .lg\:top-0 {
        top: 0
    }
    .lg\:top-1\/2 {
        top: 50%
    }
    .lg\:order-2 {
        order: 2
    }
    .lg\:col-span-1 {
        grid-column: span 1/span 1
    }
    .lg\:col-span-10 {
        grid-column: span 10/span 10
    }
    .lg\:col-span-2 {
        grid-column: span 2/span 2
    }
    .lg\:col-span-3 {
        grid-column: span 3/span 3
    }
    .lg\:col-span-5 {
        grid-column: span 5/span 5
    }
    .lg\:col-span-6 {
        grid-column: span 6/span 6
    }
    .lg\:col-span-9 {
        grid-column: span 9/span 9
    }
    .lg\:col-span-full {
        grid-column: 1/-1
    }
    .lg\:col-start-1 {
        grid-column-start: 1
    }
    .lg\:col-start-2 {
        grid-column-start: 2
    }
    .lg\:col-start-4 {
        grid-column-start: 4
    }
    .lg\:col-start-5 {
        grid-column-start: 5
    }
    .lg\:col-start-7 {
        grid-column-start: 7
    }
    .lg\:col-end-1 {
        grid-column-end: 1
    }
    .lg\:col-end-13 {
        grid-column-end: 13
    }
    .lg\:col-end-4 {
        grid-column-end: 4
    }
    .lg\:col-end-5 {
        grid-column-end: 5
    }
    .lg\:col-end-6 {
        grid-column-end: 6
    }
    .lg\:col-end-7 {
        grid-column-end: 7
    }
    .lg\:m-0 {
        margin: 0
    }
    .lg\:mx-0 {
        margin-left: 0;
        margin-right: 0
    }
    .lg\:mx-16 {
        margin-left: 4rem;
        margin-right: 4rem
    }
    .lg\:mx-4 {
        margin-left: 1rem;
        margin-right: 1rem
    }
    .lg\:mx-6 {
        margin-left: 1.5rem;
        margin-right: 1.5rem
    }
    .lg\:my-6 {
        margin-bottom: 1.5rem;
        margin-top: 1.5rem
    }
    .lg\:my-8 {
        margin-bottom: 2rem;
        margin-top: 2rem
    }
    .lg\:my-auto {
        margin-bottom: auto;
        margin-top: auto
    }
    .lg\:-mt-24 {
        margin-top: -6rem
    }
    .lg\:mb-0 {
        margin-bottom: 0
    }
    .lg\:mb-4 {
        margin-bottom: 1rem
    }
    .lg\:mb-6 {
        margin-bottom: 1.5rem
    }
    .lg\:mb-8 {
        margin-bottom: 2rem
    }
    .lg\:ml-0 {
        margin-left: 0
    }
    .lg\:ml-12 {
        margin-left: 3rem
    }
    .lg\:ml-4 {
        margin-left: 1rem
    }
    .lg\:ml-5 {
        margin-left: 1.25rem
    }
    .lg\:ml-6 {
        margin-left: 1.5rem
    }
    .lg\:ml-auto {
        margin-left: auto
    }
    .lg\:mr-0 {
        margin-right: 0
    }
    .lg\:mr-10 {
        margin-right: 2.5rem
    }
    .lg\:mr-18 {
        margin-right: 4.5rem
    }
    .lg\:mr-4 {
        margin-right: 1rem
    }
    .lg\:mr-6 {
        margin-right: 1.5rem
    }
    .lg\:mr-auto {
        margin-right: auto
    }
    .lg\:mt-0 {
        margin-top: 0
    }
    .lg\:mt-10 {
        margin-top: 2.5rem
    }
    .lg\:mt-2 {
        margin-top: .5rem
    }
    .lg\:mt-6 {
        margin-top: 1.5rem
    }
    .lg\:mt-8 {
        margin-top: 2rem
    }
    .lg\:mt-9 {
        margin-top: 2.25rem
    }
    .lg\:block {
        display: block
    }
    .lg\:inline-block {
        display: inline-block
    }
    .lg\:flex {
        display: flex
    }
    .lg\:grid {
        display: grid
    }
    .lg\:hidden {
        display: none
    }
    .lg\:h-16 {
        height: 4rem
    }
    .lg\:h-32 {
        height: 8rem
    }
    .lg\:w-1\/3 {
        width: 33.333333%
    }
    .lg\:w-11\/12 {
        width: 91.666667%
    }
    .lg\:w-16 {
        width: 4rem
    }
    .lg\:w-5\/12 {
        width: 41.666667%
    }
    .lg\:w-52 {
        width: 13rem
    }
    .lg\:w-7\/12 {
        width: 58.333333%
    }
    .lg\:w-\[432px\] {
        width: 432px
    }
    .lg\:w-\[50\%\] {
        width: 50%
    }
    .lg\:w-\[532px\] {
        width: 532px
    }
    .lg\:w-\[538px\] {
        width: 538px
    }
    .lg\:w-\[60\%\] {
        width: 60%
    }
    .lg\:w-\[86\%\] {
        width: 86%
    }
    .lg\:w-\[900px\] {
        width: 900px
    }
    .lg\:w-auto {
        width: auto
    }
    .lg\:w-full {
        width: 100%
    }
    .lg\:max-w-\[572px\] {
        max-width: 572px
    }
    .lg\:max-w-\[700px\] {
        max-width: 700px
    }
    .lg\:-translate-y-1\/2 {
        --tw-translate-y: -50%
    }
    .lg\:-translate-y-1\/2,
    .lg\:transform {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
    .lg\:grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }
    .lg\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
    .lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
    .lg\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
    .lg\:grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }
    .lg\:flex-row {
        flex-direction: row
    }
    .lg\:flex-row-reverse {
        flex-direction: row-reverse
    }
    .lg\:items-start {
        align-items: flex-start
    }
    .lg\:items-center {
        align-items: center
    }
    .lg\:justify-start {
        justify-content: flex-start
    }
    .lg\:justify-end {
        justify-content: flex-end
    }
    .lg\:justify-center {
        justify-content: center
    }
    .lg\:gap-2 {
        gap: .5rem
    }
    .lg\:gap-3 {
        gap: .75rem
    }
    .lg\:gap-4 {
        gap: 1rem
    }
    .lg\:gap-x-8 {
        column-gap: 2rem
    }
    .lg\:rounded-b-none {
        border-bottom-left-radius: var(--border-radius-none, 0);
        border-bottom-right-radius: var(--border-radius-none, 0)
    }
    .lg\:rounded-l-medium {
        border-bottom-left-radius: var(--border-radius-medium, 8px);
        border-top-left-radius: var(--border-radius-medium, 8px)
    }
    .lg\:rounded-l-none {
        border-bottom-left-radius: var(--border-radius-none, 0);
        border-top-left-radius: var(--border-radius-none, 0)
    }
    .lg\:rounded-r-medium {
        border-bottom-right-radius: var(--border-radius-medium, 8px);
        border-top-right-radius: var(--border-radius-medium, 8px)
    }
    .lg\:rounded-r-none {
        border-bottom-right-radius: var(--border-radius-none, 0);
        border-top-right-radius: var(--border-radius-none, 0)
    }
    .lg\:p-16 {
        padding: 4rem
    }
    .lg\:p-4 {
        padding: 1rem
    }
    .lg\:p-8 {
        padding: 2rem
    }
    .lg\:p-\[2\.5\] {
        padding: 2.5
    }
    .lg\:px-0 {
        padding-left: 0;
        padding-right: 0
    }
    .lg\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }
    .lg\:px-12 {
        padding-left: 3rem;
        padding-right: 3rem
    }
    .lg\:px-14 {
        padding-left: 3.5rem;
        padding-right: 3.5rem
    }
    .lg\:px-16 {
        padding-left: 4rem;
        padding-right: 4rem
    }
    .lg\:px-3 {
        padding-left: .75rem;
        padding-right: .75rem
    }
    .lg\:px-32 {
        padding-left: 8rem;
        padding-right: 8rem
    }
    .lg\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }
    .lg\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
    .lg\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }
    .lg\:py-0 {
        padding-bottom: 0;
        padding-top: 0
    }
    .lg\:py-10 {
        padding-bottom: 2.5rem;
        padding-top: 2.5rem
    }
    .lg\:py-12 {
        padding-bottom: 3rem;
        padding-top: 3rem
    }
    .lg\:py-14 {
        padding-bottom: 3.5rem;
        padding-top: 3.5rem
    }
    .lg\:py-16 {
        padding-bottom: 4rem;
        padding-top: 4rem
    }
    .lg\:py-32 {
        padding-bottom: 8rem;
        padding-top: 8rem
    }
    .lg\:py-4 {
        padding-bottom: 1rem;
        padding-top: 1rem
    }
    .lg\:py-40 {
        padding-bottom: 10rem;
        padding-top: 10rem
    }
    .lg\:py-6 {
        padding-bottom: 1.5rem;
        padding-top: 1.5rem
    }
    .lg\:py-8 {
        padding-bottom: 2rem;
        padding-top: 2rem
    }
    .lg\:pb-0 {
        padding-bottom: 0
    }
    .lg\:pb-1 {
        padding-bottom: .25rem
    }
    .lg\:pb-10 {
        padding-bottom: 2.5rem
    }
    .lg\:pb-12 {
        padding-bottom: 3rem
    }
    .lg\:pb-14 {
        padding-bottom: 3.5rem
    }
    .lg\:pb-16 {
        padding-bottom: 4rem
    }
    .lg\:pb-4 {
        padding-bottom: 1rem
    }
    .lg\:pb-6 {
        padding-bottom: 1.5rem
    }
    .lg\:pb-8 {
        padding-bottom: 2rem
    }
    .lg\:pl-0 {
        padding-left: 0
    }
    .lg\:pl-10 {
        padding-left: 2.5rem
    }
    .lg\:pl-12 {
        padding-left: 3rem
    }
    .lg\:pl-14 {
        padding-left: 3.5rem
    }
    .lg\:pl-16 {
        padding-left: 4rem
    }
    .lg\:pl-4 {
        padding-left: 1rem
    }
    .lg\:pl-6 {
        padding-left: 1.5rem
    }
    .lg\:pl-8 {
        padding-left: 2rem
    }
    .lg\:pr-0 {
        padding-right: 0
    }
    .lg\:pr-10 {
        padding-right: 2.5rem
    }
    .lg\:pr-12 {
        padding-right: 3rem
    }
    .lg\:pr-14 {
        padding-right: 3.5rem
    }
    .lg\:pr-16 {
        padding-right: 4rem
    }
    .lg\:pr-4 {
        padding-right: 1rem
    }
    .lg\:pr-6 {
        padding-right: 1.5rem
    }
    .lg\:pr-8 {
        padding-right: 2rem
    }
    .lg\:pt-0 {
        padding-top: 0
    }
    .lg\:pt-10 {
        padding-top: 2.5rem
    }
    .lg\:pt-12 {
        padding-top: 3rem
    }
    .lg\:pt-14 {
        padding-top: 3.5rem
    }
    .lg\:pt-16 {
        padding-top: 4rem
    }
    .lg\:pt-4 {
        padding-top: 1rem
    }
    .lg\:pt-6 {
        padding-top: 1.5rem
    }
    .lg\:pt-8 {
        padding-top: 2rem
    }
    .lg\:text-left {
        text-align: left
    }
    .lg\:text-center {
        text-align: center
    }
    .lg\:text-right {
        text-align: right
    }
    .lg\:leading-\[4rem\] {
        line-height: 4rem
    }
}

@media (min-width:1280px) {
    .xl\:mx-16 {
        margin-left: 4rem;
        margin-right: 4rem
    }
    .xl\:mx-4 {
        margin-left: 1rem;
        margin-right: 1rem
    }
    .xl\:mx-64 {
        margin-left: 16rem;
        margin-right: 16rem
    }
    .xl\:mb-0 {
        margin-bottom: 0
    }
    .xl\:h-32 {
        height: 8rem
    }
    .xl\:w-60 {
        width: 15rem
    }
    .xl\:w-64 {
        width: 16rem
    }
    .xl\:w-\[1100px\] {
        width: 1100px
    }
    .xl\:w-\[48\%\] {
        width: 48%
    }
    .xl\:w-\[50\%\] {
        width: 50%
    }
    .xl\:w-\[532px\] {
        width: 532px
    }
    .xl\:max-w-\[572px\] {
        max-width: 572px
    }
    .xl\:max-w-\[800px\] {
        max-width: 800px
    }
    .xl\:grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }
    .xl\:flex-row {
        flex-direction: row
    }
    .xl\:gap-y-0 {
        row-gap: 0
    }
    .xl\:p-4 {
        padding: 1rem
    }
    .xl\:p-8 {
        padding: 2rem
    }
    .xl\:px-0 {
        padding-left: 0;
        padding-right: 0
    }
    .xl\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }
    .xl\:px-12 {
        padding-left: 3rem;
        padding-right: 3rem
    }
    .xl\:px-16 {
        padding-left: 4rem;
        padding-right: 4rem
    }
    .xl\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
    .xl\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }
    .xl\:py-10 {
        padding-bottom: 2.5rem;
        padding-top: 2.5rem
    }
    .xl\:py-16 {
        padding-bottom: 4rem;
        padding-top: 4rem
    }
    .xl\:py-8 {
        padding-bottom: 2rem;
        padding-top: 2rem
    }
    .xl\:pr-20 {
        padding-right: 5rem
    }
}

@media (min-width:1536px) {
    .\32xl\:inline-block {
        display: inline-block
    }
    .\32xl\:px-20 {
        padding-left: 5rem;
        padding-right: 5rem
    }
    .\32xl\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
    .\32xl\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }
    .\32xl\:py-20 {
        padding-bottom: 5rem;
        padding-top: 5rem
    }
}

@media (max-width:767px) {
    .max-md\:p-4 {
        padding: 1rem
    }
}