.TutorialModal_overlay__s16R7{position:fixed;inset:0;z-index:1300;background:rgb(0 0 0/60%)}.TutorialModal_root__gdLMv{position:fixed;top:50%;left:50%;z-index:1300;display:flex;width:min(100% - 2 * var(--spacing-page-base),var(--width-body));max-height:calc(100dvh - var(--spacing-page-base));flex-direction:column;overflow:hidden;background:var(--color-background);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transform:translate(-50%,-50%)}.TutorialModal_header__aWxCn{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-component-half);padding-block:var(--spacing-component-half);padding-inline:var(--spacing-component-base);background:var(--blue-500)}.TutorialModal_title__i12sZ{min-width:0;overflow:hidden;color:var(--color-inverse-foreground);font-size:var(--font-size-400);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading);letter-spacing:.0125rem;text-overflow:ellipsis;white-space:nowrap}.TutorialModal_close__RUp1_{box-sizing:border-box;flex-shrink:0;width:var(--size-32);height:var(--size-32);min-block-size:var(--size-32);min-inline-size:var(--size-32);padding:0}.TutorialModal_close__RUp1_ svg{inline-size:var(--size-16);block-size:var(--size-16)}.TutorialModal_body__U55EY{display:grid;min-height:0;flex:1 1 auto;grid-template-areas:"prev player next";grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--spacing-component-half);padding-block:var(--spacing-component-double);padding-inline:var(--spacing-component-base);overflow-y:auto}.TutorialModal_nav__6WOhM{flex:0 0 auto}.TutorialModal_navPrevious__2XACG{grid-area:prev}.TutorialModal_navNext__p6vGI{grid-area:next}.TutorialModal_player__wSGjf{--video-card-max-width:100%;display:flex;grid-area:player;width:100%;min-width:0;flex-direction:column;align-self:stretch}@media (max-width:calc(48rem - 1px)){.TutorialModal_root__gdLMv{width:min(100% - 2 * var(--spacing-page-base),22rem)}.TutorialModal_body__U55EY{grid-template-areas:"player player" "prev next";grid-template-columns:1fr 1fr;align-items:start;gap:var(--spacing-component-double) var(--spacing-component-half)}.TutorialModal_navPrevious__2XACG{justify-self:start}.TutorialModal_navNext__p6vGI{justify-self:end}}