body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:CompoFont;src:local("PPObjectSans-Regular"),url(/static/media/PPObjectSans-Regular.ea427ca76cf04359dc0e.otf)}@font-face{font-family:CompoFontBold;src:local("PPObjectSans-Heavy"),url(/static/media/PPObjectSans-Heavy.7bed42c6015aeeadf36c.otf)}.App{background-color:#212121;color:#fff;font-family:CompoFont,sans-serif;font-size:13pt;font-weight:100;min-height:100vh;text-align:left}.flashBtn{&:disabled{background-color:#2d2e2f;cursor:default}}b{font-weight:700}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.App-link{color:#61dafb}#console{background-color:#000;color:#fff;font-family:Consolas;height:6.5em;margin:.5em;overflow:auto;width:70vw}#console,.flashBtn{border-radius:.5em;padding:.5em}.flashBtn{background-color:#fff;border-style:hidden;color:#212121;cursor:pointer;float:left;font-family:CompoFont,sans-serif;font-size:13pt;&:disabled{background-color:#2d2e2f;cursor:default}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.pluginGridWrapper{margin:auto;max-width:900px;position:relative;-webkit-user-select:none;user-select:none}.gridContainer{align-content:start;display:grid;grid-template-columns:repeat(4,1fr);justify-content:start;min-height:75vh;min-width:200px;padding:10px;width:100%}.gridItem{font-size:30px;padding:10px;text-align:center}.installBtn{float:right;position:relative;width:50%}@media (max-width:960px){.gridContainer{grid-template-columns:repeat(2,1fr)}.pluginGridWrapper{max-width:400px}}@media (max-width:590px){.pluginGridWrapper{margin-left:5%;margin-right:5%;max-width:100%}.gridContainer{left:0;max-width:100%;position:relative}}@media (max-width:370px){.pluginGridWrapper{left:10px;margin-left:0;margin-right:0;padding-left:0;position:relative}.gridContainer{padding:0}}.pluginItem{height:200px;margin:auto;position:relative;text-align:center;width:200px}.pluginImage{left:0;position:relative;width:100%}.centered{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}body.active-modal{overflow-y:hidden}.pluginLink{color:#fff;text-decoration:none}.comingsoon{position:absolute;top:0;width:100%;z-index:1}.comingsoon p{border:2px solid #212121;border-radius:30px;color:#212121;float:right;font-size:7px;font-weight:900;height:8px;height:15px;margin-right:5px;padding:1px 0 0;width:70px}@media (max-width:490px){.pluginItem{height:150px;width:150px}}.header,.headerWithoutNav{background-color:#212121;border-bottom:1px solid #383838;height:80px;overflow:hidden;position:-webkit-sticky;position:sticky;top:0;-webkit-user-select:none;user-select:none;width:100%;z-index:100}.logoLink{float:left;height:100%;width:250px}.logo{float:left;width:80px}.titleAndLogo{width:300px}.title{align-items:center;color:#fff;display:flex;height:100%;padding-left:5px;width:200px}.title p{font-size:25px;position:relative;top:-4px}a:link{text-decoration:none}.compoWebLink{float:left;height:100%;margin-left:11px}.compoWebLink span{float:left;font-size:15px;height:100%;margin-top:20px;padding-top:11.5px}.compoWebLinkAnchor{float:left;font-family:CompoFontBold,sans-serif;font-size:20px;padding-top:27px}.dubbyDevice{float:right;margin-right:20px;margin-top:26px;position:absolute;right:0;top:-10px}.clickConnectBtn{bottom:12px;font-size:13px;left:13px;position:relative}@media (max-width:1230px){.header{height:140px}}@media (max-width:960px){.header{height:140px}.headerWithoutNav{height:100px}.title{bottom:12px;position:relative}.logoLink{height:70px}.compoWebLink{bottom:62px;clear:both;height:20px;left:80px;position:relative}.dubbyDevice{top:-7px}}@media (max-width:450px){.header{height:120px}.headerWithoutNav{height:70px}.logo{width:60px}.title{bottom:8px}.title p{font-size:20px;padding-left:0}.compoWebLink{left:60px;top:-68px}.compoWebLinkAnchor{font-size:15px}.compoWebLink span{font-size:10px}.dubbyDevice{right:-10px;top:-14px}.clickConnectBtn{font-size:11px;left:22px;top:-12px}}.headerNav{bottom:10px;margin:auto;position:relative;right:175px;-webkit-user-select:none;user-select:none;width:700px}ul{list-style-type:none;margin:auto;overflow:hidden;width:70%}li{color:#fff;cursor:pointer;display:block;float:left;margin-top:30px;min-width:80px;padding:16px;text-align:center;text-decoration:none}li:hover{background-color:#383838!important}@media (max-width:1230px){.headerNav{height:100px;left:-200px;position:relative;top:50px;width:600px}}@media (max-width:1032px){.headerNav{left:10px;top:-88px}}@media (max-width:960px){.headerNav{height:100px;left:-95px;position:relative;top:60px;width:400px}ul{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}li{margin:auto}}@media (max-width:664px){.headerNav{left:-55px;top:-10px}}@media (max-width:582px){.headerNav{left:0;top:-30px}}@media (max-width:450px){.headerNav{left:-12px;top:-50px}}@media (max-width:380px){.headerNav{left:-20px}}.dubbyButtonConnected{border:2px solid green;border-radius:30px;color:green}.dubbyButtonConnected,.dubbyButtonNotConnected{font-size:12px;font-weight:700;height:22px;padding:0 6px}.dubbyButtonNotConnected{border:2px solid red;border-radius:30px;color:red}.dubbyButtonConnected p,.dubbyButtonNotConnected p{bottom:11.7px;position:relative;-webkit-user-select:none;user-select:none}.pluginPageImage{display:block;float:left;height:800px;margin-left:auto;margin-right:auto;max-width:2000px;object-fit:cover;object-position:center;width:40%}.pluginName{display:none}.pluginContent{float:right;margin-left:auto;margin-right:auto;max-width:1200px;width:55%}.titleDescription{float:left;padding:10px;width:70%}.actions{float:right;padding:15px 10px 10px 20px;width:30%}.pluginPageInstallBtn{float:left;height:80px;width:70%}.progressBar{color:#fff;text-align:left;text-decoration:none;top:-20px;width:60%}.progressBar,.youtube{float:none;position:relative}.youtube{clear:both;float:left;margin:auto;padding-bottom:20px;padding-left:10px;padding-top:20px;width:650px}.youtube .video{background-color:green;bottom:10px;margin:auto;padding:10px;position:relative;width:100%}.flashingText{bottom:10px;float:left;left:10px;position:relative}@media (max-width:960px){.pluginPageImage{display:none}.actions{float:left;padding-left:10px;width:100%}.pluginContent{float:none;padding-left:20px;width:100%}.titleDescription{width:100%}.pluginName{display:block;padding-top:20px}.flashingText{bottom:8px;float:left;left:10px;position:relative}.youtube{width:330px}}.footer{align-items:center;border-top:1px solid #383838;display:grid;height:120px;text-align:center;width:100%}.footerText{font-size:14px}.icons{bottom:10px;position:relative}.icons a{color:#fff;padding:5px;text-decoration:none}.smallText{font-size:10px;padding-bottom:20px}
/*# sourceMappingURL=main.52b8901e.css.map*/