@property --start {
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: false
}

@property --end {
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: false
}

@property --spinner-color {
    syntax: "<color>";
    initial-value: #7fcfff;
    inherits: false
}

html {
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

*,
:after,
:before {
    -moz-box-sizing: inherit;
    box-sizing: inherit
}

.AppContainer,
body,
html {
    height: 100vh;
    margin: 0;
    padding: 0
}

body {
    background-color: #0e0e0f;
    color: #e3e3e3;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: Google Sans Text, sans-serif;
    font-weight: 400;
    font-size: 14px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 20px
}

a {
    color: #7fcfff;
    text-decoration: none
}

h1 {
    color: #fff;
    font-family: Google Sans;
    font-style: normal;
    font-weight: 500;
    font-size: 32px;
    line-height: 40px;
    text-align: center
}

.AppContainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.TopNav {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(31, 31, 31, .7);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, .2);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    gap: 64px;
    height: 64px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 24px;
    top: 0;
    z-index: 1
}

.TopNav .LogoArea {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px
}

.TopNav .LogoArea .Divider {
    width: 1px;
    height: 32px;
    background: #444746
}

.TopNav .LogoArea .ProductName {
    font-family: Google Sans;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #e3e3e3;
    white-space: nowrap
}

@media screen and (max-width:639px) {
    .TopNav>.Button {
        display: none
    }
}

main {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -moz-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-top: 48px;
    margin-bottom: 80px
}

.page-home main {
    margin-top: 72px
}

@media screen and (min-width:1920px) {
    .page-home main {
        margin-top: 96px
    }
}

.PageContents {
    background-image: url(./background-gradient.svg);
    background-size: 4206.6666666667px 2902.6666666667px;
    background-position: 50% 0;
    background-repeat: no-repeat;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    height: 100vh;
    width: 100vw;
    overflow-y: auto;
    overflow-x: hidden
}

@media screen and (min-width:2440px) {
    .PageContents {
        background-size: 4732.5px 3265.5px;
        background-position: 50% -190px
    }
}

.PageContents:before {
    content: "";
    background-image: url(./background-top-curve.svg);
    background-size: 4206.6666666667px 2902.6666666667px;
    background-position: 50% -65px;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1
}

.PageContents.page-home {
    margin-top: -64px;
    padding-top: 64px;
    -webkit-perspective: 100px;
    perspective: 100px;
    -webkit-perspective-origin: top;
    perspective-origin: top;
    scrollbar-color: #444746 #000;
    scrollbar-width: thin
}

.PageContents.page-home:before {
    background-size: 8413.3333333333px 5805.3333333333px;
    background-position: 50% 0;
    left: -50%;
    height: 3780px;
    right: -50%;
    -webkit-transform: translateZ(-100px);
    transform: translateZ(-100px)
}

@media screen and (min-width:2440px) {
    .PageContents.page-home:before {
        background-size: 16826.6666666667px 11610.6666666667px;
        background-position: calc(50% + 100px) -550px
    }
}

@media screen and (min-width:1920px) and (max-width:2439px) {
    .PageContents.page-home:before {
        background-position: calc(50% - 92px) 600px
    }
}

@media screen and (min-width:1440px) and (max-width:1919px) {
    .PageContents.page-home:before {
        background-position: calc(50% + 364px) 364px
    }
}

@media screen and (min-width:1280px) and (max-width:1439px) {
    .PageContents.page-home:before {
        background-position: calc(50% - 72px) 246px
    }
}

@media screen and (min-width:960px) and (max-width:1279px) {
    .PageContents.page-home:before {
        background-position: calc(50% + 415px) 152px
    }
}

@media screen and (min-width:640px) and (max-width:959px) {
    .PageContents.page-home:before {
        background-position: calc(50% + 740px) -40px
    }
}

@media screen and (max-width:639px) {
    .PageContents.page-home:before {
        background-position: calc(50% + 919px) -42px
    }
}

.PageContents.page-home::-webkit-scrollbar {
    width: 16px
}

.PageContents.page-home::-webkit-scrollbar-track {
    margin-top: 64px;
    background: #000
}

.PageContents.page-home::-webkit-scrollbar-thumb {
    background: #28282c;
    border: 4px solid #000;
    border-radius: 8px;
    -webkit-transition: background .75s ease-in-out 0ms;
    transition: background .75s ease-in-out 0ms
}

.PageContents.page-home::-webkit-scrollbar-thumb:hover {
    background: #757575
}

.PageContents .BTRing {
    background-position: 50% var(--vertical-offset);
    background-repeat: no-repeat;
    background-size: var(--diameter) var(--diameter);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: calc(var(--diameter) + var(--vertical-offset));
    z-index: -1
}

.PageContents .BTRing__Large {
    background-image: url(./bt-wave-lg.svg);
    background-position: 50% calc(var(--vertical-offset)*.62);
    background-size: calc(var(--diameter)*.62) calc(var(--diameter)*.62);
    -webkit-transform: translateZ(38px);
    transform: translateZ(38px)
}

.PageContents .BTRing__Medium {
    background-image: url(./bt-wave-md.svg);
    background-position: 50% calc(var(--vertical-offset)*.8);
    background-size: calc(var(--diameter)*.8) calc(var(--diameter)*.8);
    -webkit-transform: translateZ(20px);
    transform: translateZ(20px)
}

.PageContents .BTRing__Small {
    background-image: url(./bt-wave-sm.svg);
    background-position: 50% calc(var(--vertical-offset)*.92);
    background-size: calc(var(--diameter)*.92) calc(var(--diameter)*.92);
    -webkit-transform: translateZ(8px);
    transform: translateZ(8px)
}

@media screen and (min-width:1920px) {
    .PageContents .BTRing {
        --vertical-offset: 268px;
        --diameter: 1328px
    }
}

@media screen and (min-width:1440px) and (max-width:1919px) {
    .PageContents .BTRing {
        --vertical-offset: 254px;
        --diameter: 1136px
    }
}

@media screen and (min-width:1280px) and (max-width:1439px) {
    .PageContents .BTRing {
        --vertical-offset: 274px;
        --diameter: 944px
    }
}

@media screen and (min-width:960px) and (max-width:1279px) {
    .PageContents .BTRing {
        --vertical-offset: 288px;
        --diameter: 848px
    }
}

@media screen and (min-width:640px) and (max-width:959px) {
    .PageContents .BTRing {
        --vertical-offset: 400px;
        --diameter: 560px
    }

    .PageContents .BTRing__Large {
        background-position: 50% calc(var(--vertical-offset)*.76);
        background-size: calc(var(--diameter)*.76) calc(var(--diameter)*.76);
        -webkit-transform: translateZ(24px);
        transform: translateZ(24px)
    }

    .PageContents .BTRing__Medium {
        background-position: 50% calc(var(--vertical-offset)*.88);
        background-size: calc(var(--diameter)*.88) calc(var(--diameter)*.88);
        -webkit-transform: translateZ(12px);
        transform: translateZ(12px)
    }

    .PageContents .BTRing__Small {
        background-position: 50% calc(var(--vertical-offset)*.96);
        background-size: calc(var(--diameter)*.96) calc(var(--diameter)*.96);
        -webkit-transform: translateZ(4px);
        transform: translateZ(4px)
    }
}

@media screen and (max-width:639px) {
    .PageContents .BTRing {
        display: none
    }
}

.Footer {
    margin-top: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 32px 64px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(14, 14, 15, 0)), to(#0e0e0f));
    background: -webkit-linear-gradient(top, rgba(14, 14, 15, 0), #0e0e0f);
    background: linear-gradient(180deg, rgba(14, 14, 15, 0), #0e0e0f)
}

@media screen and (min-width:640px) {
    .Footer {
        height: 104px
    }
}

.Footer .FooterContent {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -moz-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.Footer .FooterContent .FooterLeft {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px
}

.Footer .FooterContent .FooterLeft .FooterLinks {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 16px
}

.Footer .FooterContent .FooterLeft .FooterLinks .FooterLink {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 4px 8px;
    font-family: Google Sans Text;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    letter-spacing: .1px;
    color: #e3e3e3
}

.Footer .FooterContent .FooterLeft .FooterLinks .FooterLink a {
    color: inherit
}

.Footer .FooterLanguage {
    display: grid;
    grid-template-areas: "select";
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: Google Sans Text;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .1px
}

.Footer .FooterLanguage select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    padding: 0 26px 0 0;
    margin: 0;
    width: 100%;
    font-family: inherit;
    font-size: inherit;
    cursor: inherit;
    line-height: inherit;
    grid-area: select;
    color: #c4c7c5
}

.Footer .FooterLanguage select option {
    background-color: #28282c
}

.Footer .FooterLanguage:after {
    content: "arrow_drop_down" /"";
    font-family: Google Symbols;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    color: #c4c7c5;
    height: 1em;
    width: 1em;
    grid-area: select;
    justify-self: end;
    pointer-events: none
}

@media screen and (max-width:639px) {
    .Footer {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 24px 24px 48px
    }

    .Footer .FooterContent {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 24px
    }

    .Footer .FooterContent .FooterLeft {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media screen and (min-width:640px) and (max-width:959px) {
    .Footer {
        padding: 32px
    }
}

@media screen and (min-width:960px) and (max-width:1279px) {
    .Footer {
        padding: 32px 48px
    }
}

.WarningBanner {
    padding: 8px;
    color: #f9dedc;
    background-color: #8c1d18;
    font-family: Google Sans Text;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    text-align: center
}

.WarningBanner+.WarningBanner {
    padding-top: 0
}

.HeroContentContainer {
    background-image: url(./hero-background-rocket.svg);
    background-size: 100% auto;
    background-position: bottom;
    background-repeat: no-repeat;
    text-align: center
}

@media screen and (max-width:639px) {
    .HeroContentContainer {
        background-image: url(./hero-background-all.svg)
    }
}

.HeroContentContainer .HeroContent {
    margin: 0 0 56px
}

@media screen and (min-width:960px) and (max-width:1279px) {
    .HeroContentContainer .HeroContent {
        margin: 0 7.5%;
        margin-bottom: 8px
    }
}

@media screen and (min-width:1280px) and (max-width:1439px) {
    .HeroContentContainer .HeroContent {
        margin: 0 12.7%;
        margin-bottom: 18px
    }
}

@media screen and (min-width:1440px) and (max-width:1919px) {
    .HeroContentContainer .HeroContent {
        margin: 0 15.8%;
        margin-bottom: 40px
    }
}

@media screen and (min-width:1920px) {
    .HeroContentContainer .HeroContent {
        margin: 0 19.9%;
        margin-bottom: 54px
    }
}

.HeroContentContainer .LogoMark {
    margin: 0 0 24px
}

.HeroContentContainer h1 {
    color: #e3e3e3;
    font-size: 40px;
    line-height: 48px;
    margin: 0 0 24px
}

@media screen and (min-width:1920px) {
    .HeroContentContainer h1 {
        font-size: 48px;
        line-height: 56px;
        margin-bottom: 32px
    }
}

.HeroContentContainer [role=doc-subtitle] {
    color: #c4c7c5;
    font-family: Google Sans Text;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 64px;
    text-align: center;
    white-space: pre-line
}

.HeroContentContainer .ButtonAndMetatext {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px
}

.HeroContentContainer .ButtonAndMetatext .Metatext {
    font-family: Google Sans Text;
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    line-height: 16px;
    color: #8e918f
}

.HeroContentContainer img {
    aspect-ratio: 1.4560216509;
    -webkit-filter: drop-shadow(0 -20px 75px rgba(0, 0, 0, .5));
    filter: drop-shadow(0 -20px 75px rgba(0, 0, 0, .5));
    width: 100%
}

.ErrorContentContainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 24px;
    gap: 32px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -moz-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.TopLeftContent {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 0 0 36px;
    padding-left: 64px
}

.PanelInstructions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px
}

.PanelInstructions .IconAndHeading {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px
}

.PanelInstructions .IconAndHeading .Icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 48px;
    height: 48px;
    font-family: Google Symbols;
    font-style: normal;
    font-weight: 400;
    font-size: 48px;
    text-align: center;
    color: #ff7070
}

.PanelInstructions h1 {
    color: #fff;
    font-size: 24px;
    line-height: 32px;
    margin: 0
}

@media screen and (min-width:960px) {
    .PanelInstructions h1 {
        font-size: 28px;
        line-height: 36px
    }
}

.PanelInstructions p {
    text-align: center
}

.PanelInstructions [role=doc-subtitle] {
    color: #c4c7c5;
    font-family: Google Sans Text;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    white-space: pre-line
}

@media screen and (min-width:960px) {
    .PanelInstructions [role=doc-subtitle] {
        font-size: 16px;
        line-height: 24px
    }
}

.PanelInstructions .Stepper {
    width: 408px;
    margin: 0 0 8px
}

@media screen and (max-width:959px) {
    .PanelInstructions [role=doc-subtitle] {
        white-space: normal
    }
}

.EmptyStepper .PanelInstructions {
    padding: 48px 0 0
}

.ErrorContent {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
    font-family: Google Sans Text;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #c4c7c5
}

.ErrorContent .Legal {
    font-family: Google Sans Text;
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 14px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    letter-spacing: .1px;
    color: #c4c7c5;
    max-width: 304px
}

.PanelContent {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: stretch;
    -webkit-justify-content: stretch;
    -moz-box-pack: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch
}

.PanelContent .PanelTopButtonRow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 40px;
    gap: 8px
}

.PanelContent .PanelTopButtonRow .TopButtonHelpText {
    text-align: center;
    font-family: Google Sans Text;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .1px;
    color: #c4c7c5
}

.PanelContent .DialogImageWithTipAndHelpText {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 18px
}

.PanelContent .DialogImageWithTipAndHelpText .DialogImageWithTip {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    gap: 4px
}

.PanelContent .DialogImageWithTipAndHelpText .DialogImageWithTip .DialogImage {
    border: 1px solid #444746;
    border-radius: 24px 24px 6px 6px;
    box-shadow: 0 15px 60px rgba(0, 0, 0, .2);
    max-width: 100%
}

.PanelContent .DialogImageWithTipAndHelpText .DialogImageWithTip .DialogTip {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 16px 20px;
    gap: 8px;
    background: #1e1e20;
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
    border-radius: 6px 6px 24px 24px
}

.PanelContent .DialogImageWithTipAndHelpText .DialogImageWithTip .DialogTip .DialogTipContent {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px
}

.PanelContent .DialogImageWithTipAndHelpText .DialogImageWithTip .DialogTip .DialogTipContent .DialogTipIcon {
    font-family: Google Symbols;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    color: #7fcfff;
    width: 20px;
    height: 20px
}

.PanelContent .DialogImageWithTipAndHelpText .DialogImageWithTip .DialogTip .DialogTipContent .DialogTipText {
    font-family: Google Sans Text;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .1px;
    color: #c4c7c5
}

.PanelContent .DialogImageWithTipAndHelpText .DialogHelpText {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    font-family: Google Sans Text;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .1px;
    color: #8e918f
}

.PanelContent p {
    text-align: center
}

.ButtonStack {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    gap: 12px
}

.PanelBottomBarContainer {
    height: 40px
}

.PanelBottomButtonBar__InnerContainer {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.PanelBottomButtonBar .RightButtons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px
}

.panelBottomBarDocked .PanelBottomButtonBar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(31, 31, 31, .7);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    bottom: 0;
    box-shadow: 0 -4px 8px rgba(0, 0, 0, .2);
    border-top: 1px solid rgba(68, 71, 70, .5);
    left: 0;
    position: fixed;
    height: 80px;
    width: 100%
}

.panelBottomBarDocked .PanelBottomButtonBar .PanelBottomButtonBar__InnerContainer {
    width: 100%
}

@media screen and (min-width:640px) and (max-width:959px) {
    .panelBottomBarDocked .PanelBottomButtonBar .PanelBottomButtonBar__InnerContainer {
        width: 560px
    }
}

@media screen and (min-width:960px) and (max-width:1279px) {
    .panelBottomBarDocked .PanelBottomButtonBar .PanelBottomButtonBar__InnerContainer {
        width: 848px
    }
}

@media screen and (min-width:1280px) and (max-width:1439px) {
    .panelBottomBarDocked .PanelBottomButtonBar .PanelBottomButtonBar__InnerContainer {
        width: 944px
    }
}

@media screen and (min-width:1440px) and (max-width:1919px) {
    .panelBottomBarDocked .PanelBottomButtonBar .PanelBottomButtonBar__InnerContainer {
        width: 1136px
    }
}

@media screen and (min-width:1920px) {
    .panelBottomBarDocked .PanelBottomButtonBar .PanelBottomButtonBar__InnerContainer {
        width: 1328px
    }
}

@media screen and (max-width:639px) {
    .PanelBottomButtonBar__InnerContainer {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -moz-box-orient: vertical;
        -moz-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 12px
    }

    .PanelBottomButtonBar .RightButtons {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .panelBottomBarDocked .PanelBottomButtonBar {
        height: auto;
        padding: 20px 0
    }
}

.CardsAction {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    gap: 16px
}

.CardsAction .ActionCard {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50px;
    -moz-box-flex: 1;
    -ms-flex: 1 1 50px;
    flex: 1 1 50px
}

@media screen and (min-width:959px) {
    .CardsAction {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .CardsAction .ActionCard {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 calc(50% - 8px);
        -moz-box-flex: 1;
        -ms-flex: 1 1 calc(50% - 8px);
        flex: 1 1 calc(50% - 8px)
    }
}

@media screen and (max-width:959px) {
    .CardsAction .CardsActionRow {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.InstructionCards {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    gap: 16px
}

.InstructionCards .InstructionCard {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50px;
    -moz-box-flex: 1;
    -ms-flex: 1 1 50px;
    flex: 1 1 50px
}

@media screen and (max-width:959px) {
    .InstructionCards {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.LoadingContent {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px;
    height: 523px
}

.LoadingContent .LoadingText {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px
}

.LoadingContent .LoadingText .Major {
    font-family: Google Sans Text;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #e3e3e3;
    text-align: center
}

.LoadingContent .LoadingText .Minor {
    font-family: Google Sans Text;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #c4c7c5;
    text-align: center
}

input[type=checkbox i] {
    accent-color: #a8c7fa;
    width: 18px;
    height: 18px;
    margin: 3px
}

input[type=checkbox i]:not(:checked) {
    -webkit-filter: grayscale(100%) brightness(.88) invert(100%) brightness(1.3);
    filter: grayscale(100%) brightness(.88) invert(100%) brightness(1.3)
}

.ProgressBar {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 4px;
    width: 280px;
    -webkit-transition: value .1s;
    transition: value .1s
}

.ProgressBar::-webkit-progress-bar {
    background-color: #444746
}

.ProgressBar::-webkit-progress-value {
    background: #7fcfff;
    -webkit-transition: width .15s linear 0ms;
    transition: width .15s linear 0ms
}

.ProgressCircle {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 48px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 48px
}

.ProgressCircleInnerContainer {
    -webkit-animation: spinner-rotation 1568ms linear 0s infinite both;
    animation: spinner-rotation 1568ms linear 0s infinite both;
    height: 36px;
    width: 36px
}

.ProgressCircle progress {
    -webkit-animation: spinner-sequence 5332ms cubic-bezier(.4, 0, .2, 1) 0s infinite both;
    animation: spinner-sequence 5332ms cubic-bezier(.4, 0, .2, 1) 0s infinite both;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: conic-gradient(transparent 0deg, transparent var(--start), var(--spinner-color) var(--start), var(--spinner-color) var(--end), transparent var(--end), transparent 1turn);
    border: none;
    border-radius: 100%;
    height: 36px;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36"><circle cx="18" cy="18" r="14" /></svg>') 0/100% 100%, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
    -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36"><circle cx="18" cy="18" r="14" /></svg>') 0/100% 100%, -webkit-linear-gradient(#fff, #fff);
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36"><circle cx="18" cy="18" r="14" /></svg>') 0/100% 100%, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36"><circle cx="18" cy="18" r="14" /></svg>') 0/100% 100%, linear-gradient(#fff, #fff);
    -webkit-mask-composite: destination-out;
    mask-composite: destination-out;
    width: 36px
}

.ProgressCircle progress::-webkit-progress-bar {
    display: none
}

.Scrim {
    position: fixed;
    top: 0;
    left: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    opacity: 1;
    background-color: rgba(0, 0, 0, .6);
    z-index: 2
}

.Dialog {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding: 32px 24px 24px;
    gap: 40px;
    background: #28282c;
    color: #e3e3e3;
    box-shadow: 0 8px 12px 6px rgba(0, 0, 0, .15), 0 4px 4px rgba(0, 0, 0, .3);
    border-width: 0;
    border-radius: 24px;
    width: 400px
}

.Dialog.large {
    width: 700px
}

.Dialog::-webkit-backdrop {
    background: rgba(0, 0, 0, .6)
}

.Dialog::backdrop {
    background: rgba(0, 0, 0, .6)
}

.Dialog .Content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    gap: 32px
}

.Dialog .Content .HeadingDescriptionIcon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px
}

.Dialog .Content .HeadingDescriptionIcon .Icon {
    font-family: Google Symbols;
    font-style: normal;
    font-weight: 400;
    font-size: 32px;
    line-height: 32px
}

.Dialog .Content .HeadingDescriptionIcon .Icon.high {
    color: #ff7070
}

.Dialog .Content .HeadingDescriptionIcon .Icon.low {
    color: #7fcfff
}

.Dialog .Content .HeadingDescriptionIcon h2 {
    margin: 0;
    font-family: Google Sans;
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    color: #e3e3e3
}

.Dialog .Content .HeadingDescriptionIcon .Description {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
    font-family: Google Sans Text;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #c4c7c5;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    white-space: pre-line
}

.Dialog .Content .HeadingDescriptionIcon .Description p {
    margin: 0
}

.Dialog .Content .Checkbox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px
}

.Dialog .Content .Checkbox label {
    font-family: Google Sans Text;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #e3e3e3
}

.Dialog .ErrorDetailsContainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    gap: 4px;
    padding: 8px 16px;
    background: #1f1f1f;
    border-radius: 8px
}

.Dialog .ErrorDetailsContainer .DogfoodOnlyLabel {
    font-family: Google Sans Text;
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    line-height: 16px;
    color: #8e918f
}

.Dialog .ErrorDetailsContainer .ErrorDetails {
    font-family: "monospace";
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #e3e3e3;
    white-space: pre-wrap
}

.Dialog .ButtonRow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0;
    gap: 12px
}

.Modal__GettingStarted {
    color: #c4c7c5;
    gap: 0;
    padding: 0;
    width: 520px
}

.Modal__GettingStarted .ModalHeader {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #444746;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    height: 64px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0 8px 0 24px
}

.Modal__GettingStarted .ModalHeader>.Icon {
    color: #7fcfff;
    font-family: Google Symbols;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

.Modal__GettingStarted .ModalHeader h2 {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

.Modal__GettingStarted .ModalContent {
    min-height: 452px;
    padding: 32px 40px
}

.Modal__GettingStarted .ModalContent .ModalContent__Panel {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px
}

.Modal__GettingStarted .ModalContent .ModalContent__Panel>* {
    margin: 0
}

.Modal__GettingStarted .ModalContent .ModalContent__Panel h3 {
    font-size: 22px;
    font-weight: 400;
    line-height: 28px
}

.Modal__GettingStarted .ModalContent .ModalContent__Panel img {
    border-color: rgba(68, 71, 70, .5);
    margin-top: 24px;
    max-width: 100%
}

.Modal__GettingStarted .ModalContent .ModalContent__Panel .LEDStatusList {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
    margin: 24px 0 0;
    padding: 0
}

.Modal__GettingStarted .ModalContent .ModalContent__Panel .LEDStatusList .LEDStatus {
    border: 1px solid rgba(68, 71, 70, .5);
    border-radius: 8px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px;
    height: 88px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    overflow: hidden;
    padding: 0 0 0 112px;
    position: relative
}

.Modal__GettingStarted .ModalContent .ModalContent__Panel .LEDStatusList .LEDStatus:after,
.Modal__GettingStarted .ModalContent .ModalContent__Panel .LEDStatusList .LEDStatus:before {
    bottom: -1px;
    content: "";
    position: absolute;
    top: -1px;
    z-index: -1
}

.Modal__GettingStarted .ModalContent .ModalContent__Panel .LEDStatusList .LEDStatus:before {
    background-size: auto, contain;
    left: -1px;
    width: 89px
}

.Modal__GettingStarted .ModalContent .ModalContent__Panel .LEDStatusList .LEDStatus:after {
    background: rgba(232, 234, 237, .06);
    left: 88px;
    right: -1px
}

.Modal__GettingStarted .ModalContent .ModalContent__Panel .LEDStatusList .LEDStatus__Description,
.Modal__GettingStarted .ModalContent .ModalContent__Panel .LEDStatusList .LEDStatus__State {
    margin: 0;
    padding: 0
}

.Modal__GettingStarted .ModalContent .ModalContent__Panel .LEDStatusList .LEDStatus__State {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

.Modal__GettingStarted .ModalContent .ModalContent__Panel .LEDStatusList .LEDStatus__FlashingOrange:before {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(232, 234, 237, .1)), to(rgba(232, 234, 237, .1))), url(./LED_Flashing_Orange.svg);
    background-image: -webkit-linear-gradient(bottom, rgba(232, 234, 237, .1), rgba(232, 234, 237, .1)), url(./LED_Flashing_Orange.svg);
    background-image: linear-gradient(0deg, rgba(232, 234, 237, .1), rgba(232, 234, 237, .1)), url(./LED_Flashing_Orange.svg)
}

.Modal__GettingStarted .ModalContent .ModalContent__Panel .LEDStatusList .LEDStatus__FlashingWhite:before {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(232, 234, 237, .1)), to(rgba(232, 234, 237, .1))), url(./LED_Flashing_White.svg);
    background-image: -webkit-linear-gradient(bottom, rgba(232, 234, 237, .1), rgba(232, 234, 237, .1)), url(./LED_Flashing_White.svg);
    background-image: linear-gradient(0deg, rgba(232, 234, 237, .1), rgba(232, 234, 237, .1)), url(./LED_Flashing_White.svg)
}

.Modal__GettingStarted .ModalContent .ModalContent__Panel .LEDStatusList .LEDStatus__SolidWhite:before {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(232, 234, 237, .1)), to(rgba(232, 234, 237, .1))), url(./LED_Solid_White.svg);
    background-image: -webkit-linear-gradient(bottom, rgba(232, 234, 237, .1), rgba(232, 234, 237, .1)), url(./LED_Solid_White.svg);
    background-image: linear-gradient(0deg, rgba(232, 234, 237, .1), rgba(232, 234, 237, .1)), url(./LED_Solid_White.svg)
}

.Modal__GettingStarted .ModalFooter {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid #444746;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 88px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 24px 0 8px;
    position: relative
}

.Modal__GettingStarted .ModalFooter__LeftControls,
.Modal__GettingStarted .ModalFooter__RightControls {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px
}

.Modal__GettingStarted .ModalFooter__StepContainer {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 50%;
    position: absolute;
    top: 50%;
    translate: -50% -50%
}

.Modal__GettingStarted .ModalFooter__StepContainer .ModalStep {
    background: #0e0e0f;
    border-radius: 5px;
    height: 10px;
    width: 10px
}

.Modal__GettingStarted .ModalFooter__StepContainer .ModalStep+.ModalStep {
    margin-left: 16px
}

.Modal__GettingStarted .ModalFooter__StepContainer .ModalStep.active {
    background: #7fcfff
}

.Grid {
    display: grid;
    grid-template-rows: auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto
}

.Grid .GridSpan4Center {
    grid-column: span 4/span 4;
    grid-column-start: 5
}

.Grid .GridSpan6Center {
    grid-column: span 6/span 6;
    grid-column-start: 4
}

.Grid .GridSpan8Center {
    grid-column: span 8/span 8;
    grid-column-start: 3
}

.Grid .GridSpan10Center {
    grid-column: span 10/span 10;
    grid-column-start: 2
}

.Grid .GridSpanFull {
    grid-column: 1/-1;
    grid-column-start: 1
}

@media screen and (max-width:639px) {
    .Grid {
        grid-gap: 64px 8px;
        grid-template-columns: repeat(4, 1fr);
        margin: 0 24px
    }

    .page-home .Grid {
        grid-gap: 48px 8px
    }

    .Grid .GridXsSpanFull {
        grid-column: 1/-1;
        grid-column-start: 1
    }

    .TopLeftContent {
        padding-left: 24px
    }
}

@media screen and (min-width:640px) and (max-width:959px) {
    .Grid {
        grid-gap: 64px 16px;
        grid-template-columns: repeat(6, 1fr);
        width: 560px
    }

    .page-home .Grid {
        grid-gap: 48px 16px
    }

    .Grid .GridSmSpan4Center {
        grid-column: span 4/span 4;
        grid-column-start: 2
    }

    .Grid .GridSmSpanFull {
        grid-column: 1/-1;
        grid-column-start: 1
    }

    .TopLeftContent {
        padding-left: 32px
    }
}

@media screen and (min-width:960px) and (max-width:1279px) {
    .Grid {
        grid-gap: 64px 16px;
        grid-template-columns: repeat(12, 1fr);
        width: 848px
    }

    .page-home .Grid {
        grid-gap: 24px 16px
    }

    .TopLeftContent {
        padding-left: 48px
    }
}

@media screen and (min-width:1280px) and (max-width:1439px) {
    .Grid {
        grid-gap: 64px 16px;
        grid-template-columns: repeat(12, 1fr);
        width: 944px
    }

    .page-home .Grid {
        grid-gap: 12px 16px
    }
}

@media screen and (min-width:1440px) and (max-width:1919px) {
    .Grid {
        grid-gap: 64px 16px;
        grid-template-columns: repeat(12, 1fr);
        width: 1136px
    }

    .page-home .Grid {
        grid-gap: 12px 16px
    }
}

@media screen and (min-width:1920px) {
    .Grid {
        grid-gap: 64px 16px;
        grid-template-columns: repeat(12, 1fr);
        width: 1328px
    }

    .page-home .Grid {
        grid-gap: 12px 16px
    }
}

.Stepper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.Step {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 100px;
    -moz-box-flex: 1;
    -ms-flex: 1 0 100px;
    flex: 1 0 100px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.Step:first-child .StepLeftTrack,
.Step:last-child .StepRightTrack {
    visibility: hidden
}

.Step.active .StepLabel {
    color: #fff
}

.Step.active .StepDot {
    border: 4px solid #ff773d
}

.Step.active .StepLeftTrack {
    background-color: #ff773d
}

.Step.activecompleted .StepLabel {
    color: #ff773d
}

.Step.activecompleted .StepDot {
    border: 4px solid #ff773d;
    background: #ff773d
}

.Step.activecompleted .StepCheck {
    display: inherit
}

.Step.activecompleted .StepLeftTrack {
    background-color: #ff773d
}

.Step.completed .StepLabel {
    color: #ff773d
}

.Step.completed .StepDot {
    border: 4px solid #ff773d;
    background: #ff773d
}

.Step.completed .StepCheck {
    display: inherit
}

.Step.completed .StepLeftTrack {
    background-color: #ff773d
}

.Step.completed .StepRightTrack {
    background-color: #ff773d
}

.StepLabel {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 16px;
    -moz-box-flex: 1;
    -ms-flex: 1 0 16px;
    flex: 1 0 16px;
    margin-bottom: 9px;
    font-family: Google Sans Text;
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    line-height: 16px;
    text-align: center;
    letter-spacing: .1px;
    color: #c4c7c5
}

.StepTimeline {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.StepLeftTrack,
.StepRightTrack {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 10px;
    -moz-box-flex: 1;
    -ms-flex: 1 1 10px;
    flex: 1 1 10px;
    height: 4px;
    background-color: #1e1e20
}

.StepDot {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20px;
    -moz-box-flex: 0;
    -ms-flex: 0 0 20px;
    flex: 0 0 20px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    width: 20px;
    height: 20px;
    border: 4px solid #1e1e20;
    border-radius: 10px
}

.StepCheck {
    color: #0e0e0f;
    font-family: Google Symbols;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 36px;
    display: none
}

.ActionCard {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 24px;
    gap: 40px;
    background: rgba(30, 30, 32, .7);
    border: 1px solid rgba(68, 71, 70, .5);
    box-shadow: 0 12px 30px rgba(0, 0, 0, .1);
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
    border-radius: 16px
}

@media screen and (min-width:1920px) {
    .ActionCard {
        padding: 32px
    }
}

.ActionCard .IconAndText {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0;
    gap: 24px
}

.ActionCard .IconAndText .Icon {
    width: 32px;
    height: 32px
}

.ActionCard .IconAndText .Icon .CardIcon {
    font-family: Google Symbols;
    font-style: normal;
    font-weight: 400;
    font-size: 32px;
    line-height: 32px;
    color: #7fcfff
}

.ActionCard .IconAndText .Text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0;
    gap: 12px
}

.ActionCard .IconAndText .Text .ActionText {
    font-family: Google Sans;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #e3e3e3;
    margin: 0
}

@media screen and (min-width:1920px) {
    .ActionCard .IconAndText .Text .ActionText {
        font-size: 24px;
        line-height: 32px
    }
}

.ActionCard .IconAndText .Text .MetaText {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 12px;
    font-family: Google Sans Text;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #c4c7c5
}

@media screen and (min-width:1920px) {
    .ActionCard .IconAndText .Text .MetaText {
        font-size: 16px;
        line-height: 24px
    }
}

.ActionCard .IconAndText .Text .MetaText p {
    margin: 0;
    text-align: start
}

.ActionCard .IconAndText .Text .MetaText strong {
    color: #fff
}

.ActionCard .Bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    gap: 4px
}

.ActionCard .Bottom .TimeChip {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    gap: 6px;
    border-radius: 6px
}

.ActionCard .Bottom .TimeChip .TimeChipIcon {
    font-family: Google Symbols;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #c4c7c5
}

.ActionCard .Bottom .TimeChip .TimeChipText {
    font-family: Google Sans Text;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #c4c7c5
}

.InstructionCard {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 32px 24px 24px;
    gap: 24px;
    background: rgba(30, 30, 32, .7);
    border: 1px solid rgba(68, 71, 70, .5);
    box-shadow: 0 8px 24px rgba(0, 0, 0, .1);
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
    border-radius: 16px
}

.InstructionCard .IconAndInstruction {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0;
    gap: 32px
}

.InstructionCard .IconAndInstruction .Icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 4px 5px 4px 3px;
    gap: 4px;
    width: 40px;
    height: 40px;
    background: #7fcfff;
    border-radius: 24px
}

.InstructionCard .IconAndInstruction .Icon .CardIcon {
    font-family: Google Sans;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    color: #035
}

.InstructionCard .IconAndInstruction .InstructionText {
    font-family: Google Sans Text;
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 30px;
    color: #e3e3e3;
    margin: 0
}

.InstructionCard .DiagramAndMeta {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    gap: 16px
}

.InstructionCard .DiagramAndMeta .Diagram {
    border: 1px solid #444746;
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
    background-color: rgba(14, 14, 15, .7);
    border-radius: 12px;
    max-width: 100%
}

.InstructionCard .DiagramAndMeta .MetaText {
    font-family: Google Sans Text;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    min-height: 32px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    text-align: center;
    letter-spacing: .1px;
    color: #c4c7c5
}

@media screen and (min-width:640px) and (max-width:959px) {
    .InstructionCard {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .InstructionCard .IconAndInstruction {
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        align-self: stretch;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 50px;
        -moz-box-flex: 1;
        -ms-flex: 1 1 50px;
        flex: 1 1 50px
    }

    .InstructionCard .DiagramAndMeta {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 50px;
        -moz-box-flex: 1;
        -ms-flex: 1 1 50px;
        flex: 1 1 50px
    }
}

.KeyThingCard {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding: 24px;
    gap: 32px;
    background: rgba(30, 30, 32, .7);
    border: 1px solid rgba(68, 71, 70, .5);
    box-shadow: 0 12px 30px rgba(0, 0, 0, .1);
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
    border-radius: 16px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50px;
    -moz-box-flex: 1;
    -ms-flex: 1 1 50px;
    flex: 1 1 50px
}

@media screen and (min-width:1920px) {
    .KeyThingCard {
        padding: 32px
    }
}

.KeyThingCard .IconAndText {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 24px
}

.KeyThingCard .IconAndText .Icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 4px;
    gap: 4px;
    width: 48px;
    height: 48px;
    background: #7fcfff;
    border-radius: 24px
}

.KeyThingCard .IconAndText .Icon .CardIcon {
    font-family: Google Symbols;
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    color: #035
}

.KeyThingCard .IconAndText .Text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 12px
}

.KeyThingCard .IconAndText .Text .Heading {
    font-family: Google Sans;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #e3e3e3;
    margin: 0
}

@media screen and (min-width:1440px) {
    .KeyThingCard .IconAndText .Text .Heading {
        font-size: 24px;
        line-height: 32px
    }
}

.KeyThingCard .IconAndText .Text .Content {
    font-family: Google Sans Text;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #c4c7c5;
    white-space: pre-line
}

@media screen and (min-width:1440px) {
    .KeyThingCard .IconAndText .Text .Content {
        font-size: 16px;
        line-height: 24px
    }
}

.KeyThingCard .Bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px
}

.StandaloneDiagram {
    background-color: rgba(14, 14, 15, .7);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border: 1px solid #444746;
    border-radius: 24px;
    box-shadow: 0 15px 60px rgba(0, 0, 0, .2)
}

.Button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-width: 0;
    border-radius: 8px;
    padding: 10px 24px;
    text-align: center;
    position: relative
}

.Button:not([disabled]) {
    cursor: pointer
}

.Button:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px
}

.Button.icon {
    padding: 10px 16px 10px 24px
}

.Button.iconleft {
    padding: 10px 24px 10px 16px
}

.Button.brand:disabled {
    background-color: transparent;
    color: hsla(0, 0%, 89%, .38)
}

.Button.brand:disabled:before {
    background-color: hsla(0, 0%, 89%, .12)
}

.Button.brand:not(:disabled) {
    background: -webkit-gradient(linear, left top, right top, from(#f8491b), color-stop(51.56%, #f12f3f), to(#dc1860));
    background: -webkit-linear-gradient(left, #f8491b, #f12f3f 51.56%, #dc1860);
    background: linear-gradient(90deg, #f8491b, #f12f3f 51.56%, #dc1860);
    color: #fff
}

.Button.brand:not(:disabled):hover {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .3)
}

.Button.brand:not(:disabled):hover:before {
    background-color: rgba(0, 0, 0, .08)
}

.Button.brand:not(:disabled):focus:before {
    background-color: rgba(0, 0, 0, .12)
}

.Button.brand:not(:disabled):active:before {
    background-color: rgba(0, 0, 0, .16)
}

.Button.secondary:disabled {
    background-color: transparent;
    color: hsla(0, 0%, 89%, .38)
}

.Button.secondary:disabled:before {
    background-color: hsla(0, 0%, 89%, .12)
}

.Button.secondary:not(:disabled) {
    background-color: #004a77;
    color: #c2e7ff
}

.Button.secondary:not(:disabled):hover {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .3)
}

.Button.secondary:not(:disabled):hover:before {
    background-color: rgba(194, 231, 255, .08)
}

.Button.secondary:not(:disabled):focus:before {
    background-color: rgba(194, 231, 255, .12)
}

.Button.secondary:not(:disabled):active:before {
    background-color: rgba(194, 231, 255, .16)
}

.Button.stadiasecondary:disabled {
    background-color: transparent;
    color: hsla(0, 0%, 89%, .38)
}

.Button.stadiasecondary:disabled:before {
    background-color: rgba(232, 234, 237, .03)
}

.Button.stadiasecondary:not(:disabled) {
    background-color: rgba(232, 234, 237, .06);
    color: #e8eaed
}

.Button.stadiasecondary:not(:disabled):hover:before {
    background-color: rgba(232, 234, 237, .12)
}

.Button.stadiasecondary:not(:disabled):focus {
    background-color: rgba(232, 234, 237, .12)
}

.Button.stadiasecondary:not(:disabled):focus:before {
    background-color: rgba(232, 234, 237, .12)
}

.Button.stadiasecondary:not(:disabled):active {
    background-color: rgba(232, 234, 237, .06)
}

.Button.stadiasecondary:not(:disabled):active:before {
    background-color: transparent
}

.Button.outlined {
    border: 1px solid #8e918f;
    padding: 10px 24px
}

.Button.outlined.icon {
    padding: 9px 15px 9px 23px
}

.Button.outlined.iconleft {
    padding: 9px 23px 9px 15px
}

.Button.outlined:disabled {
    background-color: transparent;
    border: 1px solid hsla(0, 0%, 89%, .12);
    color: hsla(0, 0%, 89%, .38)
}

.Button.outlined:disabled:before {
    background-color: transparent
}

.Button.outlined:not(:disabled) {
    background-color: transparent;
    color: #7fcfff
}

.Button.outlined:not(:disabled):hover:before {
    background-color: rgba(127, 207, 255, .08)
}

.Button.outlined:not(:disabled):focus {
    border: 1px solid #7fcfff
}

.Button.outlined:not(:disabled):focus:before {
    background-color: rgba(127, 207, 255, .12)
}

.Button.outlined:not(:disabled):active {
    border: 1px solid #8e918f
}

.Button.outlined:not(:disabled):active:before {
    background-color: rgba(127, 207, 255, .16)
}

.Button.text {
    border: 1px solid transparent;
    padding: 9px 11px
}

.Button.text.icon {
    padding: 9px 11px 9px 15px
}

.Button.text.iconleft {
    padding: 9px 15px 9px 11px
}

.Button.text:disabled {
    background-color: transparent;
    color: hsla(0, 0%, 89%, .38)
}

.Button.text:disabled:before {
    background-color: transparent
}

.Button.text:not(:disabled) {
    background-color: transparent;
    color: #7fcfff
}

.Button.text:not(:disabled):hover:before {
    background-color: rgba(127, 207, 255, .08)
}

.Button.text:not(:disabled):focus:before {
    background-color: rgba(127, 207, 255, .12)
}

.Button.text:not(:disabled):active {
    border: 1px solid #444746
}

.Button.text:not(:disabled):active:before {
    background-color: transparent
}

.Button.stadiatext {
    border: 1px solid transparent;
    padding: 9px 11px
}

.Button.stadiatext.icon {
    padding: 9px 11px 9px 15px
}

.Button.stadiatext.iconleft {
    padding: 9px 15px 9px 11px
}

.Button.stadiatext:disabled {
    background-color: transparent;
    color: hsla(0, 0%, 89%, .38)
}

.Button.stadiatext:disabled:before {
    background-color: transparent
}

.Button.stadiatext:not(:disabled) {
    background-color: transparent;
    color: #e8eaed
}

.Button.stadiatext:not(:disabled):hover:before {
    background-color: rgba(232, 234, 237, .06)
}

.Button.stadiatext:not(:disabled):focus {
    background-color: rgba(232, 234, 237, .06)
}

.Button.stadiatext:not(:disabled):focus:before {
    background-color: rgba(232, 234, 237, .06)
}

.Button.stadiatext:not(:disabled):active {
    background-color: transparent;
    border: 1px solid #444746
}

.Button.stadiatext:not(:disabled):active:before {
    background-color: transparent
}

.Button .ButtonText {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 4px;
    font-family: Google Sans Text, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.Button.iconleft .ButtonText {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -moz-box-orient: horizontal;
    -moz-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.Button .ButtonIcon {
    font-family: Google Symbols;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 20px
}

.IconButton {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid transparent;
    border-radius: 50%;
    position: relative;
    width: 48px;
    height: 48px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.IconButton:not([disabled]) {
    cursor: pointer
}

.IconButton:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.IconButton:disabled {
    background-color: transparent;
    color: hsla(140, 3%, 77%, .38)
}

.IconButton:disabled:before {
    background-color: transparent
}

.IconButton:not(:disabled) {
    background-color: transparent;
    color: #c4c7c5
}

.IconButton:not(:disabled):hover:before {
    background-color: hsla(140, 3%, 77%, .08)
}

.IconButton:not(:disabled):active:before,
.IconButton:not(:disabled):focus:before {
    background-color: hsla(140, 3%, 77%, .12)
}

.IconButton .Icon {
    font-family: Google Symbols;
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 24px
}

.ControllerButton {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(59.37%, #e8eaed), to(#d2d4d6));
    background: -webkit-linear-gradient(top, #e8eaed 59.37%, #d2d4d6);
    background: linear-gradient(180deg, #e8eaed 59.37%, #d2d4d6);
    border: 1px solid #8e918f;
    box-shadow: 0 4px 8px 3px rgba(0, 0, 0, .15), 0 1px 3px rgba(0, 0, 0, .3);
    border-radius: 100px;
    color: #28282c;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    vertical-align: middle;
    position: relative;
    bottom: 1px
}

.ControllerButton.option {
    font-family: Google Symbols;
    font-style: normal;
    font-weight: 400;
    font-size: 32px;
    width: 40px;
    height: 24px
}

.ControllerButton.assistant {
    font-family: Google Symbols;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    width: 28px;
    height: 28px
}

.ControllerButton.btna,
.ControllerButton.btny {
    font-family: Google Sans;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    width: 32px;
    height: 32px
}

@-webkit-keyframes spinner-rotation {
    0% {
        rotate: 0deg
    }

    to {
        rotate: 1turn
    }
}

@keyframes spinner-rotation {
    0% {
        rotate: 0deg
    }

    to {
        rotate: 1turn
    }
}

@-webkit-keyframes spinner-sequence {
    0% {
        --start: 0deg;
        --end: 10deg;
        rotate: 0deg
    }

    12% {
        --start: 0deg;
        --end: 270deg;
        rotate: 0deg
    }

    25% {
        --start: 0deg;
        --end: 10deg;
        rotate: 270deg
    }

    37% {
        --start: 0deg;
        --end: 270deg;
        rotate: 270deg
    }

    50% {
        --start: 0deg;
        --end: 10deg;
        rotate: 540deg
    }

    62% {
        --start: 0deg;
        --end: 270deg;
        rotate: 540deg
    }

    75% {
        --start: 0deg;
        --end: 10deg;
        rotate: 810deg
    }

    87% {
        --start: 0deg;
        --end: 270deg;
        rotate: 810deg
    }

    to {
        --start: 0deg;
        --end: 10deg;
        rotate: 3turn
    }
}

@keyframes spinner-sequence {
    0% {
        --start: 0deg;
        --end: 10deg;
        rotate: 0deg
    }

    12% {
        --start: 0deg;
        --end: 270deg;
        rotate: 0deg
    }

    25% {
        --start: 0deg;
        --end: 10deg;
        rotate: 270deg
    }

    37% {
        --start: 0deg;
        --end: 270deg;
        rotate: 270deg
    }

    50% {
        --start: 0deg;
        --end: 10deg;
        rotate: 540deg
    }

    62% {
        --start: 0deg;
        --end: 270deg;
        rotate: 540deg
    }

    75% {
        --start: 0deg;
        --end: 10deg;
        rotate: 810deg
    }

    87% {
        --start: 0deg;
        --end: 270deg;
        rotate: 810deg
    }

    to {
        --start: 0deg;
        --end: 10deg;
        rotate: 3turn
    }
}

.KeyThingsArea {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 48px;
    margin-top: 18px
}

@media screen and (min-width:960px) {
    .KeyThingsArea {
        margin-top: 8px
    }
}

@media screen and (min-width:1280px) {
    .KeyThingsArea {
        margin-top: 0
    }
}

.KeyThingsArea .KeyThingsTitle {
    font-family: Google Sans;
    font-style: normal;
    font-weight: 500;
    font-size: 32px;
    line-height: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    color: #e3e3e3;
    margin: 0
}

@media screen and (min-width:960px) {
    .KeyThingsArea .KeyThingsTitle {
        font-size: 36px;
        line-height: 44px
    }
}

.KeyThingsArea .KeyThingsCardContainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    gap: 16px
}

@media screen and (max-width:959px) {
    .KeyThingsArea .KeyThingsCardContainer {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.FaqArea {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    gap: 48px;
    margin-top: 72px
}

@media screen and (min-width:960px) {
    .FaqArea {
        margin-top: 96px
    }
}

@media screen and (min-width:1280px) {
    .FaqArea {
        margin-top: 108px
    }
}

.FaqArea .FaqAreaTitle {
    font-family: Google Sans;
    font-style: normal;
    font-weight: 500;
    font-size: 32px;
    line-height: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    color: #e3e3e3;
    margin: 0
}

@media screen and (min-width:960px) {
    .FaqArea .FaqAreaTitle {
        font-size: 36px;
        line-height: 44px
    }
}

.FaqArea .FaqItemList {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding: 8px 32px;
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
    background: rgba(30, 30, 32, .7);
    border: 1px solid rgba(68, 71, 70, .5);
    border-radius: 16px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .1)
}

.FaqItem {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding: 24px 0
}

.FaqItem .FaqQuestionHeader {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 4px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.FaqItem .FaqQuestionHeader::-webkit-details-marker {
    display: none
}

.FaqItem .FaqQuestionHeader .FaqQuestion {
    font-family: Google Sans Text;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
    color: #e3e3e3
}

.FaqItem .FaqQuestionHeader .FaqChevron {
    width: 24px;
    height: 24px;
    font-family: Google Symbols;
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 50px;
    display: none;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    color: #ff773d
}

.FaqItem[open] .FaqChevron.less {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.FaqItem:not([open]) .FaqChevron.more {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.FaqItem .FaqAnswer {
    font-family: Google Sans;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #c4c7c5;
    margin-top: 16px;
    white-space: pre-line
}

.FaqItem+.FaqItem {
    border-top: 1px solid #28282c
}

.LegalArea {
    font-family: Google Sans Text;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .1px;
    color: #8e918f
}

@media screen and (min-width:960px) {
    .LegalArea {
        margin-top: 24px
    }
}

@media screen and (min-width:1280px) {
    .LegalArea {
        margin-top: 36px
    }
}