/* Original company artwork, optically balanced within one continuous strip. */
.sx-provider-window{margin-top:24px;overflow:hidden;border-top:1px solid #E8E9ED;background:linear-gradient(90deg,rgba(84,170,252,0),rgba(84,170,252,.24) 20%,rgba(97,231,135,.24) 40%,rgba(252,222,67,.24) 60%,rgba(246,96,237,.24) 80%,rgba(246,96,237,0)) center bottom/100% 1px no-repeat;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.sx-provider-loop{display:flex;width:max-content;animation:sxProviderLoop 30s linear infinite;will-change:transform}
.sx-provider-window:hover .sx-provider-loop,.sx-provider-window:focus-within .sx-provider-loop{animation-play-state:paused}
.sx-provider-group{display:flex;gap:0;padding-right:0}
.sx-provider{position:relative;flex:none;box-sizing:border-box;color:#151619}
.sx-company-provider{width:224px;height:96px;min-height:96px;padding:19px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;border:0;background:transparent;text-align:center}
.sx-company-provider::after{content:"";position:absolute;right:0;top:34px;width:1px;height:28px;background:#E8E9ED;pointer-events:none}
.sx-provider-logo{display:block;flex:none;width:120px;height:28px;object-fit:contain;object-position:center}
.sx-provider-logo[src$="planning-center.svg"]{width:136px}
.sx-provider-logo[src$="oura.svg"]{width:80px}
.sx-provider-logo[src$="garmin.svg"]{width:108px}
.sx-provider-logo[src$="whoop.svg"]{width:118px}
.sx-health-brand{display:flex;align-items:center;justify-content:center;gap:7px;height:28px;flex:none}
.sx-health-brand img{display:block;flex:none;width:28px;height:28px;object-fit:contain}
.sx-health-brand strong{display:block;margin:0;font-size:14px;line-height:1;font-weight:500;letter-spacing:-.035em;white-space:nowrap}
.sx-company-provider small{display:block;margin-top:13px;font:11px/1.3 ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:.015em;color:#686B73;white-space:nowrap}
@keyframes sxProviderLoop{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.sx-provider-loop{animation:none;will-change:auto}.sx-provider-window{overflow-x:auto;mask-image:none}.sx-provider-group[aria-hidden]{display:none}}

/* Illustrative daily tools share the original floating module composition. */
#tools .sx-daily-card{position:absolute;top:778px;height:112px;z-index:3;animation-duration:12s;animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:both;transform-origin:center}
#tools .sx-weather-preview{left:92px;width:244px;animation-name:sxDailyWeatherFold}
#tools .sx-hydration-preview{left:1116px;width:226px;animation-name:sxDailyHydrationFold}
#tools .sx-daily-preview-label{font:9px ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:.04em;text-transform:uppercase;color:#747780}
#tools .sx-daily-content{display:flex;align-items:center;gap:17px;padding:13px 19px}
#tools .sx-weather-icon{flex:none;overflow:visible}
#tools .sx-weather-sun{transform-origin:29px 16px;animation:sxDailySun 24s linear infinite}
#tools .sx-weather-temperature{font-size:27px;line-height:1;font-weight:500;letter-spacing:-.05em}
#tools .sx-pollen-label{display:flex;align-items:center;gap:6px;font-size:11px;color:#5E6066;margin-top:7px}
#tools .sx-pollen-label>span{width:5px;height:5px;border-radius:50%;background:#C68C35}
#tools .sx-hydration-content{padding:12px 16px 9px}
#tools .sx-hydration-copy{display:flex;align-items:baseline;justify-content:space-between;font-size:15px;font-weight:500;letter-spacing:-.025em}
#tools .sx-hydration-copy>span>span{font-size:11px;font-weight:400;color:#5E6066;letter-spacing:0}
#tools .sx-water-glasses{display:flex;justify-content:space-between;gap:8px;margin-top:9px}
#tools .sx-water-glasses svg{display:block;flex:none}
#tools .sx-glass-filled .sx-glass-water{animation:sxDailyWater 4.8s ease-in-out infinite alternate}
#tools .sx-glass-filled:nth-child(2) .sx-glass-water{animation-delay:-1.6s}
#tools .sx-glass-filled:nth-child(3) .sx-glass-water{animation-delay:-3.2s}
@keyframes sxDailyWeatherFold{0%{opacity:0;transform:translate(0px,0px) scale(.96)}4%,59.00%{opacity:1;transform:translate(0px,0px) scale(1)}59.83%{opacity:1.00;transform:translate(4.0px,-1.3px) scale(0.996)}60.67%{opacity:1.00;transform:translate(18.6px,-6.3px) scale(0.981)}61.50%{opacity:1.00;transform:translate(50.6px,-19.2px) scale(0.947)}62.33%{opacity:1.00;transform:translate(115.4px,-52.2px) scale(0.877)}63.17%{opacity:1.00;transform:translate(234.5px,-128.2px) scale(0.740)}64.00%{opacity:1.00;transform:translate(347.6px,-197.9px) scale(0.612)}64.83%{opacity:1.00;transform:translate(414.9px,-229.1px) scale(0.541)}65.67%{opacity:1.00;transform:translate(455.6px,-242.8px) scale(0.499)}66.50%{opacity:1.00;transform:translate(480.9px,-249.3px) scale(0.474)}67.33%{opacity:0.67;transform:translate(496.0px,-252.3px) scale(0.460)}68.17%{opacity:0.33;transform:translate(503.7px,-253.6px) scale(0.452)}69.00%{opacity:0.00;transform:translate(506.0px,-254.0px) scale(0.450)}100%{opacity:0;transform:translate(506px,-254px) scale(.45)}}
@keyframes sxDailyHydrationFold{0%{opacity:0;transform:translate(0px,0px) scale(.96)}4%,59.67%{opacity:1;transform:translate(0px,0px) scale(1)}60.50%{opacity:1.00;transform:translate(-4.1px,-1.1px) scale(0.996)}61.33%{opacity:1.00;transform:translate(-19.1px,-5.4px) scale(0.981)}62.17%{opacity:1.00;transform:translate(-52.1px,-16.9px) scale(0.947)}63.00%{opacity:1.00;transform:translate(-118.4px,-47.5px) scale(0.877)}63.83%{opacity:1.00;transform:translate(-239.3px,-121.5px) scale(0.740)}64.67%{opacity:1.00;transform:translate(-352.6px,-192.3px) scale(0.612)}65.50%{opacity:1.00;transform:translate(-419.2px,-225.4px) scale(0.541)}66.33%{opacity:1.00;transform:translate(-459.5px,-240.7px) scale(0.499)}67.17%{opacity:1.00;transform:translate(-484.3px,-248.1px) scale(0.474)}68.00%{opacity:0.67;transform:translate(-499.1px,-251.8px) scale(0.460)}68.83%{opacity:0.33;transform:translate(-506.8px,-253.5px) scale(0.452)}69.67%{opacity:0.00;transform:translate(-509.0px,-254.0px) scale(0.450)}100%{opacity:0;transform:translate(-509px,-254px) scale(.45)}}
@keyframes sxDailySun{to{transform:rotate(360deg)}}
@keyframes sxDailyWater{from{transform:translateY(0);opacity:.68}to{transform:translateY(-.7px);opacity:.85}}
@media(prefers-reduced-motion:reduce){#tools .sx-daily-card,#tools .sx-weather-sun,#tools .sx-glass-water{animation:none!important}#tools .sx-daily-card{opacity:1!important;transform:none!important}}
@media(max-width:640px){#tools .sx-daily-card{animation:none!important;opacity:1!important;transform:none!important}}