/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-duration:initial}}}:root{--yellow:#ffbe0b;--blue:#3a86ff;--pink:#ff006e}section{margin-inline:0;margin-block:calc(var(--spacing,.25rem) * 10)}button{border-radius:var(--radius-md,.375rem);border-style:var(--tw-border-style);padding-inline:calc(var(--spacing,.25rem) * 6);padding-block:calc(var(--spacing,.25rem) * 2);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;border-width:1px;transition-duration:.2s}@media (hover:hover){button:hover{background-color:#f8fafc1a}@supports (color:color-mix(in lab, red, red)){button:hover{background-color:color-mix(in oklab, var(--color-slate-50,oklch(98.4% .003 247.858)) 10%, transparent)}}}.operator-display{width:100%;padding-inline:calc(var(--spacing,.25rem) * 4);text-align:center;flex-direction:column;align-items:center;padding-block:0;display:flex}.operator-display .symbol{font-family:Geist Mono,monospace;font-size:var(--text-5xl,3rem);line-height:var(--tw-leading,var(--text-5xl--line-height,1))}@media (width>=40rem){.operator-display .symbol{font-size:var(--text-7xl,4.5rem);line-height:var(--tw-leading,var(--text-7xl--line-height,1))}}.operator-display.shift .symbol{letter-spacing:-.2em;transform:translate(-.05em)}div[data-number]{font-family:Geist Mono,monospace;font-size:var(--text-4xl,2.25rem);line-height:var(--tw-leading,var(--text-4xl--line-height,calc(2.5 / 2.25)))}@media (width>=40rem){div[data-number]{font-size:var(--text-6xl,3.75rem);line-height:var(--tw-leading,var(--text-6xl--line-height,1))}}div[data-number]{margin-block:calc(var(--spacing,.25rem) * 2);align-items:flex-end;width:fit-content;display:flex;position:relative}div[data-number]:after{right:calc(var(--spacing,.25rem) * 2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));opacity:.6;content:attr(data-number);display:block;position:absolute;bottom:-12px}div[data-number] span[data-highlight]{color:var(--color);transition:color .25s ease-out}input[type=number]{text-align:center;background:0 0;border:2px solid gray;border-radius:5px;width:100%;min-width:125px;height:100%;min-height:120px;max-height:160px;padding:10px 20px;font-size:3rem}input[type=number].small{text-align:center;height:80px;min-height:unset;padding:8px 18px;font-size:2rem}.controls{justify-content:space-between;display:flex}.truth-table{border-collapse:collapse;border-style:var(--tw-border-style);border-width:2px;border-color:var(--color-gray-300,oklch(87.2% .01 258.338));width:100%;max-width:400px;margin:0 auto;font-size:1.25rem}.truth-table th{font-size:1.1rem}.truth-table td,.truth-table th{border-style:var(--tw-border-style);border-width:2px;border-color:#d1d5dc66}@supports (color:color-mix(in lab, red, red)){.truth-table td,.truth-table th{border-color:color-mix(in oklab, var(--color-gray-300,oklch(87.2% .01 258.338)) 40%, transparent)}}.truth-table td,.truth-table th{text-align:center}.truth-table tr{outline:1px dashed #0000;transition:outline .2s ease-in}.truth-table tr[data-highlight]{outline:3px dashed var(--pink)}:is(.and-or-xor-section,.left-right-shift-section) .input-form{column-gap:calc(var(--spacing,.25rem) * 2);row-gap:var(--spacing,.25rem);grid-template-rows:auto auto;grid-template-columns:1fr auto 1fr;display:grid}@media (width>=40rem){:is(.and-or-xor-section,.left-right-shift-section) .input-form{column-gap:calc(var(--spacing,.25rem) * 5);row-gap:calc(var(--spacing,.25rem) * 2)}}:is(.and-or-xor-section,.left-right-shift-section) .input-form{margin-bottom:calc(var(--spacing,.25rem) * 5);grid-template-areas:"number-1 operator number-2""desc desc desc";align-items:center}:is(.and-or-xor-section,.left-right-shift-section) .input-form .description{opacity:.75;margin:0}:is(.and-or-xor-section,.left-right-shift-section) .explanation{column-gap:calc(var(--spacing,.25rem) * 40);display:grid}.and-or-xor-section .explanation{column-gap:calc(var(--spacing,.25rem) * 10);grid-template-rows:repeat(3,auto);grid-template-columns:1fr}@media (width>=40rem){.and-or-xor-section .explanation{grid-template-rows:auto 1fr;grid-template-columns:1fr 1fr}}.and-or-xor-section .explanation .steps{width:fit-content;margin-block:0;margin-inline:auto}@media (width>=40rem){.and-or-xor-section .explanation .steps{margin-bottom:calc(var(--spacing,.25rem) * 5)}}.and-or-xor-section .explanation .steps{grid-row-start:1;grid-column-start:1}.and-or-xor-section .explanation .steps .number-1{--color:var(--blue)}.and-or-xor-section .explanation .steps .number-2{--color:var(--pink)}.and-or-xor-section .explanation .steps .output{--color:var(--yellow)}.and-or-xor-section .explanation .text{grid-row:span 2/span 2;grid-column-start:1}@media (width>=40rem){.and-or-xor-section .explanation .text{grid-column-start:2}}.and-or-xor-section .explanation .controls{justify-content:space-around;column-gap:calc(var(--spacing,.25rem) * 5);grid-row-start:2;grid-column-start:1;height:fit-content}.not-section .input-form{align-items:center;column-gap:calc(var(--spacing,.25rem) * 2.5);row-gap:calc(var(--spacing,.25rem) * 1.5);margin-inline:auto;grid-template-rows:auto;grid-template-columns:auto 1fr;margin-top:0;display:grid}@media (width>=40rem){.not-section .input-form{column-gap:calc(var(--spacing,.25rem) * 5);row-gap:calc(var(--spacing,.25rem) * 2.5);grid-template-columns:1fr 3fr 5fr}}.not-section .input-form{margin:0 auto 20px}.not-section .input-form .operator-display{grid-row-start:1;grid-column-start:1}@media (width>=40rem){.not-section .input-form .operator-display{grid-row-start:1;grid-column-start:1}}.not-section .input-form input{grid-row-start:1;grid-column-start:2}@media (width>=40rem){.not-section .input-form input{grid-row-start:1;grid-column-start:2}}.not-section .input-form .steps{grid-column:1/span 2;grid-row-start:2}@media (width>=40rem){.not-section .input-form .steps{grid-row-start:1;grid-column-start:3}}.not-section .controls{align-items:center;max-width:400px;margin:0 auto}@media (width>=40rem){.left-right-shift-section .explanation{grid-template-columns:2fr 3fr}}.left-right-shift-section .number-of-bits-selector-section{grid-template-columns:4fr 1fr;column-gap:40px;display:grid}.left-right-shift-section .number-of-bits-selector-section p{margin-top:.5em}.left-right-shift-section .number-of-bits-selector-section label{text-decoration:underline}.one-push-switch{display:grid}.one-push-switch label{pointer-events:none;opacity:0;grid-area:1/1;font-size:1rem;transition:opacity .3s ease-in-out}.one-push-switch input{display:none}.one-push-switch input:checked+label{pointer-events:all;opacity:1}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}