:root{--startDegree:140deg;--endDegree:499deg}@font-face{font-family:Gilroy;font-weight:800;src:url(/assets/fonts/Gilroy-ExtraBold.otf) format("opentype")}@font-face{font-family:"PT Serif";src:url(/assets/fonts/PTSerif-RegularItalic.ttf);font-weight:400;font-style:italic}/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:initial;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:initial}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:initial}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}.button{font-family:Gilroy,sans-serif;font-size:18px;font-weight:800;padding:15px 45px;border:0;outline:0;cursor:pointer;transition:opacity .1s ease-in-out;position:relative;color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.25);margin-right:20px;border-radius:12px}.button:last-of-type{margin-right:0}.button--active{background-color:#a2f3b9}.button--inactive{background-color:#fb8b8a}.button--outside{background-color:#fbc46f}.button--homeoffice{background-color:#65c1ff}.button--dog{background:linear-gradient(135deg,#88f0c3 10%,#d2faae 90%)}.clock{position:fixed;bottom:20px;left:20px;color:#000;font-size:30px;line-height:30px;font-family:Galette,sans-serif;letter-spacing:3px;font-weight:800}.clock>span{font-size:23px;line-height:24px;font-weight:100;color:rgba(0,0,0,.5)}#app{overflow:hidden;min-height:100vh;align-items:center;flex-direction:column}#app,.header{position:relative;display:flex}.header{--burger-size:30px;width:100%;max-width:1920px;margin-left:auto;margin-right:auto;justify-content:center;padding:30px}.header input[type=checkbox]{display:none}.header__burger{width:30px;height:40px;position:relative;cursor:pointer}.header__burger span{display:block;position:absolute;width:30px;height:3px;background-color:#fff;top:50%;left:50%;margin-left:-15px;margin-top:-1px;content:"";transform-origin:center;border-radius:4px;transition:all .3s ease-in-out;top:20px}.header__burger span:first-of-type{top:10px}.header__burger span:last-child{top:30px}input[type=checkbox]:checked~label span:first-of-type{transform:translateY(10px) rotate(45deg)}input[type=checkbox]:checked~label span:nth-child(2){transform:scale(0)}input[type=checkbox]:checked~label span:last-child{transform:translateY(-10px) rotate(-45deg)}.sidebar{position:fixed;left:20px;top:50%;margin-top:-40vh;height:80vh;width:Min(100vw,320px);border-radius:16px;background:#fff;box-shadow:0 4px 30px rgba(0,0,0,.1);z-index:1;transition:transform .3s ease-in-out;transform:translateX(-120%);padding:40px 24px}.sidebar--open{transform:none}.sidebar__headline,.sidebar__intro{font-family:Gilroy,sans-serif;color:#000}.sidebar__headline{margin-bottom:20px}.sidebar__intro{margin-bottom:30px}.logo{margin:0 auto;transform:translateX(calc(var(--burger-size)/2*-1));display:block;width:140px}@media only screen and (min-width:480px){.logo{width:210px}}.google-logout{text-align:center}.box,.overview{display:flex;justify-content:center}.box{margin:20px;position:relative;z-index:2;background-color:#fff;border-radius:50%;height:250px;width:250px;padding:20px 40px;flex-direction:column;align-items:center}.box p,.box span{font-family:Gilroy,sans-serif;font-size:28px;line-height:42px;font-weight:800;color:#000;text-align:center;margin-top:10px;margin-bottom:24px}.home{perspective:1200px;min-height:50vh}@media (hover){.home{padding-top:60px}}.home--spacer{height:50vh}.detail{position:absolute;height:100vh}.detail,.detail__user-wrapper{display:flex;justify-content:center;align-items:center}.detail__user-wrapper{background-color:#fff;border-radius:20px;flex-direction:column;margin-inline:20px;min-height:300px;opacity:.01;padding:20px 40px;position:relative;transform:scale(1.1);width:100%;z-index:2;box-shadow:0 15px 30px 0 rgba(0,0,0,.2)}@media only screen and (min-width:1024px){.detail__user-wrapper{width:760px}}.detail__user-wrapper--enter-active,.detail__user-wrapper--enter-done{opacity:1;transform:scale(1);transition:opacity .3s,transform .3s}.detail__back{position:absolute;z-index:3;top:30px;right:30px;height:25px;width:25px;font-size:0;text-decoration:none}.detail__back:after,.detail__back:before{content:"";position:absolute;height:24px;width:2px;top:1px;left:11px;background-color:#666}.detail__back:before{transform:rotate(45deg)}.detail__back:after{transform:rotate(-45deg)}.detail__user{position:relative;z-index:3}.detail__user .profile--inactive{opacity:1}.detail__name{display:block;font-family:Gilroy,sans-serif;font-size:28px;line-height:42px;font-weight:800;color:#000;margin-top:10px;margin-bottom:24px}.detail__name,.detail__text{text-align:center;position:relative;z-index:3}.detail__text{font-family:"PT Serif",serif;font-size:19px;line-height:27px;font-style:italic;min-height:50px}.detail__button-wrapper{position:relative;z-index:3;display:flex;flex-direction:column}@media only screen and (min-width:1024px){.detail__button-wrapper{flex-direction:row}}.detail__button-wrapper .button{margin-bottom:10px;margin-right:0}@media only screen and (min-width:1024px){.detail__button-wrapper .button{margin-right:20px;margin-bottom:0}}.home .profile{margin:10px;height:80px;width:80px}@media only screen and (min-width:1024px){.home .profile{margin:15px;height:90px;width:90px}}@media only screen and (min-width:1440px){.home .profile{margin:20px;height:100px;width:100px}}.detail .profile{margin:0 auto}.profiles{display:flex;flex-wrap:wrap;width:100%;max-width:1920px;margin-left:auto;margin-right:auto;padding:20px;justify-content:center}@media only screen and (min-width:1024px){.profiles{justify-content:flex-start}}.profiles--appear{opacity:0;transform:scale(1.1)}.profiles--appear-done,.profiles--enter-active,.profiles--enter-done{opacity:1;transform:scale(1);transition:opacity .3s,transform .3s}.profile{position:relative;display:block;height:100px;width:100px;text-decoration:none;flex:0 0 auto;animation-duration:1s;animation-fill-mode:both}.profile:before{content:"";position:absolute;bottom:0;right:0;height:23px;width:23px;border:4px solid #fff;border-radius:50%;z-index:1;transition:background-color .1s ease-in-out}@media (hover){.profile:hover .profile__image{transform:scale(1.2)}.profile:hover .tooltip{top:-30px;opacity:1;visibility:visible;pointer-events:auto}}@keyframes hinge{0%{animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);animation-timing-function:ease-in-out}40%,80%{transform:rotate(60deg);animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0,700px,0);opacity:0}}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{animation-name:zoomIn}.hinge{animation-name:hinge;animation-duration:2s;transform-origin:top left}.tooltip{position:absolute;font-family:Gilroy,sans-serif;white-space:nowrap;top:0;left:50%;transform:translateX(-50%);font-size:14px;background:#fff;color:#000;padding:5px 8px;box-shadow:0 10px 10px rgba(0,0,0,.1);opacity:0;pointer-events:none;border-radius:4px;transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.profile--active:before{background-color:#a2f3b9}.profile--homeoffice:before{background-color:#65c1ff}.profile--outside:before{background-color:#fbc46f}.profile--inactive .profile__image{filter:grayscale(100%)}.profile--inactive:before{background-color:#fb8b8a}.profile__figure{position:relative;border:4px solid #fff;border-radius:50%;margin:0;height:100%;background-size:contain}.profile__image-wrapper{position:relative;border-radius:50%;margin:0;height:100%;overflow:hidden}.profile__party{position:absolute;top:50%;left:50%;width:200%;height:210%;transform:translate(-50%,-50%)}.profile__image{width:100%;height:100%;object-fit:cover;border-radius:50%;transform-origin:top center;transition:filter .1s ease-in-out,opacity .1s ease-in-out,transform .3s ease-in-out}.profile__dog{width:100%;height:100%;position:absolute;top:0;left:0}.profile__dog-icon{position:absolute;left:-3px;bottom:-15px;font-size:36px;rotate:-5deg}.profile__heart-wrapper{width:100px;height:100px;position:absolute;left:-10px;bottom:-85px}.heart{position:absolute;width:10px;height:10px;background-color:#fb8b8a;border-bottom-right-radius:23%;opacity:0;animation-fill-mode:both}@keyframes heart-beat{0%{transform:scale(.75) rotate(35deg);opacity:1}5%,15%,25%{transform:scale(1) rotate(35deg)}10%,20%{transform:scale(.75) rotate(35deg)}70%{opacity:1}to{transform:rotate(35deg) translateY(-10px) translateX(-10px);opacity:0}}.heart--1{top:-25%;left:15%;animation:heart-beat 2s ease-out 1.5s infinite}.heart--2{top:-36%;left:7%;animation:heart-beat 2s ease-out 1s infinite}.heart--3{top:-48%;left:14%;animation:heart-beat 2s ease-out .5s infinite}.heart--4{top:-53%;left:-3%;animation:heart-beat 2s ease-out infinite}.heart:after,.heart:before{position:absolute;width:100%;height:100%;content:"";border-radius:50%;background-color:#fb8b8a}.heart:after{bottom:0;left:-53%}.heart:before{top:-53%;right:0;transform:rotate(45deg)}.weather{position:absolute;top:10px;right:14px;background:hsla(0,0%,100%,.14);border-radius:16px;box-shadow:0 4px 30px rgba(0,0,0,.1);backdrop-filter:blur(6.9px);-webkit-backdrop-filter:blur(6.9px);padding:20px;color:#fff;font-family:Gilroy,sans-serif;text-align:center}@media only screen and (min-width:768px){.weather{right:40px}}.weather__name{font-size:14px}.weather__temp{text-align:center;font-size:32px;margin-block:8px}.weather__desc{font-size:10px;display:none}@media (hover){.weather{top:40px;right:24px}.weather__name{font-size:16px}.weather__desc{font-size:12px;display:block}}.background{position:fixed;top:0;left:0;height:100vh;width:100vw;transition:background 10s ease-out}.background__pseudo{position:absolute;top:-100vh;left:-100vh;opacity:0;width:1px;height:1px}.background__city{position:absolute;left:50%;width:100vw;bottom:0;transform:translateX(-50%)}.background__city>img{width:100%;height:auto;display:block}.time-0000,.time-0030,.time-0100,.time-0130,.time-0200,.time-0230,.time-0300,.time-0330,.time-0400,.time-0430,.time-0500,.time-0530,.time-0600,.time-0630,.time-0700,.time-0730,.time-1030,.time-1100,.time-1130,.time-1200,.time-1230,.time-1300,.time-1330,.time-1400,.time-1430,.time-1500,.time-1530,.time-1900,.time-1930,.time-2000,.time-2030,.time-2100,.time-2130,.time-2200,.time-2230,.time-2300,.time-2330{background:linear-gradient(180deg,#1996e7,#00b9f8 27%,#bdf5ff)}.time-0800{background:linear-gradient(180deg,#4f50b6,#346fd3 49%,#fa7099)}.time-0830,.time-0900{background:linear-gradient(180deg,#4f50b6,#346fd3 19%,#cab1d7 46%,#ecc0d8 57%,#ffc9d9 67%,#feb5cb 77%,#fa7099)}.time-0930{background:linear-gradient(180deg,#1996e7,#00b9f8 20%,#c3e8ed 46%,#f2f4eb 63%,#fff7ea 70%,#feeccf 80%,#fbc46f)}.time-1000{background:linear-gradient(180deg,#1996e7,#00b9f8 31%,#c3e8ed 68%,#f2f4eb 86%,#fff7ea)}.time-1600{background:linear-gradient(180deg,#1997e7,#23c4fa 19%,#94e8fe 49%,#bcf5ff 62%,#caeade 76%,#fbc46f)}.time-1630{background:linear-gradient(180deg,#643ba2,#346fd3 15%,#1996e7 27%,#5bc2f3 38%,#94e8fe 48%,#a2e9f6 54%,#caeade 62%,#fbc46f 77%,#fb8b8a)}.time-1700{background:linear-gradient(180deg,#643ba2,#346fd3 22%,#8a9ed5 33%,#c2bcd7 41%,#dac9d8 48%,#f7d9d8 61%,#f7d3d3 65%,#f8c7c6 70%,#fb8b8a 84%,#fa7099)}.time-1730{background:linear-gradient(180deg,#4f50b6,#643ba2 23%,#9e509f 38%,#ea808e 55%,#fb9ba0 67%,#fb8b8a 82%,#fa7099)}.time-1800{background:linear-gradient(180deg,#4f50b6,#643ba2 13%,#9e509f 32%,#fa7099 60%,#ea6a9a 73%,#9e509f)}.time-1830{background:linear-gradient(180deg,#4f50b6,#643ba2 19%,#9e509f)}.birds__container{position:absolute;top:0;bottom:0;left:0;right:0;z-index:0;overflow:hidden}.bird{background-image:url(/assets/images/bird.svg);background-size:auto 100%;width:88px;height:125px;will-change:background-position;animation-name:fly-cycle;animation-timing-function:steps(10);animation-iteration-count:infinite}.bird--one{animation-duration:1s;animation-delay:-.5s}.bird--two{animation-duration:.9s;animation-delay:-.75s}.bird-container{position:absolute;top:20%;left:-10%;transform:scale(0) translateX(-10vw);will-change:transform;animation-name:fly-right-one;animation-timing-function:linear;animation-iteration-count:infinite}.bird-container--one{animation-duration:50s;animation-delay:1s}.bird-container--two{animation-name:fly-right-two;animation-duration:30s;animation-delay:4s}@keyframes fly-cycle{to{background-position:-900px 0}}@keyframes fly-right-one{0%{transform:translateY(25vh) scale(.2) translateX(-20vw)}5%{transform:translateY(26vh) translateX(10vw) scale(.2)}10%{transform:translateY(24vh) translateX(30vw) scale(.2)}15%{transform:translateY(22vh) translateX(50vw) scale(.2)}20%{transform:translateY(23vh) translateX(70vw) scale(.3)}25%{transform:translateY(21vh) translateX(90vw) scale(.2)}30%{transform:translateY(23vh) translateX(110vw) scale(.2)}to{transform:translateY(25vh) translateX(110vw) scale(.2)}}@keyframes fly-right-two{0%{transform:translateY(-10vh) translateX(-10vw) scale(.5)}5%{transform:translateY(-10vh) translateX(10vw) scale(.4)}10%{transform:translateY(-14vh) translateX(30vw) scale(.6)}15%{transform:translateY(-11vh) translateX(50vw) scale(.45)}20%{transform:translateY(-2.5vh) translateX(70vw) scale(.5)}25%{transform:translateY(0) translateX(90vw) scale(.45)}30%{transform:translateY(0) translateX(110vw) scale(.45)}to{transform:translateY(0) translateX(110vw) scale(.45)}}canvas{display:block}.background__animations{position:absolute;top:0;bottom:0;left:0;right:0;z-index:0;overflow:hidden}.background__daytime{position:absolute;top:0;left:0;right:0;bottom:-100vh;will-change:transform;transform-style:preserve-3d;transform-origin:center;transform:translateZ(0) rotate(200deg)}.background__light{background:radial-gradient(30% 60%,circle contain,rgba(0,0,102,.25) 0,transparent 100%);height:100%;left:0;position:absolute;top:0;width:100%}.background__sun{background:radial-gradient(#ffd492,#fffbdd);box-shadow:0 0 100px #fff9d2,0 0 130px #fff9d2,0 0 150px #fff9d2;top:107px;height:210px;width:210px;right:120px}.background__moon,.background__sun{border-radius:100%;position:absolute;margin:0}.background__moon{background-image:url(/assets/images/moon.png);background-size:103% 103%;background-position:50%;bottom:107px;height:180px;width:180px;left:120px;box-shadow:0 0 130px #fff;filter:url(#dropshadow)}@keyframes DayNight{0%{transform:translateZ(0) rotate(var(--startDegree))}to{transform:translateZ(0) rotate(var(--endDegree))}}*{box-sizing:border-box;margin:0;padding:0}:root{--animate-duration:0.5s;--animate-delay:1s;--animate-repeat:1}.animated{animation-duration:var(--animate-duration);animation-fill-mode:both}.animated.faster{animation-duration:calc(var(--animate-duration)/2)}.animated.fast{animation-duration:calc(var(--animate-duration)*0.8)}@keyframes wobble{0%{transform:translateZ(0)}15%{transform:translate3d(-25%,0,0) rotate(-5deg)}30%{transform:translate3d(20%,0,0) rotate(3deg)}45%{transform:translate3d(-15%,0,0) rotate(-3deg)}60%{transform:translate3d(10%,0,0) rotate(2deg)}75%{transform:translate3d(-5%,0,0) rotate(-1deg)}to{transform:translateZ(0)}}.wobble{animation-name:wobble}@keyframes rubberBand{0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}}.rubberBand{animation-name:rubberBand}@keyframes shakeX{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}.shakeX{animation-name:shakeX}.delete-bar{margin:20px;display:flex;flex-direction:column}.delete-bar__input{font-family:Gilroy,sans-serif;height:48px;border-radius:12px;border:1px solid #666;padding:10px}.delete-bar p{display:block;font-size:12px;font-family:Gilroy,sans-serif;margin-top:6px;text-align:left;pointer-events:none}.delete-bar__cta{margin-top:20px}