html,body{margin:0;padding:0}html{font-size:110%}body{font:400 1em/1.4 sans-serif;padding:1em;background:#023047;color:#8ecae6}.learn-app{background:#219ebc;color:#023047;padding:1em}@media (min-width: 700px){.learn-app{display:grid;grid-template-columns:auto 1fr;gap:1em}}.learn-app__tab-wrap{background:#8ecae6}.learn-app__tab{border-spacing:.5em 0;margin:0 0 .5em auto;padding:1em;text-align:right;font-size:1.25em;font-weight:900}.learn-app__tab__sign{text-align:center}.learn-app__tab__partSum{color:red;font-weight:400}.learn-app:not(.x--debug) .learn-app__tab__partSum{display:none}.learn-app__next{display:block;box-sizing:border-box;padding:1em;width:100%;border:0;font-size:1.25em;font-weight:900}.form-group{gap:.5em;margin:0 0 .5em;text-transform:uppercase}.btn{cursor:pointer;background:#fb8500}.btn--result{text-align:right}.btn--result>*{padding-right:.5em}.btn:active{background:#ea8615}.number-input{display:flex}.number-input input,.number-input button{border:1px solid transparent;padding:.5em 1em}.number-input input{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;min-width:1em;width:4em;background:#ffebd6}.input-select{border:1px solid transparent;padding:.5em 1em;background:#ffebd6;border:2px solid #fb8500}