weather-calendar{display:block}weather-calendar .max-width{max-width:64em;margin:0 auto;padding:1em;box-sizing:border-box}weather-calendar .calendar-controls{display:flex;align-items:center;justify-content:center;gap:.5em;margin:1em}weather-calendar .calendar-controls select{padding:.5em .75em;font-size:.875em;border:1px solid var(--input-border-color);background-color:var(--input-bg-color);color:var(--font-color);border-radius:.375em;font-family:Roboto,Helvetica Neue,sans-serif}weather-calendar .calendar-controls .view-btn{padding:.5em 1em;font-size:.875em}weather-calendar .month-nav{border:none;background-color:transparent;cursor:pointer;width:1.5em;height:1.5em;flex-shrink:0;background-size:contain;background-repeat:no-repeat;background-position:center;padding:0}weather-calendar .month-nav.back{background-image:var(--icon-chevron-left)}weather-calendar .month-nav.forward{background-image:var(--icon-chevron-right)}weather-calendar .calendar-card{border-radius:.75em;border:1px solid var(--dashboard-widget-border-color);background-color:var(--dashboard-widget-bg-color);box-shadow:0 1px 2px var(--dashboard-widget-box-shadow-color);backdrop-filter:blur(20px);overflow:hidden}weather-calendar .calendar-day-headers{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-weight:600;font-size:.75em;text-transform:uppercase;letter-spacing:.05em;color:var(--color-secondary-font);background:var(--pws-status-bg-color);padding:.75em 0;border-bottom:1px solid rgba(128,128,128,.15)}weather-calendar .calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}weather-calendar .calendar-cell{background-color:var(--bg-color);min-height:7.5em;display:flex;flex-direction:column;align-items:center;padding:.375em;box-sizing:border-box;border-bottom:1px solid rgba(128,128,128,.15);border-right:1px solid rgba(128,128,128,.15)}weather-calendar .calendar-cell:nth-child(7n){border-right:none}weather-calendar .calendar-cell:nth-last-child(-n+7){border-bottom:none}weather-calendar .calendar-cell.today{box-shadow:inset 0 0 0 2px var(--wu-darkblue)}weather-calendar .calendar-cell.forecast{box-shadow:inset 0 0 0 2px var(--wu-yellow)}weather-calendar .calendar-cell.today.forecast{box-shadow:inset 0 0 0 2px var(--wu-darkblue)}weather-calendar .calendar-cell.other-month{opacity:.3}weather-calendar .calendar-cell .day-number{font-weight:700;font-size:.875em;margin-bottom:.125em}weather-calendar .calendar-cell .condition-icon{min-width:1.5em;max-width:1.5em;min-height:1.5em;max-height:1.5em;background-size:contain}weather-calendar .calendar-cell .condition-text{font-size:.625em;text-align:center;line-height:1.2;max-height:1.875em;overflow:hidden}weather-calendar .calendar-cell .data-label{font-size:.5625em;font-weight:700;color:var(--color-secondary-font);margin-top:.125em}weather-calendar .calendar-cell .temps{font-size:.75em;font-weight:700}weather-calendar .calendar-cell .temps .high{color:var(--wu-red)}weather-calendar .calendar-cell .temps .low{color:var(--wu-lightblue)}weather-calendar .calendar-cell .temps .temp-separator{color:var(--color-secondary-font)}weather-calendar .calendar-cell .precip{font-size:.625em;display:flex;align-items:center;gap:.125em;color:var(--color-secondary-font)}weather-calendar .calendar-cell .precip-icon{min-width:.75em;max-width:.75em;min-height:.75em;max-height:.75em;background-size:contain}@media (max-width:640px){weather-calendar .calendar-cell{min-height:5em;padding:.125em}weather-calendar .calendar-cell .condition-text{display:none}weather-calendar .calendar-cell .condition-icon{min-width:1.25em;max-width:1.25em;min-height:1.25em;max-height:1.25em}weather-calendar .calendar-cell .temps{font-size:.625em}weather-calendar .calendar-cell .precip{font-size:.5em}}