*{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0;font-family:Source Code Pro,monospace;line-height:1}html,body{background-color:#0836cc}.js-tgSVG{position:fixed;top:0;left:-9999px;z-index:9999}.s-gpu{will-change:transform}input,select{vertical-align:middle}.js-matter{position:fixed;top:0;left:0;opacity:.5;pointer-events:none}.js-matter.-hide{display:none}.js-matter.-hover{pointer-events:auto}.l-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.l-main{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:0;height:100%}.l-main>.item{position:relative;top:0;left:0;width:60vw;height:60vw;display:flex;flex-direction:column;align-items:center;justify-content:center}.l-main>.item>.frame{position:relative;width:100%;height:100%;scale:.7;font-size:18px;color:#fff;padding:.2em;padding-top:calc(50% - .5em);text-align:center}.js-copy{display:none}.l-downArea{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.js-downItem{position:absolute;top:0;left:0;background-color:#fff}.js-downItem:after{content:"";display:block;width:100%;height:100%;rotate:90deg;background-color:#fff}.l-indicator{position:fixed;top:auto;left:0;bottom:20vw;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:5px;z-index:9999;pointer-events:none}.l-indicator>div{width:5px;height:5px;border-radius:50%;border:1px solid #ffffff;opacity:.2;transition:opacity .25s}.l-indicator>div.-current{background-color:#fff;opacity:1}.l-debug{position:fixed;top:0;left:0;background-color:#000;color:#fff;font-size:12px;display:none}.l-info{position:fixed;top:0;left:0;margin:40px;color:#fff;height:auto;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;z-index:9999}.l-info p{font-size:14px;color:inherit;background-color:#000;padding:5px 20px}.l-info a{color:inherit;text-decoration:line-through}.l-info a:hover{text-decoration:none}@media screen and (max-width:768px){.l-info{justify-content:flex-start;margin:20px;height:auto}.l-info p{font-size:10px}.l-main-wrapper{padding-top:80px}}
