@import url("/assets/development.css");

.filter-defs{position:absolute;width:0;height:0;overflow:hidden}
.oscope-figure{position:relative;width:min(78vw,680px);aspect-ratio:1;background:#000}
.oscope-art{display:block;width:100%;height:auto}
.oscope-screen-inverted,.oscope-screen-link{position:absolute;left:8.5%;top:48.5%;width:13.1%;aspect-ratio:1;border-radius:50%}
.oscope-screen-inverted{overflow:hidden;opacity:0;animation:oscope-flash 2.4s ease-in-out infinite;pointer-events:none}
.oscope-screen-inverted img{position:absolute;left:-64.89%;top:-370.23%;display:block;width:763.36%;height:auto;max-width:none;filter:url(#oscope-green-invert)}
.oscope-screen-link{color:transparent}
.oscope-screen-link span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.oscope-screen-link:hover{box-shadow:0 0 20px rgba(0,200,83,.75)}
.oscope-screen-link:focus-visible{outline:3px solid var(--green);outline-offset:4px}
@keyframes oscope-flash{0%,20%,to{opacity:0}45%,70%{opacity:1}}
@media (prefers-reduced-motion:reduce){.oscope-screen-inverted{animation:none}}