@font-face{font-family:Minecraft;font-display:swap;src:url(/projekty/minecraft-log-calculator/assets/Minecraft-D5iNjxYL.ttf) format("truetype")}*{box-sizing:border-box;font-family:Minecraft}html{font-size:18px;color:#fff;line-height:1.125}body{margin:0;background-color:#1e1e1e}div#root{min-height:100dvh;display:flex;align-items:stretch;justify-content:center;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:400;margin:20px 0}p{margin:0}p,a,li{font-size:18px}h1{font-size:45px}h2{font-size:36px}h3{font-size:31.5px}h4{font-size:27px}h5{font-size:22.5px}h6{font-size:20.25px}ol,ul{padding:0;list-style-position:inside}fieldset,figure{margin:0;padding:0;border:0}button{background:none;color:#fff;border:none;outline:none;padding:0;-webkit-tap-highlight-color:transparent}.module,.full-module{width:100%;margin:0 auto;padding-left:.75rem;padding-right:.75rem}@media screen and (min-width: 576px){.module,.full-module{max-width:540px}}@media screen and (min-width: 768px){.module,.full-module{max-width:720px}}@media screen and (min-width: 992px){.module,.full-module{max-width:960px}}@media screen and (min-width: 1200px){.module,.full-module{max-width:1140px}}@media screen and (min-width: 1400px){.module,.full-module{max-width:1320px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.hide{opacity:0}header{background-color:#151515}header nav.menu{display:flex;align-items:center;justify-content:center;gap:1rem;padding:15px 30px}header h1{font-size:1.25rem}header button{font-size:1.25rem;cursor:pointer;transition:color .3s ease}header button span{color:#03b741}@media screen and (max-width: 575.98px){header nav.menu{display:flex;align-items:center;justify-content:space-evenly}header button{font-size:1rem}}footer{display:flex;align-items:center;justify-content:center;padding:10px;background-color:#151515}footer p{font-size:1rem;text-align:center}footer p a{font-size:1rem;color:#03b741}main{opacity:0;transition:opacity .3s ease;opacity:1;flex:1;display:flex;align-items:center;gap:1.5rem;flex-direction:column}main h2{margin:20px 0;text-align:center;font-size:1.5rem;width:100%}main h2 span{color:#03b741}@media screen and (max-width: 767.98px){main h2{font-size:1.25rem;text-align:left}}@media screen and (max-width: 575.98px){main h2{font-size:1.1rem}}section.items-list-container aside.items-list{display:grid;grid-template-columns:repeat(10,100px);grid-template-rows:repeat(1,1fr);place-content:center;gap:0 10px}section.items-list-container button.item{transition:opacity .3s ease;cursor:pointer}section.items-list-container button.item.selected{opacity:.3}section.items-list-container button.item.selected p{color:#03b741}section.items-list-container button.item img{max-width:80%;aspect-ratio:1;object-fit:contain}section.items-list-container button.item p{margin-top:10px;font-size:1rem;transition:color .3s ease}@media screen and (max-width: 1199.98px){section.items-list-container aside.items-list{grid-template-columns:repeat(5,100px);grid-template-rows:repeat(2,1fr);gap:15px 10px}}@media screen and (max-width: 767.98px){section.items-list-container aside.items-list{grid-template-columns:repeat(5,minmax(80px,1fr))}section.items-list-container button.item img{max-width:90%}section.items-list-container button.item p{font-size:.8rem}}@media screen and (max-width: 575.98px){section.items-list-container aside.items-list{grid-template-columns:repeat(5,minmax(75px,1fr));gap:10px 5px}section.items-list-container button.item img{max-width:75%}section.items-list-container button.item p{font-size:.75rem}}@media screen and (max-width: 412px){section.items-list-container aside.items-list{grid-template-columns:repeat(5,minmax(50px,1fr))}section.items-list-container aside.items-list button.item p{display:none}}section.calculator-container{display:flex;align-items:center;flex-direction:column}section.calculator-container section.calculator{box-shadow:#0000003d 0 3px 8px;max-width:900px;width:100%;background-color:#151515;display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:10px}section.calculator-container article{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:1.25rem}section.calculator-container article.info{display:flex;align-items:center;justify-content:center}section.calculator-container article.info h3{font-size:1.25rem}section.calculator-container article.header-row{background-color:#0b0b0b;border-radius:10px 10px 0 0}section.calculator-container article div.cell{padding:20px;text-align:center}section.calculator-container article div.cell.icon{flex:0 0 20%}section.calculator-container article div.cell.item{flex:0 0 35%}section.calculator-container article div.cell.logs{flex:0 0 45%}section.calculator-container article div.cell.icon:not(.heading) img{height:100px;aspect-ratio:1;object-fit:contain}section.calculator-container article div.cell.item:not(.heading) input,section.calculator-container article div.cell.logs:not(.heading) input{background-color:#1e1e1e;border:none;border-bottom:3px solid #fff;font-size:2rem;width:150px;text-align:center;color:#fff;padding:15px}section.calculator-container article div.cell.item:not(.heading) input[disabled],section.calculator-container article div.cell.logs:not(.heading) input[disabled]{width:200px}@media screen and (max-width: 767.98px){section.calculator-container article div.cell{padding:10px}section.calculator-container article div.cell.icon:not(.heading) img{height:60px}section.calculator-container article div.cell.icon:not(.heading) p{display:none}section.calculator-container article div.cell.item:not(.heading) input,section.calculator-container article div.cell.logs:not(.heading) input{font-size:1.25rem;width:100px}section.calculator-container article div.cell.item:not(.heading) input[disabled],section.calculator-container article div.cell.logs:not(.heading) input[disabled]{width:120px}section.calculator-container article div.cell.cell.heading{font-size:1rem}}@media screen and (max-width: 575.98px){section.calculator-container article div.cell.icon:not(.heading) img{height:60px}section.calculator-container article div.cell.icon:not(.heading) p{display:none}section.calculator-container article div.cell.item:not(.heading) input,section.calculator-container article div.cell.logs:not(.heading) input{font-size:1rem;width:80px;padding:10px 5px}section.calculator-container article div.cell.item:not(.heading) input[disabled],section.calculator-container article div.cell.logs:not(.heading) input[disabled]{width:100px}section.calculator-container article div.cell.cell.heading{font-size:.9rem}}@media screen and (max-width: 412px){section.calculator-container article div.cell.icon:not(.heading) img{height:40px}section.calculator-container article div.cell.icon:not(.heading) p{display:none}section.calculator-container article div.cell.item:not(.heading) input,section.calculator-container article div.cell.logs:not(.heading) input{width:80px}section.calculator-container article div.cell.item:not(.heading) input[disabled],section.calculator-container article div.cell.logs:not(.heading) input[disabled]{width:100px}}section.summary-container{width:min(100%,540px);margin-bottom:2rem;padding:0 10px}section.summary-container aside.all-needed-logs{background-color:#151515;box-shadow:#0000003d 0 3px 8px;border-radius:10px;padding:10px 20px}@media screen and (max-width: 1399.98px){section.summary-container aside.all-needed-logs h2{font-size:1.5rem}}@media screen and (max-width: 767.98px){section.summary-container aside.all-needed-logs h2{font-size:1rem}}