/* One continuous branded outline for each of the nine homepage sections. */
@property --tv-outline-angle{syntax:"<angle>";initial-value:0deg;inherits:false}
body.home-page main>section{position:relative}
body.home-page main>section>.home-section-outline{position:absolute;inset:6px 8px;z-index:3;pointer-events:none;border-radius:24px;padding:3px;background:conic-gradient(from var(--tv-outline-angle),#FFFFFF 0deg,#DADAE8 50deg,#3D3D6B 95deg,#FFFFFF 150deg,#F8DCE7 210deg,#2b5bd7 255deg,#FFFFFF 310deg,#FFFFFF 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:tvSectionColourFlow 24s linear infinite,tvSectionLight 10s ease-in-out infinite}
@keyframes tvSectionColourFlow{to{--tv-outline-angle:360deg}}
@keyframes tvSectionLight{0%,100%{opacity:.3}50%{opacity:.75}}
body.home-page main>.home-silk-divider{display:none}
@media(max-width:767px){body.home-page main>section>.home-section-outline{inset:4px;border-radius:18px;padding:3px}}
@media(prefers-reduced-motion:reduce){body.home-page main>section>.home-section-outline{animation:none}}