@import url(https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Protest+Strike&display=swap);@import url(https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css);*{box-sizing:border-box;font-family:Nunito,sans-serif;font-optical-sizing:auto;font-style:normal;padding:0}*,body{margin:0}body{align-items:center;display:flex;justify-content:center;line-height:1.6;transition:background .5s ease,color .3s ease}body.dark-mode{background:linear-gradient(135deg,#333,#666)}body.dark-mode .clock-container{background:linear-gradient(45deg,#ffffff1a,#4d4b4b73);color:#ffffffb3}.container{margin:1% auto;max-width:800px;padding:20px}header{margin-bottom:20px;position:relative;text-align:center}header h1{color:#42a2bf;font-family:Protest Strike,sans-serif;font-size:3rem;font-style:normal;font-weight:400;margin:3% auto 8%}body.dark-mode header h1{color:#d0e7ee}main{align-items:center;display:flex;flex-direction:column}section{background-color:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;margin:10px 0;max-width:600px;padding:15px;width:100%}section button,section input{margin:10px auto}section button{width:46%}section button:last-child{float:right}#inputConvertionID{text-align:right}.line-box{border:1px solid!important;border-color:#0000 #0000 #ccc!important;border-radius:0!important}.line-box:disabled{background-color:initial!important}.calc-method{transition:background .5s ease,color .3s ease}.calc-method:focus,.calc-method:hover{border-bottom-color:#65afff61!important;box-shadow:-1px 8px 8px #65afff30}button{border:none;border-radius:5px;cursor:pointer;padding:10px 20px;transition:background-color .3s}#notification{background-color:#f26e1ee6;border-radius:5px;bottom:20px;color:#fff;padding:0;position:fixed;right:20px;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.danger{margin:10px 20px}.danger-info{background-color:#ff00002e!important;border:1px solid #ff000061!important}.close-btn{background-color:#ffeada;border-radius:50%;color:#e10000;cursor:pointer;font-size:1.2rem;font-weight:700;height:14pt;line-height:.38em;padding:1%;position:absolute;right:2%;text-align:center;top:12%;width:14pt}#copy,#copy>a,.close-btn{font-family:Protest Strike,sans-serif}#copy,#copy>a{color:#317771d6;font-size:.8rem;font-style:normal;font-weight:400;margin:5% auto 2%;text-align:right;text-shadow:#42a2bf61 0 0 2px;width:78%}body.dark-mode #copy,body.dark-mode #copy>a,body.dark-mode header .clock-container,body.dark-mode header .label,body.dark-mode header .toggle-container{color:#d0e7ee9c;text-shadow:#13353261 0 0 0}input:disabled{background-color:#608b9517!important}#conv-box input,#conv-box label{margin:0 .5%}.input{font-weight:700;text-transform:capitalize}.hide{display:none!important}.show{display:block}.s-25{width:25%!important}.s-50{width:50%!important}.s-75{margin-left:1%;width:73%!important}@media (max-width:600px){.s-25{width:72%!important}.s-50,.s-75{width:100%!important}}@media (max-width:508px){.s-25,.s-50{width:100%!important}}.show{opacity:1;transform:translateY(0)}body.dark-mode{background-color:#333;color:#f4f4f4}body.dark-mode section{background-color:#444;color:#f4f4f4}body.dark-mode button{background-color:#555;color:#f4f4f4}header .label,header .toggle-container{color:#317771d6;font-family:Protest Strike,serif;font-size:.8rem;font-weight:light;line-height:1.8em;margin:1% 0;padding:0 1%;position:absolute;right:1%;text-align:right;text-shadow:#42a2bf61 0 0 2px;top:0}.toggle>.label.switch-label{margin:1% 5% 1% auto;text-align:right;width:auto}.toggle-container{align-items:center;display:flex;justify-content:center}.toggle{background-color:#ccc;border-radius:25px;cursor:pointer;height:25px;position:relative;transition:background-color .3s;width:120px}.toggle:before{background-color:#fff;border-radius:50%;content:"";height:20px;left:2.5px;position:absolute;top:2.5px;transition:transform .3s;width:20px}@media (max-width:768px){.label.input-label{display:none}.toggle{height:17px;width:42px}.toggle:before{height:10px;width:10px}}.toggle.active{background-color:#4caf50}.toggle.active:before{transform:translateX(25px)}@media (max-width:768px){section{max-width:90%}button{width:100%}}:root{--marker-color-light:#b8daff;--marker-color-dark:#66b3ff}summary{left:-2.8%;position:relative}summary:hover{cursor:pointer}summary>strong{margin:0 0 0 3px}summary::marker{color:#b8daff;color:var(--marker-color-light);content:"▶";font-size:1.2em;margin-right:5px}body.dark-mode summary::marker{color:#66b3ff;color:var(--marker-color-dark)}summary:hover::marker{color:#0056b3}body.dark-mode summary:hover::marker{color:#004494}.button{border:none;border-radius:5px;cursor:pointer;font-size:1em;font-weight:700;padding:10px 20px;transition:background-color .3s,transform .2s}.button:disabled{cursor:not-allowed;opacity:.6}body:not(.dark-mode) .button:disabled{background-color:#007bff;border:1px solid #0056b3;color:#ffffff80}body.dark-mode .button:disabled{background-color:#495057;border:1px solid #343a40;color:#f8f9fa80}body:not(.dark-mode) .button{background-color:#007bff;color:#fff}body:not(.dark-mode) .button:hover{background-color:#0056b3}body.dark-mode .button{background-color:#495057;color:#f8f9fa}body.dark-mode .button:hover{background-color:#343a40}.calc-method,.input{border:1px solid #ccc;border-radius:5px;font-size:1em;padding:10px;transition:border-color .3s,background-color .3s;width:100%}body:not(.dark-mode) .calc-method,body:not(.dark-mode) .input{background-color:#fff;color:#333}body.dark-mode .calc-method,body.dark-mode .input{background-color:#444;border:1px solid #666;color:#f8f9fa}select:hover{cursor:pointer}.calc-method:focus,.input:focus{border-color:#007bff;outline:none}body.dark-mode .calc-method:focus,body.dark-mode .input:focus{border-color:#66afe9}#infoBox{border-radius:10px;box-shadow:0 4px 15px #0003;display:inline-table;margin-top:20px;transition:transform .3s ease,box-shadow .3s ease;width:100%}#infoBox details,#infoBox h3{margin:20px}#infoBox p.info{margin:20px!important}#infoBox p{margin:20px auto}body:not(.dark-mode) #infoBox{background:linear-gradient(135deg,#007bff,#6c757d);color:#fff}body.dark-mode #infoBox{background:linear-gradient(135deg,#343a40,#495057);color:#f8f9fa}#infoBox:hover{box-shadow:0 8px 20px #0000004d;transform:translateY(-5px)}#infoTitle{font-size:1.5em;margin-bottom:10px}.info{font-size:1em;line-height:1.5}#infoNotes{background-color:#ffffff1a;border-radius:5px;margin-top:15px;padding:10px 30px}body.dark-mode #infoNotes{background-color:#fff3}code{background-color:#c8c8c833;border-radius:3px;color:#c7254e;font-family:Courier New,Courier,monospace;margin:10px auto 5px;padding:.8% 1%}code.inline{background-color:#0000001a;color:#d19a66}@media (max-width:768px){code{background-color:#f6f8fa;border-radius:5px;display:block;overflow-x:auto;padding:10px;width:100%}}body.dark-mode code{background-color:#323232b3;color:#61afef}body.dark-mode pre{background-color:#21252b;border:1px solid #444;color:#abb2bf}footer code,footer h3,footer p,footer strong{line-height:3rem}.clock-container{animation:gradient 3s ease infinite;background:linear-gradient(0deg,#4a90e2,#50e3c2);-webkit-background-clip:text;background-clip:text;border-radius:4px;color:#0000;font-family:Protest Strike,serif;font-size:.88rem;font-weight:lighter;padding:1% 2%;text-align:center;text-align:left}@keyframes gradient{0%{background-position:0 50%}to{background-position:100% 50%}}.floating{animation:float 3s ease-in-out infinite;display:inline-block}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}
/*# sourceMappingURL=main.56062731.css.map*/