/* album cover motifs as neon line art on the home page (markup from home_art.py) */
.hz-m svg *,.hz-s svg *{fill:none!important;stroke:#dfe6ff!important;stroke-width:1.6!important;stroke-opacity:1!important;opacity:1!important;vector-effect:non-scaling-stroke}
.hz-m svg defs,.hz-s svg defs,.hz-m svg mask,.hz-s svg mask{display:none}
.hz-m svg [mask],.hz-s svg [mask],.hz-m svg [filter],.hz-s svg [filter]{mask:none;filter:none}
.album{position:relative;isolation:isolate}
.album:before{content:"";position:absolute;inset:-6px;z-index:-2;border-radius:6px;background:var(--hc) center/cover;opacity:0;transition:opacity .35s;filter:blur(2px) brightness(.8)}
.album:hover:before,.album:focus-within:before{opacity:.85}
.hz-m{position:absolute;z-index:-1;right:-14px;top:-18px;width:62%;height:55%;pointer-events:none;opacity:.32;filter:drop-shadow(0 0 4px #9fb4ff) drop-shadow(0 0 10px #9fb4ff88);transition:opacity .3s}
.hz-m svg{width:100%;height:100%;display:block}
.album:hover .hz-m{opacity:.9}
.album .card{background:#211f2cd9}
.hz-s{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;opacity:.22;filter:drop-shadow(0 0 5px #9fb4ff)}
.hz-s i{position:absolute;display:block}.hz-s svg{width:100%;height:100%;display:block}
#tracks,#youtube,#about,#connect,#join{position:relative;isolation:isolate}
.hz-tracks .hz-0{right:0;bottom:0;width:60%;height:100%}
.hz-youtube .hz-0{inset:0}
.hz-about .hz-0{right:0;top:-10%;width:45%;height:120%}
.hz-connect .hz-0{left:0;right:0;top:0;height:60%}.hz-connect .hz-1{right:0;bottom:0;width:55%;height:100%}
.hz-join .hz-0{left:0;right:0;bottom:0;height:70%}.hz-join{opacity:.15}
.hz-s .zt-tw{animation:zttw 3s ease-in-out infinite}.hz-s .zt-drift{animation:none}
@keyframes zttw{0%,100%{opacity:1}50%{opacity:.3}}
@media(max-width:720px){.hz-m{opacity:.22;width:70%}.hz-s{opacity:.14}.hz-about .hz-0,.hz-tracks .hz-0{width:80%}}
@media(prefers-reduced-motion:reduce){.hz-s .zt-tw{animation:none}.album:before,.hz-m{transition:none}}
.hz-m{z-index:1;top:auto;bottom:-10px;right:-12px;width:58%;height:48%;opacity:.3}
.album:before{inset:-8px}
.album:hover:before,.album:focus-within:before{opacity:1}
@media(max-width:720px){.hz-m{opacity:.3}}