@import"https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Quicksand:300,400,500,600,700&display=swap";:root{color-scheme:dark;font-family:Open Sans,"Noto Color Emoji","Apple Color Emoji","Segoe UI Emoji",sans-serif;background:#000;color:#fff}*{box-sizing:border-box}html{font-size:62.5%}html,body,#root{margin:0;width:100%;height:100%;overflow:hidden;background:#000}.frame-shell{position:relative;width:100vw;height:100vh;overflow:hidden;background:#000;cursor:none}.slideshow,.complications,.pairing-overlay,.brightness-cover{position:absolute;inset:0}.slideshow{z-index:100;background:#000;color:#fff}.slideshow canvas{position:absolute;left:0;top:0;width:100%;height:100%;background:#3f2f27;cursor:none}.empty-frame{position:absolute;inset:0;display:grid;place-items:center;width:100%;height:100%;color:#ffffffb8;font-size:4rem;text-shadow:-2px -2px 3px rgba(0,0,0,.4),-2px 2px 3px rgba(0,0,0,.4),2px -2px 3px rgba(0,0,0,.4),2px 2px 3px rgba(0,0,0,.4)}.complications{z-index:200;font-size:3rem;line-height:1;color:#fff;pointer-events:none;transition:1s ease all;box-shadow:inset 0 0 5vmin 1vmin #0000004d,inset 0 0 5vmin 2vmin #0000004d,inset 0 0 5vmin 3vmin #0000004d}.complications.is-new{box-shadow:inset 0 0 0 5px #e8b353}.complications>*{display:flex;flex-flow:column nowrap}.complications>*>*{margin-top:2rem}.complications>*>*:first-child{margin-top:0}.complication-text{text-shadow:-2px -2px 3px rgba(0,0,0,.4),-2px 2px 3px rgba(0,0,0,.4),2px -2px 3px rgba(0,0,0,.4),2px 2px 3px rgba(0,0,0,.4)}.complication-solid{box-shadow:0 0 22px 4px #0003,0 4px 4px 4px #0003;padding:1rem;margin-left:1rem;border-radius:1rem;text-transform:uppercase;border-style:solid;border-width:2px 0;border-color:#ffffff80;background:#000000d5}.top-left{position:absolute;left:4vmin;top:4vmin;align-items:flex-start}.top-right{position:absolute;right:4vmin;top:4vmin;align-items:flex-end}.top-center{position:absolute;left:50%;top:4vmin;max-width:58vw;align-items:center;transform:translate(-50%)}.status-complications{display:flex;flex-flow:row nowrap;align-items:stretch;justify-content:center;gap:1.2rem}.status-complication{min-width:8em;padding:1rem 1.5rem 1.1rem;border:2px solid rgba(255,255,255,.45);border-radius:1.2rem;background:#000000d1;box-shadow:0 0 22px 4px #00000040,0 4px 4px 4px #0000002e;text-align:center;text-shadow:none}.status-label{margin-bottom:.35em;color:#ffffffb8;font-size:55%;font-weight:800;letter-spacing:.06em;line-height:1.1;text-transform:uppercase}.status-value{font-size:92%;font-weight:800;line-height:1.1}.cover-status.is-closed{border-color:#4ade80d1}.cover-status.is-closed .status-value{color:#86efac}.cover-status.is-open{border-color:#f87171e6}.cover-status.is-open .status-value{color:#fca5a5}.cover-status.is-transitioning{border-color:#facc15d6}.cover-status.is-transitioning .status-value{color:#fde047}.relative-time-status{border-color:#fb923cd9}.relative-time-status .status-value{color:#fdba74}.status-complication.is-unavailable{border-color:#94a3b88c;opacity:.78}.bottom-left{position:absolute;left:4vmin;bottom:4vmin;align-items:flex-start}.bottom-right{position:absolute;right:4vmin;bottom:4vmin;align-items:flex-end}.clock{font-size:200%;display:flex;flex-flow:row;justify-items:center}.clock .hour{font-size:180%;margin-right:.01em;line-height:.7;font-weight:700}.clock .separator{line-height:1.3;font-weight:700;font-size:75%;margin-right:.1em}.clock .minute{font-weight:400;line-height:1}.current-date{display:flex;flex-flow:row wrap;align-items:center;justify-content:flex-end}.current-date .day-of-week,.current-date .name-of-month{font-weight:900;font-size:85%;text-transform:uppercase;margin:0 .4em}.current-date .day-of-month{font-size:200%;font-weight:700}.image-name .title{font-size:140%;font-weight:700;text-transform:uppercase}.image-name{opacity:1;transform:translateY(0);transition:opacity .35s ease,transform .35s ease}.image-name-entering{opacity:0;transform:translateY(10vmin)}.image-name-visible{opacity:1;transform:translateY(0)}.image-name-exiting,.image-name-hidden{opacity:0;transform:translateY(0)}.image-name .owner{font-weight:900;font-size:80%;text-transform:uppercase}.image-name .title-row{display:flex;flex-flow:row wrap;align-items:baseline;gap:.45em}.image-name .photo-date{font-size:82%;font-weight:700;text-transform:uppercase;opacity:.86}.brightness-cover{z-index:201;background:#000;pointer-events:none}.offline-toast{position:absolute;left:50%;bottom:30px;z-index:302;transform:translate(-50%);padding:14px 20px;border-radius:999px;background:#db3232;color:#fff;font-weight:700;box-shadow:0 10px 30px #00000059}.pairing-overlay{z-index:300;display:flex;align-items:center;align-content:center;justify-content:center;background:#000000b3}.pairing-card{display:grid;justify-items:center;gap:18px;width:min(520px,90vw);padding:42px;border-radius:32px;background:#fffffff0;color:#0f172a;box-shadow:0 24px 90px #0000008c;text-align:center;text-shadow:none}.pairing-card h1{margin:0;font-size:clamp(30px,5vw,58px)}.pairing-card p{margin:0;color:#475569;font-size:20px}.pairing-card code{max-width:100%;overflow-wrap:anywhere;color:#334155}.agenda{font-size:80%;display:flex;flex-flow:column nowrap;align-items:stretch;width:16em}.complication-solid.agenda-item{display:flex;flex-flow:row nowrap;align-items:center;padding:1rem;margin:.5rem 0;transition:.7s ease-in-out all}.complication-solid.agenda-item.is-now{font-size:120%;margin-right:-1em;margin-left:-4em}.complication-solid.agenda-item.is-past{font-size:80%;margin-left:3em;opacity:.75}.complication-solid.agenda-item.is-future{font-size:90%}.complication-solid.agenda-item.is-separator,.complication-solid.agenda-item.is-all-day{text-align:center}.complication-solid.agenda-item.is-separator .agenda-time,.complication-solid.agenda-item.is-all-day .agenda-time{display:none}.complication-solid.agenda-item.is-separator .agenda-summary{font-weight:900}.complication-solid.agenda-item.is-all-day .agenda-summary{font-weight:700}.agenda-logo{width:60px;height:60px;margin-right:.5em;object-fit:contain}.agenda-time{flex:0 0 40%;text-align:center}.agenda-time-start{font-weight:900;font-size:130%;text-transform:uppercase}.agenda-details{flex:1 0 0;min-width:0}.agenda-time-end{font-weight:900;font-size:80%;text-transform:uppercase}.agenda-summary{font-weight:500;vertical-align:middle;-webkit-line-clamp:5;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.weather{font-size:140%;display:flex;flex-flow:row nowrap;align-items:center;text-align:left}.weather-chart{width:500px;height:120px;overflow:visible;display:block}@media(max-width:760px){.complications{font-size:2rem}.agenda{width:14em}.weather-chart{width:360px}}