body{background-color:#f8f8f8}#app{font-family:Roboto Mono,Monaco,courier,monospace;max-width:980px;margin:auto;text-align:center;padding-top:40px}#app h3{margin-bottom:30px}#app a.button{display:inline-block;width:240px;margin:.5em;font-family:Roboto Mono,Monaco,courier,monospace;font-weight:700;color:#fff;background-color:#83d1a2;border-bottom:2px solid #64bf8a;padding:12px 14px;border-radius:4px;transition:all .15s ease;text-decoration:none}#app a.button:hover{background-color:#8cdfad;border-bottom:2px solid #6fcf97}#app .content{background-color:#fff;border:1px solid #eee;margin:30px 0;padding:20px}#app .mutliple-examples{background-color:#fff;display:flex;justify-content:center;align-items:center;border-radius:10px;margin:20px auto}#app .mutliple-examples>:not(:last-child){margin-right:30px}#app .lets-play{display:flex;flex-direction:column;justify-content:center;align-items:center}#app .lets-play h2{font-size:27px;margin-top:0}#app .lets-play .customizable-gauge{max-width:300px}#app .lets-play .customizer-title{font-size:20px;margin:10px 0 0 0}#app .lets-play .customizer{margin-top:40px;display:flex;justify-content:center;flex-wrap:wrap}#app .lets-play .customizer>:not(:last-child){margin-right:20px}#app .mini-gauge{max-width:180px}#app .mini-gauge .inner-text{width:100%;height:100%}#app .inner-text--1,#app .inner-text--3{display:flex;justify-content:center;margin-top:85px;font-size:20px;color:#de3a21;font-weight:700}#app .inner-text--1 span,#app .inner-text--3 span{max-width:100px}#app .inner-text--3{margin-top:70px}#app .inner-text--2{display:flex;align-items:center;justify-content:center;font-size:20px;color:#de3a21;font-weight:700}#app .inner-text--2 span{max-width:90px}#app .block{display:flex}#app .block .property:first-child{margin-right:20px}#app .property{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:15px}#app .property label{margin-bottom:3px}#app .bottom{margin:30px 0}#app .bottom a{color:#000;font-weight:700;text-decoration:none}#app .select-container select,#app input[type=number],#app input[type=text]{width:100%;padding:5px 20px;box-sizing:border-box;font-size:16px;max-width:150px}#app .select-container{position:relative;background-color:#fff;border:1px solid #d4d4d4;overflow:hidden;width:150px}#app .select-container select{background-color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:110%;height:auto;border:0;margin:0;border-radius:0;overflow:hidden;text-overflow:ellipsis}#app .select-container:after{content:"";position:absolute;top:50%;margin-top:-3px;right:.75em;display:block;width:0;height:0;border-color:transparent;border-top-color:#444;border-width:6px;border-style:solid;pointer-events:none}.gauge{width:100%;height:100%}