:root{--yellow:#efb528;--white:#fff;--black:#222525;--font-family:-apple-system,"Segoe UI",sans-serif;--breakpoint-sm:360px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1129px}body{background-attachment:scroll;background-position:0 0;background-size:contain;box-sizing:border-box;font-family:var(--font-family)}.header{align-items:center;background-color:var(--black);display:flex;flex-direction:column;padding:24px}.page-title{color:var(--white);font-family:var(--font-family);font-weight:400}.page-title,.title{line-height:1;text-align:center}.title{align-self:center;font-family:Libre Baskerville;font-weight:700;margin-bottom:0;padding-block:16px;text-transform:uppercase}#www-logo{width:200px}.main{display:flex;flex-direction:column;padding:24px}label{color:var(--black);display:block;font-size:12px;font-weight:700;letter-spacing:.07em;margin-bottom:8px;text-transform:uppercase}.field{display:flex;flex-direction:column;width:100%}.form{background-clip:border-box;background-color:#d3d3d3;border:1px solid #e4e8f0;border-radius:6px;padding:24px!important;transition-duration:.15s;transition-property:all;transition-timing-function:ease-in;width:100%!important}.form,.top-text{align-self:center}.top-text{text-align:center}.mr-16{margin-right:16px}button.calculate{background-color:var(--yellow)!important;border:none;border-radius:6px;cursor:pointer;font-family:var(--font-family)!important;font-size:14px;font-weight:600;padding:8px 12px;text-transform:capitalize!important}button.calculate:hover{background-color:#dda724!important}input{appearance:none;-moz-appearance:none;-webkit-appearance:none;background-color:var(--white);border:1px solid #e4e8f0;border-radius:6px;color:var(--white);color:var(--black);display:block;font-size:16px;font-weight:400;line-height:1.4;max-height:45px;outline:none;overflow:auto;overflow:hidden;overflow-wrap:break-word;padding:12px 0;resize:none;text-indent:24px;transition:ease-in;transition-duration:.3s;transition-property:box-shadow,color,background-color;transition-timing-function:cubic-bezier(.64,0,.35,1);width:100%}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input:disabled{background-color:#fff;color:#000}.disclosure{align-self:center;color:var(--black);font-size:12px;max-width:960px;padding:24px;text-align:center}.form{grid-template-columns:1fr;grid-template-rows:1fr}.form,.group1,.group2,.group3{display:grid;grid-gap:16px}.group4{display:flex;justify-content:space-between}@media screen and (min-width:768px){.form{grid-template-columns:repeat(3,1fr)}.group1{grid-area:1/1/2/-1;grid-template-columns:1fr 1fr}.group1,.group2{align-items:flex-end}.group2{grid-area:2/1/3/-1;grid-template-columns:1fr 1fr 1fr}.title{grid-area:3/1/4/-1}.group3{align-items:flex-end;grid-area:4/1/5/-1;grid-template-columns:1fr 1fr}}