html{overflow-y:scroll;overflow-x:auto;scroll-behavior:smooth;background-color:var(--main-bg-color);color:var(--main-fg-color)}body{min-height:100vh;font-optical-sizing:auto;font-style:normal;font-variation-settings:"wdth" 100;font:400 16px/1.6 Roboto,sans-serif;-webkit-font-smoothing:antialiased;margin:0;padding:0;color:var(--main-fg-color)}body.no-scroll{overflow:hidden;position:fixed;width:100%}body{overflow-wrap:break-word}:root{font-size:16px}body{font-size:1.1em;line-height:1.6}ul{margin:0;padding:0}h1,h2,h3,h4,h5{font-weight:600}h1{font-size:1.725em;line-height:1.2}h2{font-size:1.325em;line-height:1.3}h3{font-size:1.125em;line-height:1.4}h4{font-size:1em;line-height:1.45}h5{font-size:.9375em;line-height:1.45}@media(min-width:768px){:root{font-size:18px}h1,h2,h3,h4,h5{margin-top:1.5rem;margin-bottom:.75rem}h1{font-size:2.5em;line-height:1.25}h2{font-size:1.5em;line-height:1.3}h3{font-size:1.25em;line-height:1.35}h4{font-size:1.125em;line-height:1.4}h5{font-size:1em;line-height:1.45}}ul{margin:0;padding:0;list-style:none outside}:root{--p-primary-color: #2221bd;--main-bg-color: #ffffff;--main-fg-color: #222222;--dark-border-color: #e0e0e0;--light-border-color: #f0f0f0;--dummy-ad-bg-color: #fafafa;--light-bg-color: #f6f5fc;--dark-bg-color: #e4e1f6;--highlight-color: #b8b8f3;--result-bg-color: #f5f4ef;--error-fg-color: #dd0000;--error-bg-color: #ffdedb;--basic-unit-bg-color: #bfdfbd;--binary-unit-bg-color: #ffd799;--decimal-unit-bg-color: #cce4ff;--formula-fg-color: #2b5ea7}.dataunits-dark-theme{--p-primary-color: #7e7ee0;--main-bg-color: #111111;--main-fg-color: #d0d0d0;--dark-border-color: #333333;--light-border-color: #222222;--light-bg-color: #222222;--dummy-ad-bg-color: #222222;--highlight-color: #51516b;--dark-bg-color: #333333;--result-bg-color: #1c1f1d;--error-bg-color: #3f2826;--basic-unit-bg-color: #193430;--binary-unit-bg-color: #382b17;--decimal-unit-bg-color: #22354b;--formula-fg-color: #90aac9}.list{list-style:disc outside;padding-left:1em}.list li{margin:.25em 0}.sub-list{list-style:circle outside;padding-left:1em}.sub-list li{margin:.25em 0}.p-overflow-hidden{padding-right:0!important}.unit-type{padding:.25em .5em;border-radius:.5em}.basic{background-color:var(--basic-unit-bg-color)!important}.binary{background-color:var(--binary-unit-bg-color)!important}.decimal{background-color:var(--decimal-unit-bg-color)!important}.input-string{width:100%!important;font-size:1.25em!important;position:relative}.normal-font-weight .p-button-label{font-weight:400!important}a{color:var(--p-primary-color);text-decoration-color:var(--highlight-color)}a:hover{text-decoration-color:var(--p-primary-color)}b{font-weight:600}@keyframes pulse-result{0%{transform:scale(1)}50%{transform:scale(1.02);opacity:.5}to{transform:scale(1)}}.result-animate{display:block;transition:opacity .2s ease;animation:pulse-result .15s ease-out}.warning{padding:.75em 1em;border-radius:.5em;font-size:.9em;background-color:var(--error-bg-color);display:flex;gap:1em;line-height:120%}.warning .error-icon{color:#d00;font-size:1.2em}.error{display:flex;align-items:center;background-color:var(--error-bg-color);opacity:.8;padding:.5em 1em;border-radius:.5em;font-size:.8em;gap:.5em}.advertisement .dummy-advertisement{width:100%;background-color:var(--dummy-ad-bg-color);min-height:300px;position:relative}.katex{font-family:"Libertinus Serif",serif!important;font-weight:inherit!important}.hero-section{display:flex;flex-direction:column;align-content:center;text-align:center;margin:4vh 0 1vh}@media only screen and (min-width:700px){.hero-section{margin:5vh 0}}.hero-section .hero-text{display:flex;flex-direction:column;align-items:center;font-size:1.2em}.hero-section .hero-text h1{font-weight:700;font-size:2.25em;margin:0;line-height:.8em;padding:0;position:relative;display:flex;flex-direction:column;gap:.1em}.hero-section .hero-text h1 span{display:block;opacity:.8;font-size:.4em;font-weight:400;margin:0;line-height:1.2em}.hero-section .hero-text h1 b{text-transform:uppercase}.hero-section .hero-text h1 em{display:block;font-size:.25em;font-weight:400;font-style:normal;line-height:1.5em;opacity:.6}.hero-section .hero-text h2{font-weight:400;opacity:.8;font-size:.9em;margin:2em 0;max-width:800px}.hero-section .hero-text h2 a{text-decoration:none;display:inline-block;font-size:.8em;padding:0 .4em;border-radius:.5em}.hero-section .hero-text h2 a:hover{color:var(--p-primary-color);text-decoration:underline}.hero-section .hero-text h2 strong{font-weight:500}@media only screen and (min-width:600px){.hero-section .hero-text{font-size:1.5em}.hero-section .hero-text h1{font-size:3em}}@media only screen and (min-width:700px){.hero-section .hero-text h1{font-size:3.5em}.hero-section .hero-text h2{font-size:.9em}}