/* Hero's styles, scoped to it by Bifrost */
@layer components{.story:where(.bf-74ao3d){position:relative;min-height:100svh;}.stage:where(.bf-74ao3d){position:sticky;top:0;z-index:10;height:100svh;overflow:hidden;background:var(--wall);transition:background-color 900ms ease-in-out;}.scene-window:where(.bf-74ao3d){position:absolute;inset:0 0 auto;height:100%;overflow:hidden;}.scene-inner:where(.bf-74ao3d){position:absolute;top:0;left:0;transform-origin:0 0;will-change:transform;width:290svh;height:100svh;}.day-layer:where(.bf-74ao3d){transition:visibility 0s;}.dark .day-layer:where(.bf-74ao3d){visibility:hidden;transition:visibility 0s 900ms;}.dark .day-layer:has(+.night-layer:empty):where(.bf-74ao3d){visibility:visible;}.night-layer:where(.bf-74ao3d){position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 900ms ease-in-out,visibility 0s 900ms;}.dark .night-layer:where(.bf-74ao3d){opacity:1;visibility:visible;transition:opacity 900ms ease-in-out,visibility 0s;}.floor:where(.bf-74ao3d),.app:where(.bf-74ao3d){display:none;}@media (max-width:499px) and (orientation:portrait){.stage:where(.bf-74ao3d){overflow:visible;}.floor:where(.bf-74ao3d),.app:where(.bf-74ao3d){display:block;}.device-at:where(.bf-74ao3d){display:none;}}.stage[data-layout="mobile"]:where(.bf-74ao3d){overflow:visible;}.stage[data-layout="mobile"] .floor:where(.bf-74ao3d),.stage[data-layout="mobile"] .app:where(.bf-74ao3d){display:block;}.stage[data-layout="mobile"] .device-at:where(.bf-74ao3d),.stage[data-layout="desktop"] .floor:where(.bf-74ao3d),.stage[data-layout="desktop"] .app:where(.bf-74ao3d){display:none;}.stage[data-layout="desktop"] .device-at:where(.bf-74ao3d){display:block;}.floor:where(.bf-74ao3d){position:absolute;inset:0 0 auto;overflow:hidden;}.floor-tile:where(.bf-74ao3d){position:absolute;inset:0;background-repeat:repeat;background-size:var(--tile-size,1400px 624px);background-position:var(--tile-x,0) 0;}.floor-night:where(.bf-74ao3d){opacity:0;transition:opacity 900ms ease-in-out;}.dark .floor-night:where(.bf-74ao3d){opacity:1;}.app:where(.bf-74ao3d){position:absolute;z-index:20;left:16px;top:60svh;width:calc(100% - 32px);height:40svh;overflow:hidden;border:8px solid #2a2a2e;border-bottom:0;border-radius:40px 40px 0 0;background:var(--background);}.device-at:where(.bf-74ao3d){position:absolute;z-index:20;right:3%;top:10%;width:23%;}.card:where(.bf-74ao3d){position:absolute;top:0;left:0;transform-origin:top left;}.chip:where(.bf-74ao3d){--g:var(--grow, 0);--chip-w:calc(60px + var(--title-w, 0px));position:relative;display:flex;align-items:flex-start;overflow:hidden;width:calc(var(--chip-w) + (358px - var(--chip-w)) * var(--g));height:calc(44px + 34px * var(--g));border-radius:calc(22px - 6px * var(--g));padding:calc(8px + 8px * var(--g)) calc(16px + (var(--price-w,0px) + 12px) * var(--g)) 0 calc(8px + 8px * var(--g));gap:calc(8px + 4px * var(--g));background:var(--card);color:var(--card-foreground);box-shadow:0 8px 24px rgb(0 0 0 / 0.08),0 0 0 1px var(--border);}.chip-tile:where(.bf-74ao3d){--s:calc(28px + 12px * var(--g));display:flex;width:var(--s);height:var(--s);align-items:center;justify-content:center;border-radius:calc(var(--s) / 2 + (12px - var(--s) / 2) * var(--g));}.chip-icon:where(.bf-74ao3d){width:calc(var(--s) / 2);height:calc(var(--s) / 2);}.chip-text:where(.bf-74ao3d){margin-top:calc((1 - var(--g)) * 2px);}.second-line:where(.bf-74ao3d){height:calc(var(--payer,0) * 20px);}.chip-price:where(.bf-74ao3d){position:absolute;top:16px;right:16px;}.arrive:where(.bf-74ao3d){--t:0;opacity:var(--t);transform:translateY(calc((1 - var(--t)) * 6px));}.arrive.price:where(.bf-74ao3d){--t:var(--price, 0);}.arrive.payer:where(.bf-74ao3d){--t:var(--payer, 0);}.arrive.when:where(.bf-74ao3d){--t:var(--when, 0);}[data-scene]:where(.bf-74ao3d),.floor:where(.bf-74ao3d){transition:opacity 250ms ease-out;}[data-bf-js] .stage:not([data-placed]) .floor:where(.bf-74ao3d),[data-bf-js] .stage:not([data-scene-ready]) [data-scene]:where(.bf-74ao3d){opacity:0;}.app:where(.bf-74ao3d),.device-at:where(.bf-74ao3d){transition:translate 900ms var(--ease-out-quart),opacity 300ms ease-out;}[data-bf-js] .stage:not([data-placed]) .app:where(.bf-74ao3d),[data-bf-js] .stage:not([data-placed]) .device-at:where(.bf-74ao3d){opacity:0;translate:0 100svh;}}