.socket{width:200px;height:200px;position:absolute;left:50%;margin-left:-100px;top:50%;margin-top:-100px}.pencil{display:block;width:10em;height:10em}.pencil__body1,.pencil__body2,.pencil__body3,.pencil__eraser,.pencil__eraser-skew,.pencil__point,.pencil__rotate,.pencil__stroke{animation-duration:3s;animation-timing-function:linear;animation-iteration-count:infinite}.pencil__body1,.pencil__body2,.pencil__body3{transform:rotate(-90deg)}.pencil__body1{animation-name:pencilBody1}.pencil__body2{animation-name:pencilBody2}.pencil__body3{animation-name:pencilBody3}.pencil__eraser{animation-name:pencilEraser;transform:rotate(-90deg) translate(49px)}.pencil__eraser-skew{animation-name:pencilEraserSkew;animation-timing-function:ease-in-out}.pencil__point{animation-name:pencilPoint;transform:rotate(-90deg) translate(49px,-30px)}.pencil__rotate{animation-name:pencilRotate}.pencil__stroke{animation-name:pencilStroke;transform:translate(100px,100px) rotate(-113deg)}@keyframes pencilBody1{0%,to{stroke-dashoffset:351.86;transform:rotate(-90deg)}50%{stroke-dashoffset:150.8;transform:rotate(-225deg)}}@keyframes pencilBody2{0%,to{stroke-dashoffset:406.84;transform:rotate(-90deg)}50%{stroke-dashoffset:174.36;transform:rotate(-225deg)}}@keyframes pencilBody3{0%,to{stroke-dashoffset:296.88;transform:rotate(-90deg)}50%{stroke-dashoffset:127.23;transform:rotate(-225deg)}}@keyframes pencilEraser{0%,to{transform:rotate(-45deg) translate(49px)}50%{transform:rotate(0) translate(49px)}}@keyframes pencilEraserSkew{0%,32.5%,67.5%,to{transform:skew(0)}35%,65%{transform:skew(-4deg)}37.5%,62.5%{transform:skew(8deg)}40%,45%,50%,55%,60%{transform:skew(-15deg)}42.5%,47.5%,52.5%,57.5%{transform:skew(15deg)}}@keyframes pencilPoint{0%,to{transform:rotate(-90deg) translate(49px,-30px)}50%{transform:rotate(-225deg) translate(49px,-30px)}}@keyframes pencilRotate{0%{transform:translate(100px,100px) rotate(0)}to{transform:translate(100px,100px) rotate(720deg)}}@keyframes pencilStroke{0%{stroke-dashoffset:439.82;transform:translate(100px,100px) rotate(-113deg)}50%{stroke-dashoffset:164.93;transform:translate(100px,100px) rotate(-113deg)}75%,to{stroke-dashoffset:439.82;transform:translate(100px,100px) rotate(112deg)}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}#root :is(.static){position:static}#root :is(.mx-auto){margin-left:auto;margin-right:auto}#root :is(.mb-5){margin-bottom:1.25rem}#root :is(.flex){display:flex}#root :is(.hidden){display:none}#root :is(.h-10){height:2.5rem}#root :is(.h-5\/6){height:83.333333%}#root :is(.h-60){height:15rem}#root :is(.h-full){height:100%}#root :is(.h-screen){height:100vh}#root :is(.max-h-48){max-height:12rem}#root :is(.min-h-min){min-height:-moz-min-content;min-height:min-content}#root :is(.w-11\/12){width:91.666667%}#root :is(.w-full){width:100%}#root :is(.w-screen){width:100vw}#root :is(.max-w-xl){max-width:36rem}#root :is(.shrink){flex-shrink:1}#root :is(.transform){transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}#root :is(.cursor-pointer){cursor:pointer}#root :is(.flex-col){flex-direction:column}#root :is(.items-center){align-items:center}#root :is(.justify-center){justify-content:center}#root :is(.justify-between){justify-content:space-between}#root :is(.justify-evenly){justify-content:space-evenly}#root :is(.gap-2){gap:.5rem}#root :is(.gap-3){gap:.75rem}#root :is(.gap-5){gap:1.25rem}#root :is(.gap-8){gap:2rem}#root :is(.self-end){align-self:flex-end}#root :is(.overflow-auto){overflow:auto}#root :is(.overflow-hidden){overflow:hidden}#root :is(.overflow-y-scroll){overflow-y:scroll}#root :is(.rounded-\[4px\]){border-radius:4px}#root :is(.rounded-lg){border-radius:.5rem}#root :is(.rounded-xl){border-radius:.75rem}#root :is(.border){border-width:1px}#root :is(.bg-whiteColor){--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}#root :is(.bg-opacity-60){--tw-bg-opacity: .6 }#root :is(.bg-bg-createAccount){background-image:url(/assets/bg-login-503f2091.jpg)}#root :is(.bg-bg-login){background-image:url(/assets/bg-login-503f2091.jpg)}#root :is(.bg-bg-studentGetStarted){background-image:url(/assets/studentGetStarted-577bc52e.jpg)}#root :is(.bg-bg-teacherGetStarted){background-image:url(/assets/teacherGetStarted-4bb081f8.jpg)}#root :is(.bg-cover){background-size:cover}#root :is(.bg-clip-padding){background-clip:padding-box}#root :is(.bg-center){background-position:center}#root :is(.bg-no-repeat){background-repeat:no-repeat}#root :is(.object-contain){-o-object-fit:contain;object-fit:contain}#root :is(.p-0){padding:0}#root :is(.p-\[10x\]){padding:10x}#root :is(.px-2){padding-left:.5rem;padding-right:.5rem}#root :is(.px-8){padding-left:2rem;padding-right:2rem}#root :is(.py-1){padding-top:.25rem;padding-bottom:.25rem}#root :is(.py-2){padding-top:.5rem;padding-bottom:.5rem}#root :is(.py-3){padding-top:.75rem;padding-bottom:.75rem}#root :is(.py-8){padding-top:2rem;padding-bottom:2rem}#root :is(.pb-2){padding-bottom:.5rem}#root :is(.text-center){text-align:center}#root :is(.text-justify){text-align:justify}#root :is(.text-sm){font-size:.875rem;line-height:1.25rem}#root :is(.text-xl){font-size:1.25rem;line-height:1.75rem}#root :is(.font-extrabold){font-weight:800}#root :is(.font-medium){font-weight:500}#root :is(.normal-case){text-transform:none}#root :is(.text-textPrimary){--tw-text-opacity: 1;color:rgb(49 51 54 / var(--tw-text-opacity))}#root :is(.underline){text-decoration-line:underline}#root :is(.no-underline){text-decoration-line:none}#root :is(.outline){outline-style:solid}#root :is(.filter){filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}#root :is(.backdrop-blur-sm){--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}#root :is(.backdrop-filter){-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}#root :is(.transition){transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@media (min-width: 640px){#root :is(.sm\:block){display:block}#root :is(.sm\:flex){display:flex}#root :is(.sm\:h-full){height:100%}#root :is(.sm\:h-screen){height:100vh}#root :is(.sm\:min-h-\[360px\]){min-height:360px}#root :is(.sm\:w-1\/2){width:50%}#root :is(.sm\:max-w-\[600px\]){max-width:600px}#root :is(.sm\:flex-row){flex-direction:row}#root :is(.sm\:flex-col){flex-direction:column}#root :is(.sm\:items-center){align-items:center}#root :is(.sm\:justify-center){justify-content:center}#root :is(.sm\:justify-between){justify-content:space-between}#root :is(.sm\:gap-0){gap:0px}#root :is(.sm\:pb-0){padding-bottom:0}}@media (min-width: 1024px){#root :is(.lg\:flex-row){flex-direction:row}#root :is(.lg\:px-8){padding-left:2rem;padding-right:2rem}#root :is(.lg\:py-8){padding-top:2rem;padding-bottom:2rem}}@media (min-width: 1280px){#root :is(.xl\:h-14){height:3.5rem}#root :is(.xl\:w-2\/3){width:66.666667%}#root :is(.xl\:justify-between){justify-content:space-between}#root :is(.xl\:gap-9){gap:2.25rem}#root :is(.xl\:text-start){text-align:start}#root :is(.xl\:text-2xl){font-size:1.5rem;line-height:2rem}#root :is(.xl\:text-4xl){font-size:2.25rem;line-height:2.5rem}}