body{font-family:Arial,Helvetica,sans-serif;background-color:#f0f0f0;color:#333;transition:all .3s;padding:0;margin:0}nav{display:flex;flex-direction:row;gap:1rem;margin:0 1rem;padding:1rem;background-color:#d3d3d3}nav a{display:flex;text-decoration:none;color:#000;padding:.5rem 1rem;border:1px solid black;border-radius:.5rem;transition:.3s}nav a:hover{background:#add8e6}nav a:active{background:#008b8b}nav a.active{background:#20b2aa}.router-wrapper{padding:1rem}.container{display:flex;justify-content:center;align-items:flex-start;gap:1rem;flex-direction:row}.component{position:relative;background:#add8e6;padding:1rem 2rem;margin:1rem}.line{position:absolute;top:0;left:50%;width:8px;height:33px;background:gray;transform:translate(-50%) translateY(-100%)}.badge{display:inline-block;position:absolute;top:0;right:0;transform:translateY(-50%) translate(50%);padding:.25em .5em;font-size:1rem;font-weight:600;color:#fff;background-color:#8b0000;border-radius:8px;line-height:1;min-width:1.5em;text-align:center}.button-list{display:flex;flex-direction:row;gap:.5rem}button{background-color:#007bff;color:#fff;border:none;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;transition:background-color .3s}button:hover{background-color:#0056b3}button:active{background-color:#004085}button.secondary{background-color:#6c757d}button.secondary:hover{background-color:#5a6268}button.secondary:active{background-color:#343a40}pre{margin:0;background-color:#ffffe0;padding:1rem;border:orange 6px dotted;white-space-collapse:preserve-breaks}pre[data-code]{font-family:Courier New,Courier,monospace;border:none;background-color:#d3d3d3;color:#333;margin:0;padding:1rem;white-space-collapse:preserve-breaks}.blink-once-a{animation:blink .3s linear}.blink-once-b{animation:blink2 .3s linear}@keyframes blink{50%{background-color:#f08080}}@keyframes blink2{50%{background-color:#f08080}}.flex-row{display:flex;flex-direction:row;gap:.5rem}.flex-col{display:flex;flex-direction:column;gap:1rem}.flex-1-3{flex:1 1 33.3333%}.flex-2-3{flex:2 1 66.6667%}.flex-wrap{display:flex;flex-wrap:wrap}.flex-align-center{display:flex;align-items:center}.flex-justify-between{display:flex;justify-content:space-between}