.eterna-viewer-image-loading{background:linear-gradient(135deg, color-mix(in srgb, var(--surface), black 82%), #000 58%), #000}.eterna-viewer-image-loading-spinner{border:2px solid color-mix(in srgb, var(--neon-main), transparent 78%);border-top-color:var(--neon-main);width:2.75rem;height:2.75rem;box-shadow:0 0 28px color-mix(in srgb, var(--neon-main), transparent 68%);border-radius:9999px;animation:.76s linear infinite eterna-viewer-loading-spin}@media (prefers-reduced-motion:reduce){.eterna-like-breath{animation:none}}.eterna-player-bar.eterna-player-rotated{transform-origin:50%;width:100dvh;inset:50% auto auto 44px;transform:translate(-50%,-50%)rotate(90deg)}.eterna-player-center.eterna-player-rotated{transform:rotate(90deg)}.eterna-viewer-close.eterna-player-rotated{top:auto;bottom:calc(12px + var(--safe-bottom,0px));left:auto;right:12px;transform:rotate(90deg)}.eterna-action-rail{flex-direction:column;align-items:center;gap:14px;display:flex}.eterna-rail-action{color:#fff;background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;padding:0;display:flex}.eterna-rail-action>span{width:44px;height:44px;box-shadow:0 0 14px color-mix(in srgb, var(--neon-main,#b86cff), transparent 72%);background:#0805106b;border:1px solid #ffffff24;border-radius:50%;place-items:center;transition:transform .15s,background .2s;display:grid}.eterna-rail-action>span svg{width:22px;height:22px}button.eterna-rail-action:active>span{transform:scale(.88)}.eterna-rail-action[data-kind=like]>span svg{color:var(--neon-pink,#ff5fb7)}.eterna-rail-action[data-kind=sparks]>span svg{color:var(--spark-gold,#ffcf6b)}.eterna-rail-action[data-active=true]>span{background:linear-gradient(135deg, var(--neon-main,#b86cff), var(--neon-pink,#ff5fb7))}.eterna-rail-action[data-active=true]>span svg{color:#fff}.eterna-rail-action>b{text-shadow:0 1px 4px #000000bf;min-height:13px;font-size:11px;font-weight:800;line-height:13px}.eterna-dive-in{animation:.45s cubic-bezier(.22,1,.36,1) both eterna-dive-in}.eterna-dive-out{animation:.45s cubic-bezier(.22,1,.36,1) forwards eterna-dive-out}@keyframes eterna-dive-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes eterna-dive-out{0%{transform:translateY(var(--eterna-dive-from,0px))}to{transform:translateY(100%)}}@media (prefers-reduced-motion:reduce){.eterna-dive-in,.eterna-dive-out{animation-duration:10ms}}