article.svelte-2m9a05{background:var(--white);padding:2.3rem;border-radius:20px 20px 150px;width:max(58ch,min(100vw,65ch));min-width:243px}.inputs.svelte-2m9a05{display:flex;gap:2rem}input.svelte-2m9a05{border:1px solid var(--light-grey);border-radius:5px;padding:.7rem;font-weight:800;font-size:1.5rem;max-width:8ch;margin:.3rem 0}input.svelte-2m9a05:focus{outline:solid var(--accent)}input.svelte-2m9a05::-moz-placeholder{color:var(--smokey-grey);opacity:.7;font-weight:700}input.svelte-2m9a05::placeholder{color:var(--smokey-grey);opacity:.7;font-weight:700}.label-text.svelte-2m9a05{text-transform:uppercase;color:var(--smokey-grey);font-size:.7rem;letter-spacing:.25rem;font-weight:700}.error-input.svelte-2m9a05{border-color:var(--light-red)}.error-message.svelte-2m9a05{font-style:italic;font-size:.7rem}.error-text.svelte-2m9a05{color:var(--light-red)}.button-wrapper.svelte-2m9a05{display:flex;justify-content:space-between;align-items:center}.button-wrapper.svelte-2m9a05:before{content:"";flex:1;background:var(--light-grey);height:1px}button.svelte-2m9a05{font-size:1.8rem;background:var(--accent);border:none;border-radius:50%;color:var(--white);padding:1.5rem;cursor:pointer}button.svelte-2m9a05:hover{background:var(--off-black)}.result.svelte-2m9a05{line-height:5.5rem;font-size:5rem;font-weight:800;font-style:italic}.number.svelte-2m9a05{color:var(--accent)}@media (max-width: 72.999ch){article.svelte-2m9a05{width:auto;width:initial}.inputs.svelte-2m9a05{gap:1rem}input.svelte-2m9a05{width:max(6ch,min(25vw,8ch))}.button-wrapper.svelte-2m9a05{margin-top:2rem;margin-bottom:2rem}.button-wrapper.svelte-2m9a05:after{content:"";flex:1;background:var(--light-grey);height:1px}.result.svelte-2m9a05{font-size:max(2rem,min(13vw,4rem));line-height:max(2.5rem,min(20vw,5.5rem))}}@media (max-width: 49.999ch){article.svelte-2m9a05{padding-bottom:5rem}.button-wrapper.svelte-2m9a05{margin-top:1rem;margin-bottom:1rem}button.svelte-2m9a05{font-size:1rem;padding:1rem}.inputs.svelte-2m9a05{flex-direction:column;align-items:center}.label-text.svelte-2m9a05{text-align:center}input.svelte-2m9a05{width:100%;text-align:center}}
