.tutorialIntro,html.tutorialIntro-open,html.tutorialIntro-open body{overflow:hidden}.tutorialIntro{background:#fff;inset:0;position:fixed;touch-action:pan-y;z-index:100000}.tutorialIntro,.tutorialIntro *,.tutorialIntro :after,.tutorialIntro :before{box-sizing:border-box}.tutorialIntro[hidden]{display:none}.tutorialIntro__step{display:flex;flex-direction:column;inset:0;position:absolute;transform:translateX(100%);transition:transform .4s cubic-bezier(.4,0,.2,1),visibility .4s;visibility:hidden}.tutorialIntro__step.is-before{transform:translateX(-100%)}.tutorialIntro__step.is-active{transform:translateX(0);visibility:visible}@media(prefers-reduced-motion:reduce){.tutorialIntro__step{transition:none}}.tutorialIntro__step--intro{background:#dde3ea}.tutorialIntro__step--language{background:linear-gradient(180deg,#eaf3fe,hsla(0,0%,100%,0) 55%),#fff}.tutorialIntro__language{align-items:center;display:flex;flex:1 1 auto;flex-direction:column;min-height:0;overflow-y:auto;padding:calc(var(--safe-area-inset-top, 0px) + 72px) 24px 24px}.tutorialIntro__languageLogo{height:auto;margin-bottom:40px;width:160px}.tutorialIntro__languageHint{margin-top:12px}.tutorialIntro__languageList{display:flex;flex-direction:column;gap:12px;margin-top:32px;width:100%}.tutorialIntro__languageOption{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;background:#fff;border:1px solid #dde3ea;border-radius:16px;color:#262c31;cursor:pointer;display:flex;font-family:DB_Adman,sans-serif;gap:16px;height:64px;padding:0 16px;text-align:left;transition:border-color .2s ease,box-shadow .2s ease,transform .12s ease;width:100%}.tutorialIntro__languageOption:active{transform:scale(.98)}.tutorialIntro__languageOption[aria-checked=true]{border-color:#2e86f9;box-shadow:0 4px 20px rgba(46,134,249,.16)}.tutorialIntro__languageOption[aria-checked=true] .tutorialIntro__languageCode{background:linear-gradient(86.77deg,#2e86f9 7.81%,#7ab4ff 102.23%);color:#fff}.tutorialIntro__languageOption[aria-checked=true] .tutorialIntro__languageRadio{background:linear-gradient(86.77deg,#2e86f9 7.81%,#7ab4ff 102.23%);box-shadow:none}.tutorialIntro__languageOption[aria-checked=true] .tutorialIntro__languageRadio:after{transform:translate(-50%,-60%) rotate(45deg) scale(1)}.tutorialIntro__languageCode{align-items:center;background:#eaf3fe;border-radius:50%;color:#2e86f9;display:flex;flex:0 0 40px;font-size:16px;height:40px;justify-content:center;letter-spacing:.5px;line-height:1;transition:background .2s ease,color .2s ease}.tutorialIntro__languageName{flex:1 1 auto;font-size:22px;letter-spacing:.25px;line-height:24px}.tutorialIntro__languageRadio{border-radius:50%;box-shadow:inset 0 0 0 1.5px #dde3ea;flex:0 0 24px;height:24px;position:relative;transition:background .2s ease,box-shadow .2s ease}.tutorialIntro__languageRadio:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:11px;left:50%;position:absolute;top:50%;transform:translate(-50%,-60%) rotate(45deg) scale(0);transition:transform .2s ease;width:6px}.tutorialIntro__video{height:100%;inset:0;-o-object-fit:cover;object-fit:cover;pointer-events:none;position:absolute;width:100%}.tutorialIntro__logo{height:auto;left:50%;max-width:calc(100% - 48px);position:absolute;top:50%;transform:translate(-50%,-50%);width:291px}.tutorialIntro__media{flex:1 1 auto;min-height:0;overflow:hidden;position:relative}.tutorialIntro__media img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;width:100%}@media(min-width:768px){.tutorialIntro__media--centered img{-o-object-position:center;object-position:center}}.tutorialIntro__media:after{background:linear-gradient(180deg,hsla(0,0%,100%,0),#fff);bottom:0;content:"";height:139px;left:0;pointer-events:none;position:absolute;right:0}.tutorialIntro__content{align-items:center;background:#fff;display:flex;flex:0 0 auto;flex-direction:column;gap:8px;justify-content:space-between;min-height:256px;padding:24px 24px 0}.tutorialIntro__title{font-feature-settings:"lnum" 1,"pnum" 1;color:#262c31;font-size:36px;letter-spacing:.18px;line-height:40px}.tutorialIntro__text,.tutorialIntro__title{font-family:DB_Adman,sans-serif;font-weight:400;margin:0;text-align:center}.tutorialIntro__text{text-wrap:pretty;font-feature-settings:"lnum" 1,"pnum" 1;color:#8093a1;font-size:20px;letter-spacing:.25px;line-height:20px;white-space:pre-line;width:100%}.tutorialIntro[lang=en] .tutorialIntro__title{max-width:var(--tutorial-intro-title-width,none)}.tutorialIntro[lang=en] .tutorialIntro__text{max-width:var(--tutorial-intro-text-width,none)}.tutorialIntro[lang=ja] .tutorialIntro__text,.tutorialIntro[lang=zh-CN] .tutorialIntro__text{line-height:26px}.tutorialIntro__actionsSpacer{flex:0 0 auto;height:calc(62px + max(32px, var(--safe-area-inset-bottom, 0px)))}.tutorialIntro__actions{bottom:0;display:flex;gap:12px;left:0;padding:16px 24px max(32px,var(--safe-area-inset-bottom,0px));position:absolute;right:0;z-index:1}.tutorialIntro__actions[hidden]{display:none}.tutorialIntro__actions .btn--gradient,.tutorialIntro__actions .btn--soft{flex:1 1 0;font-weight:400;letter-spacing:.25px;min-width:0}.tutorialIntro__actions .btn--gradient[hidden],.tutorialIntro__actions .btn--soft[hidden]{display:none}.tutorialIntro__actions .btn--soft{border-color:#dde3ea;color:#062d4e}.tutorialIntro__preparing{align-items:center;background:linear-gradient(180deg,#eaf3fe,hsla(0,0%,100%,0) 55%),#fff;display:flex;flex-direction:column;inset:0;justify-content:center;opacity:0;padding:0 24px;position:absolute;transition:opacity .3s ease;z-index:2}.tutorialIntro__preparing[hidden]{display:none}.tutorialIntro__preparing.is-visible{opacity:1}.tutorialIntro__preparing .tutorialIntro__languageLogo{margin-bottom:48px}.tutorialIntro__preparing .tutorialIntro__text{margin-top:20px}.tutorialIntro__spinner{animation:tutorialIntroSpin .9s linear infinite;background:conic-gradient(from 0deg,rgba(46,134,249,0) 0deg,#7ab4ff 200deg,#2e86f9 1turn);border-radius:50%;height:44px;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 4px));mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 4px));width:44px}@keyframes tutorialIntroSpin{to{transform:rotate(1turn)}}
