.mainContent{flex-direction:column;flex:1;align-items:center;width:100%;margin-top:2rem;margin-bottom:2rem;padding:0 .5rem;display:flex}.mainContent .converterWarp{justify-content:space-between;width:100%;max-width:60rem;margin-top:2rem;display:flex}.mainContent .converterWarp .buttonWarp{touch-action:manipulation;background-color:#0a0f1a;border:none;border-radius:12px;width:4rem;height:4rem;margin-top:3.5rem}.mainContent .converterWarp .buttonWarp .svgWarp{fill:#22d3ee;width:4rem;height:4rem}.mainContent .converterWarp .buttonWarp:hover{cursor:pointer}.mainContent .converterWarp .buttonWarp:focus-visible{outline-offset:.4rem;outline:.2rem solid #fff;transition:all}.mainContent .converterWarp .fromWarp,.mainContent .converterWarp .toWarp{flex-direction:column;gap:.85rem;width:100%;max-width:25.4rem;display:flex}.mainContent .converterWarp .fromLabel,.mainContent .converterWarp .toLabel{color:#f8fafc;font-size:1.3rem;font-weight:400}.mainContent .converterWarp .inputFrom,.mainContent .converterWarp .outputTo{color:#f8fafc;background-color:#0d1525;border:.15rem solid #64748b;border-radius:1rem;flex-direction:row;align-items:center;min-width:21rem;min-height:3.7rem;padding:0 1rem;font-size:1.5rem;display:flex}.mainContent .converterWarp .outputTo{min-width:20rem;max-width:20rem;overflow-x:auto}.mainContent .converterWarp .outputTo:focus-visible{outline-offset:.4rem;outline:.2rem solid #fff;transition:all}.mainContent .converterWarp .inputFrom{min-width:20rem;max-width:20rem}.mainContent .converterWarp .outputWarp{flex-direction:row;justify-content:space-between;display:flex}.mainContent .converterWarp .outputWarp .copyBtn{color:#f8fafc;cursor:pointer;background-color:#1d283f;border:.15rem solid #22d3ee;border-radius:1rem;align-items:center;gap:.5rem;min-height:3.5rem;padding:.5rem 1rem;font-size:1.1rem;display:inline-flex}.mainContent .converterWarp .outputWarp .copyBtn .copySvg{fill:#22d3ee;width:1.5rem;height:1.5rem}.mainContent .converterWarp .outputWarp .copyBtn:hover:not(:disabled){background-color:#243145}.mainContent .converterWarp .outputWarp .copyBtn:focus-visible{outline-offset:.4rem;outline:.2rem solid #fff;transition:all}.mainContent .converterWarp .outputWarp .copyBtn:disabled{opacity:.5;cursor:not-allowed}.mainContent .converterWarp .inputWarp{flex-direction:row;justify-content:space-between;display:flex}.mainContent .converterWarp .inputWarp .clearBtn{color:#f8fafc;cursor:pointer;background-color:#1d283f;border:.15rem solid #f87171;border-radius:1rem;align-items:center;gap:.5rem;min-height:3.5rem;padding:.5rem 1rem;font-size:1.1rem;display:inline-flex}.mainContent .converterWarp .inputWarp .clearBtn .clearSvg{fill:#f87171;width:1.5rem;height:1.5rem}.mainContent .converterWarp .inputWarp .clearBtn:hover:not(:disabled){background-color:#243145}.mainContent .converterWarp .inputWarp .clearBtn:focus-visible{outline-offset:.4rem;outline:.2rem solid #fff;transition:all}.mainContent .converterWarp .inputWarp .clearBtn:disabled{opacity:.5;cursor:not-allowed}.mainContent .converterWarp .copyStatus{color:#67e8f9;min-height:1.5rem;margin:0;font-size:1rem}.mainContent .converterWarp .inputFrom:focus-visible{outline-offset:.4rem;outline:.2rem solid #fff;transition:all}.mainContent .converterWarp .inputFrom::placeholder{color:#f8fafc;opacity:.8;font-size:1.1rem}.mainContent .converterWarp .errorSlot{align-items:center;height:2rem;margin-top:.5rem;display:flex}.mainContent .converterWarp .errorSlot .errorText{color:#f87171;margin:0;font-size:1.1rem;line-height:1.2}.mainContent .converterWarp .inputFrom[aria-invalid=true]{border-color:#f87171}.mainContent .converterWarp .unitText{color:#f8fafc;background-color:#1d283f;border-radius:.7rem;align-items:center;min-width:21rem;min-height:3.8rem;padding:.5rem 1rem;font-size:1.1rem;display:flex}.mainContent .specificConverters{flex-direction:column;gap:.5rem;width:100%;max-width:60rem;margin-top:4rem;display:flex}.mainContent .specificConverters .itemsList{letter-spacing:1px;grid-template-columns:repeat(2,1fr);align-items:center;gap:12px 32px;width:100%;height:auto;line-height:2;list-style:none;display:grid}.mainContent .specificConverters .itemsList .listItem{flex-direction:column;align-items:start;width:100%;height:auto;display:flex}.mainContent .specificConverters .itemsList .listItem .itemLink{text-align:center;color:#20d3ee;letter-spacing:2.9px;flex-direction:column;justify-content:center;min-height:3.5rem;padding:.5rem;font-size:1.2rem;text-decoration:underline;transition:all .3s ease-in-out;display:flex}.mainContent .specificConverters .itemsList .listItem .itemLink:hover{color:#67e8f9}.mainContent .specificConverters .itemsList .listItem .itemLink:focus-visible{outline-offset:.4rem;outline:.2rem solid #fff;transition:all}.mainContent .convertorDescription{flex-direction:column;gap:.5rem;width:100%;max-width:60rem;margin-top:4rem;display:flex}.mainContent .outputTo{scrollbar-width:auto;scrollbar-color:#22d3ee #0000}.mainContent .outputTo::-webkit-scrollbar{height:24px}.mainContent .outputTo::-webkit-scrollbar-track{background:0 0}.mainContent .outputTo::-webkit-scrollbar-thumb{background:#22d3ee;border-radius:12px;transition:background .2s}.mainContent .outputTo::-webkit-scrollbar-thumb:hover{background:#67e8f9}.mainContent .unitText{color:#f8fafc;background-color:#1d283f;border-radius:.7rem;align-items:center;min-width:21rem;min-height:3.8rem;padding:.5rem 1rem;font-size:1.1rem;display:flex}@media (max-width:1100px){.mainContent .converterWarp{flex-direction:column;align-items:center;width:100%;max-width:60rem;margin-top:2rem;display:flex}.mainContent .converterWarp .buttonWarp{margin-top:0}.mainContent .converterWarp .buttonWarp .svgWarp{fill:#22d3ee;width:3rem;height:3rem;rotate:90deg}.mainContent .specificConverters{flex-direction:column;gap:.5rem;width:100%;max-width:60rem;margin-top:4rem;display:flex}.mainContent .specificConverters .itemsList .listItem{flex-direction:column;align-items:start;width:100%;height:auto;display:flex}}@media (max-width:616px){.mainContent{flex-direction:column;flex:1;align-items:center;width:100%;margin-top:.5rem;margin-bottom:2rem;display:flex}.mainContent h1{font-size:1.7rem}.mainContent .converterWarp{margin-top:1rem}.mainContent .converterWarp .outputTo{min-width:16rem;max-width:16rem;overflow-x:auto}.mainContent .converterWarp .outputTo:focus-visible{outline-offset:.4rem;outline:.2rem solid #fff;transition:all}.mainContent .converterWarp .inputFrom{min-width:16rem;max-width:16rem}.mainContent .specificConverters .itemsList{letter-spacing:1px;flex-direction:column;align-items:center;width:100%;height:auto;line-height:2;list-style:none;display:flex}}@media (max-width:370px){.mainContent{margin-top:1rem}.mainContent .homeTitle{font-size:1.3rem}.mainContent .fromToLabel{font-size:1.1rem}}