*{margin:0;padding:0}*,*:before,*:after{box-sizing:border-box}html{width:100%}body{font:2rem/1.5 system-ui,Arial,sans-serif}body{max-width:900px;margin:0 auto}app-root{display:block;padding:0 1em}kal-month{display:block;font-weight:700}kal-today-info{display:block;margin-top:2em;font-size:18px;text-align:center;color:silver}.year-percent span{display:block}.year-loader{margin-top:.15em;height:18px;width:100%;border:2px solid rgb(207,206,206)}.year-loader .inner{width:0;height:100%;background:#e9e9e9}.year-percent .wrapper{display:inline-block}.cal-nav{display:flex;width:100%;margin:1em 0}.cal-nav a{display:block;color:#000;text-decoration:none}.cal-nav .next-month{text-align:right}.cal-nav h1{flex:1;align-self:center}.btn-month-nav{border:1px solid #ccc;border-radius:6px;padding:6px 16px}.btn-month-nav:active,.btn-month-nav.active{background-color:#f4f4f4;border-color:#aaa;transform:scale(.95)}h1{font-size:inherit;text-align:center;margin:0;white-space:nowrap}.month{width:100%;display:grid;grid-template-columns:repeat(7,1fr);gap:12px;max-width:900px;text-align:center}.month .header{background:#e4e4e4}.month span{font-weight:700;background:#f2f2f2;padding:8px;cursor:pointer;border-radius:10px}.month span.header{font-size:.8em}.month span.weekend{background:#e4e4e4}.month span.sun{color:#f65950;background:#ffeaea}.month span.holiday{color:#f65950}.month span.today{background:#e6f9f1}.month span.prev-month,.month span.next-month{color:#ccc}.month span.next-month.sun{color:#ffb0ac}#day-info{text-align:center;font-size:24px;padding:32px 0}@media only screen and (max-width: 600px){body{font-size:1rem}.month{gap:6px}.month span{font-size:inherit;padding:4px}kal-today-info{font-size:12px}.year-loader{height:16px;border-width:1px}}