*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}html{font-size:100%;font-family:sans-serif}body{margin:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#app{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:90vh}@media (min-width:600px) and (orientation:landscape){body{margin:10% auto;max-width:360px;background-color:#ccc;padding-bottom:20px}#app{background-color:#fff;height:600px}}.knob{-ms-touch-action:manipulation;touch-action:manipulation;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.knob,.ui-tabs{display:-webkit-box;display:-ms-flexbox;display:flex}.ui-tabs{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.card,.ui-tabs__header{-webkit-box-shadow:0 3px 12px -1px #ccc;box-shadow:0 3px 12px -1px #ccc}.card{padding:25px;margin:0 15px;margin-bottom:1.5em}.card>*,.ui-tabs__body{-webkit-box-flex:1;-ms-flex:1;flex:1}.ui-tabs__body{margin-top:1.5em!important;border:none!important;padding:0!important;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;display:-webkit-box;display:-ms-flexbox;display:flex}