.everything{touch-action:none;cursor:grab;background:var(--surface-page);outline:none;position:fixed;inset:0;overflow:clip}.everything:active{cursor:grabbing}.everything:focus-visible{box-shadow:inset 0 0 0 1px var(--text-muted)}.everything-world{transform-origin:0 0;position:absolute;inset:0 auto auto 0}.everything-globe{position:absolute;inset:0}.everything-globe canvas{width:100%;height:100%;display:block}.everything:not([data-renderer=fallback]) .everything-world{opacity:0;pointer-events:none}.everything-globe,.everything[data-renderer=fallback] .everything-world{transition:opacity .24s cubic-bezier(.16,1,.3,1)}.everything[data-preview-open=true] .everything-globe,.everything[data-renderer=fallback][data-preview-open=true] .everything-world{opacity:.25}@media (prefers-reduced-motion:reduce){.everything-globe,.everything[data-renderer=fallback] .everything-world{transition:none}}.everything-item{background:var(--surface-raised);cursor:zoom-in;border:0;border-radius:16px;margin:0;padding:0;display:block;position:absolute;overflow:hidden}.everything-item img,.everything-item video{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.everything-item:focus-visible{outline:3px solid var(--text-primary);outline-offset:6px}.everything-play{color:#fff;background:#0f0f0fbf;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:absolute;bottom:16px;left:16px}.everything-control{width:44px;height:44px;color:var(--text-inverse);background:var(--text-primary);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;transition:color .12s,background .12s;display:grid}.everything-control:hover,.everything-control:focus-visible{color:var(--text-inverse);background:color-mix(in srgb, var(--text-primary) 90%, var(--text-inverse))}.everything-control:focus-visible{outline:none}.everything-controls{bottom:max(24px, env(safe-area-inset-bottom));align-items:center;gap:8px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.everything-controls .everything-control{border:1px solid color-mix(in srgb, var(--border-subtle) 10%, transparent);flex-shrink:0;width:44px;height:44px}.everything-zoom{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.everything-controls .everything-return{white-space:nowrap;border-radius:22px;justify-content:center;gap:10px;width:auto;padding:0 16px 0 4px;font-size:14px;font-weight:500;display:flex}.everything-return-logo{--metal-logo-color:var(--theme-preview-page,#0a0a0a);flex-shrink:0;width:36px;height:36px;position:relative}.everything-return-logo .metal-logo{width:48px;height:48px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.everything-viewer{--everything-preview-inset:128px;width:100%;max-width:none;height:100dvh;max-height:none;color:var(--text-primary);background:0 0;border:0;margin:0;padding:64px 76px;position:fixed;inset:0}.everything-viewer::backdrop{background:0 0}.everything-viewer[open]{place-items:center;display:grid}.everything-viewer[data-closing=true] .everything-control{opacity:0;pointer-events:none}.everything-full{color:inherit;appearance:none;cursor:zoom-out;visibility:hidden;background:0 0;border:0;border-radius:12px;margin:0;padding:0;display:block;position:relative;box-shadow:0 8px 32px #0000001f}.everything-full:focus-visible{background:var(--surface-raised);outline:none}.everything-full[data-phase=ready]{visibility:visible}.everything-full img,.everything-full video{object-fit:contain;border-radius:inherit;width:100%;height:100%;cursor:inherit;-webkit-user-select:none;user-select:none;display:block}.everything-full .everything-preview-placeholder{pointer-events:none;position:absolute;inset:0}@media (max-width:640px){.everything-viewer{--everything-preview-inset:148px;padding:64px 12px 84px}}@media (prefers-reduced-motion:reduce){.everything-control{transition:none}}.everything-heading{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.everything-item:after{content:"";border-radius:inherit;border:1px solid color-mix(in srgb, var(--text-muted) 1%, transparent);pointer-events:none;position:absolute;inset:0}.everything-preview-glass{pointer-events:none;visibility:hidden;position:absolute;inset:0;overflow:hidden}.everything-preview-glass canvas{width:100%;height:100%;display:block}.everything-controls[data-ready=false]{visibility:hidden;pointer-events:none}.everything-controls[data-ready=true]{animation:.42s cubic-bezier(.16,1,.3,1) both everything-preview-controls-enter}.everything-controls[data-ready=true][data-preview-open=true]{pointer-events:none;animation:.18s cubic-bezier(.4,0,1,1) both everything-controls-exit}.everything-viewer[open] .everything-controls{animation:.36s cubic-bezier(.16,1,.3,1) .1s both everything-preview-controls-enter}.everything-viewer[open] .everything-previous{--control-enter-x:4px;animation:.36s cubic-bezier(.16,1,.3,1) .1s both everything-preview-arrow-enter}.everything-viewer[open] .everything-next{--control-enter-x:-4px;animation:.36s cubic-bezier(.16,1,.3,1) .1s both everything-preview-arrow-enter}@keyframes everything-controls-exit{0%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%)scale(.9)}}@keyframes everything-preview-controls-enter{0%{opacity:0;transform:translate(-50%)scale(.9)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes everything-preview-arrow-enter{0%{transform:translateX(var(--control-enter-x))}to{transform:translate(0)}}@keyframes everything-enter{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.everything-controls[data-ready=true]{animation:none}.everything-controls[data-ready=true][data-preview-open=true]{opacity:0;animation:none}.everything-viewer[open] .everything-controls,.everything-viewer[open] .everything-previous,.everything-viewer[open] .everything-next{animation:none}}.everything[data-renderer=fallback] .everything-item{opacity:0}.everything[data-renderer=fallback] .everything-item[data-loaded=true]{animation:.48s ease-out both everything-enter}@media (prefers-reduced-motion:reduce){.everything[data-renderer=fallback] .everything-item[data-loaded=true]{opacity:1;animation:none}}
