@layer components{#pageWelcome{background-color:#fff5ec;flex-direction:column;height:100dvh;display:flex}#pageWelcome #pWelcome{background-color:#0000;flex-direction:column;flex:1 1 0;width:100%;max-width:500px;min-height:0;margin-inline:auto;display:flex}#pageWelcome .bHeader{padding:calc(12px + env(safe-area-inset-top)) 16px 12px;background-color:var(--colorWhite);flex:none}#pageWelcome .bHeaderInner{max-width:500px;margin-inline:auto}#pageWelcome .bLogo{width:auto;height:40px;display:block}#pageWelcome .bHero{flex:1 1 0;min-height:140px;position:relative}#pageWelcome .bHeroImage{object-fit:cover;object-position:center 60%;-webkit-mask-image:linear-gradient(#000 80%,#0000);mask-image:linear-gradient(#000 80%,#0000)}@media (min-width:768px){#pageWelcome .bHeroImage{-webkit-mask-image:linear-gradient(#000 80%,#0000),linear-gradient(90deg,#0000,#000 15% 85%,#0000);mask-image:linear-gradient(#000 80%,#0000),linear-gradient(90deg,#0000,#000 15% 85%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}}#pageWelcome .bContent{flex:none;padding:8px 24px 0}#pageWelcome .tTitle{font-size:2.375rem;line-height:1.1579em;font-weight:var(--fw-bold);color:var(--text-primary)}#pageWelcome .tAccent{color:var(--colorPrimary)}#pageWelcome .tDesc{color:var(--text-secondary);text-wrap:pretty;margin-top:8px;font-size:1.125rem;line-height:1.5556em}#pageWelcome .bAction{padding:24px 24px calc(16px + env(safe-area-inset-bottom));flex:none;gap:12px;display:grid}#pageWelcome .bAction .btn.large{height:52px;font-size:1.125rem;line-height:1.5556em}#pageWelcome .bAction .btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}#pageWelcome .tNote{text-align:center;color:var(--text-tertiary);margin-top:4px;font-size:.875rem;line-height:1.4286em}}