body{align-items:center;padding-bottom:40px;background-color:#f5f5f5}.pp-algoviz-dashboard{font-family:sans-serif;display:grid;grid-gap:50px;justify-items:center}.pp-viz-navabar{display:grid;grid-template-columns:1fr max-content;justify-content:center;width:90%}.pp-viz-navabar .pp-form{display:grid;grid-auto-flow:column}.pp-viz-navabar .pp-form-row{align-items:center}.pp-form{display:grid;grid-gap:20px;justify-self:center}.pp-form-row-label{width:150px;display:inline-flex}.pp-form-row button,.pp-form-row input{padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;background-clip:padding-box;border:1px solid #ced4da;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.pp-form-row button{color:#fff;background-color:#4d81f0;cursor:pointer}.pp-form-row input{color:#212529;background-color:#fff}.pp-form-row input::placeholder{opacity:.5}@media screen and (max-width:700px){.pp-viz-navabar{grid-template-columns:unset;text-align:center}}@media screen and (max-width:480px){.pp-viz-navabar .pp-form{grid-auto-flow:row}}
.pp-hanoi-tower-rod{background:#000;position:relative;width:20px;height:200px;background-image:linear-gradient(90deg,#debd8c,#eac07b,#d29b3f,#b98e61);border-radius:7px}.pp-hanoi-tower-container{display:grid;grid-template-columns:5px 5px 5px;width:max-content;grid-gap:200px;justify-self:center}.pp-hanoi-tower-name{position:absolute;bottom:-60px;left:-25px;width:80px}.pp-hanoi-tower-element:nth-of-type(2){bottom:0}.pp-hanoi-tower-element:nth-of-type(3){bottom:20px}.pp-hanoi-tower-element:nth-of-type(4){bottom:40px}.pp-hanoi-tower-element-1{width:60px;background-image:linear-gradient(92deg,#eab38b,#ff5d5d,#f55440,#ef3d3c);height:20px;margin-left:-20px;border-radius:5px;position:absolute}.pp-hanoi-tower-element-2{width:80px;border-radius:5px;background-image:linear-gradient(90deg,#c4e08c,#8cec74,#8cec74,#489a0a);height:20px;margin-left:-30px;position:absolute}.pp-hanoi-tower-element-3{height:20px;width:100px;margin-left:-40px;position:absolute;border-radius:5px;background-image:linear-gradient(90deg,#c1e0e6,#6c9cb9,#4b88ad,#18418c)}.pp-hanoi-tower-top-circle{top:0;left:45px;width:20px;height:8.3px;background-image:linear-gradient(90deg,#9c5f05,#9e680e,#c78618,#8e5d15);-moz-border-radius:60px/25px;-webkit-border-radius:60px/25px;border-radius:60px/25px}@media screen and (max-width:460px){.pp-hanoi-tower-container{grid-gap:80px}.pp-hanoi-tower-element-1{width:30px;margin-left:-13px}.pp-hanoi-tower-element-2{width:45px;margin-left:-20px}.pp-hanoi-tower-element-3{width:60px;margin-left:-28px}}
table{border:1px solid #5bc3be;border-collapse:collapse;text-align:center}table td{width:25px;height:23px;cursor:pointer}.pp-graph-table td.visited:not(.start-node,.end-node){background-color:#00ffc4}.pp-graph-table td.end-node svg,.pp-graph-table td.start-node svg{height:18px;padding-top:2px}.pp-graph-table td.visited:not(.start-node,.end-node){animation:blinker .1s linear}.pp-graph-table td.shortest-path{background-color:rgba(241,245,0,.7686274509803922)!important;border:none}.start-node{background-image:url(../assets/icons/start.svg)}.end-node,.start-node{border:1px solid #afd8f8;background-position:50%;background-repeat:no-repeat;background-size:contain;animation-name:specialNodes;animation-duration:2s;animation-timing-function:ease-out;animation-delay:0;animation-direction:alternate;animation-iteration-count:1;animation-fill-mode:forwards;animation-play-state:running}.end-node{background-image:url(../assets/icons/end.svg)}.block-node{background:#34495e!important;animation:blocker .5s linear;border:none}@keyframes blinker{50%{background:#a4fad9}}@keyframes blocker{50%{background:#34495e}}

.pp-sudoku-board{border:2px solid #5bc3be;border-collapse:collapse;text-align:center}.pp-sudoku-board td{border:1px solid;width:35px;height:31px}.pp-form-select{display:block;width:100%;padding:.375rem 2.25rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");background-color:#fff;background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;border:1px solid #ced4da;border-radius:.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pp-split-2-column{display:grid;grid-template-columns:max-content max-content;grid-gap:20px;align-items:center}.pp-form-row{justify-items:center;display:grid}
.pp-array-view{display:flex;flex-wrap:nowrap;align-items:flex-start}.pp-array-element{background-image:linear-gradient(46deg,#633bb1,#ff7e9c);box-shadow:-3px 3px 4px .5px rgb(101 101 101/51%);border-radius:0 0 4px 4px;margin:0 2px}.pp-active-sort-elment-fast{animation:blinker .1s linear}.pp-active-sort-elment-medium{animation:blinker .4s linear}.pp-active-sort-elment-slow{animation:blinker .8s linear}.pp-array-size{cursor:pointer}.pp-sort-inprogress .pp-array-size,.pp-sort-inprogress .pp-form button{pointer-events:none!important}@keyframes blinker{50%{background:#41d379}}@media screen and (max-width:820px){.pp-array-element{margin:0 2px}}@media screen and (max-width:520px){.pp-array-element{margin:0 1px}}
.pp-node-circle{height:25px;width:25px;background-color:#fff;border-radius:50%;border:2px solid #bbb;display:inline-block}