@layer properties,theme,base;@layer components{.calculator-panel{border-style:solid;border-width:1px;border-color:var(--color-slate-200);background-color:color-mix(in oklab, var(--color-white) 50%, transparent);--effect-shadow:0 4px 6px -1px var(--effect-shadow-color,#0000001a), 0 2px 4px -2px var(--effect-shadow-color,#0000001a);box-shadow:var(--effect-ring-offset-shadow), var(--effect-ring-shadow), var(--effect-shadow);--effect-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--effect-backdrop-blur, );backdrop-filter:var(--effect-backdrop-blur, );border-radius:1rem;margin-top:1rem;padding:1.25rem;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--effect-gradient-from,--effect-gradient-via,--effect-gradient-to;transition-duration:.5s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.calculator-panel:is(.dark *){border-color:color-mix(in oklab, var(--color-white) 10%, transparent);background-color:color-mix(in oklab, var(--color-slate-900) 40%, transparent);--effect-shadow:0 0 #0000;box-shadow:var(--effect-ring-offset-shadow), var(--effect-ring-shadow), var(--effect-shadow)}.calculator-row{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.calculator-label{letter-spacing:.05em;color:var(--color-slate-500);text-transform:uppercase;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;line-height:1.42857;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--effect-gradient-from,--effect-gradient-via,--effect-gradient-to;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.calculator-label:is(.dark *){color:var(--color-slate-400)}.calculator-stack{border-style:solid;border-width:1px;border-color:var(--color-slate-200);background-color:var(--color-slate-50);--effect-shadow:inset 0 2px 4px 0 var(--effect-shadow-color,#0000000d);min-height:90px;box-shadow:var(--effect-ring-offset-shadow), var(--effect-ring-shadow), var(--effect-shadow);border-radius:.75rem;flex-direction:column;justify-content:center;align-items:flex-end;margin-bottom:1.25rem;padding:1rem;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--effect-gradient-from,--effect-gradient-via,--effect-gradient-to;transition-duration:.5s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.calculator-stack:is(.dark *){border-color:color-mix(in oklab, var(--color-white) 5%, transparent);background-color:color-mix(in oklab, var(--color-slate-950) 80%, transparent)}.calculator-input{text-align:right;width:100%;height:1.5rem;font-family:var(--font-mono);letter-spacing:.05em;color:var(--color-slate-500);background-color:#0000;border-style:none;outline-style:none;margin:0;padding:0;font-size:.875rem;line-height:1.42857;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--effect-gradient-from,--effect-gradient-via,--effect-gradient-to;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.calculator-input:focus{--effect-ring-shadow:0 0 0 calc(0px + var(--effect-ring-offset-width)) var(--effect-ring-color,currentcolor);box-shadow:var(--effect-ring-offset-shadow), var(--effect-ring-shadow), var(--effect-shadow)}.calculator-input:is(.dark *){color:var(--color-slate-400)}.calculator-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;display:grid}.calculator-button{border-style:solid;border-width:1px;border-color:var(--color-rose-200);background-color:var(--color-rose-50);color:var(--color-rose-600);border-radius:.75rem;grid-column:span 2/span 2;padding-block:.75rem;font-weight:700;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--effect-gradient-from,--effect-gradient-via,--effect-gradient-to;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (hover:hover){.calculator-button:hover{background-color:var(--color-rose-100)}}.calculator-button:is(.dark *){border-color:color-mix(in oklab, var(--color-rose-500) 20%, transparent);background-color:color-mix(in oklab, var(--color-rose-500) 20%, transparent);color:var(--color-rose-400)}@media (hover:hover){.calculator-button:is(.dark *):hover{background-color:color-mix(in oklab, var(--color-rose-500) 30%, transparent)}}.calculator-button-2{border-style:solid;border-width:1px;border-color:var(--color-amber-200);background-color:var(--color-amber-50);color:var(--color-amber-600);border-radius:.75rem;padding-block:.75rem;font-weight:700;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--effect-gradient-from,--effect-gradient-via,--effect-gradient-to;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (hover:hover){.calculator-button-2:hover{background-color:var(--color-amber-100)}}.calculator-button-2:is(.dark *){border-color:color-mix(in oklab, var(--color-amber-500) 20%, transparent);background-color:color-mix(in oklab, var(--color-amber-500) 20%, transparent);color:var(--color-amber-400)}@media (hover:hover){.calculator-button-2:is(.dark *):hover{background-color:color-mix(in oklab, var(--color-amber-500) 30%, transparent)}}.calculator-button-3{background-color:var(--color-brand-600);color:var(--color-white);--effect-shadow:0 0 15px var(--effect-shadow-color,#6366f166);box-shadow:var(--effect-ring-offset-shadow), var(--effect-ring-shadow), var(--effect-shadow);border-radius:.75rem;padding-block:.75rem;font-weight:700;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--effect-gradient-from,--effect-gradient-via,--effect-gradient-to;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (hover:hover){.calculator-button-3:hover{background-color:var(--color-brand-500)}}.calculator-btn-class{border-style:solid;border-width:1px;border-color:var(--color-slate-200);background-color:var(--color-white);color:var(--color-slate-800);border-radius:.75rem;padding-block:.75rem;font-weight:500;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--effect-gradient-from,--effect-gradient-via,--effect-gradient-to;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (hover:hover){.calculator-btn-class:hover{background-color:var(--color-slate-50)}}.calculator-btn-class:active{background-color:var(--color-slate-100)}.calculator-btn-class:is(.dark *){border-color:color-mix(in oklab, var(--color-white) 5%, transparent);background-color:var(--color-slate-800);color:var(--color-slate-200)}@media (hover:hover){.calculator-btn-class:is(.dark *):hover{background-color:var(--color-slate-700)}}.calculator-btn-class:is(.dark *):active{background-color:var(--color-slate-600)}.calculator-sci-class{border-style:solid;border-width:1px;border-color:var(--color-purple-200);background-color:var(--color-purple-50);color:var(--color-purple-600);border-radius:.75rem;padding-block:.75rem;font-size:.875rem;font-weight:500;line-height:1.42857;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--effect-gradient-from,--effect-gradient-via,--effect-gradient-to;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (hover:hover){.calculator-sci-class:hover{background-color:var(--color-purple-100)}}.calculator-sci-class:is(.dark *){border-color:color-mix(in oklab, var(--color-purple-500) 20%, transparent);background-color:color-mix(in oklab, var(--color-purple-500) 10%, transparent);color:var(--color-purple-300)}@media (hover:hover){.calculator-sci-class:is(.dark *):hover{background-color:color-mix(in oklab, var(--color-purple-500) 20%, transparent)}}.calculator-input-2{margin:0;margin-top:var(--spacing);text-align:right;width:100%;font-family:var(--font-mono);letter-spacing:-.025em;caret-color:#0000;background-color:#0000;border-style:none;outline-style:none;padding:0;font-size:1.875rem;font-weight:700;line-height:1.2;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--effect-gradient-from,--effect-gradient-via,--effect-gradient-to;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.calculator-input-2:focus{--effect-ring-shadow:0 0 0 calc(0px + var(--effect-ring-offset-width)) var(--effect-ring-color,currentcolor);box-shadow:var(--effect-ring-offset-shadow), var(--effect-ring-shadow), var(--effect-shadow)}.calculator-input-3{color:var(--color-rose-500)}.calculator-input-3:is(.dark *){color:var(--color-rose-400)}.calculator-input-4{color:var(--color-emerald-600)}.calculator-input-4:is(.dark *){color:var(--color-emerald-400)}.calculator-input-5{pointer-events:none}.calculator-button-4{grid-column:span 2/span 2}.calculator-operation{border:1px solid var(--color-indigo-200);background:var(--color-brand-50);color:var(--color-brand-600);border-radius:.75rem;padding-block:.75rem;font-weight:700;transition:background-color .15s,color .15s,border-color .15s}.calculator-operation:hover{background:var(--color-brand-100)}.dark .calculator-operation{border-color:color-mix(in oklab, var(--color-brand-500) 20%, transparent);background:color-mix(in oklab, var(--color-brand-500) 20%, transparent);color:var(--color-indigo-300)}.dark .calculator-operation:hover{background:color-mix(in oklab, var(--color-brand-500) 30%, transparent)}}