.teaser{isolation:isolate;color:#fff9eb;background:radial-gradient(at 50% 40%,#175dd0 0,#092b75 55%,#071c54 100%);width:100%;height:100svh;min-height:420px;font-family:Inter,sans-serif;position:relative;overflow:hidden}@supports (height:100dvh){.teaser{height:100dvh}}.teaser-world,.teaser-shade{position:absolute;inset:0}.teaser-world{opacity:0;transition:opacity .7s}.teaser-world.is-ready{opacity:1}.teaser-world canvas{width:100%;height:100%;display:block}.teaser-shade{pointer-events:none;background:radial-gradient(at 50% 42%,#0000 50%,#061b4c30 100%)}.teaser-footer{right:max(20px,env(safe-area-inset-right));bottom:max(19px,env(safe-area-inset-bottom));color:#edf7ff;align-items:center;gap:8px;display:flex;position:absolute}.teaser-footer a{opacity:.7;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#092c5550;border:1px solid #ffffff20;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.teaser-footer a:hover,.teaser-footer a:focus-visible{opacity:1;background:#092c5580}.teaser-motion{left:max(20px,env(safe-area-inset-left));bottom:max(19px,env(safe-area-inset-bottom));color:#fff9eb;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#08245259;border:1px solid #d0e3ff38;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute}.teaser :is(a,button):focus-visible{outline-offset:4px;outline:2px solid #ffdf39}@media (max-height:500px){.teaser{min-height:320px}.teaser-footer,.teaser-motion{bottom:8px}}@media (prefers-reduced-motion:reduce){.teaser-world{transition:none}}