.dream-weather{--dw-accent:#00778f;--dw-active:#e8823a;--dw-card:#fdf1eb;--dw-text:#2b3437;--dw-plot:150px;box-sizing:border-box;margin:2em 0;color:var(--dw-text);font-family:inherit;container-type:inline-size;overflow-x:clip}.dream-weather *,.dream-weather *::before,.dream-weather *::after{box-sizing:border-box}.dream-weather .screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.dream-weather .dream-weather__heading{margin:0 0 6px;font-size:clamp(1.2rem, 1.05rem + 0.6vw, 1.45rem);font-weight:800;line-height:1.2}.dream-weather .dream-weather__intro{margin:0 0 14px;color:#59636a;font-size:.95rem;line-height:1.5}.dream-weather__tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.dream-weather .dream-weather__tab{padding:9px 20px;border:2px solid var(--dw-accent);border-radius:999px;background:#fff;color:var(--dw-accent);font:inherit;font-size:.92rem;font-weight:700;line-height:1.2;cursor:pointer;transition:background-color 0.2s ease,color 0.2s ease,border-color 0.2s ease,transform 0.15s ease}.dream-weather .dream-weather__tab:hover{transform:translateY(-1px)}.dream-weather .dream-weather__tab.is-active{border-color:var(--dw-active);background:var(--dw-active);color:#fff;box-shadow:0 6px 14px -8px var(--dw-active)}.dream-weather__tab:focus-visible,.dream-weather__units button:focus-visible,.dream-weather__month:focus-visible{outline:2px solid var(--dw-accent);outline-offset:2px}.dream-weather__panel[hidden]{display:none}.dream-weather__card{position:relative;padding:18px 20px 16px;border-radius:18px;background:var(--dw-card);box-shadow:0 4px 16px rgb(0 0 0 / .06)}.dream-weather__top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;margin-bottom:10px}.dream-weather .dream-weather__legend{display:flex;flex-wrap:wrap;gap:6px 14px;margin:0;padding:0;list-style:none}.dream-weather .dream-weather__legend li{display:flex;align-items:center;gap:6px;margin:0;color:#4b555b;font-size:.8rem;font-weight:600;white-space:nowrap}.dream-weather__dot{width:12px;height:12px;border-radius:50%}.dream-weather__units{display:inline-flex;flex-shrink:0;padding:3px;border-radius:999px;background:rgb(255 255 255 / .85);box-shadow:inset 0 0 0 1px rgb(0 0 0 / .06)}.dream-weather .dream-weather__units button{min-width:42px;padding:5px 10px;border:0;border-radius:999px;background:#fff0;color:#6b757b;font:inherit;font-size:.82rem;font-weight:800;line-height:1.2;cursor:pointer;transition:background-color 0.2s ease,color 0.2s ease}.dream-weather .dream-weather__units button[aria-pressed="true"]{background:var(--dw-accent);color:#fff}.dream-weather .dream-weather__best{display:inline-flex;align-items:center;gap:6px;margin:0 0 10px;padding:5px 12px;border-radius:999px;background:#fff;color:var(--dw-text);font-size:.82rem;font-weight:700}.dream-weather__best span{color:#f2a200}.dream-weather .dream-weather__chart{display:flex;align-items:stretch;gap:4px;margin:0;padding:26px 0 0;list-style:none}.dream-weather .dream-weather__month{position:relative;display:flex;flex:1 1 0%;flex-direction:column;align-items:center;min-width:0;margin:0;padding:4px 0 6px;border-radius:12px;outline:none;cursor:default;transition:background-color 0.2s ease}.dream-weather .dream-weather__month::marker{content:none}.dream-weather__month.is-best{background:rgb(255 255 255 / .55)}.dream-weather__month.is-now{background:rgb(255 255 255 / .9);box-shadow:inset 0 0 0 2px var(--dw-accent)}.dream-weather__month.is-now::before{content:attr(data-now-label);position:absolute;top:-22px;left:50%;padding:1px 7px;border-radius:999px;background:var(--dw-accent);color:#fff;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;transform:translateX(-50%)}.dream-weather__month:hover,.dream-weather__month:focus-visible{background:#fff}.dream-weather__plot{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;width:100%;height:var(--dw-plot)}.dream-weather__temp{margin-bottom:4px;font-size:.78rem;font-weight:800;line-height:1;white-space:nowrap}.dream-weather__bar{display:block;width:min(78%, 40px);height:calc(var(--h) * (var(--dw-plot) - 22px) / 100);border-radius:10px 10px 4px 4px;background:linear-gradient(180deg,color-mix(in srgb,var(--c) 82%,#ffffff),var(--c));transform-origin:bottom;transition:transform 0.6s cubic-bezier(.34,1.4,.64,1);transition-delay:calc(var(--i) * 35ms)}.dream-weather__month.is-best .dream-weather__bar{box-shadow:0 0 0 2px #ffffff,0 0 0 4px #f2c14e}.dream-weather.is-pending .dream-weather__bar{transform:scaleY(0)}.dream-weather__icon{margin-top:6px;font-size:1.15rem;line-height:1;transition:transform 0.2s ease}.dream-weather__month:hover .dream-weather__icon,.dream-weather__month:focus-visible .dream-weather__icon{transform:translateY(-3px) scale(1.2)}.dream-weather__name{margin-top:5px;color:#4b555b;font-size:.78rem;font-weight:700;line-height:1}.dream-weather__tip{position:absolute;bottom:calc(100% - 18px);left:50%;z-index:3;display:flex;flex-direction:column;gap:2px;padding:8px 10px;border-radius:10px;background:#1f2a2e;box-shadow:0 8px 20px rgb(0 0 0 / .2);color:#fff;font-size:.75rem;line-height:1.3;white-space:nowrap;opacity:0;pointer-events:none;transform:translate(-50%,4px);transition:opacity 0.15s ease,transform 0.15s ease}.dream-weather__month:first-child .dream-weather__tip,.dream-weather__month:nth-child(2) .dream-weather__tip{left:0;transform:translate(0,4px)}.dream-weather__month:last-child .dream-weather__tip,.dream-weather__month:nth-last-child(2) .dream-weather__tip{right:0;left:auto;transform:translate(0,4px)}.dream-weather__month:hover .dream-weather__tip,.dream-weather__month:focus-visible .dream-weather__tip,.dream-weather__month.is-tapped .dream-weather__tip{opacity:1;transform:translate(-50%,0)}.dream-weather__month:first-child:hover .dream-weather__tip,.dream-weather__month:nth-child(2):hover .dream-weather__tip,.dream-weather__month:last-child:hover .dream-weather__tip,.dream-weather__month:nth-last-child(2):hover .dream-weather__tip,.dream-weather__month:first-child.is-tapped .dream-weather__tip,.dream-weather__month:nth-child(2).is-tapped .dream-weather__tip,.dream-weather__month:last-child.is-tapped .dream-weather__tip,.dream-weather__month:nth-last-child(2).is-tapped .dream-weather__tip{transform:translate(0,0)}.dream-weather__tip strong{font-size:.8rem}.dream-weather__dot--rain{border-radius:3px;background:linear-gradient(180deg,#8fd0ec,#2f8fcf)}.dream-weather__rain{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;height:44px;margin-top:8px;padding-top:4px;border-top:1px dashed rgb(47 143 207 / .35)}.dream-weather__rain-bar{display:block;width:min(60%, 26px);height:calc(var(--r) * 0.24px);min-height:2px;border-radius:0 0 6px 6px;background:linear-gradient(180deg,#2f8fcf,#8fd0ec);transform-origin:top;transition:transform 0.6s ease;transition-delay:calc(var(--i) * 35ms + 200ms)}.dream-weather.is-pending .dream-weather__rain-bar{transform:scaleY(0)}.dream-weather__rain-val{margin-top:3px;color:#2f7fb5;font-size:.66rem;font-weight:700;line-height:1}.dream-weather__month.has-note .dream-weather__name::after{content:'';display:block;width:5px;height:5px;margin:3px auto 0;border-radius:50%;background:var(--dw-active)}.dream-weather__tip em{max-width:220px;margin-top:2px;color:#ffd8b8;font-style:normal;white-space:normal}.dream-weather__tip .dream-weather__dot{display:inline-block;width:8px;height:8px;margin-right:5px}.dream-weather__plot--group{flex-direction:row;align-items:flex-end;justify-content:center;gap:2px}.dream-weather__col{display:flex;flex:1 1 0%;flex-direction:column;align-items:center;justify-content:flex-end;min-width:0;height:100%}.dream-weather__col .dream-weather__bar{width:100%;max-width:16px;border-radius:6px 6px 2px 2px;background:var(--c)}.dream-weather__col .dream-weather__temp{font-size:.62rem}.dream-weather__chart--compare .dream-weather__name{margin-top:8px}.dream-weather__details{margin-top:14px;border-top:1px solid rgb(0 0 0 / .07)}.dream-weather__details summary{padding:10px 2px 4px;color:var(--dw-accent);font-size:.85rem;font-weight:700;cursor:pointer}.dream-weather__table-wrap{margin-top:8px;overflow-x:auto;border-radius:10px;background:#fff}.dream-weather .dream-weather__table{width:100%;margin:0;border-collapse:collapse;font-size:.8rem;line-height:1.35}.dream-weather .dream-weather__table th,.dream-weather .dream-weather__table td{padding:7px 10px;border:0;border-bottom:1px solid #f0ebe7;text-align:left;white-space:nowrap}.dream-weather .dream-weather__table thead th{background:#fbf6f2;color:#5b656b;font-size:.72rem;letter-spacing:.03em;text-transform:uppercase}.dream-weather .dream-weather__table .dream-weather__note-cell{min-width:220px;white-space:normal}.dream-weather__table tr.is-best th span{color:#f2a200}.dream-weather .dream-weather__credit{margin:8px 2px 0;color:#8a949a;font-size:.7rem}.dream-weather__credit a{color:inherit}@container (max-width:560px){.dream-weather{--dw-plot:130px}.dream-weather__card{padding:14px 10px 12px;border-radius:14px}.dream-weather__top{padding:0 4px}.dream-weather .dream-weather__chart{gap:1px}.dream-weather__temp{font-size:.66rem}.dream-weather__icon{font-size:.85rem}.dream-weather__name{font-size:.66rem}.dream-weather__bar{width:70%;border-radius:6px 6px 3px 3px}.dream-weather .dream-weather__tab{padding:7px 14px;font-size:.85rem}.dream-weather .dream-weather__legend li{font-size:.74rem}.dream-weather__rain-val{font-size:.56rem}.dream-weather__col .dream-weather__temp{display:none}}@media (prefers-reduced-motion:reduce){.dream-weather *,.dream-weather *::before,.dream-weather *::after{transition:none!important}}