:root{--header-text: #5A537B;--res-text: #353535;--main-bg: #F4F4F4;--card-bg: #FFFFFF}.dark{--header-text: #CCC1FF;--res-text: #FFFFFF;--main-bg: #1F2937;--card-bg: #273549}body{margin:0;min-width:500px;font-family:Open Sans,sans-serif;background-color:var(--main-bg)}#theme-switch{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:40px;height:20px;border-radius:30px;background-color:#333;position:absolute;top:20px;right:20px;transition:all .2s ease-in;cursor:pointer;z-index:1}#theme-switch:before{content:"";width:15px;height:15px;border-radius:50%;background:#eee;position:absolute;top:50%;left:3px;transform:translateY(-50%);transition:all .2s ease-in}#theme-switch:checked{background:#03ffc0}#theme-switch:checked:before{background:#333;left:22px}.upper-container{background-color:#6943ff;padding-bottom:10px}.container{display:block;text-align:center;padding:1px 20px}#input-container{color:#fff;background-color:#6943ff;padding-top:20px}#input-el{background-color:#6943ff;border:#B295FF solid 2px;border-radius:5px;padding:0 10px;field-sizing:content;min-width:80px;height:80px;color:inherit;text-align:center;font-size:60px;font-weight:800}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none}input[type=number]{-moz-appearance:textfield}#convert-btn{padding:10px 20px;background-color:#fff;color:#3d3d3d;border:none;border-radius:3px}.internal-text{margin:20px}#output-container{background-color:var(--main-bg);padding:13px 0}.card{background-color:var(--card-bg);padding:16px 8px;margin:23px 25px;border:none;border-radius:5px}.conversion-header{color:var(--header-text);font-weight:600;font-size:20px;line-height:20px;letter-spacing:.5px}.conversion-text{color:var(--res-text);font-weight:400;font-size:14px;line-height:20px;letter-spacing:.2px;text-align:center}body,#output-container,.card{transition:all .2s ease-out}
