/* Product surfaces: quiet controls, stable forecast geometry, readable data. */
body.duskline .weather-row-save { z-index: 4; }
body.duskline .weather-row { height: auto; min-height: 142px; }
body.duskline .weather-row-updated { margin-top: 6px; font-size: 11px; }
body.duskline .weather-btn { box-shadow: 0 2px 8px rgba(8,17,31,.08); letter-spacing: 0; }
body.duskline .weather-detail.wx-mods-light .weather-mod {
  background: rgba(213,227,240,.94) !important;
  border-color: rgba(255,255,255,.28) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
body.duskline .weather-detail:not(.wx-mods-light) .weather-mod {
  background: rgba(9,23,43,.91) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
body.duskline .weather-hourly-item .p { font-size: 12px; opacity: 1; }
body.duskline .weather-mod-label { opacity: 1; }
body.duskline .weather-hourly, body.duskline .weather-hourly-loading {
  box-sizing: border-box; min-height: 132px; height: auto;
}
body.duskline .weather-daily { gap: 0; width: 100%; max-width: 640px; margin-inline: auto; }
body.duskline .weather-daily-row { min-height: 44px; padding-block: 5px; }
body.duskline .weather-daily-row + .weather-daily-row { border-top: 1px solid rgba(127,153,175,.15); }
body.duskline .weather-daily-row:hover { background: rgba(127,153,175,.1); }
body.duskline .weather-detail-sky .wx-cloud { opacity: .25; }
body.duskline .weather-detail-insight { font-size: 15px; line-height: 1.5; }
body.duskline .weather-greeting-title { font-size: clamp(1.4rem, 2.6vw, 2rem); max-width: 920px; }
.weather-alert-status { display: flex; align-items: center; gap: 12px; padding: 14px 18px; border-radius: 16px; background: rgba(8,23,43,.85); color: #eef5ff; font-size: 13px; }
.weather-alert-status .loader { flex-shrink: 0; width: 90px; }
.weather-alert-status button { margin-inline-start: auto; border: 1px solid currentColor; border-radius: 9px; background: transparent; color: inherit; min-height: 40px; padding: 6px 12px; cursor: pointer; }
.wx-mods-light .weather-alert-status { background: #edf4fa; color: #16344f; }
.weather-alert-collapse[aria-hidden="true"] { visibility: hidden; }

.wx-day-choices { display: flex; gap: 6px; overflow-x: auto; padding: 4px 0 12px; scrollbar-width: thin; }
.wx-day-choices button { flex: 0 0 auto; min-height: 44px; padding: 9px 12px; border-radius: 12px; border: 1px solid rgba(127,153,175,.3); color: inherit; background: transparent; font: inherit; font-size: 13px; cursor: pointer; }
.wx-day-choices button[aria-pressed="true"] { background: rgba(127,153,175,.28); border-color: currentColor; font-weight: 700; }
.weather-product-controls { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin: 0 0 16px; }
.weather-product-controls[hidden], .weather-home[hidden] { display: none; }
.weather-product-controls label { display: flex; align-items: center; gap: 8px; font-size: 13px; }
.weather-product-controls select { min-height: 44px; border-radius: 12px; padding: 8px 10px; border: 1px solid rgba(127,153,175,.35); background: var(--bg-card); color: var(--text-main); font: inherit; }
.weather-toast button { pointer-events: auto; margin-inline-start: 12px; min-height: 32px; border: 0; background: transparent; color: #b8e7ff; font: inherit; text-decoration: underline; cursor: pointer; }
@media (min-width: 1100px) {
  body.duskline .weather-modules { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); max-width: 1180px; gap: 14px; align-items: stretch; }
  body.duskline .weather-mod[data-sheet="conditions"] { grid-column: 1 / 3; }
  body.duskline .weather-mod-daily { grid-column: 3 / 5; grid-row: 2 / span 3; }
  body.duskline .weather-modules:not(:has(.weather-alerts)) .weather-mod-daily { grid-row: 1 / span 3; }
  body.duskline .weather-modules .weather-alerts, body.duskline .weather-detail-attrib { grid-column: 1 / -1; }
  body.duskline .weather-detail-hero { padding-block: 22px; }
  body.duskline .weather-detail-temp { font-size: 5.5rem; }
}
@media (max-width: 640px) {
  .weather-product-controls { gap: 8px; }
  body.duskline .weather-start { padding: 20px; margin-bottom: 18px; }
  body.duskline .weather-start-actions { display: grid; grid-template-columns: 1fr 1fr; width: 100%; }
  body.duskline .weather-start-actions button { padding-inline: 8px; }
}
.weather-suggest .s-save-cell { flex: 0 0 52px; display: flex; align-items: center; }
.weather-motion-select { width: 100%; min-height: 44px; border: 1px solid rgba(127,153,175,.35); border-radius: 12px; background: transparent; color: inherit; padding: 8px 12px; font: inherit; }
.weather-haptic-select { width: 100%; min-height: 44px; border: 1px solid rgba(127,153,175,.35); border-radius: 12px; background: transparent; color: inherit; padding: 8px 12px; font: inherit; }
.weather-connection { font-size: 12px; padding: 8px 12px; border-radius: 10px; background: rgba(127,153,175,.15); }
#weatherInstall[hidden] { display: none; }
.weather-alert-title { white-space: normal; line-height: 1.4; }
.weather-alert-until { white-space: normal; line-height: 1.4; }

body.duskline .weather-list .weather-row-cluster { display: flex; flex-direction: column; }
body.duskline .weather-list .weather-row { flex: 1; height: 100%; min-height: 156px; padding-inline-end: 18px; }
body.duskline .weather-mod { align-self: stretch; }
body.duskline .weather-mod:not(.weather-mod-wide) { min-height: 144px; }
body.duskline .weather-detail.wx-mods-light .weather-mod:hover {
  background: #e0ebf5 !important; border-color: rgba(22,52,79,.25) !important;
  box-shadow: 0 5px 18px rgba(12,39,66,.13);
}
body.duskline .weather-daily-row:hover .weather-daily-day { text-decoration: none; }
body.duskline .weather-daily-row:hover { background: rgba(80,126,166,.1); }
.weather-alert-status { flex-direction: row; flex-wrap: wrap; min-height: 64px; align-items: center; justify-content: flex-start; }
.weather-alert-status .loader { display: inline-block; height: 5px; }
.wx-day-choices { gap: 8px; padding: 8px 2px 16px; scroll-padding-inline: 4px; }
.wx-day-choices button { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; min-width: 64px; min-height: 76px; padding: 10px 12px; border-radius: 18px; border: 1px solid rgba(163,185,205,.3); background: rgba(163,185,205,.07); }
.wx-day-choices button span { font-size: 14px; font-weight: 600; }
.wx-day-choices button strong { font-size: 23px; line-height: 1.1; font-variant-numeric: tabular-nums; }
.wx-day-choices button[aria-pressed="true"] { color: #eaf5ff; background: #193c60; border-color: #5aa6dc; }
.weather-sheet.wx-sheet-light .wx-day-choices button[aria-pressed="true"] { color: #16344f; background: #d7e9f7; border-color: #599acb; }
@media (min-width: 760px) {
  body.duskline #weatherMyLocationList { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
}

.weather-place-order { margin-top: 24px; }
.weather-place-order-row { display: flex; align-items: center; gap: 8px; padding: 8px 0; border-bottom: 1px solid rgba(127,153,175,.2); }
.weather-place-order-row span { flex: 1; }
.weather-place-order-row button { width: 40px; height: 40px; border-radius: 10px; border: 1px solid rgba(127,153,175,.35); background: transparent; color: inherit; cursor: pointer; }
.weather-place-order-row button:disabled { opacity: .3; cursor: default; }
.weather-place-clear { margin-top: 16px; min-height: 44px; border: 1px solid rgba(127,153,175,.35); border-radius: 10px; padding: 8px 12px; background: transparent; color: inherit; font: inherit; cursor: pointer; }

#weatherCollapse[hidden] { display: none !important; }

.weather-home-actions button, .weather-home [data-home-retry] { min-height: 44px; border-radius: 12px; padding: 8px 14px; font: inherit; font-size: 13px; border: 1px solid rgba(185,214,238,.25); color: inherit; cursor: pointer; }

.weather-hourly-item > div:first-child { white-space: nowrap; }

/* Keep touch recovery and navigation controls usable at every compact breakpoint. */
@media (any-pointer: coarse) {
.weather-place-order button, .weather-inline-action, #weatherToast button, #weatherUpdateToast button, .weather-alert-status button, .weather-greeting-source, .weather-greeting-source-search {
    min-height: 44px; min-width: 44px;
  }
}

.weather-update-toast { top: calc(var(--weather-header-bottom,64px) + 12px); bottom: auto; z-index: 31000; }

/* Kit's route indicator, adapted to the fixed Duskline chrome. */
.weather-route-progress {
  position: fixed; inset-inline: 0; top: var(--weather-header-bottom,64px); height: 2px; z-index: 30000;
  overflow: hidden; pointer-events: none; background: rgba(89,167,235,.16);
}
.weather-route-progress[hidden] { display: none; }
.weather-route-progress::after {
  content: ''; position: absolute; inset-block: 0; width: 38%; border-radius: 999px;
  background: #80c8ff; animation: weather-route-slide 1.05s cubic-bezier(.4,0,.2,1) infinite;
}
html[data-theme="minimal"] .weather-route-progress::after { background: #237bb8; }
@keyframes weather-route-slide { from { transform: translateX(-110%); } to { transform: translateX(280%); } }
html[data-motion-effective="reduced"] .weather-route-progress::after,
html[data-motion-effective="off"] .weather-route-progress::after { animation: none; width: 42%; }
@media (prefers-reduced-motion: reduce) { .weather-route-progress::after { animation: none; width: 42%; } }

/* A weather summary with one clear hierarchy at every width. */
.weather-home {
  --home-secondary: #dce8f2;
  width: 100%; max-width: none; box-sizing: border-box;
  margin: 0 auto 24px; padding: clamp(20px,3vw,32px); border-radius: 28px;
  background: linear-gradient(rgba(8,20,38,.16),rgba(8,20,38,.16)), linear-gradient(145deg,var(--wx-sky-1,#263c58),var(--wx-sky-2,#10243b));
  color: #fff; border: 1px solid rgba(224,240,255,.26);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 12px 32px rgba(8,17,31,.13);
}
.weather-home-current { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 16px; align-items: end; padding-bottom: 22px; }
.weather-home-reading, .weather-home-description { min-width: 0; }
.weather-home h3 { margin: 0 0 6px; font-size: clamp(22px,2.5vw,30px); line-height: 1.2; overflow-wrap: anywhere; }
.weather-home-temperature { display: block; font-size: clamp(64px,8vw,88px); line-height: 1; font-weight: 300; letter-spacing: -.045em; font-variant-numeric: tabular-nums; }
.weather-home .weather-home-feels { margin: 8px 0 0; color: var(--home-secondary); font-size: 13px; line-height: 1.4; }
.weather-home-description { text-align: end; }
.weather-home-icon svg { width: 34px; height: 34px; margin-bottom: 8px; }
.weather-home .weather-home-condition { margin: 0; font-size: clamp(16px,2vw,22px); font-weight: 600; line-height: 1.25; overflow-wrap: anywhere; }
.weather-home .weather-home-range { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 4px 10px; margin: 6px 0 0; font-size: clamp(14px,1.6vw,18px); font-weight: 600; }
.weather-home .weather-home-insight { border-top: 1px solid rgba(224,240,255,.27); max-width: none; margin: 0; padding: 12px 0; font-size: 14px; line-height: 1.5; color: var(--home-secondary); }
.weather-home-hours { border-top: 1px solid rgba(224,240,255,.27); padding: 16px 0 14px; min-width: 0; }
body.duskline .weather-home .weather-hourly { display: flex; gap: 18px; width: 100%; margin: 0; height: auto; min-height: 124px; padding: 0 0 4px; overflow-x: auto; overflow-y: hidden; overscroll-behavior-inline: contain; scrollbar-width: thin; }
.weather-home .weather-hourly-item { flex: 1 0 48px; min-width: 48px; line-height: 1.25; }
.weather-home .weather-hourly-item > div:first-child { color: var(--home-secondary); font-size: 12px; font-weight: 600; }
.weather-home .weather-hourly-item .ic { width: 28px; height: 28px; margin: 10px auto; }
.weather-home .weather-hourly-item .t { font-size: 20px; font-weight: 600; }
.weather-home .weather-hourly-item .p { color: var(--home-secondary); }
.weather-home-daily { border-top: 1px solid rgba(224,240,255,.27); padding: 10px 0; }
body.duskline .weather-home .weather-daily { max-width: none; }
body.duskline .weather-home .weather-daily-row { text-align: start; grid-template-columns: minmax(44px,max-content) 28px 36px minmax(24px,1fr) 36px; min-height: 44px; color: inherit; padding-inline: 4px; }
body.duskline .weather-home .weather-daily-row + .weather-daily-row { border: 0; }
.weather-home .weather-daily-day { font-size: 15px; }
.weather-home .weather-daily-lo { color: var(--home-secondary); opacity: 1; }
.weather-home .weather-daily-track { background: rgba(8,20,38,.2); }
.weather-home-meta { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; border-top: 1px solid rgba(224,240,255,.27); padding-top: 14px; }
.weather-home small { color: var(--home-secondary); font-size: 11px; line-height: 1.5; }
.weather-home-actions { display: flex; flex-shrink: 0; }
.weather-home-actions button { background: rgba(255,255,255,.12); color: #fff; border-color: rgba(224,240,255,.3); font-weight: 600; transition: background-color .18s ease; }
.weather-home-actions button:hover { background: rgba(255,255,255,.22); }
.weather-home .weather-hourly:focus-visible { outline: 2px solid #b9e2ff; outline-offset: 4px; border-radius: 8px; }
body.duskline #weatherMyLocationBlock { max-width: none; margin-inline: auto; }
@media (max-width: 480px) {
  .weather-home { padding: 20px; border-radius: 24px; }
  .weather-home-current { gap: 12px; }
  .weather-home-icon svg { width: 28px; height: 28px; }
  body.duskline .weather-home .weather-hourly { gap: 8px; }
  .weather-home .weather-hourly-item { flex-basis: 44px; min-width: 44px; }
  .weather-home .weather-hourly-item > div:first-child { font-size: 11px; }
  .weather-home .weather-hourly-item .t { font-size: 18px; }
  .weather-home .weather-home-meta { gap: 10px; }
}
@media (max-width: 359px) {
  .weather-home { padding-inline: 16px; }
  .weather-home-meta small { flex-basis: 100%; }
}
@media (prefers-reduced-motion: reduce) { .weather-home-actions button { transition: none; } }

.weather-home-skeleton-header { display: flex; justify-content: space-between; align-items: end; min-height: 132px; padding-bottom: 22px; }
.weather-home-skeleton-header span { width: 32%; height: 80px; border-radius: 10px; background: rgba(224,240,255,.12); }
.weather-home-skeleton-header span:last-child { width: 28%; height: 56px; }
.weather-home-skeleton-days { border-top: 1px solid rgba(224,240,255,.27); padding-top: 10px; }
.weather-home-skeleton-days span { display: block; height: 28px; margin: 8px 0; border-radius: 8px; background: rgba(224,240,255,.1); }

body.duskline .weather-home .weather-hourly-loading { height: 124px; min-height: 124px; }

/* On spacious screens, show both outlooks together; phones keep a simple timeline. */
.weather-home-outlook { min-width: 0; }
@media (min-width: 1024px) {
  .weather-home-outlook { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 28px; border-top: 1px solid rgba(224,240,255,.27); padding-block: 20px; }
  .weather-home-hours { border-top: 0; padding: 0; }
  .weather-home-daily { border-top: 0; border-inline-start: 1px solid rgba(224,240,255,.2); padding: 0; padding-inline-start: 28px; }
  body.duskline .weather-home .weather-hourly { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px 12px; height: auto; min-height: 234px; padding: 0; overflow: visible; }
  .weather-home .weather-hourly-loading { grid-column: 1 / -1; }
  .weather-home .weather-hourly-item { min-width: 0; }
}

/* Keep loading visible above sheets, city detail, and the map. */
body:has(.weather-detail.open) .weather-route-progress,
body:has(.weather-sheet.open) .weather-route-progress,
body:has(.weather-map.is-open) .weather-route-progress { top: 0; }

/* Override the older, high-specificity translucent hover rules. */
html.has-fine-pointer body.duskline .weather-detail.wx-mods-light .weather-mod:hover,
html[data-motion-effective="off"] body.duskline .weather-detail.wx-mods-light .weather-mod:hover {
  background: #e0ebf5 !important; border-color: rgba(22,52,79,.22) !important;
}
body.duskline .weather-detail.wx-mods-light .weather-mod-daily:hover {
  background: rgba(213,227,240,.94) !important; border-color: rgba(255,255,255,.28) !important; box-shadow: none;
}
html.has-fine-pointer body.duskline .weather-detail.wx-mods-light .weather-mod-daily:hover,
html[data-motion-effective="off"] body.duskline .weather-detail.wx-mods-light .weather-mod-daily:hover {
  background: rgba(213,227,240,.94) !important; border-color: rgba(255,255,255,.28) !important; box-shadow: none;
}
body.duskline .weather-detail.wx-mods-light .weather-daily-row:hover { background: rgba(22,52,79,.055); }
.weather-alert-status button:disabled { opacity: .55; cursor: default; }
@media (min-width: 1100px) {
  body.duskline[data-weather-view="my-sky"] #tools.weather-root.tools-page { width: min(1680px,100%); max-width: none; padding-inline: clamp(20px,3vw,60px); }
  body.duskline[data-weather-view="my-sky"] #weatherMyLocationList { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
}
@media (min-width: 1280px) {
  .weather-home { display: grid; grid-template-columns: minmax(280px,.7fr) minmax(0,1.3fr); gap: 0 32px; }
  .weather-home-current { grid-column: 1; grid-row: 1; align-self: start; }
  .weather-home .weather-home-insight { grid-column: 1; grid-row: 2; border-top: 0; padding-top: 0; }
  .weather-home-outlook { grid-column: 2; grid-row: 1 / span 2; border-top: 0; border-inline-start: 1px solid rgba(224,240,255,.22); padding-block: 0; padding-inline-start: 28px; margin-bottom: 20px; gap: 20px; }
  .weather-home-daily { padding-inline-start: 20px; }
  .weather-home-meta { grid-column: 1 / -1; }
}

@media (max-width: 359px) { .weather-home-temperature { font-size: 58px; } }

/* Notification preferences share the sheet's typography and full-row targets. */
.weather-push-summary { display:flex; align-items:center; justify-content:space-between; gap:16px; width:100%; min-height:56px; margin-top:20px; padding:14px; border:1px solid rgba(127,153,175,.3); border-radius:14px; color:inherit; background:rgba(127,153,175,.08); font:inherit; text-align:start; cursor:pointer; }
.weather-push-summary-status { font-size:12px; opacity:.8; max-width:60%; }
.weather-push-summary > span:first-child { flex:1; }
.weather-push-chevron { font-size:24px; line-height:1; opacity:.7; }
[dir='rtl'] .weather-push-chevron { transform:rotate(180deg); }
.wx-sheet-dragzone .weather-sheet-back { pointer-events:auto; display:inline-flex; align-items:center; gap:2px; flex:0 1 auto; min-width:44px; min-height:44px; max-width:45%; padding:6px 4px 6px 0; border:0; border-radius:10px; background:transparent; color:#8acfff; font:inherit; font-size:14px; cursor:pointer; touch-action:manipulation; }
.weather-sheet-back span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.weather-sheet-back .weather-mod-icon { flex:0 0 20px; width:20px; height:20px; }
[dir='rtl'] .weather-sheet-back .weather-mod-icon { transform:rotate(180deg); }
.weather-sheet-back:focus-visible { outline:2px solid currentColor; outline-offset:2px; }
.weather-sheet-back:active { background:rgba(127,153,175,.15); }
.weather-push-overview { padding:4px 14px 14px; border:1px solid rgba(127,153,175,.3); border-radius:16px; background:rgba(127,153,175,.08); }
.weather-push-overview .weather-push-switch { font-weight:600; }
.weather-push-overview .weather-push-status { opacity:.85; }
.weather-sheet.wx-sheet-light .weather-sheet-back { color:#17649b; }
.weather-push-settings { display:grid; gap:16px; min-width:0; }
.weather-push-settings [hidden] { display:none!important; }
.weather-push-settings a { color:inherit; text-decoration:underline; text-underline-offset:3px; }
.weather-push-status { margin:0; font-size:14px; line-height:1.5; }
.weather-push-section { min-width:0; margin:0; padding:12px; border:1px solid rgba(127,153,175,.3); border-radius:14px; }
.weather-push-section legend { padding:0 6px; font-weight:600; font-size:14px; }
.weather-push-control { display:flex; align-items:center; justify-content:space-between; gap:14px; min-height:48px; padding:6px 0; font-size:14px; line-height:1.4; cursor:pointer; user-select:none; -webkit-user-select:none; -webkit-touch-callout:none; }
.weather-push-control > span:first-child { min-width:0; overflow-wrap:anywhere; }
.weather-push-control select,.weather-push-control input[type='text'],.weather-push-control input[type='time'] { min-height:44px; max-width:60%; min-width:0; padding:8px; border:1px solid rgba(127,153,175,.35); border-radius:10px; background:transparent; color:inherit; font:inherit; }
.weather-push-control select option { color:#15263b; background:#f4f7fb; }
.weather-push-control input[type='checkbox'] { flex:0 0 24px; width:24px; height:24px; margin:0; accent-color:#378bca; }
.weather-push-control:has([disabled]) { cursor:default; opacity:.65; }
.weather-push-switch { position:relative; padding:10px 0; }
.weather-push-switch input { position:absolute; inset-inline-end:0; width:52px!important; height:32px!important; opacity:0; z-index:1; }
.weather-push-track { flex:0 0 52px; height:32px; padding:3px; border-radius:20px; background:#6c7a8d; box-sizing:border-box; pointer-events:none; transition:background .18s; }
.weather-push-track::before { content:''; display:block; width:26px; height:26px; background:#fff; border-radius:50%; transition:transform .18s; }
.weather-push-switch input:checked + .weather-push-track { background:#277cb9; }
.weather-push-switch input:checked + .weather-push-track::before { transform:translateX(20px); }
[dir='rtl'] .weather-push-switch input:checked + .weather-push-track::before { transform:translateX(-20px); }
.weather-push-control input:focus-visible,.weather-push-control select:focus-visible,.weather-push-switch input:focus-visible + .weather-push-track { outline:2px solid currentColor; outline-offset:3px; }
.weather-push-times { display:flex; gap:16px; }
.weather-push-times label { flex:1; min-width:0; flex-wrap:wrap; }
.weather-push-times input { max-width:100%!important; width:100%; }
.weather-push-actions { display:flex; flex-wrap:wrap; gap:8px; }
.weather-push-actions button { flex:1 1 140px; min-height:44px; white-space:normal; }
.weather-push-actions { position:sticky; bottom:0; z-index:2; padding:10px; margin-inline:-10px; border:1px solid rgba(127,153,175,.2); border-radius:16px; background:rgba(18,24,38,.96); box-shadow:0 -6px 18px rgba(0,0,0,.1); }
#weatherSheetBody:has(.weather-push-settings) { scroll-padding-block:12px 100px; }
.weather-sheet.wx-sheet-light .weather-push-actions { background:rgba(246,249,252,.96); }
.weather-push-settings .wx-sheet-context { margin:4px 0; font-size:12px; line-height:1.6; }
.weather-push-section > p { font-size:12px; line-height:1.5; overflow-wrap:anywhere; }
@media (prefers-reduced-motion:reduce) { .weather-push-track,.weather-push-track::before { transition:none; } }
html[data-motion-effective='off'] .weather-push-track,html[data-motion-effective='off'] .weather-push-track::before { transition:none; }