:root{--ruffle-light-blue:#546da3;--ruffle-blue:#37528c;--ruffle-dark-blue:#184778;--ruffle-orange:#ffad33;--ruffle-dark-orange:#966214}.notransition,.notransition *,.notransition:before,.notransition:after{transition:none!important}body{background:var(--ruffle-blue);color:#fff;margin:auto;font:14px Arial,sans-serif}.header{background:var(--ruffle-dark-blue);text-align:center;padding:16px 16px 6px;position:relative;box-shadow:0 0 12px #0008}.header a{line-height:0;display:inline-block}#version-text{text-align:center;opacity:.6;font-size:smaller}.logo{width:100%;transition:transform .2s}.logo:hover{transform:scale(1.04)}input,select{background:var(--ruffle-dark-blue);color:#fff;border:none;border-radius:4px;padding:6px}input::placeholder{opacity:.5;color:#fff}button{border:2px solid var(--ruffle-blue);cursor:pointer;text-align:center;background:var(--ruffle-light-blue);color:#fff;text-shadow:0 0 .1px #fff;border-radius:8px;padding:6px 8px}.options{flex-flow:column;gap:20px;display:flex}.option{align-items:center;display:flex;position:relative}.option input,.option select{padding:4px;position:absolute;right:0}.option label{padding-right:60px;display:inline-block}.option.checkbox input{cursor:pointer;z-index:1;opacity:0;width:40px;height:20px;margin:auto}.option.checkbox label:before,.option.checkbox label:after{content:"";border-radius:10px;margin:auto;transition:background .2s,right .2s;position:absolute;top:0;bottom:0}.option.checkbox label:before{background:gray;width:40px;height:20px;right:0}.option.checkbox label:after{background:silver;width:18px;height:18px;right:21px}.option.checkbox input:checked+label:before{background:var(--ruffle-dark-orange)}.option.checkbox input:checked+label:after{background:var(--ruffle-orange);right:1px}.option.number-input input{width:60px;height:20px;margin:auto}.hidden{display:none!important}@font-face{font-family:Lato;font-style:normal;font-weight:400;src:url(./S6uyw4BMUTPHjxAwXjeu-C8eBZ-j2.woff2)format("woff2");unicode-range:U+100-2AF,U+304,U+308,U+329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lato;font-style:normal;font-weight:400;src:url(./S6uyw4BMUTPHjx4wXg-BEhtfm5r.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}#root{background:#000;flex-direction:column;margin:0;padding:0;font-family:Lato,sans-serif;font-size:100%;display:flex;position:absolute;inset:0}#nav{background:var(--ruffle-blue);color:#fff;box-sizing:border-box;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:8px 16px;display:flex}#nav>*{gap:20px;display:flex}.logo{flex:0 0 content;height:32px}.select-container>div{flex-wrap:wrap;align-items:center;gap:4px;display:flex}#web-url{width:min(40vw,500px)}#local-file{display:none}#local-file-name,#sample-swfs-label,#local-file-static-label{font-size:smaller}#local-file-static-label{display:none}#toggle-info,#reload-swf{cursor:pointer}#author{color:var(--ruffle-orange)}#main{flex-direction:row;flex:1;display:flex;position:relative}#author-container{font-size:smaller}#player-container{flex-grow:1;overflow-y:hidden}#player-container>*{width:100%;height:100%;position:absolute;inset:0}#overlay{pointer-events:none;border:8px dashed var(--ruffle-orange);opacity:0;box-sizing:border-box;z-index:1;border-radius:30px;transition:opacity .3s ease-in}#overlay.drag{opacity:1;transition-timing-function:ease-out}.info-container-shown #player{width:calc(100% - 300px)}#overlay:not([hidden])~#player{bottom:100%}#info-container{background-color:var(--ruffle-blue);box-sizing:border-box;flex-direction:column;gap:8px;width:300px;padding:4px 16px;display:flex;position:absolute;inset:0 0 0 auto}#info-container span:first-child{text-shadow:0 0 1px #fff}#info-container span:first-child:after{content:":"}#info-container span:last-child{float:right}#backgroundColor{border:2px solid var(--ruffle-dark-blue);background-color:#fff;width:1em;height:1em}@media only screen and (width<=1120px){#local-file-static-label{display:block}.select-container{flex-flow:column}}@media only screen and (width<=600px){#logo-container{display:none}}