:root{--blue: #1e90ff;--white: #ffffff;--red: #c36429;--red-dark:#b9354d;--minfont:1em;--bordercolor:#e9f6ff;--transition-duration: .2s}body{background:#ffffff}#container{container-type:inline-size;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:0;margin:auto;min-width:160px;font-size:32px;line-height:normal}#modularCalendar,#modular-calendar{margin:auto;width:100%;background:var(--bordercolor)}.calTop #btn-prev,.calTop #btn-next{float:left;width:10%;margin-top:.8em;font-size:.5em}.calWeek{float:left;text-align:center;color:#000;font-family:Lexend,sans-serif;font-weight:500;width:calc(100% / 7);aspect-ratio:7/2;font-size:.6em}.calTitle{color:#6096b4;font-family:Lexend,sans-serif;font-weight:500;text-align:center;font-size:1.2em}.calTop,.calBody{overflow:hidden;clear:left}.calBody .day{background:#d6e8f8;color:#a5b1b7;border:var(--bordercolor);border-style:solid;border-width:.1em;float:left;box-sizing:border-box;border-radius:calc(var(--minfont)/3);padding:.3em;width:calc(100% / 7);aspect-ratio:1 / 1;font-family:Inter,sans-serif;font-weight:500;overflow:hidden;font-size:.7em;text-align:center}.calBody .day p{margin:0;border-width:.01em}.week{background:#d6e8f8;color:#a5b1b7;border:var(--bordercolor);border-style:solid;border-width:.1em;float:left;box-sizing:border-box;border-radius:calc(var(--minfont)/3);padding:.3em;width:calc(100% / 7);aspect-ratio:1 / 3;font-family:Inter,sans-serif;font-weight:500}.calBody ._day{background:#bdd1e6 linear-gradient(180deg,#cdeaff,#bde0ff);color:#000}.calBody ._today{background:#fbe8f8 linear-gradient(180deg,#fbe8f8,#ffcaf6);color:#000}.calBody ._day:hover{background:#bdd1e6 linear-gradient(0deg,#c6e3f8,#b8dbfa)}.calBody ._today:hover{background:#fbe8f8 linear-gradient(0deg,#fbe8f8,#ffcaf6)}.calBody .event{margin-right:0;box-sizing:border-box;background-image:linear-gradient(to right,#2cb32f,#2cb32f 10%,#e11f1f 0%,#e11f1f 30%,#2cb32f 0%,#2cb32f 60%,#e11f1f 0%,#e11f1f 80%,#2cb32f 0%);font-size:.6em}.eventDot{width:.3em;height:.3em;border-radius:100%;display:inline-block}#btnChange{background-color:#c6e3f8;border-radius:2em;box-shadow:#2cbb6333 0 -25px 18px -14px inset,#2cbb6326 0 1px 2px,#2cbb6326 0 2px 4px,#2cbb6326 0 4px 8px,#2cbb6326 0 8px 16px,#2cbb6326 0 16px 32px;color:#6096b4;cursor:pointer;display:inline-block;font-family:Lexend,sans-serif;font-weight:500;padding:.3em .8em;text-align:center;text-decoration:none;transition:all .25s;border:0;user-select:none;-webkit-user-select:none;touch-action:manipulation}#btnChange:hover{box-shadow:#2cbb6359 0 -25px 18px -14px inset,#2cbb6340 0 1px 2px,#2cbb6340 0 2px 4px,#2cbb6340 0 4px 8px,#2cbb6340 0 8px 16px,#2cbb6340 0 16px 32px;transform:scale(1.05)}@container (min-width: 600px){.calBody .day{font-size:2cqi;font-weight:300}.calBody .day .event{font-size:12px;font-weight:300}.eventDot{display:none}}@container (max-width: 600px){#modularCalendar,#modular-calendar{font-size:4cqi}.calBody .day{font-size:1em;font-weight:500}.calBody .day p{padding:0;text-align:center;margin:auto}.event{display:none}.calTitle{font-size:1.5em}.calWeek{font-size:1em}}#btn-prev,#btn-next{float:left;width:10%;border-radius:.6em;border:none;color:#fff;padding:.4em 1em;text-align:center;cursor:pointer;margin-top:1.1em}#modularCalendar,#modular-calendar{background:none}.calWeek{color:var(--red)}.calTitle{margin:.2em 0 .3em}.calBody .day{background:none;color:#697b85;border-radius:.8em;border-color:#0000}.calBody .day p{padding:.25em;border-radius:1em;border:#1e8fff00;border-style:solid;border-width:.1em;width:1.3em;height:1.3em;font-family:Inter,sans-serif;font-weight:300;box-sizing:content-box;font-size:2.1em}.week{background:none;color:inherit}.calBody ._day{background:none;color:#6096b4}.calBody ._today{background:none;color:inherit}.calBody ._today p{background:var(--red);color:#fff}.calBody ._day:hover,.calBody ._today:hover{background:none;cursor:pointer;border-color:var(--red)}.calBody .event{background-image:none;padding:2% 8%;margin-right:.1em;margin-bottom:.1em;box-sizing:border-box;border-radius:.5em;color:#faa44e;background:#427793}.calBody .cal-selected p,.calBody .cal-selected:hover p{border-color:var(--blue)}@keyframes animate{0%{border-color:green}50%{border-color:var(--blue)}to{border-color:green}}@container (max-width: 700px){.calBody .day p{margin:auto;padding:0;font-size:1.5em;text-align:center}}