@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";*{box-sizing:border-box;margin:0;padding:0;font-family:Outfit,sans-serif}html,body{height:100%}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}input[type=number]{-webkit-appearance:none;appearance:none;-moz-appearance:textfield}.heading{font-size:clamp(2rem,3vw,3rem);font-weight:600}.text-lg{font-size:clamp(1.5rem,2.5vw,2rem);font-weight:500}.text-result{font-size:clamp(1.25rem,2.25vw,1.75rem);font-weight:500}.text-med{font-size:clamp(.9rem,1.5vw,1.5rem);font-weight:400}.text-sm{font-size:clamp(.75rem,1.05vw,1rem);font-weight:300}.m1{margin-bottom:clamp(1rem,2vw,1.25rem)}.glass{border:.05rem solid rgba(255,255,255,.4);background-color:#ffffff06;backdrop-filter:blur(.75rem);-webkit-backdrop-filter:blur(.75rem)}.main-container{min-height:100vh;padding-bottom:.25rem;background:linear-gradient(135deg,#7005fc,#0285ff);color:#fff}.main-container .disclaimer{padding:.25rem 1rem}.main-container .navbar{width:100%;margin-bottom:clamp(1rem,2vw,1.25rem);padding:.75rem 2.5vw;text-align:center}.main-container .grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;width:clamp(300px,95vw,1200px);margin:0 auto;text-align:center}.main-container .grid-container .grid-item{display:flex;flex-direction:column;justify-content:flex-start;width:clamp(300px,100%,500px);margin:0 auto;padding:0 .5rem}.main-container .grid-container .main-input{margin-bottom:.5rem;padding:.5rem 0;text-align:center;color:#fff;caret-color:#fff;outline:none;border-radius:.25rem;transition:border-color .5s ease}.main-container .units{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:.75rem}.main-container .units .expand-column{grid-column:1 / -1}.main-container .grid-container .selector{padding:.25rem .15rem;color:#fff;outline:none;border-radius:.25rem;transition:background .5s ease,border-color .5s ease}.main-container .grid-container .selector .option{background:#333;color:#fff}.main-container .grid-container .converters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:2vw}.main-container .grid-container .converters-grid .type{padding:.5rem;border-radius:.25rem;transition:background .5s ease}.main-container .common-conversions{width:clamp(300px,95vw,1100px);margin:1.5rem auto;text-align:center}.main-container .common-conversions .common-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:max(1.5vw,.75rem)}.main-container .common-conversions .glass{margin-bottom:max(.5vw,.25rem);padding:.25rem 0;border-radius:.25rem;transition:background .5s ease}.main-container .grid-container .type:hover,.main-container .grid-container .selector:hover,.main-container .common-conversions .glass:hover{cursor:pointer;background:#ffffff40}.main-container .grid-container .selector:focus,.main-container .grid-container .main-input:focus{border-color:#ffffffe6}