app.css

.countdown-container{float:right;width:10rem;height:1rem;margin:.25rem 0 .25rem .5rem;border:1px solid currentColor;border-radius:.25rem;box-sizing:border-box;color:inherit}.alert{color:red;animation:blink 1s infinite;-webkit-animation:blink 1s infinite}.countdown-content{display:block;height:100%;width:0;color:inherit;background-color:currentColor}.status-bar{height:1.5rem;padding-bottom:.25rem;border-bottom:1px dotted #fff}.status-bar:after{content:"";clear:both}.status-bar-cancel{height:100%;font-size:1rem}.status-bar-cancel:before{content:"\AB";margin-right:.25em}.status-bar-info{float:right}.history{height:7rem;overflow-x:scroll;font-size:0;line-height:0;white-space:nowrap;-webkit-backface-visibility:hidden;backface-visibility:hidden}.history-container{display:table-cell;vertical-align:top}.history-container:empty{display:block}.history-container:empty:after{content:attr(data-helper);display:block;line-height:6;font-size:1rem;text-align:center}.history-start-helper{display:none}.history svg{width:4.16667rem;height:5rem;display:inline-block;margin:1rem 0;transform:translateZ(0);animation:expand .25s,fadein .5s linear;-webkit-transform:translateZ(0);-webkit-animation:expand .25s,fadein .5s linear}.history svg.success{border:.125rem solid currentColor;border-radius:.25rem;padding:.375rem .25rem;margin-top:.5rem;margin-bottom:.5rem}.history svg+svg{margin-left:1rem}@keyframes fadein{0%{opacity:0}50%{opacity:0}to{opacity:1}}@-webkit-keyframes fadein{0%{opacity:0}50%{opacity:0}to{opacity:1}}@keyframes expand{0%{width:0;padding:0}}@-webkit-keyframes expand{0%{width:0;padding:0}}@media (min-width:1024px),(orientation:landscape){.history{height:auto;border-bottom:none}.history-container{display:block}.history svg{float:left;margin-right:1rem}.history svg+svg{margin-left:0}}.lock{display:block;width:320px;max-width:90%;margin:auto}.lock-flashdots circle{visibility:hidden;opacity:1}.lock-flashdots circle.active{visibility:visible;opacity:0;transition:visibility 0s,opacity .3s}.summary{position:fixed;top:0;bottom:auto;left:0;right:0;height:0;overflow:hidden;background:#14171b;visibility:hidden;transition:visibility 0s linear .5s,height .5s ease;-webkit-transition:visibility 0s linear .5s,height .5s ease}.summary.active{visibility:visible;height:100%;transition:visibility 0s,height .5s ease .5s;-webkit-transition:visibility 0s,height .5s ease .5s}.summary.view{padding:0}.summary.view .view-bloc{padding:2rem}.summary-title{margin:0}.summary-title.success{color:#fff;background-color:#169}.summary-title.fail{color:#fff;background-color:red}.summary-action-button>*{vertical-align:middle;margin-right:.5em}.summary-action-button{display:block;font-size:1.5rem}.summary-share{font-size:2rem;line-height:0}.summary-share-link{display:inline-block;margin-right:.375em}@media (min-width:1024px),(orientation:landscape){.summary{align-items:center}}@media (max-width:1023px){.history-wrap{border-bottom:1px dotted #fff}.history-wrap .history{margin:0 -2rem}.history-wrap .history-container{padding:0 2rem}}@media (min-width:1024px),(orientation:landscape){.game-layout-lock{align-self:center}}.extender-button{display:block;width:100%;padding:.25em;text-align:center;background:hsla(0,0%,100%,.125);border-bottom:1px dotted #fff}.extender-button:after{content:"\25BD";margin-left:.5em}.extender.active .extender-button:after{content:"\25B3"}.extender-content{display:none}.extender.active .extender-content{display:inherit}@media (min-width:1024px),(orientation:landscape){.extender.small-only .extender-button{display:none}.extender.small-only .extender-content{display:inherit}}.selectbox-item{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.selectbox{border:1px solid #fff;margin-bottom:.5rem;border-radius:.4rem;padding:.25rem}.selectbox-item{padding:.25rem;text-align:center;display:inline-block;box-sizing:border-box}.selectbox-item.active{background:#fff;color:#14171b;border-radius:.2rem}.selectbox-1 .selectbox-item{width:100%}.selectbox-2 .selectbox-item{width:50%}.selectbox-3 .selectbox-item{width:33.33%}.selectbox-4 .selectbox-item{width:25%}.selectbox-5 .selectbox-item{width:20%}.selector-left,.selector-right{width:2rem}.selector-left{float:left}.selector-right{float:right}.selector-label{margin:0 auto;display:block}.menu-title{margin:0}.menu-layout-instructions{-webkit-flex:1 0 auto}.menu-layout-form{max-width:480px}.introduction-demo{display:block;width:100%;max-width:320px;margin:1rem auto}@media (min-width:1024px),(orientation:landscape){.menu-layout{align-items:center}}button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}@font-face{font-family:Roboto Mono;font-weight:300;src:url("assets/fonts/robotomono-light-webfont.woff2") format("woff2"),url("assets/fonts/robotomono-light-webfont.woff") format("woff"),url("assets/fonts/robotomono-light-webfont.ttf") format("truetype")}*{font-family:Roboto Mono,Menlo,Consolas,Andale Mono,monospace;font-weight:300;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html{height:100%}body{position:relative;margin:0 auto;padding:2rem;max-width:1200px;box-sizing:border-box;background:#14171b;color:#fff}a{color:inherit}button{background:none;color:#fff;line-height:inherit;font-size:inherit;border:none;padding:0}button,h1,h2,h3,h4,h5,h6{font-weight:300}caption,table,tbody,td,tfoot,th,thead,tr{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:middle}table{border-collapse:collapse;border-spacing:0}.icon{width:1em;height:1em;vertical-align:middle}.icon *{fill:currentColor}::-webkit-scrollbar{display:none}:focus{outline:none}.bloc{border-top:1px dotted currentColor;padding:.75rem 0}.action-btn{display:block;text-align:center;margin:0 auto .25rem;font-size:1.25rem;border:1px solid #fff;padding:.25rem 1rem;box-shadow:.25rem .25rem 0 0 #fff;border-radius:.4rem}.highlight{display:inline-block;padding:0 .5rem;color:#14171b;background-color:#fff}.highlight:after{content:"_";animation:blink 1.2s infinite;-webkit-animation:blink 1.2s infinite}.hide{display:none}.view{display:flex;flex-direction:column;justify-content:space-between;position:absolute;top:0;bottom:0;left:0;right:0;padding:2rem;overflow:scroll}.view-bloc{flex-grow:1}@media (min-width:1024px),(orientation:landscape){.view{flex-direction:row}.view-bloc{flex-basis:50%;max-height:100%;overflow-y:scroll}.view-bloc+.view-bloc{margin-left:1rem}}@media (max-width:320px){html{font-size:14px}}@media (min-width:1024px){html{font-size:20px}}@keyframes blink{0%{opacity:1}50%{opacity:1}50.01%{opacity:0}to{opacity:0}}@-webkit-keyframes blink{0%{opacity:1}50%{opacity:1}50.01%{opacity:0}to{opacity:0}}