.viewport.svelte-nrflyw{position:relative;aspect-ratio:16 / 9;background:#05080a;border-radius:var(--cs-media-radius, 8px) var(--cs-media-radius, 8px) 0 0;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.viewport.is-standalone.svelte-nrflyw{border-radius:var(--cs-media-radius, 8px)}.preview.svelte-nrflyw{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.viewport.svelte-nrflyw canvas.gl{display:block;width:100%;height:100%;cursor:default}.viewport.svelte-nrflyw:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(120% 95% at 50% 42%,transparent 55%,rgba(2,4,5,.55) 100%)}.state.svelte-nrflyw,.hint.svelte-nrflyw{position:absolute;margin:0;font-size:12px;letter-spacing:.04em;color:#befdfc99;pointer-events:none}.state.svelte-nrflyw{inset:auto 14px 12px;display:flex;flex-wrap:wrap;align-items:center;gap:8px;width:min(320px,calc(100% - 28px));max-width:calc(100% - 28px);padding:7px 10px;background:#05080ae0;border-radius:6px;color:#befdfce6;pointer-events:auto;z-index:1}.state.svelte-nrflyw p:where(.svelte-nrflyw){margin:0;min-height:44px;display:flex;align-items:center}.state.svelte-nrflyw button:where(.svelte-nrflyw){min-height:44px;min-width:44px;border:1px solid rgba(190,253,252,.35);border-radius:4px;background:transparent;padding:5px 8px;color:inherit;font:inherit;letter-spacing:inherit;cursor:pointer}.state.svelte-nrflyw button:where(.svelte-nrflyw):hover{background:#ffffff14}.state.svelte-nrflyw button:where(.svelte-nrflyw):focus-visible{outline:2px solid currentColor;outline-offset:3px}.hint.svelte-nrflyw{left:14px;bottom:12px;padding:4px 9px;background:#05080a99;border-radius:999px}@media (max-width: 640px){.viewport.svelte-nrflyw{aspect-ratio:1 / 1}}