@import url(https://fonts.googleapis.com/css2?family=Playfair+Display&family=Roboto&display=swap);:root{--primary:#d52941;--secondary:#52616b;--font:#1e2022;--bg:#f0f5f9;--heading:#1e2022}[data-theme=dark]{--primary:#d52941;--secondary:#c9d6df;--font:#f0f5f9;--bg:#1e2022;--heading:#fff}body{margin:0;font-family:"Roboto",sans-serif,-apple-system,BlinkMacSystemFont;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f0f5f9;background-color:var(--bg);color:#1e2022;color:var(--font);transition:background-color .5s ease}*{box-sizing:border-box}.container{margin:0 auto;position:relative;max-width:1440px;width:calc(100% - 40px)}@media (min-width:768px){.container{width:calc(100% - 80px)}}button:focus,input:focus,link:focus,select:focus,textarea:focus{outline:1px dotted #52616b;outline:1px dotted var(--secondary);outline-offset:2px}h1{color:#1e2022;color:var(--font);font-size:2.8rem;font-family:"Playfair Display",serif}a{color:#d52941;color:var(--primary)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.theme-switcher{position:fixed;top:20px;right:20px}.theme-switcher button{background:transparent;border:none;color:#52616b}[data-theme=dark] .theme-switcher button{color:#ecd444}.main-app{display:flex;grid-gap:30px;gap:30px;flex-direction:column}.main-app__left{width:100%;margin-top:30px;margin-right:30px}@media (min-width:768px){.main-app__left{width:30%}}@media (min-width:1023px){.main-app__left{width:40%;min-width:300px}}.main-app__right{flex:1 1 auto}@media (min-width:1023px){.main-app{flex-direction:row;grid-gap:45px;gap:45px}}.life-grid{margin:0 auto}.life-grid__row{display:flex;justify-content:center;margin-top:2px}.life-grid__el{display:block;height:1.3vw;width:1.3vw;border:1px solid #52616b;border:1px solid var(--secondary);transition:background-color .5s ease;margin-right:2px;font-size:.6em}@media (min-width:1023px){.life-grid__el{height:1vw;width:1vw}}.life-grid__el--active{background:#1e2022;background:var(--font);border-color:#1e2022;border-color:var(--font)}.life-grid__label{border:none;font-size:.9em;opacity:0}.life-grid__label--show{opacity:1}.life-grid-wrapper{margin-top:70px;margin-left:-20px;margin-right:-20px;display:grid;grid-template-columns:12px 12px auto;grid-template-rows:12px 12px auto;font-size:.5em;grid-gap:0 0;gap:0 0}.life-grid-wrapper svg{width:20px}@media (min-width:768px){.life-grid-wrapper{font-size:1em;grid-template-columns:35px 25px auto;grid-template-rows:40px 25px auto}.life-grid-wrapper svg{color:--var(--secondary);width:50px}}.life-grid-wrapper__weeks{font-family:"Playfair Display",serif}.life-grid-wrapper__weeks>div{display:flex;grid-gap:10px;gap:10px}.life-grid-wrapper__years{font-family:"Playfair Display",serif}.life-grid-wrapper__years>div{display:flex;grid-gap:10px;gap:10px;transform:rotate(90deg)}.controls label{display:block;margin-top:1.6em;margin-bottom:.5em;font-weight:700}.datepicker{width:100%}.datepicker input{background:transparent;color:#1e2022;color:var(--font)}.datepicker svg{stroke:#1e2022;stroke:var(--font)}.datepicker .react-calendar{background:#f0f5f9;border:1px solid #1e2022;border-color:var(--font)}.datepicker .react-calendar__month-view__weekdays{color:#1e2022}.datepicker .react-date-picker__wrapper{width:100%;border:none}.datepicker__wrapper{border:1px solid #1e2022;border-color:var(--font);font-size:1.2em;padding:4px;max-width:300px}.yearpicker select{background:transparent;color:#1e2022;color:var(--font);border:none;width:100%;font-size:1.2em;-webkit-appearance:none}.yearpicker .yearpicker__wrapper{border:1px solid #1e2022;border-color:var(--font);font-size:1.2em;padding:4px;max-width:300px}.extra__info>div{margin:25px 0}.extra__info span{font-weight:700}.footer{margin-top:70px;text-align:center}
/*# sourceMappingURL=main.3547b77e.chunk.css.map */