#app,body{height:100vh;margin:0;padding:0;font-family:"Source Sans 3",sans-serif;font-size:18px}main{height:100%;width:100%;display:flex;flex-direction:column}.card{background-color:#fff;border-radius:.25rem;box-shadow:0 .125rem .25rem #00000013;padding:1rem;margin:auto}.btn{background-color:#007bff33;cursor:pointer;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:6px;margin:0;word-break:break-all;color:inherit;border:none}@media(max-width:1800px){#app,body{font-size:12px}.btn{font-size:.8rem}}@media(max-width:1300px){#app,body{font-size:10px}.btn{font-size:.6rem}}.btn:hover{opacity:.8}.btn.selected{background-color:#007bff99}.btn.red{background-color:#f006}.btn.red:active{background-color:#8b000066}.btn.green{background-color:#00780066}.btn.green:active{background-color:#00500066}.icon-btn{background-color:transparent;border-color:transparent;color:#007bff;cursor:pointer;font-size:1.5rem;padding:.5rem;vertical-align:center;margin:0}.icon-btn:hover{opacity:.5;cursor:pointer}.icon-btn:active{text-shadow:0 0 .5rem rgba(0,123,255,.5);color:#0056b3}.sidebar{flex-grow:1;height:100%;background-color:transparent;padding:2rem;box-sizing:border-box;color:#000;overflow:auto;width:20vw}.dark{background-color:#0a2d42;color:#fff}.dark .btn{background-color:#fff3;color:#fff}.dark .selected{background-color:#fff9}input{padding:8px;border-radius:8px;border:1px solid black;font-size:inherit}.btn.left{flex:1;margin:0;border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.btn.right{flex:1;margin:0;border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}