*{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}html,body{margin:0;padding:0;height:100%;width:100%}button{border-radius:4px;padding:2px 4px;background-color:#eee;color:#000;border:1px solid #CCC;transition:all .2s}button:hover{filter:brightness(.9)}button:active{filter:brightness(1.1)}code{display:inline-block;border-radius:4px;border:1px solid #CCC;padding:1px 2px;margin:0;background-color:#ddd;min-width:1em}span[class=fraction]{margin-left:4px;margin-right:4px}span[class=fraction] .numbers-in-fraction{display:block;width:100%;padding:0;margin:0;text-align:center}span[class=fraction] span[class=numerator]{top:0;bottom:calc(50% - 1px);border-bottom:1px solid #000;display:block;width:100%;padding:0;margin:0;text-align:center}span[class=fraction] span[class=denominator]{bottom:0;top:calc(50% - 1px);border-top:1px solid #000;display:block;width:100%;padding:0;margin:0;text-align:center}span[class=fraction] span[class=number]{display:block;width:100%;height:100%}sup{font-size:.7em;margin:0 0 16px;height:calc(1em - 4px)}footer{position:fixed;bottom:0;left:0;right:0;height:fit-content;padding-left:16px;padding-right:16px;background-color:#fff;box-shadow:0 -1px 6px #0000004d,0 0 3px #0000004d}footer>p{margin:0;height:fit-content;line-height:2em}@media screen and (min-width: 680px){#sequence-input>*{display:inline-block}body{background-color:#eee}body>div{position:absolute;left:calc(50% - 20em);right:calc(50% - 20em);top:calc(50% - 13em);bottom:calc(50% - 13em);box-shadow:0 1px 6px #0000004d,0 0 3px #0000004d;display:flex;flex-direction:column;flex-wrap:nowrap;align-content:center;justify-content:center;align-items:center;background-color:#fff;border-radius:8px}#sequence-tip{display:block;padding-top:8px;border-top:1px solid #888;font-size:.8em;text-align:center}#nth-term-container{padding:8px;border:2px solid #CCC;border-radius:8px;width:30em;height:3em;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;justify-content:center;align-items:center}#sequence-data{border:none;outline:none;border-bottom:1px solid #888;text-align:center}}@media screen and (max-width: 680px){#sequence-input{width:100%}#sequence-input>*{display:block}#sequence-input>input{width:calc(100% - 4em)}#sequence-output{width:100%}body{background-color:#fff}body>div{position:absolute;left:2em;right:2em;top:3em;bottom:3em;box-shadow:none;display:flex;flex-direction:column;flex-wrap:nowrap;align-content:center;justify-content:center;align-items:center;background-color:#fff;border-radius:0}#sequence-tip{display:block;padding-top:8px;border-top:1px solid #888;font-size:.8em;text-align:center}#nth-term-container{padding:8px;border:2px solid #CCC;border-radius:0;width:calc(100% - 1em);height:3em;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;justify-content:center;align-items:center}#sequence-data{border:none;outline:none;border-bottom:1px solid #888;text-align:center}}