@import url(https://fonts.loli.net/icon?family=Material+Icons);@import url(https://fonts.loli.net/css?family=Roboto+Mono:100,400,700i&display=swap);@import url(https://fonts.loli.net/css?family=Roboto:100,400,700i&display=swap);@font-face{font-family:"Segment7Standard";src:url(/static/media/Segment7Standard.e5ff00da.otf) format("opentype");font-weight:400;font-style:normal}.fade-enter{opacity:0}.fade-enter-active{-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out;opacity:1}.fade-exit{opacity:1}.fade-exit-active{-webkit-transition:opacity .2s ease-in;transition:opacity .2s ease-in;opacity:0}.unassigned-signal-line{background:rgba(212,206,36,.1)}.unassigned-signal-glyph{background:#d4ce24}.assigned-signal-glyph{background:rgba(41,194,189,.5)}.top-line{background:rgba(41,194,189,.1)}.top-glyph{background:#29c2bd}.diagnostic-error{text-decoration:underline;text-decoration-thickness:2px;-webkit-text-decoration-color:#cb4042;text-decoration-color:#cb4042;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;background:rgba(203,64,66,.2)}.diagnostic-warning{text-decoration:underline;-webkit-text-decoration-color:#d4ce24;text-decoration-color:#d4ce24;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}.diagnostic-info{text-decoration:underline;-webkit-text-decoration-color:#29c2bd;text-decoration-color:#29c2bd;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}.tooltip-container{position:relative;display:inline-block}.tooltip-container:hover{z-index:1000}.tooltip-hover{position:relative;z-index:3}.tooltip{position:absolute;pointer-events:none;z-index:2;top:0;right:100%;width:200px;height:auto;min-height:100%;min-width:100%;background:rgba(0,0,0,.9);opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px);-webkit-transition:opacity .2s ease,-webkit-transform .2s ease;transition:opacity .2s ease,-webkit-transform .2s ease;transition:opacity .2s ease,transform .2s ease;transition:opacity .2s ease,transform .2s ease,-webkit-transform .2s ease;padding:15px 20px;display:inline-flex;align-items:center;color:hsla(0,0%,100%,.7);font-size:12px;line-height:12px;border-right:5px solid rgba(64,104,224,.5)}.tooltip-hover:hover+.tooltip:not(.tooltip-disabled){opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.tooltip-hover:hover+.tooltip:not(.tooltip-disabled).tooltip-gap{-webkit-transform:translateX(-10px);transform:translateX(-10px)}.shutter{position:absolute;bottom:0;left:0;right:0;top:0;pointer-events:none}.shutter-bottom,.shutter-top{position:absolute;bottom:-100px;left:-100px;right:-100px;top:-100px;background:linear-gradient(45deg,hsla(0,0%,100%,.3) 25%,transparent 25% 50%,hsla(0,0%,100%,.3) 50% 75%,transparent 75% 100%);background-size:100px 100px;background-repeat:repeat;-webkit-mask-image:linear-gradient(45deg,#000 25%,transparent 25% 50%,#000 50% 75%,transparent 75% 100%);mask-image:linear-gradient(45deg,#000 25%,transparent 25% 50%,#000 50% 75%,transparent 75% 100%);-webkit-mask-size:100px 100px;mask-size:100px 100px;-webkit-mask-repeat:repeat;mask-repeat:repeat;-webkit-mask-position:50px 0;mask-position:50px 0;-webkit-transition:-webkit-mask-position .5s ease;transition:-webkit-mask-position .5s ease;transition:mask-position .5s ease;transition:mask-position .5s ease,-webkit-mask-position .5s ease}.shutter.shutter-open .shutter-bottom,.shutter.shutter-open .shutter-top{-webkit-mask-position:0 0;mask-position:0 0}.shutter-bottom{-webkit-transform:translateY(50px);transform:translateY(50px)}.highlighter{font-size:14px;line-height:18px}.highlighter .highlighter-comment{color:#7cb342}.highlighter .highlighter-warning{color:#ffeb3b}.highlighter .highlighter-error{color:#ef5350}.highlighter code{word-break:break-all}.help{position:fixed;bottom:0;left:0;right:0;top:0;padding:40px;pointer-events:none;z-index:120;color:#fff;letter-spacing:.05em}.help .brand{font-size:48px;color:#fff;line-height:48px}.help .brand strong{font-size:inherit;display:inline-block;line-height:inherit}.help-backdrop{z-index:0;background:rgba(0,0,0,.3);-webkit-transition:opacity .2s ease,-webkit-transform .2s ease;transition:opacity .2s ease,-webkit-transform .2s ease;transition:opacity .2s ease,transform .2s ease;transition:opacity .2s ease,transform .2s ease,-webkit-transform .2s ease}.help-backdrop,.help-backdrop .help-backdrop-stripe{position:absolute;bottom:0;left:0;right:0;top:0;opacity:0}.help-backdrop .help-backdrop-stripe{background-image:linear-gradient(45deg,rgba(0,0,0,.18) 25%,transparent 25% 50%,rgba(0,0,0,.18) 50% 75%,transparent 75% 100%);background-size:100px 100px;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}.help-backdrop.help-backdrop-shown{opacity:1;pointer-events:all}.help-backdrop.help-backdrop-editor-only{-webkit-transform:translateX(-50vw);transform:translateX(-50vw)}.help-backdrop.help-backdrop-editor-only .help-backdrop-stripe{opacity:1}.help-backdrop.help-backdrop-sandbox-only{-webkit-transform:translateX(50vw);transform:translateX(50vw)}.help-backdrop.help-backdrop-sandbox-only .help-backdrop-stripe{opacity:1}.help-controller-cont{position:fixed;right:0;width:60px;top:0;bottom:0;display:flex;align-items:center;-webkit-transform:translateX(72px);transform:translateX(72px);-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease;z-index:120}.help-controller{flex:1 1;height:auto;background:#333;box-shadow:0 4px 12px rgba(0,0,0,.3);display:inline-flex;flex-direction:column;pointer-events:all}.help-open .help-controller-cont{-webkit-transform:none;transform:none}.help-action{height:60px;width:60px;line-height:60px;text-align:center;color:#fff;cursor:pointer;opacity:.7;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}.help-action:hover{opacity:1}.help-action.help-action-disabled{cursor:default;opacity:.18}.help-action-primary{background:#4068e0;-webkit-transition:-webkit-filter .2s ease;transition:-webkit-filter .2s ease;transition:filter .2s ease;transition:filter .2s ease,-webkit-filter .2s ease}.help-action-primary.help-action-primary-disabled{-webkit-filter:grayscale(1) brightness(.7);filter:grayscale(1) brightness(.7)}.help-content{-webkit-transition:opacity .2s ease;transition:opacity .2s ease}.help-content.help-content-hidden{opacity:0}.help del{margin:0 5px;color:hsla(0,0%,100%,.3);-webkit-text-decoration-color:#fff;text-decoration-color:#fff}.help p{margin-bottom:0;color:hsla(0,0%,100%,.7)}.help-welcome{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.help-welcome .help-welcome-inner{padding:30px 40px;background:#000}.help-welcome .help-welcome-desc{margin-top:40px;max-width:400px}.help-welcome .help-welcome-icons{margin-top:40px;display:flex;align-items:center;justify-content:center}.help-welcome .help-welcome-icons .help-welcome-icon{font-size:12px;color:hsla(0,0%,100%,.54);display:flex;flex-direction:column;align-items:center;justify-content:center}.help-welcome .help-welcome-icons .help-welcome-icon .material-icons{color:#fff}.help-box{max-width:400px;padding:30px 40px;background:#000;z-index:1}.help-box strong{display:block;font-size:32px;line-height:32px}.help-layout .help-layout-base{display:flex;position:absolute;top:60px;bottom:0;right:0;left:0}.help-layout .help-layout-base .help-layout-half{flex:1 1;height:100%;display:flex;align-items:center;flex-direction:column;justify-content:center;padding:20px}.help-layout .help-layout-toolbar{position:absolute;top:60px;left:calc(50vw - 60px)}.help-layout .help-layout-toolbar .help-layout-row{height:60px;display:flex}.help-layout .help-layout-toolbar .help-layout-row .material-icons{width:60px;height:60px;display:inline-flex;align-items:center;justify-content:center;border:1px dashed #fff}.help-layout .help-layout-toolbar .help-layout-row .help-layout-desc{display:inline-flex;height:60px;align-items:center;padding:0 20px;background:#000}.help-layout .help-layout-build{position:absolute;top:0;right:70px;height:60px;width:120px;display:flex;align-items:center;justify-content:center;border:1px dashed #fff;background:#000}.help .help-hl{color:#ffeb3b}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}#root{position:absolute;bottom:0;top:0;left:0;right:0;z-index:1}.icon{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.container{height:100vh;width:100vw;display:flex;flex-direction:column;background:#333;-webkit-transition:opacity .5s ease-out;transition:opacity .5s ease-out;overflow:hidden}.container.pending{opacity:0;align-items:center;justify-content:center}header{height:60px;display:flex;align-items:center;z-index:100;position:relative}header .spanner{background:#333}header:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:0 4px 12px rgba(0,0,0,.3);z-index:90;pointer-events:none}header .brand{font-size:18px;color:hsla(0,0%,100%,.5);font-weight:100;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:24px;padding-left:20px;padding-right:30px;height:60px;background:#474747;display:inline-flex;align-items:center}header .brand strong{color:hsla(0,0%,100%,.7);font-weight:700}header .stub{height:100%;font-size:18px;color:#fff;display:flex;align-items:center;padding-right:10px;padding-left:30px;margin-left:-20px;z-index:1;background:#333;-webkit-clip-path:polygon(20px 0,100% 0,100% 100%,0 100%);clip-path:polygon(20px 0,100% 0,100% 100%,0 100%);cursor:pointer}header .stub .stub-caret{display:inline-block;border:5px solid transparent;border-top-color:#fff;margin-top:5px;margin-left:10px;opacity:.5;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}header .stub:hover .stub-caret{opacity:1}header .stub.stub-disabled{cursor:default;pointer-events:none}header .stub.stub-disabled .stub-caret{opacity:0}header .shifter{-webkit-transition:-webkit-transform .5s ease-out;transition:-webkit-transform .5s ease-out;transition:transform .5s ease-out;transition:transform .5s ease-out,-webkit-transform .5s ease-out;display:inline-flex}header .shifter.shifted{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform .5s ease-in;transition:-webkit-transform .5s ease-in;transition:transform .5s ease-in;transition:transform .5s ease-in,-webkit-transform .5s ease-in}header .shifter .logout{padding:0 20px 0 30px;height:60px;display:flex;align-items:center;-webkit-clip-path:polygon(20px 0,100% 0,100% 100%,0 100%);clip-path:polygon(20px 0,100% 0,100% 100%,0 100%);background:#474747;cursor:pointer}header .shifter .logout .material-icons{color:#fff;opacity:.7;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}header .shifter .logout:hover .material-icons{opacity:1}header .shifter .latest-build{color:#fff;padding:0 30px;margin-right:-20px;display:inline-flex;flex-direction:column;justify-content:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#333}header .shifter .latest-build .latest-build-hint{color:#fff;font-size:12px;line-height:12px;display:inline-flex;justify-content:flex-end;font-weight:100;opacity:.38;-webkit-transform:translate(5px);transform:translate(5px);-webkit-transition:opacity .2s ease,-webkit-transform .2s ease;transition:opacity .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,opacity .2s ease;transition:transform .2s ease,opacity .2s ease,-webkit-transform .2s ease}header .shifter .latest-build .latest-build-info{margin-top:2px;display:flex;flex-direction:row;align-items:center;justify-content:flex-end}header .shifter .latest-build .latest-build-id{font-size:24px;line-height:24px}header .shifter .latest-build .latest-build-id small{opacity:.54}header .shifter .latest-build .latest-build-status{margin-left:5px;height:24px}header .shifter .latest-build .latest-build-status>.material-icons{font-size:24px;display:inline-block;line-height:24px;width:24px;height:24px}header .shifter .latest-build .latest-build-pending{width:14px;height:14px;margin:5px;box-sizing:border-box;border:2px solid rgba(64,104,224,.7);-webkit-animation:pending-rotate 4s infinite;animation:pending-rotate 4s infinite}@-webkit-keyframes pending-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}75%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes pending-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}75%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}header .shifter .latest-build .latest-build-success{color:#1b813e}header .shifter .latest-build .latest-build-failed{color:#e04040}header .shifter .latest-build .latest-build-aux{font-size:12px;line-height:12px;-webkit-transform:translate(-5px);transform:translate(-5px);-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}header .shifter .latest-build .latest-build-nonsense{width:5px;opacity:0;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}header .shifter .latest-build:hover .latest-build-nonsense{opacity:1}header .shifter .latest-build:hover .latest-build-hint{-webkit-transform:none;transform:none;opacity:1}header .shifter .latest-build:hover .build-list,header .shifter .latest-build:hover .latest-build-aux{-webkit-transform:none;transform:none}.build-list{position:absolute;top:0;right:0;width:100vw;max-width:400px;height:300px;padding:70px 20px 10px;background:#333;overflow-y:auto;z-index:-1;box-shadow:0 2px 6px rgba(0,0,0,.3);-webkit-transform:translateY(-100%);transform:translateY(-100%);-webkit-transition:-webkit-transform .5s ease;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease}.build-list .build-list-entry{display:flex;height:40px;align-items:center}.build-list .build-list-entry .build-list-id{line-height:40px;font-size:28px}.build-list .build-list-entry .build-list-id small{opacity:.54}.build-list .build-list-entry .build-list-status{line-height:16px;font-size:12px;flex:1 1;color:hsla(0,0%,100%,.7)}.build-list .build-list-entry.build-list-pending .build-list-status{-webkit-animation:pending-status 2s ease infinite;animation:pending-status 2s ease infinite}@-webkit-keyframes pending-status{0%{opacity:.7}50%{opacity:.3}}@keyframes pending-status{0%{opacity:.7}50%{opacity:.3}}.build-list .build-list-entry .build-list-action{color:#fff;opacity:.7;cursor:pointer;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}.build-list .build-list-entry .build-list-action:hover{opacity:1}.build-list .build-list-entry .build-list-action.build-list-action-disabled{cursor:default;opacity:.38}.build-list .build-list-entry .build-list-action.build-list-action-disabled:hover{opacity:.38}.build-list .build-list-placeholder{height:100%;display:flex;align-items:center;justify-content:center;color:hsla(0,0%,100%,.18);font-size:18px;text-align:center;padding:20px}.build-list .build-list-end{margin-top:10px;color:#fff;text-align:center;cursor:pointer;opacity:.38;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}.build-list .build-list-end:hover{opacity:.7}.build-list .build-list-end.build-list-frozen{cursor:normal}.build-list .build-list-end.build-list-frozen:hover{opacity:.7}.spanner{flex:1 1;height:100%}main{flex:1 1}main.centering{display:flex;align-items:center;justify-content:center}.input{position:relative}.input .input-label{pointer-events:none;position:absolute;top:0;left:0;right:0;font-size:12px;color:hsla(0,0%,100%,.38);line-height:28px;padding:0 16px}.input input{background:transparent;border:none;outline:none;line-height:20px;font-size:18px;padding:24px 16px 10px;background:hsla(0,0%,100%,.1);color:#fff;width:100%}.login-box{position:relative;padding-right:148px}.login-box .login-input{width:240px}.login-box .login-spanner{height:20px}.login-box .login-button{background:transparent;border:none;outline:none;padding:0;position:absolute;width:128px;height:128px;right:0;top:0;background:#4068e0;display:inline-flex;align-items:center;justify-content:center;-webkit-filter:grayscale(1);filter:grayscale(1);-webkit-transition:-webkit-filter .4s ease;transition:-webkit-filter .4s ease;transition:filter .4s ease;transition:filter .4s ease,-webkit-filter .4s ease}.login-box .login-button:not(:disabled){cursor:pointer;-webkit-filter:none;filter:none}.login-box .login-button.errored{-webkit-filter:hue-rotate(135deg);filter:hue-rotate(135deg)}.login-box .login-button .login-icon{font-size:60px;color:#fff;opacity:.7;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}.login-box .login-button:hover:not(:disabled) .login-icon{opacity:1}.material-icons{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.workspace{display:flex}.workspace>.left{flex:1 1;overflow:hidden;margin-right:-60px;min-width:0;position:relative}.workspace>.toolbar{z-index:10;width:60px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 4px 12px rgba(0,0,0,.3)}.workspace>.toolbar button{background:transparent;border:none;outline:none;padding:0;width:60px;height:60px;color:#fff;background:hsla(0,0%,100%,.1);cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-transition:-webkit-filter .2s ease;transition:-webkit-filter .2s ease;transition:filter .2s ease;transition:filter .2s ease,-webkit-filter .2s ease}.workspace>.toolbar button:disabled{cursor:default;-webkit-filter:grayscale(1);filter:grayscale(1)}.workspace>.toolbar button:disabled .material-icons{opacity:.38}.workspace>.toolbar button.primary{background:#4068e0}.workspace>.toolbar button .material-icons{opacity:.7;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}.workspace>.toolbar button:hover:not(:disabled) .material-icons{opacity:1}.workspace>.right{flex:1 1;z-index:10;min-width:0}.sandbox{height:100%;position:relative;cursor:move;outline:0}.block{width:170px;height:170px;background:#666;box-shadow:0 2px 6px rgba(0,0,0,.3);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.block-wrapper{cursor:-webkit-grab;cursor:grab;position:absolute;z-index:1}.block-wrapper .block{position:relative}.block-wrapper .block-ops{position:absolute;top:0;width:100%;display:flex;align-items:center;justify-content:flex-end;-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.block-wrapper .block-ops button{background:transparent;border:none;outline:none;padding:0;cursor:pointer;height:20px;width:20px;background:hsla(0,0%,100%,.1);margin:0;display:inline-flex;align-items:center;justify-content:center}.block-wrapper .block-ops button .material-icons{font-size:14px;line-height:14px}.block-wrapper .block-ops button.delete{background:#9e1616;color:#fff}.block-wrapper .block-ops button .material-icons{opacity:.7;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}.block-wrapper .block-ops button:hover .material-icons{opacity:1}.block-wrapper:hover{z-index:2}.block-wrapper:hover .block-ops{-webkit-transform:translateY(-20px);transform:translateY(-20px)}.connector{cursor:pointer;width:15px;height:15px;border-radius:10px;border:5px solid rgba(0,0,0,.3);box-shadow:0 1px 3px rgba(0,0,0,.1)}.connector.clocking{border-color:#3a4e8a}.switch4{display:flex;align-items:center;flex-direction:column;padding:10px}.switch4 .leds,.switch4 .switches{flex:1 1;width:100%;display:flex;align-items:center}.switch4 .leds>div,.switch4 .switches>div{flex:1 1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.fpga{position:relative;display:grid;padding:10px;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fpga .pin-group{position:relative;display:flex;align-items:center;justify-content:center}.fpga .pin-group .pin{position:relative;z-index:2}.fpga .pin-group .label{position:absolute;z-index:1;right:-2px;bottom:-4px;font-size:12px;width:100%;text-align:right;font-weight:900;-webkit-transform:scale(.8);transform:scale(.8);color:rgba(0,0,0,.38)}.fpga .fpga-mask,.fpga .fpga-mask-anchor{width:100%;height:100%;position:absolute}.fpga .fpga-mask{padding:20px;background:rgba(0,0,0,.3);z-index:3;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer}.fpga .fpga-mask .fpga-mask-hint{font-size:14px;opacity:.7}.fpga .fpga-mask .material-icons{flex:1 1;display:inline-flex;align-items:center;font-size:72px;opacity:.38;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}.fpga .fpga-mask:hover .material-icons{opacity:.87}.fpga .fpga-ident{font-size:12px;-webkit-transform:scale(.8);transform:scale(.8);position:absolute;-webkit-transform-origin:right bottom;transform-origin:right bottom;bottom:0;right:0;color:rgba(0,0,0,.38);padding:5px 10px;background:rgba(0,0,0,.1);line-height:12px;font-weight:900}.digit4,.fpga .fpga-ident{display:flex;align-items:center}.digit4{flex-direction:column;padding:10px}.digit4 .digits,.digit4 .pins{flex:1 1;width:100%;display:flex;align-items:center}.digit4 .digits>div,.digit4 .pins>div{flex:1 1;height:100%;padding-top:3px;display:flex;flex-direction:row;align-items:center;justify-content:center}.digit4 .pins{display:grid;padding-top:10px;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr}.digit4 .digit{font-family:"Segment7Standard";font-size:30px}.digit7{display:flex;align-items:center;flex-direction:column;padding:4px}.digit7 .digits,.digit7 .pins{flex:1 1;width:100%;display:flex;align-items:center}.digit7 .digits>div,.digit7 .pins>div{flex:1 1;height:100%;display:flex;flex-direction:row;align-items:center;justify-content:center}.digit7 .pins{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr}.digit7 .digit{font-family:"Segment7Standard";font-size:30px}.clock{display:flex;align-items:center;flex-direction:column;padding:10px}.clock,.clock .clocks{justify-content:center}.clock .clocks{width:100%;display:inline-flex;align-items:flex-start}.clock .clock-box{flex:1 1;display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center}.clock .clock-label{font-weight:900;color:rgba(0,0,0,.7);margin-top:5px;-webkit-text-orientation:sideways;text-orientation:sideways;-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr}.clock .clock-label small{color:rgba(0,0,0,.38)}.clock .clock-top{width:100%}.clock .clock-bottom,.clock .clock-top{flex:1 1;display:flex;align-items:center;justify-content:center}.clock .clock-bottom{flex-direction:row}.clock .clock-bottom>div{padding-left:20px;padding-right:20px}.clock .clock-bottom .press-btn{height:26px;width:13px;background:hsla(0,0%,100%,.2);cursor:pointer;margin:5px;-webkit-transition:box-shadow .2s ease,-webkit-transform .2s ease;transition:box-shadow .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,box-shadow .2s ease;transition:transform .2s ease,box-shadow .2s ease,-webkit-transform .2s ease;box-shadow:0 3px 9px rgba(0,0,0,.3)}.clock .clock-bottom .press-btn.pusheen{-webkit-transform:scale(.8);transform:scale(.8);box-shadow:0 1px 3px rgba(0,0,0,.3)}.led{width:10px;height:20px;border:solid #fff;border-width:2px 2px 4px;box-shadow:0 2px 6px rgba(0,0,0,.3);background:#fff;margin:10px;-webkit-transition:background .2s ease,box-shadow .2s ease;transition:background .2s ease,box-shadow .2s ease}.led.lighten{background:#22ea22;box-shadow:0 2px 6px rgba(0,0,0,.3),0 0 4px #22ea22}.switch{width:20px;height:20px;margin:10px 0;cursor:pointer;box-shadow:0 3px 9px rgba(0,0,0,.3);background:hsla(0,0%,100%,.2);-webkit-transition:box-shadow .2s ease,background .2s ease;transition:box-shadow .2s ease,background .2s ease}.switch.pusheen{box-shadow:0 1px 3px rgba(0,0,0,.3);background:hsla(0,0%,100%,.05)}.wires{width:100%;height:100%;pointer-events:none;position:absolute;left:0;bottom:0;right:0;top:0;z-index:4;opacity:.5;-webkit-transition:opacity .5s ease;transition:opacity .5s ease}.wires.wires-shown{opacity:1;pointer-events:all}.wires.wires-off{opacity:0;-webkit-transition-duration:.1s;transition-duration:.1s}.wires.wires-hover{cursor:pointer}.hover-connectors{width:100%;height:100%;position:absolute;left:0;bottom:0;right:0;top:0;z-index:5;pointer-events:none;opacity:0;-webkit-transition:opacity .5s ease;transition:opacity .5s ease}.hover-connectors.hover-connectors-shown{opacity:1}.ctx{position:fixed;box-shadow:0 2px 6px rgba(0,0,0,.3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:rgba(51,51,51,.7);z-index:100}.ctx .ctx-entry{width:150px;padding:0 20px;line-height:40px;font-size:14px;color:hsla(0,0%,100%,.7);cursor:pointer;-webkit-transition:color .2s ease;transition:color .2s ease}.ctx .ctx-entry:hover{color:#fff}.backdrop{position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.3);z-index:1000}.backdrop.centering{display:flex;align-items:center;justify-content:center}.hint{color:hsla(0,0%,100%,.54);font-weight:200;font-size:14px;line-height:18px}.dimmed{opacity:.54}.dialog{width:400px;background:#333;padding:20px 30px;box-shadow:0 4px 12px rgba(0,0,0,.3)}.dialog .dialog-title{color:#fff;font-size:24px;line-height:32px;font-weight:700;margin:0 0 20px}.search-box{height:42px;position:relative}.search-box .material-icons{color:hsla(0,0%,100%,.54);font-size:24px;line-height:40px;position:absolute;left:0;top:0}.search-box .search-input{color:#fff;font-size:18px;line-height:40px;width:100%;height:100%;padding:0 0 0 34px}.search-box .search-input,.subscript-input-region{background:transparent;outline:none;border:none;border-bottom:2px dashed hsla(0,0%,100%,.38)}.subscript-input-region{padding:0;display:inline-block;width:2em;text-align:center;font-size:inherit;color:inherit;line-height:inherit;font-weight:inherit;font-family:inherit;position:relative;-webkit-transition:border-color .2s ease;transition:border-color .2s ease;overflow:hidden;text-overflow:ellipsis}.subscript-input-region.invalid{border-color:#e04040}.material-icons.subscript-adjust{vertical-align:top;line-height:32px;font-size:24px;color:#fff;opacity:.38;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}.material-icons.subscript-adjust:not(.invalid){cursor:pointer}.material-icons.subscript-adjust:not(.invalid):hover{opacity:1}.pin-selector{margin-top:20px;height:300px;overflow-y:auto;box-shadow:inset 0 2px 6px rgba(0,0,0,.3);padding:10px;background:rgba(0,0,0,.2)}.pin-selector .pin{box-shadow:0 1px 3px rgba(0,0,0,.3);height:80px;display:flex;cursor:pointer;color:#fff;margin-bottom:10px;background:#333}.pin-selector .pin:last-child{margin-bottom:0}.pin-selector .pin .pin-ident{width:80px;background:#4068e0;display:flex;flex-direction:column;align-items:center;justify-content:center}.pin-selector .pin .pin-ident .pin-number{font-size:32px;font-weight:700;color:#fff}.pin-selector .pin .pin-ident .pin-name{font-size:12px;color:hsla(0,0%,100%,.38)}.pin-selector .pin .pin-info{flex:1 1;padding:10px;display:flex;flex-direction:column}.pin-selector .pin .pin-info .pin-assignment{flex:1 1;font-size:18px;opacity:.54}.pin-selector .pin .pin-info .pin-direction{font-size:12px;color:hsla(0,0%,100%,.54);font-weight:100}.pin-selector .pin .pin-enter-hint{align-self:flex-end;margin-right:10px;color:hsla(0,0%,100%,.38);font-size:12px;line-height:16px;height:16px;margin-bottom:10px}.pin-selector .pin .pin-enter-hint .material-icons{font-size:18px;line-height:16px}.pin-selector .pin.pin-assigned .pin-ident{background:hsla(0,0%,100%,.05)}.pin-selector .pin.pin-assigned .pin-assignment{opacity:1}.sandbox-toolbar{position:absolute;bottom:0;left:0;height:93px;width:350px;padding:10px;background:#121212;box-shadow:0 2px 6px rgba(0,0,0,.3);border-left:5px solid #4068e0;display:inline-flex;align-items:flex-start;z-index:6;background-image:linear-gradient(90deg,rgba(64,104,224,.3) 68px,transparent 68px 100%);-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease;-webkit-transform:translateY(25px);transform:translateY(25px)}.sandbox-toolbar .layer-switcher{pointer-events:all;cursor:pointer;height:48px;width:92px;position:relative}.sandbox-toolbar .layer-switcher .layer-icon{color:#fff;font-size:48px;position:absolute;left:0;top:0;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:translate(68px) scale(.5);transform:translate(68px) scale(.5);opacity:.54;-webkit-transition:opacity .2s ease,-webkit-transform .2s ease;transition:opacity .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,opacity .2s ease;transition:transform .2s ease,opacity .2s ease,-webkit-transform .2s ease}.sandbox-toolbar .layer-switcher .layer-icon.layer-icon-active{-webkit-transform:none;transform:none;opacity:1}.sandbox-toolbar .layer-switcher:hover .layer-icon{opacity:1}.build-list .build-list-entry .sandbox-toolbar .build-list-sep,.sandbox-toolbar .build-list .build-list-entry .build-list-sep,.sandbox-toolbar .sep{height:24px}.sandbox-toolbar .tool{color:#fff;margin-right:5px;cursor:pointer;z-index:1;pointer-events:none;-webkit-transition:opacity .2s ease;transition:opacity .2s ease;opacity:.54}.sandbox-toolbar .tool .material-icons{-webkit-transform:translateY(10px);transform:translateY(10px);opacity:0;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.2s;transition-duration:.2s}.sandbox-toolbar .tool[data-tool~="1"] .material-icons{-webkit-transition-delay:0s;transition-delay:0s}.sandbox-toolbar .tool[data-tool~="2"] .material-icons{-webkit-transition-delay:.1s;transition-delay:.1s}.sandbox-toolbar .tool[data-tool~="3"] .material-icons{-webkit-transition-delay:.2s;transition-delay:.2s}.sandbox-toolbar .tool[data-tool~="4"] .material-icons{-webkit-transition-delay:.3s;transition-delay:.3s}.sandbox-toolbar .tool[data-tool~="5"] .material-icons{-webkit-transition-delay:.4s;transition-delay:.4s}.sandbox-toolbar .tool[data-tool~="6"] .material-icons{-webkit-transition-delay:.5s;transition-delay:.5s}.sandbox-toolbar .tool[data-tool~="7"] .material-icons{-webkit-transition-delay:.6s;transition-delay:.6s}.sandbox-toolbar .tool[data-tool~="8"] .material-icons{-webkit-transition-delay:.7s;transition-delay:.7s}.sandbox-toolbar .tool[data-tool~="9"] .material-icons{-webkit-transition-delay:.8s;transition-delay:.8s}.sandbox-toolbar .tool[data-tool~="10"] .material-icons{-webkit-transition-delay:.9s;transition-delay:.9s}.sandbox-toolbar .tool.tool[data-tool="wire 1"]{margin-left:-29px}.sandbox-toolbar .tool:hover,.sandbox-toolbar .tool:hover+.tool-activated{opacity:1}.sandbox-toolbar .tool.tool-disabled{cursor:default;opacity:.18}.sandbox-toolbar .tool.tool-last{margin-right:0}.sandbox-toolbar.block-mode .tool[data-tool~=block]{pointer-events:all}.sandbox-toolbar.block-mode .tool[data-tool~=block] .material-icons{-webkit-transform:none;transform:none;opacity:1}.sandbox-toolbar.block-mode .tool[data-tool~=block][data-tool~="1"] .material-icons{-webkit-transition-delay:.25s;transition-delay:.25s}.sandbox-toolbar.block-mode .tool[data-tool~=block][data-tool~="2"] .material-icons{-webkit-transition-delay:.35s;transition-delay:.35s}.sandbox-toolbar.block-mode .tool[data-tool~=block][data-tool~="3"] .material-icons{-webkit-transition-delay:.45s;transition-delay:.45s}.sandbox-toolbar.block-mode .tool[data-tool~=block][data-tool~="4"] .material-icons{-webkit-transition-delay:.55s;transition-delay:.55s}.sandbox-toolbar.block-mode .tool[data-tool~=block][data-tool~="5"] .material-icons{-webkit-transition-delay:.65s;transition-delay:.65s}.sandbox-toolbar.block-mode .tool[data-tool~=block][data-tool~="6"] .material-icons{-webkit-transition-delay:.75s;transition-delay:.75s}.sandbox-toolbar.block-mode .tool[data-tool~=block][data-tool~="7"] .material-icons{-webkit-transition-delay:.85s;transition-delay:.85s}.sandbox-toolbar.block-mode .tool[data-tool~=block][data-tool~="8"] .material-icons{-webkit-transition-delay:.95s;transition-delay:.95s}.sandbox-toolbar.block-mode .tool[data-tool~=block][data-tool~="9"] .material-icons{-webkit-transition-delay:1.05s;transition-delay:1.05s}.sandbox-toolbar.block-mode .tool[data-tool~=block][data-tool~="10"] .material-icons{-webkit-transition-delay:1.15s;transition-delay:1.15s}.sandbox-toolbar.wire-mode .tool[data-tool~=wire]{pointer-events:all}.sandbox-toolbar.wire-mode .tool[data-tool~=wire] .material-icons{-webkit-transform:none;transform:none;opacity:1}.sandbox-toolbar.wire-mode .tool[data-tool~=wire][data-tool~="1"] .material-icons{-webkit-transition-delay:.25s;transition-delay:.25s}.sandbox-toolbar.wire-mode .tool[data-tool~=wire][data-tool~="2"] .material-icons{-webkit-transition-delay:.35s;transition-delay:.35s}.sandbox-toolbar.wire-mode .tool[data-tool~=wire][data-tool~="3"] .material-icons{-webkit-transition-delay:.45s;transition-delay:.45s}.sandbox-toolbar.wire-mode .tool[data-tool~=wire][data-tool~="4"] .material-icons{-webkit-transition-delay:.55s;transition-delay:.55s}.sandbox-toolbar.wire-mode .tool[data-tool~=wire][data-tool~="5"] .material-icons{-webkit-transition-delay:.65s;transition-delay:.65s}.sandbox-toolbar.wire-mode .tool[data-tool~=wire][data-tool~="6"] .material-icons{-webkit-transition-delay:.75s;transition-delay:.75s}.sandbox-toolbar.wire-mode .tool[data-tool~=wire][data-tool~="7"] .material-icons{-webkit-transition-delay:.85s;transition-delay:.85s}.sandbox-toolbar.wire-mode .tool[data-tool~=wire][data-tool~="8"] .material-icons{-webkit-transition-delay:.95s;transition-delay:.95s}.sandbox-toolbar.wire-mode .tool[data-tool~=wire][data-tool~="9"] .material-icons{-webkit-transition-delay:1.05s;transition-delay:1.05s}.sandbox-toolbar.wire-mode .tool[data-tool~=wire][data-tool~="10"] .material-icons{-webkit-transition-delay:1.15s;transition-delay:1.15s}.sandbox-toolbar .sandbox-toolbar-hint{position:absolute;bottom:25px;left:68px;right:0;height:24px;padding:0 10px;line-height:24px;font-size:12px;color:#fff;background:#333;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:0}.sandbox-toolbar .sandbox-toolbar-hint.tool-activated{z-index:2;opacity:0;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}.sandbox-toolbar .layer-hint{position:absolute;-webkit-transition:opacity .5s ease,-webkit-transform .5s ease;transition:opacity .5s ease,-webkit-transform .5s ease;transition:opacity .5s ease,transform .5s ease;transition:opacity .5s ease,transform .5s ease,-webkit-transform .5s ease;opacity:0}.sandbox-toolbar .layer-hint[data-iter="1"]{-webkit-transform:translateX(-15px);transform:translateX(-15px)}.sandbox-toolbar .layer-hint[data-iter="2"]{-webkit-transform:translateX(15px);transform:translateX(15px)}.sandbox-toolbar .layer-hint.layer-hint-active{-webkit-transform:none;transform:none;opacity:1}.sandbox-toolbar .layer-hint-tail{-webkit-transition:-webkit-transform .5s ease;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease}.sandbox-toolbar .layer-hint-tail.layer-hint-tail-block{-webkit-transform:translateX(3.5em);transform:translateX(3.5em)}.sandbox-toolbar .layer-hint-tail.layer-hint-tail-wire{-webkit-transform:translateX(3em);transform:translateX(3em)}.sandbox-toolbar .palette-stub{box-sizing:border-box;width:20px;height:20px;margin:2px;border:2px solid hsla(0,0%,100%,.3);cursor:pointer;-webkit-transition:background-color .2s ease;transition:background-color .2s ease;pointer-events:all}.sandbox-toolbar .palette{height:25px;position:absolute;bottom:0;left:0;right:0;font-size:0;background:#333 linear-gradient(45deg,hsla(0,0%,100%,.05) 25%,transparent 25% 50%,hsla(0,0%,100%,.05) 50% 75%,transparent 75% 100%);background-size:20px 20px;display:flex}.sandbox-toolbar .palette .palette-slot{width:25px;height:25px;display:inline-block;cursor:pointer}.sandbox-toolbar .palette .palette-slot .palette-slot-mask{width:100%;height:100%;display:block;text-align:center;line-height:25px;font-size:12px;background:rgba(0,0,0,.3);color:#fff;opacity:0;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}.sandbox-toolbar .palette .palette-slot:hover .palette-slot-mask{opacity:1}.sandbox-toolbar .palette .palette-hint{line-height:25px;color:#fff;opacity:.3;display:inline;flex:1 1;font-size:12px;text-align:right;padding-right:10px;cursor:default}.sandbox-toolbar.palette-shown{-webkit-transform:none;transform:none}.build-detail-dialog{display:flex;flex-direction:column;padding:0;width:calc(100vw - 80px);height:calc(100vh - 80px);max-width:1080px}.build-detail-dialog .build-detail-header{padding:20px 30px 0;box-shadow:0 2px 6px rgba(0,0,0,.7);z-index:1;position:relative}.build-detail-dialog .build-detail-header .build-detail-tabber-container{position:absolute;left:0;top:0;bottom:0;right:0;display:flex;align-items:center;justify-content:center}.build-detail-dialog .build-detail-header .build-detail-tabber-container .tabber-click-zone{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.build-detail-dialog .build-detail-header .build-detail-tabber-container .tabber-click-zone:hover .build-detail-tabber{opacity:.7}.build-detail-dialog .build-detail-header .build-detail-tabber-container .tabber-click-zone:hover .build-detail-tabber.tabber-active{opacity:1}.build-detail-dialog .build-detail-header .build-detail-tabber-container .tabbers{display:inline-flex;align-items:center;justify-content:center}.build-detail-dialog .build-detail-header .build-detail-tabber-container .descs{width:0;height:16px;position:relative}.build-detail-dialog .build-detail-header .build-detail-tabber-container .build-detail-tabber{color:transparent;opacity:.38;-webkit-transition:opacity .2s ease,background-position .5s ease;transition:opacity .2s ease,background-position .5s ease;-webkit-background-clip:text;background-clip:text;background-size:300% 100%;background-origin:100% 0}.build-detail-dialog .build-detail-header .build-detail-tabber-container .build-detail-tabber.tabber-active{opacity:1}.build-detail-dialog .build-detail-header .build-detail-tabber-container .build-detail-tabber:first-child{background-image:-webkit-gradient(linear,right top,left top,color-stop(0,#ffc738),color-stop(50%,#fff));background-image:linear-gradient(-90deg,#ffc738 50%,#fff 50% 100%);background-position:0 50%}.build-detail-dialog .build-detail-header .build-detail-tabber-container .build-detail-tabber:first-child.tabber-active{background-position:100% 50%}.build-detail-dialog .build-detail-header .build-detail-tabber-container .build-detail-tabber:last-child{background-image:-webkit-gradient(linear,left top,right top,color-stop(0,#ffc738),color-stop(50%,#fff));background-image:linear-gradient(90deg,#ffc738 50%,#fff 50% 100%);background-position:100% 50%}.build-detail-dialog .build-detail-header .build-detail-tabber-container .build-detail-tabber:last-child.tabber-active{background-position:0 50%;opacity:1}.build-detail-dialog .build-detail-header .build-detail-tabber-container .build-detail-tab-desc{font-size:12px;line-height:16px;color:#fff;letter-spacing:.3em;width:100px;position:absolute;bottom:0;left:-50px;text-align:center;opacity:0;-webkit-transition:opacity .5s ease,-webkit-transform .5s ease;transition:opacity .5s ease,-webkit-transform .5s ease;transition:opacity .5s ease,transform .5s ease;transition:opacity .5s ease,transform .5s ease,-webkit-transform .5s ease}.build-detail-dialog .build-detail-header .build-detail-tabber-container .build-detail-tab-desc:first-child{-webkit-transform:translateX(20px);transform:translateX(20px)}.build-detail-dialog .build-detail-header .build-detail-tabber-container .build-detail-tab-desc:last-child{-webkit-transform:translateX(-20px);transform:translateX(-20px)}.build-detail-dialog .build-detail-header .build-detail-tabber-container .build-detail-tab-desc.desc-active{-webkit-transform:none;transform:none;opacity:.38}.build-detail-dialog .build-detail{position:relative;flex:1 1;width:100%;overflow:hidden}.build-detail-dialog .build-detail .build-detail-pane{position:absolute;left:0;bottom:0;right:0;top:0;opacity:0;-webkit-transition:opacity .5s ease,-webkit-transform .5s ease;transition:opacity .5s ease,-webkit-transform .5s ease;transition:opacity .5s ease,transform .5s ease;transition:opacity .5s ease,transform .5s ease,-webkit-transform .5s ease;pointer-events:none}.build-detail-dialog .build-detail .build-detail-pane.centering{display:flex;align-items:center;justify-content:center}.build-detail-dialog .build-detail .build-detail-pane.padded{padding:40px;overflow-y:auto}.build-detail-dialog .build-detail .build-detail-pane:first-child{-webkit-transform:translateX(20%);transform:translateX(20%)}.build-detail-dialog .build-detail .build-detail-pane:last-child{-webkit-transform:translateX(-20%);transform:translateX(-20%)}.build-detail-dialog .build-detail .build-detail-pane.pane-active{-webkit-transform:none;transform:none;opacity:1;pointer-events:all}.build-detail-dialog .build-detail-status{font-size:28px;color:#fff;font-weight:700}.build-detail-dialog .build-detail-sep{height:40px}.build-detail-dialog .build-detail-placeholder{display:inline-flex;padding:40px 0;display:flex;align-items:center;justify-content:center}.build-detail-dialog .build-detail-console{padding:20px 30px;display:block;background:#121212;white-space:pre-wrap;word-break:break-word;color:hsla(0,0%,100%,.7);margin-top:10px}.build-detail-dialog .build-detail-info{margin-top:20px;font-size:18px;color:hsla(0,0%,100%,.7);font-weight:100}.labeled-btn{background:transparent;border:none;outline:none;display:inline-flex;align-items:center;justify-content:center;line-height:44px;background:rgba(0,0,0,.18);padding:0 15px 0 0;color:#fff;margin-top:10px;cursor:pointer;margin-right:10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.labeled-btn>span{opacity:.7;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}.labeled-btn:hover>span{opacity:1}.labeled-btn .labeled-btn-icon,.labeled-btn .material-icons{margin-right:15px;color:#fff;background:#4068e0;padding:10px;width:44px;height:44px}.labeled-btn .labeled-btn-icon{line-height:24px;font-size:18px}.labeled-btn:disabled{cursor:default}.labeled-btn:disabled .labeled-btn-icon,.labeled-btn:disabled .material-icons{-webkit-filter:grayscale(1);filter:grayscale(1)}.labeled-btn:disabled:hover>span,.labeled-btn:disabled>span{opacity:.38}.help-dialog{display:flex;flex-direction:column;width:calc(100vw - 80px);height:auto;padding:30px 40px;max-width:600px}.help-dialog .help-segment-header{font-size:28px;color:#fff;font-weight:700;margin-top:20px}.help-dialog .help-body{color:hsla(0,0%,100%,.87);font-size:14px}.help-dialog .help-spacer{height:20px}.help-dialog .help-cheatsheet{color:#fff;-webkit-column-count:2;column-count:2}.help-dialog .help-cheatsheet .help-shortcut{color:hsla(0,0%,100%,.54);font-size:16px;display:flex;line-height:24px}.help-dialog .help-cheatsheet .help-shortcut strong{display:inline-block;width:100px;color:hsla(0,0%,100%,.87);margin-right:5px;flex:1 1;white-space:nowrap}.snackbar{z-index:1500;position:fixed;bottom:0;right:20px;width:350px}.snackbar .snackbar-entry{height:60px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 2px 6px rgba(0,0,0,.3);-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease;cursor:pointer;background:#333;border-left:5px solid #ffc738;display:flex}.snackbar .snackbar-entry[data-iter="1"]{-webkit-transform:translateY(-20px);transform:translateY(-20px)}.snackbar .snackbar-entry[data-iter="2"]{-webkit-transform:translateY(-100px);transform:translateY(-100px)}.snackbar .snackbar-entry[data-iter="3"]{-webkit-transform:translateY(-180px);transform:translateY(-180px)}.snackbar .snackbar-entry[data-iter="4"]{-webkit-transform:translateY(-260px);transform:translateY(-260px)}.snackbar .snackbar-entry[data-iter="5"]{-webkit-transform:translateY(-340px);transform:translateY(-340px)}.snackbar .snackbar-entry[data-iter="6"]{-webkit-transform:translateY(-420px);transform:translateY(-420px)}.snackbar .snackbar-entry[data-iter="7"]{-webkit-transform:translateY(-500px);transform:translateY(-500px)}.snackbar .snackbar-entry[data-iter="8"]{-webkit-transform:translateY(-580px);transform:translateY(-580px)}.snackbar .snackbar-entry[data-iter="9"]{-webkit-transform:translateY(-660px);transform:translateY(-660px)}.snackbar .snackbar-entry[data-iter="10"]{-webkit-transform:translateY(-740px);transform:translateY(-740px)}.snackbar .snackbar-entry .snackbar-msg{flex:1 1;padding:10px 20px;height:100%;color:#fff;line-height:40px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-transition:opacity .2s ease;transition:opacity .2s ease;display:flex;align-items:center}.snackbar .snackbar-entry .snackbar-msg:hover{opacity:.38}.snackbar .snackbar-entry .snackbar-action{background:transparent;border:none;outline:none;padding:20px;background:#222;color:#fff;font-weight:700;cursor:pointer;opacity:.7;-webkit-transition:opacity .2s ease;transition:opacity .2s ease;width:100px}.snackbar .snackbar-entry .snackbar-action:hover{opacity:1}.settings-dialog{color:#fff}.settings-dialog .user-id{font-size:16px;color:hsla(0,0%,100%,.38)}.settings-dialog .user-id strong{color:#fff}.settings-dialog .user-realname{font-weight:700;font-size:28px}.settings-dialog .user-pass{display:flex;margin-top:20px;margin-bottom:20px}.settings-dialog .user-pass .user-pass-input{flex:1 1}.settings-dialog .user-pass button{background:transparent;border:none;outline:none;padding:0;width:54px;height:54px;background:#4068e0;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-transition:-webkit-filter .2s ease;transition:-webkit-filter .2s ease;transition:filter .2s ease;transition:filter .2s ease,-webkit-filter .2s ease}.settings-dialog .user-pass button .material-icons{opacity:.7;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}.settings-dialog .user-pass button:hover .material-icons{opacity:1}.settings-dialog .user-pass button:disabled{-webkit-filter:grayscale(1);filter:grayscale(1)}.settings-dialog .user-pass button:disabled .material-icons{opacity:.38}.settings-dialog .languages{margin-top:10px;margin-bottom:20px;display:flex;align-items:center}.settings-dialog .languages .language{display:flex;align-items:center;flex:1 1;cursor:pointer}.settings-dialog .languages .language .language-ind{height:36px;width:36px;display:flex;align-items:center;justify-content:center;position:relative;border:4px solid #4068e0;-webkit-filter:grayscale(1);filter:grayscale(1);opacity:.3;-webkit-transition:opacity .2s ease,-webkit-filter .2s ease;transition:opacity .2s ease,-webkit-filter .2s ease;transition:opacity .2s ease,filter .2s ease;transition:opacity .2s ease,filter .2s ease,-webkit-filter .2s ease}.settings-dialog .languages .language .language-ind:after{content:"";position:absolute;top:-4px;bottom:-4px;left:-4px;right:-4px;background:#4068e0;z-index:0}.settings-dialog .languages .language .language-ind .material-icons,.settings-dialog .languages .language .language-ind:after{opacity:0;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}.settings-dialog .languages .language .language-ind .material-icons{z-index:1}.settings-dialog .languages .language .language-name{flex:1 1;padding:0 10px;line-height:36px;opacity:.7;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}.settings-dialog .languages .language.language-selected .language-ind{opacity:1;-webkit-filter:none;filter:none}.settings-dialog .languages .language.language-selected .language-ind .material-icons,.settings-dialog .languages .language.language-selected .language-ind:after,.settings-dialog .languages .language.language-selected .language-name{opacity:1}.about-dialog{color:#fff}.about-dialog .brand{font-size:36px;text-align:center;color:hsla(0,0%,100%,.5)}.about-dialog .brand strong{color:hsla(0,0%,100%,.7)}.about-dialog .ref{font-size:12px;font-weight:100;text-align:center;color:hsla(0,0%,100%,.38)}.about-dialog .hint{margin-top:20px}.about-dialog a{color:inherit;text-decoration:underline;-webkit-text-decoration-color:hsla(0,0%,100%,.38);text-decoration-color:hsla(0,0%,100%,.38);-webkit-transition:opacity .2s ease;transition:opacity .2s ease}.about-dialog a:hover{opacity:.7}.drop-layer{position:fixed;bottom:0;left:0;right:0;top:0;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:1000;background:#000;pointer-events:none;opacity:0;-webkit-transition:opacity .2s ease;transition:opacity .2s ease;color:#fff;font-size:18px}.drop-layer .material-icons{font-size:56px}.drop-layer.drop-layer-shown{opacity:.3}.about-dialog .ref,.build-detail-dialog .build-detail-header .build-detail-tabber-container .build-detail-tab-desc,.build-list .build-list-entry .build-list-id,.build-list .build-list-entry .build-list-sep,.build-list .build-list-placeholder,.clock .clock-label,.fpga .fpga-ident,.fpga .pin-group .label,.help-dialog .help-cheatsheet .help-shortcut strong,.highlighter,.monospace,.sandbox-toolbar .palette .palette-hint,.sandbox-toolbar .sandbox-toolbar-hint,.sep,.settings-dialog .user-id,.tooltip,header .shifter .latest-build .latest-build-id{font-family:"Roboto Mono",monospace}.spacer{width:0;margin-right:5px}.build-list .build-list-entry .build-list-sep,.sep{color:hsla(0,0%,100%,.18);margin:0 10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}hr{margin:20px;border-color:hsla(0,0%,100%,.3)}
/*# sourceMappingURL=main.b132ccb1.chunk.css.map */