.ans{aspect-ratio:1440/792;background:var(--kap-grund);width:100%;color:rgb(var(--kap-ink));font-family:var(--body);--ans-si:var(--kap-ink);--ans-em:var(--kap-em);--zx:148.571px;--zy:124px;--saum-x:96px;--saum-y:52px;position:relative;overflow:clip}.ans-buehne{width:1440px;height:792px;transform:scale(var(--ans-s,1));transform-origin:0 0;--nd:"Regyva Display", var(--body);--nm:"Regyva Mono", ui-monospace, SFMono-Regular, Menlo, monospace;position:absolute;top:0;left:0}.ans-grain{z-index:3;pointer-events:none;opacity:var(--kap-grain);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px;position:absolute;inset:0}.ans-bloom{pointer-events:none;background:radial-gradient(62% 52% at 50% 18%, rgba(var(--ans-em), calc(.035 * var(--kap-em-a))), transparent 72%);position:absolute;inset:0}.ans-h{text-align:center;width:940px;font-family:var(--nd);letter-spacing:-.034em;color:rgba(var(--ans-si), .95);margin:0;font-size:66px;font-weight:600;line-height:1.04;display:grid;position:absolute;top:96px;left:250px}.ans-h i{color:rgb(var(--kap-em));font-style:normal}.ans-h span{opacity:0;transform:translateY(14px)}.ans[data-seen] .ans-h span{animation:.9s cubic-bezier(.23,1,.32,1) both ans-auf}.ans[data-seen] .ans-h span:nth-child(2){animation-delay:90ms}.ans-raster{grid-template-columns:repeat(7,1fr);grid-auto-rows:var(--zy);isolation:isolate;width:1040px;height:372px;margin:0;padding:0;list-style:none;display:grid;position:absolute;top:318px;left:200px}.ans-feld{opacity:0;padding:2px;position:relative;overflow:clip;transform:translateY(10px)}.ans[data-seen] .ans-feld{animation:.76s cubic-bezier(.23,1,.32,1) both ans-auf;animation-delay:calc(.24s + var(--i,0) * 28ms)}.ans-blende{z-index:1;background-color:var(--kap-grund);background-image:radial-gradient(circle 100px at calc(var(--mx,-400px) - var(--c) * var(--zx) - 2px) calc(var(--my,-400px) - var(--r) * var(--zy) - 2px), rgba(var(--ans-em), calc(.06 * var(--fuell,0))), rgba(var(--ans-em), 0) 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}@property --fuell{syntax:"<number>";inherits:true;initial-value:0}.ans-feld{--fuell:0;transition:--fuell .42s cubic-bezier(.32,.72,0,1)}.ans-feld:hover{--fuell:1}.ans-blende svg{width:100px;height:46px;fill:rgba(var(--ans-si), .62);transition:fill .42s cubic-bezier(.32,.72,0,1)}.ans-feld:hover .ans-blende svg{fill:rgba(var(--ans-si), .9)}.ans-blende b{font-family:var(--nd);letter-spacing:-.018em;color:rgba(var(--ans-si), .62);white-space:nowrap;font-size:17px;font-weight:600;transition:color .42s cubic-bezier(.32,.72,0,1)}.ans-feld:hover .ans-blende b{color:rgba(var(--ans-si), .9)}.ans-glanz,.ans-schein{left:calc(-1 * var(--c) * var(--zx));top:calc(-1 * var(--r) * var(--zy));pointer-events:none;opacity:0;width:1040px;height:372px;transition:opacity .48s;position:absolute}.ans-glanz{z-index:0;background:radial-gradient(circle 110px at var(--mx,-400px) var(--my,-400px), rgba(var(--ans-em), calc(.17 * var(--kap-em-a))), rgba(var(--ans-em), 0) 100%)}.ans-schein{z-index:2;background:radial-gradient(circle 240px at var(--mx,-400px) var(--my,-400px), rgba(var(--ans-em), calc(.8 * var(--kap-em-a))), rgba(var(--ans-em), 0) 100%)}.ans-raster[data-zeiger] .ans-glanz{opacity:1}.ans-raster[data-zeiger] .ans-schein{opacity:.045;transition:opacity .5s}.ans-gitter{z-index:3;pointer-events:none;--gl:rgba(var(--ans-si), .06);background-image:linear-gradient(180deg, transparent, var(--gl) var(--saum-y), var(--gl) calc(100% - var(--saum-y)), transparent), linear-gradient(180deg, transparent, var(--gl) var(--saum-y), var(--gl) calc(100% - var(--saum-y)), transparent), linear-gradient(180deg, transparent, var(--gl) var(--saum-y), var(--gl) calc(100% - var(--saum-y)), transparent), linear-gradient(180deg, transparent, var(--gl) var(--saum-y), var(--gl) calc(100% - var(--saum-y)), transparent), linear-gradient(180deg, transparent, var(--gl) var(--saum-y), var(--gl) calc(100% - var(--saum-y)), transparent), linear-gradient(180deg, transparent, var(--gl) var(--saum-y), var(--gl) calc(100% - var(--saum-y)), transparent), linear-gradient(90deg, transparent, var(--gl) var(--saum-x), var(--gl) calc(100% - var(--saum-x)), transparent), linear-gradient(90deg, transparent, var(--gl) var(--saum-x), var(--gl) calc(100% - var(--saum-x)), transparent);background-repeat:no-repeat;background-size:1px 100%,1px 100%,1px 100%,1px 100%,1px 100%,1px 100%,100% 1px,100% 1px;background-position:calc(1 * var(--zx)) 0, calc(2 * var(--zx)) 0, calc(3 * var(--zx)) 0, calc(4 * var(--zx)) 0, calc(5 * var(--zx)) 0, calc(6 * var(--zx)) 0, 0 calc(1 * var(--zy)), 0 calc(2 * var(--zy));position:absolute;inset:0}.ans-lauf{z-index:4;pointer-events:none;mask-image:linear-gradient(180deg, transparent, #000 var(--saum-y), #000 calc(100% - var(--saum-y)), transparent), linear-gradient(90deg, transparent, #000 var(--saum-x), #000 calc(100% - var(--saum-x)), transparent);position:absolute;inset:0;overflow:clip;mask-composite:intersect}.ans-lauf i{border-radius:1px;position:absolute}.ans-lauf .ist-senk{left:calc(var(--spur) * var(--zx));width:1px;height:var(--laenge);background:linear-gradient(180deg, rgba(var(--ans-em), 0), rgba(var(--ans-em), calc(.85 * var(--kap-em-a))) 55%, rgba(var(--ans-em), 0));box-shadow:0 0 7px rgba(var(--ans-em), calc(.3 * var(--kap-em-a)));transform:translateY(calc(-1 * var(--laenge)));top:0}.ans-lauf .ist-quer{top:calc(var(--spur) * var(--zy));height:1px;width:var(--laenge);background:linear-gradient(90deg, rgba(var(--ans-em), 0), rgba(var(--ans-em), calc(.85 * var(--kap-em-a))) 55%, rgba(var(--ans-em), 0));box-shadow:0 0 7px rgba(var(--ans-em), calc(.3 * var(--kap-em-a)));transform:translateX(calc(-1 * var(--laenge)));left:0}.ans[data-seen] .ans-lauf .ist-senk{animation:ans-fallen var(--dauer) linear infinite both;animation-delay:var(--versatz)}.ans[data-seen] .ans-lauf .ist-quer{animation:ans-ziehen var(--dauer) linear infinite both;animation-delay:var(--versatz)}@keyframes ans-fallen{to{transform:translateY(372px)}}@keyframes ans-ziehen{to{transform:translate(1040px)}}.ans-lauf .ist-senk[data-rueck]{transform:translateY(372px)}.ans-lauf .ist-quer[data-rueck]{transform:translate(1040px)}.ans[data-seen] .ans-lauf .ist-senk[data-rueck]{animation-name:ans-steigen}.ans[data-seen] .ans-lauf .ist-quer[data-rueck]{animation-name:ans-schieben}@keyframes ans-steigen{to{transform:translateY(calc(-1 * var(--laenge)))}}@keyframes ans-schieben{to{transform:translateX(calc(-1 * var(--laenge)))}}@keyframes ans-auf{to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.ans-h span,.ans-feld{opacity:1;transform:none;animation:none!important}.ans-lauf{display:none}}.ans[data-ruht] .ans-lauf .ist-senk,.ans[data-ruht] .ans-lauf .ist-quer{animation-play-state:paused}
