.calendar{background-color:#079fe1}.calendar .details{color:#fff;background:linear-gradient(#079fe1,#30b0e6);padding:2.5rem 0 4rem}.calendar .details.details-unloaded{min-height:18rem}.calendar .details .head{margin:0;padding:0 0 1rem;font-size:1.25rem;font-weight:500;line-height:1.5rem}.calendar .board{flex-direction:column;gap:.5rem;display:flex}.calendar .weekdays{grid-template-columns:repeat(7,1fr);gap:.5rem;display:grid}.calendar .weekdays .weekday{text-align:center;letter-spacing:.02em;opacity:.9;overflow-wrap:anywhere;padding:.25rem 0;font-size:.8125rem;font-weight:600;line-height:1.15rem}.calendar .weekdays .weekday .long{display:block}.calendar .weekdays .weekday .short{display:none}.calendar .days{grid-template-columns:repeat(7,1fr);gap:.5rem;display:grid}.calendar .days .day{color:inherit;font:inherit;text-align:inherit;cursor:pointer;background-color:#ffffff14;border:.0625rem solid #fff6;border-radius:.5rem;flex-direction:column;justify-content:flex-start;align-items:center;gap:.5rem;padding:1rem .75rem 1.25rem;text-decoration:none;transition:background-color .15s,border-color .15s;display:flex}.calendar .days .day:hover{background-color:#ffffff2e;border-color:#ffffffbf}.calendar .days .day:focus-visible{outline-offset:.125rem;outline:.125rem solid #ffffffe6}.calendar .days .day.empty{pointer-events:none;background:0 0;border-color:#0000;min-height:7.5rem}.calendar .days .day.bare{pointer-events:none;opacity:.55;background-color:#fff0;border:.0625rem solid #ffffff40}.calendar .days .day.locked{pointer-events:none;cursor:default;background-color:#fff0;border:.0625rem solid #ffffff40}.calendar .days .day.past{opacity:.55}.calendar .days .day.today{background-color:#138fc8;border-color:#138fc8}.calendar .days .day.today:hover{background-color:#138fc8;border-color:#ffffff8c}.calendar .days .day .number{flex-wrap:wrap;justify-content:center;align-self:stretch;align-items:baseline;gap:.35rem;font-size:.9375rem;font-weight:400;line-height:1;display:flex}.calendar .days .day .number .month.long{display:inline-block}.calendar .days .day .number .month.short{display:none}.calendar .days .day .number .month{opacity:.9;white-space:normal;font-size:.875rem;font-weight:500}.calendar .days .day .icon{justify-content:center;align-items:center;width:2.75rem;height:2.75rem;padding-top:.25rem;display:flex}.calendar .days .day .icon img{object-fit:contain;width:100%;height:100%}.calendar .days .day .temperature{justify-content:center;align-items:baseline;font-weight:600;line-height:1;display:flex}.calendar .days .day .temperature .value{font-size:1.25rem}.calendar .days .day .temperature .symbol{font-size:.875rem}.calendar .days .day .temperature .unit{opacity:.85;margin-left:.125rem;font-size:.75rem;font-weight:500}.calendar .days .day .blurb{text-align:center;color:#ffffffbf;white-space:normal;justify-content:center;align-items:center;font-size:.8125rem;font-weight:500;line-height:1.15;display:flex}
@media (max-width:999px){.calendar .days .day .number .month.long{display:none}.calendar .days .day .number .month.short{display:inline-block}}@media (max-width:899px){.calendar .days .day .icon{width:2.25rem;height:2.25rem}.calendar .days .day .temperature .value{font-size:1.0625rem}}@media (max-width:699px){.calendar .weekdays .weekday .long{display:none}.calendar .weekdays .weekday .short{display:block}}@media (max-width:599px){.calendar .weekdays .weekday{font-size:.6875rem}.calendar .days{gap:.25rem}.calendar .days .day{border-radius:.375rem;padding:.75rem 0}.calendar .days .day .number{text-align:center;font-size:.8125rem;font-weight:500;display:block}.calendar .days .day .number span{display:block}.calendar .days .day .number .month{margin-top:.375rem;font-size:.75rem;font-weight:400}.calendar .days .day .icon{width:1.75rem;height:1.75rem;padding-top:0}.calendar .days .day .temperature .value{font-size:.875rem}.calendar .days .day .temperature .unit{display:none}.calendar .days .day .blurb{font-size:.6875rem;display:none}}@media (max-width:399px){.calendar .days .day{gap:.5rem}.calendar .days .day .number .month{font-size:.625rem}.calendar .days .day .icon{width:1.5rem;height:1.5rem;padding-top:0}}