.mosaic{--radius:.375rem;--background:#f1f0ee;--canvas:#e4e1df;--foreground:#1d1a17;--card:#fefdfc;--primary:#d87943;--primary-foreground:#fff;--muted:#edebe9;--muted-foreground:#69645e;--accent:#e9e7e4;--destructive:#db3236;--border:#d7d4d1;--input:#eae7e4;--ring:var(--primary);--sidebar:#f7f5f4;--sidebar-accent:#fefdfc;--sidebar-primary:var(--primary);--sidebar-primary-foreground:#fff;--surface:var(--sidebar);--shade:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;background:var(--canvas);color:var(--foreground);font-family:var(--font-sans), system-ui, sans-serif;text-align:left;-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.5}@supports (color:lab(0% 0 0)){.mosaic{--background:lab(94.7819% .339091 1.07777);--canvas:lab(89.7945% .453532 1.4379);--foreground:lab(9.52116% .977561 2.92297);--card:lab(99.421% .16883 .538456);--primary:lab(61.0635% 34.7377 45.747);--primary-foreground:lab(100% 0 0);--muted:lab(93.2742% .396162 1.25777);--muted-foreground:lab(42.5839% 1.30051 3.98946);--accent:lab(91.6505% .453472 1.43785);--destructive:lab(49.7873% 64.8352 41.2205);--border:lab(85.1555% .68441 2.15952);--input:lab(91.883% .568271 1.79826);--sidebar:lab(96.7539% .339031 1.07775);--sidebar-accent:lab(99.421% .16883 .538456);--sidebar-primary-foreground:lab(100% 0 0)}}.dark .mosaic{--background:#131210;--canvas:#0c0a09;--foreground:#e8e6e4;--card:#1e1c19;--primary:#e78a53;--primary-foreground:#131210;--muted:#262422;--muted-foreground:#aca8a5;--accent:#312f2c;--destructive:#de3b3c;--border:#2d2a28;--input:#2d2a28;--sidebar:#191715;--sidebar-accent:#312f2c;--sidebar-primary-foreground:#131210;--shade:0 10px 15px -3px #0000000d}@supports (color:lab(0% 0 0)){.dark .mosaic{--background:lab(5.44668% .416979 1.20913);--canvas:lab(2.92883% .279725 .793564);--foreground:lab(91.4185% .453442 1.43785);--card:lab(10.2178% .591606 1.81372);--primary:lab(66.9146% 32.9179 44.8058);--primary-foreground:lab(5.44668% .416979 1.20913);--muted:lab(14.394% .587404 1.8108);--muted-foreground:lab(69.2638% .803828 2.52271);--accent:lab(19.3823% .64458 1.99078);--destructive:lab(51.5874% 63.1725 39.5187);--border:lab(17.4102% .646204 1.99188);--input:lab(17.4102% .646204 1.99188);--sidebar:lab(8.12962% .594229 1.75513);--sidebar-accent:lab(19.3823% .64458 1.99078);--sidebar-primary-foreground:lab(5.44668% .416979 1.20913)}}.mosaic-box{aspect-ratio:16/10;position:relative;overflow:hidden;container-type:inline-size}.mosaic-box[data-size=phone]{aspect-ratio:3/5}.mosaic-box[data-size=tall]{aspect-ratio:9/16}.mosaic-box>.mosaic{zoom:tan(atan2(100cqw, 1200px));width:1200px;height:750px;position:absolute;inset:0 auto auto 0}.mosaic-box[data-size=phone]>.mosaic,.mosaic-box[data-size=tall]>.mosaic{zoom:tan(atan2(100cqw, 360px));width:360px;height:600px}.mosaic-box[data-size=tall]>.mosaic{height:640px}.mo-glow{box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--primary) 60%, transparent), inset 0 0 24px color-mix(in oklch, var(--primary) 38%, transparent)}.mo-gone{opacity:0}@media screen and (prefers-reduced-motion:no-preference) and (scripting:enabled){[data-replay] .mosaic .mo,.mosaic [data-replay] .mo{animation:var(--k,mo-rise) var(--t,.5s) var(--e,cubic-bezier(.2, .7, .2, 1)) calc(var(--d,0s) - var(--seek,0s)) both;animation-play-state:paused}[data-play] .mosaic .mo,.mosaic [data-play] .mo{animation-play-state:running}[data-paused] .mosaic .mo{animation-play-state:paused}}@keyframes mo-rise{0%{opacity:0;translate:0 10px}}@keyframes mo-fade{0%{opacity:0}}@keyframes mo-pop{0%{opacity:0;scale:.92}}@keyframes mo-slide{0%{opacity:0;translate:32px}}@keyframes mo-grow{0%{scale:0 1}}@keyframes mo-scroll{0%{translate:0}}@keyframes mo-out{0%{opacity:1}}@keyframes mo-pulse{0%,to{opacity:0}12%,45%,80%{opacity:1}28%,62%{opacity:.55}}@keyframes mo-paper{0%{opacity:0;translate:0 -40px}25%,55%{opacity:1;translate:0;scale:1}to{opacity:0;translate:var(--x) var(--y);scale:.2}}.mo-wire{--k:mo-down}@media (min-width:48rem){.mo-wire{--k:mo-across}}@keyframes mo-down{0%{opacity:0;translate:0}15%,85%{opacity:1}to{opacity:0;translate:0 26px}}@keyframes mo-across{0%{opacity:0;translate:0}15%,85%{opacity:1}to{opacity:0;translate:66px}}
