/* Shared app weather material and animation styles, desktop scoped. */
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-weather-theme-clear-day{background:linear-gradient(180deg,#8fd3ff 0%,#6ca8ff 42%,#4f7ff3 100%)!important}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-weather-theme-partly-day{background:linear-gradient(180deg,#7fc6ff 0%,#6e9dfd 46%,#6070ea 100%)!important}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-weather-theme-cloudy{background:linear-gradient(180deg,#98b7d8 0%,#7891ba 48%,#647aa0 100%)!important}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-weather-theme-rain{background:linear-gradient(180deg,#7d95bb 0%,#60749e 44%,#475a80 100%)!important}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-weather-theme-wind{background:linear-gradient(180deg,#89c5d9 0%,#5fb0d0 42%,#4b8fba 100%)!important}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-weather-theme-fog{background:linear-gradient(180deg,#b8c3d6 0%,#9aa8c0 44%,#7e90a8 100%)!important}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-weather-theme-snow{background:linear-gradient(180deg,#dfeeff 0%,#c0d7fb 46%,#93b6ef 100%)!important}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-weather-theme-storm{background:linear-gradient(180deg,#59658f 0%,#424f78 42%,#2d375d 100%)!important}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-weather-theme-clear-night{background:linear-gradient(180deg,#2d447a 0%,#25355d 44%,#18223d 100%)!important}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-weather-theme-partly-night{background:linear-gradient(180deg,#42598e 0%,#334872 42%,#223458 100%)!important}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-weather-theme-unavailable{background:linear-gradient(180deg,#95a2b8 0%,#7f8ca3 45%,#69758a 100%)!important}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-weather-theme-clear-day::before,html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-weather-theme-partly-day::before{background:radial-gradient(circle at 50% 50%,rgba(255,246,196,.96),rgba(255,238,165,.3) 42%,transparent 68%)!important}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-weather-theme-clear-night::before,html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-weather-theme-partly-night::before{background:radial-gradient(circle at 50% 50%,rgba(248,250,255,.96),rgba(248,250,255,.22) 38%,transparent 68%)!important}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-weather-theme-rain::after,html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-weather-theme-storm::after{background:linear-gradient(115deg,transparent 0 40%,rgba(255,255,255,.14) 40% 43%,transparent 43% 49%,rgba(255,255,255,.1) 49% 52%,transparent 52% 100%),radial-gradient(ellipse at center,rgba(255,255,255,.08),transparent 75%)!important}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-weather-theme-cloudy::before,html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-weather-theme-fog::before{background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.45),rgba(255,255,255,.16) 44%,transparent 68%)!important}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-weather-theme-wind::after{background:linear-gradient(100deg,transparent 0 30%,rgba(255,255,255,.13) 30% 34%,transparent 34% 38%,rgba(255,255,255,.1) 38% 42%,transparent 42% 100%),radial-gradient(ellipse at center,rgba(255,255,255,.09),transparent 70%)!important}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-weather-theme-clear-day,html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-weather-theme-partly-day{
  background-image:
    radial-gradient(circle at 20% 16%, rgba(255,255,255,.34), transparent 26%),
    linear-gradient(180deg, rgba(165,221,255,.92) 0%, rgba(102,163,255,.94) 48%, rgba(70,116,227,.98) 100%),
    linear-gradient(135deg, rgba(255,255,255,.18), rgba(255,255,255,0));
}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-weather-theme-cloudy,html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-weather-theme-fog{
  background-image:
    radial-gradient(circle at 20% 16%, rgba(255,255,255,.22), transparent 28%),
    linear-gradient(180deg, rgba(164,190,219,.95) 0%, rgba(121,146,185,.96) 50%, rgba(89,108,142,.98) 100%),
    linear-gradient(135deg, rgba(255,255,255,.13), rgba(255,255,255,0));
}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-weather-theme-rain{
  background-image:
    radial-gradient(circle at 20% 16%, rgba(255,255,255,.16), transparent 24%),
    linear-gradient(180deg, rgba(121,149,194,.96) 0%, rgba(88,111,154,.98) 50%, rgba(61,77,116,.99) 100%),
    linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,0));
}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-weather-theme-wind{
  background-image:
    radial-gradient(circle at 20% 16%, rgba(255,255,255,.18), transparent 25%),
    linear-gradient(180deg, rgba(136,212,226,.94) 0%, rgba(84,171,205,.96) 47%, rgba(58,129,177,.98) 100%),
    linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,255,255,0));
}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-weather-theme-snow{
  background-image:
    radial-gradient(circle at 20% 16%, rgba(255,255,255,.28), transparent 24%),
    linear-gradient(180deg, rgba(236,245,255,.96) 0%, rgba(188,213,250,.96) 47%, rgba(140,179,233,.98) 100%),
    linear-gradient(135deg, rgba(255,255,255,.16), rgba(255,255,255,0));
}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-weather-theme-storm{
  background-image:
    radial-gradient(circle at 20% 16%, rgba(255,255,255,.10), transparent 24%),
    linear-gradient(180deg, rgba(93,105,145,.98) 0%, rgba(56,69,108,.99) 45%, rgba(32,39,67,1) 100%),
    linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,0));
}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-weather-theme-clear-night,html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-weather-theme-partly-night{
  background-image:
    radial-gradient(circle at 20% 16%, rgba(255,255,255,.10), transparent 24%),
    linear-gradient(180deg, rgba(56,83,140,.98) 0%, rgba(36,54,96,.99) 45%, rgba(18,28,54,1) 100%),
    linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,0));
}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-weather-theme-unavailable{
  background-image:
    radial-gradient(circle at 20% 16%, rgba(255,255,255,.14), transparent 24%),
    linear-gradient(180deg, rgba(151,164,185,.96) 0%, rgba(121,134,156,.98) 45%, rgba(88,99,118,.99) 100%),
    linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,0));
}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-weather-theme-clear-day::before,html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-weather-theme-partly-day::before{
  top: 12px;
  right: 14px;
  left: auto;
  bottom: auto;
  width: 132px;
  height: 132px;
  opacity: .95;
  filter: blur(0px);
  animation: sxWeatherOrbFloat 8s ease-in-out infinite;
}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-weather-theme-clear-night::before,html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-weather-theme-partly-night::before{
  top: 14px;
  right: 16px;
  left: auto;
  bottom: auto;
  width: 108px;
  height: 108px;
  opacity: .86;
  animation: sxWeatherOrbFloat 10s ease-in-out infinite;
}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-weather-theme-cloudy::before,html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-weather-theme-fog::before,html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-weather-theme-rain::before,html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-weather-theme-storm::before,html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-weather-theme-snow::before{
  top: 14px;
  right: 14px;
  left: auto;
  bottom: auto;
  width: 154px;
  height: 86px;
  border-radius: 999px;
  background:
    radial-gradient(circle at 24% 58%, rgba(255,255,255,.84) 0 17px, transparent 18px),
    radial-gradient(circle at 44% 44%, rgba(255,255,255,.95) 0 26px, transparent 27px),
    radial-gradient(circle at 64% 56%, rgba(255,255,255,.86) 0 20px, transparent 21px),
    radial-gradient(circle at 82% 62%, rgba(255,255,255,.74) 0 14px, transparent 15px);
  filter: blur(.15px);
  opacity: .95;
  animation: sxWeatherCloudDrift 14s ease-in-out infinite;
}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-weather-theme-partly-day::after,html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-weather-theme-partly-night::after{
  left: auto;
  right: 14px;
  top: 38px;
  bottom: auto;
  width: 146px;
  height: 72px;
  border-radius: 999px;
  background:
    radial-gradient(circle at 26% 58%, rgba(255,255,255,.82) 0 14px, transparent 15px),
    radial-gradient(circle at 46% 42%, rgba(255,255,255,.92) 0 22px, transparent 23px),
    radial-gradient(circle at 68% 58%, rgba(255,255,255,.78) 0 16px, transparent 17px),
    radial-gradient(circle at 84% 60%, rgba(255,255,255,.66) 0 12px, transparent 13px);
  opacity: .84;
  animation: sxWeatherCloudDrift 16s ease-in-out infinite reverse;
}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-weather-theme-rain::after{
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: auto;
  border-radius: inherit;
  background:
    linear-gradient(115deg, transparent 0 40%, rgba(255,255,255,.15) 40% 42%, transparent 42% 48%, rgba(255,255,255,.10) 48% 50%, transparent 50% 100%),
    repeating-linear-gradient(100deg, transparent 0 10px, rgba(255,255,255,.18) 10px 12px, transparent 12px 22px);
  opacity: .42;
  animation: sxWeatherRainFall 1.4s linear infinite;
}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-weather-theme-storm::after{
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: auto;
  border-radius: inherit;
  background:
    linear-gradient(115deg, transparent 0 40%, rgba(255,255,255,.10) 40% 42%, transparent 42% 48%, rgba(255,255,255,.08) 48% 50%, transparent 50% 100%),
    linear-gradient(120deg, transparent 56%, rgba(255,243,160,.92) 57% 59%, transparent 60%) right 28% top 18% / 44px 58px no-repeat;
  opacity: .30;
  animation: sxWeatherLightningFlash 4.6s ease-in-out infinite;
}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-weather-theme-wind::after{
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: auto;
  border-radius: inherit;
  background:
    linear-gradient(100deg, transparent 0 24%, rgba(255,255,255,.16) 24% 28%, transparent 28% 32%, rgba(255,255,255,.10) 32% 36%, transparent 36% 100%),
    linear-gradient(180deg, transparent 0 58%, rgba(255,255,255,.08) 58% 61%, transparent 61% 100%);
  opacity: .34;
  animation: sxWeatherWindMove 2.8s ease-in-out infinite;
}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-weather-theme-fog::after{
  top: auto;
  bottom: 10px;
  left: -8%;
  right: -8%;
  height: 52%;
  border-radius: 999px;
  background:
    linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.12) 18%, rgba(255,255,255,.20) 45%, rgba(255,255,255,.08) 100%),
    repeating-linear-gradient(180deg, rgba(255,255,255,.05) 0 5px, rgba(255,255,255,.14) 5px 9px, rgba(255,255,255,.05) 9px 14px);
  opacity: .58;
  animation: sxWeatherCloudDrift 12s ease-in-out infinite;
}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-weather-theme-snow::after{
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: auto;
  border-radius: inherit;
  background:
    radial-gradient(circle at 18% 18%, rgba(255,255,255,.8) 0 1.4px, transparent 1.6px),
    radial-gradient(circle at 36% 42%, rgba(255,255,255,.72) 0 1.3px, transparent 1.5px),
    radial-gradient(circle at 64% 24%, rgba(255,255,255,.78) 0 1.6px, transparent 1.8px),
    radial-gradient(circle at 82% 54%, rgba(255,255,255,.75) 0 1.4px, transparent 1.6px),
    radial-gradient(circle at 58% 70%, rgba(255,255,255,.72) 0 1.2px, transparent 1.4px);
  opacity: .56;
  animation: sxWeatherRainFall 3.2s linear infinite;
}
@media (prefers-reduced-motion: reduce){html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-overview-match-hero,html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-overview-weather-band,html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-parent-fixture-info,html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-training-weather-row,html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-parent-training-weather-row,html:not(.sx-phone-webapp):not(.sx-tablet-webapp) [class*="sx-weather-theme-"]::before,html:not(.sx-phone-webapp):not(.sx-tablet-webapp) [class*="sx-weather-theme-"]::after{animation:none!important}}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-weather-theme-clear-day::before,html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-weather-theme-partly-day::before{
  width:120px !important;
  height:120px !important;
}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-weather-theme-cloudy::before,html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-weather-theme-fog::before,html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-weather-theme-rain::before,html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-weather-theme-storm::before,html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-weather-theme-snow::before{
  width:132px !important;
  height:74px !important;
  opacity:.90 !important;
}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-weather-theme-rain::after{
  background:
    linear-gradient(115deg, transparent 0 44%, rgba(255,255,255,.07) 44% 45%, transparent 45% 100%),
    repeating-linear-gradient(102deg, transparent 0 14px, rgba(255,255,255,.10) 14px 15px, transparent 15px 29px) !important;
  opacity:.24 !important;
  animation:sxWeatherRainFall 1.8s linear infinite !important;
}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-weather-theme-storm::after{
  background:
    linear-gradient(115deg, transparent 0 44%, rgba(255,255,255,.05) 44% 45%, transparent 45% 100%),
    linear-gradient(120deg, transparent 60%, rgba(255,243,160,.72) 61% 62%, transparent 63%) right 24% top 20% / 28px 42px no-repeat !important;
  opacity:.22 !important;
}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-weather-theme-wind::after{
  opacity:.24 !important;
}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-weather-theme-fog::after{
  opacity:.42 !important;
}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-weather-theme-snow::after{
  opacity:.38 !important;
}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-weather-theme-rain::after{background:repeating-linear-gradient(105deg,transparent 0 20px,rgba(255,255,255,.105) 20px 21px,transparent 21px 41px)!important;background-size:48px 48px!important;opacity:.24!important;filter:blur(.15px);animation:sxWeatherRainFall 1.25s linear infinite!important}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-weather-theme-snow::after{background-size:70px 70px!important;opacity:.32!important}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-weather-theme-cloudy::before,html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-weather-theme-fog::before,html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-weather-theme-rain::before,html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-weather-theme-storm::before,html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-weather-theme-snow::before{width:118px!important;height:64px!important;top:11px!important;right:8px!important;opacity:.82!important}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-weather-theme-clear-day::before,html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-weather-theme-partly-day::before{width:104px!important;height:104px!important;top:8px!important;right:8px!important}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp)[data-theme="dark"] .sx-weather-theme-clear-day{background-image:radial-gradient(circle at 20% 16%,rgba(255,255,255,.34),transparent 26%),linear-gradient(180deg,rgba(165,221,255,.92) 0%,rgba(102,163,255,.94) 48%,rgba(70,116,227,.98) 100%),linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,0))!important}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp)[data-theme="dark"] .sx-weather-theme-partly-day{background-image:radial-gradient(circle at 20% 16%,rgba(255,255,255,.28),transparent 26%),linear-gradient(180deg,rgba(145,207,255,.94) 0%,rgba(104,157,246,.96) 48%,rgba(83,106,222,.98) 100%),linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,0))!important}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp)[data-theme="dark"] .sx-weather-theme-cloudy{background-image:radial-gradient(circle at 20% 16%,rgba(255,255,255,.22),transparent 28%),linear-gradient(180deg,rgba(164,190,219,.95) 0%,rgba(121,146,185,.96) 50%,rgba(89,108,142,.98) 100%),linear-gradient(135deg,rgba(255,255,255,.13),rgba(255,255,255,0))!important}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp)[data-theme="dark"] .sx-weather-theme-rain{background-image:radial-gradient(circle at 20% 16%,rgba(255,255,255,.16),transparent 24%),linear-gradient(180deg,rgba(121,149,194,.96) 0%,rgba(88,111,154,.98) 50%,rgba(61,77,116,.99) 100%),linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,0))!important}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp)[data-theme="dark"] .sx-weather-theme-wind{background-image:radial-gradient(circle at 20% 16%,rgba(255,255,255,.18),transparent 25%),linear-gradient(180deg,rgba(136,212,226,.94) 0%,rgba(84,171,205,.96) 47%,rgba(58,129,177,.98) 100%),linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,0))!important}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp)[data-theme="dark"] .sx-weather-theme-storm{background-image:radial-gradient(circle at 20% 16%,rgba(255,255,255,.10),transparent 24%),linear-gradient(180deg,rgba(93,105,145,.98) 0%,rgba(56,69,108,.99) 45%,rgba(32,39,67,1) 100%),linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,0))!important}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-weather-scene{position:absolute!important;inset:0!important;z-index:0!important;overflow:hidden!important;pointer-events:none!important;border-radius:inherit!important}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) [data-sx-weather-hero]>*:not(.sx-weather-scene),html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-parent-fixture-info>*:not(.sx-weather-scene),html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-training-weather-row>*:not(.sx-weather-scene),html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-parent-training-weather-row>*:not(.sx-weather-scene){position:relative;z-index:2}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-wx-sun{position:absolute;right:-8px;top:-14px;width:104px;height:104px;border-radius:50%;background:radial-gradient(circle,#fffbd6 0 24%,#ffe78f 42%,rgba(255,223,108,.18) 66%,transparent 72%);filter:drop-shadow(0 0 18px rgba(255,225,122,.28));animation:sxWxSun 8s ease-in-out infinite}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-wx-moon{position:absolute;right:13px;top:6px;width:68px;height:68px;border-radius:50%;background:radial-gradient(circle at 38% 34%,#fff 0 25%,#e7eefc 54%,#cad5ed 72%);box-shadow:-11px 8px 0 2px rgba(37,57,101,.56),0 0 24px rgba(226,237,255,.18);animation:sxWxSun 10s ease-in-out infinite}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-wx-star{position:absolute;width:3px;height:3px;border-radius:50%;background:#fff;animation:sxWxStar 2.8s ease-in-out infinite}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-wx-cloud{position:absolute;width:84px;height:28px;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(229,239,252,.78));filter:drop-shadow(0 8px 10px rgba(35,62,102,.08));opacity:.88}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-wx-cloud::before,html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-wx-cloud::after{content:"";position:absolute;border-radius:50%;background:inherit}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-wx-cloud.c1{right:11px;top:23px;animation:sxWxCloudA 13s ease-in-out infinite}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-wx-partly-day .c1,html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-wx-day .c1{top:51px}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-wx-drop{position:absolute;left:var(--x);top:42px;width:1.4px;height:9px;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(215,235,255,.56));animation:sxWxDrop var(--dur) linear var(--delay) infinite}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-wx-snow{position:absolute;left:var(--x);top:38px;width:var(--size);height:var(--size);border-radius:50%;background:rgba(255,255,255,.82);box-shadow:0 0 5px rgba(255,255,255,.25);animation:sxWxSnow var(--dur) linear var(--delay) infinite}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-wx-wind{position:absolute;left:-25%;height:1px;border-radius:99px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.44),transparent);animation:sxWxWind 3.8s ease-in-out infinite}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-wx-fog{position:absolute;left:-12%;width:124%;height:18px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),rgba(255,255,255,.11),transparent);filter:blur(5px);animation:sxWxFog 9s ease-in-out infinite}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-wx-lightning{position:absolute;right:42px;top:58px;width:34px;height:58px;clip-path:polygon(52% 0,100% 0,69% 38%,92% 38%,22% 100%,40% 54%,14% 54%);background:linear-gradient(180deg,#fff7bc,#ffe36e);filter:drop-shadow(0 0 8px rgba(255,229,117,.62));animation:sxWxFlash 4.8s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-weather-scene *{animation:none!important}}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-overview-weather-band .sx-weather-scene{border-radius:inherit!important}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-overview-weather-band .sx-wx-sun{right:-6px;top:-8px;width:118px;height:118px;filter:drop-shadow(0 0 22px rgba(255,224,122,.32))}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-overview-weather-band .sx-wx-moon{right:12px;top:4px;width:76px;height:76px}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-overview-weather-band .sx-wx-cloud.c1{top:26px;right:14px;width:92px;height:31px}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-overview-weather-band .sx-wx-cloud.c2{top:58px;right:92px;width:72px;height:24px;opacity:.5}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-overview-weather-band .sx-wx-cloud.c3{top:32px;left:-18px;width:82px;height:27px;opacity:.26}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-overview-weather-band .sx-wx-drop{top:58px;width:1.2px;height:8px;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(223,240,255,.62));animation-duration:1.45s}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-overview-weather-band .sx-wx-snow{top:56px}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-overview-weather-band .sx-wx-lightning{right:48px;top:64px}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-overview-weather-band .sx-wx-wind.w1{top:38%}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-overview-weather-band .sx-wx-wind.w2{top:54%}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-overview-weather-band .sx-wx-wind.w3{top:67%}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-overview-weather-band .sx-wx-cloud{
  background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(225,235,249,.62));
  box-shadow:0 10px 22px rgba(25,48,92,.09),inset 0 1px 0 rgba(255,255,255,.7);
  filter:blur(.2px) drop-shadow(0 10px 14px rgba(31,57,98,.08));
}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-overview-weather-band .sx-wx-cloud::before,html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-overview-weather-band .sx-wx-cloud::after{
  background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(226,236,250,.66));
}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-overview-weather-band .sx-wx-drop{
  width:1px!important;
  height:6px!important;
  opacity:.62;
  background:linear-gradient(180deg,rgba(255,255,255,0),rgba(222,240,255,.62))!important;
  filter:blur(.05px);
}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-overview-weather-band .sx-wx-rain{opacity:.82}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-overview-weather-band .sx-weather-scene::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 30%,rgba(12,27,60,.05));
  pointer-events:none;
}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-parent-overview-match .sx-mobile-fixture-weather-panel.sx-weather-theme-clear-day{background:linear-gradient(180deg,#8fd3ff 0%,#6ca8ff 42%,#4f7ff3 100%)!important}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-parent-overview-match .sx-mobile-fixture-weather-panel.sx-weather-theme-partly-day{background:linear-gradient(180deg,#7fc6ff 0%,#6e9dfd 46%,#6070ea 100%)!important}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-parent-overview-match .sx-mobile-fixture-weather-panel.sx-weather-theme-cloudy{background:linear-gradient(180deg,#98b7d8 0%,#7891ba 48%,#647aa0 100%)!important}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-parent-overview-match .sx-mobile-fixture-weather-panel.sx-weather-theme-rain{background:linear-gradient(180deg,#7d95bb 0%,#60749e 44%,#475a80 100%)!important}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-parent-overview-match .sx-mobile-fixture-weather-panel.sx-weather-theme-wind{background:linear-gradient(180deg,#89c5d9 0%,#5fb0d0 42%,#4b8fba 100%)!important}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-parent-overview-match .sx-mobile-fixture-weather-panel.sx-weather-theme-fog{background:linear-gradient(180deg,#b8c3d6 0%,#9aa8c0 44%,#7e90a8 100%)!important}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-parent-overview-match .sx-mobile-fixture-weather-panel.sx-weather-theme-snow{background:linear-gradient(180deg,#dfeeff 0%,#c0d7fb 46%,#93b6ef 100%)!important}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-parent-overview-match .sx-mobile-fixture-weather-panel.sx-weather-theme-storm{background:linear-gradient(180deg,#59658f 0%,#424f78 42%,#2d375d 100%)!important}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-parent-overview-match .sx-mobile-fixture-weather-panel.sx-weather-theme-clear-night{background:linear-gradient(180deg,#2d447a 0%,#25355d 44%,#18223d 100%)!important}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-parent-overview-match .sx-mobile-fixture-weather-panel.sx-weather-theme-partly-night{background:linear-gradient(180deg,#42598e 0%,#334872 42%,#223458 100%)!important}
html:not(.sx-phone-webapp):not(.sx-tablet-webapp) .sx-parent-overview-match .sx-mobile-fixture-weather-panel.sx-weather-theme-unavailable{background:linear-gradient(180deg,#95a2b8 0%,#7f8ca3 45%,#69758a 100%)!important}