.js .loading::after,.js .loading::before{content:'';position:fixed;z-index:100000}.mxo-zp{width:100%;margin:0 auto}.mxo-zp h3{margin-bottom:30px}section#myfile{padding:0}section#myfile2:hover,section#myfile3:hover,section#myfile4:hover,section#myfile5:hover,section#myfile6:hover,section#myfile:hover{background:#de0d8a;cursor:pointer}.demo-1,.demo-2{--color-text:#ffffff;--color-bg:#151413;--color-link:#d02d55;--color-link-hover:#ffffff;--color-title:#232323}.demo-3,.demo-4{--color-link-hover:#000000}.demo-3{--color-text:#320065;--color-bg:#d02d55;--color-link:#ffffff;--color-title:#320065;--filter-img:sepia(1) saturate(1) contrast(180%) brightness(80%) hue-rotate(295deg)}.demo-4{--color-text:#000000;--color-bg:#e0fafb;--color-link:#ff3a7e;--color-title:#f9dae5}.demo-5{--color-text:#ffffff;--color-bg:#485656;--color-link:#000000;--color-link-hover:#ffffff;--color-title:#444c4c;--filter-img:hue-rotate(70deg) contrast(70%)}.demo-6{--color-text:#fff;--color-bg:#000;--color-link:#f0f0f0;--color-link-hover:#fff;--color-title:#fff;--img-maxwidth:none;--blendmode-title:overlay}.js .loading::before{top:0;left:0;width:100%;height:100%;background:var(--color-bg)}.js .loading::after{top:50%;left:50%;width:60px;height:60px;margin:-30px 0 0 -30px;pointer-events:none;border-radius:50%;opacity:.4;background:var(--color-link);animation:.7s linear infinite alternate forwards loaderAnim}@keyframes loaderAnim{to{opacity:1;transform:scale3d(.5,.5,1)}}a{text-decoration:none;color:var(--color-link)}a:focus,a:hover{color:var(--color-link-hover);outline:0}.message{padding:1rem;color:var(--color-bg);background:var(--color-text);text-align:center;font-weight:700}#jfhj-avn{position:relative}.content{height:300px;position:initial;display:flex;justify-content:center;align-items:center;isolation:isolate}.content__title{font-family:forma-djr-display,sans-serif;font-weight:700;position:relative;z-index:10000;font-size:60px;mix-blend-mode:var(--blendmode-title);-webkit-text-fill-color:#fff;text-fill-color:transparent;color:transparent;pointer-events:none}.content__img{max-width:var(--img-maxwidth);position:absolute;top:0;left:0;opacity:0;will-change:transform;filter:var(--filter-img);height:300px}.content__img--full{width:100%;height:100%;background-size:cover}@media screen and (min-width:53em){.content{height:80vh;overflow:hidden}}