@font-face{font-family:League Spartan Variable;src:url("../a/LeagueSpartan-66PUOU3W.ttf") format("truetype-variations");font-weight:1 999}*{font-family:League Spartan Variable,sans-serif;margin:0;padding:0;box-sizing:border-box}.i{font-family:League Spartan Variable,sans-serif}.sw-banner{position:sticky;top:0;display:flex;gap:1rem;align-items:center;justify-content:space-between;padding:.5rem 1rem;background:#1c2b2b;color:#e8efe9;z-index:10}html,body,#main{height:100%}body{background:#1c2b2b;color:#e8efe9}.shell{display:flex;flex-direction:column;height:100dvh;max-width:480px;margin:0 auto}.shell-top{display:flex;align-items:center;padding:.75rem 1rem;border-bottom:1px solid #2f4444}.shell-top .shell-title{font-size:1.25rem;letter-spacing:.05em}.shell-center{flex:1;overflow-y:auto;padding:1rem}.shell-bottom{display:flex;border-top:1px solid #2f4444}.shell-bottom .shell-tab{flex:1;padding:.9rem;background:none;border:none;color:#9fb3ab;font-size:1rem}.shell-bottom .shell-tab.active{color:#e8efe9;background:#243636}.play-view{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;min-height:100%}.play-view .play-name{font-size:1.1rem;color:#9fb3ab}.play-view .play-button{width:12rem;height:12rem;border-radius:50%;border:2px solid #e8efe9;background:none;color:#e8efe9;font-size:1.5rem}.play-view .play-button.playing{background:#e8efe9;color:#1c2b2b}.play-view .play-button:disabled{opacity:.4}.play-view .play-volume{display:flex;align-items:center;gap:.75rem;width:80%}.play-view .play-volume input{flex:1}.play-view .play-status{color:#9fb3ab}.play-view .play-error{color:#f08a7a}.config-view{display:flex;flex-direction:column;gap:.75rem}.config-view .config-save,.config-view .config-transport{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.config-view .config-label{margin-right:auto}.config-view .config-error{width:100%;color:#f08a7a}.row-button{cursor:pointer;padding:.2rem .6rem;border:1px solid #4b6262;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.row-button.active{background:#e8efe9;color:#1c2b2b}.dat-row .dat-row-items{display:flex;gap:8px;width:60%}.dat-row .dat-row-items .row-button{padding:0 4px;border:none}
/*# sourceMappingURL=style-YSPRRTIJ.css.map */
