html body.events_hub.v6 {
    background-color: #171a21;
    font-family: "Motiva Sans", Arial, Helvetica, sans-serif
}

@media screen and (max-width: 400px) {
    html body.events_hub.v6 {
        scrollbar-width: none;
        -ms-overflow-style: none
    }

    html body.events_hub.v6::-webkit-scrollbar {
        display: none
    }
}

html body.events_hub.v6 #global_header {
    position: fixed;
    z-index: 12;
    width: 100%;
    box-sizing: border-box;
    transition: transform .15s ease-in-out
}

html body.events_hub.v6 .responsive_header {
    box-shadow: none;
    transition: transform .15s ease-in-out
}

html body.events_hub.v6 .responsive_page_template_content {
    padding-bottom: 0
}

html body.events_hub.v6 ._2uHYtSBLSS1MxFonkOXr0O {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0
}

html body.events_hub.v6 .perf_timing_area {
    position: absolute;
    bottom: 0
}

body.rewards ._2uHYtSBLSS1MxFonkOXr0O {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0
}

._3Knd7Am6tTwTTu605YN4IX {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1599
}

._2yAm5LY_eu-Vg_52l0HFlM {
    position: absolute
}

dialog ._2yAm5LY_eu-Vg_52l0HFlM {
    position: fixed
}

._2yAm5LY_eu-Vg_52l0HFlM:focus {
    outline: none
}

.GreenEnvelopeMenu,
.PP7LM0Ow1K5qkR8WElLpt {
    opacity: 1;
    background: radial-gradient(ellipse farthest-corner at 50% 0%, #3c4047 0%, #3c4047 50%, #33363d 100%);
    transition: opacity 200ms;
    box-shadow: 0 10px 32px 0px #000000ab;
    z-index: 1600;
    user-select: none;
    padding: 4px
}

@media(prefers-contrast: more) {

    .GreenEnvelopeMenu,
    .PP7LM0Ow1K5qkR8WElLpt {
        background: #fff;
        padding: 1px
    }
}

.web_chat_frame .PP7LM0Ow1K5qkR8WElLpt {
    max-height: calc(100% - 128px);
    overflow-y: auto;
    overflow-x: hidden
}

.GreenEnvelopeMenu {
    box-shadow: inset rgba(61, 68, 80, .75) 1px 1px 1px 0px, inset rgba(61, 68, 80, .25) -1px -1px 1px 0px;
    border: 1px solid #000;
    padding: 1px
}

html._14wqdluDeDnnEcg3OSLEmd .PP7LM0Ow1K5qkR8WElLpt {
    position: static;
    box-shadow: none;
    display: inline-block;
    padding: 0
}

@media(prefers-contrast: more) {
    html._14wqdluDeDnnEcg3OSLEmd .PP7LM0Ow1K5qkR8WElLpt {
        padding: 2px;
        box-sizing: border-box
    }
}

html._14wqdluDeDnnEcg3OSLEmd ._2EstNjFIIZm_WUSKm5Wt7n {
    padding: 4px
}

@media(prefers-contrast: more) {
    html._14wqdluDeDnnEcg3OSLEmd ._2EstNjFIIZm_WUSKm5Wt7n {
        padding: 2px;
        background-color: #000
    }
}

html._14wqdluDeDnnEcg3OSLEmd ._1n7Wloe5jZ6fSuvV18NNWI {
    min-width: fit-content;
    white-space: nowrap
}

html._14wqdluDeDnnEcg3OSLEmd body {
    background: #000;
    min-height: 100%;
    margin: 0;
    overflow: hidden
}

@media(prefers-contrast: more) {
    html._14wqdluDeDnnEcg3OSLEmd body {
        background: #fff
    }
}

._2EstNjFIIZm_WUSKm5Wt7n {
    display: flex;
    flex-direction: column;
    padding: 0px;
    font-size: 14px;
    -webkit-app-region: no-drag;
    box-sizing: border-box
}

.PP7LM0Ow1K5qkR8WElLpt:not(.visible) {
    opacity: 0;
    pointer-events: none
}

._1n7Wloe5jZ6fSuvV18NNWI {
    padding: 4px 6px;
    line-height: 17px;
    color: #9ca4a7;
    border-top: 1px solid rgba(80, 87, 94, .5);
    border-bottom: 1px solid rgba(80, 87, 94, 0);
    cursor: default;
    position: relative;
    min-width: 120px;
    display: block;
    align-items: center;
    flex-direction: row;
    --color-text-secondary: rgba(211, 213, 217, 0.5)
}

@media(prefers-contrast: more) {
    ._1n7Wloe5jZ6fSuvV18NNWI {
        background-color: #000;
        color: #fff
    }
}

._1n7Wloe5jZ6fSuvV18NNWI:first-child {
    border-top: 1px solid rgba(80, 87, 94, 0)
}

._1n7Wloe5jZ6fSuvV18NNWI:hover,
._1n7Wloe5jZ6fSuvV18NNWI._18z-3vkWndCBO5WJgFldRK {
    background: #5a6069;
    color: #b8c5c9;
    --color-text-secondary: $darkGrey
}

._1n7Wloe5jZ6fSuvV18NNWI.disabled {
    background: none;
    color: #6b7072;
    cursor: default
}

._1n7Wloe5jZ6fSuvV18NNWI.disabled:hover {
    background: none;
    color: #6b7072;
    cursor: default
}

._1n7Wloe5jZ6fSuvV18NNWI.menuChecked {
    color: #6dcff6
}

._1n7Wloe5jZ6fSuvV18NNWI.menuChecked.contextMenuCheckMark {
    display: block
}

._1n7Wloe5jZ6fSuvV18NNWI._2Bb4JC5n6anf32WgmTfeMP {
    padding-top: 8px;
    font-size: 12px;
    text-transform: uppercase
}

.WUOrULWKkGLl3ZUQdDXg8.WUOrULWKkGLl3ZUQdDXg8+._1n7Wloe5jZ6fSuvV18NNWI {
    border-top: 1px solid dimgray
}

@media(prefers-contrast: more) {
    .WUOrULWKkGLl3ZUQdDXg8.WUOrULWKkGLl3ZUQdDXg8+._1n7Wloe5jZ6fSuvV18NNWI {
        border-color: #fff
    }
}

._1n7Wloe5jZ6fSuvV18NNWI._3hRb6_cI8QWlZX-eZmRbXc {
    border-top-color: transparent;
    border-bottom-color: transparent
}

._1n7Wloe5jZ6fSuvV18NNWI.uz1XmeUiC1KBA7Y9nOwtn {
    text-transform: uppercase
}

._1n7Wloe5jZ6fSuvV18NNWI .SVGIcon_Button {
    height: 15px;
    width: 15px;
    margin-inline-end: 6px
}

._1n7Wloe5jZ6fSuvV18NNWI._2RlEO6dx1vo3OB7EFJnzDi {
    display: flex;
    padding-inline-end: 2px
}

._1n7Wloe5jZ6fSuvV18NNWI._2RlEO6dx1vo3OB7EFJnzDi ._2qdHlYPUfe_wwwtyPIu7m3 {
    flex: 1 0 auto
}

._1n7Wloe5jZ6fSuvV18NNWI._2RlEO6dx1vo3OB7EFJnzDi ._114nFoGF7tZ4PpremDP2w0 {
    flex: 0 0 auto;
    margin: 0px;
    margin-inline-start: 4px
}

._1n7Wloe5jZ6fSuvV18NNWI._2RlEO6dx1vo3OB7EFJnzDi .SVGIcon_DownArrowContextMenu {
    height: 14px;
    width: 14px;
    transform: rotateZ(-90deg);
    fill: #9ca4a7;
    margin: 0px 3px
}

._1n7Wloe5jZ6fSuvV18NNWI._2RlEO6dx1vo3OB7EFJnzDi .SVGIcon_DownArrowContextMenu:dir(rtl) {
    transform: rotateZ(90deg)
}

._1n7Wloe5jZ6fSuvV18NNWI svg {
    height: 12px;
    width: 12px;
    margin-inline-end: 6px
}

._1n7Wloe5jZ6fSuvV18NNWI .SVGIcon_PlusCircle {
    height: 16px;
    width: 16px;
    margin-inline-start: -3px;
    margin-bottom: -3px
}

._1n7Wloe5jZ6fSuvV18NNWI .SVGIcon_PlusCircle line {
    stroke: gray;
    shape-rendering: crispEdges;
    stroke-width: 20px
}

._1n7Wloe5jZ6fSuvV18NNWI .SVGIcon_PlusCircle circle {
    opacity: 0
}

._1n7Wloe5jZ6fSuvV18NNWI ._38-c8Lb-zCJc8GmvTzoyL1 {
    width: 16px;
    height: 16px;
    margin-inline-start: -4px;
    margin-top: -4px;
    margin-bottom: -4px;
    margin-inline-end: 6px
}

._1n7Wloe5jZ6fSuvV18NNWI ._38-c8Lb-zCJc8GmvTzoyL1 svg {
    width: 16px;
    height: 16px;
    margin-inline-end: 0px
}

.IjIBR_wDDi2N77Oz4KAT4 {
    box-sizing: border-box;
    width: 100%;
    border-bottom: .2px solid #67707b;
    margin: 0px;
    padding: 0px
}

.contextMenuCheckMark {
    width: 4px;
    height: 18px;
    background-color: #6dcff6;
    min-height: 1px;
    position: absolute;
    inset-inline-start: -4px;
    margin-top: 0px;
    display: none
}

.DesktopUI .PP7LM0Ow1K5qkR8WElLpt,
._3qIuY9S_vXm3IQS-uE9SRS .PP7LM0Ow1K5qkR8WElLpt {
    box-shadow: 0 10px 32px 0px #000000ab;
    background: #3d4450;
    -webkit-app-region: no-drag
}

@media(prefers-contrast: more) {

    .DesktopUI .PP7LM0Ow1K5qkR8WElLpt,
    ._3qIuY9S_vXm3IQS-uE9SRS .PP7LM0Ow1K5qkR8WElLpt {
        background: #fff
    }
}

.DesktopUI ._1n7Wloe5jZ6fSuvV18NNWI,
._3qIuY9S_vXm3IQS-uE9SRS ._1n7Wloe5jZ6fSuvV18NNWI {
    padding: 8px 18px;
    font-size: 13px;
    color: #dcdedf;
    cursor: pointer;
    position: relative;
    min-width: fit-content;
    display: flex;
    align-items: center;
    flex-direction: row;
    border-top: none;
    border-bottom: none
}

.DesktopUI ._1n7Wloe5jZ6fSuvV18NNWI:first-child,
._3qIuY9S_vXm3IQS-uE9SRS ._1n7Wloe5jZ6fSuvV18NNWI:first-child {
    border-top: none
}

.DesktopUI ._1n7Wloe5jZ6fSuvV18NNWI:hover,
.DesktopUI ._1n7Wloe5jZ6fSuvV18NNWI._18z-3vkWndCBO5WJgFldRK,
._3qIuY9S_vXm3IQS-uE9SRS ._1n7Wloe5jZ6fSuvV18NNWI:hover,
._3qIuY9S_vXm3IQS-uE9SRS ._1n7Wloe5jZ6fSuvV18NNWI._18z-3vkWndCBO5WJgFldRK {
    background: #dcdedf;
    color: #3d4450
}

.DesktopUI ._1n7Wloe5jZ6fSuvV18NNWI.disabled,
._3qIuY9S_vXm3IQS-uE9SRS ._1n7Wloe5jZ6fSuvV18NNWI.disabled {
    background: none;
    color: #67707b;
    cursor: default
}

.DesktopUI ._1n7Wloe5jZ6fSuvV18NNWI.disabled:hover,
._3qIuY9S_vXm3IQS-uE9SRS ._1n7Wloe5jZ6fSuvV18NNWI.disabled:hover {
    background: none;
    color: #67707b;
    cursor: default
}

.Baq37ml_4RsqEDikF0aIo {
    position: relative;
    width: 100%;
    overflow: visible
}

.Baq37ml_4RsqEDikF0aIo ._2fZ_eG4hoUgJoNBzVAW8wq {
    position: absolute;
    width: 60%;
    height: fit-content;
    inset-inline-start: 100%;
    top: 0;
    background: radial-gradient(ellipse farthest-corner at 50% 0%, #3c4047 0%, #3c4047 50%, #33363d 100%);
    box-shadow: 0 10px 32px 0px #000000ab;
    opacity: 1;
    word-wrap: break-word
}

.SVGIcon_Button {
    fill: #fff;
    overflow: visible;
    width: 100%;
    height: 100%;
    max-width: 320px;
    max-height: 320px
}

.vnlCrJZjobtJHaugGSLqP:dir(rtl) {
    scale: -1 1
}

._2LlztGU9T4SNsTD6znahfe {
    position: absolute;
    top: -15px;
    right: 0;
    bottom: 0;
    left: 0
}

.Fw2WGmXjh2zUxYfuy3xDn {
    opacity: .4;
    fill: #231f20
}

.luj0tT8JHriKkK3r7pzqP {
    fill: #e41e25
}

._3VPnvw_CDKU-PQKK1pSDlN {
    display: flex;
    background-color: rgba(0, 0, 0, .7);
    backdrop-filter: blur(100px);
    padding: 2px;
    border-radius: 20px;
    align-items: center
}

._1dzQL1mVR8GTmmSi_kpDgr {
    width: 20px;
    height: 20px
}

._3hAj0iMJsfhKwnm2mfE098 {
    width: 20px;
    height: 20px
}

.kEODDe6M5cuHWuPlcQexX {
    color: #59bf40
}

.mPD42Bwx3VAs0qw9wubf2 {
    color: #ffc82c
}

._2LAaxz6RtHXrJJj9NzCNL4,
.xBqU_GerRwzHIs8N9ratU,
._1Gr-Q9sFTdr7XhK5-j_qux {
    color: #dcdedf
}

._1IeRz_QzfsACNiXS4gXHIT {
    color: #199fff
}

._15p32SPTbcOsOrlb8o1MdF:dir(rtl) .fX8M83YDC9--4QLgVAEir {
    transform: translateX(730px)
}

._15p32SPTbcOsOrlb8o1MdF:dir(rtl) ._1GjVGP2qdwSOEBKimtRG0k,
._15p32SPTbcOsOrlb8o1MdF:dir(rtl) ._12AVA1wr7SWXg9INaLfBzD {
    transform: translateX(-300px)
}

.AMU5Zvf1pJLZGVqbpGcUC:dir(rtl) {
    scale: -1 1
}

body._1Xs5dtPK2K37sd1U9BLX3S {
    overflow-y: hidden;
    height: 100vh
}

body._3jhMIr8hczcBK_fOVtEVOK {
    overflow-y: hidden;
    height: 100vh
}

._24YFXIVY7CC2quNzCN7015 {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .8);
    z-index: 1500
}

._1GlTsstfPZWsQc4umFIvrX {
    display: flex;
    flex-direction: column;
    min-height: 0;
    max-height: 100vh;
    overflow-y: scroll
}

._1GlTsstfPZWsQc4umFIvrX ._1aY-rmUi48QSw7U1ZWa5DZ {
    display: flex;
    flex-direction: column;
    min-height: 0
}

dialog._32QRvPPBL733SpNR9x0Gp3 {
    padding: 0;
    outline: none
}

dialog._32QRvPPBL733SpNR9x0Gp3::backdrop {
    background: transparent
}

._3vg1vYU7iTWqONciv9cuJN {
    position: absolute;
    z-index: 100;
    opacity: 0;
    transition: opacity .25s;
    pointer-events: none
}

._3vg1vYU7iTWqONciv9cuJN._1Ye_0niF2UqB8uQTbm8B6B {
    opacity: 1
}

._3vg1vYU7iTWqONciv9cuJN.pxVZHRCaftc2xXduMp7bg {
    display: none
}

._2b9OEIbeIFhvcy770kO_TB {
    pointer-events: all
}

.EQqOxt3B11pzZRCd8kmXj {
    z-index: 2001
}

._2_lmTz0tA4NOSle5WaO1PZ {
    position: fixed;
    width: 200%;
    height: 200%;
    left: 0;
    top: 0;
    pointer-events: none;
    z-index: 2000
}

._2_lmTz0tA4NOSle5WaO1PZ.EQqOxt3B11pzZRCd8kmXj {
    z-index: 2001
}

._2FxbHJzYoH024ko7zqcJOf {
    box-sizing: border-box;
    font-size: 13px;
    background: radial-gradient(62.67% 62.67% at 62.67% 100%, #cfd1d3 0%, #b3b8bc 100%);
    border-radius: 2px;
    font-family: "Motiva Sans", Arial, Helvetica, sans-serif;
    color: #17181c;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, .3);
    padding: 5px 8px;
    box-shadow: 1px 1px 8px #0005, 2px 2px 16px 1px #0005;
    max-width: 300px;
    user-select: none;
    overflow: hidden;
    text-overflow: ellipsis
}

@media(prefers-contrast: more) {
    ._2FxbHJzYoH024ko7zqcJOf {
        background: #000;
        color: #fff;
        border: 1px solid #fff
    }
}

._3XGRklQrZMakU2xaYB0cLD {
    box-sizing: border-box;
    font-size: 13px;
    background-color: #696773;
    border-radius: 2px;
    color: #e0e1e6;
    padding: 6px 8px;
    box-shadow: 1px 1px 8px #0005, 2px 2px 16px 1px #0005;
    max-width: 300px;
    user-select: none
}

._3XGRklQrZMakU2xaYB0cLD ._1LhVfNukndDa_XWzq0vdg1 {
    color: #e0e1e6
}

._3XGRklQrZMakU2xaYB0cLD ._1LhVfNukndDa_XWzq0vdg1._2ZDqET0UaJoW_KYhO0WdTz {
    text-align: center
}

._3XGRklQrZMakU2xaYB0cLD .i4LuYcvtfPgYKx3qqvKUq {
    color: #aaacb6;
    margin: 6px 4px
}

@media(prefers-contrast: more) {
    ._3XGRklQrZMakU2xaYB0cLD {
        background: #000;
        color: #fff;
        border: 1px solid #fff
    }
}

@keyframes _39R4lbKGgs6tgliKRKaOGu {
    from {
        background-position: 0 100%
    }

    to {
        background-position: 100% 0
    }
}

@keyframes _3-ckPZrQQ4AcL8Jk8U_Jks {
    from {
        background: #3d4450
    }

    to {
        background: #23262e
    }
}

@keyframes _1oxeJwH0ZuJGWZzFpl0Hna {
    from {
        background: #3d4450;
        color: #8b929a
    }

    to {
        background: #23262e;
        color: #fff
    }
}

@keyframes _2pGKXMC5Yvn04wv6_5ayhi {
    from {
        background: rgba(255, 255, 255, .25);
        color: #8b929a
    }

    to {
        background: rgba(255, 255, 255, .15);
        color: #fff
    }
}

@keyframes _97AO_Lq9HLtpPQgpBcZeI {
    from {
        background: #8b929a;
        color: #fff
    }

    to {
        background: #67707b;
        color: #fff
    }
}

@keyframes _2huw7WWVJBokivVlIjoa92 {
    from {
        background: rgba(255, 255, 255, .3);
        color: #fff
    }

    to {
        background: rgba(255, 255, 255, .1);
        color: #fff
    }
}

@keyframes NsTryIHdHWU8LOl4XCrhk {
    from {
        background: rgba(255, 255, 255, .5);
        color: #fff
    }

    to {
        background: rgba(255, 255, 255, .2);
        color: #fff
    }
}

@keyframes _1sLQsQ-IbGQ7xqKTw3uc-M {
    from {
        border-color: #67707b
    }

    to {
        border-color: #3d4450
    }
}

@keyframes QGN9mnAcP2r3B9mKyCmrp {
    from {
        background: #c9ffc9;
        color: #8b929a
    }

    to {
        background: #59bf40;
        color: #fff
    }
}

@keyframes _3R-0H7Rl4MTvs97q_ecWuK {
    0% {
        background-position: 0% 0%;
        opacity: 1
    }

    100% {
        background-position: -180% 0%;
        opacity: .8
    }
}

@keyframes _115JS_717vFpl6zVBnieg5 {
    0% {
        background-position: 0% 0%
    }

    100% {
        background-position: 50% 0%
    }
}

.uWT-cMCXkxiyxcSs9UA-0 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

._2pq9my4HQChCImf0dPb9Kd {
    margin: 10px 20px 0;
    font-family: "Motiva Sans", Helvetica, sans-serif;
    font-weight: normal;
    font-size: 16px;
    font-style: normal;
    line-height: 20px;
    text-align: start;
    text-decoration: none;
    text-indent: 0;
    text-shadow: none;
    text-transform: none;
    letter-spacing: 0px;
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    color: #dcdedf;
    flex-shrink: 0;
    min-height: 1em
}

._2pq9my4HQChCImf0dPb9Kd:empty {
    display: none
}

._3D_kEgaEhVPqwbR9URAyjh {
    flex-shrink: 10;
    height: 10px
}

._3ctisZH6WXgLVlYQqADdfR {
    display: flex;
    flex-direction: row;
    flex-shrink: 1;
    justify-content: center;
    box-sizing: border-box;
    animation-name: v7EaRj39PKF9LFyybctSi;
    animation-duration: .5s;
    animation-timing-function: cubic-bezier(0.16, 0.86, 0.43, 0.99);
    animation-fill-mode: both;
    max-height: fit-content;
    overflow: hidden
}

@keyframes v7EaRj39PKF9LFyybctSi {
    0% {
        opacity: 0;
        transform: translateY(50px);
        transform: scale(1)
    }

    100% {
        opacity: 1;
        transform: translateY(0);
        transform: scale(1)
    }
}

._2LigNhjmULtkRCXW5237ai {
    position: absolute;
    background: radial-gradient(ellipse farthest-corner at 50% 0%, #3c4047 0%, #3c4047 50%, #33363d 100%);
    box-shadow: 0 10px 32px 0px #000000ab;
    opacity: 1;
    transition: opacity 200ms;
    z-index: 1600;
    user-select: none;
    padding: 4px
}

.oZw50c4oJ6-r0HP8UWv25 {
    align-self: center;
    display: flex;
    flex-direction: column;
    width: fit-content;
    max-width: 70%;
    flex-shrink: 0;
    pointer-events: all;
    height: fit-content;
    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    scroll-padding: 72px 0;
    position: relative;
    filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.5))
}

.oZw50c4oJ6-r0HP8UWv25._2QWbNWxBWYiC5pTqgB0oYZ {
    margin-right: -84px
}

.oZw50c4oJ6-r0HP8UWv25::-webkit-scrollbar {
    display: none
}

.oZw50c4oJ6-r0HP8UWv25>:first-child {
    margin-top: 15px
}

.oZw50c4oJ6-r0HP8UWv25>:last-child {
    margin-bottom: 40px
}

._272iDm3ZOWIxFB41ShVTwr {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000;
    opacity: .4
}

._2LigNhjmULtkRCXW5237ai:not(.visible) {
    opacity: 0;
    pointer-events: none
}

._34o03-8cUc3fQX1u650c0L {
    display: flex;
    line-height: 20px;
    position: relative;
    cursor: pointer;
    width: 100%;
    min-width: 280px;
    box-sizing: border-box;
    padding: 14px;
    background: #23262e;
    color: #b8bcbf;
    align-items: center
}

._34o03-8cUc3fQX1u650c0L.Stream,
._34o03-8cUc3fQX1u650c0L.Connect,
._34o03-8cUc3fQX1u650c0L.Launch,
._34o03-8cUc3fQX1u650c0L.PlayMusic,
._34o03-8cUc3fQX1u650c0L.Play,
._34o03-8cUc3fQX1u650c0L.Resume,
._34o03-8cUc3fQX1u650c0L.BorrowApp,
._34o03-8cUc3fQX1u650c0L.Download,
._34o03-8cUc3fQX1u650c0L.Update,
._34o03-8cUc3fQX1u650c0L.PreLoad,
._34o03-8cUc3fQX1u650c0L.Install,
._34o03-8cUc3fQX1u650c0L.Pause,
._34o03-8cUc3fQX1u650c0L.Stop,
._34o03-8cUc3fQX1u650c0L.Cancel {
    background: #23262e;
    color: #dcdedf;
    text-transform: none;
    letter-spacing: 0px
}

._34o03-8cUc3fQX1u650c0L:hover {
    background: #3d4450;
    transition: background 100ms ease-in
}

._34o03-8cUc3fQX1u650c0L:hover._1HXm3O7vOzyuTFDaKPNUxy,
._34o03-8cUc3fQX1u650c0L:hover.Stop,
._34o03-8cUc3fQX1u650c0L:hover.Cancel {
    background: #8a220f
}

._34o03-8cUc3fQX1u650c0L:hover._213PVSQTmHdo8SK-jkU-m_,
._34o03-8cUc3fQX1u650c0L:hover.Stream,
._34o03-8cUc3fQX1u650c0L:hover.Connect,
._34o03-8cUc3fQX1u650c0L:hover.Launch,
._34o03-8cUc3fQX1u650c0L:hover.PlayMusic,
._34o03-8cUc3fQX1u650c0L:hover.Play,
._34o03-8cUc3fQX1u650c0L:hover.Resume,
._34o03-8cUc3fQX1u650c0L:hover.BorrowApp {
    background: #236c39;
    color: #fff
}

._34o03-8cUc3fQX1u650c0L:hover._2awU7ejQ3Qs_g0XnuSmgOP,
._34o03-8cUc3fQX1u650c0L:hover.Download,
._34o03-8cUc3fQX1u650c0L:hover.Update,
._34o03-8cUc3fQX1u650c0L:hover.PreLoad,
._34o03-8cUc3fQX1u650c0L:hover.Install,
._34o03-8cUc3fQX1u650c0L:hover.Pause {
    background: #216495;
    color: #fff
}

._34o03-8cUc3fQX1u650c0L.OQmT6NKuekm5HuXQnkl2a {
    background: #fff;
    color: #000
}

._34o03-8cUc3fQX1u650c0L._3fVa8M_7D9Vjz28uYnahhd {
    background: #3d4450;
    color: #fff
}

._34o03-8cUc3fQX1u650c0L._2XVTVAadkIvrBujZYN5jbL {
    outline: none;
    background: #fff;
    color: #0e141b
}

._34o03-8cUc3fQX1u650c0L._2XVTVAadkIvrBujZYN5jbL._213PVSQTmHdo8SK-jkU-m_,
._34o03-8cUc3fQX1u650c0L._2XVTVAadkIvrBujZYN5jbL.Stream,
._34o03-8cUc3fQX1u650c0L._2XVTVAadkIvrBujZYN5jbL.Connect,
._34o03-8cUc3fQX1u650c0L._2XVTVAadkIvrBujZYN5jbL.Launch,
._34o03-8cUc3fQX1u650c0L._2XVTVAadkIvrBujZYN5jbL.PlayMusic,
._34o03-8cUc3fQX1u650c0L._2XVTVAadkIvrBujZYN5jbL.Play,
._34o03-8cUc3fQX1u650c0L._2XVTVAadkIvrBujZYN5jbL.Resume,
._34o03-8cUc3fQX1u650c0L._2XVTVAadkIvrBujZYN5jbL.BorrowApp {
    background: #59bf40;
    color: #fff
}

._34o03-8cUc3fQX1u650c0L._2XVTVAadkIvrBujZYN5jbL._2awU7ejQ3Qs_g0XnuSmgOP,
._34o03-8cUc3fQX1u650c0L._2XVTVAadkIvrBujZYN5jbL.Download,
._34o03-8cUc3fQX1u650c0L._2XVTVAadkIvrBujZYN5jbL.Update,
._34o03-8cUc3fQX1u650c0L._2XVTVAadkIvrBujZYN5jbL.PreLoad,
._34o03-8cUc3fQX1u650c0L._2XVTVAadkIvrBujZYN5jbL.Install,
._34o03-8cUc3fQX1u650c0L._2XVTVAadkIvrBujZYN5jbL.Pause {
    background: #1a9fff;
    color: #fff
}

._34o03-8cUc3fQX1u650c0L._2XVTVAadkIvrBujZYN5jbL._1HXm3O7vOzyuTFDaKPNUxy,
._34o03-8cUc3fQX1u650c0L._2XVTVAadkIvrBujZYN5jbL.Stop,
._34o03-8cUc3fQX1u650c0L._2XVTVAadkIvrBujZYN5jbL.Cancel {
    background: #de3618;
    color: #fff
}

._34o03-8cUc3fQX1u650c0L._1yXLMcA7JS4dtqgQ9Citj5 {
    text-transform: uppercase
}

._34o03-8cUc3fQX1u650c0L.disabled {
    color: rgba(255, 255, 255, .3)
}

._34o03-8cUc3fQX1u650c0L.disabled.gpfocus {
    color: rgba(0, 0, 0, .5)
}

._34o03-8cUc3fQX1u650c0L.menuChecked {
    color: #6dcff6
}

._34o03-8cUc3fQX1u650c0L.menuChecked.contextMenuCheckMark {
    display: block
}

._34o03-8cUc3fQX1u650c0L>svg {
    height: 16px;
    width: 16px;
    margin-right: 8px
}

._34o03-8cUc3fQX1u650c0L._3dVceiVJPerBKElpqfmSRS {
    padding-top: 8px;
    font-size: 12px;
    text-transform: uppercase
}

._34o03-8cUc3fQX1u650c0L._2D03hlOq-HwgleuMEvDObC {
    text-transform: uppercase
}

._34o03-8cUc3fQX1u650c0L .SVGIcon_Button {
    margin-right: 12px;
    padding-top: 2px;
    height: 16px;
    width: 16px
}

._34o03-8cUc3fQX1u650c0L .SVGIcon_PlusCircle {
    height: 16px;
    width: 16px;
    margin-left: -3px;
    margin-bottom: -3px
}

._34o03-8cUc3fQX1u650c0L .SVGIcon_PlusCircle line {
    stroke: gray;
    shape-rendering: crispEdges;
    stroke-width: 20px
}

._34o03-8cUc3fQX1u650c0L .SVGIcon_PlusCircle circle {
    opacity: 0
}

._34o03-8cUc3fQX1u650c0L._3-IFyrv9R_fZqALBsjlUS5 {
    display: flex;
    padding-right: 2px
}

._34o03-8cUc3fQX1u650c0L._3-IFyrv9R_fZqALBsjlUS5.OQmT6NKuekm5HuXQnkl2a {
    background: #fff;
    color: #000
}

._34o03-8cUc3fQX1u650c0L._3-IFyrv9R_fZqALBsjlUS5 .SVGIcon_DownArrowContextMenu {
    height: 14px;
    width: 14px;
    transform: rotateZ(-90deg);
    fill: #9ca4a7;
    margin: 0px 3px
}

.ixiWPQKqTMxnq43WgT3vj {
    height: 2px;
    min-height: 2px
}

@media(prefers-contrast: no-preference) {
    #MainNavMenu-Rest .ixiWPQKqTMxnq43WgT3vj {
        background-color: #000
    }
}

@media(prefers-contrast: more) {
    #MainNavMenu-Rest .ixiWPQKqTMxnq43WgT3vj {
        background-color: #fff
    }
}

._34o03-8cUc3fQX1u650c0L._3-IFyrv9R_fZqALBsjlUS5 ._18C7xpEWME7W-bxMsvyXdi {
    flex: 1 0 auto
}

._34o03-8cUc3fQX1u650c0L._3-IFyrv9R_fZqALBsjlUS5 ._2T7n7sepVsm6k4PqM9hZ_U {
    flex: 0 0 auto;
    margin: 0px 0px 0px 4px
}

._34o03-8cUc3fQX1u650c0L .contextMenuCheckMark {
    width: 4px;
    height: 18px;
    background-color: #6dcff6;
    min-height: 1px;
    position: absolute;
    left: -4px;
    margin-top: 0px;
    display: none
}

.tRhOKu2T5OVX1RhENVwWb {
    display: inline-flex;
    line-height: unset
}

.tRhOKu2T5OVX1RhENVwWb>svg {
    width: 16px;
    fill: #aaa;
    margin-inline-start: 4px
}

.tRhOKu2T5OVX1RhENVwWb>svg:hover {
    fill: #fff
}

.tRhOKu2T5OVX1RhENVwWb._1I4rqOfyNGPTkYBl3r5EHK {
    display: inline-block
}

.tRhOKu2T5OVX1RhENVwWb._1I4rqOfyNGPTkYBl3r5EHK>svg {
    width: unset;
    height: .8em;
    fill: #b6d3ed;
    color: #b6d3ed;
    vertical-align: -0.125em;
    padding: .1em .2em;
    margin-inline-start: 0px
}

._3Sl0QHQ69uK7ZMQo5vBfrA {
    width: 40px;
    height: 16px;
    position: relative;
    cursor: pointer;
    transition: opacity .2s ease-in-out
}

._3Sl0QHQ69uK7ZMQo5vBfrA.M8qsAk8m30GwcGz7HCVnv {
    cursor: default;
    opacity: .6
}

._3Sl0QHQ69uK7ZMQo5vBfrA ._2Fw7gGOSCr7y9elv8iszxw {
    height: 10.6666666667px;
    width: 36px;
    border-radius: 5.3333333333px;
    box-shadow: inset 1px 1px 1px #0007;
    position: absolute;
    left: 2.6666666667px;
    top: 2.6666666667px;
    background-color: #26292e
}

._3Sl0QHQ69uK7ZMQo5vBfrA ._2Fw7gGOSCr7y9elv8iszxw._2OUxguuTe-NeOXZXxSNQsw {
    background-color: #2d5a81;
    transition: width .2s ease-in-out
}

._3Sl0QHQ69uK7ZMQo5vBfrA ._2Fw7gGOSCr7y9elv8iszxw._2OUxguuTe-NeOXZXxSNQsw._317lekDG36odwSaDLtFQgd {
    width: 36px
}

._3Sl0QHQ69uK7ZMQo5vBfrA ._2Fw7gGOSCr7y9elv8iszxw._2OUxguuTe-NeOXZXxSNQsw._3blKBzfHJaBz7ksPINK9aq {
    width: 0
}

._3Sl0QHQ69uK7ZMQo5vBfrA ._3IWp5BnnsY_aMKCxhCjShP {
    width: 16px;
    height: 16px;
    border-radius: 8px;
    box-shadow: 0px 0px 3px #000a;
    position: absolute;
    left: 0;
    transition: transform .2s ease-in-out, background-color .2s ease-in-out
}

._3Sl0QHQ69uK7ZMQo5vBfrA ._3IWp5BnnsY_aMKCxhCjShP._317lekDG36odwSaDLtFQgd {
    background-color: #16a1e1;
    background-image: linear-gradient(to bottom, #01c7f9, #3066f5);
    transform: translateX(25.3333333333px)
}

._3Sl0QHQ69uK7ZMQo5vBfrA ._3IWp5BnnsY_aMKCxhCjShP._3blKBzfHJaBz7ksPINK9aq {
    background-color: #4b525d
}

._1MBq0fYrftycnyZF4FC9Jo {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 12px;
    border-radius: 3px;
    background-color: rgba(59, 63, 72, .5)
}

._1MBq0fYrftycnyZF4FC9Jo ._1Dhs8IG9_tJWb3XP9ccN9M {
    color: #dfe3e6;
    font-size: 14px;
    font-weight: 300
}

._1MBq0fYrftycnyZF4FC9Jo ._1Dhs8IG9_tJWb3XP9ccN9M.M8qsAk8m30GwcGz7HCVnv {
    opacity: .3
}

._1ml4SNc3LIyBDHIf8ekVSw {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: stretch;
    background-color: #2a2e36;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-inline-start: 6px;
    border-radius: 2px;
    color: #dfe3e6;
    box-shadow: inset 0 1px 1px 0px #000a
}

@media(prefers-contrast: more) {
    ._1ml4SNc3LIyBDHIf8ekVSw {
        background: #000;
        color: #fff
    }
}

._1ml4SNc3LIyBDHIf8ekVSw.L2J24Sa_dQql2exoKoBMi {
    flex: 1;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    box-shadow: none
}

._1ml4SNc3LIyBDHIf8ekVSw.L2J24Sa_dQql2exoKoBMi>:first-child {
    border-radius: 0;
    border-start-start-radius: 20px;
    border-end-start-radius: 20px;
    border-top: 2px solid #282c2f;
    border-bottom: 2px solid #282c2f;
    border-inline-start: 2px solid #282c2f;
    border-inline-end: none
}

._1ml4SNc3LIyBDHIf8ekVSw.L2J24Sa_dQql2exoKoBMi>:last-child {
    border-radius: 0;
    border-start-end-radius: 20px;
    border-end-end-radius: 20px;
    border-top: 2px solid #282c2f;
    border-bottom: 2px solid #282c2f;
    border-inline-end: 2px solid #282c2f;
    border-inline-start: none
}

.HijmccPB1BKyhOwhX1EVl {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 6px;
    margin-inline-end: 6px;
    transition: background-color .18s ease-in-out;
    background-color: #2a2e36;
    border-radius: 2px;
    color: #b8bcbf;
    cursor: pointer;
    font-size: 14px;
    text-shadow: 0px 0px 4px #0d4f7e;
    position: relative
}

.HijmccPB1BKyhOwhX1EVl._3hmGW9wIxNIoPPu1aS7rFm {
    cursor: default
}

@media(prefers-contrast: more) {
    .HijmccPB1BKyhOwhX1EVl {
        background: #000;
        color: #fff;
        border: 1px solid #fff;
        text-shadow: none
    }
}

.L2J24Sa_dQql2exoKoBMi .HijmccPB1BKyhOwhX1EVl {
    flex: none;
    margin-inline-end: 0px;
    padding: 10px;
    background-color: transparent;
    border: 2px solid #282c2f;
    color: #fff;
    min-width: 85px;
    text-shadow: none
}

.L2J24Sa_dQql2exoKoBMi .HijmccPB1BKyhOwhX1EVl:not(._3-_jME_xsuvgT3Dvq4bw_q)+.HijmccPB1BKyhOwhX1EVl:not(._3-_jME_xsuvgT3Dvq4bw_q)::before {
    display: none;
    width: 0px
}

.HijmccPB1BKyhOwhX1EVl._3-_jME_xsuvgT3Dvq4bw_q,
.HijmccPB1BKyhOwhX1EVl._3-_jME_xsuvgT3Dvq4bw_q:hover {
    background: radial-gradient(#1a9fffbb 0%, #1a9fff 100%);
    cursor: default;
    color: #fff;
    border-inline-end: none
}

@media(prefers-contrast: more) {

    .HijmccPB1BKyhOwhX1EVl._3-_jME_xsuvgT3Dvq4bw_q,
    .HijmccPB1BKyhOwhX1EVl._3-_jME_xsuvgT3Dvq4bw_q:hover {
        background: radial-gradient(#1a9fffbb 0%, #1a9fff 100%)
    }
}

.HijmccPB1BKyhOwhX1EVl._3-_jME_xsuvgT3Dvq4bw_q._3hmGW9wIxNIoPPu1aS7rFm,
.HijmccPB1BKyhOwhX1EVl._3-_jME_xsuvgT3Dvq4bw_q._3hmGW9wIxNIoPPu1aS7rFm:hover {
    background-color: #3d4450
}

.HijmccPB1BKyhOwhX1EVl:not(._3hmGW9wIxNIoPPu1aS7rFm):hover {
    background-color: #464d58
}

@media(prefers-contrast: more) {
    .HijmccPB1BKyhOwhX1EVl:not(._3hmGW9wIxNIoPPu1aS7rFm):hover {
        background: #fff;
        color: #000
    }
}

.HijmccPB1BKyhOwhX1EVl:not(._3hmGW9wIxNIoPPu1aS7rFm)._3-_jME_xsuvgT3Dvq4bw_q:hover {
    background-color: radial-gradient(155.42% 100% at 0% 0%, #1F2A39 0 0%, #1aa0ff53 100%)
}

@media(prefers-contrast: more) {
    .HijmccPB1BKyhOwhX1EVl:not(._3hmGW9wIxNIoPPu1aS7rFm)._3-_jME_xsuvgT3Dvq4bw_q:hover {
        background: #fff;
        color: #000
    }
}

.HijmccPB1BKyhOwhX1EVl:not(._3-_jME_xsuvgT3Dvq4bw_q)+.HijmccPB1BKyhOwhX1EVl:not(._3-_jME_xsuvgT3Dvq4bw_q)::before {
    content: "";
    width: 1px;
    height: 80%;
    background: #3d4450;
    inset-inline-start: -3px;
    position: absolute
}

@media(prefers-contrast: more) {
    .HijmccPB1BKyhOwhX1EVl:not(._3-_jME_xsuvgT3Dvq4bw_q)+.HijmccPB1BKyhOwhX1EVl:not(._3-_jME_xsuvgT3Dvq4bw_q)::before {
        background: #fff;
        inset-inline-start: -4px
    }
}

._2oAiZidGyUxL-hfupFDQ2m {
    padding: 10px 15px;
    cursor: pointer;
    display: block;
    background: none;
    border-radius: 0;
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    text-align: left;
    align-items: stretch;
    border: none;
    box-sizing: border-box;
    width: 100%
}

._2oAiZidGyUxL-hfupFDQ2m:focus {
    background: #3e444d;
    outline: none
}

@media(prefers-contrast: more) {
    ._2oAiZidGyUxL-hfupFDQ2m:focus {
        background: #fff;
        color: #000
    }
}

._1Sa12sphmVOOs0on58tDn7 {
    height: 1px;
    margin: 10px 0;
    padding: 0;
    background-color: rgba(103, 112, 123, .3)
}

._30wJO3MC4x-I1OWpy1TAeE._DialogInputContainer {
    background: #373c44;
    box-shadow: 0px 8px 26px 2px rgba(0, 0, 0, .2);
    margin-top: 2px;
    margin-bottom: 2px
}

@media(prefers-contrast: more) {
    ._30wJO3MC4x-I1OWpy1TAeE._DialogInputContainer {
        background: #000;
        color: #fff
    }
}

.uujQHHS-7y4IW6qfxHpe2 {
    display: flex;
    flex-direction: row;
    justify-content: center
}

._3H05CHzkfz75-vnlsMa-p5 {
    flex-grow: 0;
    flex-shrink: 0;
    max-height: 32px;
    max-width: 32px;
    padding-right: 12px
}

._3H05CHzkfz75-vnlsMa-p5>svg {
    width: 100%;
    height: 100%
}

._3WTX45MQeZkasb71AEqo7P {
    min-width: 50%;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center
}

._3g-QHB82IGz91Hsk1Hw4lh {
    font-family: "Motiva Sans", Helvetica, sans-serif;
    font-weight: normal;
    font-size: 16px;
    font-style: normal;
    line-height: 20px;
    text-align: start;
    text-decoration: none;
    text-indent: 0;
    text-shadow: none;
    text-transform: none;
    letter-spacing: 0px;
    color: #fff;
    color: #dcdedf
}

._3g-QHB82IGz91Hsk1Hw4lh.DesktopUI,
.DesktopUI ._3g-QHB82IGz91Hsk1Hw4lh {
    font-size: 14px;
    line-height: 18px
}

.gpfocus ._3g-QHB82IGz91Hsk1Hw4lh {
    color: #0e141b
}

._2fl-TfpJcuSi88OkNwGOCb {
    font-family: "Motiva Sans", Helvetica, sans-serif;
    font-weight: normal;
    font-size: 16px;
    font-style: normal;
    line-height: 20px;
    text-align: start;
    text-decoration: none;
    text-indent: 0;
    text-shadow: none;
    text-transform: none;
    letter-spacing: 0px;
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    color: #8b929a
}

.gpfocus ._2fl-TfpJcuSi88OkNwGOCb {
    color: #67707b
}

.cbinvNOoQE045ZV5gCk_N {
    font-family: "Motiva Sans", Helvetica, sans-serif;
    font-weight: normal;
    font-size: 16px;
    font-style: normal;
    line-height: 20px;
    text-align: start;
    text-decoration: none;
    text-indent: 0;
    text-shadow: none;
    text-transform: none;
    letter-spacing: 0px;
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    color: #8b929a
}

.gpfocus .cbinvNOoQE045ZV5gCk_N {
    color: #67707b
}

@keyframes _2Wg5df41BfHnoLgawx_2pb {
    0% {
        opacity: 1
    }

    100% {
        opacity: .1
    }
}

._3m_2lh1eA4HcHpt48En7kr>path {
    animation: _2Wg5df41BfHnoLgawx_2pb .6s;
    animation-iteration-count: infinite;
    animation-fill-mode: both
}

._3m_2lh1eA4HcHpt48En7kr>path:nth-child(1) {
    animation-delay: -0.925s
}

._3m_2lh1eA4HcHpt48En7kr>path:nth-child(2) {
    animation-delay: -0.85s
}

._3m_2lh1eA4HcHpt48En7kr>path:nth-child(3) {
    animation-delay: -0.775s
}

._3m_2lh1eA4HcHpt48En7kr>path:nth-child(4) {
    animation-delay: -0.7s
}

._3m_2lh1eA4HcHpt48En7kr>path:nth-child(5) {
    animation-delay: -0.625s
}

._3m_2lh1eA4HcHpt48En7kr>path:nth-child(6) {
    animation-delay: -0.55s
}

._3m_2lh1eA4HcHpt48En7kr>path:nth-child(7) {
    animation-delay: -0.475s
}

._3m_2lh1eA4HcHpt48En7kr>path:nth-child(8) {
    animation-delay: -0.4s
}

._3BSOY2-GJGVqyHYdNpf0Zq>path {
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite
}

._3BSOY2-GJGVqyHYdNpf0Zq ._2JUUp6uv-bsKKYWMfwwyCX {
    animation-name: _2K65CL_7C6VuXL4jG_qp9w
}

._3BSOY2-GJGVqyHYdNpf0Zq ._1zw7H37bVuVoe0A1fW6cR_ {
    animation-name: _1E2Zt7i9sqP7HSjHO1pfiz
}

._3BSOY2-GJGVqyHYdNpf0Zq ._2YYWNEX-bFLhL8WrCZiCdP {
    animation-name: _12Gjw5ksk8QSMgRqg7ImtG
}

@keyframes _2K65CL_7C6VuXL4jG_qp9w {
    0% {
        opacity: 1
    }

    33% {
        opacity: 1
    }

    100% {
        opacity: .25
    }
}

@keyframes _1E2Zt7i9sqP7HSjHO1pfiz {
    0% {
        opacity: .25
    }

    33% {
        opacity: .25
    }

    67% {
        opacity: 1
    }

    100% {
        opacity: .25
    }
}

@keyframes _12Gjw5ksk8QSMgRqg7ImtG {
    0% {
        opacity: 1
    }

    33% {
        opacity: .25
    }

    67% {
        opacity: .25
    }

    100% {
        opacity: 1
    }
}

.cop8-_JMlxROh84HxKn1k>path {
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite
}

.cop8-_JMlxROh84HxKn1k ._1o6HA3kQiHOuG850embnDc {
    animation-name: _1PDAZ8_p3QD4UEodB33ZWN
}

.cop8-_JMlxROh84HxKn1k ._1q8-nNsxUgdR1e5-qquKhq {
    animation-name: QyijTe76r73C2YEReyqyL
}

.cop8-_JMlxROh84HxKn1k ._23ih_RI5RGrVxYWrefeNC {
    animation-name: _2wGDzjkXcSY4cHOHwsX4lg
}

.cop8-_JMlxROh84HxKn1k ._2DSRH-7cAVL5MFH4nlJ69A {
    animation-name: _3jrA8AMmWDnOD3_xIL5b3
}

@keyframes _1PDAZ8_p3QD4UEodB33ZWN {
    0% {
        opacity: 1
    }

    25% {
        opacity: 1
    }

    100% {
        opacity: .25
    }
}

@keyframes QyijTe76r73C2YEReyqyL {
    0% {
        opacity: .25
    }

    25% {
        opacity: .25
    }

    50% {
        opacity: 1
    }

    75% {
        opacity: .25
    }

    100% {
        opacity: .25
    }
}

@keyframes _2wGDzjkXcSY4cHOHwsX4lg {
    0% {
        opacity: .25
    }

    50% {
        opacity: .25
    }

    75% {
        opacity: 1
    }

    100% {
        opacity: .25
    }
}

@keyframes _3jrA8AMmWDnOD3_xIL5b3 {
    0% {
        opacity: 1
    }

    25% {
        opacity: .25
    }

    75% {
        opacity: .25
    }

    100% {
        opacity: 1
    }
}

._3-ZZDE9nzm0Tq9xSGLby1a {
    fill: #4897d2
}

._1toTlId7W50QaHwhm2SfyW {
    fill: transparent
}

._3fs6zBkR21ewf816VFANpo {
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-name: _3fs6zBkR21ewf816VFANpo
}

@keyframes _3fs6zBkR21ewf816VFANpo {
    0% {
        opacity: 1
    }

    25% {
        opacity: .25
    }

    75% {
        opacity: .25
    }

    100% {
        opacity: 1
    }
}

._3r8BMeEDGhnDnq7HCTtsyk {
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-name: _3r8BMeEDGhnDnq7HCTtsyk
}

@keyframes _3r8BMeEDGhnDnq7HCTtsyk {
    0% {
        transform: translate(0, 0)
    }

    13% {
        transform: translate(-15px, 0)
    }

    25% {
        transform: translate(-30px, 0)
    }

    38% {
        transform: translate(-15px, -5px)
    }

    50% {
        transform: translate(0px, -10px)
    }

    63% {
        transform: translate(20px, -25px)
    }

    75% {
        transform: translate(25px, -15px)
    }

    88% {
        transform: translate(30px, -5px)
    }

    100% {
        transform: translate(0, 0)
    }
}

._1ugur7H9TuFA6ZRwq-CBB6 {
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-name: _2H0WjqDEEycEgncxT0Awn-
}

@keyframes _3huKxhSD3aWINLG-yOuQ0O {
    0% {
        offset-distance: 0%
    }

    50% {
        offset-distance: 100%
    }

    100% {
        offset-distance: 0%
    }
}

@keyframes _2H0WjqDEEycEgncxT0Awn- {
    0% {
        transform: translate(-40px, 0)
    }

    13% {
        transform: translate(-55px, 0)
    }

    25% {
        transform: translate(-70px, 0)
    }

    38% {
        transform: translate(-55px, -5px)
    }

    50% {
        transform: translate(-40px, -10px)
    }

    63% {
        transform: translate(-10px, -25px)
    }

    75% {
        transform: translate(-15px, -15px)
    }

    88% {
        transform: translate(-10px, -5px)
    }

    100% {
        transform: translate(-40px, 0)
    }
}

._2dKXeLBBRZz5zJ-A_be0YE {
    animation-duration: 3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-name: _2dKXeLBBRZz5zJ-A_be0YE
}

@keyframes _2dKXeLBBRZz5zJ-A_be0YE {
    0% {
        transform: translateY(0);
        fill: transparent;
        stroke: #fff
    }

    90% {
        transform: translateY(0);
        fill: transparent;
        stroke: #fff
    }

    94% {
        transform: translateY(5px);
        fill: #1a9fff;
        stroke: #1a9fff;
        stroke-width: 16px
    }

    96% {
        transform: translateY(0);
        fill: transparent
    }

    98% {
        transform: translateY(5px);
        fill: #1a9fff;
        stroke: #1a9fff;
        stroke-width: 16px
    }

    100% {
        transform: translateY(0);
        fill: transparent;
        stroke: #fff;
        stroke-width: 8px
    }
}

.mX0CyLG2ckFSmF-E26ZSQ {
    animation-duration: 3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-name: mX0CyLG2ckFSmF-E26ZSQ
}

@keyframes mX0CyLG2ckFSmF-E26ZSQ {
    0% {
        opacity: 0;
        r: 25
    }

    90% {
        opacity: 0;
        r: 25
    }

    94% {
        opacity: 1;
        r: 100
    }

    96% {
        opacity: 0;
        r: 25
    }

    98% {
        opacity: 1;
        r: 100
    }

    100% {
        opacity: 0;
        r: 25
    }
}

._3xy45At7o_lkxcLoSTF6e0._35pkQMXbFQAF2v1VrIAsF7 {
    min-width: 34px;
    height: 24px;
    display: flex
}

._1CpOAgPPD7f_fGI4HaYX6C:dir(rtl) {
    scale: -1 1
}

._2sssIwe0duyIrFvat2oXzH {
    display: flex;
    flex-direction: row;
    height: 720px
}

@media screen and (max-width: 500px) {
    ._2sssIwe0duyIrFvat2oXzH {
        position: relative
    }

    ._2sssIwe0duyIrFvat2oXzH .OX7USkJ5dDP_icD00Gal6,
    ._2sssIwe0duyIrFvat2oXzH ._2kwFFHckg8jvnwJfg9-la8 {
        min-width: 0
    }

    ._2sssIwe0duyIrFvat2oXzH._3EyafdwyTAhyVmQ2hEoV6w .OX7USkJ5dDP_icD00Gal6,
    ._2sssIwe0duyIrFvat2oXzH.Wsp7yZOS_QZMBTFxK-_E1 ._2kwFFHckg8jvnwJfg9-la8 {
        position: absolute;
        inset: 0;
        opacity: 0;
        z-index: 1;
        transition: opacity .25s ease-in-out;
        pointer-events: none
    }
}

.CFTLX2wIKOK3hNV-fS7_V {
    flex: 3;
    min-width: 0;
    background: radial-gradient(201.11% 137.71% at 0.9% -3.76%, #343941 0%, #0E141B 40%)
}

.CFTLX2wIKOK3hNV-fS7_V.qvR0K8KWLMDelFmwQJ7tr {
    padding: 0
}

.CFTLX2wIKOK3hNV-fS7_V.DesktopUI,
.DesktopUI .CFTLX2wIKOK3hNV-fS7_V {
    padding-top: 24px;
    padding-inline-start: 24px;
    padding-inline-end: 0px;
    padding-bottom: 0px;
    background: #171d25
}

@media(prefers-contrast: more) {

    .CFTLX2wIKOK3hNV-fS7_V.DesktopUI,
    .DesktopUI .CFTLX2wIKOK3hNV-fS7_V {
        background: #000
    }
}

.CFTLX2wIKOK3hNV-fS7_V.DesktopUI.qvR0K8KWLMDelFmwQJ7tr,
.DesktopUI .CFTLX2wIKOK3hNV-fS7_V.qvR0K8KWLMDelFmwQJ7tr {
    padding: 0
}

.CFTLX2wIKOK3hNV-fS7_V.DesktopUI.qvR0K8KWLMDelFmwQJ7tr .DialogBody,
.DesktopUI .CFTLX2wIKOK3hNV-fS7_V.qvR0K8KWLMDelFmwQJ7tr .DialogBody {
    padding-inline-end: 0px
}

.CFTLX2wIKOK3hNV-fS7_V.DesktopUI .DialogBody,
.DesktopUI .CFTLX2wIKOK3hNV-fS7_V .DialogBody {
    padding-inline-end: 12px;
    padding-bottom: 24px
}

.CFTLX2wIKOK3hNV-fS7_V .DialogHeader:first-child+.DialogControlsSection:not(:first-child) {
    margin-top: 5px
}

@media screen and (max-width: 500px) {
    .CFTLX2wIKOK3hNV-fS7_V {
        min-width: 0
    }
}

.CFTLX2wIKOK3hNV-fS7_V .DialogHeader {
    margin-inline-end: 0
}

.CFTLX2wIKOK3hNV-fS7_V .DialogHeader.DesktopUI,
.DesktopUI .CFTLX2wIKOK3hNV-fS7_V .DialogHeader {
    margin-top: 8px;
    margin-bottom: 22px;
    font-size: 22px;
    font-weight: 700;
    text-transform: none;
    letter-spacing: unset
}

._2kwFFHckg8jvnwJfg9-la8 {
    background: #2a2d34;
    flex: 1;
    min-width: 140px;
    max-width: 220px;
    padding-top: 36px;
    display: flex;
    flex-direction: column;
    position: relative
}

@media(prefers-contrast: more) {
    ._2kwFFHckg8jvnwJfg9-la8 {
        background: #000;
        border-inline-end: 1px solid #fff
    }
}

@media screen and (max-width: 500px) {
    ._2kwFFHckg8jvnwJfg9-la8 {
        max-width: none
    }
}

._2kwFFHckg8jvnwJfg9-la8._1v7JdHYjstVsVJbHZ3TsVw {
    display: none
}

@media screen and (max-width: 500px) {
    ._3EyafdwyTAhyVmQ2hEoV6w ._2kwFFHckg8jvnwJfg9-la8._1v7JdHYjstVsVJbHZ3TsVw {
        display: flex
    }
}

._2kwFFHckg8jvnwJfg9-la8.DesktopUI,
.DesktopUI ._2kwFFHckg8jvnwJfg9-la8 {
    padding-inline-start: 0px;
    min-width: 160px;
    min-height: 95vh
}

.g8SKUhjLrRLKHWy3wEAzK {
    margin: 0px 4px 4px 4px
}

._2rjVTGz8aLvqOdz5v2gq5C {
    text-transform: uppercase;
    margin-bottom: 20px;
    padding-inline-start: 24px;
    color: #1a9fff;
    font-weight: 700;
    font-size: 17px;
    user-select: none;
    min-width: 0;
    word-wrap: break-word
}

._2rjVTGz8aLvqOdz5v2gq5C.DesktopUI,
.DesktopUI ._2rjVTGz8aLvqOdz5v2gq5C {
    padding-inline-end: 14px
}

._18QCu-7MTzd51UpVbYysDy {
    line-height: 16px;
    white-space: nowrap;
    overflow: auto;
    flex-shrink: 1;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    padding-bottom: 40px
}

.BasicUI ._18QCu-7MTzd51UpVbYysDy {
    height: 100vh
}

._18QCu-7MTzd51UpVbYysDy::-webkit-scrollbar-corner {
    background: transparent
}

._18QCu-7MTzd51UpVbYysDy.yTqIu5oXmYa9Em9FCpO3c {
    overflow-y: hidden
}

@media screen and (max-width: 500px) {
    ._18QCu-7MTzd51UpVbYysDy {
        flex-grow: initial;
        padding-bottom: 8px
    }
}

._1-vlriAtKYDViAEunue4VO {
    display: flex;
    align-items: center;
    min-width: 0;
    text-overflow: ellipsis;
    white-space: normal;
    padding-block: 10px;
    padding-inline-start: 24px;
    padding-inline-end: 8px;
    font-size: 14px;
    font-weight: 400;
    color: #b8bcbf;
    text-transform: none;
    cursor: pointer;
    user-select: none
}

@media(prefers-contrast: more) {
    ._1-vlriAtKYDViAEunue4VO {
        color: #fff
    }
}

._1-vlriAtKYDViAEunue4VO.DesktopUI,
.DesktopUI ._1-vlriAtKYDViAEunue4VO {
    margin-bottom: 0px
}

._1-vlriAtKYDViAEunue4VO ._1rD8X96FdnksZLvRRlEiCR {
    height: 20px;
    width: 20px;
    margin-inline-end: 12px
}

._1-vlriAtKYDViAEunue4VO ._1rD8X96FdnksZLvRRlEiCR.DesktopUI,
.DesktopUI ._1-vlriAtKYDViAEunue4VO ._1rD8X96FdnksZLvRRlEiCR {
    color: #b8bcbf
}

._1-vlriAtKYDViAEunue4VO ._2PPbMrzl8PKBwpkjYs9b0i {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media screen and (max-width: 500px) {
    ._3EyafdwyTAhyVmQ2hEoV6w ._1-vlriAtKYDViAEunue4VO ._2PPbMrzl8PKBwpkjYs9b0i {
        text-decoration: underline
    }
}

._1-vlriAtKYDViAEunue4VO.oUzYn48NLkHPRjiT8W86M,
._1-vlriAtKYDViAEunue4VO.oUzYn48NLkHPRjiT8W86M:hover,
._1-vlriAtKYDViAEunue4VO.oUzYn48NLkHPRjiT8W86M:not(._2DpXjzK3WWsOtUWUrcuOG7):hover {
    background-color: #23262e
}

._1-vlriAtKYDViAEunue4VO:hover:not(._2DpXjzK3WWsOtUWUrcuOG7) {
    background-color: #dcdedf;
    color: #3d4450
}

._1-vlriAtKYDViAEunue4VO:hover:not(._2DpXjzK3WWsOtUWUrcuOG7) ._1rD8X96FdnksZLvRRlEiCR {
    color: #3d4450
}

@media screen and (max-width: 500px) {
    ._3EyafdwyTAhyVmQ2hEoV6w ._1-vlriAtKYDViAEunue4VO:hover {
        background-color: #dcdedf;
        color: #3d4450
    }

    ._3EyafdwyTAhyVmQ2hEoV6w ._1-vlriAtKYDViAEunue4VO:hover ._1rD8X96FdnksZLvRRlEiCR {
        color: #3d4450
    }
}

._1-vlriAtKYDViAEunue4VO._2DpXjzK3WWsOtUWUrcuOG7 {
    color: #fff;
    background-color: #3d4450
}

._1-vlriAtKYDViAEunue4VO._2DpXjzK3WWsOtUWUrcuOG7 ._1rD8X96FdnksZLvRRlEiCR {
    color: #fff
}

@media screen and (max-width: 500px) {
    ._3EyafdwyTAhyVmQ2hEoV6w ._1-vlriAtKYDViAEunue4VO._2DpXjzK3WWsOtUWUrcuOG7 {
        color: #b8bcbf;
        background-color: transparent
    }
}

._3HW2USxwRYjjmh6QiQtDq8 {
    flex-grow: 1
}

._1Hye7o1wYIfc9TE9QKRW4T {
    height: 1px;
    background: #3d4450;
    margin-bottom: 14px;
    margin-inline-end: 24px;
    flex-shrink: 0
}

._1Hye7o1wYIfc9TE9QKRW4T.DesktopUI,
.DesktopUI ._1Hye7o1wYIfc9TE9QKRW4T {
    margin: 0px 12px
}

._1Hye7o1wYIfc9TE9QKRW4T._1ahzMoQaAT-POqYjqcQSCt.DesktopUI,
.DesktopUI ._1Hye7o1wYIfc9TE9QKRW4T._1ahzMoQaAT-POqYjqcQSCt {
    background: transparent
}

._3LLH_F43MTu6UtG4Z3kudv,
._1cWmu5TUWFAVHlv1EVaF8e {
    position: absolute;
    inset-inline-start: 24px;
    top: 8px;
    z-index: 5;
    width: 32px;
    height: 24px;
    background-color: #3d4450;
    border-radius: 2px;
    transition-property: background-color, color;
    transition-duration: .2s;
    transition-timing-function: ease-out;
    -webkit-app-region: no-drag;
    font-weight: bold;
    cursor: pointer
}

._3LLH_F43MTu6UtG4Z3kudv svg,
._1cWmu5TUWFAVHlv1EVaF8e svg {
    width: 16px;
    height: 16px;
    margin-top: 4px;
    margin-inline-start: 8px
}

._3LLH_F43MTu6UtG4Z3kudv:hover,
._1cWmu5TUWFAVHlv1EVaF8e:hover {
    color: #fff;
    background: #464d58;
    border-radius: 2px
}

@media screen and (max-width: 500px) {
    ._3LLH_F43MTu6UtG4Z3kudv {
        display: none
    }
}

@media screen and (min-width: 501px) {
    ._1cWmu5TUWFAVHlv1EVaF8e {
        display: none
    }
}

@keyframes _3PwEEPVt8AFlTzaPsr2aMs {
    from {
        background-position: 0 100%
    }

    to {
        background-position: 100% 0
    }
}

@keyframes OLaBYXIY9KoOmv591HQ4C {
    from {
        background: #3d4450
    }

    to {
        background: #23262e
    }
}

@keyframes _3NU8GvOktZfkdl6LQMVgZx {
    from {
        background: #3d4450;
        color: #8b929a
    }

    to {
        background: #23262e;
        color: #fff
    }
}

@keyframes _2NVMbdV4wBIACWgwBU2kyz {
    from {
        background: rgba(255, 255, 255, .25);
        color: #8b929a
    }

    to {
        background: rgba(255, 255, 255, .15);
        color: #fff
    }
}

@keyframes _2cC0LcFydJUHm4XLEOIfH_ {
    from {
        background: #8b929a;
        color: #fff
    }

    to {
        background: #67707b;
        color: #fff
    }
}

@keyframes _2ZXhFZ3yMelM_EaCuFUVCU {
    from {
        background: rgba(255, 255, 255, .3);
        color: #fff
    }

    to {
        background: rgba(255, 255, 255, .1);
        color: #fff
    }
}

@keyframes _3FYJQQRKVuF4an6YLTaAH- {
    from {
        background: rgba(255, 255, 255, .5);
        color: #fff
    }

    to {
        background: rgba(255, 255, 255, .2);
        color: #fff
    }
}

@keyframes _2bQL7sqLJxz3iErp2xkuDu {
    from {
        border-color: #67707b
    }

    to {
        border-color: #3d4450
    }
}

@keyframes _3YEiBS4FQvAJ5_DCKWaJ9h {
    from {
        background: #c9ffc9;
        color: #8b929a
    }

    to {
        background: #59bf40;
        color: #fff
    }
}

@keyframes _27hQac2edmP4A9XEJkh6QX {
    0% {
        background-position: 0% 0%;
        opacity: 1
    }

    100% {
        background-position: -180% 0%;
        opacity: .8
    }
}

@keyframes _1n0zrqn96vmI5hvxZBwflw {
    0% {
        background-position: 0% 0%
    }

    100% {
        background-position: 50% 0%
    }
}

@keyframes _3PwEEPVt8AFlTzaPsr2aMs {
    from {
        background-position: 0 100%
    }

    to {
        background-position: 100% 0
    }
}

@keyframes OLaBYXIY9KoOmv591HQ4C {
    from {
        background: #3d4450
    }

    to {
        background: #23262e
    }
}

@keyframes _3NU8GvOktZfkdl6LQMVgZx {
    from {
        background: #3d4450;
        color: #8b929a
    }

    to {
        background: #23262e;
        color: #fff
    }
}

@keyframes _2NVMbdV4wBIACWgwBU2kyz {
    from {
        background: rgba(255, 255, 255, .25);
        color: #8b929a
    }

    to {
        background: rgba(255, 255, 255, .15);
        color: #fff
    }
}

@keyframes _2cC0LcFydJUHm4XLEOIfH_ {
    from {
        background: #8b929a;
        color: #fff
    }

    to {
        background: #67707b;
        color: #fff
    }
}

@keyframes _2ZXhFZ3yMelM_EaCuFUVCU {
    from {
        background: rgba(255, 255, 255, .3);
        color: #fff
    }

    to {
        background: rgba(255, 255, 255, .1);
        color: #fff
    }
}

@keyframes _3FYJQQRKVuF4an6YLTaAH- {
    from {
        background: rgba(255, 255, 255, .5);
        color: #fff
    }

    to {
        background: rgba(255, 255, 255, .2);
        color: #fff
    }
}

@keyframes _2bQL7sqLJxz3iErp2xkuDu {
    from {
        border-color: #67707b
    }

    to {
        border-color: #3d4450
    }
}

@keyframes _3YEiBS4FQvAJ5_DCKWaJ9h {
    from {
        background: #c9ffc9;
        color: #8b929a
    }

    to {
        background: #59bf40;
        color: #fff
    }
}

:root {
    --indent-level: 0;
    --field-negative-horizontal-margin: 0px;
    --field-row-children-spacing: 0px
}

._16sYNwqxz6giarbVaRUl7R .DialogHeader {
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 0px;
    margin: 0px;
    margin-bottom: 10px;
    text-align: start;
    display: flex;
    gap: 10px;
    align-items: center;
    font-family: "Motiva Sans", Helvetica, sans-serif;
    font-weight: normal;
    font-size: 16px;
    font-style: normal;
    line-height: 20px;
    text-align: start;
    text-decoration: none;
    text-indent: 0;
    text-shadow: none;
    text-transform: none;
    letter-spacing: 0px;
    color: #fff;
    font-weight: bold;
    font-size: 22px;
    line-height: 28px
}

._16sYNwqxz6giarbVaRUl7R .DialogSubHeader {
    font-family: "Motiva Sans", Helvetica, sans-serif;
    font-weight: normal;
    font-size: 16px;
    font-style: normal;
    line-height: 20px;
    text-align: start;
    text-decoration: none;
    text-indent: 0;
    text-shadow: none;
    text-transform: none;
    letter-spacing: 0px;
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px
}

.BasicUI ._16sYNwqxz6giarbVaRUl7R .DialogSubHeader {
    font-family: "Motiva Sans", Helvetica, sans-serif;
    font-weight: normal;
    font-size: 16px;
    font-style: normal;
    line-height: 20px;
    text-align: start;
    text-decoration: none;
    text-indent: 0;
    text-shadow: none;
    text-transform: none;
    letter-spacing: 0px;
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: rgba(255, 255, 255, .5);
    font-size: 16px;
    font-weight: 600
}

._16sYNwqxz6giarbVaRUl7R .DialogFooter>._DialogColLayout {
    min-width: 300px
}

._16sYNwqxz6giarbVaRUl7R {
    background: none;
    padding: calc(12px + 1.4vw) 2.8vw
}

._16sYNwqxz6giarbVaRUl7R .DialogControlsSection:not(:first-child),
._16sYNwqxz6giarbVaRUl7R .DialogControlsSectionHeader:not(:first-child),
._16sYNwqxz6giarbVaRUl7R .DialogHeader:not(:first-child),
._16sYNwqxz6giarbVaRUl7R .DialogSubHeader:not(:first-child) {
    margin-top: 24px
}

._16sYNwqxz6giarbVaRUl7R .DialogControlsSectionHeader {
    color: #fff;
    padding: 12px 0;
    border-bottom: solid 1px #23262e;
    font-weight: 500;
    font-family: "Motiva Sans", Helvetica, sans-serif;
    font-weight: normal;
    font-size: 16px;
    font-style: normal;
    line-height: 20px;
    text-align: start;
    text-decoration: none;
    text-indent: 0;
    text-shadow: none;
    text-transform: none;
    letter-spacing: 0px;
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px
}

.BasicUI ._16sYNwqxz6giarbVaRUl7R .DialogControlsSectionHeader {
    letter-spacing: .5px;
    color: rgba(255, 255, 255, .5);
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600
}

@media(prefers-contrast: more) {
    .BasicUI ._16sYNwqxz6giarbVaRUl7R .DialogControlsSectionHeader {
        color: #fff
    }
}

._16sYNwqxz6giarbVaRUl7R .DialogControlsSectionHeader:first-child {
    margin-top: 0
}

._16sYNwqxz6giarbVaRUl7R .DialogBody,
._2ywySGDASDCC43aPuicxHt.DialogContent_InnerWidth {
    overflow: initial
}

._16sYNwqxz6giarbVaRUl7R .DialogBody .eKmEXJCm_lgme24Fp_HWt:first-child,
._2ywySGDASDCC43aPuicxHt.DialogContent_InnerWidth .eKmEXJCm_lgme24Fp_HWt:first-child {
    scroll-margin-top: 80px
}

._2ywySGDASDCC43aPuicxHt.DialogContent_InnerWidth {
    max-width: 100%
}

._16sYNwqxz6giarbVaRUl7R ._DialogInputContainer {
    border-radius: 0
}

._16sYNwqxz6giarbVaRUl7R ._DialogInputContainer.gpfocus,
._16sYNwqxz6giarbVaRUl7R ._DialogInputContainer.Active {
    background-color: #fff;
    color: #0e141b
}

._16sYNwqxz6giarbVaRUl7R ._DialogInputContainer.Active .DialogListBuilderInput_Input {
    color: #0e141b
}

._16sYNwqxz6giarbVaRUl7R .DialogBodyText {
    font-family: "Motiva Sans", Helvetica, sans-serif;
    font-weight: normal;
    font-size: 16px;
    font-style: normal;
    line-height: 20px;
    text-align: start;
    text-decoration: none;
    text-indent: 0;
    text-shadow: none;
    text-transform: none;
    letter-spacing: 0px;
    color: #fff;
    color: #dcdedf;
    margin-bottom: 10px
}

button.cXzBZxhPBl7fZs9LODEnc.DialogButton {
    margin: 0;
    padding: 10px 24px;
    min-width: 160px
}

button.cXzBZxhPBl7fZs9LODEnc.DialogButton.R7OZbuJa9H3NPk-5gy3Is {
    min-width: 0
}

button.cXzBZxhPBl7fZs9LODEnc.DialogButton,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:active,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled:active:hover {
    color: #dcdedf;
    font-size: 16px;
    line-height: 20px;
    border-radius: 2px;
    box-shadow: none;
    box-sizing: border-box;
    transition: none;
    position: relative
}

button.cXzBZxhPBl7fZs9LODEnc.DialogButton,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton.Primary,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled.Primary,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:active,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:active.Primary,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled:active:hover,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled:active:hover.Primary {
    background: rgba(255, 255, 255, .15)
}

button.cXzBZxhPBl7fZs9LODEnc.DialogButton.Stacked,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled.Stacked,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:active.Stacked,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled:active:hover.Stacked {
    margin-bottom: 10px
}

button.cXzBZxhPBl7fZs9LODEnc.DialogButton.EmptyButton,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled.EmptyButton,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:active.EmptyButton,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled:active:hover.EmptyButton {
    padding: 0px;
    overflow: hidden
}

button.cXzBZxhPBl7fZs9LODEnc.DialogButton.BarButton,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled.BarButton,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:active.BarButton,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled:active:hover.BarButton {
    background: #0000001A;
    color: #fff
}

button.cXzBZxhPBl7fZs9LODEnc.DialogButton._28cXJKe4jqDnSsP9HO7yYm,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled._28cXJKe4jqDnSsP9HO7yYm,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:active._28cXJKe4jqDnSsP9HO7yYm,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled:active:hover._28cXJKe4jqDnSsP9HO7yYm {
    background: #0e141b
}

button.cXzBZxhPBl7fZs9LODEnc.DialogButton:hover,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled:hover,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:active:hover,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled:active:hover:hover {
    background: rgba(255, 255, 255, .2);
    transition: background-color 150ms ease-in
}

button.cXzBZxhPBl7fZs9LODEnc.DialogButton.Primary:hover,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled.Primary:hover,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:active.Primary:hover,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled:active:hover.Primary:hover {
    background: #1aa0ff7c
}

button.cXzBZxhPBl7fZs9LODEnc.DialogButton.gpfocus,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:active,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled.gpfocus,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled:active,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:active.gpfocus,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:active:active,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled:active:hover.gpfocus,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled:active:hover:active {
    background: #fff;
    color: #23262e;
    outline: none
}

button.cXzBZxhPBl7fZs9LODEnc.DialogButton.gpfocus.Primary,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:active.Primary,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled.gpfocus.Primary,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled:active.Primary,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:active.gpfocus.Primary,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:active:active.Primary,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled:active:hover.gpfocus.Primary,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled:active:hover:active.Primary {
    background: #1a9fff;
    color: #fff
}

button.cXzBZxhPBl7fZs9LODEnc.DialogButton.gpfocus.Destructive,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:active.Destructive,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled.gpfocus.Destructive,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled:active.Destructive,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:active.gpfocus.Destructive,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:active:active.Destructive,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled:active:hover.gpfocus.Destructive,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled:active:hover:active.Destructive {
    background: #de3618;
    color: #fff
}

button.cXzBZxhPBl7fZs9LODEnc.DialogButton.gpfocus.BarButton,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:active.BarButton,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled.gpfocus.BarButton,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled:active.BarButton,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:active.gpfocus.BarButton,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:active:active.BarButton,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled:active:hover.gpfocus.BarButton,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled:active:hover:active.BarButton {
    background: #fff;
    color: #000
}

button.cXzBZxhPBl7fZs9LODEnc.DialogButton.gpfocus.Glyph,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:active.Glyph,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled.gpfocus.Glyph,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled:active.Glyph,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:active.gpfocus.Glyph,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:active:active.Glyph,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled:active:hover.gpfocus.Glyph,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled:active:hover:active.Glyph {
    filter: brightness(30%)
}

.eKmEXJCm_lgme24Fp_HWt button.cXzBZxhPBl7fZs9LODEnc.DialogButton.gpfocus,
.eKmEXJCm_lgme24Fp_HWt button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled.gpfocus,
.eKmEXJCm_lgme24Fp_HWt button.cXzBZxhPBl7fZs9LODEnc.DialogButton:active.gpfocus,
.eKmEXJCm_lgme24Fp_HWt button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled:active:hover.gpfocus {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, .25)
}

button.cXzBZxhPBl7fZs9LODEnc.DialogButton.Disabled,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton[disabled],
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled.Disabled,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled[disabled],
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:active.Disabled,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:active[disabled],
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled:active:hover.Disabled,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled:active:hover[disabled] {
    opacity: .4;
    background: #23262e;
    color: #fff;
    pointer-events: none
}

button.cXzBZxhPBl7fZs9LODEnc.DialogButton.Disabled.gpfocus,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton[disabled].gpfocus,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled.Disabled.gpfocus,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled[disabled].gpfocus,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:active.Disabled.gpfocus,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:active[disabled].gpfocus,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled:active:hover.Disabled.gpfocus,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled:active:hover[disabled].gpfocus {
    background: #000
}

button.cXzBZxhPBl7fZs9LODEnc.DialogButton:before,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled:before,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:active:before,
button.cXzBZxhPBl7fZs9LODEnc.DialogButton:enabled:active:hover:before {
    content: none
}

._1vcky98a3hG0ulFCdee4kd {
    height: 1px;
    background: rgba(255, 255, 255, .1);
    margin-inline: calc(-1*var(--field-negative-horizontal-margin))
}

@media(prefers-contrast: more) {
    ._1vcky98a3hG0ulFCdee4kd {
        background-color: #fff
    }
}

.eKmEXJCm_lgme24Fp_HWt {
    display: flex;
    flex-direction: column;
    padding: 0 10px;
    position: relative;
    background: none;
    border-radius: 0;
    padding-inline-start: calc(var(--field-negative-horizontal-margin) + var(--indent-level)*20px);
    padding-inline-end: var(--field-negative-horizontal-margin);
    margin-inline: calc(-1*var(--field-negative-horizontal-margin));
    transition-property: transform, background-color;
    transition-duration: .32s, 0s;
    transition-timing-function: cubic-bezier(0.17, 0.45, 0.14, 0.83);
    transform-origin: 12% 50%;
    animation-timing-function: cubic-bezier(0.17, 0.45, 0.14, 0.83);
    animation-duration: .5s;
    animation-fill-mode: forwards;
    transform: scale(1) rotateX(0deg)
}

.eKmEXJCm_lgme24Fp_HWt.xIITXDcM70faUNqssgUyx {
    --field-row-children-spacing: 10px;
    padding-bottom: 10px;
    padding-top: 10px
}

.eKmEXJCm_lgme24Fp_HWt._3hgIZByMuZIEiFspMRGFBw {
    padding: 8px 0;
    margin-inline-start: calc(-1*var(--field-negative-horizontal-margin) + var(--indent-level)*30px);
    --field-row-children-spacing: 8px
}

.eKmEXJCm_lgme24Fp_HWt._3tB2lyT2Pfvfv-jyuVgUOg {
    padding-bottom: 10px
}

.eKmEXJCm_lgme24Fp_HWt.GxgIyq8R5xTOeu4ftGrgX::after,
.eKmEXJCm_lgme24Fp_HWt._39x36zDuDr8Z0Z_UnJkY4S::after {
    content: "";
    position: absolute;
    left: var(--field-negative-horizontal-margin);
    right: var(--field-negative-horizontal-margin)
}

.eKmEXJCm_lgme24Fp_HWt.GxgIyq8R5xTOeu4ftGrgX::after {
    bottom: -0.5px;
    margin-inline-start: calc(var(--indent-level)*18px);
    height: 1px;
    background: rgba(255, 255, 255, .1)
}

@media(prefers-contrast: more) {
    .eKmEXJCm_lgme24Fp_HWt.GxgIyq8R5xTOeu4ftGrgX::after {
        background-color: #fff
    }
}

.eKmEXJCm_lgme24Fp_HWt._39x36zDuDr8Z0Z_UnJkY4S::after {
    bottom: -0.75px;
    margin-inline-start: calc(var(--indent-level)*18px);
    height: 1.5px;
    background: rgba(255, 255, 255, .1)
}

@media(prefers-contrast: more) {
    .eKmEXJCm_lgme24Fp_HWt._39x36zDuDr8Z0Z_UnJkY4S::after {
        background-color: #fff
    }
}

._16sYNwqxz6giarbVaRUl7R .eKmEXJCm_lgme24Fp_HWt {
    --field-negative-horizontal-margin: 2.8vw
}

.eKmEXJCm_lgme24Fp_HWt._2HFrmMgB38Ike5w4rVxzEX.gpfocus,
.eKmEXJCm_lgme24Fp_HWt._2HFrmMgB38Ike5w4rVxzEX.gpfocuswithin,
.eKmEXJCm_lgme24Fp_HWt._2HuzvKQ2QMUJ-JJOeApaF1:not(.aIeh3X5T2M074RLW1qn6_):hover {
    outline: none;
    background: #3d4450;
    color: #fff
}

.eKmEXJCm_lgme24Fp_HWt._2HFrmMgB38Ike5w4rVxzEX.gpfocus.DesktopUI,
.DesktopUI .eKmEXJCm_lgme24Fp_HWt._2HFrmMgB38Ike5w4rVxzEX.gpfocus,
.eKmEXJCm_lgme24Fp_HWt._2HFrmMgB38Ike5w4rVxzEX.gpfocuswithin.DesktopUI,
.DesktopUI .eKmEXJCm_lgme24Fp_HWt._2HFrmMgB38Ike5w4rVxzEX.gpfocuswithin,
.eKmEXJCm_lgme24Fp_HWt._2HuzvKQ2QMUJ-JJOeApaF1:not(.aIeh3X5T2M074RLW1qn6_):hover.DesktopUI,
.DesktopUI .eKmEXJCm_lgme24Fp_HWt._2HuzvKQ2QMUJ-JJOeApaF1:not(.aIeh3X5T2M074RLW1qn6_):hover {
    background: none
}

.eKmEXJCm_lgme24Fp_HWt._3YKpU6T7dSIjGegCiQgg3h+.eKmEXJCm_lgme24Fp_HWt._2HFrmMgB38Ike5w4rVxzEX.gpfocus,
._1vcky98a3hG0ulFCdee4kd+.eKmEXJCm_lgme24Fp_HWt._2HFrmMgB38Ike5w4rVxzEX.gpfocus,
._16sYNwqxz6giarbVaRUl7R .DialogControlsSectionHeader+.eKmEXJCm_lgme24Fp_HWt._2HFrmMgB38Ike5w4rVxzEX.gpfocus,
.eKmEXJCm_lgme24Fp_HWt._3YKpU6T7dSIjGegCiQgg3h+.eKmEXJCm_lgme24Fp_HWt._2HFrmMgB38Ike5w4rVxzEX.gpfocuswithin,
._1vcky98a3hG0ulFCdee4kd+.eKmEXJCm_lgme24Fp_HWt._2HFrmMgB38Ike5w4rVxzEX.gpfocuswithin,
._16sYNwqxz6giarbVaRUl7R .DialogControlsSectionHeader+.eKmEXJCm_lgme24Fp_HWt._2HFrmMgB38Ike5w4rVxzEX.gpfocuswithin,
.eKmEXJCm_lgme24Fp_HWt._3YKpU6T7dSIjGegCiQgg3h+.eKmEXJCm_lgme24Fp_HWt._2HuzvKQ2QMUJ-JJOeApaF1:not(.aIeh3X5T2M074RLW1qn6_):hover,
._1vcky98a3hG0ulFCdee4kd+.eKmEXJCm_lgme24Fp_HWt._2HuzvKQ2QMUJ-JJOeApaF1:not(.aIeh3X5T2M074RLW1qn6_):hover,
._16sYNwqxz6giarbVaRUl7R .DialogControlsSectionHeader+.eKmEXJCm_lgme24Fp_HWt._2HuzvKQ2QMUJ-JJOeApaF1:not(.aIeh3X5T2M074RLW1qn6_):hover {
    margin-top: -1px;
    border-top: solid 1px transparent
}

.eKmEXJCm_lgme24Fp_HWt.eKmEXJCm_lgme24Fp_HWt._39x36zDuDr8Z0Z_UnJkY4S+.eKmEXJCm_lgme24Fp_HWt._2HFrmMgB38Ike5w4rVxzEX.gpfocus,
.eKmEXJCm_lgme24Fp_HWt.eKmEXJCm_lgme24Fp_HWt._39x36zDuDr8Z0Z_UnJkY4S+.eKmEXJCm_lgme24Fp_HWt._2HFrmMgB38Ike5w4rVxzEX.gpfocuswithin,
.eKmEXJCm_lgme24Fp_HWt.eKmEXJCm_lgme24Fp_HWt._39x36zDuDr8Z0Z_UnJkY4S+.eKmEXJCm_lgme24Fp_HWt._2HuzvKQ2QMUJ-JJOeApaF1:not(.aIeh3X5T2M074RLW1qn6_):hover {
    margin-top: -1.5px;
    border-top: solid 1.5px transparent
}

.eKmEXJCm_lgme24Fp_HWt._2HFrmMgB38Ike5w4rVxzEX.gpfocus.DesktopUI::after,
.DesktopUI .eKmEXJCm_lgme24Fp_HWt._2HFrmMgB38Ike5w4rVxzEX.gpfocus::after,
.eKmEXJCm_lgme24Fp_HWt._2HFrmMgB38Ike5w4rVxzEX.gpfocuswithin.DesktopUI::after,
.DesktopUI .eKmEXJCm_lgme24Fp_HWt._2HFrmMgB38Ike5w4rVxzEX.gpfocuswithin::after,
.eKmEXJCm_lgme24Fp_HWt._2HuzvKQ2QMUJ-JJOeApaF1:not(.aIeh3X5T2M074RLW1qn6_):hover.DesktopUI::after,
.DesktopUI .eKmEXJCm_lgme24Fp_HWt._2HuzvKQ2QMUJ-JJOeApaF1:not(.aIeh3X5T2M074RLW1qn6_):hover::after {
    display: inherit
}

.eKmEXJCm_lgme24Fp_HWt._2HFrmMgB38Ike5w4rVxzEX.gpfocus::after,
.eKmEXJCm_lgme24Fp_HWt._2HFrmMgB38Ike5w4rVxzEX.gpfocuswithin::after,
.eKmEXJCm_lgme24Fp_HWt._2HuzvKQ2QMUJ-JJOeApaF1:not(.aIeh3X5T2M074RLW1qn6_):hover::after {
    display: none
}

.eKmEXJCm_lgme24Fp_HWt._2HFrmMgB38Ike5w4rVxzEX.gpfocus,
.eKmEXJCm_lgme24Fp_HWt._2HFrmMgB38Ike5w4rVxzEX.gpfocuswithin {
    animation-name: _3NU8GvOktZfkdl6LQMVgZx;
    z-index: 1;
    animation-name: _2NVMbdV4wBIACWgwBU2kyz
}

.eKmEXJCm_lgme24Fp_HWt.aIeh3X5T2M074RLW1qn6_ {
    cursor: default;
    color: #67707b
}

.eKmEXJCm_lgme24Fp_HWt._2HuzvKQ2QMUJ-JJOeApaF1:not(.aIeh3X5T2M074RLW1qn6_) {
    cursor: pointer
}

.eKmEXJCm_lgme24Fp_HWt.DesktopUI._2HuzvKQ2QMUJ-JJOeApaF1:not(.aIeh3X5T2M074RLW1qn6_),
.DesktopUI .eKmEXJCm_lgme24Fp_HWt._2HuzvKQ2QMUJ-JJOeApaF1:not(.aIeh3X5T2M074RLW1qn6_) {
    cursor: default
}

.eKmEXJCm_lgme24Fp_HWt .Focusable {
    scroll-margin: 20px 0 55px 0
}

.eKmEXJCm_lgme24Fp_HWt.DesktopUI ._1aw7cA3mAZfWt8idAlVJWi,
.eKmEXJCm_lgme24Fp_HWt.DesktopUI ._2o2fXzn99OddeqZMjbDuxQ,
.DesktopUI .eKmEXJCm_lgme24Fp_HWt ._1aw7cA3mAZfWt8idAlVJWi,
.DesktopUI .eKmEXJCm_lgme24Fp_HWt ._2o2fXzn99OddeqZMjbDuxQ {
    flex-shrink: 0
}

.eKmEXJCm_lgme24Fp_HWt.DesktopUI ._2o2fXzn99OddeqZMjbDuxQ,
.DesktopUI .eKmEXJCm_lgme24Fp_HWt ._2o2fXzn99OddeqZMjbDuxQ {
    display: flex
}

._1cGG5Yx-pDZFg0Cc1rahfw {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    background: red;
    opacity: .1
}

._2o2fXzn99OddeqZMjbDuxQ {
    flex-grow: 1
}

._2o2fXzn99OddeqZMjbDuxQ>svg {
    height: 1em;
    width: auto
}

._2o2fXzn99OddeqZMjbDuxQ>svg:not(:first-child) {
    margin-inline-start: 16px
}

._2o2fXzn99OddeqZMjbDuxQ .DialogInputLabelGroup {
    margin-bottom: 0px
}

._2DM37juowId1V_DScp3l4 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    flex-grow: 0
}

._2DM37juowId1V_DScp3l4._2sj0iYB2llhya3q15q0xiX {
    padding-inline-end: 10px
}

._2DM37juowId1V_DScp3l4._1mbHaypn3SksXyYjPLVuX1 {
    padding-inline-end: max(10px, var(--field-row-children-spacing))
}

._2DM37juowId1V_DScp3l4 svg {
    height: 20px
}

._2VcTlXFC64Jtg9gvtT6cmY {
    display: flex;
    flex-direction: row;
    column-gap: var(--field-row-children-spacing);
    justify-content: flex-end;
    align-items: flex-start
}

.eKmEXJCm_lgme24Fp_HWt._16vVnDqpbNs-zIH-EdV6Vz ._2VcTlXFC64Jtg9gvtT6cmY {
    align-items: center
}

.eKmEXJCm_lgme24Fp_HWt._3LCXhoVmpvqbOW8fsItdTl ._2VcTlXFC64Jtg9gvtT6cmY {
    flex-wrap: wrap
}

.eKmEXJCm_lgme24Fp_HWt._3nLNLFMUMSt4jvxIayuPV3 ._2VcTlXFC64Jtg9gvtT6cmY {
    row-gap: var(--field-row-children-spacing)
}

#QuickAccess-Menu .eKmEXJCm_lgme24Fp_HWt.ljcbLhG2-njpG2eCdWOyu ._1aw7cA3mAZfWt8idAlVJWi {
    min-width: 270px
}

.eKmEXJCm_lgme24Fp_HWt.ljcbLhG2-njpG2eCdWOyu ._2o2fXzn99OddeqZMjbDuxQ {
    min-width: var(--gamepad-field-control-min-width, 250px)
}

.eKmEXJCm_lgme24Fp_HWt.ljcbLhG2-njpG2eCdWOyu ._2o2fXzn99OddeqZMjbDuxQ.DesktopUI,
.DesktopUI .eKmEXJCm_lgme24Fp_HWt.ljcbLhG2-njpG2eCdWOyu ._2o2fXzn99OddeqZMjbDuxQ {
    min-width: 0px
}

#QuickAccess-Menu .eKmEXJCm_lgme24Fp_HWt.ljcbLhG2-njpG2eCdWOyu ._2o2fXzn99OddeqZMjbDuxQ {
    min-width: 0px
}

._1aw7cA3mAZfWt8idAlVJWi {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap
}

.eKmEXJCm_lgme24Fp_HWt.Jgod1QRim6eNfvia2_3Ac ._1aw7cA3mAZfWt8idAlVJWi {
    flex-grow: 1
}

.eKmEXJCm_lgme24Fp_HWt._2bDqk4Jeoyk1wZd7ttBNAR._37xzVt6arvEzyNdW5GxK8f._3nLNLFMUMSt4jvxIayuPV3 ._1aw7cA3mAZfWt8idAlVJWi {
    padding-top: var(--field-row-children-spacing)
}

._3jMlJm4PQCA8SfNlUR99Fo {
    font-size: 16px;
    line-height: 20px;
    color: #dcdedf;
    flex-grow: 1;
    display: flex;
    flex-direction: row;
    max-width: 100%;
    word-break: break-word
}

@media(prefers-contrast: more) {
    ._3jMlJm4PQCA8SfNlUR99Fo {
        color: #fff
    }
}

._3jMlJm4PQCA8SfNlUR99Fo.DesktopUI,
.DesktopUI ._3jMlJm4PQCA8SfNlUR99Fo {
    font-size: 14px;
    line-height: 18px
}

.eKmEXJCm_lgme24Fp_HWt._3LCXhoVmpvqbOW8fsItdTl ._3jMlJm4PQCA8SfNlUR99Fo {
    flex-shrink: 0
}

.eKmEXJCm_lgme24Fp_HWt:not(._37xzVt6arvEzyNdW5GxK8f).Jgod1QRim6eNfvia2_3Ac ._3jMlJm4PQCA8SfNlUR99Fo {
    flex-grow: 0
}

._3jMlJm4PQCA8SfNlUR99Fo .KGS2r2ext4jvDYa-MAFLD {
    align-self: flex-end
}

.eKmEXJCm_lgme24Fp_HWt.aIeh3X5T2M074RLW1qn6_ ._3jMlJm4PQCA8SfNlUR99Fo {
    color: #67707b
}

.eKmEXJCm_lgme24Fp_HWt._2HFrmMgB38Ike5w4rVxzEX.gpfocus ._3jMlJm4PQCA8SfNlUR99Fo,
.eKmEXJCm_lgme24Fp_HWt._2HFrmMgB38Ike5w4rVxzEX.gpfocuswithin ._3jMlJm4PQCA8SfNlUR99Fo {
    color: #fff
}

._3jMlJm4PQCA8SfNlUR99Fo>svg {
    position: relative;
    top: 2px;
    margin-inline-end: 12px
}

._1W1to_azoBRG95oNAFpf9Q {
    font-size: 12px;
    line-height: 16px;
    color: #b8bcbf;
    margin-top: 8px
}

@media(prefers-contrast: more) {
    ._1W1to_azoBRG95oNAFpf9Q {
        color: #fff
    }
}

._1W1to_azoBRG95oNAFpf9Q.DesktopUI,
.DesktopUI ._1W1to_azoBRG95oNAFpf9Q {
    color: #8b929a;
    font-weight: 400;
    font-size: 13px;
    line-height: 18px
}

@media(prefers-contrast: more) {

    ._1W1to_azoBRG95oNAFpf9Q.DesktopUI,
    .DesktopUI ._1W1to_azoBRG95oNAFpf9Q {
        color: #fff
    }
}

.eKmEXJCm_lgme24Fp_HWt._37xzVt6arvEzyNdW5GxK8f ._1aw7cA3mAZfWt8idAlVJWi+._1W1to_azoBRG95oNAFpf9Q {
    margin-top: 6px
}

.eKmEXJCm_lgme24Fp_HWt._2HFrmMgB38Ike5w4rVxzEX.gpfocus ._1W1to_azoBRG95oNAFpf9Q,
.eKmEXJCm_lgme24Fp_HWt._2HFrmMgB38Ike5w4rVxzEX.gpfocuswithin ._1W1to_azoBRG95oNAFpf9Q {
    color: #dcdedf
}

._3A5ujtARm6atH4phJ5i1i6 {
    display: flex;
    position: absolute;
    left: 0;
    right: 0;
    top: var(--basicui-header-height, 0px);
    bottom: var(--gamepadui-current-footer-height, 0px);
    overflow-y: auto;
    overflow-x: hidden;
    scroll-padding: 80px 0px;
    flex-direction: column
}

._3A5ujtARm6atH4phJ5i1i6._3-NqubDUyBx8l_lXBrjzUJ:not(._3bdRx6sqp4zgADo5c-9jUb) {
    bottom: 0
}

._3A5ujtARm6atH4phJ5i1i6._1XQXQY77uXZfE0KSWEADf_ {
    padding: 24px
}

._3A5ujtARm6atH4phJ5i1i6.gpfocus {
    outline: none
}

._3A5ujtARm6atH4phJ5i1i6._1Y7qW0oDUNH6gMRGqujwo6 {
    top: 0;
    padding: 0
}

._3A5ujtARm6atH4phJ5i1i6 ._27uCSNGt2GM1oh3MbvqAS {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

._3A5ujtARm6atH4phJ5i1i6>._16sYNwqxz6giarbVaRUl7R {
    margin: auto;
    background-color: #0e141b;
    border: 2px solid #23262e;
    padding: calc(12px + 1.4vw) 2.8vw;
    width: 660px;
    box-sizing: border-box;
    animation-name: _2JseUqLU57eK7UqCBneiZN;
    animation-duration: .5s;
    animation-timing-function: cubic-bezier(0.16, 0.86, 0.43, 0.99);
    animation-fill-mode: both
}

@keyframes _2JseUqLU57eK7UqCBneiZN {
    0% {
        opacity: 0;
        transform: translateY(50px);
        transform: scale(1)
    }

    100% {
        opacity: 1;
        transform: translateY(0);
        transform: scale(1)
    }
}

._3A5ujtARm6atH4phJ5i1i6.ze1orGDNkLfdANVgoD4ZW>._16sYNwqxz6giarbVaRUl7R {
    min-height: 0
}

._3A5ujtARm6atH4phJ5i1i6.ze1orGDNkLfdANVgoD4ZW>._16sYNwqxz6giarbVaRUl7R .DialogBody,
._3A5ujtARm6atH4phJ5i1i6.ze1orGDNkLfdANVgoD4ZW>._16sYNwqxz6giarbVaRUl7R ._2ywySGDASDCC43aPuicxHt.DialogContent_InnerWidth {
    min-height: 0
}

._3A5ujtARm6atH4phJ5i1i6 .DialogContentTransition {
    max-width: 613px
}

._3ZR32BdxJUNwAA6Fu6n00p {
    font-family: "Motiva Sans", Helvetica, sans-serif;
    font-weight: normal;
    font-size: 16px;
    font-style: normal;
    line-height: 20px;
    text-align: start;
    text-decoration: none;
    text-indent: 0;
    text-shadow: none;
    text-transform: none;
    letter-spacing: 0px;
    color: #fff;
    font-style: italic;
    color: #b8bcbf;
    border-radius: 0;
    color: #8b929a;
    transition: none;
    font-style: normal
}

._3ZR32BdxJUNwAA6Fu6n00p,
._3ZR32BdxJUNwAA6Fu6n00p:not(.disabled):not(.gpfocus):hover {
    background: #23262e
}

.BasicUI ._3ZR32BdxJUNwAA6Fu6n00p,
.BasicUI ._3ZR32BdxJUNwAA6Fu6n00p:not(.disabled):not(.gpfocus):hover {
    background: rgba(255, 255, 255, .1)
}

._3ZR32BdxJUNwAA6Fu6n00p,
._3ZR32BdxJUNwAA6Fu6n00p.gpfocus {
    padding: 10px 16px
}

._3ZR32BdxJUNwAA6Fu6n00p.gpfocus,
._3ZR32BdxJUNwAA6Fu6n00p.gpfocus:hover {
    background: #fff;
    color: #000;
    box-shadow: none
}

._3ZR32BdxJUNwAA6Fu6n00p::placeholder {
    font-style: italic;
    color: #67707b
}

.BasicUI .DialogTextInputBase {
    box-shadow: none
}

._9Ql-oVe_j8E-vsDdyVdWo {
    width: 38px;
    height: 22px;
    position: relative;
    margin-inline-end: 4px;
    border-radius: 16px;
    transition: box-shadow 50ms ease-out
}

._9Ql-oVe_j8E-vsDdyVdWo:dir(rtl) {
    scale: -1 1
}

._9Ql-oVe_j8E-vsDdyVdWo.gpfocus {
    outline: none
}

._9Ql-oVe_j8E-vsDdyVdWo.gpfocus:after {
    content: "";
    position: absolute;
    inset-inline-start: -10%;
    top: -15%;
    width: 120%;
    height: 132%;
    border-radius: 16px;
    background-color: #8b929a;
    opacity: 1;
    z-index: -1
}

._9Ql-oVe_j8E-vsDdyVdWo:not(.aIeh3X5T2M074RLW1qn6_) {
    cursor: pointer
}

._9Ql-oVe_j8E-vsDdyVdWo:not(.aIeh3X5T2M074RLW1qn6_):hover {
    box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, .3);
    border-radius: 16px;
    transition: box-shadow 100ms ease-in
}

._2bl0iQ9xigbq4Zd1NI6NZl {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(255, 255, 255, .15);
    border-radius: 9001px;
    overflow: hidden
}

.eKmEXJCm_lgme24Fp_HWt.gpfocuswithin ._2bl0iQ9xigbq4Zd1NI6NZl {
    background: #23262e
}

._9Ql-oVe_j8E-vsDdyVdWo.aIeh3X5T2M074RLW1qn6_ ._2bl0iQ9xigbq4Zd1NI6NZl {
    background: #67707b
}

._2bl0iQ9xigbq4Zd1NI6NZl::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #1a9fff;
    transform: translateX(-27px);
    transition: transform .2s ease-out
}

._9Ql-oVe_j8E-vsDdyVdWo.aIeh3X5T2M074RLW1qn6_ ._2bl0iQ9xigbq4Zd1NI6NZl::before {
    opacity: 0
}

._9Ql-oVe_j8E-vsDdyVdWo.yLrDAetGoWx0GYqA6ShfS ._2bl0iQ9xigbq4Zd1NI6NZl::before {
    transform: translateX(-11px)
}

._1PQppcgkuXQAiFPar9AGi- {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 22px;
    background: #fff;
    border-radius: 9001px;
    transition: transform .2s cubic-bezier(0.1, 0.12, 0.53, 1.72);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, .35)
}

._9Ql-oVe_j8E-vsDdyVdWo.aIeh3X5T2M074RLW1qn6_ ._1PQppcgkuXQAiFPar9AGi- {
    background: #8b929a
}

._9Ql-oVe_j8E-vsDdyVdWo.gpfocus:not(.aIeh3X5T2M074RLW1qn6_) ._1PQppcgkuXQAiFPar9AGi- {
    border: solid 2px #67707b;
    margin: -2px
}

._9Ql-oVe_j8E-vsDdyVdWo.yLrDAetGoWx0GYqA6ShfS ._1PQppcgkuXQAiFPar9AGi- {
    transform: translateX(16px)
}

._3pteVMTgNRdIzZreR6HnTp {
    color: #8b929a;
    word-break: break-word
}

.eKmEXJCm_lgme24Fp_HWt.gpfocuswithin ._3pteVMTgNRdIzZreR6HnTp {
    color: #b8bcbf
}

._3OHR1e3u08hK7hMx4fFy_L {
    display: flex;
    text-align: start
}

._3OHR1e3u08hK7hMx4fFy_L>svg {
    height: 1em;
    margin: auto
}

._1fwM173Ng2G0kqw3Tb3Yx7 {
    display: flex;
    width: 100%
}

._1fwM173Ng2G0kqw3Tb3Yx7 ._3xrmZ1royQxijivqXbiYmu {
    width: 2ch;
    height: 100%;
    flex-shrink: 0;
    margin-inline-end: 1ch
}

._1fwM173Ng2G0kqw3Tb3Yx7 .sNbXz_kVc2tfPwRJLfUat {
    flex-grow: 1
}

._2XSsNSGcWjGZ6z3fvqaRd5 {
    --controls-list-spacing: 0px;
    --controls-child-max-width: 250px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: calc(-1*var(--controls-list-spacing))
}

._2XSsNSGcWjGZ6z3fvqaRd5._1_1cc8zdCuVLNsVKeqeLnn {
    --controls-list-spacing: 10px
}

._2XSsNSGcWjGZ6z3fvqaRd5._3CqNnvT1qLOKIT3A_mHpeC {
    --controls-list-spacing: 16px
}

._2XSsNSGcWjGZ6z3fvqaRd5._30JCQLfpdL0ZuA8VTUd7tb {
    --controls-child-max-width: 200px;
    gap: 20px;
    flex-grow: 1
}

._2XSsNSGcWjGZ6z3fvqaRd5.DfEz4poPuz3p6j_yNLR8k {
    margin-inline-end: calc(-1*var(--controls-list-spacing))
}

._2XSsNSGcWjGZ6z3fvqaRd5._32h79ZYlQTTeNDLdoYh2qF {
    margin-inline-start: calc(-1*var(--controls-list-spacing));
    justify-content: start
}

._2XSsNSGcWjGZ6z3fvqaRd5._2ilj8DalLVVuriwU-1aSKG {
    margin-inline: calc(-0.5*var(--controls-list-spacing));
    justify-content: center
}

._2XSsNSGcWjGZ6z3fvqaRd5._3vgH-W3sYStLJYfV4JgE5b {
    flex: 1
}

._2XSsNSGcWjGZ6z3fvqaRd5 ._2LQjjxR3ZOcEZU73abIsw- {
    max-width: var(--controls-child-max-width);
    flex-grow: 1;
    margin-bottom: var(--controls-list-spacing)
}

#_1RRDRb-2_pgEiWZfAWaRN1 ._2XSsNSGcWjGZ6z3fvqaRd5 ._2LQjjxR3ZOcEZU73abIsw- {
    max-width: 270px
}

._2XSsNSGcWjGZ6z3fvqaRd5 ._2LQjjxR3ZOcEZU73abIsw-.DesktopUI,
.DesktopUI ._2XSsNSGcWjGZ6z3fvqaRd5 ._2LQjjxR3ZOcEZU73abIsw- {
    display: flex
}

._2XSsNSGcWjGZ6z3fvqaRd5._32h79ZYlQTTeNDLdoYh2qF ._2LQjjxR3ZOcEZU73abIsw- {
    margin-inline-start: var(--controls-list-spacing)
}

._2XSsNSGcWjGZ6z3fvqaRd5.DfEz4poPuz3p6j_yNLR8k ._2LQjjxR3ZOcEZU73abIsw- {
    margin-inline-end: var(--controls-list-spacing)
}

._2XSsNSGcWjGZ6z3fvqaRd5.DfEz4poPuz3p6j_yNLR8k ._2LQjjxR3ZOcEZU73abIsw-:last-child {
    margin-inline-start: auto
}

._2XSsNSGcWjGZ6z3fvqaRd5._2ilj8DalLVVuriwU-1aSKG ._2LQjjxR3ZOcEZU73abIsw- {
    margin-inline: calc(.5*var(--controls-list-spacing))
}

.UeBsDJo7ibrubT7WwDoHM.xIITXDcM70faUNqssgUyx {
    padding-top: 40px
}

.UeBsDJo7ibrubT7WwDoHM._3hgIZByMuZIEiFspMRGFBw {
    padding-top: 16px
}

._16sYNwqxz6giarbVaRUl7R .DialogBody .DialogControlsSection .Focusable {
    scroll-margin-top: 80px
}

.eNk_O4LrQEvG8jC82EB6M {
    display: flex;
    flex-direction: column
}

._35YPSEBHIjTxOt0SyTpGld {
    resize: none
}

._2PuNBlNWSlrrrQJQPNBx-e {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    will-change: transform
}

.MGaAv8PlvR1-fOSrJ7-Hk {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

@keyframes _5VEJ9ppWFMtmQZUIl5QGM {
    from {
        background-position: 0 100%
    }

    to {
        background-position: 100% 0
    }
}

@keyframes gmWXVs6ySMfR95uy-dzLj {
    from {
        background: #3d4450
    }

    to {
        background: #23262e
    }
}

@keyframes _2Shpsf_OXX9VqX7Wf0lif0 {
    from {
        background: #3d4450;
        color: #8b929a
    }

    to {
        background: #23262e;
        color: #fff
    }
}

@keyframes _2x0HRpP0QPcd8y8ykAaCFm {
    from {
        background: rgba(255, 255, 255, .25);
        color: #8b929a
    }

    to {
        background: rgba(255, 255, 255, .15);
        color: #fff
    }
}

@keyframes _2_WUbDOZ71hKkEf-CD41hr {
    from {
        background: #8b929a;
        color: #fff
    }

    to {
        background: #67707b;
        color: #fff
    }
}

@keyframes _3JK1VosnPSCLdf_lSz1exG {
    from {
        background: rgba(255, 255, 255, .3);
        color: #fff
    }

    to {
        background: rgba(255, 255, 255, .1);
        color: #fff
    }
}

@keyframes _2PDwQBU5MzHQ75ycEVpwK3 {
    from {
        background: rgba(255, 255, 255, .5);
        color: #fff
    }

    to {
        background: rgba(255, 255, 255, .2);
        color: #fff
    }
}

@keyframes _21sRAofE89wu3ZgopiNdvZ {
    from {
        border-color: #67707b
    }

    to {
        border-color: #3d4450
    }
}

@keyframes _1JVe0k01JB6eRezb8eqqjg {
    from {
        background: #c9ffc9;
        color: #8b929a
    }

    to {
        background: #59bf40;
        color: #fff
    }
}

@keyframes _5VEJ9ppWFMtmQZUIl5QGM {
    from {
        background-position: 0 100%
    }

    to {
        background-position: 100% 0
    }
}

@keyframes gmWXVs6ySMfR95uy-dzLj {
    from {
        background: #3d4450
    }

    to {
        background: #23262e
    }
}

@keyframes _2Shpsf_OXX9VqX7Wf0lif0 {
    from {
        background: #3d4450;
        color: #8b929a
    }

    to {
        background: #23262e;
        color: #fff
    }
}

@keyframes _2x0HRpP0QPcd8y8ykAaCFm {
    from {
        background: rgba(255, 255, 255, .25);
        color: #8b929a
    }

    to {
        background: rgba(255, 255, 255, .15);
        color: #fff
    }
}

@keyframes _2_WUbDOZ71hKkEf-CD41hr {
    from {
        background: #8b929a;
        color: #fff
    }

    to {
        background: #67707b;
        color: #fff
    }
}

@keyframes _3JK1VosnPSCLdf_lSz1exG {
    from {
        background: rgba(255, 255, 255, .3);
        color: #fff
    }

    to {
        background: rgba(255, 255, 255, .1);
        color: #fff
    }
}

@keyframes _2PDwQBU5MzHQ75ycEVpwK3 {
    from {
        background: rgba(255, 255, 255, .5);
        color: #fff
    }

    to {
        background: rgba(255, 255, 255, .2);
        color: #fff
    }
}

@keyframes _21sRAofE89wu3ZgopiNdvZ {
    from {
        border-color: #67707b
    }

    to {
        border-color: #3d4450
    }
}

@keyframes _1JVe0k01JB6eRezb8eqqjg {
    from {
        background: #c9ffc9;
        color: #8b929a
    }

    to {
        background: #59bf40;
        color: #fff
    }
}

@keyframes _2mE4Zqk74DYf-Fl8qNzR_1 {
    0% {
        background-position: 0% 0%;
        opacity: 1
    }

    100% {
        background-position: -180% 0%;
        opacity: .8
    }
}

@keyframes _2TiOQH2-wZVvDubR_9gMF1 {
    0% {
        background-position: 0% 0%
    }

    100% {
        background-position: 50% 0%
    }
}

._33vqr13-jdnjTkKKTh414f {
    display: flex;
    flex-direction: row;
    height: 100%;
    flex-grow: 1
}

.DialogContent._3mgb-3_dHk3POEOVOh0Dvp {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding-bottom: calc(var(--gamepadui-current-footer-height, 0px) + 20px);
    overflow-x: hidden;
    overflow-y: auto;
    scroll-padding: 250px 0px 60px 0px;
    flex-direction: column;
    padding-top: calc(24px + var(--basicui-header-height, 0px))
}

.DialogContent._3mgb-3_dHk3POEOVOh0Dvp._3ePFFqvyMe-tEnQf-xMd74 {
    padding: 0;
    padding-top: calc(0px + var(--basicui-header-height, 0px))
}

.DialogContent._3mgb-3_dHk3POEOVOh0Dvp .DialogBody .DialogHeader:first-child+.DialogControlsSection:not(:first-child) {
    margin-top: 5px
}

._1d6VIquCc410kNE7rDAje6 {
    background: rgba(255, 255, 255, .1);
    flex: 1;
    min-width: 240px;
    max-width: 40%;
    display: flex;
    flex-direction: column;
    position: relative;
    padding-bottom: var(--gamepadui-current-footer-height, 0px)
}

._3aOHbtFJ8uSR7XH0WFQ8vv {
    color: #fff;
    font-family: "Motiva Sans", Helvetica, sans-serif;
    font-weight: normal;
    font-size: 16px;
    font-style: normal;
    line-height: 20px;
    text-align: start;
    text-decoration: none;
    text-indent: 0;
    text-shadow: none;
    text-transform: none;
    letter-spacing: 0px;
    color: #fff;
    font-weight: bold;
    font-size: 22px;
    line-height: 28px;
    padding-top: calc(8px + var(--basicui-header-height, 0px));
    padding-left: calc(12px + 1.4vw);
    padding-right: 16px;
    overflow: hidden;
    text-overflow: ellipsis
}

.gNwozyl1BAcDyyhUKvx1Y {
    line-height: 16px;
    white-space: nowrap;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 16px 0px;
    flex-shrink: 1;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    scroll-snap-type: y mandatory;
    scroll-padding: 36px 0px;
    padding-top: calc(0px + var(--basicui-header-height, 0px))
}

.gNwozyl1BAcDyyhUKvx1Y.sMDrh8XsPKmtIRS5q5VLs {
    overflow-y: hidden
}

.gNwozyl1BAcDyyhUKvx1Y._3UfINfoarLdX2Cbx22cWNf {
    padding-top: 16px
}

.gNwozyl1BAcDyyhUKvx1Y._2EiZ3BiLOqNY5BfgsBnUda {
    padding-top: 0px
}

._2mL2HfT5AkDXRi1YBnRWKa {
    font-family: "Motiva Sans", Helvetica, sans-serif;
    font-weight: normal;
    font-size: 16px;
    font-style: normal;
    line-height: 20px;
    text-align: start;
    text-decoration: none;
    text-indent: 0;
    text-shadow: none;
    text-transform: none;
    letter-spacing: 0px;
    color: #fff;
    padding: 10px calc(12px + 1.4vw);
    color: #b8bcbf;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    transform: scale(1) rotateX(1deg);
    line-height: 22px;
    scroll-margin: 2.5em 0;
    transition-property: transform, background-color;
    transition-duration: .32s, 0s;
    transition-timing-function: cubic-bezier(0.17, 0.45, 0.14, 0.83);
    transform-origin: 12% 50%;
    animation-timing-function: cubic-bezier(0.17, 0.45, 0.14, 0.83);
    animation-duration: .5s;
    animation-fill-mode: forwards;
    transform: scale(1) rotateX(1deg)
}

@media(prefers-contrast: more) {
    ._2mL2HfT5AkDXRi1YBnRWKa {
        color: #fff
    }
}

._2mL2HfT5AkDXRi1YBnRWKa._1G3whBr0RMzXKIfj4fcQjI,
._2mL2HfT5AkDXRi1YBnRWKa._1G3whBr0RMzXKIfj4fcQjI:hover,
._2mL2HfT5AkDXRi1YBnRWKa._1G3whBr0RMzXKIfj4fcQjI:not(._1ELdDY5kb5jxjXe-FpWBo5):hover {
    color: #414141;
    cursor: default
}

._2mL2HfT5AkDXRi1YBnRWKa._1ELdDY5kb5jxjXe-FpWBo5 {
    color: #fff;
    cursor: default;
    background: rgba(255, 255, 255, .15);
    transform: scale(1.1) rotateX(1deg);
    clip-path: inset(5% 0% 5% 0%)
}

._2mL2HfT5AkDXRi1YBnRWKa:focus {
    outline: none;
    background: #3d4450;
    color: #fff;
    animation-name: _2Shpsf_OXX9VqX7Wf0lif0;
    transform: scale(1.1);
    z-index: 1;
    animation-name: _2x0HRpP0QPcd8y8ykAaCFm
}

._2mL2HfT5AkDXRi1YBnRWKa:hover {
    background-color: rgba(255, 255, 255, .05)
}

._3f2IOwoVFEcJNNmmRXIMK8 {
    height: 20px;
    width: 20px;
    margin: auto 0;
    margin-right: 16px
}

._3f2IOwoVFEcJNNmmRXIMK8 svg {
    width: 100%;
    height: 100%
}

._4niDTAfIpKQoRx-CR_3K {
    flex-grow: 1;
    margin: auto 0
}

._3sUwukdeKdKRTojXu4I3ga {
    height: 1px;
    background: rgba(255, 255, 255, .1);
    margin: 8px calc(12px + 1.4vw);
    flex-shrink: 0
}

.ZjHHXZlnZhCahNrBFplWc {
    background: transparent
}

._1dnQHsm5YZj8xalX60aJ28>._1IuEvBl5o5xgw1juy2Eh0E._1GyNiFo_rHPx8h8VcDhcQb {
    transform: translateY(-12%);
    opacity: 0
}

._1dnQHsm5YZj8xalX60aJ28>._1IuEvBl5o5xgw1juy2Eh0E._3MKje54agTWkEfhX4ucj6s {
    transform: translateY(0);
    opacity: 1;
    transition-property: transform, opacity;
    transition-duration: 320ms;
    transition-timing-function: cubic-bezier(0, 0, 0.1, 1);
    transition-delay: 80ms
}

._1dnQHsm5YZj8xalX60aJ28>._1IuEvBl5o5xgw1juy2Eh0E._3XxqhmpembnJZkU_CDSCQR {
    transform: translateY(0);
    opacity: 1
}

._1dnQHsm5YZj8xalX60aJ28>._1IuEvBl5o5xgw1juy2Eh0E._13X1O22Ge1JqHS5s4seC4A {
    transform: translateY(8%);
    opacity: 0;
    transition-property: transform, opacity;
    transition-duration: 80ms;
    transition-timing-function: cubic-bezier(0.6, 0, 1, 1)
}

@media(prefers-reduced-motion: reduce) {
    ._1dnQHsm5YZj8xalX60aJ28>._1IuEvBl5o5xgw1juy2Eh0E {
        transition-timing-function: step-start
    }
}

._1C1JjI4inJUtodtSWKAPoE>._1IuEvBl5o5xgw1juy2Eh0E._1GyNiFo_rHPx8h8VcDhcQb {
    transform: translateY(12%);
    opacity: 0
}

._1C1JjI4inJUtodtSWKAPoE>._1IuEvBl5o5xgw1juy2Eh0E._3MKje54agTWkEfhX4ucj6s {
    transform: translateY(0);
    opacity: 1;
    transition-property: transform, opacity;
    transition-duration: 320ms;
    transition-timing-function: cubic-bezier(0, 0, 0.1, 1);
    transition-delay: 80ms
}

._1C1JjI4inJUtodtSWKAPoE>._1IuEvBl5o5xgw1juy2Eh0E._3XxqhmpembnJZkU_CDSCQR {
    transform: translateY(0);
    opacity: 1
}

._1C1JjI4inJUtodtSWKAPoE>._1IuEvBl5o5xgw1juy2Eh0E._13X1O22Ge1JqHS5s4seC4A {
    transform: translateY(-8%);
    opacity: 0;
    transition-property: transform, opacity;
    transition-duration: 80ms;
    transition-timing-function: cubic-bezier(0.6, 0, 1, 1)
}

@media(prefers-reduced-motion: reduce) {
    ._1C1JjI4inJUtodtSWKAPoE>._1IuEvBl5o5xgw1juy2Eh0E {
        transition-timing-function: step-start
    }
}

button.v8oJcDOQF6xmlVTw4VhOr.DialogButton {
    padding: 10px 16px;
    min-width: initial
}

button._2-fpY1CCK5fZZ3EyTH0RM_.DialogButton,
button._2-fpY1CCK5fZZ3EyTH0RM_.DialogButton:enabled,
button._2-fpY1CCK5fZZ3EyTH0RM_.DialogButton:active,
button._2-fpY1CCK5fZZ3EyTH0RM_.DialogButton:hover,
button._2-fpY1CCK5fZZ3EyTH0RM_.DialogButton:enabled:active:hover {
    min-width: revert;
    width: auto;
    display: flex;
    align-self: stretch;
    padding: 10px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

button._2-fpY1CCK5fZZ3EyTH0RM_ svg {
    height: 20px;
    margin: auto
}

.c-4HN55eCj1jyZQutvZtn {
    display: flex;
    gap: 10px
}

._15-eRWK8oDnKQB_0B9PJPV {
    text-align: center
}

@keyframes _34goutNBSou3YR_kTuPeXo {
    from {
        background-position: 0 100%
    }

    to {
        background-position: 100% 0
    }
}

@keyframes _3uBtlQHaoF-Fdvf-44fdfj {
    from {
        background: #3d4450
    }

    to {
        background: #23262e
    }
}

@keyframes _1so9RRpNCSzFaLUuFaAoTQ {
    from {
        background: #3d4450;
        color: #8b929a
    }

    to {
        background: #23262e;
        color: #fff
    }
}

@keyframes _3rHHM0QPQeBnxSX9SsyTAv {
    from {
        background: rgba(255, 255, 255, .25);
        color: #8b929a
    }

    to {
        background: rgba(255, 255, 255, .15);
        color: #fff
    }
}

@keyframes _3bS2YJzXbd_HJcslwwJonb {
    from {
        background: #8b929a;
        color: #fff
    }

    to {
        background: #67707b;
        color: #fff
    }
}

@keyframes _1eyjVbw17bPbJY8cd6MyX2 {
    from {
        background: rgba(255, 255, 255, .3);
        color: #fff
    }

    to {
        background: rgba(255, 255, 255, .1);
        color: #fff
    }
}

@keyframes _1iqNj4v83-vYdxWouoYIbw {
    from {
        background: rgba(255, 255, 255, .5);
        color: #fff
    }

    to {
        background: rgba(255, 255, 255, .2);
        color: #fff
    }
}

@keyframes _2Pzyj6rGS2MYa48LGSbRdv {
    from {
        border-color: #67707b
    }

    to {
        border-color: #3d4450
    }
}

@keyframes _2C-5CyKHqs57xJb0nU1LnG {
    from {
        background: #c9ffc9;
        color: #8b929a
    }

    to {
        background: #59bf40;
        color: #fff
    }
}

._198v6zB5mZ5FWG0wpQU_3m {
    flex-grow: 1
}

._23hjXB5XSry64xirVGpWAY {
    display: flex;
    flex-direction: column
}

._23hjXB5XSry64xirVGpWAY._2vIQRDODaxmltxEdCSbuYf {
    padding-top: 4px
}

._1udlGGE4F5pggcpxovorUd {
    --inverse-normalized-value: calc(1 - var(--normalized-slider-value));
    --inverse-normalized-default-value: calc(1 - var(--normalized-slider-default-value));
    --slider-handle-width: 24px;
    position: relative;
    display: flex;
    height: 24px;
    min-width: var(--slider-min-width, 100px);
    transition: filter 50ms ease-in
}

._1udlGGE4F5pggcpxovorUd:dir(rtl) {
    --inverse-normalized-value: calc(-1 * (1 - var(--normalized-slider-value)));
    --inverse-normalized-default-value: calc(-1 * (1 - var(--normalized-slider-default-value)))
}

._1udlGGE4F5pggcpxovorUd:not(._35GyZGA7tDmWzs9spPBe41) {
    cursor: pointer
}

._2_vG6TwMW2XtyLlTEaODH9 {
    background-color: rgba(255, 255, 255, .15);
    margin: auto;
    width: 100%;
    height: 6px;
    position: relative;
    overflow: hidden;
    --left-track-color: #1a9fff;
    border-radius: 3px;
    transition-property: background-color;
    transition-duration: .2s;
    transition-timing-function: ease-in-out
}

._2_vG6TwMW2XtyLlTEaODH9._1Lr71yy6KmqcdDAB6tRu_G {
    width: calc(100% - 20px)
}

._2_vG6TwMW2XtyLlTEaODH9._35GyZGA7tDmWzs9spPBe41 {
    pointer-events: none
}

._2_vG6TwMW2XtyLlTEaODH9::before {
    content: "";
    position: absolute;
    --normalized-fill-start: calc((100%) * min(var(--normalized-slider-value), var(--normalized-slider-origin)));
    --normalized-fill-end: calc((100% - var(--slider-extra-notch-padding) * 2) * max(var(--normalized-slider-value), var(--normalized-slider-origin)) + var(--slider-extra-notch-padding));
    --normalized-width-handle: calc(var(--normalized-fill-end) - var(--normalized-fill-start));
    inset-inline-start: var(--normalized-fill-start);
    inset-inline-end: 0;
    top: 0;
    bottom: 0;
    background-color: var(--left-track-color);
    width: var(--normalized-width-handle);
    border-radius: 3px
}

.BKyENCj-EIOyULNJlDOtz ._2_vG6TwMW2XtyLlTEaODH9::before {
    --signed-normalized-slider-default-value: calc(2.0 * var(--normalized-slider-default-value) - 1.0);
    --gradient-split-pct: calc(100% * var(--normalized-slider-default-value) / var(--normalized-slider-value) - (var(--slider-handle-width) * 0.5 * var(--signed-normalized-slider-default-value)))
}

._3mRyvMGiDLM0201gdyBNxA ._2_vG6TwMW2XtyLlTEaODH9::before {
    background: linear-gradient(90deg, var(--default-value-track-color) 0% var(--gradient-split-pct), var(--left-track-color) calc(var(--gradient-split-pct)))
}

._2KP6TN1CqkX-HgbPjfINAJ ._2_vG6TwMW2XtyLlTEaODH9::before {
    background: linear-gradient(90deg, var(--left-track-color) 0% var(--gradient-split-pct), var(--default-value-track-color) calc(var(--gradient-split-pct)))
}

._23hjXB5XSry64xirVGpWAY._35GyZGA7tDmWzs9spPBe41 ._2_vG6TwMW2XtyLlTEaODH9::before {
    background-color: #67707b;
    pointer-events: none
}

._2jMXncsB0FrrPo_Ngj1Azp ._2_vG6TwMW2XtyLlTEaODH9::before {
    visibility: hidden
}

._20c10ESSWkT6N_HX85Xj8_ {
    background-color: #000
}

._8xNY6EWVZsDfOfUqDrus- {
    pointer-events: none;
    contain: layout;
    margin: auto 0;
    width: 100%;
    position: absolute;
    transform: translateX(calc((-100% + var(--slider-extra-notch-padding) * 2) * var(--inverse-normalized-value) + var(--slider-handle-width) * var(--inverse-normalized-value) - var(--slider-extra-notch-padding)))
}

._2jnK7ztb7w86dQCP1wwI9E {
    pointer-events: all;
    contain: layout;
    margin: auto 0;
    width: 100%;
    position: absolute;
    transform: translateX(calc(-100% * var(--inverse-normalized-value)))
}

.VKqgkujXytkn35LLPIGY {
    pointer-events: all;
    contain: layout;
    opacity: .5;
    margin: auto 0;
    width: 100%;
    position: absolute;
    transform: translateX(calc(-100% * var(--inverse-normalized-value)))
}

@keyframes _1RC4fIbWnuNIOU6os3OVGW {
    from {
        transform: scale(1.4)
    }
}

._11PBfip2UlKlY3vWSz8PA4 {
    background: #fff;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, .35);
    border-radius: 1337px;
    height: 24px;
    width: 24px;
    position: absolute;
    inset-inline-end: 0;
    box-sizing: content-box;
    pointer-events: none
}

._23hjXB5XSry64xirVGpWAY:not(._35GyZGA7tDmWzs9spPBe41).gpfocus ._11PBfip2UlKlY3vWSz8PA4 {
    border: solid 3px rgba(255, 255, 255, .15);
    margin: -3px;
    animation: _1RC4fIbWnuNIOU6os3OVGW 200ms ease-out
}

._23hjXB5XSry64xirVGpWAY._35GyZGA7tDmWzs9spPBe41 ._11PBfip2UlKlY3vWSz8PA4 {
    background: #8b929a;
    pointer-events: none
}

._3zRgrkiwoIp-ZN16HnZU91 {
    background: #ffffff60;
    background: #FFD55F90;
    height: 24px;
    padding-bottom: 4px;
    width: 3px;
    position: absolute;
    inset-inline-end: 0;
    box-sizing: content-box;
    pointer-events: all;
    border-radius: 1px
}

._2Yg4-kduvl1qxess3iLQyL {
    height: 24px;
    width: 0px;
    position: absolute;
    box-sizing: content-box;
    pointer-events: all;
    inset-inline-end: 0
}

._2Yg4-kduvl1qxess3iLQyL._2vrO5Y0FLaCdzR4NnDfwdC svg {
    position: relative;
    inset-inline-end: 5px
}

.K9V_GSg6kQJV8XoCrFM6v {
    height: 24px;
    width: 24px;
    margin: auto 0;
    margin-inline-end: 12px;
    flex-grow: 0;
    flex-shrink: 0
}

.K9V_GSg6kQJV8XoCrFM6v svg {
    width: 100%;
    height: 100%
}

._2yM7SDNRgnEnGEZIf-WSoG {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 0 var(--slider-extra-notch-padding)
}

.LYPXtQ-MbXCeitc8-tCDO {
    width: 24px;
    min-width: 24px;
    display: flex;
    flex-direction: column;
    flex-basis: 0;
    align-items: center
}

.LYPXtQ-MbXCeitc8-tCDO.VvfcCRnmUv8J7Kx9Ia1sG {
    flex-grow: 1
}

.dbACWBb8zr4cf4u05jQ4x {
    font-family: "Motiva Sans", Helvetica, sans-serif;
    font-weight: bold;
    font-size: 10px;
    line-height: 10px;
    letter-spacing: .5px;
    text-transform: uppercase;
    padding-top: 5px;
    width: fit-content;
    text-align: center
}

.dbACWBb8zr4cf4u05jQ4x._3jR_dhev70aT-Fhegy-8Mg {
    text-align: start;
    margin-inline-end: auto
}

.dbACWBb8zr4cf4u05jQ4x.OBP79s7MvBySJTfm5wp_Z {
    text-align: end;
    margin-inline-start: auto
}

.u8QEaEpjqBM8RuPzRLjMy {
    width: 4px;
    height: 12px;
    flex-shrink: 0;
    flex-grow: 0;
    background-color: rgba(255, 255, 255, .15)
}

.u8QEaEpjqBM8RuPzRLjMy.j418S4TEV2LS3JHn6an4s {
    background-color: #1a9fff
}

._1eMTvSj5tJlivVheftbZ5S {
    flex-grow: 1;
    align-self: center
}

._11I0_AlsB40ak50752rsuy {
    text-align: center;
    margin-inline-start: .7ch;
    font-variant-numeric: tabular-nums;
    display: flex;
    flex-direction: row;
    align-items: center;
    align-self: flex-end
}

._3aMlipGagTx2AjSsMP_yZj,
._1iWWSmS4pDD1vKNDTkghbh {
    font-family: "Motiva Sans", Helvetica, sans-serif;
    font-weight: normal;
    font-size: 16px;
    font-style: normal;
    line-height: 20px;
    text-align: start;
    text-decoration: none;
    text-indent: 0;
    text-shadow: none;
    text-transform: none;
    letter-spacing: 0px;
    color: #fff;
    background: #23262e;
    color: #8b929a;
    width: 0;
    min-width: 4em;
    border: none;
    border-radius: 3px;
    outline: none;
    padding: 4px 8px;
    box-sizing: border-box;
    font-variant-numeric: tabular-nums;
    text-align: end;
    cursor: text
}

._3aMlipGagTx2AjSsMP_yZj.gpfocus,
._1iWWSmS4pDD1vKNDTkghbh.gpfocus {
    background: #fff;
    color: #000
}

._11I0_AlsB40ak50752rsuy._2fKVyx5la8VQm8SreJZbjL ._3aMlipGagTx2AjSsMP_yZj,
._11I0_AlsB40ak50752rsuy._2fKVyx5la8VQm8SreJZbjL ._1iWWSmS4pDD1vKNDTkghbh {
    outline: solid 2px #de3618
}

._3aMlipGagTx2AjSsMP_yZj::placeholder,
._1iWWSmS4pDD1vKNDTkghbh::placeholder {
    opacity: .5
}

._1iWWSmS4pDD1vKNDTkghbh {
    width: fit-content;
    pointer-events: none;
    position: absolute;
    inset-inline-start: 0;
    top: 0;
    visibility: hidden
}

@keyframes _1LFdeSuH6SCeGkW45tXeoo {
    0% {
        transform: translateX(0)
    }

    5% {
        transform: translateX(-4px)
    }

    15% {
        transform: translateX(4px)
    }

    25% {
        transform: translateX(-4px)
    }

    35% {
        transform: translateX(4px)
    }

    45% {
        transform: translateX(-4px)
    }

    55% {
        transform: translateX(4px)
    }

    65% {
        transform: translateX(-4px)
    }

    75% {
        transform: translateX(3px)
    }

    85% {
        transform: translateX(-3px)
    }

    100% {
        transform: translateX(0)
    }
}

._1Fa-zp9wEmgbJm3YkQA2pN {
    animation: _1LFdeSuH6SCeGkW45tXeoo 500ms ease-out
}

._2hwF2eVaZdtuE6Wjt9abSp {
    height: 30px;
    display: flex;
    flex-direction: row-reverse
}

.uOFmzX5QDJ7-4tKNOFuqN {
    position: absolute;
    width: 100%;
    pointer-events: none;
    box-sizing: border-box
}

.uOFmzX5QDJ7-4tKNOFuqN.gpfocus ._2jnK7ztb7w86dQCP1wwI9E::before,
.uOFmzX5QDJ7-4tKNOFuqN.gpfocuswithin ._2jnK7ztb7w86dQCP1wwI9E::before {
    content: "";
    background: #99d4ff;
    height: 28px;
    top: -2px;
    width: 11px;
    inset-inline-end: -4px;
    position: absolute;
    box-sizing: content-box
}

.uOFmzX5QDJ7-4tKNOFuqN.gpfocus .VKqgkujXytkn35LLPIGY::before,
.uOFmzX5QDJ7-4tKNOFuqN.gpfocuswithin .VKqgkujXytkn35LLPIGY::before {
    content: "";
    background: #ffffff70;
    height: 27px;
    top: -4px;
    width: 11px;
    inset-inline-end: -3px;
    position: absolute;
    box-sizing: content-box;
    border-radius: 5px 0px 0px 5px;
    opacity: 1;
    -webkit-filter: drop-shadow(0px 0px 3px #199FFF);
    filter: drop-shadow(0px 0px 3px #199FFF)
}

.uOFmzX5QDJ7-4tKNOFuqN.gpfocus.gpfocus .VKqgkujXytkn35LLPIGY,
.uOFmzX5QDJ7-4tKNOFuqN.gpfocus.gpfocuswithin .VKqgkujXytkn35LLPIGY,
.uOFmzX5QDJ7-4tKNOFuqN.gpfocuswithin.gpfocus .VKqgkujXytkn35LLPIGY,
.uOFmzX5QDJ7-4tKNOFuqN.gpfocuswithin.gpfocuswithin .VKqgkujXytkn35LLPIGY {
    opacity: 1
}

.uOFmzX5QDJ7-4tKNOFuqN.gpfocus .VKqgkujXytkn35LLPIGY._3GOpBMvB0XixIzfe8Xz0AB::before,
.uOFmzX5QDJ7-4tKNOFuqN.gpfocuswithin .VKqgkujXytkn35LLPIGY._3GOpBMvB0XixIzfe8Xz0AB::before {
    inset-inline-end: -8px;
    border-radius: 0px 5px 5px 0px
}

._2iD1mdJ-bbl3eteXK1vrpf {
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    top: -30px;
    margin-inline: calc(-1*var(--field-negative-horizontal-margin));
    padding-inline-start: calc(var(--field-negative-horizontal-margin) + var(--indent-level)*20px);
    padding-inline-end: var(--field-negative-horizontal-margin)
}

._3Tp7J--L-VWInYWASa3Oqj {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: calc(100%*var(--normalized-slider-value))
}

._2Yb0rAYOU-fl2S8J80sqbj {
    font-size: 14px;
    position: absolute;
    width: fit-content;
    top: 20px
}

._38VX50q_XUUeqEdEgxC5no {
    transform: translateX(-50%);
    display: flex;
    flex-direction: row;
    justify-content: center;
    background-color: #ffffffee;
    color: #1a9fff;
    font-weight: bold;
    border-radius: 3px;
    padding: 2px 4px;
    font-size: 12px
}

._2aCoHO7mXYYdPXMN0USBAW {
    pointer-events: none;
    contain: layout;
    margin: auto 0;
    width: 100%;
    position: absolute;
    transform: translateX(calc(-100% * var(--inverse-normalized-default-value) + var(--slider-handle-width) * var(--inverse-normalized-default-value)))
}

._1NgUy7a2LKuF-moe-rzsiH {
    position: absolute;
    inset-inline-end: 0;
    width: 24px;
    height: 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center
}

._1NgUy7a2LKuF-moe-rzsiH>svg {
    color: #8b929a;
    width: 16px;
    margin-top: -12px
}

._3FIjYetykQsFYR08l1v7Ls {
    position: absolute;
    pointer-events: none;
    top: 0;
    left: 0;
    z-index: 10000
}

._1wPplsegQqCoe06wXPhzKT {
    position: absolute;
    pointer-events: none;
    outline-offset: 2px;
    outline: 2px solid rgba(255, 255, 255, .6);
    animation: _1RqM3Kl3-lPbdsdw6xcEm9 .5s ease, _2o99ScTho-Rc-AQV-VR68h .4s ease, zn08hWW7ylBIurz-os7CM .4s ease, _1aef_iRVYLxUpMGfUnxIdh 1.2s ease-in-out .4s 20
}

._1wPplsegQqCoe06wXPhzKT._1uiTT-5EL-DhmtXqOqg4al {
    outline-color: #ff0
}

._2rIZmfJ1XMOctfmAP4N3aY._1uiTT-5EL-DhmtXqOqg4al {
    outline-offset: 2px;
    outline-color: red;
    background-color: red
}

@keyframes _1RqM3Kl3-lPbdsdw6xcEm9 {
    0% {
        background-color: rgba(255, 255, 255, .08)
    }

    100% {
        background-color: rgba(255, 255, 255, 0)
    }
}

@keyframes _2o99ScTho-Rc-AQV-VR68h {
    0% {
        outline: 12px solid
    }

    100% {
        outline: 2px solid
    }
}

@keyframes zn08hWW7ylBIurz-os7CM {
    0% {
        outline-color: rgba(255, 255, 255, 0)
    }

    100% {
        outline-color: rgba(255, 255, 255, .6)
    }
}

@keyframes _1aef_iRVYLxUpMGfUnxIdh {
    50% {
        opacity: .4
    }
}

._3td3cAnGbbbAOXW8x2pD-j {
    position: relative
}

._29WypCpglgRKsR_fMPsoFX {
    overflow-x: hidden
}

._1l1HfVaf7AVBv1AWT2PB7b {
    overflow-y: hidden
}

._29WypCpglgRKsR_fMPsoFX,
.BasicUI .DialogContent_InnerWidth>._29WypCpglgRKsR_fMPsoFX,
._1mUVXuz86pA_4wBlB3suqI,
.BasicUI .DialogContent_InnerWidth>._1mUVXuz86pA_4wBlB3suqI {
    overflow-y: auto;
    scroll-padding-top: 20px;
    scroll-padding-bottom: 20px
}

._1l1HfVaf7AVBv1AWT2PB7b,
.BasicUI .DialogContent_InnerWidth>._1l1HfVaf7AVBv1AWT2PB7b,
._1mUVXuz86pA_4wBlB3suqI,
.BasicUI .DialogContent_InnerWidth>._1mUVXuz86pA_4wBlB3suqI {
    overflow-x: auto;
    scroll-padding-left: 20px;
    scroll-padding-right: 20px
}

._1fFyxSbT4qNS_SH-q87Wq0 {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px
}

._3MM7bY-R8OYmd3KUpap3Cu,
.MgOP7Nu_fA3yPKC44-j1I {
    width: 70%;
    display: flex;
    justify-content: center
}

._2JEjgWHYDNpLqd2qzuopsX {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    padding-top: 20px;
    padding-bottom: 20px;
    background-image: url(../../../images/applications/store/keybg.png?v=2208c3c899e384393095e3bef5fd40ab);
    background-repeat: no-repeat;
    background-position: 80% 50%;
    background-color: rgba(0, 0, 0, .3);
    position: relative
}

.MgOP7Nu_fA3yPKC44-j1I ._2JEjgWHYDNpLqd2qzuopsX {
    min-height: 142px
}

._2B7Yoe-uA3HJOINTx5rV8- {
    font-size: 16px;
    font-weight: bold
}

._12jKU2kye0rjoTffWoi8IP {
    color: #de3618
}

._2YxW3WqLGy7hz_21m6KbGD {
    height: 50px;
    font-size: 35px;
    max-width: 25%;
    text-align: center;
    background: rgba(59, 63, 72, .5);
    color: #dcdedf;
    border: none;
    border-radius: 3px;
    box-shadow: inset 0px 0px 0px #0000
}

._2YxW3WqLGy7hz_21m6KbGD:focus {
    background: rgba(67, 73, 83, .6);
    box-shadow: inset 1px 1px 8px #000a;
    border: none;
    outline: none
}

._3xky3qiih4xVN_QV2PypTe ._2KPv6oWB6ZxjWuqyNp_edP {
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px
}

._1LXDg91iImWld4-5gWdGx4 {
    text-align: center;
    margin-left: 2px
}

._2Fm-3XmbFRXR6yOZiRB0-d {
    font-size: 11px;
    text-align: center;
    color: #fff;
    display: block;
    background: #5c7e10;
    text-transform: none;
    line-height: 20px;
    cursor: pointer;
    padding: 0px 20px;
    border-radius: 1px
}

._2Fm-3XmbFRXR6yOZiRB0-d:hover {
    color: #fff;
    background: #7ea64b
}

._1P_gEVnGARDlC_80XwA2tX {
    width: 15px;
    vertical-align: sub
}

._1-YmIjW2emvkVCWr8K6wTM {
    overflow: hidden !important;
    scrollbar-gutter: stable
}

@media screen and (max-width: 730px) {
    ._1-YmIjW2emvkVCWr8K6wTM {
        scrollbar-gutter: initial
    }
}

._1RFzd-KVyV2WMMyvyxkJwX {
    overflow: hidden !important;
    scrollbar-gutter: stable
}

@media screen and (max-width: 730px) {
    ._1RFzd-KVyV2WMMyvyxkJwX {
        scrollbar-gutter: initial
    }
}

body {
    --store-menu-content-width: max(1100px, var(--store-page-width, 0px))
}

._2QlYKhF-leHfMXFSiSshZC,
._2MzjSFlY9PHeDbUgNhjlOa {
    display: contents
}

.pzuGfMA6MeGlV2I3yY60c {
    position: relative;
    height: 0
}

.pzuGfMA6MeGlV2I3yY60c:not(._2cz9ufAQLjlNOwbp2JCJST) {
    position: sticky;
    top: var(--responsive-menu-floating-height, 0);
    left: 0;
    right: 0;
    z-index: 1
}

@media screen and (max-width: 500px) {
    html.responsive .pzuGfMA6MeGlV2I3yY60c:not(._2cz9ufAQLjlNOwbp2JCJST)._1TqaEZH4pd8k4LJDCTVmBo {
        height: auto;
        position: fixed;
        bottom: 0
    }
}

.h2B3SGR_w4RWdrnsRZEcD {
    display: flex;
    flex-direction: column
}

.h2B3SGR_w4RWdrnsRZEcD ._19o1GB7ysfrWKLYpqZ6aXu {
    flex: 1;
    min-height: 12px;
    background: rgba(25, 29, 37, .6);
    opacity: 0;
    pointer-events: none;
    transition: opacity 100ms ease
}

.h2B3SGR_w4RWdrnsRZEcD ._19o1GB7ysfrWKLYpqZ6aXu._2IyR9WyPwYb15ILBjPvLR9 {
    background: rgba(25, 29, 37, .6);
    opacity: 1;
    pointer-events: initial
}

.BasicUI .h2B3SGR_w4RWdrnsRZEcD ._19o1GB7ysfrWKLYpqZ6aXu._2IyR9WyPwYb15ILBjPvLR9 {
    z-index: 1
}

.h2B3SGR_w4RWdrnsRZEcD._1TqaEZH4pd8k4LJDCTVmBo {
    height: calc(100vh - var(--responsive-menu-floating-height, 0px) - var(--global-header-height, 0px))
}

.h2B3SGR_w4RWdrnsRZEcD._1TqaEZH4pd8k4LJDCTVmBo._2Gea0gfAOnmMbDqkgAk_go {
    height: calc(100vh - var(--responsive-menu-floating-height, 0px))
}

._16jZ3HEbtaJTl80pQINN2Y {
    color: #dcdedf;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    background: radial-gradient(107.95% 57.49% at 50% 100%, #18253533 0%, #18253585 5%, #182535d9 20%, #182535 60%, #192330 100%);
    background-size: 101% 101%;
    background-position-y: top;
    background-repeat: no-repeat;
    background-clip: border-box;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, .2);
    z-index: 1;
    transition: background-size 100ms ease-in-out, background-position-y 100ms ease-in
}

@media screen and (max-width: 730px) {
    html.responsive ._16jZ3HEbtaJTl80pQINN2Y {
        background: #23262e
    }
}

@media screen and (max-width: 500px) {
    html.responsive ._16jZ3HEbtaJTl80pQINN2Y {
        min-height: 0;
        display: flex;
        flex-direction: column
    }
}

html.client ._16jZ3HEbtaJTl80pQINN2Y {
    border-left: 1px solid #3d3f43
}

.BasicUI ._16jZ3HEbtaJTl80pQINN2Y {
    border-left: none !important
}

._1Zsv2NkXHxE5LTvs92Jqvd ._16jZ3HEbtaJTl80pQINN2Y {
    background-size: 101% 250%;
    background-position-y: bottom;
    background-position-x: center
}

@media screen and (max-width: 730px) {
    html.responsive ._1Zsv2NkXHxE5LTvs92Jqvd ._16jZ3HEbtaJTl80pQINN2Y {
        background: radial-gradient(100% 100% at 5% 100%, #18253585 0%, #1825359e 5%, #182535d9 20%, #23262E 60%, #171a21 100%);
        background-size: 101% 250%;
        background-position-y: bottom;
        background-position-x: center
    }
}

._16jZ3HEbtaJTl80pQINN2Y,
._16jZ3HEbtaJTl80pQINN2Y button,
._16jZ3HEbtaJTl80pQINN2Y input {
    font-family: "Motiva Sans", Arial, sans-serif
}

._16jZ3HEbtaJTl80pQINN2Y ._7FiqKP7fZJGltkwRxPG6s {
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    width: calc(var(--store-menu-content-width) + 16px);
    max-width: 100%;
    min-width: 0;
    flex-shrink: 0;
    height: 46px
}

._16jZ3HEbtaJTl80pQINN2Y a {
    text-decoration: none
}

._16jZ3HEbtaJTl80pQINN2Y a:hover {
    color: #fff
}

._16jZ3HEbtaJTl80pQINN2Y:not(._3yYpWFO_3ReYuGtMqbygx).YNdpuNoh9QiKr4kpbAIwZ {
    overflow: hidden
}

._16jZ3HEbtaJTl80pQINN2Y:not(._3yYpWFO_3ReYuGtMqbygx).YNdpuNoh9QiKr4kpbAIwZ.QxMlWcMzMZxcogv_rHw2j {
    animation: _2gv6G2MeBRAI0FqxejcYS8 100ms ease-out forwards;
    height: 0
}

._16jZ3HEbtaJTl80pQINN2Y:not(._3yYpWFO_3ReYuGtMqbygx).YNdpuNoh9QiKr4kpbAIwZ._234vIwVerIU5MqgZwrEcd8 {
    height: 0
}

._16jZ3HEbtaJTl80pQINN2Y:not(._3yYpWFO_3ReYuGtMqbygx).YNdpuNoh9QiKr4kpbAIwZ._22kVz2i2PscI9OSO_WhNry {
    animation: _2gv6G2MeBRAI0FqxejcYS8 100ms ease-out reverse
}

._1u2HkRz_FnAfR5OjfjexgF {
    display: flex;
    flex-direction: row;
    flex: 1;
    min-width: 0
}

._315CcpqsgdwaAwR3WiSlOq {
    display: flex;
    flex-direction: row;
    min-width: 0
}

@media screen and (max-width: 730px) {
    html.responsive ._315CcpqsgdwaAwR3WiSlOq {
        padding-left: 3px
    }
}

.BasicUI ._315CcpqsgdwaAwR3WiSlOq {
    padding-left: 5px
}

._315CcpqsgdwaAwR3WiSlOq ._3CtcPWgZYR05CldoJ0Jkrx {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    display: flex
}

@keyframes _2gv6G2MeBRAI0FqxejcYS8 {
    from {
        height: 46px
    }

    to {
        height: 0
    }
}

.WCx9Nllc5_tUanujudMvO {
    flex: 1
}

._1wn1lBlAzl3HMRqS1llwie {
    margin-inline-start: 16px;
    display: flex;
    padding-right: 5px
}

._1wn1lBlAzl3HMRqS1llwie:empty {
    margin-inline-start: 0
}

a._175B12uOwmeGBNcSaQFe-Z,
button._175B12uOwmeGBNcSaQFe-Z {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    gap: 5px;
    color: #fff;
    font-family: "Motiva Sans", sans-serif;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
    padding: 0 10px;
    align-items: center;
    outline-offset: -2px;
    white-space: nowrap;
    cursor: pointer;
    background: transparent;
    border: none;
    transition-property: box-shadow, color;
    transition-duration: .2s;
    transition-timing-function: ease-out
}

.BasicUI a._175B12uOwmeGBNcSaQFe-Z,
.BasicUI button._175B12uOwmeGBNcSaQFe-Z {
    margin: 8px 0px;
    transition-property: none;
    text-shadow: none
}

.BasicUI a._175B12uOwmeGBNcSaQFe-Z._1ixhfnnWgdzGwSwNhUAitD,
.BasicUI button._175B12uOwmeGBNcSaQFe-Z._1ixhfnnWgdzGwSwNhUAitD {
    background: #fff;
    color: #000;
    transition: none
}

.BasicUI a._175B12uOwmeGBNcSaQFe-Z._3wlHWKFbgRAZPFtWEr65YT._1ixhfnnWgdzGwSwNhUAitD svg,
.BasicUI button._175B12uOwmeGBNcSaQFe-Z._3wlHWKFbgRAZPFtWEr65YT._1ixhfnnWgdzGwSwNhUAitD svg {
    transform: translateY(2px)
}

a._175B12uOwmeGBNcSaQFe-Z._234vIwVerIU5MqgZwrEcd8,
button._175B12uOwmeGBNcSaQFe-Z._234vIwVerIU5MqgZwrEcd8 {
    display: none
}

a._175B12uOwmeGBNcSaQFe-Z .BReXgOZvJY6u4htWQn1aF,
button._175B12uOwmeGBNcSaQFe-Z .BReXgOZvJY6u4htWQn1aF {
    color: #dcdedf;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 2px
}

@supports(hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {

    a._175B12uOwmeGBNcSaQFe-Z .BReXgOZvJY6u4htWQn1aF._25YyJKHEEXpSIkVLTEJuKP,
    button._175B12uOwmeGBNcSaQFe-Z .BReXgOZvJY6u4htWQn1aF._25YyJKHEEXpSIkVLTEJuKP {
        margin-bottom: 1px
    }
}

a._175B12uOwmeGBNcSaQFe-Z._1tJxbjNzcWSdG2hBsklCTN svg,
button._175B12uOwmeGBNcSaQFe-Z._1tJxbjNzcWSdG2hBsklCTN svg {
    margin-bottom: unset
}

@supports(hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {

    a._175B12uOwmeGBNcSaQFe-Z._1tJxbjNzcWSdG2hBsklCTN._25YyJKHEEXpSIkVLTEJuKP,
    button._175B12uOwmeGBNcSaQFe-Z._1tJxbjNzcWSdG2hBsklCTN._25YyJKHEEXpSIkVLTEJuKP {
        margin-top: 1px
    }

    a._175B12uOwmeGBNcSaQFe-Z._1tJxbjNzcWSdG2hBsklCTN svg,
    button._175B12uOwmeGBNcSaQFe-Z._1tJxbjNzcWSdG2hBsklCTN svg {
        margin-bottom: 2px
    }
}

.BasicUI a._175B12uOwmeGBNcSaQFe-Z._1tJxbjNzcWSdG2hBsklCTN._1ixhfnnWgdzGwSwNhUAitD,
.BasicUI button._175B12uOwmeGBNcSaQFe-Z._1tJxbjNzcWSdG2hBsklCTN._1ixhfnnWgdzGwSwNhUAitD {
    background: #fff;
    color: #000;
    transition: none;
    outline-offset: -10px
}

.BasicUI a._175B12uOwmeGBNcSaQFe-Z._1tJxbjNzcWSdG2hBsklCTN._1ixhfnnWgdzGwSwNhUAitD .BReXgOZvJY6u4htWQn1aF,
.BasicUI button._175B12uOwmeGBNcSaQFe-Z._1tJxbjNzcWSdG2hBsklCTN._1ixhfnnWgdzGwSwNhUAitD .BReXgOZvJY6u4htWQn1aF {
    color: #000
}

a._175B12uOwmeGBNcSaQFe-Z.qqQDu9j0LIoK-w06-JxB5,
button._175B12uOwmeGBNcSaQFe-Z.qqQDu9j0LIoK-w06-JxB5 {
    border-radius: 1px;
    background: #1a9fff;
    margin: 8px;
    border: none;
    color: #fff;
    cursor: pointer;
    text-shadow: none;
    transition-property: background, box-shadow;
    transition-duration: .2s;
    transition-timing-function: ease-out
}

a._175B12uOwmeGBNcSaQFe-Z.qqQDu9j0LIoK-w06-JxB5 svg,
button._175B12uOwmeGBNcSaQFe-Z.qqQDu9j0LIoK-w06-JxB5 svg {
    margin-bottom: unset
}

a._175B12uOwmeGBNcSaQFe-Z.qqQDu9j0LIoK-w06-JxB5 .BReXgOZvJY6u4htWQn1aF,
button._175B12uOwmeGBNcSaQFe-Z.qqQDu9j0LIoK-w06-JxB5 .BReXgOZvJY6u4htWQn1aF {
    color: #fff
}

@supports(hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {

    a._175B12uOwmeGBNcSaQFe-Z.qqQDu9j0LIoK-w06-JxB5 ._25YyJKHEEXpSIkVLTEJuKP,
    button._175B12uOwmeGBNcSaQFe-Z.qqQDu9j0LIoK-w06-JxB5 ._25YyJKHEEXpSIkVLTEJuKP {
        margin-top: 1px
    }

    a._175B12uOwmeGBNcSaQFe-Z.qqQDu9j0LIoK-w06-JxB5 svg,
    button._175B12uOwmeGBNcSaQFe-Z.qqQDu9j0LIoK-w06-JxB5 svg {
        margin-bottom: 2px
    }
}

a._175B12uOwmeGBNcSaQFe-Z.qqQDu9j0LIoK-w06-JxB5:hover,
button._175B12uOwmeGBNcSaQFe-Z.qqQDu9j0LIoK-w06-JxB5:hover {
    background: #45acff;
    text-shadow: 1px 1px 1px #0281bb;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, .2)
}

.BasicUI a._175B12uOwmeGBNcSaQFe-Z.qqQDu9j0LIoK-w06-JxB5._1ixhfnnWgdzGwSwNhUAitD,
.BasicUI button._175B12uOwmeGBNcSaQFe-Z.qqQDu9j0LIoK-w06-JxB5._1ixhfnnWgdzGwSwNhUAitD {
    background: #fff;
    color: #000;
    outline-offset: -10px
}

.BasicUI a._175B12uOwmeGBNcSaQFe-Z.qqQDu9j0LIoK-w06-JxB5._1ixhfnnWgdzGwSwNhUAitD .BReXgOZvJY6u4htWQn1aF,
.BasicUI button._175B12uOwmeGBNcSaQFe-Z.qqQDu9j0LIoK-w06-JxB5._1ixhfnnWgdzGwSwNhUAitD .BReXgOZvJY6u4htWQn1aF {
    color: #000
}

a._175B12uOwmeGBNcSaQFe-Z._3qY2sJFFtNsrx_rBDIT7l1 .vj9hwW9u0MpjH7MVjjNw0,
button._175B12uOwmeGBNcSaQFe-Z._3qY2sJFFtNsrx_rBDIT7l1 .vj9hwW9u0MpjH7MVjjNw0 {
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal
}

.BasicUI a._175B12uOwmeGBNcSaQFe-Z:hover,
.BasicUI button._175B12uOwmeGBNcSaQFe-Z:hover {
    text-shadow: none
}

a._175B12uOwmeGBNcSaQFe-Z._3wlHWKFbgRAZPFtWEr65YT:hover svg,
button._175B12uOwmeGBNcSaQFe-Z._3wlHWKFbgRAZPFtWEr65YT:hover svg {
    transform: translateY(2px)
}

a._175B12uOwmeGBNcSaQFe-Z._2IyR9WyPwYb15ILBjPvLR9,
button._175B12uOwmeGBNcSaQFe-Z._2IyR9WyPwYb15ILBjPvLR9 {
    color: #51b6ff;
    text-shadow: 1px 1px 1px #002f51
}

.BasicUI a._175B12uOwmeGBNcSaQFe-Z._2IyR9WyPwYb15ILBjPvLR9,
.BasicUI button._175B12uOwmeGBNcSaQFe-Z._2IyR9WyPwYb15ILBjPvLR9 {
    background: var(--gpBackground-LightSoft);
    text-shadow: none;
    color: #fff
}

.BasicUI a._175B12uOwmeGBNcSaQFe-Z._2IyR9WyPwYb15ILBjPvLR9._1ixhfnnWgdzGwSwNhUAitD,
.BasicUI button._175B12uOwmeGBNcSaQFe-Z._2IyR9WyPwYb15ILBjPvLR9._1ixhfnnWgdzGwSwNhUAitD {
    background: #fff;
    text-shadow: none;
    color: #000
}

a._175B12uOwmeGBNcSaQFe-Z svg,
button._175B12uOwmeGBNcSaQFe-Z svg {
    width: 14px;
    transition-property: transform;
    transition-duration: .2s;
    transition-timing-function: ease-in-out
}

a._175B12uOwmeGBNcSaQFe-Z .vj9hwW9u0MpjH7MVjjNw0,
button._175B12uOwmeGBNcSaQFe-Z .vj9hwW9u0MpjH7MVjjNw0 {
    display: inline-block;
    position: relative
}

a._175B12uOwmeGBNcSaQFe-Z .vj9hwW9u0MpjH7MVjjNw0 ._1-hPfsxjynE3demuqGmqf0,
button._175B12uOwmeGBNcSaQFe-Z .vj9hwW9u0MpjH7MVjjNw0 ._1-hPfsxjynE3demuqGmqf0 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -3px;
    height: 3px
}

.BasicUI a._175B12uOwmeGBNcSaQFe-Z .vj9hwW9u0MpjH7MVjjNw0 ._1-hPfsxjynE3demuqGmqf0,
.BasicUI button._175B12uOwmeGBNcSaQFe-Z .vj9hwW9u0MpjH7MVjjNw0 ._1-hPfsxjynE3demuqGmqf0 {
    display: none
}

a._175B12uOwmeGBNcSaQFe-Z .vj9hwW9u0MpjH7MVjjNw0 ._1-hPfsxjynE3demuqGmqf0 ._3gaaE-cRfFWJdZcC8XMi0x,
button._175B12uOwmeGBNcSaQFe-Z .vj9hwW9u0MpjH7MVjjNw0 ._1-hPfsxjynE3demuqGmqf0 ._3gaaE-cRfFWJdZcC8XMi0x {
    border-radius: 3px;
    background: #1a9fff;
    height: 2.5px;
    margin: 0 auto;
    width: 0;
    opacity: 0;
    transition-property: opacity, width;
    transition-duration: .2s;
    transition-timing-function: ease-out
}

a._175B12uOwmeGBNcSaQFe-Z._2IyR9WyPwYb15ILBjPvLR9 .vj9hwW9u0MpjH7MVjjNw0 ._1-hPfsxjynE3demuqGmqf0 ._3gaaE-cRfFWJdZcC8XMi0x,
button._175B12uOwmeGBNcSaQFe-Z._2IyR9WyPwYb15ILBjPvLR9 .vj9hwW9u0MpjH7MVjjNw0 ._1-hPfsxjynE3demuqGmqf0 ._3gaaE-cRfFWJdZcC8XMi0x {
    opacity: 1;
    width: 100%
}

._1Vh8VTtQWJb-a1hx-0Vax2 {
    width: 1px;
    height: 30px;
    opacity: .6;
    background: #353c48;
    margin-top: 8px
}

._15mDm5FgO9il_6z-qj2UnK {
    color: #ff6f6f
}

._15mDm5FgO9il_6z-qj2UnK a {
    color: #dcdedf
}

._15mDm5FgO9il_6z-qj2UnK a:hover {
    color: #fff
}

._59vcPMi2m2JzS43mL89Ob {
    padding-top: 10px
}

.uT8RS__OHNuFWvh1I4mO9 {
    overflow: hidden !important;
    scrollbar-gutter: stable
}

@media screen and (max-width: 730px) {
    .uT8RS__OHNuFWvh1I4mO9 {
        scrollbar-gutter: initial
    }
}

.WFyPwmwIjPaI784fImRbi {
    flex: 1;
    display: flex;
    position: relative;
    margin-inline-start: 16px;
    justify-content: end
}

@media screen and (max-width: 730px) {
    html.responsive .WFyPwmwIjPaI784fImRbi {
        min-width: 0;
        background: transparent;
        margin-inline: 0
    }

    html.responsive .WFyPwmwIjPaI784fImRbi._1u5lJbV7kBEJq4lH6V2RzL {
        background: transparent
    }
}

._1KU9eASfov1GnFQRbyLIdR {
    flex: 1;
    border-radius: 2px;
    height: 34px;
    min-width: 364px;
    align-self: center;
    display: flex;
    flex-direction: row;
    background: #ffffff20;
    max-width: 480px
}

._1KU9eASfov1GnFQRbyLIdR._1u5lJbV7kBEJq4lH6V2RzL {
    background: #323b47
}

._1KU9eASfov1GnFQRbyLIdR._1u5lJbV7kBEJq4lH6V2RzL ._2tlUAG6WNyYFlk9caIiLj5 {
    border: 1px solid #42464aa3
}

@media screen and (max-width: 730px) {
    html.responsive ._1KU9eASfov1GnFQRbyLIdR {
        min-width: 0
    }
}

._2AD2O_FEWy7izR8sZZjjI6 {
    flex: 1;
    display: flex;
    position: relative
}

._1YhdoyGYkUB4JuW0yFSbS7 {
    position: absolute;
    right: 8px;
    top: 8px;
    bottom: 8px;
    border: none;
    background: transparent;
    aspect-ratio: 1;
    padding: 0;
    cursor: pointer
}

._1YhdoyGYkUB4JuW0yFSbS7:hover svg {
    color: #fff;
    transform: scale(1)
}

._1YhdoyGYkUB4JuW0yFSbS7 svg {
    color: #ffffff33;
    transform: scale(0.8);
    transition: transform .2s ease-out
}

._2tlUAG6WNyYFlk9caIiLj5 {
    color: #fff;
    flex: 1;
    min-width: 0;
    background-color: unset;
    padding: 0 10px;
    border-radius: 2px 0px 0px 2px;
    border: 1px solid #ffffff24
}

._2tlUAG6WNyYFlk9caIiLj5:hover {
    border: 1px solid rgba(26, 160, 255, .39)
}

._2tlUAG6WNyYFlk9caIiLj5:hover::placeholder {
    color: #ececec
}

._2tlUAG6WNyYFlk9caIiLj5::placeholder {
    color: #dcdedf;
    font-size: 13px;
    font-style: italic;
    font-weight: 400;
    line-height: normal
}

._2tlUAG6WNyYFlk9caIiLj5:focus-visible {
    border: 1px solid #1a9fff;
    outline: none;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, .25) inset;
    background: #242931
}

._1Yo-ZsBr-KbVMyAMXEYszd {
    border-radius: 0px 1px 1px 0px;
    background: #1a9fff;
    width: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    color: #fff;
    cursor: pointer;
    transition-property: background, box-shadow, transform;
    transition-duration: .2s;
    transition-timing-function: ease-out
}

._1Yo-ZsBr-KbVMyAMXEYszd svg {
    width: 18px;
    display: flex;
    transform: scale(1);
    transition: transform .2s ease-out
}

._1Yo-ZsBr-KbVMyAMXEYszd:hover {
    background: #45acff;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, .2)
}

._1Yo-ZsBr-KbVMyAMXEYszd:hover svg {
    transform: scale(1.2)
}

.HWDmfh8Td_a8zxJu6tP0h {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2
}

@media screen and (max-width: 730px) {
    html.responsive .HWDmfh8Td_a8zxJu6tP0h {
        position: fixed;
        top: 0;
        right: 0;
        bottom: auto;
        left: 0
    }
}

.HWDmfh8Td_a8zxJu6tP0h .SWL3uBHWmdcYwUXE9yD0y {
    position: absolute;
    left: 0;
    right: 0;
    top: 1px
}

._2GxMhpm7OC2WWXN_wjgA78 {
    display: flex;
    padding: 10px 10px 20px 10px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    border-radius: 2px;
    background: linear-gradient(180deg, #404655 0%, #262A32 100%);
    box-shadow: 8px 8px 10px 0px rgba(0, 0, 0, .25)
}

._2GxMhpm7OC2WWXN_wjgA78 ._1XK1v4pD2FgxJn9Nxovpup {
    align-self: stretch
}

._2GxMhpm7OC2WWXN_wjgA78 ._1XK1v4pD2FgxJn9Nxovpup ._2V9568XIc6vv9aEQ3EIVlG {
    color: #dcdedf;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px
}

._2GxMhpm7OC2WWXN_wjgA78 ._1XK1v4pD2FgxJn9Nxovpup ._2sDMndQPjmHj3RULTIKGfm {
    display: flex;
    flex-direction: column;
    gap: 6px
}

._2GxMhpm7OC2WWXN_wjgA78 ._1XK1v4pD2FgxJn9Nxovpup._2saiNsl5yBtsoFzf_fhdET ._2sDMndQPjmHj3RULTIKGfm {
    flex-direction: row
}

._2GxMhpm7OC2WWXN_wjgA78 ._1XK1v4pD2FgxJn9Nxovpup ._3DOcONbchITbAuaF30dduG {
    color: #7f7f7f
}

._2GxMhpm7OC2WWXN_wjgA78 ._1XK1v4pD2FgxJn9Nxovpup ._3DOcONbchITbAuaF30dduG ._1mtMuV53xbsbnLr8ectO0p {
    font-weight: bold
}

._2GxMhpm7OC2WWXN_wjgA78 ._1XK1v4pD2FgxJn9Nxovpup ._3DOcONbchITbAuaF30dduG a._3HgV0usLjzxByxBF2zvGYj {
    color: #1a9fff
}

._2GxMhpm7OC2WWXN_wjgA78 ._1XK1v4pD2FgxJn9Nxovpup ._3DOcONbchITbAuaF30dduG a._3HgV0usLjzxByxBF2zvGYj:hover {
    text-decoration: underline
}

a._2Cp17yynz2h_StEQZcNnqB {
    border-radius: 2px;
    background: rgba(163, 186, 211, .2);
    display: block;
    align-self: stretch;
    text-align: center;
    padding: 6px;
    color: #f7f8f8;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    text-decoration: none;
    transition: background .2s ease-in
}

a._2Cp17yynz2h_StEQZcNnqB.vHnThqOPQZvwPy0YyMOyR {
    background: #555b6c
}

._2tdhUFMMsjGr_BI7uMcoWy {
    position: relative;
    display: flex;
    height: 32px;
    padding: 8px 15px;
    align-items: center;
    gap: 10px;
    min-width: 0;
    overflow: hidden;
    color: #fff;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    border-radius: 2px;
    background: rgba(163, 186, 211, .2)
}

._2tdhUFMMsjGr_BI7uMcoWy._2XPIpbEqZoXb_YHkEZm_hP {
    padding: 0 15px 0 0;
    height: 48px
}

._2tdhUFMMsjGr_BI7uMcoWy.vHnThqOPQZvwPy0YyMOyR {
    background: linear-gradient(90deg, #67707b 0%, #8d9db0 100%)
}

._2tdhUFMMsjGr_BI7uMcoWy ._2dRxpZNISTpHLewxzJ7o9r {
    display: block;
    position: absolute;
    inset: 0;
    transition: transform .1s ease-in-out, filter .2s ease-in-out;
    background: linear-gradient(269deg, rgba(14, 20, 27, 0.2) 50%, rgba(163, 186, 211, 0.2) 100%)
}

._2tdhUFMMsjGr_BI7uMcoWy ._2dRxpZNISTpHLewxzJ7o9r>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 30%
}

._2tdhUFMMsjGr_BI7uMcoWy ._2dRxpZNISTpHLewxzJ7o9r ._2w-jD5qv9RsHiUz19AVLGO {
    position: absolute;
    inset: 0;
    transition: opacity .2s ease-in-out;
    background: linear-gradient(90deg, rgba(64, 74, 85, 0.99) 0%, rgba(72, 77, 83, 0.29) 100%)
}

._2tdhUFMMsjGr_BI7uMcoWy:not(._2XPIpbEqZoXb_YHkEZm_hP):nth-child(4n+1) ._2w-jD5qv9RsHiUz19AVLGO {
    background: linear-gradient(155deg, rgba(0, 0, 0, 0) 15.03%, rgba(74, 14, 15, 0.45) 48.83%, rgba(61, 8, 9, 0.6) 84.73%), linear-gradient(135deg, rgba(0, 0, 0, 0) 9.72%, rgba(115, 11, 13, 0.26) 30.04%, rgba(238, 23, 27, 0.38) 51.69%, rgba(255, 0, 4, 0.5) 92.99%)
}

._2tdhUFMMsjGr_BI7uMcoWy:not(._2XPIpbEqZoXb_YHkEZm_hP):nth-child(4n+2) ._2w-jD5qv9RsHiUz19AVLGO {
    background: linear-gradient(155deg, rgba(0, 0, 0, 0) 15.03%, rgba(74, 55, 14, 0.45) 48.83%, rgba(61, 38, 8, 0.6) 84.73%), linear-gradient(135deg, rgba(0, 0, 0, 0) 9.72%, rgba(115, 75, 11, 0.26) 30.04%, rgba(238, 149, 23, 0.38) 51.69%, rgba(255, 94, 0, 0.5) 92.99%)
}

._2tdhUFMMsjGr_BI7uMcoWy:not(._2XPIpbEqZoXb_YHkEZm_hP):nth-child(4n+3) ._2w-jD5qv9RsHiUz19AVLGO {
    background: linear-gradient(155deg, rgba(0, 0, 0, 0) 15.03%, rgba(41, 143, 25, 0.45) 48.83%, rgba(86, 85, 33, 0.6) 84.73%), linear-gradient(135deg, rgba(0, 0, 0, 0) 9.72%, rgba(243, 240, 19, 0.26) 30.04%, rgba(124, 114, 178, 0.38) 51.69%, rgba(251, 255, 0, 0.5) 92.99%)
}

._2tdhUFMMsjGr_BI7uMcoWy.vHnThqOPQZvwPy0YyMOyR ._2dRxpZNISTpHLewxzJ7o9r {
    transform: scale(1.05);
    filter: brightness(1.1)
}

._2tdhUFMMsjGr_BI7uMcoWy.vHnThqOPQZvwPy0YyMOyR ._2dRxpZNISTpHLewxzJ7o9r ._2w-jD5qv9RsHiUz19AVLGO {
    opacity: .8
}

._2tdhUFMMsjGr_BI7uMcoWy.vHnThqOPQZvwPy0YyMOyR .NOctYARrXun3C2m8ZOA3u {
    transform: translateY(3px)
}

._2tdhUFMMsjGr_BI7uMcoWy ._3pCOrLJqmsJ4tQlUamNYyl {
    position: relative;
    display: block;
    margin-right: auto;
    text-transform: uppercase;
    background: #fff;
    padding: 0 6px;
    border-radius: 1.25px;
    color: var(--Blues-darkestGrey, #000F18);
    font-size: 11px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    transition: transform .2s ease-in-out;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

._2tdhUFMMsjGr_BI7uMcoWy ._3OXIIlPZdEJ8toS6in8CcY {
    position: relative;
    text-align: right;
    font-size: 11px;
    font-weight: 500;
    margin-top: 2px;
    color: #ccc
}

._2XPIpbEqZoXb_YHkEZm_hP img._1fWW6CwAeZNAqI9Fp0Mvpr {
    position: relative;
    aspect-ratio: 1/1;
    width: 48px
}

._2XPIpbEqZoXb_YHkEZm_hP ._3b2Xyt0JnMPVXPLPKWLdd- {
    position: relative;
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.pL9V4hzvI0RysTdCufdAS {
    height: 63px;
    padding: 8px 15px;
    flex: 1 0 0;
    border-radius: 2px
}

.pL9V4hzvI0RysTdCufdAS.vHnThqOPQZvwPy0YyMOyR {
    background: linear-gradient(90deg, #67707b 0%, #8d9db0 100%)
}

.pL9V4hzvI0RysTdCufdAS.vHnThqOPQZvwPy0YyMOyR ._2dRxpZNISTpHLewxzJ7o9r {
    transform: scale(1.05);
    filter: brightness(1.1)
}

.pL9V4hzvI0RysTdCufdAS.vHnThqOPQZvwPy0YyMOyR ._2dRxpZNISTpHLewxzJ7o9r ._2w-jD5qv9RsHiUz19AVLGO {
    opacity: .8
}

.pL9V4hzvI0RysTdCufdAS.vHnThqOPQZvwPy0YyMOyR .NOctYARrXun3C2m8ZOA3u {
    transform: translateY(3px)
}

.pL9V4hzvI0RysTdCufdAS .NOctYARrXun3C2m8ZOA3u {
    position: relative;
    display: block;
    width: fit-content;
    margin: 0 auto;
    text-transform: uppercase;
    background: #fff;
    padding: 0 3px;
    border-radius: 1.25px;
    color: var(--Blues-darkestGrey, #000F18);
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    transition: transform .2s ease-in-out;
    flex: 1;
    min-width: 0;
    word-wrap: break-word
}

@media screen and (max-height: 590px) {
    .pL9V4hzvI0RysTdCufdAS {
        height: auto
    }
}

.Cof2gdY95obJE9ekAvmbf {
    color: var(--Neutrals-lighterGrey, #B8BCBF)
}

button._2Cp17yynz2h_StEQZcNnqB {
    box-sizing: border-box;
    width: 100%;
    flex: 1;
    border: none;
    cursor: pointer
}

._3dtnlw7cvJhAMGafZPipGv {
    position: absolute;
    left: 0;
    top: 14px;
    font-size: 10px;
    color: #111;
    box-shadow: 0 0 4px rgba(0, 0, 0, .9);
    height: 18px;
    line-height: 19px;
    z-index: 5;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-left: 4px;
    overflow: hidden
}

._3dtnlw7cvJhAMGafZPipGv>svg {
    height: 12px;
    width: 12px;
    margin-right: 4px
}

._3dtnlw7cvJhAMGafZPipGv ._2UUMzfFoTLL0YlWt710fZi {
    flex: 1;
    white-space: nowrap;
    margin-right: 4px
}

._3dtnlw7cvJhAMGafZPipGv._1Ywwc4rP-p7ADlRoCRtVUb {
    background: #4f95bd
}

._3dtnlw7cvJhAMGafZPipGv._3Rgc5idc13zGnjAaIpVNAR {
    background: #d3deea;
    background-size: 11px
}

._3dtnlw7cvJhAMGafZPipGv.rG10F9nINvk6AFeTNj9Ki {
    background: #a3cf06
}

._3dtnlw7cvJhAMGafZPipGv._1ge0IdDaPOEl5amf8DGCZI {
    background: #bfbfbf
}

._3dtnlw7cvJhAMGafZPipGv._1_lO06CLuPyjAqfqgEyOTw {
    left: 0;
    right: 0;
    background: #bfbfbf
}

._3Tsl0PufrncX7yyZgZZIGJ {
    position: relative
}

.aeeMsJQ4JhwpTeEyXMKFF._3Tsl0PufrncX7yyZgZZIGJ ._3dtnlw7cvJhAMGafZPipGv ._2UUMzfFoTLL0YlWt710fZi {
    min-width: 0;
    margin-right: 0;
    width: 0;
    transition: width .25s, margin .25s;
    interpolate-size: allow-keywords
}

.aeeMsJQ4JhwpTeEyXMKFF._3Tsl0PufrncX7yyZgZZIGJ:hover ._3dtnlw7cvJhAMGafZPipGv ._2UUMzfFoTLL0YlWt710fZi {
    width: auto;
    margin-right: 4px
}

.aeeMsJQ4JhwpTeEyXMKFF.vcnCXoFrgQJKrQgEAZDhV._3Tsl0PufrncX7yyZgZZIGJ ._3dtnlw7cvJhAMGafZPipGv {
    padding-left: 4px
}

.aeeMsJQ4JhwpTeEyXMKFF._3Tsl0PufrncX7yyZgZZIGJ:hover ._3dtnlw7cvJhAMGafZPipGv {
    max-width: 120px
}

.aeeMsJQ4JhwpTeEyXMKFF._3Tsl0PufrncX7yyZgZZIGJ:hover ._3dtnlw7cvJhAMGafZPipGv._1_lO06CLuPyjAqfqgEyOTw {
    max-width: none;
    padding-right: 4px
}

.vcnCXoFrgQJKrQgEAZDhV._3Tsl0PufrncX7yyZgZZIGJ:hover ._3dtnlw7cvJhAMGafZPipGv {
    padding-left: 18px
}

.hWF8eniTajf4-mfZvbK3F {
    display: flex;
    background: #344654
}

.hWF8eniTajf4-mfZvbK3F._3nY5xfLgHtFfAZehN8EnZf {
    background: transparent
}

.hWF8eniTajf4-mfZvbK3F._2v7Vpe6XjaVaxSkYszvvLe {
    min-height: 36px;
    --original-price-font-size: 11px;
    --original-price-color: #738895;
    --final-price-font-size: 15px;
    --final-price-color: #FFFFFF
}

.hWF8eniTajf4-mfZvbK3F._3qZOpVQJRvlFkWQKldRKPD {
    gap: 3px;
    --original-price-color: #7193A6;
    --final-price-color: #DEF3FF
}

._2lQxRlo1DQ1PN08TYTil2L {
    background: rgba(76, 107, 34, .5);
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #beee11
}

._2lQxRlo1DQ1PN08TYTil2L._1neYGNdw8SjUTu9eUQ-xKZ {
    background: #4c6b22
}

._2lQxRlo1DQ1PN08TYTil2L._1neYGNdw8SjUTu9eUQ-xKZ>svg {
    width: 30px;
    height: 30px;
    margin: 0 3px
}

._2lQxRlo1DQ1PN08TYTil2L ._3cdhtxJwOkHYnEljY7P-vL {
    font-weight: 500
}

._2v7Vpe6XjaVaxSkYszvvLe ._2lQxRlo1DQ1PN08TYTil2L ._3cdhtxJwOkHYnEljY7P-vL {
    font-size: 26px;
    padding: 0 5px;
    line-height: 34px
}

._3qZOpVQJRvlFkWQKldRKPD ._2lQxRlo1DQ1PN08TYTil2L ._3cdhtxJwOkHYnEljY7P-vL {
    font-size: 12px;
    padding: 0 5px;
    line-height: 19px
}

._2faI25vznC0tWNttks8OaJ {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end
}

._2v7Vpe6XjaVaxSkYszvvLe ._2faI25vznC0tWNttks8OaJ {
    padding: 0 8px
}

._3qZOpVQJRvlFkWQKldRKPD ._2faI25vznC0tWNttks8OaJ {
    flex-direction: row;
    gap: 3px
}

._2faI25vznC0tWNttks8OaJ._1gp3t-2iXZJ_KLMSNHXImo {
    justify-content: end
}

._2faI25vznC0tWNttks8OaJ ._1xgg-R84IHS6h5_x6ZycXi {
    position: relative;
    font-size: var(--original-price-font-size, inherit);
    color: var(--original-price-color, inherit)
}

._2faI25vznC0tWNttks8OaJ ._1xgg-R84IHS6h5_x6ZycXi::before {
    content: "";
    left: 0px;
    right: 0px;
    position: absolute;
    top: 43%;
    border-bottom: 1.5px solid #738895;
    transform: skewY(-8deg);
    box-shadow: 0 0 2px #000
}

._2faI25vznC0tWNttks8OaJ ._2L23Sk2CNSFCplu_7mMmQx {
    font-size: var(--final-price-font-size, inherit);
    color: var(--final-price-color, inherit)
}

._16WEqEDIlh-957kKg14gBt {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 2px
}

._3Z1skIYVoqLbYiP2wy46Ce {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 56px;
    gap: 10px;
    border-radius: 2px;
    background: linear-gradient(90deg, rgba(14, 20, 27, 0.2) 0%, rgba(163, 186, 211, 0.2) 100%)
}

._3Z1skIYVoqLbYiP2wy46Ce.tHXw2oCZIXQZPrZvcoSPB,
._3Z1skIYVoqLbYiP2wy46Ce.sEmReCdwylgRBuJtn0A1G:hover,
._3Z1skIYVoqLbYiP2wy46Ce.gpfocus {
    background: linear-gradient(90deg, rgba(14, 20, 27, 0.6) 0%, rgba(163, 186, 211, 0.6) 100%)
}

._3Z1skIYVoqLbYiP2wy46Ce ._2qsM52VkK9BR1Vi0HBOrtY {
    width: 148px;
    aspect-ratio: 77/29;
    background: rgba(0, 0, 0, .2)
}

._3Z1skIYVoqLbYiP2wy46Ce ._2qsM52VkK9BR1Vi0HBOrtY.bs0tNkD0b5VQ75tIX95Lf {
    background: rgba(0, 0, 0, .2)
}

._3Z1skIYVoqLbYiP2wy46Ce ._2qsM52VkK9BR1Vi0HBOrtY>img {
    width: 100%;
    display: block
}

._3Z1skIYVoqLbYiP2wy46Ce ._1D5FETA8rX0cTIhaC9W2wD {
    flex: 1;
    min-width: 0
}

._3Z1skIYVoqLbYiP2wy46Ce ._1D5FETA8rX0cTIhaC9W2wD ._2c8KHMFOeIi4TVcVN6qeIi,
._3Z1skIYVoqLbYiP2wy46Ce ._1D5FETA8rX0cTIhaC9W2wD .KG1rpRyNTy_2__H8GV8__ {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

._3Z1skIYVoqLbYiP2wy46Ce ._1D5FETA8rX0cTIhaC9W2wD ._2c8KHMFOeIi4TVcVN6qeIi {
    color: #fff;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px
}

._3Z1skIYVoqLbYiP2wy46Ce ._1D5FETA8rX0cTIhaC9W2wD .KG1rpRyNTy_2__H8GV8__ {
    color: #def3ff;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 6px
}

._3Z1skIYVoqLbYiP2wy46Ce ._1D5FETA8rX0cTIhaC9W2wD .GvTn3nY1hCInPWgRZbO8p {
    color: gray;
    font-size: 11px
}

.tmxkKoAj-IgGLmNEnizdB {
    overflow: hidden !important;
    scrollbar-gutter: stable
}

@media screen and (max-width: 730px) {
    .tmxkKoAj-IgGLmNEnizdB {
        scrollbar-gutter: initial
    }
}

._1vOm3pf-0J2OtSr27xPgBP {
    display: flex;
    flex-direction: column;
    min-width: 0
}

@media screen and (max-width: 730px) {
    html.responsive ._2pVSp6FyCZoOyOO0YwF1oW {
        flex: 1;
        display: grid;
        gap: 10px;
        grid-template-columns: 1fr 1fr;
        grid-template-areas: "left right"
    }
}

._17xB0f6_N3ZM5j2UZd1sXt {
    min-width: 20%;
    grid-area: left
}

.U8Q2JM8gGTmUAXLVVAYlD {
    min-width: 20%;
    grid-area: right
}

._3DYXcTryqomaHXCoQolTr_ {
    margin-bottom: 18px;
    flex: 1
}

._131vXkv-WcdtrRZL6boE2r {
    margin-top: 20px
}

@media screen and (max-width: 730px) {
    html.responsive ._131vXkv-WcdtrRZL6boE2r {
        margin-top: 0px
    }
}

.BasicUI ._131vXkv-WcdtrRZL6boE2r {
    margin-top: 30px
}

._2IqRL8KcprlBPhrtT1Y8bL {
    margin-top: 10px;
    margin-left: 10px;
    min-width: 15% !important;
    gap: 10px
}

@media screen and (max-width: 730px) {
    ._2IqRL8KcprlBPhrtT1Y8bL {
        margin: unset
    }

    ._2IqRL8KcprlBPhrtT1Y8bL ._3ndoxZabNTcJ8NN50nQ4BM {
        display: contents
    }
}

@media screen and (max-width: 500px) {
    ._2IqRL8KcprlBPhrtT1Y8bL {
        margin: unset
    }

    ._2IqRL8KcprlBPhrtT1Y8bL ._3ndoxZabNTcJ8NN50nQ4BM {
        display: none
    }
}

._2HcSSRyk_Jzd3Iq7xSC6En {
    padding: 0px 16px 0px 0px;
    border-radius: 4px;
    background: linear-gradient(90deg, rgba(126, 171, 255, 0.1) 0%, rgba(56, 77, 116, 0.1) 100%)
}

._3b26-ybbQJNqGukiWkIUp8 {
    flex: 1;
    display: grid;
    gap: 20px;
    grid-template-columns: minmax(max-content, 40%) 1fr;
    grid-template-areas: "storelinks largebuttons"
}

@media screen and (max-width: 730px) {
    html.responsive ._3b26-ybbQJNqGukiWkIUp8 {
        gap: 10px;
        grid-template-columns: 1fr;
        grid-template-areas: "smallbuttons" "largebuttons"
    }
}

.BasicUI ._3b26-ybbQJNqGukiWkIUp8 {
    gap: 10px;
    grid-template-areas: "smallbuttons largebuttons"
}

._3b26-ybbQJNqGukiWkIUp8 .JWPtoi9esADBpUUkODq1z {
    grid-area: largebuttons;
    min-height: 176px
}

@media screen and (max-width: 730px) {
    html.responsive ._3b26-ybbQJNqGukiWkIUp8 .JWPtoi9esADBpUUkODq1z {
        height: 80px;
        min-height: unset;
        flex-direction: row;
        padding: 0px
    }
}

.BasicUI ._3b26-ybbQJNqGukiWkIUp8 .JWPtoi9esADBpUUkODq1z {
    padding: 0px
}

._3b26-ybbQJNqGukiWkIUp8 ._1NEAjFPoWfV8DsCKQldiv9 {
    grid-area: storelinks;
    min-height: 176px;
    gap: 0px;
    min-width: unset
}

._3b26-ybbQJNqGukiWkIUp8 ._2SVHFh60yRjQbYRg6t2mcK {
    grid-area: smallbuttons;
    min-height: 176px
}

@media screen and (max-width: 730px) {
    html.responsive ._3b26-ybbQJNqGukiWkIUp8 ._2SVHFh60yRjQbYRg6t2mcK {
        min-height: 120px
    }
}

.-bDCBiZsIWB-_6IzGxbhz {
    flex: 1
}

.-bDCBiZsIWB-_6IzGxbhz ._15eaL848WovXjJ0POHaD9D {
    padding: 0 14%;
    text-align: center;
    align-content: center;
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    background: rgba(221, 221, 221, .2);
    color: var(--Neutrals-white, #FFFFFF);
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.-bDCBiZsIWB-_6IzGxbhz ._15eaL848WovXjJ0POHaD9D:hover {
    background: rgba(221, 221, 221, .4)
}

.-bDCBiZsIWB-_6IzGxbhz ._15eaL848WovXjJ0POHaD9D:hover ._3W0fAmrZB7mfUJZ8QRpquy {
    transform: translate(-50%, -40%)
}

.-bDCBiZsIWB-_6IzGxbhz ._15eaL848WovXjJ0POHaD9D:hover ._3JmGSFfarJIfLqzni43JFQ {
    transform: translate(-50%, -40%)
}

@media screen and (max-width: 730px) {
    html.responsive .-bDCBiZsIWB-_6IzGxbhz ._15eaL848WovXjJ0POHaD9D {
        padding: 10px 14%
    }
}

.-bDCBiZsIWB-_6IzGxbhz ._15eaL848WovXjJ0POHaD9D ._3W0fAmrZB7mfUJZ8QRpquy {
    position: absolute;
    width: fit-content;
    margin: 0 auto;
    text-transform: uppercase;
    background: #fff;
    padding: 10px 15px;
    border-radius: 2px;
    color: #171d25;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, .2);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: transform .2s ease
}

.-bDCBiZsIWB-_6IzGxbhz ._15eaL848WovXjJ0POHaD9D ._3JmGSFfarJIfLqzni43JFQ {
    font-size: 13px;
    font-weight: 600;
    display: flex;
    gap: 6px;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: transform .2s ease
}

.BasicUI .-bDCBiZsIWB-_6IzGxbhz ._15eaL848WovXjJ0POHaD9D ._3JmGSFfarJIfLqzni43JFQ {
    min-width: 80px
}

@media screen and (max-width: 730px) {
    html.responsive .-bDCBiZsIWB-_6IzGxbhz ._15eaL848WovXjJ0POHaD9D ._3JmGSFfarJIfLqzni43JFQ {
        position: relative;
        left: unset;
        top: unset;
        transform: unset
    }
}

.-bDCBiZsIWB-_6IzGxbhz ._15eaL848WovXjJ0POHaD9D ._15LI4ya5Dm0JI0f0GAMvaW {
    color: #b3b9c0;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase
}

.-bDCBiZsIWB-_6IzGxbhz._2SVHFh60yRjQbYRg6t2mcK {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 10px
}

.-bDCBiZsIWB-_6IzGxbhz._2SVHFh60yRjQbYRg6t2mcK ._15eaL848WovXjJ0POHaD9D {
    text-align: center;
    align-content: center;
    text-transform: uppercase;
    font-weight: 500;
    background: linear-gradient(180deg, #072f4c -5%, #1374b9 100%);
    overflow: hidden;
    border-radius: 4px;
    box-shadow: inset 0px 0px 2px #31809e73, 2px 2px 2px rgba(85, 84, 84, .1)
}

@media screen and (max-width: 730px) {
    html.responsive .-bDCBiZsIWB-_6IzGxbhz._2SVHFh60yRjQbYRg6t2mcK ._15eaL848WovXjJ0POHaD9D {
        border-radius: 2px;
        background: linear-gradient(180deg, #44a5dd 0%, #4275d3 84%);
        box-shadow: inset 0px 0px 2px #31809e73, 2px 2px 2px rgba(43, 43, 43, .1)
    }
}

.-bDCBiZsIWB-_6IzGxbhz._2SVHFh60yRjQbYRg6t2mcK ._15eaL848WovXjJ0POHaD9D:hover {
    color: #fff;
    background: linear-gradient(180deg, #1d88c6ba -25%, #0c7fcfa1 100%);
    box-shadow: inset 0px 0px 2px #31809e73, 2px 2px 2px rgba(43, 43, 43, .1)
}

@media screen and (max-width: 730px) {
    html.responsive .-bDCBiZsIWB-_6IzGxbhz._2SVHFh60yRjQbYRg6t2mcK ._15eaL848WovXjJ0POHaD9D:hover {
        box-shadow: inset 0px 0px 2px #31809e73, 2px 2px 2px rgba(85, 84, 84, .1)
    }
}

.-bDCBiZsIWB-_6IzGxbhz.JWPtoi9esADBpUUkODq1z {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 16px 0px
}

.-bDCBiZsIWB-_6IzGxbhz.JWPtoi9esADBpUUkODq1z ._15eaL848WovXjJ0POHaD9D {
    flex: 1;
    transition: transform .2s ease
}

.-bDCBiZsIWB-_6IzGxbhz.JWPtoi9esADBpUUkODq1z ._15eaL848WovXjJ0POHaD9D:nth-child(1) {
    background: linear-gradient(180deg, rgba(218, 213, 218, 0.17) -21.51%, #CE69EE 100%);
    box-shadow: inset 0px 0px 2px #ce69ee, 2px 2px 2px rgba(43, 43, 43, .1)
}

.-bDCBiZsIWB-_6IzGxbhz.JWPtoi9esADBpUUkODq1z ._15eaL848WovXjJ0POHaD9D:nth-child(1):hover {
    background: linear-gradient(180deg, rgba(236, 231, 236, 0.17) -21.51%, #e291fa 100%)
}

.-bDCBiZsIWB-_6IzGxbhz.JWPtoi9esADBpUUkODq1z ._15eaL848WovXjJ0POHaD9D:nth-child(2) {
    background: linear-gradient(180deg, rgba(218, 213, 218, 0.17) -21.51%, #07D0BF 90.35%);
    box-shadow: inset 0px 0px 2px #07D0BF73, 2px 2px 2px rgba(43, 43, 43, .1)
}

.-bDCBiZsIWB-_6IzGxbhz.JWPtoi9esADBpUUkODq1z ._15eaL848WovXjJ0POHaD9D:nth-child(2):hover {
    background: linear-gradient(180deg, rgba(236, 231, 236, 0.17) -21.51%, #2ee6d7 90.35%)
}

._1O0H6NQY1-2DaXv-n_JyEm {
    font-size: 11px;
    color: #dcdedf9e
}

.msDiiFvZmOWUVrazuOR7y {
    border-bottom: 1px solid rgba(126, 171, 255, .05)
}

._4bi1iROLdQ66C6or_iLnT {
    --hi-1: rgba(163, 186, 211, 0.15);
    --hi-2: rgba(163, 186, 211, 0.05);
    --hi-3: rgba(163, 186, 211, 0);
    padding: 10px 0px 10px 16px;
    color: var(--Neutrals-lightestGrey, #DCDEDF);
    font-size: 13px;
    font-style: normal;
    font-weight: 400
}

._4bi1iROLdQ66C6or_iLnT.ZHP-k9mPTkHfNP0SUx2js {
    padding-top: 16px
}

._4bi1iROLdQ66C6or_iLnT._2LnvhZWuE-kK8DofxiNupC {
    padding-bottom: 16px
}

._4bi1iROLdQ66C6or_iLnT:hover {
    color: var(--Neutrals-white, #FFF);
    background: linear-gradient(90deg, var(--hi-1) 0%, var(--hi-2) 35%, var(--hi-3) 100%)
}

._2lLDOXJibKONAZT_v5JYdM {
    position: absolute;
    top: -97px;
    left: -39px;
    transform: rotate(-22.838deg);
    opacity: .3;
    display: flex;
    flex-direction: column
}

._2lLDOXJibKONAZT_v5JYdM .fYUHRTrzGItaGhMLuUZ3W {
    display: flex;
    flex-direction: row
}

._2lLDOXJibKONAZT_v5JYdM .fYUHRTrzGItaGhMLuUZ3W img {
    width: 190px;
    aspect-ratio: 92/43
}

.Jj8HIlIT-yPI1DfChaARk>._2lLDOXJibKONAZT_v5JYdM {
    opacity: .1;
    top: -56px;
    left: -17px;
    filter: saturate(0) brightness(0.5)
}

@media screen and (max-width: 730px) {
    html.responsive .Jj8HIlIT-yPI1DfChaARk>._2lLDOXJibKONAZT_v5JYdM {
        display: none
    }
}

.Jj8HIlIT-yPI1DfChaARk>._2lLDOXJibKONAZT_v5JYdM .fYUHRTrzGItaGhMLuUZ3W img {
    width: 115px;
    aspect-ratio: 92/43
}

.uFovI2_j4i5rfhV6Ke4hc {
    overflow: hidden !important;
    scrollbar-gutter: stable
}

@media screen and (max-width: 730px) {
    .uFovI2_j4i5rfhV6Ke4hc {
        scrollbar-gutter: initial
    }
}

._2ihG7DC0YPrw01ComUbKnY {
    flex: 1;
    min-width: 0;
    justify-self: stretch;
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-height: 206px
}

._2ihG7DC0YPrw01ComUbKnY.JeKLaTDB6BY1_KxkPBi7y {
    min-height: 210px
}

@media screen and (max-width: 730px) {
    html.responsive ._2ihG7DC0YPrw01ComUbKnY {
        padding: 0 15px 15px 15px;
        min-height: 0
    }
}

._3wkp8GaMeHBsrImd61r1X- {
    height: 28px;
    color: #abababa6;
    font-size: 11px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    text-transform: uppercase
}

.t3RAs516ziDj593wzPx-v {
    display: flex;
    flex-direction: row;
    align-items: center
}

.t3RAs516ziDj593wzPx-v ._3wkp8GaMeHBsrImd61r1X- {
    flex: 1;
    min-width: 0;
    overflow: hidden
}

.t3RAs516ziDj593wzPx-v ._2ei6XGyZTi_2PvVZFtlzcZ {
    display: block
}

._2dL6ap-BkfhXkVntihe2KS {
    flex: 1;
    display: flex;
    flex-direction: row;
    gap: 20px
}

@media screen and (max-width: 500px) {
    ._2dL6ap-BkfhXkVntihe2KS {
        flex-direction: column
    }
}

.wX6LdxJgqoPyuPTGpQRC0 {
    flex: 1;
    min-width: 0;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 160px
}

:where(._39xRzOagrnlvU_DbiDnzVW) {
    min-width: 20%;
    display: flex;
    flex-direction: column;
    gap: 8px
}

@media screen and (max-width: 500px) {
    html.responsive :where(._39xRzOagrnlvU_DbiDnzVW) {
        line-height: 24px;
        justify-content: start
    }
}

:where(._39xRzOagrnlvU_DbiDnzVW) ._3xfL7u7e8rFk4XeOpKN0oC {
    color: var(--Neutrals-lightestGrey, #DCDEDF);
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-decoration: none
}

:where(._39xRzOagrnlvU_DbiDnzVW) ._3xfL7u7e8rFk4XeOpKN0oC:hover {
    color: var(--Neutrals-white, #FFF)
}

._1tOe1a5sCJUgvbHanH8BmV {
    height: 1px;
    opacity: .5;
    background: linear-gradient(90deg, #ffffff30 42.5%, #ffffff00 100%);
    border: none;
    margin: 4px 0
}

._1ECtb6W4gvvCrevAbzsKq_ {
    display: flex;
    flex-direction: column;
    gap: 4px
}

._1ECtb6W4gvvCrevAbzsKq_ ._3jXeonOfw-RB-1PDdJqSUx {
    flex: 1;
    display: flex;
    flex-direction: row;
    gap: 4px
}

._1ECtb6W4gvvCrevAbzsKq_ ._3jXeonOfw-RB-1PDdJqSUx ._1vPyDoJDpPKIAmF1YMCtY0 {
    display: flex;
    padding: 9px 15px;
    align-items: center;
    gap: 10px;
    flex: 1;
    align-self: stretch;
    justify-content: center;
    min-width: 0;
    overflow: hidden;
    border-radius: 2px;
    background: linear-gradient(180deg, #44a5dd 0%, #4275d3 93.87%);
    color: #191d25;
    transition: color 100ms ease-out;
    box-shadow: 2px 2px 2px rgba(43, 43, 43, .1)
}

._1ECtb6W4gvvCrevAbzsKq_ ._3jXeonOfw-RB-1PDdJqSUx ._1vPyDoJDpPKIAmF1YMCtY0:hover,
._1ECtb6W4gvvCrevAbzsKq_ ._3jXeonOfw-RB-1PDdJqSUx ._1vPyDoJDpPKIAmF1YMCtY0.gpfocus {
    color: #fff
}

._1ECtb6W4gvvCrevAbzsKq_ ._3jXeonOfw-RB-1PDdJqSUx ._1vPyDoJDpPKIAmF1YMCtY0:hover span._3nohIP2x4JypyTk3gtBog0,
._1ECtb6W4gvvCrevAbzsKq_ ._3jXeonOfw-RB-1PDdJqSUx ._1vPyDoJDpPKIAmF1YMCtY0:hover span._1-3HkXvDUXTzJg8JfSFCwI {
    transform: translateY(5px)
}

._1ECtb6W4gvvCrevAbzsKq_ ._3jXeonOfw-RB-1PDdJqSUx ._1vPyDoJDpPKIAmF1YMCtY0:not(._38ngLpACn1zS6vXvyaDLDM) {
    text-align: center
}

._1ECtb6W4gvvCrevAbzsKq_ ._3jXeonOfw-RB-1PDdJqSUx ._1vPyDoJDpPKIAmF1YMCtY0 span._1-3HkXvDUXTzJg8JfSFCwI {
    width: 46px;
    height: 46px;
    display: flex;
    transition: transform .1s ease
}

._1ECtb6W4gvvCrevAbzsKq_ ._3jXeonOfw-RB-1PDdJqSUx ._1vPyDoJDpPKIAmF1YMCtY0 span._3nohIP2x4JypyTk3gtBog0 {
    display: block;
    min-width: 0;
    font-size: 14px;
    font-style: normal;
    font-weight: 800;
    line-height: 16px;
    text-transform: uppercase;
    transform: translateY(0px);
    transition: transform .2s ease
}

@media screen and (max-width: 1024px) {
    ._1ECtb6W4gvvCrevAbzsKq_ ._3jXeonOfw-RB-1PDdJqSUx ._1vPyDoJDpPKIAmF1YMCtY0 {
        text-align: center
    }

    ._1ECtb6W4gvvCrevAbzsKq_ ._3jXeonOfw-RB-1PDdJqSUx ._1vPyDoJDpPKIAmF1YMCtY0 span._1-3HkXvDUXTzJg8JfSFCwI {
        display: none
    }
}

._1PuyX9P-ZPobFUE_2scw0_ {
    color: var(--Colors-blue, #1A9FFF);
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    margin-left: 8px
}

._1PuyX9P-ZPobFUE_2scw0_:hover,
._1PuyX9P-ZPobFUE_2scw0_.gpfocus {
    color: #fff
}

._1PuyX9P-ZPobFUE_2scw0_>svg {
    height: 13px;
    vertical-align: middle;
    margin-left: 4px
}

button._1PuyX9P-ZPobFUE_2scw0_ {
    border: none;
    background: transparent;
    padding: 0;
    cursor: pointer
}

.lJzzpKhD8THM_GXdr7Hnk {
    overflow: hidden !important;
    scrollbar-gutter: stable
}

@media screen and (max-width: 730px) {
    .lJzzpKhD8THM_GXdr7Hnk {
        scrollbar-gutter: initial
    }
}

._1_Cs2jL-zQHuz1FSXBASEL {
    display: flex;
    overflow: hidden;
    justify-content: space-between;
    flex-direction: row;
    gap: 10px;
    padding-bottom: 8px;
    max-width: 100%;
    max-height: 100px
}

.BasicUI ._1_Cs2jL-zQHuz1FSXBASEL {
    max-height: unset
}

@media screen and (max-width: 500px) {
    ._1_Cs2jL-zQHuz1FSXBASEL {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr;
        max-height: 200px
    }

    ._1_Cs2jL-zQHuz1FSXBASEL ._1-cbd4jE7Y3ZRkLFocvEDW {
        max-width: none
    }
}

._1-cbd4jE7Y3ZRkLFocvEDW {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    max-width: 190px;
    max-height: 150px;
    min-width: 0;
    flex: 1;
    box-shadow: 2px 2px 2px rgba(43, 43, 43, .1)
}

.BasicUI ._1-cbd4jE7Y3ZRkLFocvEDW {
    max-width: 155px;
    max-height: 140px;
    border-radius: 2px
}

._1-cbd4jE7Y3ZRkLFocvEDW ._2zLGA-bpYZoQ1tlrxdC0bl {
    display: block;
    filter: saturate(0.7);
    transition: transform .2s ease-in-out, filter .2s ease-in-out;
    width: 100%;
    height: 100%;
    object-fit: cover
}

._1-cbd4jE7Y3ZRkLFocvEDW ._36Qgx6aYS9HfYORRauakKF {
    position: absolute;
    inset: 0;
    transition: opacity .2s ease-in-out;
    box-shadow: inset 0px 1px 1px #ffffff26
}

._1-cbd4jE7Y3ZRkLFocvEDW:nth-child(4n+1) ._36Qgx6aYS9HfYORRauakKF {
    background: linear-gradient(155deg, rgba(0, 0, 0, 0) 15.03%, rgba(74, 14, 15, 0.45) 48.83%, rgba(61, 8, 9, 0.6) 84.73%), linear-gradient(135deg, rgba(0, 0, 0, 0) 9.72%, rgba(115, 11, 13, 0.26) 30.04%, rgba(238, 23, 27, 0.38) 51.69%, rgba(255, 0, 4, 0.5) 92.99%)
}

._1-cbd4jE7Y3ZRkLFocvEDW:nth-child(4n+2) ._36Qgx6aYS9HfYORRauakKF {
    background: linear-gradient(155deg, rgba(0, 0, 0, 0) 15.03%, rgba(74, 55, 14, 0.45) 48.83%, rgba(61, 38, 8, 0.6) 84.73%), linear-gradient(135deg, rgba(0, 0, 0, 0) 9.72%, rgba(115, 75, 11, 0.26) 30.04%, rgba(238, 149, 23, 0.38) 51.69%, rgba(255, 94, 0, 0.5) 92.99%)
}

._1-cbd4jE7Y3ZRkLFocvEDW:nth-child(4n+3) ._36Qgx6aYS9HfYORRauakKF {
    background: linear-gradient(155deg, rgba(0, 0, 0, 0) 15.03%, rgba(41, 143, 25, 0.45) 48.83%, rgba(86, 85, 33, 0.6) 84.73%), linear-gradient(135deg, rgba(0, 0, 0, 0) 9.72%, rgba(243, 240, 19, 0.26) 30.04%, rgba(124, 114, 178, 0.38) 51.69%, rgba(251, 255, 0, 0.5) 92.99%)
}

._1-cbd4jE7Y3ZRkLFocvEDW:nth-child(4n) ._36Qgx6aYS9HfYORRauakKF {
    background: linear-gradient(155deg, rgba(0, 0, 0, 0) 15.03%, rgba(14, 59, 74, 0.45) 48.83%, rgba(88, 155, 165, 0.6) 84.73%), linear-gradient(135deg, rgba(0, 0, 0, 0) 9.72%, rgba(11, 74, 115, 0.26) 30.04%, rgba(23, 217, 238, 0.38) 51.69%, rgba(54, 159, 170, 0.5) 92.99%)
}

._1-cbd4jE7Y3ZRkLFocvEDW ._2lMeDNY8MZL79iTgvrtg10 {
    position: absolute;
    bottom: 26px;
    left: 8%;
    right: 8%;
    text-align: center;
    pointer-events: none;
    transition: transform .2s ease-in-out
}

@media screen and (max-width: 730px) {
    html.responsive ._1-cbd4jE7Y3ZRkLFocvEDW ._2lMeDNY8MZL79iTgvrtg10 {
        inset: 5%;
        display: flex;
        margin: auto;
        justify-content: space-around;
        align-items: center
    }
}

._1-cbd4jE7Y3ZRkLFocvEDW ._2lMeDNY8MZL79iTgvrtg10 ._3HqvlP8tdG4sTsVC0ANwfg {
    display: block;
    width: fit-content;
    margin: 0 auto;
    text-transform: uppercase;
    background: #fff;
    padding: 4px 8px;
    border-radius: 2px;
    color: var(--Blues-darkestGrey, #000F18);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal
}

._1-cbd4jE7Y3ZRkLFocvEDW:hover ._2zLGA-bpYZoQ1tlrxdC0bl,
._1-cbd4jE7Y3ZRkLFocvEDW.gpfocus ._2zLGA-bpYZoQ1tlrxdC0bl {
    transform: scale(1.05);
    filter: brightness(1.1)
}

._1-cbd4jE7Y3ZRkLFocvEDW:hover ._36Qgx6aYS9HfYORRauakKF,
._1-cbd4jE7Y3ZRkLFocvEDW.gpfocus ._36Qgx6aYS9HfYORRauakKF {
    opacity: .5
}

._1-cbd4jE7Y3ZRkLFocvEDW:hover ._2lMeDNY8MZL79iTgvrtg10,
._1-cbd4jE7Y3ZRkLFocvEDW.gpfocus ._2lMeDNY8MZL79iTgvrtg10 {
    transform: translateY(10px)
}

@media screen and (max-width: 730px) {

    html.responsive ._1-cbd4jE7Y3ZRkLFocvEDW:hover ._2lMeDNY8MZL79iTgvrtg10,
    html.responsive ._1-cbd4jE7Y3ZRkLFocvEDW.gpfocus ._2lMeDNY8MZL79iTgvrtg10 {
        transform: translateY(5px)
    }
}

._1UkrDgMhl-oqKXXt9KXc4N {
    display: flex;
    flex-direction: row;
    align-items: center
}

.BasicUI ._1UkrDgMhl-oqKXXt9KXc4N {
    padding-bottom: 10px
}

._1UkrDgMhl-oqKXXt9KXc4N ._2ovPL35Q1O7gq-DbxmP4cs {
    display: flex;
    flex: 1;
    gap: 7px;
    min-width: 0;
    height: 20px;
    flex-wrap: wrap;
    overflow: hidden
}

@media screen and (max-width: 730px) {
    html.responsive ._1UkrDgMhl-oqKXXt9KXc4N ._2ovPL35Q1O7gq-DbxmP4cs {
        height: 48px
    }
}

._1UkrDgMhl-oqKXXt9KXc4N ._2ovPL35Q1O7gq-DbxmP4cs ._2oz62CVNbwTn7KrUUwRdRw {
    display: block;
    height: 20px;
    padding: 0 12px;
    line-height: 20px;
    border-radius: 3px;
    background: rgba(26, 159, 255, .2);
    color: #67c1f5;
    font-size: 12px;
    font-style: normal;
    font-weight: 400
}

._1UkrDgMhl-oqKXXt9KXc4N ._2ovPL35Q1O7gq-DbxmP4cs ._2oz62CVNbwTn7KrUUwRdRw:hover,
._1UkrDgMhl-oqKXXt9KXc4N ._2ovPL35Q1O7gq-DbxmP4cs ._2oz62CVNbwTn7KrUUwRdRw.gpfocus {
    text-decoration: none;
    color: #fff;
    background: linear-gradient(135deg, #67c1f5 0%, #417a9b 100%)
}

._3rqhNTZrrL7UO5ywvgaMUw {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, auto));
    gap: 12px
}

@media screen and (max-width: 730px) {
    html.responsive ._3rqhNTZrrL7UO5ywvgaMUw {
        grid-template-columns: 1fr 1fr 1fr 1fr
    }
}

@media screen and (max-width: 520px) {
    html.responsive ._3rqhNTZrrL7UO5ywvgaMUw {
        grid-template-columns: 1fr 1fr 1fr
    }
}

._3rqhNTZrrL7UO5ywvgaMUw ._3zYzEl5ccXcsGQdbUGVvkC {
    flex: 1;
    min-width: 0;
    justify-content: flex-start
}

._3rqhNTZrrL7UO5ywvgaMUw ._3zYzEl5ccXcsGQdbUGVvkC a {
    white-space: normal
}

._2ljgJpZbuQPGf3VlOWj4wR {
    margin: 12px 0px
}

._2qoUV7t1K6Z7H23Kz8voOB {
    padding: 12px 0px 8px 0px
}

._FWKBhuzEgLPrJrDeoa5o {
    line-height: normal;
    align-items: flex-start
}

._3CCxBBbZTQS6eTjcQD5W-D {
    display: flex;
    flex-direction: row;
    gap: 10px
}

._3CCxBBbZTQS6eTjcQD5W-D ._23ZVj5bpOrPKV-d5CWG7lu {
    border-radius: 4px;
    overflow: hidden;
    flex: 1;
    position: relative;
    display: flex;
    justify-content: center
}

._3CCxBBbZTQS6eTjcQD5W-D ._23ZVj5bpOrPKV-d5CWG7lu:hover ._2Cc-FLjIFWZwBaGz0TSrW8 {
    transform: translatey(5px)
}

._3CCxBBbZTQS6eTjcQD5W-D ._23ZVj5bpOrPKV-d5CWG7lu:nth-child(1) {
    background: linear-gradient(180deg, #DAD5DA 0%, #CE69EE 158.49%)
}

._3CCxBBbZTQS6eTjcQD5W-D ._23ZVj5bpOrPKV-d5CWG7lu:nth-child(2) {
    background: linear-gradient(180deg, #E5D7C1 0%, #D0B99B 93.87%)
}

._3CCxBBbZTQS6eTjcQD5W-D ._23ZVj5bpOrPKV-d5CWG7lu ._2YW7iSUhkhAU2OZIFBgSbN {
    display: block;
    height: 110px;
    max-width: 100%;
    object-fit: cover
}

._3CCxBBbZTQS6eTjcQD5W-D ._23ZVj5bpOrPKV-d5CWG7lu ._2Cc-FLjIFWZwBaGz0TSrW8 {
    position: absolute;
    left: 10%;
    right: 10%;
    bottom: 20px;
    text-align: center;
    transition: transform .2s ease
}

._3CCxBBbZTQS6eTjcQD5W-D ._23ZVj5bpOrPKV-d5CWG7lu ._2Cc-FLjIFWZwBaGz0TSrW8 ._11IYP42PAMrnzCjJnoaZAH {
    display: inline-block;
    padding: 10px 15px;
    border-radius: 3px;
    background: #fff;
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase
}

._1Fqo2kNzNurFUNgfiAt636 {
    padding-top: 10px
}

._2R0q5t8YlHVQKecbX-loln {
    justify-content: unset
}

._3C4nnf28yRUH2KQSYeMjWP {
    overflow: hidden !important;
    scrollbar-gutter: stable
}

@media screen and (max-width: 730px) {
    ._3C4nnf28yRUH2KQSYeMjWP {
        scrollbar-gutter: initial
    }
}

._2ULEyYgHBHtbdS-UzA2CMo {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    padding: 12px;
    border-radius: 4px;
    background: linear-gradient(90deg, rgba(126, 171, 255, 0.1) 0%, #29303e00 100%);
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 22px;
    min-height: 206px
}

._2ULEyYgHBHtbdS-UzA2CMo ._25y40YQQ9yLoSxeIiYPBLW {
    width: 185px;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-self: stretch
}

._2ULEyYgHBHtbdS-UzA2CMo ._23OS9-_9K0-cbQx2VaCRgG {
    flex: 1;
    min-width: 0
}

._23dSXPnMLAqirY-XNeEJ-r {
    border: none;
    background: transparent;
    text-align: left;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 8px;
    line-height: 28px;
    color: var(--Neutrals-lightestGrey, #DCDEDF);
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    cursor: pointer;
    transition: background-color 80ms ease-out 10ms, font-weight 80ms ease-out 10ms
}

html.touch ._23dSXPnMLAqirY-XNeEJ-r {
    line-height: 34px
}

@media screen and (max-width: 730px) {
    html.responsive ._23dSXPnMLAqirY-XNeEJ-r {
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: normal
    }
}

._23dSXPnMLAqirY-XNeEJ-r .YZpHY8ObBmj_6-2uAFY3- {
    flex-grow: 0;
    width: 4px;
    transition-delay: 10ms;
    transition: flex-grow 80ms ease-out 10ms
}

._23dSXPnMLAqirY-XNeEJ-r ._14F0v3UrBwdLuNbzG_w_dc {
    width: 12px;
    height: 12px
}

._23dSXPnMLAqirY-XNeEJ-r._3YhUrzz0wbuwkRosba0Mso {
    background: linear-gradient(90deg, var(--gpBackground-LightSoft) 0%, #1a9fff9c 100%);
    border-radius: 2px
}

._23dSXPnMLAqirY-XNeEJ-r._3YhUrzz0wbuwkRosba0Mso .YZpHY8ObBmj_6-2uAFY3- {
    flex-grow: 1
}

._23dSXPnMLAqirY-XNeEJ-r._3YhUrzz0wbuwkRosba0Mso,
._23dSXPnMLAqirY-XNeEJ-r:hover {
    color: #fff
}

._3vCAkux4vF6c9-1Vls6BzZ {
    flex: 1;
    min-width: 0
}

._1muqPv4BaKtCW2mPwdJZJs {
    background: #30353f;
    border-bottom: 1px solid rgba(46, 52, 72, .75)
}

._1muqPv4BaKtCW2mPwdJZJs._3YhUrzz0wbuwkRosba0Mso,
._1muqPv4BaKtCW2mPwdJZJs:last-child {
    border-bottom: none
}

._1IkX8ZzZ1M29wQNN_NlGIh {
    cursor: pointer;
    color: var(--Neutrals-lightestGrey, #DCDEDF);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 11px 16px;
    background-color: #23262e;
    transition: background-color 250ms ease-in-out;
    display: flex;
    flex-direction: row
}

._1IkX8ZzZ1M29wQNN_NlGIh ._29T5c_G1JTMFh2EMISba3o {
    flex: 1
}

._1IkX8ZzZ1M29wQNN_NlGIh ._14F0v3UrBwdLuNbzG_w_dc {
    width: 14px;
    transition-property: transform;
    transition-duration: .2s;
    transition-timing-function: ease-in-out
}

._1IkX8ZzZ1M29wQNN_NlGIh._3YhUrzz0wbuwkRosba0Mso {
    background-color: #3d4450
}

._1IkX8ZzZ1M29wQNN_NlGIh._3YhUrzz0wbuwkRosba0Mso ._14F0v3UrBwdLuNbzG_w_dc {
    transform: rotate(180deg)
}

._2j0yfyrqbOsnOPaTA8Tqkm {
    flex: 1;
    min-width: 0;
    align-self: stretch;
    position: relative
}

._1PbF1hu7CelqcpP1W4Vb5v>.oinCQwcYY1YNIHuKJeYJw._2RExD1Rn35tuYU4P3iq1g6 {
    transform: translateY(-12%);
    opacity: 0
}

._1PbF1hu7CelqcpP1W4Vb5v>.oinCQwcYY1YNIHuKJeYJw._1Az5sluIUIBtdXhxRFgEIb {
    transform: translateY(0);
    opacity: 1;
    transition-property: transform, opacity;
    transition-duration: 160ms;
    transition-timing-function: cubic-bezier(0, 0, 0.1, 1);
    transition-delay: 80ms
}

._1PbF1hu7CelqcpP1W4Vb5v>.oinCQwcYY1YNIHuKJeYJw._9rIUUcLDBmzOF6ae3dqm1 {
    transform: translateY(0);
    opacity: 1
}

._1PbF1hu7CelqcpP1W4Vb5v>.oinCQwcYY1YNIHuKJeYJw._2-qxNCdn_qJkT8TIBYe4xg {
    transform: translateY(8%);
    opacity: 0;
    transition-property: transform, opacity;
    transition-duration: 80ms;
    transition-timing-function: cubic-bezier(0.6, 0, 1, 1)
}

._3uEj_EGp3hFxwPvVMW02QT>.oinCQwcYY1YNIHuKJeYJw._2RExD1Rn35tuYU4P3iq1g6 {
    transform: translateY(12%);
    opacity: 0
}

._3uEj_EGp3hFxwPvVMW02QT>.oinCQwcYY1YNIHuKJeYJw._1Az5sluIUIBtdXhxRFgEIb {
    transform: translateY(0);
    opacity: 1;
    transition-property: transform, opacity;
    transition-duration: 160ms;
    transition-timing-function: cubic-bezier(0, 0, 0.1, 1);
    transition-delay: 80ms
}

._3uEj_EGp3hFxwPvVMW02QT>.oinCQwcYY1YNIHuKJeYJw._9rIUUcLDBmzOF6ae3dqm1 {
    transform: translateY(0);
    opacity: 1
}

._3uEj_EGp3hFxwPvVMW02QT>.oinCQwcYY1YNIHuKJeYJw._2-qxNCdn_qJkT8TIBYe4xg {
    transform: translateY(-8%);
    opacity: 0;
    transition-property: transform, opacity;
    transition-duration: 80ms;
    transition-timing-function: cubic-bezier(0.6, 0, 1, 1)
}

._1KK7nc1wjHP_-Nj5w1XSlZ {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0
}

._3QeqE2uGBs9YdNBWs0tGkx {
    overflow: hidden !important;
    scrollbar-gutter: stable
}

@media screen and (max-width: 730px) {
    ._3QeqE2uGBs9YdNBWs0tGkx {
        scrollbar-gutter: initial
    }
}

div._21F52O1eUPKz37HniCe3kj {
    display: flex;
    flex-direction: row;
    gap: 8px
}

div._21F52O1eUPKz37HniCe3kj>div {
    flex: 1;
    min-width: 0
}

.BasicUI div._21F52O1eUPKz37HniCe3kj>div {
    flex: 3
}

._3d8rSU2lLYPG8rcq0iWLbq {
    display: flex;
    flex-direction: column
}

._2SuTwoGRq7L6D8hZByqE62 {
    position: relative;
    flex: 1;
    display: flex;
    min-width: 200px;
    margin-top: 27px;
    padding: 20px 8px;
    border-radius: 2px;
    overflow: hidden
}

.BasicUI ._2SuTwoGRq7L6D8hZByqE62 {
    flex: 2
}

._2SuTwoGRq7L6D8hZByqE62:hover ._1hrnAqRA57mMuhK3gjPSLu ._2-rKQdmSx7Khacm27tXK0K {
    background: linear-gradient(270deg, #32374091 37.15%, #424b58 81.31%)
}

._2SuTwoGRq7L6D8hZByqE62:hover ._1PSb462Tg4S8M046QIk4PM svg {
    transform: translateX(5px)
}

._2SuTwoGRq7L6D8hZByqE62 ._1hrnAqRA57mMuhK3gjPSLu {
    position: absolute;
    inset: 0;
    overflow: hidden
}

._2SuTwoGRq7L6D8hZByqE62 ._1hrnAqRA57mMuhK3gjPSLu ._2TQdMr4X39QLH39Z0_airS {
    position: absolute;
    inset: 0;
    background-size: cover
}

._2SuTwoGRq7L6D8hZByqE62 ._1hrnAqRA57mMuhK3gjPSLu ._2-rKQdmSx7Khacm27tXK0K {
    position: absolute;
    inset: 0;
    background: linear-gradient(270deg, #2a323e91 37.15%, #1a212c 81.31%)
}

._2SuTwoGRq7L6D8hZByqE62 ._3MacNs6QCQ7GzBJWv7LNxa {
    position: relative;
    width: 407px;
    max-width: 100%;
    margin: 10px;
    display: flex;
    flex-direction: column;
    gap: 12px
}

@media screen and (max-width: 1024px) {
    ._2SuTwoGRq7L6D8hZByqE62 ._3MacNs6QCQ7GzBJWv7LNxa {
        width: unset
    }
}

._2SuTwoGRq7L6D8hZByqE62 ._3MacNs6QCQ7GzBJWv7LNxa ._3xA_zAPk4Gs81l4iCC0fRz {
    color: #fff;
    white-space: nowrap;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: normal
}

._2SuTwoGRq7L6D8hZByqE62 ._3MacNs6QCQ7GzBJWv7LNxa ._3xA_zAPk4Gs81l4iCC0fRz svg {
    fill: var(--Neutrals-white, #FFF);
    width: 16px;
    height: 16.85px
}

._2SuTwoGRq7L6D8hZByqE62 ._3MacNs6QCQ7GzBJWv7LNxa ._1Wz57jagOh6dxI7GUA5igl {
    color: var(--Neutrals-lighterGrey, #B8BCBF);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    min-width: 0;
    max-width: 90%
}

._2SuTwoGRq7L6D8hZByqE62 ._3MacNs6QCQ7GzBJWv7LNxa ._1PSb462Tg4S8M046QIk4PM {
    display: inline-flex;
    padding: 8px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    align-self: flex-start;
    white-space: nowrap;
    margin-top: 10px;
    border-radius: 2px;
    background: var(--Blue-gredient, linear-gradient(90deg, #06BFFF 0%, #2D73FF 100%))
}

._2SuTwoGRq7L6D8hZByqE62 ._3MacNs6QCQ7GzBJWv7LNxa ._1PSb462Tg4S8M046QIk4PM ._1fyDZMVLKzvHIle_9i4Lpq {
    color: var(--Text-Main, #F3F3F3);
    text-align: center;
    font-size: 14px;
    font-weight: 500
}

._2SuTwoGRq7L6D8hZByqE62 ._3MacNs6QCQ7GzBJWv7LNxa ._1PSb462Tg4S8M046QIk4PM svg {
    fill: var(--Neutrals-white, #FFF);
    width: 16px;
    height: 16.85px;
    transition-property: transform;
    transition-duration: .2s;
    transition-timing-function: ease-in-out
}

._1UYj3bhmlk9olzBLJiCHmC ._1hrnAqRA57mMuhK3gjPSLu ._2TQdMr4X39QLH39Z0_airS {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center
}

._2dIS9ODkn8rs_fsWh3kY8y {
    position: relative
}

._2dIS9ODkn8rs_fsWh3kY8y ._1hrnAqRA57mMuhK3gjPSLu ._2TQdMr4X39QLH39Z0_airS {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center
}

._2dIS9ODkn8rs_fsWh3kY8y ._2ZuAr_P2w3N45sg9qxA2Vc {
    position: absolute;
    inset-inline-end: 10px;
    top: 10px;
    background: #51da2e;
    color: #000;
    font-weight: bold;
    font-size: 10px;
    padding: 0px 4px;
    letter-spacing: 1px
}

._2dIS9ODkn8rs_fsWh3kY8y ._3MacNs6QCQ7GzBJWv7LNxa {
    display: flex;
    flex-direction: row;
    gap: 20px
}

._2dIS9ODkn8rs_fsWh3kY8y ._3MacNs6QCQ7GzBJWv7LNxa ._2mvz1stG3mdVukklUl35CV {
    display: flex;
    flex-direction: column;
    margin-top: -10px
}

.BasicUI ._2dIS9ODkn8rs_fsWh3kY8y ._3MacNs6QCQ7GzBJWv7LNxa ._2mvz1stG3mdVukklUl35CV {
    display: none
}

._2dIS9ODkn8rs_fsWh3kY8y ._3MacNs6QCQ7GzBJWv7LNxa ._2mvz1stG3mdVukklUl35CV svg {
    fill: var(--Neutrals-white, #FFF);
    width: 32px;
    height: 32px
}

._2dIS9ODkn8rs_fsWh3kY8y ._3MacNs6QCQ7GzBJWv7LNxa ._3LsK4VSA6PZ96b2Yu-i-W9 {
    display: flex;
    flex-direction: column;
    gap: 4px
}

._3IuHjKAi2Q9E5QyD_-gc9w {
    margin-top: 27px
}

@media screen and (max-width: 730px) {
    html.responsive ._3IuHjKAi2Q9E5QyD_-gc9w {
        margin-top: 0px
    }
}

._221NQfJgfl3Z4c4ZQ1Ojwd {
    min-width: 20%;
    grid-area: right
}

._3BIVruKhtKrpeYQkzZjahy {
    min-width: 20%;
    grid-area: left
}

._3EWc6AKvXIc5M2R-zZqlcH {
    flex: 1;
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "left right"
}

._1UcQrvPyaEs4L-IoMrldKP {
    padding-top: 10px
}

._2vfjuXKSFCjvHgH1RXw0lo {
    overflow: hidden !important;
    scrollbar-gutter: stable
}

@media screen and (max-width: 730px) {
    ._2vfjuXKSFCjvHgH1RXw0lo {
        scrollbar-gutter: initial
    }
}

.oeCR-_-EhS8CaxEaFAqDZ {
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior-y: contain
}

._2RyPu-qJzs6novxZiGSDf- {
    padding: 0 2%;
    height: 250px
}

._2RyPu-qJzs6novxZiGSDf-.U5bM1WZ7qOYBFN3zAVMvI,
html.touch ._2RyPu-qJzs6novxZiGSDf- {
    height: auto
}

._2RyPu-qJzs6novxZiGSDf- ._2t1IMWc-EYYJD-dsioJxSp {
    max-width: var(--store-menu-content-width);
    margin: 7px auto 0;
    padding: 0 0 15px 0;
    display: flex;
    flex-direction: row;
    align-items: flex-start
}

._2RyPu-qJzs6novxZiGSDf-._30QvK0vvP-U2VkgmU-oOBQ ._2t1IMWc-EYYJD-dsioJxSp {
    margin-top: 0
}

@media screen and (max-width: 730px) {
    html.responsive ._2RyPu-qJzs6novxZiGSDf- {
        height: auto;
        padding: 0
    }

    html.responsive ._2RyPu-qJzs6novxZiGSDf- ._2t1IMWc-EYYJD-dsioJxSp {
        padding: 0
    }
}

._1XjtpBn93p5fSXOBFU6T4R {
    width: 159px;
    display: flex;
    flex-direction: column;
    padding: 12px 15px 12px 0;
    justify-content: space-between;
    align-self: stretch;
    color: var(--Neutrals-lightestGrey, #DCDEDF);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

._1XjtpBn93p5fSXOBFU6T4R ._3HgY-dL5S3-fJeU9WwcyJ8 {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: inherit;
    text-decoration: none
}

._1XjtpBn93p5fSXOBFU6T4R ._3HgY-dL5S3-fJeU9WwcyJ8:hover {
    color: #fff
}

._3P35fS4GIxSzg97CKNIAH2 {
    overflow: hidden !important;
    scrollbar-gutter: stable
}

@media screen and (max-width: 730px) {
    ._3P35fS4GIxSzg97CKNIAH2 {
        scrollbar-gutter: initial
    }
}

._16qZv-fX6ub_MdNsHedaLI .responsive_header_logo {
    transition: width 250ms ease-in-out;
    overflow: hidden;
    min-width: 0
}

._16qZv-fX6ub_MdNsHedaLI .responsive_header_react_placeholder {
    display: none
}

._16qZv-fX6ub_MdNsHedaLI.txwuWWnqKAsmG1rtZbvLo .responsive_header_logo {
    width: 0;
    flex: 0
}

._2uvYMNMk0jXWUkQtneMERT {
    display: flex;
    height: 34px;
    flex: 1;
    margin: 0 22px
}

@media screen and (max-width: 730px) {
    html.responsive ._2uvYMNMk0jXWUkQtneMERT {
        margin: 0 0 0 22px
    }
}

body,
body._2LxgdMcpWJRjkxZKbmeEEb {
    color: #969696;
    font-family: "Motiva Sans", Arial, Helvetica, sans-serif
}

button {
    font-family: "Motiva Sans", Arial, Helvetica, sans-serif
}

img {
    -webkit-user-drag: none
}

::-webkit-scrollbar {
    height: 12px;
    width: 14px;
    background: transparent;
    z-index: 12;
    overflow: visible
}

::-webkit-scrollbar-thumb {
    width: 10px;
    background-color: #434953;
    border-radius: 10px;
    z-index: 12;
    border: 4px solid rgba(0, 0, 0, 0);
    background-clip: padding-box;
    transition: background-color .32s ease-in-out;
    margin: 4px;
    min-height: 32px;
    min-width: 32px
}

::-webkit-scrollbar-thumb:hover {
    background-color: #4e5157
}

::-webkit-scrollbar-corner {
    background: #202020
}

::selection {
    background: #54a5d4;
    text-shadow: 1px 1px 2px #000000aa;
    color: #fff
}

.vg0EOhKTLB3tLvshHMr7l {
    color: gray;
    font-size: 10px
}

._33hdFBTwBs64Fcp-bPdf4E {
    width: 34px;
    height: 34px;
    border-radius: 25%;
    overflow: hidden;
    margin-right: 4px
}

._2OYADGuBPiyF7h50OJ0P1B {
    width: 70px;
    height: 45px;
    border-radius: 25%;
    overflow: hidden;
    margin-right: 4px
}

._2CQYcCggCXwVzZj2GWng5- {
    width: 100%;
    height: 100%;
    border-radius: 25%;
    position: relative
}

._2CQYcCggCXwVzZj2GWng5-:after {
    content: "N/A";
    display: block;
    color: #555;
    font-size: 10px;
    text-align: center;
    padding-top: 2px;
    padding-bottom: 2px;
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #201e25
}

.Yncr-T63YFSJ46cq4Z2BJ ._2CQYcCggCXwVzZj2GWng5- {
    border: 2px solid red
}

._1cUR_vD8IvfJgOK1r89j4o {
    width: 48px;
    height: 48px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #201e25
}

.VsZ-bdWSNpnM9Vg6gkSyD {
    text-transform: uppercase;
    background: rgba(0, 0, 0, 0);
    border: 1px #7d6ebc solid;
    display: inline-block;
    padding: 8px 32px;
    border-radius: 2px;
    font-size: 14px;
    color: #7d6ebc;
    user-select: none;
    cursor: pointer;
    margin-top: 4px;
    margin-right: 4px
}

.VsZ-bdWSNpnM9Vg6gkSyD._3M4j828iWSVEZZAkypcBi1 {
    font-size: 9px;
    padding: 4px 8px
}

._1R3ycnbAGUAy01o0TW7NNo {
    display: flex;
    align-items: center;
    justify-content: center
}

._3m7p67FD1Ynjm3BnyyjSSS {
    height: 100%;
    min-height: 420px
}

._1WqumifyJucGDxm2oI6yRQ {
    text-decoration: underline;
    color: inherit
}

.cNMZ-dcMVhaQJFes_Ivwo {
    width: 100%;
    resize: none;
    max-height: 100px;
    background: rgba(59, 63, 72, .5);
    color: #dfe3e6;
    font-size: 14px;
    font-family: "Motiva Sans", Arial, Helvetica, sans-serif;
    font-weight: 300;
    margin: 0;
    padding: 4px;
    border: none;
    border-radius: 3px;
    box-shadow: inset 0px 0px 0px #0000;
    transition-property: background, box-shadow, padding-left;
    transition-duration: .2s;
    transition-timing-function: ease-in-out
}

.cNMZ-dcMVhaQJFes_Ivwo:focus {
    background: rgba(67, 73, 83, .6);
    box-shadow: inset 1px 1px 8px #000a;
    padding-left: 6px;
    outline: none
}

._3NeLW5LAka4S9__PaMFE_J {
    cursor: pointer;
    width: 16px;
    height: 16px
}

.tool-tip-source {
    cursor: default
}

.react-select-container .react-select__control {
    background: #dce8fb14;
    border-color: transparent;
    box-shadow: 0 0 0 transparent
}

.react-select-container .react-select__control:hover {
    background: #464d58;
    border-color: transparent
}

.react-select-container .react-select__control .react-select__single-value {
    color: #d9dde1
}

.react-select-container .react-select__control .react-select__input-container {
    color: #d9dde1
}

.react-select-container .react-select__control input[type=text].react-select__input {
    color: #d9dde1;
    box-shadow: unset
}

.react-select-container .react-select__control .react-select__indicator-separator {
    background-color: #42494d
}

.react-select-container .react-select__menu {
    background-color: #373c44;
    margin-top: 2px
}

.react-select-container .react-select__menu .react-select__option {
    color: #d9dde1
}

.react-select-container .react-select__menu .react-select__option--is-focused {
    color: #d9dde1;
    background-color: #3e444d
}

.react-select-container .react-select__menu .react-select__option--is-selected {
    background-color: #1c8cde
}

button.DialogButton {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    border: 0;
    font: inherit;
    overflow: visible;
    padding: 0;
    margin: 2px 0;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    display: block;
    line-height: 32px;
    color: #dfe3e6;
    font-size: 14px;
    text-align: center;
    border-radius: 2px;
    cursor: pointer;
    width: 100%;
    transition-property: opacity, background, color, box-shadow;
    transition-duration: .2s;
    transition-timing-function: ease-out;
    background: #3d4450;
    background-position: 99% 1%;
    background-size: 300% 300%;
    position: relative
}

@media(prefers-contrast: more) {
    button.DialogButton {
        background: #000;
        color: #fff;
        border: 1px solid #fff
    }
}

input.DialogInput::-moz-focus-inner,
button.DialogButton::-moz-focus-inner {
    border: 0;
    padding: 0
}

.DialogInputPlaceholder::placeholder,
.DialogInputPlaceholder::-webkit-input-placeholder {
    color: #969696;
    font-style: italic
}

.DialogInputPlaceholder::-ms-input-placeholder,
.DialogInputPlaceholder:-ms-input-placeholder {
    color: #969696;
    font-style: italic
}

.PopupFullWindow {
    height: 100%
}

.FullModalOverlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1500
}

.FullModalOverlay.NotReadyToRender {
    background: #000
}

.FullModalOverlay .ModalPosition_Content {
    height: initial;
    width: initial;
    max-width: 88vw;
    max-height: 90vh
}

@media screen and (max-height: 640px) {
    .FullModalOverlay .ModalPosition_Content {
        max-height: 95vh
    }
}

.ModalOverlayContent {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.ModalOverlayContent.inactive {
    z-index: 5
}

.ModalOverlayContent.active {
    z-index: 10;
    -webkit-app-region: no-drag
}

.ModalOverlayBackground {
    background: rgba(0, 0, 0, .8);
    z-index: 7
}

.ModalOverlayBackground.NotificationBrowserWarning {
    background: rgba(0, 0, 0, .9)
}

.DialogBody {
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow: auto;
    -webkit-app-region: no-drag
}

.DialogBody a {
    color: #6dcff6;
    text-decoration: none
}

.DialogBody a:hover {
    color: #b0e9ff
}

.ModalDialogPopup .DialogContentTransition .DialogBody {
    overflow-y: scroll
}

.DialogInnerBody {
    flex: 1;
    overflow: auto;
    padding-inline-end: 2px;
    padding-bottom: 16px
}

.ModalDialogPopup .ModalDialogBody {
    margin: 0px
}

.ModalDialogPopup .ModalDialogBody .title-area {
    height: 80px
}

.ModalDialogPopup .DialogInnerBody {
    overflow-y: scroll;
    overflow-x: hidden
}

.ModalPosition {
    display: flex;
    align-content: center;
    height: 100%;
    flex-direction: column
}

.ModalPosition:focus {
    outline: none
}

.ModalPosition.Hidden .ModalPosition_Content {
    visibility: hidden
}

.ModalDialogPopup .ModalPosition_Dismiss {
    display: none
}

.ModalDialogPopup .FullModalOverlay .ModalPosition_Dismiss {
    display: block
}

.DeckVerifiedModalDialogClient .ModalPosition_Content {
    width: 640px;
    font-weight: 400
}

.DeckVerifiedModalDialogClient .DialogContent,
.DeckVerifiedModalDialog .DialogContent {
    padding: calc(1.4vw + 12px) 2.8vw;
    background: #0e141b !important;
    font-family: "Motiva Sans", Arial, Helvetica, sans-serif;
    border: 2px solid #23262e
}

.DeckVerifiedModalDialog .DialogContent {
    max-height: 85vh
}

.DeckVerifiedModalDialogClient .ModalPosition_TopBar,
.DeckVerifiedModalDialog .ModalPosition_TopBar {
    display: none
}

.DeckVerifiedModalDialogClient .ModalPosition_Dismiss .closeButton,
.DeckVerifiedModalDialog .ModalPosition_Dismiss .closeButton {
    width: 20px;
    height: 20px
}

.ModalPosition_Dismiss .closeButton {
    width: 14px;
    height: 14px;
    padding: 4px;
    background-size: cover;
    cursor: pointer;
    background-image: none;
    border-radius: 4px
}

.ModalPosition_Dismiss .closeButton .SVGIcon_X_Line line {
    stroke: #788a92;
    stroke-width: 24px
}

.ModalPosition_Dismiss .closeButton:hover .SVGIcon_X_Line line {
    stroke: #fff
}

.ModalPosition_Dismiss .closeButton:hover {
    opacity: 1
}

.ModalPosition_Content {
    box-shadow: 0px 8px 38px 5px rgba(0, 0, 0, .75);
    margin: auto;
    font-weight: 300;
    color: #969696;
    font-size: 16px;
    position: relative;
    display: flex;
    flex-direction: column
}

.ModalPosition_Content>* {
    min-height: 0;
    min-width: 0;
    flex-grow: 1;
    flex-shrink: 1
}

div.ModalPosition_Dismiss {
    min-width: initial;
    min-height: initial;
    flex-grow: initial;
    flex-shrink: initial;
    position: absolute;
    inset-inline-end: 4px;
    top: 4px;
    z-index: 1
}

div.ModalPosition_TopBar {
    min-height: 1px;
    min-width: initial;
    flex-grow: initial;
    flex-shrink: initial;
    background: linear-gradient(to right, #00ccff, #3366ff)
}

.Destructive .ModalPosition_TopBar {
    background: linear-gradient(to right, #c44848, #c44848)
}

.ModalDialogPopup .DesktopUI .ModalPosition_TopBar {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

.ModalDialogPopup .DesktopUI:not(.WindowFocus) .ModalPosition_TopBar {
    opacity: 0
}

.DialogContent,
.DialogContentTransition {
    background: radial-gradient(circle at top left, rgba(74, 81, 92, 0.4) 0%, rgba(75, 81, 92, 0) 60%), #25282e;
    user-select: none
}

@media(prefers-contrast: more) {

    .DialogContent,
    .DialogContentTransition {
        background: #000
    }
}

.DialogContent .DialogControlsSection:not(:first-child),
.DialogContent .DialogControlsSectionHeader:not(:first-child),
.DialogContent .DialogHeader:not(:first-child),
.DialogContent .DialogSubHeader:not(:first-child) {
    margin-top: 24px
}

.DialogContentTransition {
    display: flex;
    width: 664px;
    max-width: calc(100% - 64px);
    flex: 3.3;
    position: relative
}

.ModalDialogPopup .DialogContentTransition {
    display: block
}

.ModalDialogPopup .DialogContentTransition>.DialogContent {
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0
}

.DialogContent {
    font-family: "Motiva Sans", Arial, Helvetica, sans-serif;
    padding: 24px;
    display: flex;
    overflow: visible;
    position: relative
}

.DialogContent.NoContentPadding {
    padding: 0
}

.DialogToggle_Label {
    user-select: none;
    display: flex;
    flex-direction: row
}

.DialogToggle_Label span {
    display: flex
}

.contextMenuItem .DialogToggle_Label {
    white-space: nowrap
}

._DialogNote {
    font-size: 12px;
    text-transform: uppercase
}

._DialogCenterVertically {
    display: flex;
    flex-direction: column;
    justify-content: space-around
}

.DialogContent_InnerWidth {
    max-width: 600px;
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: auto
}

.DialogContent.DialogContentFullSize {
    width: max-content
}

.DialogContentFullSize .DialogContent_InnerWidth {
    max-width: calc(88vw - 48px)
}

.ModalDialogPopup .DialogContent {
    overflow: visible
}

.ModalDialogPopup .DialogContent_InnerWidth {
    max-width: none
}

.DialogContent_InnerWidth>form {
    display: flex;
    flex-direction: column;
    min-height: 0;
    flex: 1
}

.ModalDialogPopup .PopupFullWindow>.ModalPosition,
.ModalDialogPopup .PopupFullWindow>.ModalPosition>.ModalPosition_Content {
    max-width: none;
    max-height: none;
    width: 100%;
    height: 100%
}

.DialogHeader {
    font-weight: 700;
    font-size: 22px;
    line-height: 30px;
    color: #fff;
    flex-shrink: 0;
    user-select: none;
    margin-inline-end: 26px;
    margin-bottom: 4px
}

.DesktopUI .DialogHeader,
.friendsui-container .DialogHeader {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: unset;
    text-transform: unset;
    margin-bottom: 4px;
    line-height: 28px
}

.DialogSubHeader {
    font-weight: 300;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: 2px;
    color: #fff;
    text-transform: uppercase;
    flex-shrink: 0;
    user-select: none;
    margin-inline-end: 26px
}

.SettingsDialogSubHeader {
    color: #8b929a;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: .5px;
    line-height: 36px;
    text-transform: uppercase;
    user-select: none;
    margin-inline-end: 26px
}

@media(prefers-contrast: more) {
    .SettingsDialogSubHeader {
        color: #fff
    }
}

.DialogContent_InnerWidth .DialogBody .DialogHeader {
    margin-inline-end: 0px
}

.DialogHeaderSubtitle {
    color: #6e7985;
    font-size: 22px;
    letter-spacing: 1px;
    text-transform: none
}

.DialogHighlight {
    color: #4297f8
}

.DialogFooter {
    margin-top: auto;
    padding-top: 16px;
    flex-shrink: 0
}

.DesktopUI .DialogFooter {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: 14px
}

.DesktopUI .DialogFooter button.DialogButton {
    padding: 0 12px;
    width: auto
}

.DialogBodyText {
    color: #acb2b8;
    font-size: 16px;
    line-height: 19px;
    font-weight: 300;
    margin-bottom: 32px;
    user-select: none
}

.DialogBodyText p {
    user-select: text
}

.DialogBodyText p a {
    color: #acb2b8;
    text-decoration: underline
}

.DialogBodyText p a:hover {
    color: #fff
}

.DesktopUI .DialogBodyText {
    line-height: 22px
}

.DialogLabel {
    cursor: default
}

.DialogLabel,
.DialogLabelStrong {
    font-weight: 300;
    color: #acb2b8;
    text-transform: uppercase;
    line-height: 19px;
    font-size: 13px;
    margin-bottom: 4px;
    user-select: none;
    letter-spacing: initial
}

.DialogLabelStrong .DialogLabel,
.DialogLabel.DialogLabelStrong {
    text-transform: none;
    color: #dedede
}

.disabled .DialogLabelStrong .DialogLabel,
.disabled .DialogLabel.DialogLabelStrong {
    color: #424853
}

.DialogHBar {
    flex: 1;
    min-height: 1px;
    max-height: 1px;
    background: linear-gradient(to right, #393e47 0%, #40464f 20%, #393e47 100%);
    margin-bottom: 16px
}

.OrSeparator .DialogHBar {
    margin: 0
}

._DialogRow {
    display: flex;
    flex-direction: row;
    padding: 4px;
    padding-inline-start: 12px;
    margin-bottom: 6px;
    justify-content: space-between;
    flex-shrink: 0
}

._DialogRow._DialogRowBackground {
    background: linear-gradient(to right, #383d45, #383d45)
}

._DialogRow ._DialogRowAction {
    flex: 1
}

._DialogRow ._DialogRowSecondaryLabel,
._DialogRow ._DialogRowLabel {
    flex: 1.5;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
    align-self: center;
    display: flex;
    flex-direction: row
}

._DialogRow ._DialogRowSecondaryLabel {
    display: block;
    flex: 1;
    line-height: 32px;
    text-align: center;
    margin: 2px 0
}

._DialogRow ._DialogRowLabel .SVGIcon_Button {
    width: 24px;
    height: 24px
}

.disabledNotice {
    color: rgba(184, 156, 80, .75);
    margin-inline-start: 4px
}

.DialogLabelExplainer {
    text-transform: none;
    text-align: center;
    font-weight: 300;
    color: #7e7e7e;
    font-size: 13px;
    margin-top: 4px
}

.DialogInput {
    border: 1px solid #fff;
    display: block;
    line-height: 22px;
    padding: 10px
}

.DialogLabelExplainer.Left {
    text-align: start
}

.DialogInputRequirementLabel {
    color: #c15755;
    margin-inline-start: 15px
}

.DialogRequirementLabel {
    color: #c15755;
    font-weight: 500;
    font-size: 14px
}

.DialogInputLabelGroup {
    margin-bottom: 22px;
    display: block
}

._DialogSection {
    margin-bottom: 26px
}

.DialogTextInputBase,
._DialogInputContainer {
    background: rgba(59, 63, 72, .5);
    color: #dfe3e6;
    font-size: 14px;
    font-family: "Motiva Sans", Arial, Helvetica, sans-serif;
    font-weight: 300;
    margin: 0;
    border: none;
    border-radius: 3px;
    box-shadow: inset 0px 0px 0px #0000
}

@media(prefers-contrast: more) {

    .DialogTextInputBase,
    ._DialogInputContainer {
        background: #000;
        color: #fff;
        border: 1px solid #fff
    }
}

.DialogTextInputBase:focus,
.DialogTextInputBase:focus-within {
    background: rgba(67, 73, 83, .6);
    box-shadow: inset 1px 1px 8px #000a;
    padding-inline-start: 11px
}

.DialogTextInputBase:not(:disabled):hover {
    background: rgba(67, 73, 83, .6)
}

.DesktopUI .DialogTextInputBase:focus,
.DialogTextInputBase:focus-within {
    background: #23262e;
    box-shadow: inset 1px 1px 4px #000a;
    padding-inline-start: 11px
}

.DialogTextInputBase:disabled:hover {
    background: rgba(67, 73, 83, .3)
}

._DialogInputContainer {
    padding: 12px;
    line-height: 18px;
    margin-bottom: 22px
}

._DialogInputContainer:focus {
    outline: none
}

.DialogToggleField._DialogInputContainer {
    display: flex;
    justify-content: space-between;
    padding: 6px;
    padding-inline-start: 12px
}

.DialogToggleField.Disabled .DialogToggle_Label,
.DialogToggleField.Disabled .DialogToggle_Description {
    opacity: .3
}

.DialogDropDown._DialogInputContainer.Active {
    outline: none
}

.DialogTextInputBase.inviteURLLink {
    padding: 0 12px;
    background: #30353b;
    margin-inline-end: 4px;
    flex-grow: 4;
    box-shadow: inset 0px 0px 4px #0006;
    border: .5px solid rgba(139, 153, 170, .4);
    border-style: inset
}

.DialogTextInputBase:disabled,
.DialogTextInputBase:read-only {
    color: rgba(136, 136, 136, .7)
}

.InviteLinksTable .DialogInput {
    padding: 5px;
    margin: 5px;
    margin-inline-end: 30px
}

.DialogInput_Wrapper {
    display: flex;
    flex-direction: row;
    position: relative;
    align-items: center
}

.DialogInput_Wrapper>input.DialogInput {
    flex: 1
}

.DialogInput_Wrapper>input.DialogInput:focus {
    outline: none
}

button.DialogButton:focus {
    outline: none
}

button.DialogButton.DialogInput_CopyAction {
    width: auto;
    padding-inline: 16px
}

.DialogInput_ClearAction {
    position: absolute;
    inset-inline-end: 12px;
    width: 24px;
    height: 24px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center
}

.DialogInput_ClearAction svg {
    width: 18px;
    height: 18px
}

.DialogInput_ClearAction .SVGIcon_X_Line line {
    stroke-width: 22px;
    stroke: #aaa
}

.DialogInput_ClearAction:hover .SVGIcon_X_Line line {
    stroke: #fff
}

button.DialogButton::before {
    pointer-events: none;
    user-select: none;
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .3);
    opacity: 0;
    transition: opacity 200ms ease-in-out
}

button.DialogButton:disabled:hover::before,
button.DialogButton:disabled::before,
button.DialogButton.Disabled:hover::before,
button.DialogButton.Disabled::before {
    opacity: 0
}

button.DialogButton:hover::before {
    opacity: 1
}

button.DialogButton:active::before {
    opacity: 0
}

button.DialogButton.DialogButtonTall {
    height: 44px
}

.VoiceSettings .advancedSettingsButton {
    margin-bottom: 0px;
    margin-top: 16px
}

.VoiceSettings .advancedSettings {
    margin-bottom: 16px
}

.DialogBody.VoiceSettings ._FixedHeight {
    padding-bottom: 16px
}

button.DialogButton.Primary {
    background: transparent;
    background: linear-gradient(to right, #47bfff 0%, #1a44c2 60%);
    background-position: 25%;
    background-size: 330% 100%
}

button.DialogButton.GreenPlay {
    background: linear-gradient(to right, #8ac329 0%, #4a7a16 60%);
    background-position: 25%;
    background-size: 330% 100%
}

button.DialogButton.GreenPlay:hover,
button.DialogButton.GreenPlay.gpfocus {
    background: linear-gradient(to right, #8ac329 0%, #4a7a16 60%);
    background-position: 0%;
    background-size: 330% 100%;
    color: #fff
}

button.DialogButton.GreenPlay:active,
button.DialogButton.GreenPlay:active:hover,
button.DialogButton.GreenPlay:active.gpfocus {
    background: linear-gradient(to right, #8ac329 0%, #4a7a16 60%);
    background-position: 40%;
    transition-duration: .04s
}

button.DialogButton.Secondary.Off {
    box-shadow: inset 1px 1px 4px #0003
}

button.DialogButton:enabled:active,
button.DialogButton:enabled:active:hover,
button.DialogButton:enabled:active.gpfocus {
    background: #393f49;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .6);
    transition-duration: .04s
}

@media(prefers-contrast: more) {

    button.DialogButton:enabled:active,
    button.DialogButton:enabled:active:hover,
    button.DialogButton:enabled:active.gpfocus {
        transition-property: scale;
        background: #fff;
        color: #000;
        scale: .9
    }
}

button.DialogButton.Primary:hover,
button.DialogButton.Primary.gpfocus {
    background: linear-gradient(to right, #47bfff 0%, #1a44c2 60%);
    background-position: 0%;
    background-size: 330% 100%;
    color: #fff
}

button.DialogButton.Primary:enabled:active,
button.DialogButton.Primary:enabled:hover:active,
button.DialogButton.Primary:enabled:active.gpfocus {
    background: linear-gradient(to right, #47bfff 0%, #1a44c2 60%);
    background-position: 40%;
    transition-duration: .04s
}

button.DialogButton:hover,
button.DialogButton.gpfocus {
    background: #464d58;
    color: #fff
}

@media(prefers-contrast: more) {

    button.DialogButton:hover,
    button.DialogButton.gpfocus {
        background: #fff;
        color: #000
    }
}

button.DialogButton:disabled,
button.DialogButton:disabled:hover,
button.DialogButton.Disabled,
button.DialogButton.Disabled:hover {
    background: rgba(61, 67, 77, .35);
    color: #464d58;
    box-shadow: none;
    cursor: default;
    pointer-events: none
}

button.DialogButton.Small {
    line-height: 22px
}

button.TextButton {
    background-color: transparent;
    border: 0px hidden transparent;
    font-family: "Motiva Sans", Arial, Helvetica, sans-serif;
    padding: 0;
    color: #fff;
    cursor: pointer;
    font-weight: 100;
    border-bottom: 1px dotted #0000
}

button.TextButton .SVGIcon_Button {
    transition: opacity .2s ease-in-out;
    margin-inline-end: 2px
}

button.TextButton:hover,
button.TextButton.gpfocus {
    color: #fff
}

button.TextButton:focus,
button.TextButton.gpfocus {
    outline: none
}

.DialogButton .SVGIcon_Button {
    width: 24px;
    height: 24px;
    vertical-align: middle;
    margin-inline-end: 2px
}

.DialogButton:disabled .SVGIcon_Button,
.DialogButton.Disabled .SVGIcon_Button {
    opacity: .1
}

.DialogToggleField_NewUIContainer {
    height: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.DialogToggleField_Control {
    float: inline-end;
    position: relative;
    line-height: 30px;
    overflow: hidden;
    border-radius: 3px;
    background: #3a3f48;
    color: rgba(223, 227, 230, .5);
    font-size: 14px;
    display: flex;
    flex-direction: row;
    cursor: pointer;
    user-select: none;
    align-self: flex-start;
    flex-shrink: 0;
    margin-inline-start: 6px
}

.DialogToggleField_OptionPanel {
    display: flex
}

.DialogToggleField_Option {
    text-transform: uppercase;
    width: 66px;
    text-align: center;
    cursor: pointer;
    transition-property: color, background;
    transition-duration: 250ms
}

.DialogToggleField_Option:hover:not(.Active) {
    background: #464d58
}

.Disabled .DialogToggleField_Option:hover:not(.Active),
.Disabled .DialogToggleField_Option.Active,
.Disabled .DialogToggleField_Option {
    background-color: transparent;
    color: #555;
    cursor: default
}

.Disabled .DialogToggleField_Option.Active,
.Disabled .DialogToggleField_Option.Off.Active {
    color: #666;
    background-color: #434953
}

.DialogToggle_Description {
    color: #999c9f;
    line-height: 19px;
    font-size: 13px;
    font-family: "Motiva Sans", Arial, Helvetica, sans-serif;
    padding-top: 8px
}

@media(prefers-contrast: more) {
    .DialogToggle_Description {
        color: #bbbdc0
    }
}

.DialogToggleField_Option.Active {
    color: #dfe3e6;
    background: #2d73ff
}

.DialogToggleField_Option.Off.Active {
    color: #dfe3e6;
    background: #5f6875
}

.DialogToggleField_Option:hover {
    color: #fff
}

.DialogMenuPosition {
    z-index: 1600;
    overflow: auto;
    -webkit-app-region: none
}

.DialogMenuPosition:not(.visible) {
    opacity: 0;
    pointer-events: none
}

.DialogDropDown {
    cursor: pointer;
    position: relative;
    display: flex;
    box-sizing: border-box;
    width: 100%;
    text-align: start;
    font-size: inherit;
    font-family: inherit;
    margin: 0;
    flex-direction: row;
    gap: 16px;
    align-items: center
}

.DialogDropDown.Disabled {
    cursor: initial;
    opacity: .5
}

.DialogDropDown:hover {
    box-shadow: 0 6px 8px 0 rgba(0, 0, 0, .16)
}

.DialogDropDown.Disabled:hover {
    box-shadow: unset
}

.DialogDropDown_CurrentDisplay {
    flex: 1;
    min-width: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.DialogDropDown_CurrentDisplay:empty::before {
    content: " "
}

.DialogDropDown._DialogInputContainer {
    margin-bottom: 0;
    user-select: none
}

.DialogDropDown_Arrow {
    height: 1em;
    width: 1em;
    top: 14px;
    inset-inline-end: 10px
}

.DialogDropDown_Arrow .SVGIcon_DownArrowContextMenu {
    padding-top: 2px;
    fill: #189cff
}

._DialogColLayout {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between
}

.DesktopUI ._DialogColLayout {
    justify-content: flex-end
}

._DialogColLayout>._DialogLayout {
    flex: 1;
    box-sizing: border-box
}

.DialogTwoColLayout>._DialogLayout {
    max-width: calc(50% - 14px);
    min-width: 200px
}

.DesktopUI .DialogTwoColLayout._DialogColLayout {
    gap: 14px
}

.DesktopUI .DialogTwoColLayout>._DialogLayout {
    max-width: unset;
    flex: 1 0 auto
}

.DialogThreeColLayout>._DialogLayout,
.DialogTwoThirdColLayout>._DialogLayout:nth-child(2n+1) {
    max-width: calc(33.33% - 9px);
    min-width: 133px
}

.DesktopUI .DialogThreeColLayout._DialogColLayout {
    gap: 9px
}

.DialogTwoThirdColLayout>._DialogLayout {
    max-width: calc(66.66% - 18px);
    min-width: 266px
}

.DesktopUI .DialogTwoThirdColLayout._DialogColLayout {
    gap: 18px
}

.DialogLayout_NoMinWidth>._DialogLayout,
.DialogTwoThirdColLayout.DialogLayout_NoMinWidth>._DialogLayout {
    min-width: 0
}

.DialogDraggable {
    cursor: -webkit-grab;
    cursor: grab;
    user-select: none
}

.DialogDraggable.DraggedOut {
    display: none
}

.DialogDraggable_DropGhost {
    cursor: -webkit-grabbing;
    cursor: grabbing;
    opacity: .75
}

.DialogDraggable_DragGhost {
    cursor: -webkit-grabbing;
    cursor: grabbing;
    position: fixed;
    opacity: .75;
    z-index: 5000
}

.DialogSlider_Container:focus {
    outline: none
}

.DialogSlider_Slider {
    border: 4px solid #2a2d33;
    border-radius: 10px;
    position: relative;
    height: 10px;
    background: #202226;
    cursor: pointer;
    box-shadow: inset 0px 11px 8px -10px #131313;
    user-select: none
}

.DialogSlider_Value {
    position: absolute;
    inset-inline-start: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(to bottom, #00ccff 0%, #2d73ff 80%);
    border-start-start-radius: 5px;
    border-end-start-radius: 5px
}

.DialogSlider_Grabber {
    position: absolute;
    top: -1px;
    bottom: -3px;
    inset-inline-start: var(--position);
    margin-inline-start: -6px;
    width: 12px;
    height: 12px;
    background: linear-gradient(to bottom, #89e7ff 0%, #80aaff 80%);
    border-radius: 50%;
    box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .2)
}

.DialogProgressBar_ProgressBarContainer {
    border: 4px solid #2a2d33;
    border-radius: 10px;
    position: relative;
    height: 10px;
    background: #202226;
    cursor: pointer;
    box-shadow: inset 0px 11px 8px -10px #131313;
    user-select: none;
    overflow: hidden
}

.DialogProgressBar_Value {
    height: 100%;
    background: linear-gradient(to bottom, #00ccff 0%, #2d73ff 80%);
    border-start-start-radius: 5px;
    border-end-start-radius: 5px;
    width: 0px;
    transition: width .2s linear
}

.DialogProgressBar_Value:dir(rtl) {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

.DialogListBuilderInput_List {
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    line-height: 26px
}

.DialogListBuilderInput_Input {
    border: none;
    background: transparent;
    color: #fff;
    outline: none
}

.DialogListBuilderInput_Input:focus {
    outline: none
}

.DialogSpanningTable {
    width: 100%;
    border-spacing: 0px 6px;
    table-layout: fixed
}

.DialogSpanningTable th {
    font-weight: normal;
    text-align: start;
    font-size: 12px;
    height: 20px;
    text-transform: uppercase
}

.DialogSpanningTable.BannedUsersTable tr.hoverRow,
.DialogSpanningTable.InvitedUsersTable tr.hoverRow,
.DialogSpanningTable.InviteLinksTable tbody tr {
    background: linear-gradient(to right, #383d45, #383d45)
}

.DialogSpanningTable tr.hoverRow:hover {
    background-color: #393d46
}

.DialogSpanningTable td.friendCell {
    padding-inline-start: 4px;
    padding-top: 4px;
    padding-bottom: 4px
}

.DialogSpanningTable td.dateCell {
    text-align: start;
    font-size: 14px
}

.DialogSpanningTable td.buttonCell {
    padding-inline-start: 5px;
    padding-inline-end: 10px
}

.BannedUsersTable th.friendColumn,
.InvitedUsersTable th.friendColumn {
    width: auto
}

.BannedUsersTable th.dateColumn,
.InvitedUsersTable th.dateColumn {
    width: 175px
}

.BannedUsersTable th.buttonColumn,
.InvitedUsersTable th.buttonColumn {
    width: 130px
}

.InviteLinksTable .inviteCodeColumn {
    width: auto
}

.InviteLinksTable .dateColumn {
    width: 175px
}

.InviteLinksTable .buttonColumn {
    width: 130px
}

.DialogSpanningTable th.tableAlignRight,
.DialogSpanningTable td.tableAlignRight {
    text-align: end
}

.DialogCheckbox_Container {
    cursor: pointer;
    padding: 4px;
    margin-bottom: 8px
}

.DialogCheckbox_Container .DialogCheckbox {
    float: inline-start;
    margin-inline-end: 8px
}

.DialogCheckbox {
    width: 22px;
    height: 22px;
    background-color: #0004;
    padding: 0;
    box-shadow: inset 1px .5px 3px rgba(1, 1, 1, .4);
    cursor: pointer;
    border-radius: 2px
}

.DialogCheckbox .SVGIcon_DialogCheck {
    opacity: 0;
    transition: opacity .1s ease-in-out;
    width: 18px;
    height: 18px;
    margin-top: 9%;
    margin-inline-start: 12%
}

.DialogCheckbox .SVGIcon_DialogCheck path {
    stroke-width: 40px;
    stroke-dashoffset: -270;
    transition-property: stroke-dashoffset;
    transition-duration: .18s;
    transition-timing-function: cubic-bezier(1, 0, 1, 0.65);
    transition-delay: .3s
}

.DialogCheckbox.Active .SVGIcon_DialogCheck path {
    stroke-dashoffset: 90;
    transition-timing-function: cubic-bezier(1, 0, 1, 0.65);
    transition-delay: 0s
}

.DialogCheckbox.Active .SVGIcon_DialogCheck {
    opacity: 1
}

.DialogCheckbox.Active .SVGIcon_DialogCheck #stop0 {
    opacity: 1
}

.DialogCheckbox.Disabled,
.DialogCheckbox_Container.Disabled {
    cursor: default;
    opacity: .5;
    filter: saturate(0.35);
    box-shadow: none
}

.DialogCheckbox_Container:hover .DialogCheckbox:not(.Disabled),
.DialogCheckbox:hover:not(.Disabled),
.DialogCheckbox_Container:focus .DialogCheckbox:not(.Disabled),
.DialogCheckbox:focus:not(.Disabled) {
    background-color: #090909
}

.DialogCheckbox_Container:focus,
.DialogCheckbox:focus {
    outline: none
}

.DialogCheckbox .DialogCheck {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0
}

.DialogRoundCheckboxField {
    width: 24px;
    height: 24px;
    border-radius: 50%
}

.DialogRoundCheckboxField_Control {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    margin: 0;
    padding: 0;
    background-color: #24262b
}

.DialogRoundCheckboxField_OuterCircle {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    margin: 0;
    padding: 0;
    box-shadow: inset .5px 1px 3px rgba(1, 1, 1, .4);
    display: flex;
    justify-content: center;
    transition: background-color .08s ease-in-out
}

.DialogRoundCheckboxField_Container {
    cursor: pointer
}

.DialogRoundCheckboxField_Container.Disabled {
    opacity: .5;
    user-select: none;
    cursor: unset
}

.DialogRoundCheckboxField_Container:focus {
    outline: none
}

.DialogRoundCheckboxField_Container:hover .DialogRoundCheckboxField_OuterCircle {
    background-color: #1e1f23
}

.DialogRoundCheckboxField_Container.WithLabel {
    display: flex;
    flex-direction: row;
    line-height: 24px;
    margin-bottom: 8px
}

.DialogRoundCheckboxField_Container.WithLabel .DialogRoundCheckboxField {
    margin-inline-end: 6px
}

.DialogRoundCheckboxField_Container .DialogToggle_Label {
    overflow: hidden;
    min-width: 0;
    flex: 1
}

.DialogRoundCheckboxField_Control .DialogRoundCheckboxField_InnerCircle {
    width: 50%;
    height: 50%;
    border-radius: 50%;
    align-self: center;
    box-shadow: 0px 0px 8px rgba(31, 141, 254, .5);
    background: linear-gradient(to bottom, #00ccff 0%, #2d73ff 80%);
    transform: scale(0);
    opacity: 0;
    transition-property: opacity, scale, box-shadow;
    transition-duration: .1s;
    transition-timing-function: ease-in-out
}

.DialogRoundCheckboxField_Control.Active .DialogRoundCheckboxField_InnerCircle {
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, .2);
    transform: scale(1);
    opacity: 1
}

.copiedAnimation {
    position: absolute;
    left: 0;
    right: 0;
    opacity: 0;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
    color: #1b98ff;
    transition-property: transform, opacity;
    transition-duration: 0s;
    transition-timing-function: ease-out;
    z-index: 0;
    pointer-events: none;
    user-select: none
}

.copiedAnimation.animationComplete {
    opacity: 0;
    transition-duration: 1s;
    transition-delay: .5s
}

.copiedAnimation.animationPlaying {
    opacity: 1;
    transition-property: transform, opacity;
    transition-duration: 0s, .6s
}

._FixedHeight {
    flex-shrink: 0
}

._FillAvailableHeightAndScroll {
    flex: 1;
    min-height: 0;
    overflow-y: scroll
}

.DialogContent ul {
    list-style-type: disc;
    list-style-position: inside
}

.title-area {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    min-height: 18px;
    -webkit-app-region: drag;
    z-index: 2;
    display: flex;
    flex-direction: row;
    justify-content: flex-end
}

body.in_global_drag .title-area {
    -webkit-app-region: no-drag
}

.titleBarContainer {
    position: relative
}

.titleBarContainer .no-drag {
    -webkit-app-region: no-drag;
    z-index: 3
}

.title-area .title-bar-actions {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    margin-inline-end: 2px;
    max-height: 24px;
    -webkit-app-region: no-drag;
    pointer-events: auto
}

.singleWindowFocusBar {
    width: 100%;
    height: 24px;
    background: linear-gradient(to right, #007896, #1f3d96);
    -webkit-mask: linear-gradient(to bottom, black 0px, black 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.2) 8px, rgba(0, 0, 0, 0) 100%);
    mask: linear-gradient(to bottom, black 0px, black 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.2) 8px, rgba(0, 0, 0, 0) 100%);
    position: absolute;
    top: 0;
    opacity: 0;
    transition: opacity .18s ease-in-out;
    pointer-events: none;
    user-select: none
}

.focused .singleWindowFocusBar {
    opacity: 1;
    z-index: 15
}

.title-area-highlight {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 24px;
    background: linear-gradient(to right, #007896, #1f3d96);
    -webkit-mask: linear-gradient(to bottom, black 0px, black 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.2) 8px, rgba(0, 0, 0, 0) 100%);
    mask: linear-gradient(to bottom, black 0px, black 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.2) 8px, rgba(0, 0, 0, 0) 100%);
    opacity: 0;
    transition: opacity .18s ease-in-out;
    pointer-events: none;
    user-select: none
}

.focused:not(.singlewindow) .title-area-highlight {
    opacity: 1
}

.title-area-icon {
    width: 24px;
    height: 18px;
    margin: auto 0px auto 0px;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-app-region: no-drag
}

.title-area-icon .title-area-icon-inner {
    width: 100%;
    height: 100%
}

.title-area-children {
    text-align: end;
    flex-grow: 1
}

.title-area-icon .SVGIcon_Minimize {
    width: 14px;
    height: 14px;
    margin-top: -2px;
    margin-inline-start: 4px
}

.title-area-icon .SVGIcon_Maximize {
    width: 14px;
    height: 14px;
    margin-top: -2px;
    margin-inline-start: 4px
}

.title-area-icon .SVGIcon_X_Line {
    width: 14px;
    height: 14px;
    margin-top: -2px;
    margin-inline-start: 4px
}

.title-area-icon .SVGIcon_X_Line line {
    stroke: #788a92;
    stroke-width: 24px
}

.title-area-icon:hover .SVGIcon_Button rect,
.title-area-icon:hover .SVGIcon_Button line,
.title-area-icon:hover .SVGIcon_Button polyline {
    stroke: #fff;
    transition: stroke .15s ease-out
}

.ModalDialogPopup .maximizeRestoreButton {
    display: none
}

.window_resize_grip {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAACXBIWXMAAAsSAAALEgHS3X78AAAAR0lEQVRIx2P8z0AZYKJQPwMLyTqQncxIBReMGsDAwDjg6WAYGIAvKaMlWuyiA++FYWDAaFKmWlImKtFiFx14LwwDAwY+KQMAmkcKPwxTSEoAAAAASUVORK5CYII=);
    background-size: 16px 16px;
    background-position: 4px 4px;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    opacity: .3;
    position: fixed;
    inset-inline-end: 0px;
    bottom: 0px;
    z-index: 1000
}

.window_resize_grip:dir(rtl) {
    scale: -1 1
}

.DialogBodyNotificationBar {
    font-size: 12px;
    letter-spacing: 0px;
    color: #52b8e0;
    line-height: 18px;
    height: 18px;
    display: flex;
    margin-top: -2px
}

.DialogBodyNotificationBar svg {
    height: 13px;
    width: 13px;
    margin-inline-start: 0px;
    margin-inline-end: 2px;
    margin-top: 2px
}

.DialogBodyNotificationBar .SVGIcon_Lock .topLock {
    fill: #52b8e0
}

.DialogBodyNotificationBar .SVGIcon_Lock .baseLock {
    stroke: #52b8e0
}

.GenericFormDialog {
    width: 600px
}

.GenericConfirmDialog .friend {
    margin-top: 10px
}

.GenericConfirmDialog .DialogButton,
.GenericFormDialog .DialogButton {
    min-width: 120px
}

.displayColumn {
    display: flex;
    flex-direction: column
}

.displayRow {
    display: flex;
    flex-direction: row
}

.fullheight {
    height: 100%;
    top: 0px;
    bottom: 0px
}

.fullWidth {
    width: 100%
}

.alignItemsCenter {
    align-items: center
}

.alignSelfCenter {
    align-self: center
}

.tempText {
    font-size: 10px;
    color: #f50;
    width: 400px;
    align-self: center
}

.allCaps {
    text-transform: uppercase
}

.flexShrinkNone {
    flex-shrink: 0
}

.throbber {
    width: 60px;
    height: 90px;
    display: inline-block
}

.throbber_small {
    width: 36px;
    height: 36px
}

.throbber_medium {
    width: 60px;
    height: 60px
}

.throbber_large {
    width: 92px;
    height: 92px
}

.throbber_xlarge {
    width: 120px;
    height: 120px
}

.throbber_fixed {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.throbber_absolute {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.throbber>div {
    float: inline-start;
    width: 25%;
    height: 100%;
    background-color: #67c1f5;
    animation: loading_throbber_bar 1s ease-in-out infinite
}

.throbber>div:nth-child(1) {
    transform: scaleX(1) scaleY(0.6)
}

.throbber>div:nth-child(2) {
    margin-inline-start: 12%;
    transform: scaleX(1) scaleY(0.6);
    animation-delay: .16s
}

.throbber>div:nth-child(3) {
    margin-inline-start: 12%;
    transform: scaleX(1) scaleY(0.6);
    animation-delay: .32s
}

.WaitingForInterFaceReadyContainer {
    width: 100%;
    height: 100%;
    background-color: #1f2126;
    display: flex
}

.WaitingForInterFaceReadyThrobber {
    margin: auto;
    align-self: center;
    width: fit-content
}

.Throbber_Blur {
    position: absolute;
    filter: blur(12px);
    transform: scale(1.25)
}

@keyframes loading_throbber_bar {
    0% {
        transform: scaleX(1) scaleY(0.6)
    }

    30% {
        transform: scaleX(1) scaleY(1)
    }

    55% {
        transform: scaleX(1) scaleY(0.6)
    }

    100% {
        transform: scaleX(1) scaleY(0.6)
    }
}

.innerwidth {
    border: 3px dashed #f80;
    flex: 1;
    color: #fff
}

.form {
    border: 1px dotted aqua;
    height: 100%;
    display: flex;
    flex-direction: column
}

.A {
    background-color: #F006;
    height: 40px
}

.B {
    background-color: #0f06;
    display: flex;
    flex-direction: column
}

.ScrollList {
    border: 2px solid pink;
    background-color: #000a;
    margin: 16px 32px;
    overflow-y: auto;
    overflow-x: hidden;
    height: 200px;
    min-height: 40px
}

.FixedHeight {
    border: 2px outset red;
    height: 60px;
    margin: 4px 32px;
    background-color: #000a;
    margin-bottom: 16px
}

.VariableHeight {
    border: 2px inset blue;
    height: 60px;
    margin: 4px 32px;
    background-color: #000a
}

.C {
    background-color: #00f6;
    height: 40px
}

.largeThrobber {
    width: 64px;
    height: 64px;
    margin-bottom: 18px
}

.mediumThrobber {
    width: 32px;
    height: 32px;
    margin-bottom: 24px
}

.smallThrobber {
    width: 16px;
    height: 24px
}

.whiteText {
    color: #fff
}

.textLink {
    color: #fff;
    text-decoration: underline
}

.DesktopUI .title-area-icon,
.friendsui-container .title-area-icon {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0
}

.DesktopUI .title-area-icon-inner,
.friendsui-container .title-area-icon-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: stroke .15s ease-out
}

.DesktopUI .title-bar-actions,
.friendsui-container .title-bar-actions {
    max-height: 32px;
    inset-inline-end: 0;
    cursor: default
}

.DesktopUI .title-area-icon .SVGIcon_Minimize,
.DesktopUI .title-area-icon .SVGIcon_Maximize,
.DesktopUI .title-area-icon .SVGIcon_X_Line,
.DesktopUI .title-area-icon .SVGIcon_Restore,
.friendsui-container .title-area-icon .SVGIcon_Minimize,
.friendsui-container .title-area-icon .SVGIcon_Maximize,
.friendsui-container .title-area-icon .SVGIcon_X_Line,
.friendsui-container .title-area-icon .SVGIcon_Restore {
    margin: 0px;
    width: 16px;
    height: 16px
}

.DesktopUI .title-area-icon:hover,
.friendsui-container .title-area-icon:hover {
    background: #3d4450;
    transition: background .15s ease-out
}

.DesktopUI .title-area-icon.closeButton:hover,
.friendsui-container .title-area-icon.closeButton:hover {
    background: #e22a27;
    transition: background .15s ease-out
}

.DesktopUI .title-area-icon.minimizeButton svg,
.friendsui-container .title-area-icon.minimizeButton svg {
    transform: translateY(-4px)
}

.OSX .title-area-icon {
    width: 20px;
    height: 20px
}

.OSX .title-bar-actions .title-area-icon-inner {
    width: 16px;
    height: 16px;
    background-size: contain
}

.OSX .title-bar-actions .minimizeButton {
    order: 2
}

.OSX .title-bar-actions .maximizeButton,
.OSX .title-bar-actions .restoreButton {
    order: 1
}

.OSX .title-bar-actions .closeButton {
    order: 3
}

.OSX .title-bar-actions .minimizeButton .title-area-icon-inner {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAFBlWElmTU0AKgAAAAgAAgESAAMAAAABAAEAAIdpAAQAAAABAAAAJgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAAC+W0ztAAABWWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNi4wLjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyI+CiAgICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8L3RpZmY6T3JpZW50YXRpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgoZXuEHAAADGUlEQVRYCe2WXW7TQBDHZ+MEQYvaEEIpRVAKbwjEARAXQDwgbsBHRE8AVDyjAicoSoEbIB4QF0AcAIF4g1IQpZQQ0oqWj8Q28x970u2unZYH6EM7knfXszO/+Xvj7Jpo27b6Cpi/WYC3U3QqKBbPcs7pODbHDMVV5MdkGsbEb3j4POx0nh4dpxfwb8Q2JOD9NJ2I49J1LnV+b3Xf7v6+fqJSiSgIkhphSNRu0/LKMn1tfPlOZB4b075z+Aq9Wk/EugLe1YPLDLw1cuDg/tLgIFGhgEfONtCiiNqLizT36eNnDrx5pBbezw5OvD0FzNaLN8rlPZMDlQrRzl2rhXsJABfUnz9oqdmkVuvbxGitczsp57e5AmbqwcVKufJgYGiIl5qXG4bCcVrdFaEkwwMdh21aWligZqt5aawWPhSG0/B6+jY7RccLZO7Kk7vFRYSfk4hjPwSqOM4FAywwM7J4LsuC0sTw8EhVlh3zUtQC4z5yLi3qxvJPJyxmAuWaJ+DDPTrJFS/sKJfTwpxiP5UUgC/nQgVbBI+FxcyEjYBV8wREQfEc/9X65G1HXF7x7hyqsdmCuvfpHP9zwARbYq3GE8Dvzxn5nytQg/Veem70ZZRi6b0d4+SBCba6tfcERLEZk01GIwCFKTy5y2/tOM1FNG9cwnYyPQGyveoO5wTLrf3k7nyvOWbq1m2neQLsyf8x9gTgYCHs7XmGjSbPes0xU9hOriegYOIZHCxd03roddydzBjYcXY8M4XtpHgC+L15hlNNitkABUvPjf20sv3Cl4pEr5b6wARb3dp7Agph5wkfqSs41cQEnoa7BbQwpr05+FIlzAIT7JTU7TwBh67SS8589LvVsqAMSllrCtlFdQy0jLlJfcJiZsLu1paBJ0C8YXtyfn6ugSNVzAbCgXtk2hd8MDeWGcJiZhKwts0UMDpOryOKr+E8Jz5SxWywFrNZMs8O+yfDccwMsMC0w3WcKQCTOL/xMYHznH7xSmiBAg9QBL19qU/jOAe5YOR9C6AOwnvapn6SqbJN/ShVEej/xWe5zd8eb80V+ANWT1ySLtqWLQAAAABJRU5ErkJggg==)
}

.OSX .title-bar-actions .maximizeButton .title-area-icon-inner,
.OSX .title-bar-actions .restoreButton .title-area-icon-inner {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAFBlWElmTU0AKgAAAAgAAgESAAMAAAABAAEAAIdpAAQAAAABAAAAJgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAAC+W0ztAAABWWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNi4wLjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyI+CiAgICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8L3RpZmY6T3JpZW50YXRpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgoZXuEHAAADZUlEQVRYCe1WTU9TQRS90/JogNZSKLTCyrgzGpcuDDtX2hjDguDS+AdcqcS1MboUt65tCCEuiH8A3Ws07oyRoFJ90JIApal9z3vuvFen06nVxI8F3DCdmTtzzzlz5zEzREd22DOgfisB5cmzpNRFjjlPgTrJdT6K9ykRvuP2CwrDZzT/5VXk71v9moBy4TQpukUhXRnPT6RHhkfI8zxKJpNC0Gq1qNls0t7+Hm35X3d57lOee5/mK2/6Kegv4EnhOoPcLU5NF0azWUokEsTg2uI6RuE6CAKq7ezQ5qePFZ50h65WHkeznZVegnOIneXC7Wwu93Bqajp9LJPhhTEDk4YhfowgtLlgXClFQ0NDlM5k0uy63CglG7S899yY3dHsLaBcvJYdzS1OTkxSajDlJu6A0iLgghBsEYS0guBCozSwTsu7L+3p6HM+HbZUPMUrejCWGyNvwOsmj1YsWTDbgOJ+nCHEAgNYBEyHuQWE4ULheDGPFZiAEi+E/BNYxdwWQwQwgMWqFhz8jgwsFc5QqGZzo7ne5EKAlf4oOhtwRDQypvsaS80SsC3rzkBIpfF8frj9tRuAmlGTWjgy5BIBH7CAye2SHecQoGbwf45A2UtEQESUYlS9TMaMuZgXfw8aU83YsQO2g8lO4AvuMhFkeG0l/O8Hg1tautsOEEzGbjuiRncG+HiVE+4nK7VB+vYZKzo146O7HeIS0B78Fw2XAB9nu87jH5LA2yGYRL6N2C1A0XtcLF3GINE26yF0zBIFyBwesk0wGdv2OwSEa7jVkAGc62KohExXNkjcb5NHc+EXDI7XmOFaPDeuHQJodcv393GryTZEGnSbO/iLfTGKEOEnasTj0tc3JDB5fNUIkWa3gLnKa1LhSrVWjcgYpQNQ92WRaEbFRR6vXmOFKwRsy7oFYIJS9yqfN/16vd5bRIKZzWKkHWJicmAAC5gWt3TdAuY23zLIze3qNjW/8QdpAEoU9/WKrRqDxlzEAgNYBEyH9X4P8P2NxwTuc5xi3qAnq+r8MDVhLEZxRlBwxdUP6uRv+bRTqy7w0+yRg1tcvQVgmF8yjUvJjVq1ei7peelUKiUEECGFmaUGMbaAiYMwoGqtRhvrHyqNg4Mb/CRb7EUOP5LZ3/7ro9SU9xee5Sb8UftwZuA7dH9yjtYGuqwAAAAASUVORK5CYII=)
}

.OSX .title-bar-actions .closeButton .title-area-icon-inner {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAFBlWElmTU0AKgAAAAgAAgESAAMAAAABAAEAAIdpAAQAAAABAAAAJgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAAC+W0ztAAABWWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNi4wLjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyI+CiAgICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8L3RpZmY6T3JpZW50YXRpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgoZXuEHAAADPElEQVRYCe2Wz04UQRDGq2fZGFDisiyKRDDGmxEJFwkab56MB+MbqBefQCWeDerFi1f1DYwH4wsYJXgBxHgzRlAEWZY1KGiWnba+mq7ZmWlXMP7hIB26u7qr+lff9i7dTbRd/vcdML+yAe+ODQ7Uc/Z0QHQiJHPIWCphvTVUDsi+Dome5urm8f7nE1Ob5W5KwMzxo0dMGFzhRGdLpdKu1radRPk8US4X5anXiWo1Wlv9QuVy+TMLe2iD8GbfsxcvNxKyoYDZ4cGLobXXe3p69rYUdhMF/PltEyxoYUjr1U80Nze3EBhzrXds4m6TaJn+qYC3Q4NXO4qF0fZiB1FrayOxbaLAOBy6tTVaqSzTcqU6cmB84kYzEU0FzAwNnC8Ui/fa93QRtfB2o6QSZ0UkUCpkvUYrHxepWqlc6Bufuh9B0i3vp1/4kx8mE9yST+4l58QQgvypqgPMw+bCa4XBLGFGs6n2hwICY0e693WXZNsRrkBkdOxM9ggqPhega/irAwvMVGY38ATMDvf3WzLn8h0Fl0Mzcq+mCsFYqzolxgW6nQILTLCzIjwBIeXOlLo62+TXHkcz0DHFiO04wPk1MeYTQfyfAybYiRViegICSyfl/xzrdRtjFhuxnUUhHnMuQOPcLoAJdnZVS3YiNOagHDKxIybFbHGpOI3TXz7C+STihqv2bPLBJWw2k8XbATle9YRLRv6uzUw9upMoT0DS+S9sTwAuFsLZ/qcLM4Wd4XoCAmvf4GJpFD3huFcTTnznyaoLJEYDtWcnM4Wtca73BISGnuBWk2T6w4o5bMR2hoSh+FyAxolIvhqYCXZ2lScgoPqj8uLSKm61RmGaAmHEdiPCT54IYhaYYCdWiOkJ6B2bnjZkH9SWq1Ei3YVUYicCObSqKskrDfu45z+wwAR7QwEICK0Znf8wX8aVKqWZiDi7JkS02q5nBlhgRrB06+0A3Hx/vyIbXsZ9TnylSkmJYDj4qaoDzMPmgusYDGYJM5pNte5NlZqTwe33C5OXOju+BWF4akeeD0w8wZBR4ensEQA+qTz8yg+S8pJ7kEzeiQL81kn1HTqzpU8yFbGlj1IVgf5vPMuT/G37/9yB76xDW61IwmPKAAAAAElFTkSuQmCC)
}

.OSX .title-bar-actions:hover .minimizeButton .title-area-icon-inner {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAFBlWElmTU0AKgAAAAgAAgESAAMAAAABAAEAAIdpAAQAAAABAAAAJgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAAC+W0ztAAABWWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNi4wLjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyI+CiAgICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8L3RpZmY6T3JpZW50YXRpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgoZXuEHAAADUUlEQVRYCe2W604TURDH53Rbo0Cg1opYo4iXL0bjAxhfwBBDfAMvRJ5AJX42qE8AwcsbGBOML2B8AKPxGyIaKSLWQgQv7Xad/5yd9rBnC2hi+ACT7LnNzG9mZ3fPWaId2e4VMH9TgHfjdDbIZi+wz7koMscNRUX4R2QWjYmmefgyrNefHxuhV1jfjGwqgQ8P6HQU5W5yqKF9xf1dnR2dRLkcURDYGGFIVKvRyuoKfV388p3IPDWmdu/INXqzURIbJvB+MrjKwDulg4cO5Hp6iDIZ3HK6gNZoUG1piebKnz6z4e2jw+HDdGO7um4Cs5PZW/n83rHuQoFo955W4PUSABfUnz9ouVKhavXbaP9w/a4N57dtE5iZDC4X8oVH3b29XGouNwSBozh6MgklGR7oOKzR8sICVaqVKwPD4WNhJBqupy+z43QqQ+a+3HkyuCTh+9jkeB0JanLsCwZYYKZ4sS5NgtxoX1+pKGWHXoI6YMwbiUuDJm350QmLmUAlxUvg4wSd4YiXduXzcWB2ce9KAmCtzYUIbhI8FhYzLRsGLfESaATZQf7UOuRth1274E0dorG4CTXnsY6/HDDBFlun8RLg9+e8fOcKVGOdS8+NvowSLJ67Ngk/MMHWZe29BBqRGZBNRi0AhSjcztq3rp36wpo3LmEnPLOJOWfJ26vucKycmpqmcpk3N7x0LjzpqHN8grj41kqlLhq8eMJqmKlbt5qi9yrgKjEOQ0T+NwlDtwTpDK8COFg4KlfBqoaGTlpPrQBm7vN3udiEIHEF7CRu+bwQ9prFlApkTDSDg6UpMVOgOm4qUwawUTvtYcZMYSdcvEfARXuBU80LqGDpudG7BVC2X6xhHF9Yh8RzMMG2i63WSyAT1p/xkbqKU03E3dsVjh6igWWMeXw157Ehs8AEGypXvAQOX6fXTHryu1ptAdsloQHdHnSZcxOvC4uZlu2GT3kHRB3Wxubn5xZxpIq4QCxgjtTdC2uQpC0zhMVMa7C29SoAdf8IvW1QdAPnOfGRKuKCNZjVOHoeutXCccwMsMB0zXWcmgCUOL/xM4HznH5xJSQBVmR4gCDo3UvX1I594AtGu38BxIH5urKlv2Sa2Zb+lGoS6P/Hb7nL3xlvzwr8ATOEbGowob/yAAAAAElFTkSuQmCC)
}

.OSX .title-bar-actions:hover .maximizeButton .title-area-icon-inner,
.OSX .title-bar-actions:hover .restoreButton .title-area-icon-inner {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAFBlWElmTU0AKgAAAAgAAgESAAMAAAABAAEAAIdpAAQAAAABAAAAJgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAAC+W0ztAAABWWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNi4wLjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyI+CiAgICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8L3RpZmY6T3JpZW50YXRpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgoZXuEHAAADwUlEQVRYCe1WTWgTQRR+kzTG1rRpNDaxPWjRg4giguBBBA+etIr0IHoUwbMntXiWqkd7EzxbpBTB4llQr/6giBcRiz9NTU0q/THE7Pi+NzObzWZqVRAP+sjum3k/3/fm7WZ2iP7Lv94B9UsNGO/bTUod5pz9FKitrPM2v0wJ/ZrHj0jre3Ry9pm1r6p+roDxwk5SdIE0Hd+Q35hZ17WOUqkUJZNJIWg0GlSv12lxaZHmyp8WOPYOx16lk6UXq1WwegG3CmcY5HKxf6DQm81SIpEgBjfitENhHQQBVefnaebD+xIHXaJTpZs22qvMErwuNo4XLmZzuev9/QOZnu5uXhgzMKnWuEWSMOYLfqUUdXZ2Uqa7O8OmY7WhZI0mFh9GoluGKxcwXjyd7c2N9W3so/SatJd4euoJfXk9S9ltRQNqi0IheEQopBEEh2pDHdM0sfC0hdlOuJ8euV3cwSu6tj63nlIdqXZyu+LF9xVamJ4z3bDk0Q4hFxjAImB6xF+A1iOFTcU8VhAFlHwh51uAiy1y8Tj6WGSKG0kXgMX+EQ8/tRdwu7CLtBrO9eZWJrd8IDAFGr1SEQZLDROwY9JegKahDfl8V/i2gwQiZGDmn7MZj3GLH3EmxhgxJ/nnAJPHQ2KP3DwFqAP4nxsiyyTgBthH7vDEF4mF3f1jDKY64GKd9hRAg3iD2wT8AHfiVuoIrT0swsVZLZiaBmNm6ogbeJ6XHc6Svb37mJY+VM3L1lJAM/PVjfvYBJqCMS+tayBHm4/ukW7aXdNt3WFsewdClxnoBl7z35OfyfV1oMx7e74jyS5e8Zbje0Xjbxd/BLJyrm372YPcgWYLZJjguTOxxveCpYxbVNo7oOgNPixtAjwHCCcmmMvVdEhMcxrCCCZjhwY78BSgH+CrBmDs6yJQltCZbH6LCsltLJyCwfkGUz9oSeCJpwCamiuXl/BVC1coSIImNl8RPnKXDyxg8nxq9QJOlJ6T0pOVasWSoRU2Ld4JmbPbatcliWabW73B0pME7Ji0dwABSo2WPs6Ul5eXhdwBSa4rAi8ZsuUSNol1MS4HGMACpvhiN38BJ2Ze8qrPf658pvo3fiEjq3EEsK3NZ6izr8cQ89z5HDlygQEsAqZHXJrHxSYcSHpzo/ikui9jyxYdy3LEKA4rB/l8tTLCR7MrsdBwuvKBBCF8kqkdSb6rVir7kqlUJp1Ok+LWg0guZhJtbXgcgQ6oUq3Su+m3pdrXr+f4SDYWsnkGP+6AS/irh1JXBPQfOJZH4f+P/80OfAd9i5jKfa/HvgAAAABJRU5ErkJggg==)
}

.OSX .title-bar-actions:hover .closeButton .title-area-icon-inner {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAFBlWElmTU0AKgAAAAgAAgESAAMAAAABAAEAAIdpAAQAAAABAAAAJgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAAC+W0ztAAABWWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNi4wLjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyI+CiAgICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8L3RpZmY6T3JpZW50YXRpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgoZXuEHAAAEEUlEQVRYCe1WS29NURT+9rmttreutrfHq9GKGJHSdEIQESWhYiD+ASZmBhKP0FmFMmBgwADxB8TAo571FgbqFTNpKJXq7UPKfah7trX22fuce85xvBIxYOXec9bZe69vfWvtvdfewH/51zMgfiUBbxa1thQTcp0FLHMg5goJm+2lQMaCfOkAdxNFcWHWw94nP4v7UwReL13YLBxrJznaYNv25KpkNVBeDiQSrp9iEZiYQC77CZlM5iMROystp6vp3tPnPyLyQwL9S1q3OFLua2homF5WWwNYFL+MgWU0x8GXsQ8YGBgYtITY03i/90TMaNX8XQKvFrfuqkvX7k+l64CqKt+xjGEgNBy/cjmMj4xidGRs9+wHvQfiSMQSeL24ZVNtOn0yNW0qUEbpZgk4DpMogTJEvkxg/P0QxkZGNjc9eHLKBQk+KZ9RocjnQ1gHVeQR5+SYibD/wN98cDvrJGSrMAhLYbqtgec3CVhC7p4xc4at0s7DCfB0zx0cOHcZ2VxBAxiH5k1Zzxdw6PwVHL960ydBU8dYjBnwrD8iBPqXLFggITaW19XqCN1o3n7K4t77DDovXkM2n9d9TM795wp5dF3qwe3BIbyjsUp0phiLMRnb7fCfEQIOEuvtqfVJtdq9cRLbVi1HM+2C57TCOy9eJxImExR5oYCu7ht4NDyKeTVTsH31CrJ0iSsI2jmMydgepFYiBCyJ5Wqfq8g0CL2qKyuxp32lT6LbJaGcXyLntOLn1aSwd+1KpJKhHUP2jMnYYQJl4QZHiDmqyHgdmgRFVF1BJMjBvu4eNxNEYhJF5zlf04YUb1cVPe8KttW7gwqXwvZwXSWSAVVeTYULDeZPlQkiYaYj4JwjjxPCNKW7dEiEQGlnnE4VTkVu+hPCQoIr5G9IxIoPFnBtj5HwnJtMdOo1EWMGxlTYoQERApaUfXyw+GIqnEDuM632kgXXsbaNFl2bNx2KBO0Ib97N/DMYYSpsH1hpEQKOwG0+1ZStKanEIRw5O59MCy5ZWREkYbaox5sUtidMxg75R4SAheK5zNBwlk81XwSO9dz19nlHu+vc9CsS1Gam48i1W9RlGJBKWIzJ2MbGvCMEGu8/eyYgz0yMjgWyMJ1W+CI7Ddd5UvdpP+QrSXVib/sqLJ1mo6Ga+lk4g/RjLMZkbLfDf5bQ9Bv54CDbm41z59io1FvLHDC8t01p8E1cTaFpSDN9+Rz6X/ZlyHwFHcsvwiaRDPAANVA6O/g8Bx2pSgwgh6QjU1lmf+pvFP5mnYSPY8YgrG855yH6TsVqUA6/HXy8tb6uYDnO6opyKph8BTPO1VDj0Ly5m3RDjiIfzwzrC8njo0F0/0tT9RvC2l+9khkyf/VSakjw+09cy0vx/+v/Zga+AqZA4iPo8SRTAAAAAElFTkSuQmCC)
}

.OSX .title-bar-actions .minimizeButton:active .title-area-icon-inner {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAFBlWElmTU0AKgAAAAgAAgESAAMAAAABAAEAAIdpAAQAAAABAAAAJgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAAC+W0ztAAABWWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNi4wLjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyI+CiAgICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8L3RpZmY6T3JpZW50YXRpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgoZXuEHAAADg0lEQVRYCe1WS2sUQRCuntlN1slkTLILQjyJN1G8RDxIbp4kWYKHkBzFP+AjPoJnEWVVMF49uwQRIeIf8HFWFG8iiBhCNiHZZGN2k5m2qqdrMjsznawH8ZAUzHR3Pb76uqYfA3Ag+70C4m8KUL0Gp4VlXQAQ5ySI4wCyFMaLmgD5DcfvZRC8mXgEnzrF7YhAdQpOCrBvIeiYd7jPLRQKAHYOHyvM4wcA/jZsbm5CfXVlHZWvJPj3JyrwZS8iexJ4PmVfFgLuFgdKR3I9PQAWJpUGWEILAthuNGBpubYgJdyZrPjPDN5Kbe9mrN6wbnuu96S/VHItx0FXzddEgMCQrdXdDa7juJaEcvlMq/nig3xnymMkUJ2yL/W63ozT3weQ6wrjKTFOyyjKpEniJ8oXusDy5fny0NYPJPExK05/xHbT7HU4gZoHjteLJcdvTbJX8tArJMgcMVZhIJbGZK+ozSQghT1dHCiWoKs7dEwmpzGuu7aHk1IEVYnHiEFYhEmmpKQIzF6FU/ipL+ZcV88aQ+JlJ+DdHs7AJNBXYSGmwma7blMEpG2NeF6fo1Y7OZmSKwBmQn6xR9loTEoU3DmESdihYuedJgBiWO1zBmRfHitMHiSMrFY+2qZ1hImH1zBHcJsigPvomDpk2INbBuexqTX50cFF2AnRSzyuxeOVTzhUz839gvn53+GCi88sHpLs007EqQ0OHoKR0aOhVWHy0b0TkFGBHSP1fL/TrO1xncZmVEDUwA9KYIVn1NiYngFtu4hL1Elk1YeQrkCbke4LQOyEZFRAfqeLJSUEqvFTtrjC5KcwETshKQJ4rb6lW00liydkYKXjAaPpMauVj7ZpHWESNkdwmybgB6/r9ZUNutWU4OUSSSoBK9CDuzF3upiUIBZhCsSOsHQnRWD8MXzGb/1yex2v9Qg0hhrpECGrzxkoubYrLMRU2Gw3ESC9kP69peWlGrSaoZsCopcW6hL1+BMzq5nzGDEIizA5PN6mKkDG8YfwFZubG/U13P96QRIgl5ScTMIzJzvGKgzE0pipKOP/AN3f9DNB93k+j245vWMVCWSjEiVai8aYg56tJmys1mGtUZ+eqARPU5m1wkiA7PQnMzq09bOxvna2YOdcK5/HshM6CidKthJ/yXD9LC4uLDRbrSuTlWAmDMh+a7RsI2v/608pk6D2X/yWx/EP+vuzAn8AElJMQaTD/GUAAAAASUVORK5CYII=)
}

.OSX .title-bar-actions .maximizeButton:active .title-area-icon-inner,
.OSX .title-bar-actions .restoreButton:active .title-area-icon-inner {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAFBlWElmTU0AKgAAAAgAAgESAAMAAAABAAEAAIdpAAQAAAABAAAAJgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAAC+W0ztAAABWWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNi4wLjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyI+CiAgICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8L3RpZmY6T3JpZW50YXRpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgoZXuEHAAAD20lEQVRYCe1WS09TQRQ+01tuS2mhhRqMCxN8JRKJ7pQoO1cGDfEfGBPdulLRwEJUoktxZeIfcGFMJEaXiK7VaNwoIUGjKRZKH/RdxnNm5t7OfbTUhRvlhHLPnTnn+745M3dmAHbsf68A+6MCTMWPAmNnMOckANsPwJMyn6XRX0L/LXD+AmY2PnSK25mAG4kj0AXXgLOJ3r6+aDgUhmAwCIFAQPBsbW1BvV6HcqUMuWy2AIw/gxrcg7uZT9sJ2V7AdN9F4Mad/uTAYLQnigXQUriC15s4h8JmAdbTaylgjZtwK/u4nQijXSdMJa73xHofJJMD0Uh3RJITKZKARU4Aoo0cJmJCZggike4oB3audiJQgdflN9TrZ60FTMcvIPlcIh6Hri5TkTiJU/NfobiUgZ4D/RLbFsXAwCkKhUxocH66NspWYKH83k+AnER3z2T/MI7mfm8sBoYR9CWnlPKPPJS+5ZzZohpSKOUSBmGBwHSG0pu/AJNPJvoHkiaWUpbXOXLRtoXZ+s8ePbZrIgiDsAAxidBtXgFTiRFc7edjUVKO1mK+qdmae90XOSJP5eJDYCEmrqkRu185XgEMxvFTi4jVbpFYWepdEFpt6tlaBE4AfjmEiWt03JXmOwVj9J0L05nakFug/iIoEUBhjlmx1tNbAWBDtMl4DHF0PbL+VpQkoTdbhNWlnhKTDbmawY8pKXY4hZl6/gXKPwtywTV5HDgrj1xfGG1MOLTwnigMnj0otMpd09q6m+k+FWh2kscbLVidYb5vneT6VIClcW9PGgbuUci9e+KQBMdPzj0F1sj3XjqGMc39WOzW+tCwi84LjMFDy2l6mOrhy3SweAxB9GNAJ9R9EdPUYsNITL5sNyjHRwAs0qkmTGckUI8IhaIeNrkuQGEozEVnht9OyGEej9Qip3orUjupjQh/cszEHMIiTJzSeRtLOd4KzGQ+4nn+NF/IyxBCJmLLdBE+vhUmxctEgYWYQNgu8wqggCqbzayvpavViqoCAkksmU4+Zeo/d78SThiERZgy2fnfX8Ds+mcs3NVcPg+NBi5IAndXApvMgW4wd0WciFos5RIGYYHAdIbSW+v7AJ7fdJmg8zwYNMT5LkWooeIjNpyE2GG8FgpSRAugQz/8o5FncznYzOcn8Y740EstW1oLoH68ydRG4Xshv3ncCBpREy8m4pAS1VCs5AtSSUwLjq5kv1KrqVqtdAXJ51qRU3t7ARSxUHkHp8IvS9Vibzab3ceBm+IYpj40Imw0GjjiqiBeXU0VSuXiE6jDZbi98UpGtf5Pw+jc/sK1vHPynch/tQK/ATDafV/o8Q61AAAAAElFTkSuQmCC)
}

.OSX .title-bar-actions .closeButton:active .title-area-icon-inner {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAFBlWElmTU0AKgAAAAgAAgESAAMAAAABAAEAAIdpAAQAAAABAAAAJgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAAC+W0ztAAABWWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNi4wLjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyI+CiAgICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8L3RpZmY6T3JpZW50YXRpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgoZXuEHAAAEGUlEQVRYCe1WTWxMURQ+9810xkzfdMqM+Nn5p34aP9GFiI2ViDQWZSsSiR1tUsTaggWJYWFhwapKxELsxU8oZfyVSJGIoFrVaac1f33Pd+57d+bNe/MoiVjozcx7991z7ne+e865516i6fa/e0D8jgO6li5oFsHANiHEJoNoEZmUlPMFDWlEb0zTvGOWJm/sfv3uyVRxp0Sga8WiVTB6iEi0xhsb9HB4BlEwSKTBLDcDdEolyudzlBkZzRKZ10Dm+O6Xb55bCv7PXxLoXrF4r6HRseSsxJyArsMoppg+gIxmmDSZzdLQ8NcBzaCjbS/7z/toy+HAz4TdKxcfro/FTs9MJHStPgpVm6/5EwZCkDYjTHokosNrO1ob9fzlweHbfnZ8CXQ1Ldmjx2KpaGOcqC5kzfc17IYH0UCQ6sIhEoa5dUc89v7K4HDarcXfdhCrRVh5E0ZORGNwOYBkm7JxaCtdzJUYwLIxLSzHsyYBzD+SSMxKUjhsqWLgUvo5nb73kL4XCvZ0DoPzT5QrFunsvV662ItNoEgAg7EY02G33PUQ6F6+cDVCvTPICSfxrXh/+p6j+98ydPL+I4uE0zb6uWKBUj2P6e63ERrI5S0DTAI/iQVMiV02bXU8BExN2x6Px6My2x3K+9avoSa9nvqy4zaJYlnKK0/1pCk9OkbLkKz7NzSXZbKDncOYjF0tqJEDSJ/Ncp/LFfLDatFQiA62rK2Q6GFPFKXbUw8qxtuhg0KhplmhAAxjMnZFYPXsDKsMG0IskEWmMmT3TIpiNxzcuJZOwdXSEyARwurSqD288nbI9BAbZ+L2llU4KFwSW33bb08IMDdZrnAuZf6UnoAhFY4q486Vu+dy1VSl2yHzEnAI/boaig2vXLUAvgPij6Bq1AEcLLK2K3TXWyacjLnlduWJk3ZOuNQrn3xeMLareWhrpvmODxZvE5QrIdsdCdexcR3ivq4cDkkCO8ITfwYDpsR2AXsIIH1u8akmcwiuVc291dh4PUptJFRXTULVCTWRMfBjTMZWw+rtISAM43omk5ngU83ZLjx+Vt7nHS2WcSWXJDCmwnGu96kSWW9gMSZjVwtq1IG2V2+fgerVEo5UpxdmI8PXxxvIMo6txs5x/COoE+0g0TIzTvNwGspmr15iAVNiuxgwhKfxwWGY4uac+XOTJPc1VFRt92j7DKjwFfI08PHzkCbMLW0v+vvc2p4QsIKt2DkxBi9M2gmpAN0Itb6VLuZKDKLOWsZ5qu99gM9vvkzweV4XhBpfwdjnCtzPMMvZr1j5BM6G8ezYkV19/WdqqfOYLwEW8k2mtUH/kB3PtkS0gK4hztYhZRORxpx9TEKoJuG5wcEvA6Vc4UBbX3+Ksfwac/1l+6eXUie7v3Etd+JP9/9PD/wAtSvCj0qYdGAAAAAASUVORK5CYII=)
}

.friendsui-container .TitleBar.OSX:not(.WindowFocus) .title-bar-actions:not(:hover) .windowControlButton .title-area-icon-inner,
.DesktopUI .TitleBar.OSX:not(.WindowFocus) .title-bar-actions:not(:hover) .windowControlButton .title-area-icon-inner {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAFBlWElmTU0AKgAAAAgAAgESAAMAAAABAAEAAIdpAAQAAAABAAAAJgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAAC+W0ztAAABWWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNi4wLjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyI+CiAgICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8L3RpZmY6T3JpZW50YXRpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgoZXuEHAAACtElEQVRYCe2Wy4oTQRSGK/cLWQZcD+5EcZGEBMQXkFnIvIH6DmpwLaPzDuobDC7EFxAhIclCFHcy64EsQy6Tm/8f+w+nu6sncaGzmCnonFPn1PnO31WQauduxnXfgdTfbEC3272fyWQepVKpB6i7jaca1A9hf63X66/L5fJzs9n8FsR3mr0E9Hq9u+l0+gUaPy6VSpVsNusgxGG+aYDGDo3dYrFwk8lkhPnH1Wr1ttFo/NilYKcANH+GZq8rlcqtfD4famrhVszFxYUbjUbnEPUKIt7ZdVH/UgH9fv9luVw+LhQKjm/NN91nUAx3YzabufF43K7X62+S6hIFDAaDJ8Vi8T0EOGy/t7kE6e1tE8ZwDBTgptPp01qt9sHm5aflWNvpdO5gfgIBseZsqkc1mksQ4/QpnAyMk4BJPzS8AnK5XBtnXo1uuxrYhtYnWWvkk0EWmaHOwSQmAOd+D7kjnnsUJqgPZHPROrIwjgJ2qDwmANlDnHvZnquAsiTQt4+oWiPLOFlkwj3UOtmYAJzbQ25bdFig9bXOxqyvPJlkay4bE4DiA/7J+CAsSopflmNNwDxQY9mYACSqvu1XgbUE7ysoYOqve4vxCdgm/4fjEzC0b2V3IyqIuV151QRMXlqhERMA4BkvliRwUpzUpBzjAfMs1B2TmAD8fX7h/3h0WLj1tc7GrK88mWRrLhsTgMQn/H+PfcdgwfTtI6DWyDJOFplka51sTABuru9InvImsxD5sgJYq5wsc/TJwjgN2PS3IyaAmfl8foz7fMhti8KYZ8z3KEfLwTVkkEXmn2j41yug1Wr9xLLnuEY3V2pUhJoLpXl0Ha9jMsgKmCrZWq8AZnl/4/OqjWfzFhauajXWXJZxvjlryUj6FuD6xA8Swa70k8yIuLqPUomg/Ref5ZZ/41/PHfgNF2emIio7BFgAAAAASUVORK5CYII=)
}

.DesktopUI .OSX .title-area-icon:hover,
.friendsui-container .OSX .title-area-icon:hover {
    background: initial
}

.friendsui-container .OSX .title-bar-actions,
.DesktopUI .OSX .title-bar-actions.window-controls {
    margin-inline-start: 8px;
    order: 1;
    justify-content: flex-end
}

.friendsui-container .OSX .title-area-children,
.DesktopUI .OSX .title-area-children {
    order: 2
}

.friendsui-container .OSX .title-bar-actions.extra-actions,
.DesktopUI .OSX .title-bar-actions.extra-actions {
    order: 3;
    margin-inline-end: 8px
}

.DesktopUI .PopupFullWindow .OSX .title-bar-actions {
    padding: 0;
    margin-inline-start: 8px
}

.friendsui-container .title-area .title-bar-actions,
.DesktopUI .title-area .title-bar-actions {
    margin-inline-end: 0px
}

#dota_react_root .ModalPosition_TopBar {
    height: 3px;
    background: #ff6046
}

#dota_react_root .ModalPosition_Dismiss {
    inset-inline-end: 20px;
    top: 20px
}

#dota_react_root .ModalPosition_Dismiss .closeButton {
    width: unset;
    height: unset;
    padding: 8px 16px;
    cursor: pointer;
    border-radius: 3px;
    display: flex;
    background-color: rgba(168, 183, 196, .15);
    backdrop-filter: blur(16px);
    box-shadow: 0px 0px 0px #00000000;
    transition-property: background-color, box-shadow, transform;
    transition-duration: .2s;
    transition-timing-function: ease
}

#dota_react_root .ModalPosition_Dismiss .closeButton:hover {
    background-color: rgba(168, 183, 196, .4);
    box-shadow: 0px 4px 8px #0000004f;
    transform: translateY(-2px)
}

#dota_react_root .ModalPosition_Dismiss .closeButton .SVGIcon_Button {
    width: 24px;
    height: 24px
}

#dota_react_root .ModalPosition_Dismiss .closeButton .SVGIcon_X_Line line {
    stroke: #a9b2b6;
    stroke-width: 32px;
    transition-property: stroke;
    transition-duration: .2s;
    transition-timing-function: ease
}

#dota_react_root .ModalPosition_Dismiss .closeButton:hover .SVGIcon_X_Line line {
    stroke: #fff
}

#dota_react_root .DialogContent,
#dota_react_root .DialogContentTransition {
    background: linear-gradient(to bottom, #2c3237, #05060a);
    box-shadow: inset 0px 0px 0px 1px #ffffff0f
}

#dota_react_root .DialogContent_InnerWidth::-webkit-scrollbar {
    width: 8px
}

#dota_react_root .DialogContent_InnerWidth::-webkit-scrollbar-thumb {
    background-color: rgba(180, 192, 201, .4)
}

#dota_react_root .DialogContent_InnerWidth::-webkit-scrollbar-thumb:hover {
    background-color: rgba(180, 192, 201, .8)
}