body.calm-site main .keycloud-intro{position:relative;isolation:isolate;width:100%;max-width:none;background-image:url('keycloud-sky-v2.webp')!important;background-size:cover!important;background-position:center!important;border-bottom:0}
.keycloud-intro::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.78) 0%,rgba(255,255,255,.58) 52%,rgba(255,255,255,.34) 100%);z-index:-1;pointer-events:none}
html[data-theme="dark"] .keycloud-intro::before{background:linear-gradient(90deg,rgba(0,0,0,.76),rgba(0,0,0,.55))}
body.calm-site .keycloud-intro .hg-shell{position:relative}
body.calm-site .keycloud-intro .keycloud-network figcaption{font-weight:500}
html:not([data-theme="dark"]) body.calm-site .keycloud-intro :is(h1,h2,p){color:#181818!important;text-shadow:0 1px 10px rgba(255,255,255,.7)}
body.calm-site .keycloud-intro .hg-lead{font-weight:500;line-height:1.6}
body.calm-site .keycloud-intro .keycloud-network{position:relative;isolation:isolate;padding-top:24px}
.keycloud-intro .keycloud-network::before{content:"";position:absolute;top:0;bottom:-56px;left:50%;width:100vw;transform:translateX(-50%);background:rgba(255,255,255,.93);z-index:-1;pointer-events:none}
html:not([data-theme="dark"]) body.calm-site .keycloud-intro .keycloud-network :is(span,figcaption){color:#181818!important}
html:not([data-theme="dark"]) body.calm-site .keycloud-intro .keycloud-network .keycloud-node :is(span,a){color:#282828!important}
body.calm-site main .keycloud-intro svg.keycloud-mark{color:#ffc846!important}
html:not([data-theme="dark"]) body.calm-site main .keycloud-intro .keycloud-wordmark-text,html:not([data-theme="dark"]) body.calm-site main .keycloud-intro .keycloud-wordmark-text span{color:#181818!important}
html:not([data-theme="dark"]) body.calm-site main .keycloud-intro .keycloud-wordmark-text small{color:#626262!important}
body.calm-site .keycloud-intro .keycloud-network li>span{font-weight:500}
html[data-theme="dark"] .keycloud-intro .keycloud-network::before{background:rgba(0,0,0,.55)}
@media(max-width:700px){.keycloud-intro .keycloud-network::before{bottom:-40px}}
@media(max-width:700px){body.calm-site main .keycloud-intro{background-position:38% center!important}}