.live-onboarding-hero[data-v-ee9c1271]{--live-onboarding-hero-height:380px;--live-onboarding-hero-bg:#0a0a0a;height:var(--live-onboarding-hero-height);background-color:var(--live-onboarding-hero-bg);border-radius:var(--radius-xl);position:relative;overflow:hidden}@media (min-width:1024px){.live-onboarding-hero[data-v-ee9c1271]{--live-onboarding-hero-height:var(--size-37)}}.live-onboarding-hero__img[data-v-ee9c1271],.live-onboarding-hero__picture[data-v-ee9c1271]{width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.live-onboarding-hero__img[data-v-ee9c1271]{object-fit:cover;object-position:center}.live-onboarding-hero__back[data-v-ee9c1271]{display:none}@media (min-width:1024px){.live-onboarding-hero__back[data-v-ee9c1271]{top:var(--size-11);left:var(--size-11);display:inline-flex;position:absolute}}.live-onboarding-intro[data-v-fa248041]{gap:var(--spaces-xs);width:100%;padding:0 var(--padding-xl);text-align:center;flex-direction:column;align-items:center;display:flex;position:absolute;bottom:0;left:0}@media (min-width:1024px){.live-onboarding-intro[data-v-fa248041]{gap:var(--spaces-s);margin-top:var(--spaces-3xl);padding:0;position:static}}.live-onboarding-intro__description[data-v-fa248041],.live-onboarding-intro__title[data-v-fa248041]{margin:0}.live-onboarding-intro__description[data-v-fa248041] br{display:none}@media (min-width:1024px){.live-onboarding-intro__description[data-v-fa248041] br{display:inline}.live-onboarding-intro__description[data-v-fa248041]{font-weight:400;font-size:var(--font-size-18);font-family:var(--family-inter),sans-serif;font-style:normal;line-height:var(--line-height-20)}}.section-header[data-v-27456e6c]{justify-content:space-between;align-items:center;display:flex}.section-header__title[data-v-27456e6c]{gap:var(--spaces-s);height:var(--size-13);padding:var(--padding-xxs) 0;flex:1;align-items:center;display:flex}.section-header__btn.buttonio[data-v-27456e6c]{width:var(--size-12);min-width:var(--size-12);height:var(--size-12);padding:0}.section-header__icon[data-v-27456e6c]{width:var(--size-11);height:var(--size-11);flex-shrink:0}.style-banner[data-v-dae3c63c]{--style-banner-glow:inset 0 0 var(--size-10) color-mix(in sRGB, var(--neutral-300) 16%, #0000);--style-banner-img-height:280px;--style-banner-bg-top:calc(50% + 21px);--style-banner-bg-width:318px;--style-banner-bg-height:360px;--style-banner-roulette-width:385px;--style-banner-roulette-height:280px;gap:var(--spaces-l);padding:var(--padding-2xl) var(--padding-xl) var(--padding-xl);background-color:var(--general-bg-card);border-radius:var(--radius-xl);isolation:isolate;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.style-banner[data-v-dae3c63c]:after{z-index:4;border-radius:inherit;box-shadow:var(--style-banner-glow);content:"";pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}@media (min-width:1024px){.style-banner[data-v-dae3c63c]{--style-banner-min-height:356px;--style-banner-img-width:660px;--style-banner-img-shift:10px;--style-banner-img-height:var(--size-39);--style-banner-bg-top:14px;--style-banner-bg-width:353px;--style-banner-bg-height:var(--size-39);--style-banner-roulette-width:551px;--style-banner-roulette-height:var(--size-39);--style-banner-cta-min-width:246px;min-height:var(--style-banner-min-height);padding:var(--size-22) var(--padding-3xl) var(--size-22) var(--size-22);align-items:flex-start}}.style-banner__text[data-v-dae3c63c]{z-index:3;gap:var(--spaces-s);text-align:center;flex-direction:column;width:100%;display:flex;position:relative}@media (min-width:1024px){.style-banner__text[data-v-dae3c63c]{gap:var(--spaces-m);text-align:left}}.style-banner__description[data-v-dae3c63c],.style-banner__title[data-v-dae3c63c]{margin:0}@media (min-width:1024px){.style-banner__description[data-v-dae3c63c]{font-weight:400;font-size:var(--font-size-18);font-family:var(--family-inter),sans-serif;font-style:normal;line-height:var(--line-height-20)}}.style-banner__img[data-v-dae3c63c]{z-index:2;width:calc(100% + var(--padding-xl)*2);height:var(--style-banner-img-height);margin:0 calc(var(--padding-xl)*-1);pointer-events:none;flex-shrink:0;position:relative}@media (min-width:1024px){.style-banner__img[data-v-dae3c63c]{width:var(--style-banner-img-width);transform:translateY(calc(-50% - var(--style-banner-img-shift)));margin:0;position:absolute;top:50%;right:0}}.style-banner__bg[data-v-dae3c63c]{top:var(--style-banner-bg-top);width:var(--style-banner-bg-width);height:var(--style-banner-bg-height);object-fit:cover;position:absolute;right:0;transform:translateY(-50%)}@media (min-width:1024px){.style-banner__bg[data-v-dae3c63c]{left:0;transform:none}}.style-banner__roulette[data-v-dae3c63c]{width:var(--style-banner-roulette-width);max-width:none;height:var(--style-banner-roulette-height);object-fit:cover;position:absolute;top:0;left:calc(50% + .5px);transform:translate(-50%)}@media (min-width:1024px){.style-banner__roulette[data-v-dae3c63c]{left:auto;right:0;transform:none}}.style-banner__cta[data-v-dae3c63c]{z-index:1;position:relative}@media (min-width:1024px){.style-banner__cta[data-v-dae3c63c]{width:auto;min-width:var(--style-banner-cta-min-width);align-self:flex-start}}.tutorial-game-card[data-v-7426e791]{--tutorial-game-image-height:136px;--tutorial-game-glow:inset 0 calc(var(--size-02)*-1) var(--size-02) color-mix(in sRGB, var(--neutral-400) 24%, #0000);--tutorial-game-focus-width:2px;--tutorial-game-focus-offset:2px;--tutorial-game-hover-duration:.2s;--tutorial-game-hover-bleed:-1px;--tutorial-game-title-lines:3;--tutorial-game-placeholder-size:70% auto;width:var(--tutorial-game-width);background-color:var(--general-sys-border-color);border-radius:var(--radius-s);box-shadow:var(--tutorial-game-glow);flex-shrink:0;position:relative;overflow:hidden}.tutorial-game-card--clickable[data-v-7426e791]{cursor:pointer}.tutorial-game-card--clickable[data-v-7426e791]:focus-visible{outline:var(--tutorial-game-focus-width) solid var(--general-logo-color);outline-offset:var(--tutorial-game-focus-offset)}.tutorial-game-card__hover[data-v-7426e791]{z-index:2;gap:var(--spaces-s);padding:var(--padding-m) var(--padding-s);background-color:var(--general-bg-general);opacity:0;transition:opacity var(--tutorial-game-hover-duration) ease-out;pointer-events:none;inset:var(--tutorial-game-hover-bleed);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}.tutorial-game-card__title[data-v-7426e791]{-webkit-line-clamp:var(--tutorial-game-title-lines);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (hover:hover){.tutorial-game-card--clickable:hover .tutorial-game-card__hover[data-v-7426e791]{opacity:1}}.tutorial-game-card--clickable:focus-visible .tutorial-game-card__hover[data-v-7426e791]{opacity:1}.tutorial-game-card__image-box[data-v-7426e791]{height:var(--tutorial-game-image-height);background-color:var(--neutral-700);background-image:url(../../img/logo/logo-placeholder.svg);background-position:50%;background-repeat:no-repeat;background-size:var(--tutorial-game-placeholder-size);box-shadow:0 var(--size-01) 0 var(--general-bg-card);overflow:hidden}.tutorial-game-card__image[data-v-7426e791]{object-fit:cover;width:100%;height:100%}.video-modal[data-v-e287109b]{--video-modal-controls-height:88px;--video-modal-time-width:30px;--video-modal-track-height:4px;--video-modal-track-radius:2px;--video-modal-thumb-offset:calc((var(--video-modal-track-height) - var(--size-06))/2);justify-content:center;align-items:center;width:100%;display:flex}.video-modal__stage[data-v-e287109b]{width:100%;max-width:var(--size-51);aspect-ratio:16/9;background-color:var(--neutral-b01);position:relative}.video-modal__video[data-v-e287109b]{object-fit:contain;cursor:pointer;width:100%;height:100%;display:block}.video-modal__close[data-v-e287109b]{top:var(--spaces-l);right:var(--spaces-l);z-index:2;position:absolute}.video-modal__controls[data-v-e287109b]{right:var(--spaces-s);bottom:var(--spaces-s);left:var(--spaces-s);z-index:1;gap:var(--spaces-s);padding:0 var(--padding-m);background-color:var(--transparency-neutral-p24);border-radius:var(--radius-l);align-items:center;display:flex;position:absolute;overflow:hidden}@media (min-width:1024px){.video-modal__controls[data-v-e287109b]{right:var(--spaces-xl);bottom:var(--spaces-xl);left:var(--spaces-xl);gap:var(--spaces-m);height:var(--video-modal-controls-height);padding:0 var(--padding-l)}}.video-modal__timeline[data-v-e287109b]{gap:var(--spaces-m);min-width:0;height:var(--size-10);flex:1;align-items:center;display:flex}.video-modal__time[data-v-e287109b]{width:var(--video-modal-time-width);flex-shrink:0}.video-modal__time--end[data-v-e287109b]{text-align:right}.video-modal__progress[data-v-e287109b]{min-width:0;height:var(--size-10);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;flex:1;margin:0;padding:0}.video-modal__progress[data-v-e287109b]::-webkit-slider-runnable-track{height:var(--video-modal-track-height);background:linear-gradient(to right,var(--general-logo-color) var(--progress),var(--transparency-neutral-p24) var(--progress));border-radius:var(--video-modal-track-radius)}.video-modal__progress[data-v-e287109b]::-moz-range-track{height:var(--video-modal-track-height);background:var(--transparency-neutral-p24);border-radius:var(--video-modal-track-radius)}.video-modal__progress[data-v-e287109b]::-moz-range-progress{height:var(--video-modal-track-height);background:var(--general-logo-color);border-radius:var(--video-modal-track-radius)}.video-modal__progress[data-v-e287109b]::-webkit-slider-thumb{width:var(--size-06);height:var(--size-06);margin-top:var(--video-modal-thumb-offset);background:var(--general-logo-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:50%}.video-modal__progress[data-v-e287109b]::-moz-range-thumb{width:var(--size-06);height:var(--size-06);background:var(--general-logo-color);border:0;border-radius:50%}.tutorial-card[data-v-bf007c0f]{--tutorial-card-video-height:280px;--tutorial-card-glow:inset 0 0 var(--size-10) color-mix(in sRGB, var(--neutral-300) 16%, #0000);--tutorial-card-play-border:inset 0 0 0 1px color-mix(in sRGB, var(--neutral-b10) 10%, #0000);--tutorial-card-play-scale:.94;--tutorial-card-preview-duration:4s;--tutorial-card-dim-static-opacity:.6;--tutorial-game-width:100px;--tutorial-games-gap:var(--spaces-xs);--tutorial-games-time-per-game:3.5s;width:100%;max-width:var(--size-46);background-color:var(--general-bg-modal);border-radius:var(--radius-xl);position:relative;overflow:hidden}.tutorial-card[data-v-bf007c0f]:after{z-index:2;border:1px solid var(--menu-category-border-active);border-radius:inherit;box-shadow:var(--tutorial-card-glow);content:"";pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.tutorial-card__video[data-v-bf007c0f]{height:var(--tutorial-card-video-height);position:relative;overflow:hidden}.tutorial-card__media[data-v-bf007c0f]{object-fit:cover;width:100%;height:100%}.tutorial-card__dim[data-v-bf007c0f]{background-color:var(--neutral-900);opacity:0;animation:tutorial-dim-bf007c0f var(--tutorial-card-preview-duration) infinite;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.tutorial-card__play[data-v-bf007c0f]{cursor:pointer;background:0 0;border:0;padding:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tutorial-card__play-btn[data-v-bf007c0f]{padding:var(--padding-xl);background-color:var(--primary-500);border-radius:var(--radius-xl);box-shadow:var(--tutorial-card-play-border);transform:scale(var(--tutorial-card-play-scale));opacity:0;animation:tutorial-play-bf007c0f var(--tutorial-card-preview-duration) infinite;justify-content:center;align-items:center;display:flex}.tutorial-card__play-icon[data-v-bf007c0f]{width:var(--size-12);height:var(--size-12)}@media (prefers-reduced-motion:reduce){.tutorial-card__track[data-v-bf007c0f]{animation:none}.tutorial-card__clone[data-v-bf007c0f]{display:none}.tutorial-card__dim[data-v-bf007c0f]{opacity:var(--tutorial-card-dim-static-opacity);animation:none}.tutorial-card__play-btn[data-v-bf007c0f]{opacity:1;animation:none;transform:none}}.tutorial-card__badges[data-v-bf007c0f]{pointer-events:none;justify-content:space-between;position:absolute;top:0;bottom:auto;left:0;right:0}.tutorial-card__badges[data-v-bf007c0f],.tutorial-card__bottom[data-v-bf007c0f]{padding:var(--padding-l);align-items:center;display:flex}.tutorial-card__bottom[data-v-bf007c0f]{gap:var(--spaces-m);flex-direction:column}.tutorial-card__top[data-v-bf007c0f]{gap:var(--spaces-s);flex-direction:column;width:100%;display:flex}.tutorial-card__header[data-v-bf007c0f]{gap:var(--spaces-xs);width:100%;padding:var(--padding-xs) var(--padding-l);justify-content:center;align-items:flex-end;display:flex}.tutorial-card__game-badge[data-v-bf007c0f]{--badge-secondary-text-accent-color:var(--neutral-700)}.tutorial-card__arrow[data-v-bf007c0f]{width:var(--size-10);height:var(--size-10);flex-shrink:0;position:relative}.tutorial-card__arrow-img[data-v-bf007c0f]{--tutorial-card-arrow-offset:-90% -50% 0 0;inset:var(--tutorial-card-arrow-offset);width:auto;max-width:none;height:auto;position:absolute}.tutorial-card__games[data-v-bf007c0f]{width:100%}.tutorial-card__track[data-v-bf007c0f]{--set-width:calc(var(--count)*(var(--tutorial-game-width) + var(--tutorial-games-gap)));gap:var(--tutorial-games-gap);width:-webkit-max-content;width:-moz-max-content;width:max-content;animation:tutorial-games-slide-bf007c0f calc(var(--count)*var(--tutorial-games-time-per-game)) linear infinite;will-change:transform;display:flex}.tutorial-card__games:hover .tutorial-card__track[data-v-bf007c0f]{animation-play-state:paused}.tutorial-card__caption[data-v-bf007c0f]{gap:var(--spaces-xs);display:flex}.tutorial-card__cta[data-v-bf007c0f]{max-width:var(--size-36)}@keyframes tutorial-dim-bf007c0f{0%{opacity:0;animation-timing-function:cubic-bezier(.23,1,.32,1)}7%{opacity:.54;animation-timing-function:linear}61.25%{opacity:.54;animation-timing-function:cubic-bezier(.25,0,.35,1)}68.75%{opacity:0;animation-timing-function:linear}to{opacity:0}}@keyframes tutorial-play-bf007c0f{0%{transform:scale(var(--tutorial-card-play-scale));opacity:0;animation-timing-function:linear}7.5%{transform:scale(var(--tutorial-card-play-scale));opacity:0;animation-timing-function:cubic-bezier(.7,0,1,1)}11%{animation-timing-function:cubic-bezier(.1,0,.3,1);transform:scale(.97)}12%{opacity:1;animation-timing-function:linear}17%{animation-timing-function:cubic-bezier(.25,0,.35,1);transform:scale(1.08)}23.5%{animation-timing-function:linear;transform:scale(1)}40.5%{animation-timing-function:cubic-bezier(.1,0,.3,1);transform:scale(1)}45.5%{animation-timing-function:cubic-bezier(.25,0,.35,1);transform:scale(1.06)}51%{animation-timing-function:cubic-bezier(.25,0,.35,1);transform:scale(1)}60.5%{opacity:1;animation-timing-function:cubic-bezier(.25,0,.35,1)}68%{opacity:0;animation-timing-function:linear;transform:scale(.96)}to{transform:scale(var(--tutorial-card-play-scale));opacity:0}}@keyframes tutorial-games-slide-bf007c0f{0%{transform:translateX(calc(var(--set-width)*-1))}to{transform:translateX(calc(var(--set-width)*-2))}}.live-onboarding[data-v-c1056e49]{--live-onboarding-max-width:1488px;gap:var(--spaces-xl);width:100%;max-width:var(--live-onboarding-max-width);flex-direction:column;margin:0 auto;display:flex}@media (min-width:1024px){.live-onboarding[data-v-c1056e49]{gap:var(--spaces-3xl)}}.live-onboarding__top[data-v-c1056e49]{position:relative}.live-onboarding__guides[data-v-c1056e49]{gap:var(--spaces-s);padding:0 var(--padding-xl);flex-direction:column;display:flex}@media (min-width:1024px){.live-onboarding__guides[data-v-c1056e49]{padding:0}.live-onboarding__section-header[data-v-c1056e49]{display:none}}.live-onboarding__tutorials[data-v-c1056e49]{gap:var(--spaces-m);flex-direction:column;align-items:center;display:flex}@media (min-width:1024px){.live-onboarding__tutorials[data-v-c1056e49]{gap:var(--spaces-3xl)}}.live-onboarding__banner[data-v-c1056e49]{padding:0 var(--padding-xl)}@media (min-width:1024px){.live-onboarding__banner[data-v-c1056e49]{padding:0}}.live-onboarding-page[data-v-9268c62b]{min-height:100%}.live-onboarding-page[data-v-9268c62b] .container{padding:0}.live-onboarding-page[data-v-9268c62b] .template-page__content{margin-bottom:0}@media (min-width:1200px){.live-onboarding-page[data-v-9268c62b]{padding-top:var(--padding-2xl);padding-bottom:var(--padding-2xl)}.live-onboarding-page[data-v-9268c62b] .container{padding-right:var(--app__container__pr);padding-left:var(--app__container__pl)}}