@import"https://fonts.googleapis.com/css2?family=Prompt&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Prompt,sans-serif}:root{--light-background-color: #f8f8f8;--dark-background-color: #444444;--green-background-color: #2eb32e;--small-font-size: 1rem;--medium-font-size: 1.25rem;--large-font-size: 1.5rem;--font-color: #444444;--border-color: #555555;--border-color-light: #888888;--unselected-color: #777777;--disabled-color: #999999;--animation-delay: .2s;--scroll-bar-background-color: transparent;--scroll-bar-thumb-background-color: #888888}body{color:var(--font-color);overflow:hidden}button{padding:.25rem 1rem;outline:none;border:2px solid var(--border-color);min-width:75px}button:focus,button:active{border:none;outline:none}button:disabled{cursor:not-allowed;color:var(--disabled-color);border:2px solid var(--border-color-light)}input:disabled{cursor:not-allowed!important;opacity:.8}input,button{transition:var(--animation-delay) ease-in-out}.container{width:min(100vw,1200px);margin:0 auto;padding:1rem}#cell{display:grid;place-items:center;height:100px;width:100px}.queen{display:grid;place-items:center}.queen img{height:80px;width:80px}#Board{display:grid;place-items:center;width:min-content;border:1px solid var(--border-color-light);height:min-content}#Board:active{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(1.2);z-index:1;box-sizing:content-box;outline:max(100vh,100vw) solid rgba(0,0,0,.5);border:10px solid #dddddd}@media screen and (min-width: 768px){#Board:active{transform:translate(-50%,-50%) scale(2)}}#Boards{height:55vh;display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;margin:1rem 0;overflow-y:scroll}#Boards::-webkit-scrollbar{width:.5rem;background-color:var(--scroll-bar-background-color)}#Boards::-webkit-scrollbar-thumb{background-color:var(--scroll-bar-thumb-background-color)}@media screen and (min-width: 1200px){#Boards{height:70vh}}#Solutions{font-weight:600;letter-spacing:1px;font-size:var(--medium-font-size)}#QueenSelector{display:inline-block}.selector{background:none;border:none;outline:none;padding:0 .5rem;font-size:var(--small-font-size);cursor:pointer;color:var(--unselected-color)}.selector:focus,.selector:active{border:none;outline:none}.selector:disabled{color:var(--disabled-color);cursor:not-allowed;border:none}.selected{color:var(--font-color)}.selected span{transition:var(--animation-delay) ease-in-out;animation:border-animation var(--animation-delay) ease-in-out forwards}.selected:disabled span{border-bottom:3px dotted var(--border-color-light)!important}@keyframes border-animation{0%{border-bottom:0}to{border-bottom:3px solid var(--border-color)}}#SpeedSlider{margin-right:auto;display:flex;align-items:center;gap:.5rem}#SpeedSlider input{width:min(80vw,200px);-webkit-appearance:none;overflow:hidden;cursor:pointer;border-radius:0}#SpeedSlider input::-webkit-slider-runnable-track{background:#dddddd}#SpeedSlider input::-webkit-slider-thumb{-webkit-appearance:none;width:.5rem;height:1rem;background:var(--border-color-light);box-shadow:-200px 0 0 200px var(--border-color)}#SpeedSlider p{text-align:center;font-size:.8rem}#Buttons{display:flex;gap:.5rem}nav{display:flex;flex-wrap:wrap;justify-content:start;align-items:center;gap:1rem;width:100%;padding-bottom:.5rem;margin-bottom:1rem;border-bottom:2px dashed var(--border-color-light)}#Queen{height:50px;width:50px;margin-right:-.5rem}#Footer{min-height:3rem;width:100%;position:absolute;bottom:0;background-color:var(--light-background-color);display:grid;place-self:center;padding:.5rem}p{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;text-align:center}