html{overflow-x:auto}body{height:100%;min-width:1024px;overflow:hidden;background-color:#dce4f5;background-size:100%;background-repeat:no-repeat}.dark body{background:linear-gradient(180deg,#0f172a,#1e293b)}#root{width:100%;margin:0 auto;padding:0;text-align:center}.settingsDialog{animation:settingsAppear .3s ease-out}.settingsDialog.exit{animation:settingsExit .3s ease-in both}.mediaPreviewDialog{position:fixed;left:0;right:0;top:2rem;bottom:0;width:100%;max-width:100%;height:auto;max-height:calc(100dvh - 2rem);min-height:0;border-radius:10px 10px 0 0;will-change:transform,opacity}.mediaPreviewDialog[data-state=open]{animation:settingsAppear .3s ease-out both!important}.mediaPreviewDialog[data-state=closed]{animation:settingsExit .3s ease-in both!important}.shimmer{overflow:hidden;position:absolute}.shimmer:after{content:"";position:absolute;top:0%;bottom:0%;width:15px;background:linear-gradient(0deg,#fff0,#fff,#fff0);animation:shimmer 5s linear infinite}@keyframes shimmer{0%{transform:translate(-500%) rotate(25deg);opacity:0}10%{opacity:1;transform:translate(-500%) rotate(25deg)}30%{transform:translate(500%) rotate(25deg)}30.1%{transform:translate(-500%) rotate(25deg);opacity:0}to{transform:translate(-500%) rotate(25deg);opacity:0}}.text-shimmer{background:linear-gradient(135deg,#fff0,#fffc 25%,#fffc 75%,#fff0);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:textShimmer 3s cubic-bezier(.4,0,1,1) infinite!important}@keyframes textShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes settingsAppear{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes settingsExit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(50px)}}.dark .settingsDialog{background:linear-gradient(180deg,#0f172a,#1e293b)}