._glow_vy7mh_1{--border-thickness:1.4px;--halo-bleed:64px;--halo-source-gap:calc(0px - var(--halo-inset,12px));--halo-source-width:calc(var(--boundary-length,96px) / 2);--halo-source-height:calc(var(--boundary-length,96px) / 4);--halo-texture-width:calc(var(--halo-length,114px) / 2);--halo-texture-height:calc(var(--halo-spread,80px) / 2);--halo-opacity:.4;--path-inset:16px;--cycle-duration:6s;--cycle-start-offset:-1.28s;--orbit-y-distance:calc(32px + var(--border-thickness) + var(--border-thickness) + var(--halo-source-gap) + var(--halo-source-gap));--quiet-color:var(--color-slate-a3);--glow-color:var(--color-sky-a9);--halo-color:color-mix(in oklab, var(--color-sky-9) 90%, transparent);pointer-events:none;inset:calc(0px - var(--border-thickness) - var(--halo-bleed));border-radius:inherit;position:absolute;overflow:visible}._halo_vy7mh_31,._halo_vy7mh_31:before,._ring_vy7mh_33,._ring_vy7mh_33:before{position:absolute}._halo_vy7mh_31{z-index:0;padding:calc(var(--halo-bleed) + var(--border-thickness));border-radius:inherit;-webkit-mask-composite:xor;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}._halo_vy7mh_31:before{content:"";top:calc(var(--halo-bleed) - var(--halo-source-gap) - var(--halo-texture-height));left:calc(var(--halo-bleed) + var(--path-inset) - var(--halo-texture-width));width:calc(100% - var(--halo-bleed) - var(--halo-bleed) - var(--path-inset) - var(--path-inset));height:calc(var(--halo-texture-height) + var(--halo-texture-height));background:radial-gradient(ellipse var(--halo-texture-width) var(--halo-texture-height) at var(--halo-texture-width) var(--halo-texture-height), var(--halo-color) 0%, var(--halo-color) 10%, color-mix(in oklab, var(--halo-color) 65%, transparent) 32%, color-mix(in oklab, var(--halo-color) 30%, transparent) 52%, color-mix(in oklab, var(--halo-color) 12%, transparent) 68%, transparent 85%);animation:_command-bar-orbit_vy7mh_1 var(--cycle-duration) linear var(--cycle-start-offset) infinite;opacity:var(--halo-opacity);filter:var(--halo-filter,none);animation-play-state:var(--orbit-play-state,running);will-change:transform;transition:opacity .2s ease-out}._ring_vy7mh_33{z-index:1;inset:var(--halo-bleed);padding:var(--border-thickness);border-radius:inherit;background:var(--quiet-color);-webkit-mask-composite:xor;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}._ring_vy7mh_33:before{opacity:var(--highlight-opacity,1);content:"";top:calc(0px - var(--halo-source-gap) - var(--halo-source-height));left:calc(var(--path-inset) - var(--halo-source-width));width:calc(100% - var(--path-inset) - var(--path-inset));height:calc(var(--halo-source-height) + var(--halo-source-height));background:radial-gradient(ellipse var(--halo-source-width) var(--halo-source-height) at var(--halo-source-width) var(--halo-source-height), var(--glow-color) 0%, var(--glow-color) 26%, color-mix(in oklab, var(--glow-color) 80%, transparent) 42%, color-mix(in oklab, var(--glow-color) 36%, transparent) 60%, transparent 76%);animation:_command-bar-orbit_vy7mh_1 var(--cycle-duration) linear var(--cycle-start-offset) infinite;animation-play-state:var(--orbit-play-state,running);will-change:transform;transition:opacity .2s ease-out}._glow_vy7mh_1[data-active=false] ._halo_vy7mh_31:before,._glow_vy7mh_1[data-active=false] ._ring_vy7mh_33:before{opacity:0;animation-play-state:paused}@keyframes _command-bar-orbit_vy7mh_1{0%{transform:translate(0,0)}42.8571%{transform:translate(100%)}50%{transform:translate3d(100%, var(--orbit-y-distance), 0)}92.8571%{transform:translate3d(0, var(--orbit-y-distance), 0)}to{transform:translate(0,0)}}@media (prefers-reduced-motion:reduce){._halo_vy7mh_31:before,._ring_vy7mh_33:before{will-change:auto;animation:none}}@font-face{font-family:Geist;src:url(/demos/sunbeam-chrome/assets/Geist-Bj2R_7yk.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap}:root{font-feature-settings:"dlig" on, "ss06" on, "ss08" on;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#000308e2;color:color(display-p3 0 .012 .031/.887);background:var(--color-sky-2);--color-sky-2:#f1fafd;--color-sky-4:#d1f0fb;--color-sky-9:#7ce2fe;--color-sky-a9:#00b7f26a;--color-sky-a11:#00749e;--color-slate-a3:#0101370f;--separator:#03033111;font-family:Geist,system-ui,sans-serif;font-size:14px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@supports (color:color(display-p3 0 0 0)){:root{--color-sky-2:color(display-p3 .953 .98 .99);--color-sky-4:color(display-p3 .842 .937 .977);--color-sky-9:color(display-p3 .585 .877 .983);--color-sky-a9:color(display-p3 .004 .71 .965/.416);--color-sky-a11:color(display-p3 .193 .448 .605);--color-slate-a3:color(display-p3 .004 .004 .204/.059);--separator:color(display-p3 .012 .012 .184/.065)}}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{overflow:hidden}button{font:inherit;color:inherit}.sunbeam-chrome{-webkit-user-select:none;user-select:none;grid-template-rows:48px minmax(0,1fr) 40px;height:100%;display:grid;overflow:clip}.top-bar{grid-template-columns:32px minmax(0,1fr) 32px;align-items:center;padding:0 8px;display:grid}.icon-button{background:0 0;border:0;place-items:center;width:32px;height:32px;padding:0;display:grid}.icon-button img{opacity:.75}.tabs{justify-content:center;gap:8px;display:flex}.tabs span{white-space:nowrap;padding:6px 8px;line-height:20px}.tabs [aria-current]{background:#00b4d617;background:color(display-p3 .1 .7 .85/.09);border-radius:6px}.calendar{background:color-mix(in srgb, white 65%, var(--color-sky-2));min-height:0;box-shadow:0 0 0 1px var(--separator), 0 1px 2px #00000008;border-radius:8px;grid-template-rows:56px 36px minmax(0,1fr);margin:0 8px 8px;display:grid}.month{padding:16px;font-size:24px;font-weight:400;line-height:28px}.month strong{font-weight:550}.weekdays{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.weekdays span{padding:8px 16px;line-height:20px}.calendar-grid{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(7,minmax(0,1fr));display:grid;overflow:hidden}.calendar-day{min-width:0;box-shadow:0 -1px var(--separator), 1px 0 var(--separator);padding:8px;overflow:hidden}.date{font-variant-numeric:tabular-nums;place-items:center;min-width:26px;height:24px;margin:0 0 8px;display:inline-grid}.date[data-today=true]{background:#fff;border-radius:6px;box-shadow:0 0 0 1px #39819180,0 1px 2px #0000000a;box-shadow:0 0 0 1px color(display-p3 .3 .5 .56/.5),0 1px 2px #0000000a}.task-card{box-shadow:0 0 0 .7px var(--separator), 0 1px 2px #00000008;background:#fff;border-radius:6px;margin-bottom:8px;padding:12px}.skeleton-title,.skeleton-status{align-items:center;gap:6px;display:flex}.skeleton-title{margin-bottom:8px}.skeleton-title i{border-radius:50%;flex-shrink:0;width:12px;height:12px;box-shadow:inset 0 0 0 1.5px #b4c1c6}.skeleton-title span{background:#dce4e7;border-radius:3px;width:64%;height:7px}.skeleton-line{background:#e7edef;border-radius:3px;width:92%;height:6px;margin-top:6px}.skeleton-line.short{width:62%}.skeleton-status{margin-top:14px}.skeleton-status i{background:#92bdc9;border-radius:50%;flex-shrink:0;width:7px;height:7px}.skeleton-status span{background:#e0e8ea;border-radius:3px;width:40%;height:5px}.task-card[data-variant="1"] .skeleton-line.short{width:78%}.task-card[data-variant="1"] .skeleton-status i{background:#d4b692}.task-card[data-variant="2"] .skeleton-status i{background:#9cbaa7}.bottom-bar{justify-content:center;padding-bottom:8px;display:flex;position:relative}.command-bar{z-index:1;position:relative}.ask-sunbeam{white-space:nowrap;background:#fff;border:0;border-radius:999px;align-items:center;gap:6px;height:32px;padding:0 12px 0 10px;font-size:14px;font-weight:500;line-height:20px;display:flex;position:relative;box-shadow:inset 0 0 0 1px #00000009,0 0 0 1px #0000000a,0 1px 2px #00000014}.ask-sunbeam svg{fill:currentColor;opacity:.75}.keyboard-shortcut{opacity:.5;margin-left:2px}.live-updates{pointer-events:none;height:48px;position:absolute;inset:-8px 0 0}.activity-backdrop{position:absolute;inset:0}.progressive-blur,.activity-fade{height:88px;position:absolute;inset:auto 0 48px}.progressive-blur{isolation:isolate}.progressive-blur>div{position:absolute;inset:0}.activity-fade{background:var(--color-sky-2);-webkit-mask-image:linear-gradient(#0000 0%,#00000001 1.8%,#00000002 4.8%,#00000005 9%,#0000000b 13.9%,#00000013 19.8%,#00000020 27%,#00000031 35%,#00000047 43.5%,#00000061 53%,#0000008a 66%,#000000bc 81%,#000 100%);mask-image:linear-gradient(#0000 0%,#00000001 1.8%,#00000002 4.8%,#00000005 9%,#0000000b 13.9%,#00000013 19.8%,#00000020 27%,#00000031 35%,#00000047 43.5%,#00000061 53%,#0000008a 66%,#000000bc 81%,#000 100%)}.activity-base{background:var(--color-sky-2);height:48px;position:absolute;inset:auto 0 0}.activity-halo{aspect-ratio:16/9;background:var(--color-sky-4);filter:blur(64px);border-radius:50%;max-width:560px;margin:0 auto;position:relative;top:-66.6667%}.activity-text{text-align:center;text-wrap:balance;overflow-wrap:break-word;max-width:560px;color:var(--color-sky-a11);margin:0 auto;padding:0 20px;font-size:14px;font-weight:500;line-height:20px;position:absolute;inset:auto 0 calc(100% + 8px)}.activity-text span{vertical-align:top;display:inline-block}@media (prefers-color-scheme:dark){:root{color:#fcfdffef;color:color(display-p3 .988 .992 1/.937);--color-sky-2:#111a27;--color-sky-4:#113655;--color-sky-a9:#84e6fffb;--color-sky-a11:#75c7f0;--color-slate-a3:#deeeff14;--separator:#ddf4ff1c;background:#000}@supports (color:color(display-p3 0 0 0)){:root{--color-sky-2:color(display-p3 .075 .101 .149);--color-sky-4:color(display-p3 .106 .207 .323);--color-sky-a9:color(display-p3 .592 .894 1/.984);--color-sky-a11:color(display-p3 .536 .772 .924);--color-slate-a3:color(display-p3 .882 .933 .992/.077);--separator:color(display-p3 .882 .953 .996/.111)}}.icon-button img{filter:invert()}.calendar{background:#111113;background:color(display-p3 .067 .067 .074)}.date[data-today=true],.task-card{background:#18191b;background:color(display-p3 .095 .098 .105)}.skeleton-title i{box-shadow:inset 0 0 0 1.5px #5a6169;box-shadow:inset 0 0 0 1.5px color(display-p3 .357 .381 .409)}.skeleton-title span{background:#43484e;background:color(display-p3 .265 .28 .302)}.skeleton-line,.skeleton-status span{background:#363a3f;background:color(display-p3 .215 .226 .244)}.ask-sunbeam{background:#ddf4ff1c;background:color(display-p3 .882 .953 .996/.111)}.activity-fade,.activity-base{background:#000}.activity-halo{background:#112840;background:color(display-p3 .089 .154 .244)}}@supports (corner-shape:squircle){.calendar{corner-shape:squircle;border-radius:16px}.tabs [aria-current],.task-card,.date[data-today=true]{corner-shape:squircle;border-radius:12px}}@media (width<=600px){.tabs{gap:0}.tabs span{padding-inline:7px;font-size:12px}.calendar{grid-template-rows:48px 32px minmax(0,1fr)}.month{padding:12px;font-size:20px}.weekdays span{padding:6px 12px;font-size:11px}.calendar-day{padding:5px}.date{min-width:22px;font-size:12px}.task-card{padding:7px}.skeleton-title{gap:3px}.skeleton-title i{width:8px;height:8px}.activity-text{font-size:13px}}@media (height<=500px){.calendar{grid-template-rows:44px 30px minmax(0,1fr)}.month{padding-block:10px;font-size:20px}.calendar-day{padding-top:4px}.date{margin-bottom:4px}.task-card{padding:8px}.skeleton-status{margin-top:8px}}@media (height<=800px){.task-card~.task-card{display:none}}