@import "https://fonts.googleapis.com/css2?family=Black+Ops+One&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{background-color:#eee}.black-ops-one{font-family:Black Ops One,system-ui;font-size:3rem;font-style:normal;font-weight:400}.checkboxControl2[data-v-22a56586]{vertical-align:middle;color:#12678c;text-align:center;border:2px solid #102838;border-radius:7px;width:40px;height:67px;margin:0 2px;font-weight:700;display:inline-block;position:relative;box-shadow:0 0 5px #fff6}.checkboxControl2 input[data-v-22a56586]{visibility:hidden;position:absolute}.checkboxControl2>div[data-v-22a56586]{tion:relative;z-index:1;cursor:pointer;text-shadow:0 1px #ffffff80;background:linear-gradient(#002b44 0%,#0690ac 11%,#038eaa 14%,#a0f2fe 58%,#91dbe7 96%,#b9e8e8 100%);border-radius:5px;height:100%;line-height:50px;position:relative}.checkboxControl2>div[data-v-22a56586]:after{content:"I";transform-origin:0 0;height:50%;line-height:2;display:block}.checkboxControl2>div[data-v-22a56586]:before{content:"O";transform-origin:0 100%;border-radius:80%/5px;height:50%;line-height:2;display:block;transform:scaleY(.7);box-shadow:inset 0 8px 12px -13px #89dfed,0 -2px 2px -1px #fffc}.checkboxControl2 :checked~div[data-v-22a56586]{background:linear-gradient(#b9e8e8 0%,#91dbe7 4%,#a0f2fe 42%,#038eaa 86%,#0690ac 89%,#002b44 100%)}.checkboxControl2 :checked~div[data-v-22a56586]:before{box-shadow:none;border-radius:0;transform:none}.checkboxControl2 :checked~div[data-v-22a56586]:after{border-radius:80%/5px;transform:scaleY(.7);box-shadow:inset 0 -8px 12px -5px #89dfed,0 2px 2px #0690ac}.checkboxControl2 .indicator[data-v-22a56586]{border:1px solid #ffffff1a;border-radius:15px;width:25px;height:8px;transition:all .2s;position:absolute;bottom:-20px;left:8px;box-shadow:inset 0 0 8px #000}.checkboxControl2 .indicator[data-v-22a56586]:before{content:"";border-radius:10px;width:8px;height:5px;margin:2px auto;transition:all .5s;display:block}.checkboxControl2 input:not(:checked)~.indicator[data-v-22a56586]:before{background:#fff;transition:all .1s;box-shadow:inset 0 0 2px #f95757,0 0 12px 6px #f95757}.checkboxControl2 .placeholder[data-v-22a56586]{text-align:center;color:#fff;width:100%;font-weight:700;position:absolute;top:-25px;left:0}.red-line[data-v-2e602203]{border-bottom:1px solid #ccc;width:100%;height:26px;position:relative}.red-line.margin[data-v-2e602203]:before{content:"";background-color:red;width:1px;position:absolute;top:0;bottom:0;left:10px}.red-line.margin[data-v-2e602203]:after{content:"";background-color:red;width:1px;position:absolute;top:0;bottom:0;left:14px}.red-line.blank[data-v-2e602203]{height:26px}.notebook[data-v-2e602203]{background:linear-gradient(175deg,#f5f5f5,#e8e8e7);border-top:1px solid #946947;flex-direction:column;width:260px;height:380px;margin:40px auto 0;display:flex;position:relative;box-shadow:1px -1px 5px #555}.notebook[data-v-2e602203]:after{content:"";background-size:3px 1px;background-image:-webkit-radial-gradient(40% 100%, circle, transparent 20%, #946947 35%);background-image:-moz-radial-gradient(40% 100%, circle, transparent 20%, #946947 35%);background-image:-ms-radial-gradient(40% 100%, circle, transparent 20%, #946947 35%);background-image:-o-radial-gradient(40% 100%, circle, transparent 20%, #946947 35%);background-image:radial-gradient(40% 100%, circle, transparent 20%, #946947 35%);width:100%;height:4px;position:absolute;bottom:-1px;left:0}.notebook[data-v-2e602203]:before{content:"";background-size:9px 12px;background-image:-webkit-radial-gradient(5% 40%, circle, transparent 70%, #555 20%);background-image:-moz-radial-gradient(5% 40%, circle, transparent 70%, #555 20%);background-image:-ms-radial-gradient(5% 40%, circle, transparent 70%, #555 20%);background-image:-o-radial-gradient(5% 40%, circle, transparent 70%, #555 20%);background-image:radial-gradient(circle at 5% 40%,#0000 70%,#555 20%);width:99%;height:10px;position:absolute;top:-5px;left:0}.border[data-v-2e602203]{border-top:1px solid #000}.bit[data-v-2e602203]{font-family:Courier New,Courier,monospace;font-weight:700}.maths-wrapper[data-v-2e602203]{justify-content:center;width:100%;margin-top:0;display:flex}.maths-number[data-v-2e602203]{justify-content:end;height:26px;padding-right:10px;display:flex}.maths[data-v-2e602203]{grid-template-columns:1fr 36px 40px 1fr;width:100%;font-family:Courier New,Courier,monospace;font-size:1.5rem;font-weight:700;display:grid}.binary-wrapper[data-v-2e602203]{justify-content:center;align-items:center;gap:.2rem;width:100%;margin-top:20px;font-size:1.5rem;font-weight:700;display:flex}.wrapper[data-v-2e602203]{padding-bottom:25px;background-image:linear-gradient(90deg,#444,#000);border-radius:14px;justify-content:center;align-items:center;gap:2rem;width:fit-content;margin:30px auto 0;padding-inline:30px;display:flex;box-shadow:4px 4px 30px #000000b3}.segment-wrapper[data-v-2e602203]{margin-top:25px}.switch-wrapper[data-v-2e602203]{border:none;justify-content:center;width:370px;margin-top:30px;display:flex}