@layer components{:root{--calculator-green-400: hsl(172deg 67% 45%);--calculator-green-900: hsl(183deg 100% 15%);--calculator-grey-50: hsl(189deg 47% 97%);--calculator-grey-200: hsl(185deg 41% 84%);--calculator-grey-400: hsl(184deg 14% 56%);--calculator-grey-500: hsl(186deg 14% 43%);--color-background: var(--calculator-grey-200)}.calculator[data-astro-cid-veewuusw]{font-size:24px;font-family:var(--space-mono);display:flex;flex-direction:column;gap:var(--size-5);align-items:center;inline-size:100%;container-type:inline-size}.form[data-astro-cid-veewuusw]{display:grid;gap:var(--size-6);background:var(--color-white);border-start-start-radius:var(--radius-3);border-start-end-radius:var(--radius-3);inline-size:100%;padding:var(--size-5)}.entry[data-astro-cid-veewuusw]{display:flex;flex-direction:column;gap:var(--size-8)}.input-group[data-astro-cid-veewuusw]{display:grid;grid-template:repeat(2,auto) / repeat(2,1fr);gap:var(--size-2);font-size:var(--font-size-2)}.input-container[data-astro-cid-veewuusw]{grid-column:1 / -1;background:var(--calculator-grey-50);display:flex;flex-direction:row;align-items:center;border-radius:var(--radius-2);overflow:clip;padding:var(--size-2);font-size:var(--font-size-4);&[data-astro-cid-veewuusw]:focus-within{outline:var(--border-size-2) solid var(--calculator-green-400)}&[data-astro-cid-veewuusw]:has(input:user-invalid){outline:var(--border-size-2) solid var(--color-red-600)}}.input[data-astro-cid-veewuusw]{color:var(--calculator-green-900);inline-size:100%;padding:0;padding-inline-end:var(--size-2);display:block;text-align:right;border:none;background:transparent;&[data-astro-cid-veewuusw]:focus-visible{outline:none}}.input-label[data-astro-cid-veewuusw]{font-size:var(--font-size-2);color:var(--calculator-grey-500)}.input-error[data-astro-cid-veewuusw]{color:var(--color-red-900);font-size:var(--font-size-2);grid-column:2 / -1;justify-self:end}.tip-radio[data-astro-cid-veewuusw]{inline-size:0;position:absolute}.tip-button[data-astro-cid-veewuusw]{color:var(--color-white);background:var(--calculator-green-900);display:flex;justify-content:center;padding:var(--size-2) var(--size-6);border-radius:var(--radius-2);transition-property:color,background;transition-duration:var(--duration-quick-1);&[data-astro-cid-veewuusw]:hover,&[data-astro-cid-veewuusw]:has(+.tip-radio:checked){background:var(--calculator-green-400);cursor:pointer;color:var(--calculator-green-900)}&[data-astro-cid-veewuusw]:active{background:oklch(from var(--calculator-green-400) calc(l*1.1) c h)}}.tips-container[data-astro-cid-veewuusw]{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto;font-size:inherit;gap:var(--size-3);border:none;padding:0;.input-container[data-astro-cid-veewuusw]{grid-column:span 1}}.output[data-astro-cid-veewuusw]{background:var(--calculator-green-900);padding:var(--size-6);padding-block-start:var(--size-8);display:flex;flex-direction:column;border-radius:var(--radius-3);justify-content:space-between;gap:var(--size-6)}.output-groups[data-astro-cid-veewuusw]{display:flex;flex-direction:column;gap:var(--size-6)}.output-group[data-astro-cid-veewuusw]{display:grid;align-items:center;column-gap:var(--size-6);row-gap:var(--size-3);grid-template-columns:auto 1fr;grid-auto-flow:column}.output-label[data-astro-cid-veewuusw]{font-size:var(--font-size-2);color:var(--color-white)}.output-sublabel[data-astro-cid-veewuusw]{font-size:var(--font-size-1);color:var(--calculator-grey-500)}.output-value[data-astro-cid-veewuusw]{font-size:var(--font-size-6);color:var(--calculator-green-400);text-align:end;text-box:trim-both cap alphabetic;grid-row:span 2;align-self:center}.reset-btn[data-astro-cid-veewuusw]{background:var(--calculator-green-400);color:var(--calculator-green-900);padding:var(--size-4);text-transform:uppercase;border:none;border-radius:var(--radius-2);&[data-astro-cid-veewuusw]:hover:not(:disabled){background:oklch(from var(--calculator-green-400) calc(l*1.2) c h);cursor:pointer}&[data-astro-cid-veewuusw]:active:not(:disabled){background:oklch(from var(--calculator-green-400) calc(l*1.3) c h)}&[data-astro-cid-veewuusw]:disabled{opacity:.3;cursor:unset}}@container (inline-size > 40rem){.tips-container[data-astro-cid-veewuusw]{grid-template-columns:repeat(3,1fr)}}@container (inline-size > 60rem){.form[data-astro-cid-veewuusw]{grid-template-columns:1fr auto;max-inline-size:var(--size-18);border-radius:var(--radius-4)}.entry[data-astro-cid-veewuusw]{padding:var(--size-4)}.output[data-astro-cid-veewuusw]{padding:var(--size-8)}}}