/* The approved Tutulma environment is confined to the two interactive demos. */
.case-demo--eclipse{position:relative;isolation:isolate;overflow:clip;overflow-clip-margin:0;padding-bottom:clamp(88px,9vw,150px)}
.case-demo--eclipse>.section-heading{position:relative;z-index:1;margin-bottom:clamp(80px,8vw,126px)}
.eclipse-demo{--eclipse-ink:#e9edf3;--eclipse-muted:#b0bac7;--eclipse-line:#7d8b9b;--eclipse-surface:#0b1119;--eclipse-cyan:#21ddc3;--eclipse-blue:#4c9ac7;position:relative;isolation:isolate;min-width:0;color:var(--eclipse-ink);font-family:inherit;color-scheme:dark}
.eclipse-demo *{box-sizing:border-box}
.eclipse-demo [hidden]{display:none!important}
.eclipse-demo .eclipse-atmosphere{position:absolute;inset:-118px -80px -90px;z-index:-1;pointer-events:none;user-select:none;background-image:url('/assets/eclipse/tutulma-environment.webp');background-size:cover;background-position:center top;background-repeat:no-repeat;opacity:.92;mask-image:linear-gradient(to bottom,transparent 0,#000 8%,#000 88%,transparent 100%);contain:paint}
.eclipse-annotation .ea-composition{position:relative;isolation:isolate}
.eclipse-demo button,.eclipse-demo input,.eclipse-demo select,.eclipse-demo summary{font:inherit}
.eclipse-demo button{background:none;border:0;border-radius:0;color:inherit;min-height:44px;cursor:pointer;touch-action:manipulation}
.eclipse-demo button:disabled{color:#a6afbd;cursor:default;opacity:.6}
.eclipse-demo :is(button,input,select,summary):focus-visible{outline:2px solid #e6eef9;outline-offset:4px}
.eclipse-demo :is(input,select){caret-color:#e9edf3;accent-color:var(--eclipse-cyan)}
.eclipse-demo ::selection{background:#c4d3df;color:#080c11}
.eclipse-demo :is(pre,textarea){scrollbar-color:#617082 #0a1018}
@media(hover:hover) and (pointer:fine){.eclipse-demo button:not(:disabled):hover{text-decoration:underline;text-underline-offset:5px}}
@media(max-width:700px){.case-demo--eclipse>.section-heading{margin-bottom:64px}.eclipse-demo .eclipse-atmosphere{inset:-82px -35px -50px;background-position:52% top;opacity:.78}}
@media(prefers-reduced-motion:reduce){.eclipse-demo *,.eclipse-demo *::before,.eclipse-demo *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}