*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f5f5f5;font-family:sans-serif;margin:0 10px;padding-top:1.5rem;position:relative;transition:all .2s ease-in-out}body.dark{background-color:#222;color:#fff}.toggle-theme{border-radius:50%;box-shadow:0 0 5px 2px #000;color:#000;cursor:pointer;font-size:1.5rem;height:35px;position:fixed;right:10px;top:20px;transition:all .2s ease-in-out;width:35px;z-index:1000}.dark .toggle-theme{background-color:#000;border:2px solid #fff;box-shadow:0 0 5px 2px #fff;color:#fff}.dark .toggle-theme:hover{background-color:#fff;color:#000}.toggle-theme:hover{background-color:#000;color:#fff}@media (max-width:1240px){.toggle-theme{bottom:10px;top:auto}}.bar-container-parent{align-items:center;display:flex;justify-content:space-between}.bar-container-parent .bar-container{align-items:flex-end;border:5px solid #555;cursor:pointer;display:flex;height:90vh;overflow:hidden;position:relative;transition:all .2s ease-in-out;width:47%}.dark .bar-container-parent .bar-container{border:5px solid #bbb}.bar-container-parent .bar-container .sort-name{color:#555;font-size:2.5rem;font-weight:700;left:50%;position:absolute;text-shadow:0 0 10px #fff;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:10}.dark .bar-container-parent .bar-container .sort-name{color:#ccc;text-shadow:0 0 10px #000}.bar-container-parent .bar-container:nth-child(3) .bar{background-color:#f598a2}.dark .bar-container-parent .bar-container:nth-child(3) .bar{background-color:#c86e78}.dark .bar-container-parent .bar-container:nth-child(3) .bar:hover{background-color:#a23}.bar-container-parent .bar-container:nth-child(3) .bar.green{background-color:green}.bar-container-parent .bar-container:nth-child(3) .bar.secondA{background-color:#fefe42}.bar-container-parent .bar-container:nth-child(3) .bar.secondB{background-color:#4242fe}.bar-container-parent .bar-container:nth-child(3) .bar:hover{background-color:#a23}.bar-container-parent .bar-container .bar{background-color:#add8ff;border-width:0 1px 0 0;cursor:pointer;position:relative;width:1%}.dark .bar-container-parent .bar-container .bar{background-color:#79b}.dark .bar-container-parent .bar-container .bar:hover{background-color:#067}.bar-container-parent .bar-container .bar.firstA{background-color:#f45}.bar-container-parent .bar-container .bar.firstB{background-color:#ff3}.bar-container-parent .bar-container .bar.green{background-color:green}.bar-container-parent .bar-container .bar:before{background-color:#fff;border:1px solid #000;border-radius:10%;box-shadow:0 0 5px 2px rgba(0,0,0,.6);content:attr(data-value);display:none;font-family:sans-serif;font-size:1.5rem;padding:5px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:display .2s ease-in-out;z-index:100}.dark .bar-container-parent .bar-container .bar:before{background-color:#000;box-shadow:0 0 5px 2px #fff;color:#fff}.bar-container-parent .bar-container .bar:hover{background-color:#08a;border:1px solid #333}.bar-container-parent .bar-container .bar:hover:before{display:block}.bar-container-parent .bar-container.selected{border:5px solid green;box-shadow:0 0 6px rgba(0,0,0,.6)}.bar-container-parent .bar-container .comparison{left:0;position:absolute;top:0;z-index:100}.bar-container-parent .start-button{border:2px solid #000;border-radius:5px;cursor:pointer;font-size:1rem;margin:0 .5rem;padding:2px 5px;transition:all .2s ease-in-out}.bar-container-parent .start-button:hover:not(:disabled){background-color:#000;color:#fff}.dark .bar-container-parent .start-button{background-color:#000;border:2px solid #fff;color:#fff}.dark .bar-container-parent .start-button:hover:not(:disabled){background-color:#fff;color:#000}@media (max-width:1200px){.bar-container-parent{flex-direction:column}.bar-container-parent .bar-container{height:40vh;width:calc(100% - 1rem)}.bar-container-parent .bar-container .sort-name{font-size:clamp(1.2rem,3vw,2.2rem)}.bar-container-parent .bar-container .comparison{font-size:clamp(.6rem,1.5vw,1rem)}.bar-container-parent .start-button{font-size:clamp(.5rem,2vw,1rem);margin:clamp(.5rem,1.5vw,1rem) 0;padding:.5rem}}.buttons-container{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-evenly;margin-bottom:1.5rem}.buttons-container .sliders input[type*=range]{appearance:none;-webkit-appearance:none;background:#333;border-radius:5px;box-shadow:0 0 5px 2px rgba(0,0,0,.6);height:10px;opacity:.7;outline:none}.dark .buttons-container .sliders input[type*=range]{background:#ddd;box-shadow:0 0 5px 2px hsla(0,0%,100%,.6)}.buttons-container .sliders input[type*=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#aaa;box-shadow:0 0 6px 3px rgba(0,0,0,.6);cursor:pointer;height:25px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;width:15px}.buttons-container .buttons{grid-gap:20px;display:grid;gap:20px;grid-auto-flow:column}.buttons-container .buttons button{border:2px solid #000;border-radius:5px;box-shadow:0 0 5px 2px rgba(0,0,0,.6);cursor:pointer;padding:10px 20px;transition:all .1s ease-in-out}.buttons-container .buttons button:hover:not(:disabled){background-color:#000;border:2px solid #000;box-shadow:0 0 5px 2px rgba(0,0,0,.6);color:#fff}.dark .buttons-container .buttons button{background-color:#000;border:2px solid #fff;box-shadow:0 0 5px 2px hsla(0,0%,100%,.6);color:#fff}.dark .buttons-container .buttons button:hover:not(:disabled){background-color:#fff;border:2px solid #fff;box-shadow:0 0 5px 2px hsla(0,0%,100%,.6);color:#000}.buttons-container .buttons button:disabled,.dark .buttons-container .buttons button:disabled{background-color:#555;color:#aaa;pointer-events:none}.buttons-container .buttons button:active{-webkit-transform:scale(.95);transform:scale(.95)}.buttons-container input,.buttons-container label{margin:0 10px;position:relative}.buttons-container input:before{background-color:#fff;border:1px solid #000;border-radius:10%;content:attr(value);left:50%;padding:5px;position:absolute;top:-30px}@media (max-width:1240px){.buttons-container .sliders{align-items:center;display:flex;justify-content:center;width:100%}.buttons-container .buttons,.buttons-container .sliders>input{width:100%}}@media (max-width:800px){.buttons-container .buttons{grid-template-rows:repeat(2,1fr)}}@media (max-width:480px){.buttons-container .buttons{grid-template-rows:repeat(3,1fr)}}.result{align-items:center;color:#000;font-weight:700;min-height:100vh;padding:0 2rem}.result,.result .result-info{display:flex;justify-content:center}.result .result-info{flex-direction:column;margin:4rem 2rem 2rem}.dark .result .result-info>h1{color:#fff}.dark .result .result-info>h1 span{text-shadow:0 0 2px #fff}.result .result-info>h1 span{color:red;text-shadow:0 0 2px #000}.result .result-info #restart{border:2px solid #000;cursor:pointer;font-size:1.5rem;margin:20px 0;padding:15px 30px;transition:all .2s ease-in-out}.dark .result .result-info #restart{background-color:#000;border:2px solid #fff;color:#fff}.dark .result .result-info #restart:hover{background-color:#fff;color:#000}.result .result-info #restart:hover{background-color:#000;color:#fff}.result .result-info .sort-info{margin:2rem 0}.result .result-info .sort-info table{border:1px solid #000;border-collapse:collapse;font-size:1.5rem;text-align:center;width:100%}.dark .result .result-info .sort-info table{color:#fff}.result .result-info .sort-info table tr{min-height:60px}.result .result-info .sort-info table td,.result .result-info .sort-info table th{border:1px solid #000;padding:10px}.dark .result .result-info .sort-info table td,.dark .result .result-info .sort-info table th{border-color:#fff}.result .result-info .sort-info table th{font-size:2rem}.result .result-info .sort-info table td:not(:first-child){color:#555;font-size:1.5rem}.dark .result .result-info .sort-info table td:not(:first-child){color:#aaa}@media (max-width:767px){.result .result-info{margin:clamp(1rem,4vw,2rem)}.result .result-info h1{font-size:clamp(1rem,4vw,2rem)}.result .result-info h1 span{text-shadow:0 0 1px #000}.result .result-info #restart{font-size:1.2rem;padding:10px 20px}.result .result-info .sort-info table tr{min-height:20px}.result .result-info .sort-info table td,.result .result-info .sort-info table th{padding:1vw}.result .result-info .sort-info table th{font-size:clamp(1rem,4vw,2rem)}.result .result-info .sort-info table td{font-size:clamp(.7rem,3vw,1.2rem)!important}}.result .chart{height:600px;margin:0 2rem;width:500px}.result .chart.hidden{display:none}@media (max-width:1023px){.result .chart{height:80vw;margin:clamp(.5rem,3vw,2rem) auto;width:80vw}.result{align-items:flex-start;flex-direction:column;justify-content:start;margin-top:2rem;padding:0}}
/*# sourceMappingURL=main.b3804164.css.map*/