body{margin:0;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1a1a1a}.ring-controls{position:fixed;top:20px;left:20px;z-index:1000;background:rgba(42,43,55,.9);padding:20px;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:250px;text-align:center}.ring-info{border-bottom:1px solid #404156;padding-bottom:15px;margin-bottom:15px}.ring-playback{display:flex;flex-direction:column;align-items:center;gap:10px}.ring-loader{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2000;color:#46b780}.attrib-container{position:fixed;bottom:0;right:0;background:rgba(0,0,0,.7);color:#fff;padding:5px 10px;font-size:11px;border-radius:4px 0 0}.attrib-container a{color:#46b780;text-decoration:none}.attrib-container a:hover{text-decoration:underline}#root{height:100vh;width:100vw}@media (max-width: 768px){.ring-controls{top:8px;left:8px;min-width:160px;padding:10px}.ring-info{padding-bottom:10px;margin-bottom:10px}.ring-info .MuiTypography-h6{font-size:14px!important;margin-bottom:6px!important}.ring-info .MuiTypography-body2{font-size:11px!important;margin-bottom:6px!important}.ring-playback .MuiIconButton-root{width:45px;height:45px}.ring-playback .MuiSvgIcon-root{width:20px!important;height:20px!important}.ring-shortcuts .MuiTypography-root{font-size:10px!important;margin-top:12px!important}.ring-controls .MuiButton-root{padding-inline:12px!important;padding-block:6px!important;font-size:12px!important}}