.clickable-card{cursor:pointer;transition:.3s}.clickable-card:hover{transform:translateY(-3px);box-shadow:0 4px 12px #0000001f!important}#weather-grid .weather-card{border-radius:12px;background:#fff;border:1px solid #f0f0f0!important}.today-highlight{background:linear-gradient(to bottom,#f8fbff,#fff);border:1px solid #0d6efd!important}.calendar-grid-container{margin-left:-.25rem!important;margin-right:-.25rem!important;width:calc(100% + .5rem)!important}.weather-details{font-size:.65rem;line-height:1.5}.weather-details .item{display:flex;justify-content:space-between;padding:1px 0}.weather-details .item span:first-child{color:#888}.city-badge{text-transform:capitalize;cursor:pointer;font-size:.8rem;padding:.4rem .7rem}.bg-warning-subtle{background-color:#fff3cd!important}.bg-purple{background-color:#6f42c1!important;color:#fff!important}.weather-scale-badge{font-size:.6rem!important;font-weight:700!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;padding:.4rem .5rem .35rem!important;border-radius:.25rem!important;vertical-align:middle!important}@media(min-width:1200px){.row-cols-xl-7>*{flex:0 0 auto;width:14.2857%}}