@font-face {
    font-display: swap;
    font-family: Righteous;
    font-style: normal;
    font-weight: 400;
    src: local("Righteous-Regular"),url(https://v3.traincdn.com/genfiles/cms/1/desktop/fonts/Righteous/Righteous-Regular.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: italic;
    font-weight: 300;
    src: local("Roboto-LightItalic"),url(https://v3.traincdn.com/genfiles/cms/1/desktop/fonts/Roboto/Roboto-LightItalic.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: italic;
    font-weight: 400;
    src: local("Roboto-Italic"),url(https://v3.traincdn.com/genfiles/cms/1/desktop/fonts/Roboto/Roboto-Italic.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: italic;
    font-weight: 500;
    src: local("Roboto-MediumItalic"),url(https://v3.traincdn.com/genfiles/cms/1/desktop/fonts/Roboto/Roboto-MediumItalic.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: italic;
    font-weight: 700;
    src: local("Roboto-BoldItalic"),url(https://v3.traincdn.com/genfiles/cms/1/desktop/fonts/Roboto/Roboto-BoldItalic.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: italic;
    font-weight: 900;
    src: local("Roboto-BlackItalic"),url(https://v3.traincdn.com/genfiles/cms/1/desktop/fonts/Roboto/Roboto-BlackItalic.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Roboto Condensed;
    font-style: italic;
    font-weight: 300;
    src: local("RobotoCondensed-LightItalic"),url(https://v3.traincdn.com/genfiles/cms/1/desktop/fonts/RobotoCondensed/RobotoCondensed-LightItalic.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Roboto Condensed;
    font-style: italic;
    font-weight: 400;
    src: local("RobotoCondensed-Italic"),url(https://v3.traincdn.com/genfiles/cms/1/desktop/fonts/RobotoCondensed/RobotoCondensed-Italic.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Roboto Condensed;
    font-style: italic;
    font-weight: 700;
    src: local("RobotoCondensed-BoldItalic"),url(https://v3.traincdn.com/genfiles/cms/1/desktop/fonts/RobotoCondensed/RobotoCondensed-BoldItalic.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 300;
    src: local("RobotoCondensed-Light"),url(https://v3.traincdn.com/genfiles/cms/1/desktop/fonts/RobotoCondensed/RobotoCondensed-Light.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 400;
    src: local("RobotoCondensed-Regular"),url(https://v3.traincdn.com/genfiles/cms/1/desktop/fonts/RobotoCondensed/RobotoCondensed-Regular.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 700;
    src: local("RobotoCondensed-Bold"),url(https://v3.traincdn.com/genfiles/cms/1/desktop/fonts/RobotoCondensed/RobotoCondensed-Bold.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Noto Sans Myanmar;
    font-style: normal;
    font-weight: 700;
    src: url(/genfiles/cms/1/desktop/fonts/NotoSansMyanmar/NotoSansMyanmar-Bold.woff2) format("woff2"),url(/genfiles/cms/1/desktop/fonts/NotoSansMyanmar/NotoSansMyanmar-Bold.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Noto Sans Myanmar;
    font-style: normal;
    font-weight: 400;
    src: url(/genfiles/cms/1/desktop/fonts/NotoSansMyanmar/NotoSansMyanmar.woff2) format("woff2"),url(/genfiles/cms/1/desktop/fonts/NotoSansMyanmar/NotoSansMyanmar.woff) format("woff")
}

/*! rtl:begin:ignore */
.modals-container,.third-party-layout {
    text-rendering: optimizeLegibility;
    -webkit-text-decoration-skip: objects;
    text-decoration-skip: objects;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent
}

.modals-container *,.modals-container :after,.modals-container :before,.third-party-layout *,.third-party-layout :after,.third-party-layout :before {
    box-sizing: inherit
}

.modals-container :focus,.third-party-layout :focus {
    outline: none
}

.modals-container blockquote,.modals-container dd,.modals-container dl,.modals-container figure,.modals-container p,.third-party-layout blockquote,.third-party-layout dd,.third-party-layout dl,.third-party-layout figure,.third-party-layout p {
    margin: 0
}

.modals-container blockquote,.modals-container q,.third-party-layout blockquote,.third-party-layout q {
    quotes: none
}

.modals-container ol,.modals-container ul,.third-party-layout ol,.third-party-layout ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.modals-container table,.third-party-layout table {
    border-collapse: collapse;
    border-spacing: 0
}

.modals-container th,.third-party-layout th {
    font-weight: inherit;
    text-align: inherit
}

.modals-container h1,.modals-container h2,.modals-container h3,.modals-container h4,.modals-container h5,.modals-container h6,.third-party-layout h1,.third-party-layout h2,.third-party-layout h3,.third-party-layout h4,.third-party-layout h5,.third-party-layout h6 {
    font-size: inherit;
    font-weight: inherit;
    margin: 0
}

.modals-container audio,.modals-container video,.third-party-layout audio,.third-party-layout video {
    display: block
}

.modals-container img,.third-party-layout img {
    border: none;
    display: block;
    max-width: 100%
}

.modals-container iframe,.third-party-layout iframe {
    border: none
}

.modals-container code,.modals-container kbd,.modals-container pre,.modals-container samp,.third-party-layout code,.third-party-layout kbd,.third-party-layout pre,.third-party-layout samp {
    font-family: monospace,monospace;
    font-size: inherit
}

.modals-container a,.third-party-layout a {
    background-color: transparent;
    color: inherit;
    text-decoration: none
}

.modals-container abbr,.third-party-layout abbr {
    border: none;
    text-decoration: none
}

.modals-container b,.modals-container strong,.third-party-layout b,.third-party-layout strong {
    font-weight: inherit
}

.modals-container dfn,.modals-container em,.modals-container i,.third-party-layout dfn,.third-party-layout em,.third-party-layout i {
    font-style: inherit
}

.modals-container mark,.third-party-layout mark {
    background-color: transparent;
    color: inherit
}

.modals-container small,.third-party-layout small {
    font-size: inherit
}

.modals-container sub,.modals-container sup,.third-party-layout sub,.third-party-layout sup {
    font-size: inherit;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

.modals-container sub,.third-party-layout sub {
    bottom: -.25em
}

.modals-container sup,.third-party-layout sup {
    top: -.5em
}

.modals-container form,.third-party-layout form {
    margin: 0
}

.modals-container button,.modals-container input,.modals-container optgroup,.modals-container select,.modals-container textarea,.third-party-layout button,.third-party-layout input,.third-party-layout optgroup,.third-party-layout select,.third-party-layout textarea {
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    color: inherit;
    font: inherit;
    letter-spacing: inherit;
    margin: 0;
    padding: 0
}

.modals-container button,.modals-container input,.third-party-layout button,.third-party-layout input {
    overflow: visible
}

.modals-container button,.modals-container select,.third-party-layout button,.third-party-layout select {
    text-transform: none
}

.modals-container [type=button],.modals-container [type=reset],.modals-container [type=submit],.modals-container button,.third-party-layout [type=button],.third-party-layout [type=reset],.third-party-layout [type=submit],.third-party-layout button {
    -webkit-appearance: none;
    cursor: pointer
}

.modals-container textarea,.third-party-layout textarea {
    overflow-x: hidden;
    overflow-y: auto;
    resize: none
}

.modals-container [type=button]::-moz-focus-inner,.modals-container [type=reset]::-moz-focus-inner,.modals-container [type=submit]::-moz-focus-inner,.modals-container button::-moz-focus-inner,.third-party-layout [type=button]::-moz-focus-inner,.third-party-layout [type=reset]::-moz-focus-inner,.third-party-layout [type=submit]::-moz-focus-inner,.third-party-layout button::-moz-focus-inner {
    border: none;
    padding: 0
}

.modals-container [type=button]:-moz-focusring,.modals-container [type=reset]:-moz-focusring,.modals-container [type=submit]:-moz-focusring,.modals-container button:-moz-focusring,.third-party-layout [type=button]:-moz-focusring,.third-party-layout [type=reset]:-moz-focusring,.third-party-layout [type=submit]:-moz-focusring,.third-party-layout button:-moz-focusring {
    outline: none
}

.modals-container [type=number]::-webkit-inner-spin-button,.modals-container [type=number]::-webkit-outer-spin-button,.third-party-layout [type=number]::-webkit-inner-spin-button,.third-party-layout [type=number]::-webkit-outer-spin-button {
    height: auto
}

.modals-container [type=search],.third-party-layout [type=search] {
    outline: none
}

.modals-container [type=search]::-webkit-search-decoration,.third-party-layout [type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

.modals-container ::-webkit-file-upload-button,.third-party-layout ::-webkit-file-upload-button {
    -webkit-appearance: none;
    font: inherit
}

.modals-container fieldset,.third-party-layout fieldset {
    border: none;
    margin: 0;
    padding: 0
}

.modals-container legend,.third-party-layout legend {
    display: block;
    padding: 0;
    white-space: normal
}

.modals-container select,.third-party-layout select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.modals-container select::-ms-expand,.third-party-layout select::-ms-expand {
    display: none
}

.modals-container ::input-placeholder,.third-party-layout ::input-placeholder {
    color: inherit;
    opacity: 1;
    transition: opacity .3s
}

.modals-container ::-moz-input-placeholder,.third-party-layout ::-moz-input-placeholder {
    color: inherit;
    opacity: 1;
    -moz-transition: opacity .3s;
    transition: opacity .3s
}

.modals-container :placeholder,.third-party-layout :placeholder {
    color: inherit;
    opacity: 1;
    transition: opacity .3s
}

.modals-container :input-placeholder,.third-party-layout :input-placeholder {
    color: inherit;
    opacity: 1;
    transition: opacity .3s
}

.modals-container :focus::input-placeholder,.third-party-layout :focus::input-placeholder {
    opacity: 0
}

.modals-container :focus::-moz-input-placeholder,.third-party-layout :focus::-moz-input-placeholder {
    opacity: 0
}

.modals-container :focus:placeholder,.third-party-layout :focus:placeholder {
    opacity: 0
}

.modals-container :focus:input-placeholder,.third-party-layout :focus:input-placeholder {
    opacity: 0
}

.modals-container svg,.third-party-layout svg {
    display: block;
    height: 100%;
    width: 100%;
    fill: currentColor
}

.modals-container [hidden],.third-party-layout [hidden] {
    display: none
}

.modals-container .disabled,.modals-container :disabled,.third-party-layout .disabled,.third-party-layout :disabled {
    cursor: not-allowed
}

.modals-container ::-ms-clear,.third-party-layout ::-ms-clear {
    display: none
}

.modals-container :-webkit-autofill,.third-party-layout :-webkit-autofill {
    box-shadow: inset 0 0 6.25rem #fff;
    -webkit-text-fill-color: currentColor
}

.modals-container ::-moz-selection,.third-party-layout ::-moz-selection {
    background-color: Hsl(var(--primary-80-bg));
    color: Hsl(var(--primary-80-clr));
    -webkit-text-fill-color: Hsl(var(--primary-80-clr))
}

.modals-container ::selection,.third-party-layout ::selection {
    background-color: Hsl(var(--primary-80-bg));
    color: Hsl(var(--primary-80-clr));
    -webkit-text-fill-color: Hsl(var(--primary-80-clr))
}

.modals-container canvas,.third-party-layout canvas {
    image-rendering: pixelated
}

/*! rtl:end:ignore */
:root {
    --vh: 1vh;
    --browser-scrollbar-width: 0;
    --header-height: 0;
    --fz: 16
}

.default-layout-container {
    --font-family: "Roboto",sans-serif;
    --font-family-condensed: "Roboto Condensed",sans-serif;
    box-sizing: border-box;
    font-family: var(--font-family);
    font-size: 1rem
}

[xlang=bn] .default-layout-container,[xlang=hi] .default-layout-container,[xlang=hy] .default-layout-container,[xlang=my] .default-layout-container,[xlang=sd] .default-layout-container {
    line-height: var(--tall-langs-line-height,normal)!important;
    word-break: break-word
}

[xlang=my] .default-layout-container {
    --font-family: "Noto Sans Myanmar",sans-serif;
    --font-family-condensed: "Noto Sans Myanmar",sans-serif
}

.body--selection-modal-opened .default-layout__content {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

#desktop-modals-container {
    --hsl-bg: var(--primary--40-bg);
    --hsl-clr: var(--primary--40-clr);
    --hsl-clr-accent: var(--primary--40-clr-accent);
    --hsl-clr-decent: var(--primary--40-clr-decent);
    --hsl-clr-strong: var(--primary--40-clr-strong);
    --hsl-clr-strong-alt: var(--primary--40-clr-strong-alt);
    --hsl-clr-primary: var(--primary--40-clr-primary);
    --hsl-clr-good: var(--primary--40-clr-good);
    --hsl-clr-bad: var(--primary--40-clr-bad);
    --hsl-sep: var(--primary--40-sep);
    --hsl-sep-alt: var(--primary--40-sep-alt);
    background-color: Hsla(var(--hsl-bg),1);
    color: Hsla(var(--hsl-clr),1);
    --font-family: "Roboto",sans-serif;
    --font-family-condensed: "Roboto Condensed",sans-serif;
    box-sizing: border-box;
    font-family: var(--font-family);
    font-size: 1rem;
    overflow-x: hidden
}

[xlang=bn] #desktop-modals-container,[xlang=hi] #desktop-modals-container,[xlang=hy] #desktop-modals-container,[xlang=my] #desktop-modals-container,[xlang=sd] #desktop-modals-container {
    line-height: var(--tall-langs-line-height,normal)!important;
    word-break: break-word
}

[xlang=my] #desktop-modals-container {
    --font-family: "Noto Sans Myanmar",sans-serif;
    --font-family-condensed: "Noto Sans Myanmar",sans-serif
}

.body--blurred .page~#desktop-modals-container .v--final-modal-overlay {
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px)
}

#desktop-modals-container.theme-tp-gray--100 .v--final-modal-overlay {
    color: Hsla(var(--hsl-bg),1)
}

#desktop-modals-container.theme-tp-gray--100 .v--final-modal-overlay,.body--blurred #desktop-modals-container.theme-tp-gray--100 .v--final-modal-overlay {
    --hsl-bg: var(--thirdPartyGray--100-bg);
    --hsl-clr: var(--thirdPartyGray--100-clr);
    --hsl-clr-accent: var(--thirdPartyGray--100-clr-accent);
    --hsl-clr-decent: var(--thirdPartyGray--100-clr-decent);
    --hsl-clr-strong: var(--thirdPartyGray--100-clr-strong);
    --hsl-clr-strong-alt: var(--thirdPartyGray--100-clr-strong-alt);
    --hsl-clr-primary: var(--thirdPartyGray--100-clr-primary);
    --hsl-clr-good: var(--thirdPartyGray--100-clr-good);
    --hsl-clr-bad: var(--thirdPartyGray--100-clr-bad);
    --hsl-sep: var(--thirdPartyGray--100-sep);
    --hsl-sep-alt: var(--thirdPartyGray--100-sep-alt);
    background-color: Hsla(var(--hsl-bg),.5)
}

.preloader--theme-third-party-gray {
    --hsl-bg: var(--thirdPartyGray-0-bg);
    --hsl-clr: var(--thirdPartyGray-0-clr);
    --hsl-clr-accent: var(--thirdPartyGray-0-clr-accent);
    --hsl-clr-decent: var(--thirdPartyGray-0-clr-decent);
    --hsl-clr-strong: var(--thirdPartyGray-0-clr-strong);
    --hsl-clr-strong-alt: var(--thirdPartyGray-0-clr-strong-alt);
    --hsl-clr-primary: var(--thirdPartyGray-0-clr-primary);
    --hsl-clr-good: var(--thirdPartyGray-0-clr-good);
    --hsl-clr-bad: var(--thirdPartyGray-0-clr-bad);
    --hsl-sep: var(--thirdPartyGray-0-sep);
    --hsl-sep-alt: var(--thirdPartyGray-0-sep-alt);
    background-color: Hsla(var(--hsl-bg),1);
    color: Hsla(var(--hsl-clr),1)
}

.driver-active *,.driver-active .driver-overlay {
    pointer-events: none
}

.driver-active .driver-active-element,.driver-active .driver-active-element *,.driver-popover,.driver-popover * {
    pointer-events: auto
}

@keyframes animate-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.driver-fade .driver-overlay {
    animation: animate-fade-in .2s ease-in-out
}

.driver-fade .driver-popover {
    animation: animate-fade-in .2s
}

.driver-popover {
    all: unset;
    background-color: #fff;
    border-radius: .3125rem;
    box-shadow: 0 1px .625rem #0006;
    box-sizing: border-box;
    color: #2d2d2d;
    margin: 0;
    max-width: 18.75rem;
    min-width: 15.625rem;
    padding: .9375rem;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000000000
}

.driver-popover * {
    font-family: Helvetica Neue,Inter,ui-sans-serif,Apple Color Emoji,Helvetica,Arial,sans-serif
}

.driver-popover-title {
    display: block;
    font: 1.1875rem/normal sans-serif;
    font-weight: 700;
    line-height: 1.5;
    position: relative;
    zoom:1;margin: 0
}

.driver-popover-close-btn {
    all: unset;
    color: #d2d2d2;
    cursor: pointer;
    font-size: 1.125rem;
    font-weight: 500;
    height: 1.75rem;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    transition: color;
    transition-duration: .2s;
    width: 2rem;
    z-index: 1
}

.driver-popover-close-btn:focus,.driver-popover-close-btn:hover {
    color: #2d2d2d
}

.driver-popover-title[style*=block]+.driver-popover-description {
    margin-top: .3125rem
}

.driver-popover-description {
    font: .875rem/normal sans-serif;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 0;
    zoom:1}

.driver-popover-footer {
    margin-top: .9375rem;
    text-align: right;
    zoom:1;align-items: center;
    display: flex;
    justify-content: space-between
}

.driver-popover-progress-text {
    color: #727272;
    font-size: .8125rem;
    font-weight: 400;
    zoom:1}

.driver-popover-footer button {
    all: unset;
    background-color: #fff;
    box-sizing: border-box;
    color: #2d2d2d;
    cursor: pointer;
    display: inline-block;
    font: .75rem/normal sans-serif;
    outline: 0;
    padding: 3px .4375rem;
    text-decoration: none;
    text-shadow: 1px 1px 0 #fff;
    zoom:1;border: 1px solid #ccc;
    border-radius: 3px;
    line-height: 1.3
}

.driver-popover-footer .driver-popover-btn-disabled {
    opacity: .5;
    pointer-events: none
}

:not(body):has(>.driver-active-element) {
    overflow: hidden!important
}

.driver-no-interaction,.driver-no-interaction * {
    pointer-events: none!important
}

.driver-popover-footer button:focus,.driver-popover-footer button:hover {
    background-color: #f7f7f7
}

.driver-popover-navigation-btns {
    display: flex;
    flex-grow: 1;
    justify-content: flex-end
}

.driver-popover-navigation-btns button+button {
    margin-left: .25rem
}

.driver-popover-arrow {
    border: .3125rem solid #fff;
    content: "";
    position: absolute
}

.driver-popover-arrow-side-over {
    display: none
}

.driver-popover-arrow-side-left {
    border-bottom-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
    left: 100%
}

.driver-popover-arrow-side-right {
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
    right: 100%
}

.driver-popover-arrow-side-top {
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    top: 100%
}

.driver-popover-arrow-side-bottom {
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
    bottom: 100%
}

.driver-popover-arrow-side-center {
    display: none
}

.driver-popover-arrow-side-left.driver-popover-arrow-align-start,.driver-popover-arrow-side-right.driver-popover-arrow-align-start {
    top: .9375rem
}

.driver-popover-arrow-side-bottom.driver-popover-arrow-align-start,.driver-popover-arrow-side-top.driver-popover-arrow-align-start {
    left: .9375rem
}

.driver-popover-arrow-align-end.driver-popover-arrow-side-left,.driver-popover-arrow-align-end.driver-popover-arrow-side-right {
    bottom: .9375rem
}

.driver-popover-arrow-side-bottom.driver-popover-arrow-align-end,.driver-popover-arrow-side-top.driver-popover-arrow-align-end {
    right: .9375rem
}

.driver-popover-arrow-side-left.driver-popover-arrow-align-center,.driver-popover-arrow-side-right.driver-popover-arrow-align-center {
    margin-top: -.3125rem;
    top: 50%
}

.driver-popover-arrow-side-bottom.driver-popover-arrow-align-center,.driver-popover-arrow-side-top.driver-popover-arrow-align-center {
    left: 50%;
    margin-left: -.3125rem
}

.driver-popover-arrow-none {
    display: none
}

.ui-tutorial-popover-content[data-v-9eaefcb2] {
    --hsl-bg: var(--thirdPartyGray-95-bg);
    --hsl-clr: var(--thirdPartyGray-95-clr);
    --hsl-clr-accent: var(--thirdPartyGray-95-clr-accent);
    --hsl-clr-decent: var(--thirdPartyGray-95-clr-decent);
    --hsl-clr-strong: var(--thirdPartyGray-95-clr-strong);
    --hsl-clr-strong-alt: var(--thirdPartyGray-95-clr-strong-alt);
    --hsl-clr-primary: var(--thirdPartyGray-95-clr-primary);
    --hsl-clr-good: var(--thirdPartyGray-95-clr-good);
    --hsl-clr-bad: var(--thirdPartyGray-95-clr-bad);
    --hsl-sep: var(--thirdPartyGray-95-sep);
    --hsl-sep-alt: var(--thirdPartyGray-95-sep-alt);
    background-color: Hsla(var(--hsl-bg),1);
    color: Hsla(var(--hsl-clr),1)
}

.ui-tutorial-popover-content__header[data-v-9eaefcb2] {
    display: flex;
    justify-content: space-between;
    margin-bottom: .5rem
}

.ui-tutorial-popover-content__icon[data-v-9eaefcb2] {
    --hsl-bg: var(--accent-0-bg);
    --hsl-clr: var(--accent-0-clr);
    --hsl-clr-accent: var(--accent-0-clr-accent);
    --hsl-clr-decent: var(--accent-0-clr-decent);
    --hsl-clr-strong: var(--accent-0-clr-strong);
    --hsl-clr-strong-alt: var(--accent-0-clr-strong-alt);
    --hsl-clr-primary: var(--accent-0-clr-primary);
    --hsl-clr-good: var(--accent-0-clr-good);
    --hsl-clr-bad: var(--accent-0-clr-bad);
    --hsl-sep: var(--accent-0-sep);
    --hsl-sep-alt: var(--accent-0-sep-alt);
    align-items: center;
    background-color: Hsla(var(--hsl-bg),1);
    border-radius: 50%;
    color: Hsla(var(--hsl-clr),1);
    display: flex;
    height: 2.8125rem;
    justify-content: center;
    width: 2.8125rem
}

@media (max-width: 767px) {
    .ui-tutorial-popover-content__icon[data-v-9eaefcb2] {
        height:2.5rem;
        width: 2.5rem
    }

    .ui-tutorial-popover-content__icon-element[data-v-9eaefcb2] {
        height: 1.125rem;
        width: 1.125rem
    }
}

.ui-tutorial-popover-content__icon-element[data-v-9eaefcb2] .ico__svg {
    height: 1.25rem;
    width: 1.25rem
}

.ui-tutorial-popover-content__caption[data-v-9eaefcb2] {
    margin-left: auto
}

.ui-tutorial-popover-content__steps[data-v-9eaefcb2] {
    color: Hsl(var(--hsl-clr-decent))
}

.ui-tutorial-popover-content__body[data-v-9eaefcb2] {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1rem;
    margin-bottom: .75rem
}

@media (max-width: 767px) {
    .ui-tutorial-popover-content__body[data-v-9eaefcb2] {
        font-size:.75rem;
        font-weight: 400;
        line-height: .9rem
    }
}

.ui-tutorial-popover-content__footer[data-v-9eaefcb2] {
    display: flex;
    gap: .5rem
}

.ui-tutorial-popover-content__button[data-v-9eaefcb2] {
    width: 100%
}

html:has(.driver-active) {
    scroll-padding-bottom: calc(var(--bottom-navigation-height)*1px + 1rem);
    scroll-padding-top: calc(var(--header-height)*1px + 1rem)
}

#driver-popover-content {
    background-color: Hsl(var(--thirdPartyGray-95-bg));
    border-radius: var(--border-radius);
    max-width: 21.875rem;
    min-width: 21.875rem
}

@media (max-width: 767px) {
    #driver-popover-content {
        max-width:calc(100% - 1.875rem);
        min-width: calc(100% - 1.875rem);
        padding: .75rem
    }
}

/*! rtl:begin:ignore */
.driver-popover-arrow.driver-popover-arrow {
    --arrow-size: 0.625rem;
    --arrow-size-mobile: 0.5rem;
    border-width: var(--arrow-size)
}

@media (max-width: 767px) {
    .driver-popover-arrow.driver-popover-arrow {
        border-width:var(--arrow-size-mobile)
    }
}

.driver-popover-arrow.driver-popover-arrow.driver-popover-arrow-side-left {
    border-left-color: Hsl(var(--thirdPartyGray-95-bg));
    border-right-color: transparent;
    left: 100%;
    right: auto
}

.driver-popover-arrow.driver-popover-arrow.driver-popover-arrow-side-right {
    border-left-color: transparent;
    border-right-color: Hsl(var(--thirdPartyGray-95-bg));
    left: auto;
    right: 100%
}

.driver-popover-arrow.driver-popover-arrow.driver-popover-arrow-side-top {
    border-top-color: Hsl(var(--thirdPartyGray-95-bg))
}

.driver-popover-arrow.driver-popover-arrow.driver-popover-arrow-side-top.driver-popover-arrow-align-end {
    left: auto
}

.driver-popover-arrow.driver-popover-arrow.driver-popover-arrow-side-bottom {
    border-bottom-color: Hsl(var(--thirdPartyGray-95-bg))
}

.driver-popover-arrow.driver-popover-arrow.driver-popover-arrow-side-top.driver-popover-arrow-align-center {
    margin-left: -var(--arrow-size)
}

.driver-popover-arrow.driver-popover-arrow.driver-popover-arrow-side-right.driver-popover-arrow-align-center {
    margin-top: -var(--arrow-size)
}

.driver-popover-arrow.driver-popover-arrow.driver-popover-arrow-side-bottom.driver-popover-arrow-align-center {
    margin-left: -var(--arrow-size)
}

@media (max-width: 767px) {
    .driver-popover-arrow.driver-popover-arrow.driver-popover-arrow-align-start {
        left:var(--arrow-size-mobile);
        right: auto
    }

    .driver-popover-arrow.driver-popover-arrow.driver-popover-arrow-align-end {
        left: auto;
        right: var(--arrow-size)
    }
}

.driver-active-element {
    position: relative
}

.driver-active-element:before {
    border: 2px solid hsl(var(--focus));
    border-radius: var(--border-radius);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1000
}

.driver-active-element.filter-indicator:before {
    border-radius: 50%
}

.driver-overlay {
    z-index: 1150!important
}

.driver-popover.driver-popover {
    z-index: 2050
}

.driver-popover.driver-popover * {
    font-family: var(--font-family)
}

.driver-active.driver-active #app * {
    pointer-events: auto
}