.widgetsContainer{columns:300px;column-rule-width:0;column-gap:32px;max-width:300px;margin:0 auto}.widgetsContainer .widget{break-inside:avoid-column;width:100%;max-width:300px;margin:0 auto;display:block;position:relative}.widgetsContainer .widget .orderControlBtns{position:absolute;top:10px;left:10px}.widgetsContainer .widget .orderControlBtns #upBtn:hover,.widgetsContainer .widget .orderControlBtns #downBtn:hover{cursor:pointer}.widgetsContainer .widget .orderControlBtns #upBtn,.widgetsContainer .widget .orderControlBtns #downBtn{opacity:.33;border-radius:50%}.widgetsContainer .widget .orderControlBtns #upBtn{rotate:-90deg}.widgetsContainer .widget .orderControlBtns #downBtn{rotate:90deg}@media (min-width:728px){.widgetsContainer{max-width:632px}}@media (min-width:1060px){.widgetsContainer{max-width:964px}}@media (min-width:1392px){.widgetsContainer{max-width:1296px}}
.toolCard{box-sizing:border-box;background:#d3d3d3;border:2px solid #222;border-radius:2px;max-width:300px;margin:0 auto 16px;padding:1rem 1.5rem;display:block}#title{text-align:center;font-weight:600}
#snakeGameArea{border:2px solid #000;width:225px;margin:0 auto}#snakeGameArea .snakeRow{display:flex}#snakeGameArea .snakeRow .snakeGameCell{box-sizing:border-box;width:15px;height:15px;line-height:15px}#snakeGameArea .snakeRow .activeSnakeHead{background-color:#006400}#snakeGameArea .snakeRow .activeSnakeBody{background-color:green}#snakeGameArea .snakeRow .activeSnakeTail{background-color:#48b448}#snakeGameArea .snakeRow .activeFood{background-color:#00f}#snakeGameArea .snakeRow .activeSnakeLoss{background-color:red}
#boidsContainer #boidsSimulation{background-color:#f5f5f5;border-radius:8px;width:100%;height:210px;margin:20px 0;display:block;position:relative;overflow:hidden}#boidsContainer #boidsSimulation .boid{border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:10px solid #332b24;width:0;height:0;position:absolute}#boidsContainer #pauseBtn{width:60px}#boidsContainer .boidsInput{justify-content:space-between;align-items:center;margin-bottom:3px;font-size:.78rem;font-weight:600;display:flex}#boidsContainer .boidsInput input{width:50px}
#pauseBtnGol{width:60px}#simSpeedLabel{margin-bottom:0;font-size:.78rem}#simSpeedSlider{appearance:none;background:linear-gradient(to right,#727272 0%,#727272 var(--sliderProgress,0%),#bcbcbc var(--sliderProgress,0%),#bcbcbc 100%);border-radius:3px;outline:none;width:50%;height:6px;margin:5px auto 20px;display:block}#simSpeedSlider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#000;border-radius:50%;width:15px;height:15px}#simSpeedSlider::-moz-range-thumb{cursor:pointer;background:#000;border:none;border-radius:50%;width:10px;height:10px}#simSpeedSlider::-webkit-slider-track{background:linear-gradient(to right,#727272 0%,#727272 var(--sliderProgress,0%),#bcbcbc var(--sliderProgress,0%),#bcbcbc 100%)}#simSpeedSlider::-moz-range-track{background:linear-gradient(to right,#727272 0%,#727272 var(--sliderProgress,0%),#bcbcbc var(--sliderProgress,0%),#bcbcbc 100%)}p{text-align:center}#gameOfLifeSimulation table{border-spacing:0}#gameOfLifeSimulation table tr{line-height:0}#gameOfLifeSimulation table td{width:15px;height:15px;margin:0;line-height:0;display:inline-block}#gameOfLifeSimulation table td.aliveCell{background-color:#000}#gameOfLifeSimulation table td.deadCell{background-color:#fff}
#cardSets{width:auto;margin:10px auto;display:block}#invertCheckboxContainer{justify-content:center;width:100%;margin-top:10px;display:flex}#invertCheckboxContainer label{padding-left:10px;padding-right:10px;font-size:.78rem}#invertCheckboxContainer label,#invertCheckboxContainer input{cursor:pointer;margin:0}.flashcardsCard{cursor:pointer;text-align:center;background-color:#fafafa;border:2px solid #332b24;border-radius:10px;margin:10px auto;padding:25px 5px}.flashcardsCardFront,.flashcardsCardBack{display:none}.flashcardsCardFront.active,.flashcardsCardBack.active{display:block}.flashcardsCardFront{font-weight:700}.prevNextButtons{justify-content:center;gap:10px;margin-top:15px;display:flex}
.blue{color:#06c}.green{color:green}.red{color:#c00}.darkblue{color:navy}.maroon{color:maroon}.teal{color:teal}.black{color:#000}.gray{color:#666}.smile{background-image:url(../media/smile.08d427ed.jpg)}.win{background-image:url(../media/win.fb1b283c.jpg)}.dead{background-image:url(../media/dead.dc7f5691.jpg)}.nervous{background-image:url(../media/nervous.4e18b28d.jpg)}.flagged{background-image:url(../media/flag.7106fad3.jpg);background-position:50%;background-repeat:no-repeat;background-size:contain}#mobileToggle{text-align:center;justify-content:center;align-items:center;gap:10px;display:flex}#mobileToggle #slider{background-color:#332b24;border-radius:20px;align-items:center;width:50px;height:30px;display:flex}#mobileToggle #slider span{background-color:#fafafa;border-radius:20px;width:20px;height:20px;margin:5px;transition:transform .3s;display:inline-block}#mobileToggle #slider.useFlag span{transform:translate(20px)}#resetButton{box-sizing:content-box;background-position:50%;width:30px;height:30px;margin:0 auto 20px;padding:2px;display:block}#resetButton p{margin:0;font-size:20px}.unclicked{background:linear-gradient(135deg,#f5f5f5 51%,#0000 25%),linear-gradient(315deg,#5f5f5f 51%,#0000 25%)}table{border-spacing:0;justify-content:center;margin-bottom:10px;display:flex}table tbody td{box-sizing:border-box;text-align:center;width:20px;height:20px;padding:3px}table tbody td p{box-sizing:border-box;background-color:#f1f1f1;width:20px;height:20px;margin:0;font-size:16px;font-weight:700;line-height:20px}table tbody td p:hover{cursor:default}
#babbleCanvas{background-color:#f0f0f0;width:250px;height:250px;margin:0 auto}.babble-controls{justify-content:center;gap:8px;margin-top:8px;display:flex}.babble-seed-input{text-align:center;width:100px}
.howMuchFasterContent{overflow-x:unset;padding:.25rem 0}.table{width:100%;min-width:unset;border-collapse:collapse;table-layout:fixed;background:0 0;margin:0 auto;font-family:inherit;display:table!important}.table th,.table td{text-align:center;background:0 0;border:none;padding:.05rem;font-family:inherit}.input{box-sizing:border-box;text-align:right;background:#f8f8f8;border:1px solid #bbb;border-radius:2px;width:48px;max-width:100%;padding:.08rem;font-family:inherit;font-size:.82rem}td:last-child .input{width:66px}.faded{opacity:.5}.hms-span{text-align:center;pointer-events:none;z-index:1;background:0 0;width:100%;margin-top:-1.7em;margin-bottom:.2em;font-family:inherit;font-size:.82rem;display:block;position:absolute;left:0;right:0}.hms-span-empty{opacity:.5}.hms-span-negative{color:#c00}td{position:relative}.table th{letter-spacing:.01em;background:0 0;padding-bottom:.18rem;font-family:inherit;font-size:.78rem;font-weight:600;line-height:1.1}.totals-label{text-align:center;letter-spacing:.01em;background:0 0;font-family:inherit;font-size:.78rem;font-weight:600;line-height:1.1}.total-row td{background:0 0;border-bottom:none}
#conversionsForm #randomColorBtn{cursor:pointer;background-image:url(../media/randomColor.4c38ce69.png);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;width:30px;height:30px;display:block;position:absolute;top:15px;right:15px}#conversionsForm #colorSwatchContainer{justify-content:center;margin-bottom:1rem;display:flex}#conversionsForm #currentColorSwatch{border:2px solid #ccc;border-radius:8px;width:100px;height:60px;box-shadow:0 2px 4px #0000001a}#conversionsForm .tripleInputContainer{justify-content:space-between;align-items:center;margin:2px 0;display:flex}#conversionsForm .tripleInputLabel{text-align:left;min-width:2.5em;font-size:.78rem;font-weight:600}#conversionsForm .tripleInput{box-sizing:border-box;width:3.5em;min-width:2.5em;max-width:3.5em;display:block}#conversionsForm #hexInputGroup>span{align-items:center;display:inline-flex}#conversionsForm .hexInput{box-sizing:border-box;width:6.5em;margin-left:.2em}#conversionsForm .colorRGB{font-size:.9em}#conversionsForm #closestNamedColor{text-align:center;border-radius:5px;width:100%;margin-top:0}#conversionsForm #closestNamedColorTitle{text-align:center;margin-bottom:0;font-size:.8em}
#title{text-align:center;font-weight:700}#sortBtn{cursor:pointer;padding:2px 16px}.bars-container{background-color:#f5f5f5;border-radius:8px;align-items:flex-end;gap:0;height:210px;margin:20px 0;padding:20px;display:flex}.bar{background-color:#332b24;width:2px}.sort-container{justify-content:space-between;align-items:center;width:100%;margin:20px auto 0;display:flex}
