@media(max-width:760px){
main>.ah-th{--gx:#f2f0ff;--gb0:#0e1237;--gb1:#1c1d66;--gb2:#3a3fa6;--gb3:#9fc0ee;--glh:300px}
main>.ah-th.ah-th-pre-dawn{--gx:#f2f0ff;--gb0:#0e1237;--gb1:#1c1d66;--gb2:#3a3fa6;--gb3:#9fc0ee}
main>.ah-th.ah-th-sunrise{--gx:#3a2222;--gb0:#ffe9d8;--gb1:#ffb48f;--gb2:#f06f8e;--gb3:#ffd49a}
main>.ah-th.ah-th-daytime{--gx:#14223d;--gb0:#eaf3ff;--gb1:#a6c8ff;--gb2:#5b8cf2;--gb3:#bfeaff}
main>.ah-th.ah-th-dusk{--gx:#fbf4ff;--gb0:#1d1236;--gb1:#43226f;--gb2:#9a4aa6;--gb3:#f3b068}
main>.ah-th.ah-th-sunset{--gx:#241a46;--gb0:#f7efff;--gb1:#cdb0ff;--gb2:#7f5ae6;--gb3:#ffb98a}
main>.ah-th.ah-th-night{--gx:#f2f4ff;--gb0:#060818;--gb1:#11153d;--gb2:#2b2f93;--gb3:#5f97dc}
main>.ah-th>.gb-bg{position:absolute!important;left:0;right:0;top:0;bottom:var(--glh);z-index:0!important;pointer-events:none;background:linear-gradient(180deg,var(--gb0) 0,var(--gb1) 34%,var(--gb2) 62%,var(--gb3) 100%)}
main>.ah-th>*:not(.gb-bg){position:relative;z-index:1}
main>.ah-th .ah-sstats,main>.ah-th .ah-spanel{border-left:0!important;border-right:0!important;border-bottom:0!important}
main>.ah-th .ah-sstats{padding:30px 8px 8px!important;position:relative}
main>.ah-th .ah-sstats>div{gap:0!important}
html body main>.ah-th.ah-th .ah-sstats .ah-sstats~*,html body main>.ah-th.ah-th .ah-sstats [class],html body main>.ah-th.ah-th .ah-sstats>div>div>div:last-child{color:var(--gx)!important;border-color:transparent!important}
html body main>.ah-th.ah-th .ah-sstats *:before,html body main>.ah-th.ah-th .ah-sstats:before,html body main>.ah-th.ah-th .ah-sstats:after{display:none!important}
main>.ah-th .ah-sstats [class*="text-4xl"]{font-weight:500!important;font-size:44px!important;opacity:1}
main>.ah-th .ah-sstats>div>div>div:last-child{opacity:.85;font-size:15px!important}
main>.ah-th .ah-sstats [class*="font-bold"]{opacity:1}
html body main>.ah-th.ah-th .ah-sstats>div>div:not(:first-child)>div[class*="font-bold"],html body main>.ah-th.ah-th .ah-sstats>div>div>div[class*="font-bold"]{color:var(--gx)!important;opacity:1}
html body main>.ah-th.ah-th .ah-sstats{border-top:0!important;border-bottom:0!important;box-shadow:none!important}
main>.ah-th .ah-spanel{height:310px!important;margin-top:6px}
main>.ah-th .ah-spanel>canvas:not(.gb-cv){display:none!important}
main>.ah-th .ah-spanel>.gb-cv{position:absolute;inset:0;width:100%;height:100%;display:block}
main>.ah-th .gl-hd:not(.gl-cta){--gi:var(--gx);--gm:var(--gx);--gg:var(--gx)}
main>.ah-th .gl-hd:not(.gl-cta) h2 em,main>.ah-th .gl-hd:not(.gl-cta) p{opacity:.75}
main>.ah-th .gl-hd:not(.gl-cta) .gl-eb{opacity:.75}
}
@media(min-width:761px){.gb-cv{display:none!important}}

/* labelled theme button: tells the visitor what it does */
.ah-th .ah-spanel button[aria-label="Change animation theme"][data-gl]{width:auto!important;height:auto!important;gap:8px;padding:10px 14px 10px 12px!important;border-radius:999px!important;font:600 13px/1 -apple-system,BlinkMacSystemFont,"Inter",system-ui,sans-serif;white-space:nowrap;position:relative}
.ah-th .ah-spanel button[aria-label="Change animation theme"][data-gl]::after{content:"Time of day: " attr(data-gl);display:inline-block}
.ah-th .ah-spanel button[aria-label="Change animation theme"].gl-nudge::before{content:"";position:absolute;inset:-4px;border-radius:999px;border:2px solid currentColor;opacity:0;animation:glNudge 2.2s ease-out 1.2s 4}
@keyframes glNudge{0%{opacity:.55;transform:scale(.96)}100%{opacity:0;transform:scale(1.18)}}
@media(prefers-reduced-motion:reduce){.ah-th .ah-spanel button[aria-label="Change animation theme"].gl-nudge::before{animation:none}}