@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wdth,wght@62.5..100,100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Sarabun:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap");
/*! tailwindcss v3.3.2 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;font-feature-settings:normal;font-family:Noto Sans Thai;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}[multiple],[type=date],[type=datetime-local],[type=email],[type=month],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],select,textarea{--tw-shadow:0 0 #0000;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-radius:0;border-width:1px;font-size:1rem;line-height:1.5rem;padding:.5rem .75rem}[multiple]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=email]:focus,[type=month]:focus,[type=number]:focus,[type=password]:focus,[type=search]:focus,[type=tel]:focus,[type=text]:focus,[type=time]:focus,[type=url]:focus,[type=week]:focus,select:focus,textarea:focus{--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);border-color:#2563eb;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);outline:2px solid #0000;outline-offset:2px}input::-moz-placeholder,textarea::-moz-placeholder{color:#6b7280;opacity:1}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em}::-webkit-datetime-edit,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field{padding-bottom:0;padding-top:0}select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}[multiple]{background-image:none;background-position:0 0;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;print-color-adjust:unset}[type=checkbox],[type=radio]{--tw-shadow:0 0 #0000;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;background-origin:border-box;border-color:#6b7280;border-width:1px;color:#2563eb;display:inline-block;flex-shrink:0;height:1rem;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:1rem}[type=checkbox]{border-radius:0}[type=radio]{border-radius:100%}[type=checkbox]:focus,[type=radio]:focus{--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);outline:2px solid #0000;outline-offset:2px}[type=checkbox]:checked,[type=radio]:checked{background-color:currentColor;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:#0000}[type=checkbox]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E")}[type=radio]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E")}[type=checkbox]:checked:focus,[type=checkbox]:checked:hover,[type=checkbox]:indeterminate,[type=radio]:checked:focus,[type=radio]:checked:hover{background-color:currentColor;border-color:#0000}[type=checkbox]:indeterminate{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:100% 100%}[type=checkbox]:indeterminate:focus,[type=checkbox]:indeterminate:hover{background-color:currentColor;border-color:#0000}[type=file]{background:unset;border-color:inherit;border-radius:0;border-width:0;font-size:unset;line-height:inherit;padding:0}[type=file]:focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}*,::backdrop,:after,:before{--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:#3b82f680;--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}}.hero-arrow-left-solid{--hero-arrow-left-solid:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">  <path fill-rule="evenodd" d="M11.03 3.97a.75.75 0 010 1.06l-6.22 6.22H21a.75.75 0 010 1.5H4.81l6.22 6.22a.75.75 0 11-1.06 1.06l-7.5-7.5a.75.75 0 010-1.06l7.5-7.5a.75.75 0 011.06 0z" clip-rule="evenodd"/></svg>');-webkit-mask:var(--hero-arrow-left-solid);mask:var(--hero-arrow-left-solid);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.hero-arrow-left-solid,.hero-arrow-path{background-color:currentColor;display:inline-block;height:1.25rem;vertical-align:middle;width:1.25rem}.hero-arrow-path{--hero-arrow-path:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">  <path stroke-linecap="round" stroke-linejoin="round" d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0l3.181 3.183a8.25 8.25 0 0013.803-3.7M4.031 9.865a8.25 8.25 0 0113.803-3.7l3.181 3.182m0-4.991v4.99"/></svg>');-webkit-mask:var(--hero-arrow-path);mask:var(--hero-arrow-path);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.hero-chevron-down-solid{--hero-chevron-down-solid:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">  <path fill-rule="evenodd" d="M12.53 16.28a.75.75 0 01-1.06 0l-7.5-7.5a.75.75 0 011.06-1.06L12 14.69l6.97-6.97a.75.75 0 111.06 1.06l-7.5 7.5z" clip-rule="evenodd"/></svg>');-webkit-mask:var(--hero-chevron-down-solid);mask:var(--hero-chevron-down-solid);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.hero-chevron-down-solid,.hero-chevron-up-solid{background-color:currentColor;display:inline-block;height:1.25rem;vertical-align:middle;width:1.25rem}.hero-chevron-up-solid{--hero-chevron-up-solid:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">  <path fill-rule="evenodd" d="M11.47 7.72a.75.75 0 011.06 0l7.5 7.5a.75.75 0 11-1.06 1.06L12 9.31l-6.97 6.97a.75.75 0 01-1.06-1.06l7.5-7.5z" clip-rule="evenodd"/></svg>');-webkit-mask:var(--hero-chevron-up-solid);mask:var(--hero-chevron-up-solid);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.hero-exclamation-circle-mini{--hero-exclamation-circle-mini:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">  <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd"/></svg>');-webkit-mask:var(--hero-exclamation-circle-mini);mask:var(--hero-exclamation-circle-mini);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.hero-exclamation-circle-mini,.hero-information-circle-mini{background-color:currentColor;display:inline-block;height:1.25rem;vertical-align:middle;width:1.25rem}.hero-information-circle-mini{--hero-information-circle-mini:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">  <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z" clip-rule="evenodd"/></svg>');-webkit-mask:var(--hero-information-circle-mini);mask:var(--hero-information-circle-mini);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.hero-x-mark-solid{--hero-x-mark-solid:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">  <path fill-rule="evenodd" d="M5.47 5.47a.75.75 0 011.06 0L12 10.94l5.47-5.47a.75.75 0 111.06 1.06L13.06 12l5.47 5.47a.75.75 0 11-1.06 1.06L12 13.06l-5.47 5.47a.75.75 0 01-1.06-1.06L10.94 12 5.47 6.53a.75.75 0 010-1.06z" clip-rule="evenodd"/></svg>');background-color:currentColor;display:inline-block;height:1.25rem;-webkit-mask:var(--hero-x-mark-solid);mask:var(--hero-x-mark-solid);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;vertical-align:middle;width:1.25rem}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.-inset-y-px{bottom:-1px;top:-1px}.inset-y-0{bottom:0;top:0}.-left-4{left:-1rem}.-left-40{left:-10rem}.-right-3{right:-.75rem}.-right-4{right:-1rem}.-top-3{top:-.75rem}.-top-\[-1px\]{top:1px}.-top-\[5px\]{top:-5px}.bottom-2{bottom:.5rem}.left-0{left:0}.left-4{left:1rem}.left-40{left:10rem}.left-\[40rem\]{left:40rem}.right-0{right:0}.right-20{right:5rem}.right-3{right:.75rem}.right-4{right:1rem}.right-5{right:1.25rem}.right-\[\.25rem\]{right:.25rem}.top-0{top:0}.top-2{top:.5rem}.top-3{top:.75rem}.top-4{top:1rem}.top-6{top:1.5rem}.top-\[-3\.5rem\]{top:-3.5rem}.top-\[-3\.6255rem\]{top:-3.6255rem}.top-\[\.0625rem\]{top:.0625rem}.z-0{z-index:0}.z-50{z-index:50}.-m-2{margin:-.5rem}.-m-3{margin:-.75rem}.m-0{margin:0}.m-\[20px\]{margin:20px}.m-auto{margin:auto}.-mx-2{margin-left:-.5rem;margin-right:-.5rem}.-my-0{margin-bottom:0;margin-top:0}.-my-0\.5{margin-bottom:-.125rem;margin-top:-.125rem}.-my-4{margin-bottom:-1rem;margin-top:-1rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.my-0{margin-bottom:0;margin-top:0}.my-10{margin-bottom:2.5rem;margin-top:2.5rem}.my-2{margin-bottom:.5rem;margin-top:.5rem}.my-4{margin-bottom:1rem;margin-top:1rem}.my-8{margin-bottom:2rem;margin-top:2rem}.-mt-1{margin-top:-.25rem}.-mt-8{margin-top:-2rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mr-6{margin-right:1.5rem}.mt-0{margin-top:0}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-11{margin-top:2.75rem}.mt-12{margin-top:3rem}.mt-14{margin-top:3.5rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-\[12px\]{margin-top:12px}.line-clamp-4{-webkit-box-orient:vertical;-webkit-line-clamp:4;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-16{height:4rem}.h-28{height:7rem}.h-3{height:.75rem}.h-36{height:9rem}.h-4{height:1rem}.h-40{height:10rem}.h-5{height:1.25rem}.h-56{height:14rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[22px\]{height:22px}.h-\[56px\]{height:56px}.h-\[6\.25rem\]{height:6.25rem}.h-\[60px\]{height:60px}.h-auto{height:auto}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.h-screen{height:100vh}.max-h-16{max-height:4rem}.max-h-\[268px\]{max-height:268px}.max-h-full{max-height:100%}.min-h-\[2rem\]{min-height:2rem}.min-h-\[5rem\]{min-height:5rem}.min-h-\[76px\]{min-height:76px}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-1\/3{width:33.333333%}.w-1\/4{width:25%}.w-1\/5{width:20%}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2\/5{width:40%}.w-28{width:7rem}.w-3{width:.75rem}.w-3\/5{width:60%}.w-36{width:9rem}.w-4{width:1rem}.w-40{width:10rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-96{width:24rem}.w-\[100px\]{width:100px}.w-\[139px\]{width:139px}.w-\[22px\]{width:22px}.w-\[369px\]{width:369px}.w-\[40rem\]{width:40rem}.w-\[56px\]{width:56px}.w-\[5rem\]{width:5rem}.w-\[64px\]{width:64px}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-screen{width:100vw}.min-w-0{min-width:0}.min-w-\[5rem\]{min-width:5rem}.min-w-\[76px\]{min-width:76px}.max-w-3xl{max-width:48rem}.max-w-\[100\%\]{max-width:100%}.max-w-\[10rem\]{max-width:10rem}.max-w-\[15\.25rem\]{max-width:15.25rem}.max-w-\[18rem\]{max-width:18rem}.max-w-\[200px\]{max-width:200px}.max-w-\[202px\]{max-width:202px}.max-w-\[21rem\]{max-width:21rem}.max-w-\[266px\]{max-width:266px}.max-w-\[4rem\]{max-width:4rem}.max-w-\[5rem\]{max-width:5rem}.max-w-\[600px\]{max-width:600px}.max-w-\[6rem\]{max-width:6rem}.max-w-\[7rem\]{max-width:7rem}.max-w-\[800px\]{max-width:800px}.max-w-fit{max-width:-moz-fit-content;max-width:fit-content}.max-w-full{max-width:100%}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-none{flex:none}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.grow{flex-grow:1}.table-fixed{table-layout:fixed}.-translate-y-2{--tw-translate-y:-0.5rem}.-translate-y-2,.translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y:0px}.translate-y-4{--tw-translate-y:1rem}.rotate-180,.translate-y-4{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-items-end{justify-items:end}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-\[1\.5rem\]{gap:1.5rem}.gap-\[12px\]{gap:12px}.gap-\[16px\]{gap:16px}.gap-\[3\.75rem\]{gap:3.75rem}.gap-\[6px\]{gap:6px}.gap-\[8px\]{gap:8px}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-y-2{row-gap:.5rem}.gap-y-4{row-gap:1rem}.gap-y-5{row-gap:1.25rem}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(1px*var(--tw-divide-y-reverse));border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)))}.divide-zinc-100>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(244 244 245/var(--tw-divide-opacity))}.place-self-center{place-self:center}.self-start{align-self:flex-start}.self-center{align-self:center}.self-stretch{align-self:stretch}.justify-self-center{justify-self:center}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;white-space:nowrap}.text-ellipsis,.truncate{text-overflow:ellipsis}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-\[0\.75rem\],.rounded-\[\.75rem\]{border-radius:.75rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l{border-left-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-\[\#42CD9B\]{--tw-border-opacity:1;border-color:rgb(66 205 155/var(--tw-border-opacity))}.border-\[\#E3E4E8\]{--tw-border-opacity:1;border-color:rgb(227 228 232/var(--tw-border-opacity))}.border-\[\#F37683\]{--tw-border-opacity:1;border-color:rgb(243 118 131/var(--tw-border-opacity))}.border-\[\#FBFBFB\]{--tw-border-opacity:1;border-color:rgb(251 251 251/var(--tw-border-opacity))}.border-black{--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.border-neutral-100{--tw-border-opacity:1;border-color:rgb(245 245 245/var(--tw-border-opacity))}.border-rose-400{--tw-border-opacity:1;border-color:rgb(251 113 133/var(--tw-border-opacity))}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.border-zinc-200{--tw-border-opacity:1;border-color:rgb(228 228 231/var(--tw-border-opacity))}.border-zinc-300{--tw-border-opacity:1;border-color:rgb(212 212 216/var(--tw-border-opacity))}.bg-\[\#6FDCB5\]{--tw-bg-opacity:1;background-color:rgb(111 220 181/var(--tw-bg-opacity))}.bg-\[\#DEDEDE\]{--tw-bg-opacity:1;background-color:rgb(222 222 222/var(--tw-bg-opacity))}.bg-\[\#EDFCF5\]{--tw-bg-opacity:1;background-color:rgb(237 252 245/var(--tw-bg-opacity))}.bg-\[\#FBFBFB\]{--tw-bg-opacity:1;background-color:rgb(251 251 251/var(--tw-bg-opacity))}.bg-\[\#FFA8B1\]{--tw-bg-opacity:1;background-color:rgb(255 168 177/var(--tw-bg-opacity))}.bg-\[\#FFEFF3\]{--tw-bg-opacity:1;background-color:rgb(255 239 243/var(--tw-bg-opacity))}.bg-\[\#FFF2B3\]{--tw-bg-opacity:1;background-color:rgb(255 242 179/var(--tw-bg-opacity))}.bg-\[\#eb5f0d\]{--tw-bg-opacity:1;background-color:rgb(235 95 13/var(--tw-bg-opacity))}.bg-\[\#f4f4f6\]{--tw-bg-opacity:1;background-color:rgb(244 244 246/var(--tw-bg-opacity))}.bg-\[\#fff2b3\]{--tw-bg-opacity:1;background-color:rgb(255 242 179/var(--tw-bg-opacity))}.bg-aksorn-neutral-50{--tw-bg-opacity:1;background-color:rgb(251 251 251/var(--tw-bg-opacity))}.bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity))}.bg-brand\/5{background-color:#fd4f000d}.bg-emerald-100{--tw-bg-opacity:1;background-color:rgb(209 250 229/var(--tw-bg-opacity))}.bg-emerald-50{--tw-bg-opacity:1;background-color:rgb(236 253 245/var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.bg-green-600{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity))}.bg-neutral-50{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity))}.bg-rose-100{--tw-bg-opacity:1;background-color:rgb(255 228 230/var(--tw-bg-opacity))}.bg-rose-50{--tw-bg-opacity:1;background-color:rgb(255 241 242/var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-white\/50{background-color:#ffffff80}.bg-zinc-50{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity))}.bg-zinc-50\/90{background-color:#fafafae6}.fill-cyan-900{fill:#164e63}.fill-rose-900{fill:#881337}.fill-zinc-400{fill:#a1a1aa}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-14{padding:3.5rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-7{padding:1.75rem}.p-8{padding:2rem}.p-\[8px\]{padding:8px}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0{padding-bottom:0;padding-top:0}.py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.py-10{padding-bottom:2.5rem;padding-top:2.5rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.py-\[5px\]{padding-bottom:5px;padding-top:5px}.py-\[5rem\]{padding-bottom:5rem;padding-top:5rem}.pb-16{padding-bottom:4rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pl-2{padding-left:.5rem}.pl-3{padding-left:.75rem}.pl-5{padding-left:1.25rem}.pl-\[2px\]{padding-left:2px}.pr-2{padding-right:.5rem}.pr-4{padding-right:1rem}.pr-6{padding-right:1.5rem}.pr-8{padding-right:2rem}.pt-12{padding-top:3rem}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.pt-8{padding-top:2rem}.pt-\[100\%\]{padding-top:100%}.pt-\[12px\]{padding-top:12px}.pt-\[31\.25\%\]{padding-top:31.25%}.pt-\[4px\]{padding-top:4px}.pt-\[56\.25\%\]{padding-top:56.25%}.pt-\[8px\]{padding-top:8px}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-sans{font-family:Noto Sans Thai}.font-serif{font-family:Sarabun}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.text-\[0\.8125rem\]{font-size:.8125rem}.text-\[14px\]{font-size:14px}.text-\[16px\]{font-size:16px}.text-\[18px\]{font-size:18px}.text-\[28px\]{font-size:28px}.text-\[2rem\]{font-size:2rem}.text-\[32px\]{font-size:32px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.italic{font-style:italic}.leading-10{line-height:2.5rem}.leading-3{line-height:.75rem}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-7{line-height:1.75rem}.leading-8{line-height:2rem}.leading-\[150\%\]{line-height:150%}.leading-\[27px\]{line-height:27px}.tracking-tighter{letter-spacing:-.05em}.text-\[\#06c655\]{--tw-text-opacity:1;color:rgb(6 198 85/var(--tw-text-opacity))}.text-\[\#2463eb\]{--tw-text-opacity:1;color:rgb(36 99 235/var(--tw-text-opacity))}.text-\[\#2789ff\]{--tw-text-opacity:1;color:rgb(39 137 255/var(--tw-text-opacity))}.text-\[\#2E2F38\],.text-\[\#2e2f38\]{--tw-text-opacity:1;color:rgb(46 47 56/var(--tw-text-opacity))}.text-\[\#5c5e71\]{--tw-text-opacity:1;color:rgb(92 94 113/var(--tw-text-opacity))}.text-\[\#8f91a2\]{--tw-text-opacity:1;color:rgb(143 145 162/var(--tw-text-opacity))}.text-\[\#C16D31\]{--tw-text-opacity:1;color:rgb(193 109 49/var(--tw-text-opacity))}.text-\[\#eb5f0d\]{--tw-text-opacity:1;color:rgb(235 95 13/var(--tw-text-opacity))}.text-\[\#fbfbf\]{color:#fbfbf}.text-aksorn-green-500{--tw-text-opacity:1;color:rgb(66 205 155/var(--tw-text-opacity))}.text-aksorn-neutral-400{--tw-text-opacity:1;color:rgb(92 94 113/var(--tw-text-opacity))}.text-aksorn-neutral-50{--tw-text-opacity:1;color:rgb(251 251 251/var(--tw-text-opacity))}.text-aksorn-neutral-500{--tw-text-opacity:1;color:rgb(46 47 56/var(--tw-text-opacity))}.text-aksorn-orange-500{--tw-text-opacity:1;color:rgb(235 95 13/var(--tw-text-opacity))}.text-aksorn-red-500{--tw-text-opacity:1;color:rgb(243 118 131/var(--tw-text-opacity))}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.text-brand{--tw-text-opacity:1;color:rgb(253 79 0/var(--tw-text-opacity))}.text-emerald-400{--tw-text-opacity:1;color:rgb(52 211 153/var(--tw-text-opacity))}.text-emerald-800{--tw-text-opacity:1;color:rgb(6 95 70/var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.text-neutral-500{--tw-text-opacity:1;color:rgb(115 115 115/var(--tw-text-opacity))}.text-rose-400{--tw-text-opacity:1;color:rgb(251 113 133/var(--tw-text-opacity))}.text-rose-600{--tw-text-opacity:1;color:rgb(225 29 72/var(--tw-text-opacity))}.text-rose-900{--tw-text-opacity:1;color:rgb(136 19 55/var(--tw-text-opacity))}.text-transparent{color:#0000}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-zinc-500{--tw-text-opacity:1;color:rgb(113 113 122/var(--tw-text-opacity))}.text-zinc-600{--tw-text-opacity:1;color:rgb(82 82 91/var(--tw-text-opacity))}.text-zinc-700{--tw-text-opacity:1;color:rgb(63 63 70/var(--tw-text-opacity))}.text-zinc-800{--tw-text-opacity:1;color:rgb(39 39 42/var(--tw-text-opacity))}.text-zinc-900{--tw-text-opacity:1;color:rgb(24 24 27/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.decoration-rose-400{text-decoration-color:#fb7185}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-20{opacity:.2}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 #0000000d;--tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color)}.shadow-inner,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-md{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-zinc-700\/10{--tw-shadow-color:#3f3f461a;--tw-shadow:var(--tw-shadow-colored)}.outline{outline-style:solid}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-emerald-500{--tw-ring-opacity:1;--tw-ring-color:rgb(16 185 129/var(--tw-ring-opacity))}.ring-rose-500{--tw-ring-opacity:1;--tw-ring-color:rgb(244 63 94/var(--tw-ring-opacity))}.ring-zinc-700\/10{--tw-ring-color:#3f3f461a}.drop-shadow-lg{--tw-drop-shadow:drop-shadow(0 10px 8px #0000000a) drop-shadow(0 4px 3px #0000001a)}.drop-shadow-lg,.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)}.transition{transition-duration:.15s;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-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}*{box-sizing:border-box}html{--tw-bg-opacity:1;background-attachment:fixed;background-color:rgb(244 244 246/var(--tw-bg-opacity));background-position:top;background-size:133%;margin:0;padding:0;scroll-behavior:auto}@media (min-width:640px){html{background-size:760px}}@media (min-width:768px){html{background-size:1000px}}@media (min-width:1024px){html{background-size:1320px}}@media (min-width:1280px){html{background-size:1520px}}@media (min-width:1536px){html{background-size:1920px}}body{--tw-text-opacity:1;animation-duration:1s;animation-name:fade-in;animation-timing-function:ease-in;color:rgb(82 82 82/var(--tw-text-opacity));font-size:1rem;line-height:1.75rem;margin:0;padding:0}.font-noto-sans-thai-400{font-family:Noto Sans Thai,sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"wdth" 87.5;font-weight:400}.font-noto-sans-thai-400 strong,.font-noto-sans-thai-700{font-family:Noto Sans Thai,sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"wdth" 87.5;font-weight:700}.font-sarabun-regular{font-weight:400!important}.font-sarabun-medium,.font-sarabun-regular{font-family:Sarabun,sans-serif;font-style:normal}.font-sarabun-medium{font-weight:500!important}.font-sarabun-prominent{font-style:normal;font-weight:600!important}.font-noto-sans-thai-400 .lang-en,.font-sarabun-bold,.font-sarabun-prominent,.pdf-font{font-family:Sarabun,sans-serif}.font-sarabun-bold{font-style:normal;font-weight:700}@keyframes fade-in{0%{opacity:0}50%{opacity:0}to{opacity:1}}@keyframes trophy-flare{0%{opacity:.6;transform:rotate(0deg) scale(110%)}50%{opacity:1;transform:rotate(180deg) scale(220%)}to{opacity:.6;transform:rotate(0deg) scale(110%)}}@keyframes trophy-flare-1{0%{opacity:.6;transform:rotate(15deg) scale(100%)}50%{opacity:1;transform:rotate(195deg) scale(200%)}to{opacity:.6;transform:rotate(15deg) scale(100%)}}@keyframes trophy-sheen{0%{transform:translateY(-100%)}50%{transform:translateY(100%)}to{transform:translateY(-100%)}}p a{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity));font-weight:700}p a:hover{text-decoration-color:#fb7185;text-decoration-line:underline}img{display:block;height:auto;max-width:100%;width:100%}b{--tw-text-opacity:1;color:rgb(92 94 113/var(--tw-text-opacity))}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea{--tw-border-opacity:1;--tw-text-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity));border-radius:.75rem;border-width:1px;color:rgb(0 0 0/var(--tw-text-opacity));display:block;font-size:1rem;height:2.75rem;line-height:2.625rem;padding:0 1rem;width:100%}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):focus,select:focus,textarea:focus{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-color:rgb(0 0 0/var(--tw-ring-opacity));--tw-ring-opacity:0.8;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);outline:2px solid #0000;outline-offset:2px}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]).input-digit{--tw-border-opacity:1;--tw-text-opacity:1;background-color:initial;border-color:rgb(46 47 56/var(--tw-border-opacity));caret-color:#2e2f38;color:rgb(46 47 56/var(--tw-text-opacity));font-size:18px;font-weight:500;height:3.5rem;padding-left:.25rem;padding-right:.25rem;text-align:center;width:2.5rem}select{padding-right:2rem;text-overflow:ellipsis}.btn.input-phantom,input.input-phantom:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select.input-phantom{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);background-color:rgb(244 244 246/var(--tw-bg-opacity));border-color:rgb(251 251 251/var(--tw-border-opacity));box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.btn.input-phantom:hover,input.input-phantom:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):hover,select.input-phantom:hover{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(244 244 246/var(--tw-bg-opacity));border-color:rgb(251 251 251/var(--tw-border-opacity))}.btn.input-phantom:focus,input.input-phantom:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):focus,select.input-phantom:focus{--tw-bg-opacity:1;--tw-ring-opacity:1;--tw-ring-color:rgb(251 251 251/var(--tw-ring-opacity));background-color:rgb(244 244 246/var(--tw-bg-opacity))}.input-bg-search{background-image:url(/images/Vector.svg);background-position:left .75rem center;background-repeat:no-repeat;background-size:1rem;padding-left:2.5rem!important}.btn.input-phantom,select.input-phantom{font-size:.875rem;height:3rem;line-height:2.875rem;padding-left:.75rem;padding-top:.375rem}.btn.input-phantom,.btn.input-phantom:focus,.btn.input-phantom:hover,select.input-phantom,select.input-phantom:focus,select.input-phantom:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}label{--tw-text-opacity:1;color:rgb(163 163 163/var(--tw-text-opacity));cursor:pointer;display:inline-block;font-size:.875rem;line-height:1.25rem;margin-bottom:.25rem;padding-left:.25rem;padding-right:.25rem}svg{fill:currentColor;height:1em;width:auto}textarea{height:4.5rem}strong{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity));font-weight:700}.h1,.h2,.title,h1,h2,h3,h4{font-size:1.875rem;font-weight:600;line-height:2.25rem;margin-bottom:1rem}.h1,.h2,.new-title,.title,h1,h2,h3,h4{--tw-text-opacity:1;color:rgb(46 47 56/var(--tw-text-opacity))}.new-title{font-size:18px}.h1,h1{margin-bottom:3rem}.h1-mb-6{margin-bottom:1.5rem}.h2,h2{font-size:1.5rem;line-height:2rem}.title,h3{font-size:1.125rem;line-height:1.75rem}h4{font-size:1rem;line-height:1.5rem}.title-share-question{font-size:32px;font-weight:600;line-height:150%}.h2-mb-2{margin-bottom:.5rem}.title-high,.title-low,.title-mid{text-decoration-color:#60a5fa;text-decoration-line:underline}.title-high{text-decoration-color:#34d399}.title-low{text-decoration-color:#fb7185}.title-mb-0{margin-bottom:0}.gc-text-balance{text-wrap:balance;font-weight:600}.correct-title{color:rgb(41 122 73/var(--tw-text-opacity))}.correct-title,.incorrect-title{--tw-text-opacity:1;font-size:2em}.incorrect-title{color:rgb(237 28 36/var(--tw-text-opacity))}.card-white-bg-12px-radius{--tw-bg-opacity:1;background-color:rgb(251 251 251/var(--tw-bg-opacity));border-radius:12px}.bg-for-share-link{background-color:rgb(234 240 249/var(--tw-bg-opacity));border-color:rgb(39 137 255/var(--tw-border-opacity));border-width:1px}.bg-for-game-pin,.bg-for-share-link{--tw-border-opacity:1;--tw-bg-opacity:1}.bg-for-game-pin{background-color:rgb(254 238 231/var(--tw-bg-opacity));border-color:rgb(235 95 13/var(--tw-border-opacity));border-width:1px}p{margin-bottom:1rem}ul{padding-left:1.5em}table{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);font-size:.875rem;line-height:1.25rem;width:100%}th{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(227 228 232/var(--tw-bg-opacity));color:rgb(46 47 56/var(--tw-text-opacity));font-weight:600;padding:.75rem;text-align:left;white-space:nowrap}tbody tr{--tw-border-opacity:1;border-bottom-width:1px;border-color:rgb(245 245 245/var(--tw-border-opacity))}td{padding:.625rem;text-align:left}td:first-child,th:first-child{padding-left:1rem}td:last-child,th:last-child{padding-right:1rem;text-align:right}h1.heading-leaderboard{font-size:32px;text-align:center}.table-leaderboard{table-layout:fixed}.table-leaderboard:not(.table-leaderboard-solo) tbody tr:nth-child(odd){--tw-bg-opacity:1;background-color:rgb(255 239 243/var(--tw-bg-opacity))}.table-leaderboard tr>:first-child{padding-right:0;width:3.5rem}.table-leaderboard tr>:nth-child(2){padding-right:0;width:2.75rem}.table-leaderboard tr>:nth-child(4){width:6.5rem}.table-leaderboard.table-leaderboard-solo{border:1px solid #fff}.table-leaderboard.table-leaderboard-solo tr:first-of-type{background-color:#f4f4f6;border:none;border-radius:5px}.table-leaderboard.table-leaderboard-solo tr:not(:first-of-type){border-bottom:1px solid #fff}.table-leaderboard.table-leaderboard-solo td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-leaderboard tr>:last-child{text-align:right}.table-leaderboard-2{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(255 255 255/var(--tw-border-opacity));border-radius:.5rem;border-width:1px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);overflow:hidden}.table-leaderboard-2 table{table-layout:fixed}.table-leaderboard-2 td,.table-leaderboard-2 th{padding:.5rem;text-align:center;white-space:nowrap}.table-leaderboard-2 th{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(227 228 232/var(--tw-bg-opacity));color:rgb(0 0 0/var(--tw-text-opacity));font-weight:700}.table-leaderboard-2 tbody tr{border-width:0}.table-leaderboard-2 tbody tr.revealable:not(:last-child){--tw-border-opacity:1;border-bottom-width:1px;border-color:rgb(227 228 232/var(--tw-border-opacity))}.table-leaderboard-2 tr>:first-child{padding-left:.5rem;padding-right:0;text-align:center;width:3.5rem}.table-leaderboard-2 tr>:nth-child(2){padding-right:0;width:2.75rem}.table-leaderboard-2 tr>:nth-child(3){text-align:left}.table-leaderboard-2 tr>:nth-child(4),.table-leaderboard-2 tr>:nth-child(5){text-align:center;width:5rem}.table-leaderboard-2 tr>:nth-child(5){padding-right:.5rem}.table-leaderboard-2 tbody tr.revealable td{padding:0!important}.table-leaderboard-3-column{display:flex;flex:1 1 0%;width:100%}.table-leaderboard-3{--tw-border-opacity:1;--tw-gradient-from:#fff var(--tw-gradient-from-position);--tw-gradient-to:#fff0 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#e3e4e8 var(--tw-gradient-to-position);--tw-shadow:0 1px 4px 0 #2e2f381a;--tw-shadow-colored:0 1px 4px 0 var(--tw-shadow-color);background-image:linear-gradient(to bottom,var(--tw-gradient-stops));border-color:rgb(251 251 251/var(--tw-border-opacity));border-radius:12px;border-width:1px;display:flex;flex:1 1 0%;padding:.75rem;width:100%}.table-leaderboard-3,.table-leaderboard-3 table{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.table-leaderboard-3 table{--tw-text-opacity:1;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;color:rgb(46 47 56/var(--tw-text-opacity));font-size:1rem;table-layout:fixed}.table-leaderboard-3 tbody tr{border-width:0}.table-leaderboard-3 tr>*{padding:.375rem .75rem}.table-leaderboard-3 tr>:first-child{font-weight:600;padding-right:1.25rem;text-align:center;width:5rem}.table-leaderboard-3 tr>:nth-child(2){padding:.625rem .25rem}.table-leaderboard-3 tr>:nth-child(3){width:7rem}.table-insight{font-size:1.125rem;line-height:1.75rem}.table-insight td,.table-insight td:last-child,.table-insight th,.table-insight th:last-child{--tw-border-opacity:1;border-color:rgb(229 229 229/var(--tw-border-opacity));border-width:1px;text-align:center}.table-insight td:first-child,.table-insight th:first-child{max-width:200px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.table-insight-pdf{border-radius:10px;border-spacing:0;box-shadow:0 4px 8px 0 #0000004d;font-size:.875rem;line-height:1.25rem;overflow:hidden;table-layout:fixed}.table-insight-pdf td,.table-insight-pdf td:last-child,.table-insight-pdf th,.table-insight-pdf th:last-child{border:1px solid #e5e5e5;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.table-insight-pdf td:first-child,.table-insight-pdf th:first-child{text-align:left}col.insight-correct{--tw-border-opacity:1;border-color:rgb(110 231 183/var(--tw-border-opacity));border-width:2px}col.insight-correct-pdf{border-color:#98fb98;border-width:2px}col.insight-incorrect{--tw-border-opacity:1;border-color:rgb(253 164 175/var(--tw-border-opacity));border-width:2px}col.insight-incorrect-pdf{border-color:#faa0a0;border-width:2px}.disabled,:disabled{opacity:.4}.disabled,.disabled-no-opacity,.dropdown-select-noselect,:disabled{pointer-events:none}#confirm-btn.disabled,#confirm-btn:disabled{opacity:1;pointer-events:none}.btn{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(250 250 250/var(--tw-bg-opacity));border-color:rgb(212 212 212/var(--tw-border-opacity));border-radius:.75rem;border-width:1px;color:rgb(0 0 0/var(--tw-text-opacity));cursor:pointer;display:flex;font-size:.875rem;font-weight:400;height:2.75rem;justify-content:center;line-height:1.5rem;overflow:hidden;padding-left:.875rem;padding-right:.875rem;text-overflow:ellipsis;transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);white-space:nowrap}.btn:hover{--tw-bg-opacity:1;background-color:rgb(245 245 245/var(--tw-bg-opacity))}.btn-v2{display:flex;height:44px;width:118px}.btn-leave-room{padding-left:0;padding-right:0;width:2.75rem}.btn-lg{font-size:1rem;line-height:1.5rem}.btn-lg,.btn-xl{height:3.5rem;padding-left:1.25rem;padding-right:1.25rem}@media (min-width:768px){.btn-xl{height:60px;padding-left:2rem;padding-right:2rem}}@media (min-width:1024px){.btn-xl{height:76px;padding-left:2.5rem;padding-right:2.5rem}}.btn-sm,.nav-rc .btn,.nav-teacher .btn{height:2.25rem;padding-left:.8125rem;padding-right:.8125rem}.nav-teacher .btn-submit-answer{font-size:15px;height:3.125rem}.nav-teacher .btn-back,.nav-teacher .btn-close-key-answer,.nav-teacher .btn-show-key-answer{font-weight:600;gap:.5rem}.nav-teacher .btn-back:focus,.nav-teacher .btn-close-key-answer:focus,.nav-teacher .btn-show-key-answer:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);outline:2px solid #0000;outline-offset:2px}.nav-teacher .btn-back,.nav-teacher .btn-close-key-answer,.nav-teacher .btn-show-key-answer{width:118px}.btn-xs{font-size:.75rem;height:1.75rem;line-height:1rem;padding-left:.625rem;padding-right:.625rem}.btn-circle{border-radius:9999px;min-width:2.75rem}.btn-circle,.btn-square{padding:0;width:2.75rem}.btn-min-w{min-width:10rem}.btn-circle.btn-lg{min-width:3.5rem;width:3.5rem}.btn-circle.btn-xs{min-width:1.75rem;width:1.75rem}.nav-rc .btn.btn-circle{padding:0;width:2.25rem}.btn-blank{background-color:initial;border-color:#0000}.btn-blank:hover{--tw-border-opacity:1;background-color:initial;border-color:rgb(245 245 245/var(--tw-border-opacity))}.btn-catalog-login{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);flex-direction:column}@media not all and (min-width:768px){.btn-catalog-login{padding-left:.375rem;padding-right:.375rem}}.btn-profile{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);justify-content:flex-end;max-width:180px;padding-left:.5rem;padding-right:.5rem}@media (min-width:768px){.btn-profile{gap:.625rem}}.btn-profile-new{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);gap:.25rem;justify-content:flex-end;max-width:120px;padding-left:.5rem;padding-right:.5rem}@media (min-width:640px){.btn-profile-new{max-width:180px}}@media (min-width:768px){.btn-profile-new{gap:.625rem}}.btn-semi-blank{border-color:#0000}.btn-semi-blank,.btn-semi-blank:hover{background-color:initial}.btn-semi-blank{border-color:#0000001a}.btn-default{--tw-bg-opacity:1;--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);background-color:rgb(143 145 162/var(--tw-bg-opacity));border-color:#0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);font-weight:500}.btn-default:hover{--tw-bg-opacity:1;background-color:rgb(179 175 175/var(--tw-bg-opacity))}.btn-default{color:#fbfbfb;font-size:14px}.btn-primary{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);border-style:none;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:rgb(251 251 251/var(--tw-text-opacity));font-weight:600}.btn-primary,.btn-primary:hover{background-color:rgb(235 95 13/var(--tw-bg-opacity))}.btn-primary:hover{--tw-bg-opacity:1}.btn-primary:focus{--tw-ring-color:#ffd13380;outline-color:#ffd13380}.btn-primary-2{--tw-border-opacity:1;--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);background-color:initial;border-color:rgb(235 95 13/var(--tw-border-opacity));box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:#eb5f0d;font-weight:600}.btn-primary-2:hover{background-color:#eb5f0d;border-color:#0000;color:#fbfbfb}.btn-rec{height:36px!important}.btn-preview{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(234 88 12/var(--tw-bg-opacity));border-color:#0000;color:rgb(255 255 255/var(--tw-text-opacity));font-weight:600}.btn-preview:hover{--tw-bg-opacity:1;background-color:rgb(194 65 12/var(--tw-bg-opacity))}.teacher-preview-question{display:inline-flex}.teacher-preview-question .counter{color:#2e2f38;font-family:Sarabun,sans-serif;font-size:18px;font-style:normal;font-weight:600;line-height:27px;padding-right:12px;white-space:nowrap}.teacher-preview-question .preview-question{color:#2e2f38;font-family:Sarabun,sans-serif;font-size:18px;font-style:normal;font-weight:400}.n-500{color:#2e2f38}.btn-secondary{--tw-border-opacity:1;--tw-text-opacity:1;--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:rgb(235 95 13/var(--tw-text-opacity));font-weight:600}.btn-secondary,.btn-secondary:hover{border-color:rgb(232 95 13/var(--tw-border-opacity))}.btn-secondary:hover{--tw-border-opacity:1}.btn-secondary:focus{--tw-ring-color:#d6e2ff80;outline-color:#d6e2ff80}.btn-bottom-primary{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(235 95 13/var(--tw-bg-opacity));border-style:none;color:rgb(251 251 251/var(--tw-text-opacity));font-weight:600;gap:.5rem}.btn-bottom-primary:hover{--tw-bg-opacity:1;background-color:rgb(234 88 12/var(--tw-bg-opacity))}.btn-bottom-primary:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);outline:2px solid #0000;outline-offset:2px}.btn-bottom-primary{height:36px;padding-left:11.5px;padding-right:11.5px;width:118px}.btn-discuss{left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%)}.btn-back{--tw-text-opacity:1;background-color:initial}.btn-back,.btn-exit-preview{--tw-border-opacity:1;border-color:rgb(46 47 56/var(--tw-border-opacity));color:rgb(46 47 56/var(--tw-text-opacity))}.btn-exit-preview{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(251 251 251/var(--tw-bg-opacity));font-weight:500;left:1rem;position:sticky;top:.5rem;z-index:50}@media (min-width:768px){.btn-exit-preview{left:1.25rem;top:.75rem}}@media (min-width:1024px){.btn-exit-preview{left:1.5rem;top:1rem}}.btn-back-orange{background-color:initial;height:36px}.btn-back-orange,.btn-orange-100{--tw-border-opacity:1;--tw-text-opacity:1;border-color:rgb(235 95 13/var(--tw-border-opacity));color:rgb(235 95 13/var(--tw-text-opacity))}.btn-orange-100:hover{--tw-bg-opacity:1;background-color:rgb(253 239 231/var(--tw-bg-opacity))}.btn-orange-100{height:36px}.btn-show-key-answer{--tw-border-opacity:1;--tw-text-opacity:1;background-color:initial;border-color:rgb(235 95 13/var(--tw-border-opacity));color:rgb(235 95 13/var(--tw-text-opacity))}.btn-show-key-answer:hover{background-color:initial}.btn-close-key-answer{--tw-border-opacity:1;--tw-text-opacity:1;background-color:initial;border-color:rgb(235 95 13/var(--tw-border-opacity));color:rgb(235 95 13/var(--tw-text-opacity))}.btn-close-key-answer:hover{background-color:initial}.btn-middle{left:50%;position:fixed;transform:translateX(-50%)}.btn-cancel{--tw-border-opacity:1;--tw-text-opacity:1;border-color:rgb(46 47 56/var(--tw-border-opacity));color:rgb(46 47 56/var(--tw-text-opacity));font-weight:600}.btn-cancel,.btn-cancel:hover{background-color:initial}.btn img{height:38.125%;width:auto}.btn-xs img{height:69.231%}.btn img.catalog-login-img{--tw-translate-y:0.375rem;height:80%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));width:auto}@media (min-width:768px){.btn img.catalog-login-img{height:60%}}.btn-circle.btn-xs img{height:53.875%}.btn-icon-thin{height:1.75rem;min-width:1.5rem;width:1.5rem}.btn-icon svg{height:1.5em}.btn-icon-toggle .svg-icon-active{display:none}.btn-icon-toggle.btn-active .svg-icon-active{display:flex}.btn-icon-toggle.btn-active .svg-icon-no-active{display:none}.btn-student-profile{align-items:center;display:flex;gap:.625rem;height:2.75rem;justify-content:center;line-height:1.5rem;margin-right:.75rem}.btn-open-rc{--tw-border-opacity:1;--tw-text-opacity:1;border-color:rgb(46 47 56/var(--tw-border-opacity));color:rgb(46 47 56/var(--tw-text-opacity));font-size:14px;font-weight:500}.btn-open-rc,.btn-open-rc:hover{background-color:initial}.btn-audio{bottom:4.5rem;right:3.75rem;z-index:10}.btn-audio img{height:100%}.btn-leaderboard{--tw-border-opacity:1;--tw-text-opacity:1;border-color:rgb(46 47 56/var(--tw-border-opacity));color:rgb(46 47 56/var(--tw-text-opacity))}.btn-leaderboard,.btn-leaderboard:hover{background-color:initial}.btn-outline-excel,.btn-outline-pdf{background-color:initial;border-width:1px}.btn-outline-excel img,.btn-outline-pdf img{--tw-text-opacity:1;color:rgb(46 47 56/var(--tw-text-opacity));height:1rem;margin-right:10px}.btn-outline-pdf{border-color:#f37683;border-width:1px;width:144px}.btn-outline-excel,.btn-outline-pdf{--tw-text-opacity:1;background-color:initial;color:rgb(0 0 0/var(--tw-text-opacity))}.btn-outline-excel{border-color:#42cd9b;border-width:1px;width:153px}.btn-cancel-start-game{--tw-border-opacity:1;--tw-text-opacity:1;background-color:initial;border-color:rgb(46 47 56/var(--tw-border-opacity));color:rgb(46 47 56/var(--tw-text-opacity));font-size:18px;font-weight:600}.btn-confirm-start-game{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(235 95 13/var(--tw-bg-opacity));color:rgb(251 251 251/var(--tw-text-opacity));font-size:18px;font-weight:600}.btn-confirm-start-game:hover{--tw-bg-opacity:1;background-color:rgb(235 95 13/var(--tw-bg-opacity))}.btn-confirm-start-game:disabled{--tw-bg-opacity:1;background-color:rgb(246 181 144/var(--tw-bg-opacity))}.text-description-for-pop-up{--tw-text-opacity:1;align-items:center;color:rgb(46 47 56/var(--tw-text-opacity));display:flex;flex-direction:column;font-size:18px;font-weight:400;gap:.625rem}.text-for-link-button{font-size:18px}.placeholder-font{--tw-text-opacity:1;color:rgb(92 94 113/var(--tw-text-opacity));font-size:16px;font-weight:400}.checkbox-label{--tw-text-opacity:1;color:rgb(143 145 162/var(--tw-text-opacity))}.custom-checkbox{accent-color:#5c5e71}.custom-checkbox:checked{--tw-bg-opacity:1;background-color:rgb(235 95 13/var(--tw-bg-opacity))}.gray-text-color{color:#5c5e71}.regular-black-text{font-weight:400}.preview-header,.regular-black-text{--tw-text-opacity:1;color:rgb(46 47 56/var(--tw-text-opacity))}.preview-header{font-size:28px;font-weight:600}input[type=range].volumeSlider{-webkit-appearance:none;display:block;height:8rem;outline:none;width:.75rem;writing-mode:vertical-lr}@-moz-document url-prefix(){input[type=range].volumeSlider{transform:rotate(180deg)}}@supports (-webkit-appearance:none){input[type=range].volumeSlider{transform:rotate(180deg)}}.btn-volume{background:#0000;border:none;cursor:pointer;margin:.5rem 0 0;padding:0}.btn-volume img{height:16px;width:12px}.choice-box-text{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#version-tag{background-color:#9c2424;border-radius:22px;color:#fff;font-size:15px;padding:8px;position:absolute;right:4px;top:-5px}.audio-control-container{align-items:center;display:flex}.volumeControl{align-items:center;background:#fff;border:1px solid var(--Orange-Orange-500,#eb5f0d);border-radius:.75rem;box-shadow:0 1px 4px 0 #2e2f381a;display:none;position:absolute;right:27rem;text-align:center;top:4rem;z-index:10}.volumeControl.active{display:flex}.sliderPartition{--tw-bg-opacity:1;align-self:stretch;background-color:rgb(229 229 229/var(--tw-bg-opacity));width:1px}.sliderContainer{align-items:center;display:flex;flex-direction:column;padding:1rem .25rem .5rem;position:relative;width:4rem}.sliderContainer:focus,.sliderContainer:hover{outline:none}.sliderContainer .title{align-items:center;display:flex;font-size:.75rem;height:3rem;line-height:1rem}.volumeSlider{-webkit-appearance:none;appearance:none;-moz-appearance:none;background:#0000;background:#252525;border:1px solid #0000;border-radius:5px;height:8rem;margin:0;opacity:.7;outline:none;padding:0;position:relative;transition:opacity .2s;width:.5rem}.volumeSlider:hover{opacity:1}.volumeSlider:focus{outline:none}.volumeSlider::-webkit-slider-thumb{align-items:center;-webkit-appearance:none;background:#eb5f0d;border-radius:50%;cursor:pointer;flex-shrink:0;height:20px;outline:none;width:20px}.volumeSlider::-moz-range-thumb{align-items:center;background:#eb5f0d;border-radius:50%;cursor:pointer;flex-shrink:0;height:20px;outline:none;width:20px}.volumeSlider::-webkit-slider-runnable-track{-webkit-appearance:none;background:#f6b590;border-radius:5px;cursor:pointer;height:100%;width:100%}.volumeSlider::-moz-range-track{background:#f6b590;border-radius:5px;height:100%;outline:none}.embed{padding-top:56.25%;position:relative}.iframe-content{border:0;bottom:0;height:100%;left:0;padding-bottom:60px;position:absolute;right:0;top:0;width:100%}.iframe-3d-content{border:0;flex-grow:1;margin:0;padding:0}header{--tw-bg-opacity:1;--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);background-color:rgb(255 255 255/var(--tw-bg-opacity));box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);padding-bottom:.5rem;padding-top:.5rem;position:relative;z-index:100}header .logo{top:50%}header .logo img{display:block;height:auto;width:148px}@media (min-width:768px){header .logo img{width:12rem}}@media (min-width:1024px){header .logo img{width:auto}}header .catalog-logo{left:25px;transform:translateX(0) translateY(0)}header ul{display:flex;gap:.75rem;padding:0}header ul.header-options{gap:0}header ul a{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity));text-decoration-color:red}.logout img{height:1.3rem;width:.9rem}.content-button{border-radius:9999px;position:fixed;top:50%;transform:translateY(-50%)}.content-button-left{left:1rem}@media (min-width:768px){.content-button-left{left:1.25rem}}@media (min-width:1024px){.content-button-left{left:1.5rem}}.content-button-right{right:1rem}@media (min-width:768px){.content-button-right{right:1.25rem}}@media (min-width:1024px){.content-button-right{right:1.5rem}}.content-arrow{height:3rem;width:3rem}@media (min-width:768px){.content-arrow{height:4rem;width:4rem}}@media (min-width:1024px){.content-arrow{height:6rem;width:6rem}}.arrow-button{width:60px}.c-education{align-items:center;display:flex;height:542px;justify-content:space-between}@media not all and (min-width:1024px){.c-education{height:527px}}@media (min-width:1024px){.c-education{padding:0}}@media (min-width:1280px){.c-education{padding:1.5rem 116px}}.card-education{--tw-bg-opacity:1;align-items:flex-start;align-self:stretch;background-color:rgb(251 251 251/var(--tw-bg-opacity));border-radius:.75rem;display:flex;flex-direction:column;gap:.75rem;padding:.75rem}@media (min-width:640px){.card-education{width:648px}}@media (min-width:1024px){.card-education{width:790px}}.card-education{border:1px solid var(--Nuetral-N-50,#fbfbfb);box-shadow:0 1px 4px 0 #2e2f381a}.content-tracker-education{--tw-text-opacity:1;color:rgb(46 47 56/var(--tw-text-opacity));font-family:Sarabun;font-size:18px;font-weight:600;line-height:150%}.education-screen{align-items:flex-start;border-radius:.75rem;display:flex;gap:10px;height:420px;padding:10px}@media (min-width:640px){.education-screen{width:620px}}@media (min-width:1024px){.education-screen{width:766px}}.education-screen{background:url(<path-to-image>) #d3d3d3 0 -.138px/100% 106.442% no-repeat,#fff}.education-screen-content{height:420px;overflow-y:scroll;width:766px}.education-content-controller{--tw-translate-x:-50%;--tw-translate-y:-50%;left:50%;position:absolute;top:50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.alert{background-color:rgb(229 229 229/var(--tw-bg-opacity));border-color:rgb(212 212 212/var(--tw-border-opacity));border-left-width:4px;border-radius:.375rem;color:rgb(0 0 0/var(--tw-text-opacity));font-size:.875rem;line-height:1.25rem;margin-bottom:1rem;padding:.75rem 1rem}.alert,.alert-error{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1}.alert-error{background-color:rgb(254 205 211/var(--tw-bg-opacity));border-color:rgb(251 113 133/var(--tw-border-opacity));color:rgb(136 19 55/var(--tw-text-opacity))}.answers{display:flex;flex-direction:column;gap:.5rem}@media (min-width:1024px){.answers-lg{flex-direction:row;gap:1.5rem}}.answer{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);background-color:rgb(250 250 250/var(--tw-bg-opacity));border-color:rgb(163 163 163/var(--tw-border-opacity));border-radius:.375rem;border-width:1px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:rgb(46 47 56/var(--tw-text-opacity));padding:1rem;position:relative;width:100%}@media (min-width:768px){.answer{border-radius:.75rem;padding:1rem}}@media (min-width:1024px){.answer{border-radius:1.5rem;padding:1rem}}.answer-mini{--tw-text-opacity:1;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:rgb(0 0 0/var(--tw-text-opacity));min-width:3rem;padding:.375rem .75rem;text-align:center;width:auto}.answer-mini-img{font-size:.875rem;line-height:1.25rem;overflow:hidden;padding:.25rem 0 0}.answer-mini .title{font-size:1rem}.answer-correct{background-color:rgb(237 252 245/var(--tw-bg-opacity));border-color:rgb(66 205 155/var(--tw-border-opacity))}.answer-correct,.answer-incorrect{--tw-border-opacity:1;--tw-bg-opacity:1}.answer-incorrect{background-color:rgb(255 239 243/var(--tw-bg-opacity));border-color:rgb(243 118 131/var(--tw-border-opacity))}.answers-white .answer{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(255 255 255/var(--tw-border-opacity))}.answer-highlight{border-color:#0000}.answer-highlight.active,.answer-highlight:hover{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.answer-correct.answer-highlight.active,.answer-correct.answer-highlight:hover{--tw-border-opacity:1;border-color:rgb(52 211 153/var(--tw-border-opacity))}.hidden-inputs{display:none}.answer-mid.answer-highlight.active,.answer-mid.answer-highlight:hover{--tw-border-opacity:1;border-color:rgb(96 165 250/var(--tw-border-opacity))}.answer-incorrect.answer-highlight.active,.answer-incorrect.answer-highlight:hover{--tw-border-opacity:1;border-color:rgb(251 113 133/var(--tw-border-opacity))}.answer-stars{display:flex;left:-1.25rem;position:absolute;top:-1.25rem}.answer-stars>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(-1.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(-1.25rem*var(--tw-space-x-reverse))}.answer-stars img{height:2.5rem;width:2.5rem}.choice-answers,.realtime-response{--tw-bg-opacity:1;background-color:rgb(244 244 246/var(--tw-bg-opacity))}.choice-answers .answer{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:#0000}.choice-answers .answer .game-image{border-radius:.75rem;height:4rem;width:auto}.choice-answers .answer .choice-box-dnd-img .game-image{height:2rem;width:auto}.card{--tw-bg-opacity:1;--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);background-color:rgb(255 255 255/var(--tw-bg-opacity));border-radius:.375rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@media (min-width:768px){.card{border-radius:.75rem}}@media (min-width:1024px){.card{border-radius:1.5rem}}.card-phantom{--tw-bg-opacity:1;background-color:rgb(227 228 232/var(--tw-bg-opacity));border-radius:.375rem;padding:.75rem}@media (min-width:768px){.card-phantom{border-radius:.75rem;padding:1rem}}@media (min-width:1024px){.card-phantom{border-radius:1.5rem;padding:1.25rem}}.card-sharp{border-radius:0}.card-cookie{--tw-bg-opacity:0.25;background-color:rgb(251 251 251/var(--tw-bg-opacity))}.card-body{padding:1rem}@media (min-width:768px){.card-body{padding:1.25rem}}.card-body-lg{padding:1rem}@media (min-width:768px){.card-body-lg{padding:2rem}}@media (min-width:1024px){.card-body-lg{padding:3rem}}.card-body-x-lg{padding:1rem}@media (min-width:768px){.card-body-x-lg{padding-left:2rem;padding-right:2rem}}@media (min-width:1024px){.card-body-x-lg{padding-left:3rem;padding-right:3rem}}.card-body-pb-0{padding-bottom:0}.card-body-preview{padding:.75rem}.card-image{border-top-left-radius:.375rem;border-top-right-radius:.375rem;overflow:hidden;padding-top:62.5%;position:relative;width:100%}@media (min-width:768px){.card-image{border-top-left-radius:.75rem;border-top-right-radius:.75rem}}@media (min-width:1024px){.card-image{border-top-left-radius:1.5rem;border-top-right-radius:1.5rem}}.nav-btn{height:4rem!important}.nav-card{padding:.75rem;.line{border-left:.5px solid var(--Nuetral-N-500,#2e2f38);display:inline-flex}}.nav-room{background:var(--Nuetral-N-50,#fbfbfb);border:1px solid var(--Nuetral-N-200,#e3e4e8);border-radius:12px;box-shadow:inset 0 1px 4px 0 #2e2f381a}.card-image-preview{border-radius:12px}.preview-content .detail-title{color:#2e2f38;font-family:Sarabun,sans-serif;font-size:18px;font-style:normal;font-weight:600}.preview-content .content{color:#000;font-family:Sarabun,sans-serif;font-size:14px;font-style:normal;font-weight:400}.intro-image{border-radius:.375rem;overflow:hidden;padding-top:62.5%;position:relative;width:100%}@media (min-width:768px){.intro-image{border-radius:.75rem}}@media (min-width:1024px){.intro-image{border-radius:1.5rem}}.card-image img,.img-inset,.intro-image img{display:block;height:100%;inset:0;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%}.list-gcs .card{display:flex;flex-direction:column;height:100%}.list-rc .card-body{flex-grow:1}.list-gcs .card-image{border-radius:.375rem;padding-top:56.25%}@media (min-width:768px){.list-gcs .card-image{border-radius:.75rem}}@media (min-width:1024px){.list-gcs .card-image{border-radius:1.5rem}}.list-gcs .card-image:after{--tw-content:"";border-radius:.375rem;content:var(--tw-content);inset:0;position:absolute}@media (min-width:768px){.list-gcs .card-image:after{border-radius:.75rem}}@media (min-width:1024px){.list-gcs .card-image:after{border-radius:1.5rem}}.list-gcs .card-image:after{box-shadow:inset 0 .125rem .3125rem 0 #0003}.list-gcs .trial-game{--tw-rotate:45deg;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(207 54 76/var(--tw-bg-opacity));box-shadow:0 .125rem .5rem #0006;color:rgb(251 251 251/var(--tw-text-opacity));font-size:.875rem;font-weight:500;height:1.75rem;line-height:1.25rem;padding:.25rem 2rem;position:absolute;right:-3.5rem;text-align:center;text-shadow:0 .25em .25em #0003;top:1.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));width:12rem}.list-rc .card{display:flex;flex-direction:column;height:100%;outline-color:#0000;outline-style:solid;outline-width:4px;text-align:left;transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.list-rc .card:hover{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.list-rc .card:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-color:#fda4af80;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);outline-color:#fda4af80;outline-style:solid}.list-rc .card.active{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);outline-color:#ea580c}.c{margin-left:auto;margin-right:auto;max-width:32rem;padding-left:1rem;padding-right:1rem;width:100%}@media (min-width:768px){.c{max-width:42rem;padding-left:1.25rem;padding-right:1.25rem}}@media (min-width:1024px){.c{max-width:56rem;padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1280px){.c{max-width:64rem}}.cr{max-width:32rem;padding-left:1rem;padding-right:1rem;width:100%}@media (min-width:768px){.cr{max-width:42rem;padding-left:.75rem;padding-right:.75rem}}@media (min-width:1024px){.cr{max-width:56rem;padding-left:1rem;padding-right:1rem}}@media (min-width:1280px){.cr{max-width:64rem}}.c-dropdown{max-width:20.625rem}.c-xs{max-width:28rem}.c-sm{max-width:32rem}.c-md{max-width:36rem}.c-base{max-width:42rem}@media (min-width:1536px){.c-lg{max-width:80rem}}.c-fluid{max-width:none}.rc{margin-left:auto;margin-right:auto;max-width:32rem;padding-left:1rem;padding-right:1rem;width:100%}@media (min-width:768px){.rc{max-width:42rem;padding-left:1.25rem;padding-right:1.25rem}}@media (min-width:1024px){.rc{max-width:56rem;padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1280px){.rc{max-width:64rem}}.rc h1{font-size:40px;font-weight:700}.form-control{margin-bottom:1rem;padding-top:.625rem;position:relative}.form-control label{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));left:.75rem;padding-left:.375rem;padding-right:.375rem;position:absolute;top:0}.card-phantom .form-control{padding:0}.card-phantom .form-control label{background-color:initial;font-size:.75rem;left:.75rem;line-height:1rem;padding:0;top:.375rem;transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.form-control-checkbox{margin-bottom:.125rem}.form-control-checkbox label{padding-left:1.75em;position:relative}.form-control-checkbox input[type=checkbox]{height:1.125em;left:.125em;position:absolute;top:.1875em;width:1.125em}.form-control-error label{--tw-text-opacity:1;color:rgb(244 63 94/var(--tw-text-opacity))}.form-control-error input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]){--tw-border-opacity:1;border-color:rgb(243 118 131/var(--tw-border-opacity))}.form-control-error .error{--tw-text-opacity:1;color:rgb(243 118 131/var(--tw-text-opacity));font-size:.875rem;font-weight:400;line-height:1.25rem;margin-top:.25rem;padding-left:1.125rem;padding-right:1.125rem}.nav-rc{--tw-bg-opacity:0.8;background-color:rgb(250 250 250/var(--tw-bg-opacity));bottom:0;margin-top:.5rem;padding-bottom:.5rem;padding-top:.5rem;position:sticky;width:100%;z-index:20}@media (min-width:768px){.nav-rc{margin-top:.75rem;padding-bottom:.75rem;padding-top:.75rem}}@media (min-width:1024px){.nav-rc{margin-top:1rem;padding-bottom:1rem;padding-top:1rem}}.nav-rc-full-screen{--tw-bg-opacity:0.8;background-color:rgb(250 250 250/var(--tw-bg-opacity));bottom:0;padding:.5rem 1rem;width:100%}@media (min-width:768px){.nav-rc-full-screen{padding:.75rem 1.25rem}}@media (min-width:1024px){.nav-rc-full-screen{padding:1rem 1.5rem}}.nav-rc-top{bottom:auto;top:0}.nav-teacher{--tw-bg-opacity:0.9;--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);background-color:rgb(255 255 255/var(--tw-bg-opacity));bottom:0;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);padding-bottom:.5rem;padding-top:.5rem;position:fixed;width:100%;z-index:20}@media (min-width:768px){.nav-teacher{padding-bottom:.75rem;padding-top:.75rem}}@media (min-width:1024px){.nav-teacher .c{padding-left:1.25rem;padding-right:1.25rem}}.username{--tw-text-opacity:1;color:rgb(46 47 56/var(--tw-text-opacity));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.username.username-student{display:none;padding-left:.875rem;padding-right:.875rem}@media (min-width:768px){.username.username-student{display:block}}.badge{align-items:center;display:flex;justify-content:center;padding:.5rem .75rem}.circle-badge{background-color:rgb(235 95 13/var(--tw-bg-opacity))!important;border-radius:9999px!important;color:rgb(251 251 251/var(--tw-text-opacity))!important;display:flex;height:2em!important;width:2em!important}.circle-badge,.title-badge{--tw-bg-opacity:1!important;--tw-text-opacity:1!important;align-items:center;justify-content:center;padding:.5rem .75rem}.title-badge{display:inline-block!important;font-size:14px;font-weight:600;line-height:21px;margin-bottom:12px}.question-type-badge,.title-badge{background-color:rgb(244 244 246/var(--tw-bg-opacity))!important;border-radius:12px;color:rgb(92 94 113/var(--tw-text-opacity))!important;display:flex}.question-type-badge{--tw-bg-opacity:1!important;--tw-text-opacity:1!important;align-items:center;justify-content:center;padding:.5rem .75rem;text-align:center!important}.qr-badge{--tw-bg-opacity:1;align-items:center;align-self:stretch;background-color:rgb(244 244 246/var(--tw-bg-opacity));border-radius:.75rem;display:flex;gap:.5rem;justify-content:center;padding:1.5rem}.chip{--tw-border-opacity:1;--tw-bg-opacity:1;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(229 229 229/var(--tw-border-opacity));border-radius:.5rem;border-width:1px;display:flex;gap:.3125em;padding-left:.5rem;padding-right:.5rem}.dropdown-menu{margin-bottom:.75rem;position:relative}.dropdown-menu-select{width:100%}.dropdown-menu-select.active{z-index:30}.btn.dropdown-select{--tw-bg-opacity:1;background-color:rgb(251 251 251/var(--tw-bg-opacity));justify-content:flex-start;text-align:left}.btn.dropdown-select,.btn.dropdown-select:not(.dropdown-select-noselect){background-repeat:no-repeat;background-size:1.25rem}.btn.dropdown-select:not(.dropdown-select-noarrow){background-image:url(/images/chevron-down.svg);background-position:right .75rem center}.btn.dropdown-select.dropdown-select-correct{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(237 252 245/var(--tw-bg-opacity));border-color:rgb(65 205 155/var(--tw-border-opacity))}.btn.dropdown-select.dropdown-select-incorrect{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(255 239 243/var(--tw-bg-opacity));border-color:rgb(243 118 131/var(--tw-border-opacity))}.dropdown{--tw-border-opacity:0.1;--tw-bg-opacity:1;--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(0 0 0/var(--tw-border-opacity));border-radius:1rem;border-width:1px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);margin-top:.75rem;max-width:100%;opacity:0;overflow:hidden;padding:.25rem;position:absolute;right:0;top:75%;transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);visibility:hidden;z-index:30}@media (min-width:768px){.dropdown{margin-top:1.25rem;max-width:28rem}}@media (min-width:1024px){.dropdown{margin-top:1.5rem}}.dropdown-menu-select.active:not(.dropdown-menu-select-ingame) .dropdown-select{border-bottom-left-radius:0;border-bottom-right-radius:0}.dropdown-select-label{color:#2e2f38;font-weight:500;line-height:1;position:absolute;top:1.125rem;transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.dropdown-select-label.selected{font-size:.75rem;line-height:1rem;opacity:.6;top:.375rem}.dropdown-select-value{line-height:1;overflow:hidden;padding-right:3.25rem;position:absolute;text-overflow:ellipsis;top:1.5rem;width:100%}.dropdown-menu-select .dropdown{border-color:#0000;border-top-left-radius:0;border-top-right-radius:0;margin-top:.25rem;max-height:18rem;max-width:none;overflow:hidden;overflow-y:auto;padding:.25rem 0 .75rem;width:100%}.dropdown-menu-select-ingame .dropdown{border-radius:1rem;margin-top:.625rem}.dropdown-menu-select-ingame-student .btn.dropdown-select.btn-active{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(255 242 179/var(--tw-bg-opacity));border-color:rgb(227 228 232/var(--tw-border-opacity))}@media (max-width:767px){.dropdown-menu-select-ingame-student .dropdown{border-bottom-left-radius:0;border-bottom-right-radius:0;bottom:-2rem;left:0;margin-top:0;padding-left:.25rem;padding-right:.25rem;padding-top:1rem;position:fixed;right:0;top:auto}.dropdown-menu-select-ingame-student .dropdown.active{bottom:0;top:auto}}.dropdown .dropdown-item{align-items:center;display:flex;gap:.5rem;justify-content:space-between;padding-left:1rem;padding-right:1rem}.dropdown-menu-select-ingame-student .dropdown-item{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity));padding-bottom:.25rem;padding-top:.25rem;text-align:left}.dropdown .dropdown-item-correct{--tw-text-opacity:1;color:rgb(4 129 83/var(--tw-text-opacity))}.dropdown .dropdown-item-incorrect{--tw-text-opacity:1;color:rgb(211 52 52/var(--tw-text-opacity))}.dropdown-left-free{left:1rem;right:auto}@media (min-width:768px){.dropdown-left-free{left:1.25rem}}@media (min-width:1024px){.dropdown-left-free{left:1.5rem}}.dropdown-center-free{height:421px;left:0;margin-left:auto;margin-right:auto;right:0;width:421px}.dropdown.active{opacity:1;top:100%;visibility:visible;z-index:10}.dropdown:not(.active) *{pointer-events:none}.dropdown.dropdown-name{--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity));border-width:.5px;max-width:10rem}.btn.dropdown-option{background-color:initial;border-color:#0000;border-radius:0;height:auto;justify-content:flex-start;min-height:2.75rem;padding-bottom:.25rem;padding-top:.25rem;text-align:left;white-space:normal}.btn.dropdown-option:hover{--tw-bg-opacity:1;background-color:rgb(254 238 231/var(--tw-bg-opacity))}.btn.btn-sm.dropdown-option{min-height:2.25rem}.btn.dropdown-option.selected{--tw-bg-opacity:1;background-color:rgb(255 221 102/var(--tw-bg-opacity))}.btn.dropdown-option.selected:hover{--tw-bg-opacity:1;background-color:rgb(254 197 0/var(--tw-bg-opacity))}.btn.dropdown-blank{--tw-bg-opacity:1;background-color:rgb(244 244 246/var(--tw-bg-opacity));border-style:none;pointer-events:none}.progress{background-color:rgb(245 245 245/var(--tw-bg-opacity));box-shadow:inset 0 .1rem .2rem 0 #0000001a}.progress,.progress .bar{--tw-bg-opacity:1;border-radius:9999px}.progress .bar{--tw-gradient-from:#d4d4d4 var(--tw-gradient-from-position);--tw-gradient-to:#d4d4d400 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#a3a3a3 var(--tw-gradient-to-position);background-color:rgb(212 212 212/var(--tw-bg-opacity));background-image:linear-gradient(to bottom,var(--tw-gradient-stops));height:1.5rem;transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.progress-correct .bar{--tw-bg-opacity:1;--tw-gradient-from:#92e0ac var(--tw-gradient-from-position);--tw-gradient-to:#92e0ac00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#6cd590 var(--tw-gradient-to-position);background-color:rgb(52 211 153/var(--tw-bg-opacity))}.progress-incorrect .bar{--tw-bg-opacity:1;--tw-gradient-from:#ea6582 var(--tw-gradient-from-position);--tw-gradient-to:#ea658200 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#e32d55 var(--tw-gradient-to-position);background-color:rgb(251 113 133/var(--tw-bg-opacity))}.progress-mid .bar{--tw-bg-opacity:1;--tw-gradient-from:#8ec2ff var(--tw-gradient-from-position);--tw-gradient-to:#8ec2ff00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#66acff var(--tw-gradient-to-position);background-color:rgb(96 165 250/var(--tw-bg-opacity))}.search-bar form{align-items:center;display:flex;gap:.625rem}.debug-menu{background-color:#000;border-radius:20px;bottom:100px;box-sizing:border-box;display:flex;left:20px;padding:10px;position:fixed;top:100px;z-index:5}.debug-menu form{display:flex;flex-direction:column;gap:10px}.debug-menu select{background-color:#333;border:none;border-radius:10px;color:#fff;max-width:200px;padding:5px;text-align:center}.debug-label{color:#aaa;display:block;font-size:.8rem;margin-bottom:2px;margin-left:10px}.debug-menu button{background-color:#ca0000;border:none;border-radius:10px;color:#fff;cursor:pointer;padding:5px 10px}.debug-control{max-width:200px;padding-top:.625rem;position:relative}.debug-control label{--tw-text-opacity:1;background-color:#333;border-color:#000;border-radius:10px;color:rgb(255 255 255/var(--tw-text-opacity));left:.75rem;max-width:100%;overflow:hidden;padding-left:.375rem;padding-right:.375rem;position:absolute;text-overflow:ellipsis;top:0;white-space:nowrap}.debug-control-error label{--tw-text-opacity:1;color:rgb(244 63 94/var(--tw-text-opacity))}.debug-control-error input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]){--tw-border-opacity:1;border-color:rgb(190 18 60/var(--tw-border-opacity))}.debug-control-error .error{--tw-text-opacity:1;color:rgb(225 29 72/var(--tw-text-opacity));font-size:.875rem;line-height:1.25rem;margin-top:.25rem;padding-left:1.125rem;padding-right:1.125rem}.options{display:flex;flex-direction:column;gap:.5rem}.option-container-multi{align-items:center;display:flex;gap:.375rem}.option{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(255 255 255/var(--tw-border-opacity));border-radius:.5rem;border-width:1px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);display:flex;gap:.75rem;overflow:hidden;text-align:left;width:100%}.options-bool .option,.options-multi .option{padding:.75rem}.option-text{font-size:18px;font-weight:400}.option-text,.options-bool .option{--tw-text-opacity:1;color:rgb(46 47 56/var(--tw-text-opacity))}.options-bool .option{justify-content:space-between}.option-selected{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(255 251 232/var(--tw-bg-opacity));border-color:rgb(227 228 232/var(--tw-border-opacity))}.options-multi .option-selected{border-color:#0000}.option-selected.option-correct{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(237 252 245/var(--tw-bg-opacity));border-color:rgb(65 205 155/var(--tw-border-opacity))}.option-bool.option-incorrect,.option-selected.option-incorrect{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(255 239 243/var(--tw-bg-opacity));border-color:rgb(243 118 131/var(--tw-border-opacity))}.answer .checkbox,.option .checkbox{--tw-border-opacity:1;align-self:flex-start;border-color:rgb(143 145 163/var(--tw-border-opacity));border-radius:.25rem;border-width:1px;height:1.25rem;margin-top:.25rem!important;min-width:1.25rem;width:1.25rem}.answer-selected .checkbox,.option-selected .checkbox{background-image:url(/images/check.svg);background-position:50%;background-repeat:no-repeat;background-size:1rem}.answer-correct.answer-revealed .checkbox,.option-correct.option-revealed .checkbox{--tw-bg-opacity:1;background-color:rgb(65 205 155/var(--tw-bg-opacity));border-color:#0000}.option-selected .checkbox{--tw-bg-opacity:1;background-color:rgb(255 214 10/var(--tw-bg-opacity));border-color:#0000}.option .stub-mute{align-self:flex-start;font-weight:600}.option .bools{display:flex;gap:.5rem}.answers-revealed .btn-bool,.btn-bool.btn-active,.options-revealed .btn-bool{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(255 242 179/var(--tw-bg-opacity));border-color:rgb(227 228 232/var(--tw-border-opacity))}.btn-see-all{font-size:18px!important}.answers-revealed .btn-bool,.options-bool-share .btn-bool,.options-revealed .btn-bool{pointer-events:none}.option .title{margin-bottom:0;padding:.75rem}.option-indicator{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity));border-radius:9999px;border-width:1px;margin-left:auto;margin-right:1rem;min-width:2rem;width:2rem}.options-multi .option-indicator{margin-right:.5rem;min-width:1.5rem;width:1.5rem}.stub{--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(235 95 13/var(--tw-bg-opacity));color:rgb(251 251 251/var(--tw-text-opacity));display:flex;font-size:18px;font-weight:600;justify-content:center;min-width:3rem;padding:1rem .5rem;place-self:stretch;width:3rem}.response{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(244 244 246/var(--tw-bg-opacity));border-color:rgb(255 255 255/var(--tw-border-opacity));border-width:1px;overflow:hidden;width:100%}.response-pending{--tw-bg-opacity:1;background-color:rgb(245 245 245/var(--tw-bg-opacity))}.response-offline{--tw-bg-opacity:1;background-color:rgb(229 229 229/var(--tw-bg-opacity))}.response-correct{--tw-bg-opacity:1;background-color:rgb(237 252 245/var(--tw-bg-opacity))}.response-timeline-multi .response,.response-timeline-multi .response-correct{--tw-bg-opacity:1;background-color:rgb(244 244 246/var(--tw-bg-opacity))}.response-inner{align-items:center;display:flex;position:relative;width:100%}.response .stub{display:flex;flex-direction:column;font-size:1.25rem;line-height:1.5rem}.response-correct .stub{--tw-bg-opacity:1;background-color:rgb(66 205 155/var(--tw-bg-opacity))}.response-incorrect .stub{--tw-bg-opacity:1;background-color:rgb(243 118 131/var(--tw-bg-opacity))}.response-pending .stub{--tw-bg-opacity:1;background-color:rgb(143 145 162/var(--tw-bg-opacity))}.response-offline .stub,.response-pending .stub{--tw-bg-opacity:1;background-color:rgb(92 94 113/var(--tw-bg-opacity))}.response-timeline{--tw-bg-opacity:1;--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);background-color:rgb(251 251 251/var(--tw-bg-opacity));border-radius:1rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);padding-top:4.25rem;position:relative}.response-timeline .response{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(251 251 251/var(--tw-bg-opacity));border-color:rgb(227 228 232/var(--tw-border-opacity))}.response-offline,.response-pending{position:relative;z-index:10}.response-offline{border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}.response-timeline-multi .stub{height:8rem;min-width:5rem;width:5rem}.response-timeline-multi .stub>svg{height:1.5rem}.response-timeline-multi .stub .stub-title{font-size:.875rem;font-weight:700;line-height:1.25rem;margin-top:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.response-magic{height:100%;left:0;padding-top:4rem;position:absolute;right:5rem;text-align:center;top:-4.125rem}.response-magic>div{bottom:.25rem;position:absolute;top:.5rem}.response-magic>div,.response-magic>div:first-child{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.response-magic>div:first-child{left:0}.response-magic>div:nth-child(2){left:33.333333%}.response-magic>div:nth-child(3){left:66.666667%}.response-magic>div:nth-child(4){left:100%}.response-magic>div:nth-child(5){transition-duration:.5s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.response-magic>div:after{--tw-bg-opacity:0.1;--tw-content:"";background-color:rgb(0 0 0/var(--tw-bg-opacity));bottom:0;content:var(--tw-content);position:absolute;top:3.625rem;width:2px}.response-magic>div:nth-child(4):after{--tw-bg-opacity:0.2;background-color:rgb(243 118 131/var(--tw-bg-opacity))}.response-magic>div:nth-child(5):after{--tw-bg-opacity:1;background-color:rgb(243 118 131/var(--tw-bg-opacity))}.response-magic>div:nth-child(5)>div{--tw-translate-x:-1px;--tw-bg-opacity:1;background-color:rgb(243 118 131/var(--tw-bg-opacity));border-radius:9999px;height:3px;top:3.375rem;width:3px}.response-answer .response-avatar,.response-magic>div:nth-child(5)>div{position:absolute;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.response-answer .response-avatar{--tw-translate-x:-50%;animation-duration:1s;animation-name:fade-in;animation-timing-function:ease-in;top:.5rem}.response-timeline-multi .response-answer .response-avatar{top:1rem}.response-avatar-info{--tw-bg-opacity:0.75;background-color:rgb(250 250 250/var(--tw-bg-opacity))}.response-timeline-multi .response-correct .response-avatar-info{--tw-bg-opacity:0.75;background-color:rgb(244 244 246/var(--tw-bg-opacity))}.response-pending .response-avatar-info{--tw-bg-opacity:0.75;background-color:rgb(245 245 245/var(--tw-bg-opacity))}.response-offline .response-avatar-info{--tw-bg-opacity:0.75;background-color:rgb(229 229 229/var(--tw-bg-opacity))}.response .avatar-sm{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));height:3rem;min-width:3rem;padding-top:2.875rem;width:3rem}.response-avatar-pending-next .avatar-image{--tw-blur:blur(8px);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)}.avatar-pending-next-language{font-size:1.25rem;font-weight:700;inset:0;line-height:1.75rem;position:absolute}.avatar-pending-next-language,.question-countdown{align-items:center;display:flex;justify-content:center}.question-countdown{height:60px;min-width:60px;position:relative;text-align:center;width:60px}.countdown-bg{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(229 229 229/var(--tw-border-opacity));border-radius:9999px;border-width:6px;inset:0}.countdown-bg,.question-countdown svg{position:absolute}.question-countdown svg{height:100%;left:0;top:0;transform:rotateY(-180deg) rotate(-90deg);width:100%;z-index:10}.countdown-content{display:flex;flex-direction:column;position:relative}.question-countdown svg circle{stroke-dasharray:169.56px;stroke-dashoffset:0px;stroke-linecap:round;stroke-width:6px;stroke:#eb5f0d;fill:none;transition:all .3s ease-in-out}.question-countdown-share{align-items:center;display:flex;height:50px;justify-content:center;min-width:50px;position:relative;text-align:center;width:50px}.countdown-bg-share{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(229 229 229/var(--tw-border-opacity));border-radius:9999px;border-width:4px;inset:0;margin:0;position:absolute}.countdown-content-share{display:flex;flex-direction:column;position:relative}.question-countdown-share svg{height:100%;margin:0;position:absolute;transform:rotateY(-180deg) rotate(-90deg);width:100%;z-index:10}.question-countdown-share svg circle{stroke-dasharray:144.44px;stroke-dashoffset:0px;stroke-linecap:round;stroke-width:4px;stroke:#eb5f0d;fill:none;transition:all .3s ease-in-out}.question-countdown-student{align-items:center;display:flex;height:180px;justify-content:center;min-width:180px;position:relative;text-align:center;width:180px}.countdown-bg-student{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(229 229 229/var(--tw-border-opacity));border-radius:9999px;border-width:13.5px;inset:0;position:absolute}.question-countdown-student svg{height:100%;left:0;position:absolute;top:0;transform:rotateY(-180deg) rotate(-90deg);width:100%;z-index:10}.question-countdown-student svg circle{stroke-dasharray:522.81px;stroke-dashoffset:0px;stroke-width:13.5px;stroke:#eb5f0d;fill:none;transition:all .3s ease-in-out;z-index:1}.question-countdown-student .countdown-content{font-size:96px}.content-tracker{--tw-text-opacity:1;color:rgb(46 47 56/var(--tw-text-opacity));font-size:18px;margin-bottom:10px}.statistics-container{align-items:flex-end;background-color:#fff;border:2px solid #5c5e71;border-radius:24px;display:flex;justify-content:space-around;margin:10px 0;padding:20px}.bar.math{background-color:#79a7d3;height:150px;width:50px}.bar.science{background-color:#f0b67f;height:120px;width:50px}.bar.history{background-color:#d1c145;height:200px;width:50px}.bar.geography{background-color:#86bbbd;height:100px;width:50px}.results-section{margin:30px 0}.qr-title{--tw-text-opacity:1;color:rgb(46 47 56/var(--tw-text-opacity));display:flex;font-family:Sarabun,sans-serif;font-size:22px;font-style:normal;font-weight:600}.results-title{color:#333}.bar{margin-bottom:5px}.bar span{color:#fff}.test_result{align-items:flex-end;border-bottom:2px solid #333;display:flex;height:200px;justify-content:space-around;margin-top:20px}.test_result div{border-top:3px solid #000;box-sizing:border-box;padding-top:10px;width:50px}.collapse{height:0;opacity:0;overflow:hidden;visibility:hidden}.collapse.active{height:auto;opacity:1;transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);visibility:visible}.collapse:not(.active) *{pointer-events:none}.drawer{border-radius:0;bottom:1.25rem;max-width:292px;position:fixed;right:-292px;top:1.25rem;transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%;z-index:50}@media (min-width:640px){.drawer{max-width:416px;right:-416px}}.drawer-rtr{border-bottom-left-radius:.75rem;border-top-left-radius:.75rem;z-index:100}@media (min-width:640px){.drawer-rtr{max-width:480px;right:-480px}}@media (min-width:768px){.drawer-rtr{max-width:50%;right:-50%}}.drawer-leaderboard{border-bottom-left-radius:.75rem;border-top-left-radius:.75rem}.drawer-container.active .drawer{right:0;z-index:100}.drawer-nav{display:flex;flex-direction:column;gap:.5rem;position:absolute;right:100%;top:8rem;width:5rem;z-index:50}@media (min-width:768px){.drawer-nav{top:9rem}}@media (min-width:1024px){.drawer-nav{top:10rem}}.drawer-nav .btn{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);background-color:rgb(251 251 251/var(--tw-bg-opacity));border-bottom-right-radius:0;border-color:#0000;border-top-right-radius:0;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:rgb(46 47 56/var(--tw-text-opacity));flex-direction:column;font-size:16px;font-weight:500;gap:.25rem;height:auto;padding-bottom:.375rem;padding-top:.375rem}.drawer-container.active .drawer-nav .btn:not(.btn-active){--tw-bg-opacity:1;background-color:rgb(227 228 232/var(--tw-bg-opacity))}.drawer-nav .btn svg{height:1.5rem}.drawer-nav .btn.btn-active svg{fill:#eb5f0d}.drawer-nav .btn .svg-icon-active{display:none}.drawer-nav .btn.btn-active .svg-icon-active{display:flex}.drawer-nav .btn.btn-active .svg-icon-no-active{display:none}.drawer-body{--tw-bg-opacity:1;background-color:rgb(244 244 246/var(--tw-bg-opacity));border-bottom-left-radius:.75rem;border-top-left-radius:.75rem;inset:0;opacity:0;overflow:scroll;overflow-x:hidden;overflow-y:auto;position:absolute;transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);visibility:hidden}.drawer-container.active .drawer-body{opacity:1;visibility:visible}.drawer-mask{--tw-bg-opacity:0.25;background-color:rgb(46 47 56/var(--tw-bg-opacity));cursor:pointer;inset:0;opacity:0;position:fixed;transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);visibility:hidden;z-index:40}.drawer-container.active .drawer-mask{opacity:1;visibility:visible}.subdrawer{border-radius:0;bottom:0;left:-292px;max-width:292px;opacity:0;position:fixed;top:0;transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);visibility:hidden;width:100%;z-index:50}@media (min-width:640px){.subdrawer{left:-416px;max-width:416px}}@media (min-width:768px){.subdrawer{left:calc(-100% - 416px)}}.subdrawer.active{left:0;opacity:1;visibility:visible}.subdrawer .drawer-body{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.modal{bottom:0;left:0;opacity:0;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);visibility:hidden;width:100%;z-index:100}.modal.active{opacity:1;transition-duration:.5s;visibility:visible}.modal:not(.active) *{pointer-events:none}.modal-hidden{bottom:0!important;left:0!important;opacity:0!important;overflow-x:hidden!important;overflow-y:auto!important;position:fixed!important;top:0!important;visibility:hidden!important;width:100%!important;z-index:40!important}.modal-mask{--tw-bg-opacity:0.25;background-color:rgb(46 47 56/var(--tw-bg-opacity));bottom:0;left:0;overflow:hidden;overflow-y:auto;position:fixed;right:0;top:0;width:100%}.modal-mask.modal-close,.modal-mask[phx-click]{cursor:pointer}.modal-view{--tw-translate-y:0px;--tw-bg-opacity:1;--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);background-color:rgb(251 251 251/var(--tw-bg-opacity));border-radius:1rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);margin-bottom:1rem;margin-left:.75rem;margin-right:.75rem;opacity:0;position:relative;top:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);visibility:hidden}.modal.active .modal-view{margin-top:5rem;opacity:1;visibility:visible}@media (min-width:768px){.modal.active .modal-view{margin-top:6rem}}@media (min-width:1024px){.modal.active .modal-view{margin-top:7rem}}.modal.active .modal-view.modal-view-sm{--tw-translate-y:-75%;margin-top:0;opacity:1;top:50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));visibility:visible}@media (min-width:768px){.modal.active .modal-view.modal-view-sm{--tw-translate-y:0px;margin-top:6rem;top:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}@media (min-width:1024px){.modal.active .modal-view.modal-view-sm{margin-top:7rem}}.modal.modal-mt.active{margin-top:8rem}@media (min-width:768px){.modal.modal-mt.active{margin-top:9rem}}@media (min-width:1024px){.modal.modal-mt.active{margin-top:10rem}}.modal-icon{height:4rem;margin-left:auto;margin-right:auto;width:4rem}.modal-icon-v2,.modal-icon-v2:first-child{height:8rem;margin:-5rem auto 1rem;width:8rem}@media (min-width:768px){.modal-icon-v2,.modal-icon-v2:first-child{margin-top:-6rem}}@media (min-width:1024px){.modal-icon-v2,.modal-icon-v2:first-child{margin-top:-7rem}}.modal-icon-v3{--tw-bg-opacity:1;background-color:rgb(236 253 245/var(--tw-bg-opacity));border-radius:9999px;height:3rem;margin-bottom:.75rem;margin-left:auto;margin-right:auto;padding:.5rem;width:3rem}.modal-card{display:flex;flex-direction:column;gap:1.5rem;padding:24px;text-align:center}.modal-content,.modal-content-1{align-items:center;display:flex;flex-direction:column}.modal-content-1{gap:1.5rem}.modal-content-2{align-items:center;display:flex;flex-direction:column;gap:.75rem}.modal-heading,.modal-heading-1{--tw-text-opacity:1;color:rgb(46 47 56/var(--tw-text-opacity));font-weight:600;line-height:27px}.modal-heading-1{font-size:24px;margin:0}.modal-heading-2{--tw-text-opacity:1;color:rgb(46 47 56/var(--tw-text-opacity));font-size:18px;font-weight:600;line-height:27px}.modal-description,.modal-description-1{--tw-text-opacity:1;align-items:center;color:rgb(46 47 56/var(--tw-text-opacity));display:flex;flex-direction:column;font-weight:400;line-height:27px;margin:0}.modal-description-1{font-size:18px}.modal-description-2{font-size:16px}.modal-description-2,.modal-description-3{--tw-text-opacity:1;align-items:center;color:rgb(46 47 56/var(--tw-text-opacity));display:flex;flex-direction:column;font-weight:400;line-height:27px;margin:0}.modal-description-3{font-size:14px}.modal-btn-group{align-items:center;align-self:center;display:flex;gap:.75rem;place-content:center;.btn{align-items:center;display:flex;font-size:18px;font-weight:600;gap:.75rem;height:2.75rem;justify-content:center;width:139px}}.modal-nav{--tw-border-opacity:0.1;border-color:rgb(0 0 0/var(--tw-border-opacity));border-top-width:1px;margin-top:1rem;padding-top:1rem}@media (min-width:768px){.modal-nav{margin-top:1.25rem;padding-top:1.25rem}}.modal-share-holder{display:flex;min-height:100%;width:100%}.modal-share-reco .modal-view{--tw-bg-opacity:1;background-color:rgb(251 251 251/var(--tw-bg-opacity));border-radius:0;width:100%}.modal-share-reco.active .modal-view{margin-top:0}.modal-xl.modal-share-reco-3d .modal-view{max-width:none}@media (min-width:420px){.modal-view{margin-left:auto;margin-right:auto;max-width:24rem}}@media (min-width:768px){.modal-lg .modal-view{max-width:32rem}.modal-xl .modal-view{max-width:42rem}.modal-md .modal-view{max-width:28rem}}@media (min-width:992px){@media (min-width:1024px){.modal-xl .modal-view{max-width:56rem}}@media (min-width:1280px){.modal-xl .modal-view{max-width:64rem}}@media (min-width:1536px){.modal-xl .modal-view{max-width:80rem}}}*>:first-child{margin-top:0!important}*>:last-child{margin-bottom:0!important}.js-no-doubleclick.prevent-click{pointer-events:none}.member-board-count{color:var(--Orange-Orange-500,#eb5f0d)}.member-board-count,.member-board-sub-count{font-family:Sarabun;font-size:24px;font-style:normal;font-weight:600;line-height:150%}.member-board-sub-count{color:var(--Nuetral-N-400,#5c5e71)}.podium-2{align-items:flex-end;display:flex;gap:1%;justify-content:center}.podium-step{--tw-border-opacity:1;--tw-text-opacity:1;border-color:rgb(46 47 56/var(--tw-border-opacity));border-radius:12px;border-width:1px;color:rgb(46 47 56/var(--tw-text-opacity));font-size:.875rem;line-height:1.5;overflow:hidden;padding:1.25rem;position:relative;text-align:center}.podium-full .podium-step{padding:1rem .75rem .75rem}.podium-step-1,.podium-step-2,.podium-step-3{--tw-border-opacity:1;--tw-text-opacity:1;-webkit-text-stroke:1px #eb5f0d33;border-color:rgb(251 251 251/var(--tw-border-opacity));color:rgb(244 244 246/var(--tw-text-opacity));text-shadow:0 1px 4px #2e2f381a}.podium-step-1{--tw-shadow:0 0 6px 0 #ffd76a80;--tw-shadow-colored:0 0 6px 0 var(--tw-shadow-color);order:2;width:35%}.podium-step-1,.podium-step-2{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.podium-step-2{--tw-shadow:0 0 6px 0 #dfeaea80;--tw-shadow-colored:0 0 6px 0 var(--tw-shadow-color);order:1;width:33.333333%}.podium-step-3{--tw-shadow:0 0 6px 0 #f7a26680;--tw-shadow-colored:0 0 6px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);order:3;width:31.6667%}.podium-solo .podium-step{width:100%}.podium-step:after,.podium-step:before{content:"";inset:0;position:absolute}.podium-step-1:before,.podium-step-2:before,.podium-step-3:before{animation:trophy-sheen 7.5s ease-in-out infinite;background:linear-gradient(180deg,#fff3 0,#0000001a 25%,#fff3 50%,#0000001a 75%,#fff3)}.podium-step:after{--tw-blur:blur(2px);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);inset:1px;z-index:10}.podium-step-1:after{--tw-bg-opacity:1;background-color:rgb(251 198 58/var(--tw-bg-opacity));background:linear-gradient(.33deg,#da8207 -18.8%,#ffb741 13.35%,#ffbd48 16.15%,#ffd76a 34.3%,#ffda73 79.51%,#f9b02d 113.9%,#fbc63a 135.76%)}.podium-step-2:after{--tw-bg-opacity:1;background-color:rgb(113 113 113/var(--tw-bg-opacity));background:linear-gradient(179.71deg,#dad9d9,6.80272%,#e7e7e7 13.6054%,44.5578%,#c9c9ca 75.5102%,76.3605%,#c7c7c8 77.2109%,88.6054%,silver)}.podium-step-3:after{--tw-bg-opacity:1;background-color:rgb(244 142 47/var(--tw-bg-opacity));background:linear-gradient(179.71deg,#f2aa74,15.8088%,#f2c194 31.6176%,40.4412%,#edb989 49.2647%,55.8824%,#eeac74 62.5%,81.25%,#f48b41)}.podium-step-content{position:relative;z-index:20}.podium-2 .rank,.podium-2 .score,.podium-2 .username{font-size:1.125rem;font-weight:600}.podium-2 .rank{font-weight:600}.podium-2 .medal-portrait{margin-left:auto;margin-right:auto;position:relative;width:115px}.podium-solo .medal-portrait{margin-left:0;margin-right:0;width:80px}.podium-2 .medal-portrait-frame{padding-top:100%;position:relative}.podium-2 .medal-frame{filter:drop-shadow(0 1px 1px rgba(0,0,0,.125));inset:0;position:absolute}.podium-2 .medal-avatar{inset:0;margin-left:auto;margin-right:auto;padding:.75rem;position:absolute}.podium-2 .medal-trophy{--tw-rotate:-34deg;position:absolute;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));width:44px}.podium-step-1 .medal-trophy{left:-10px;top:-16px}.podium-step-2 .medal-trophy{left:-8px;top:38px}.podium-step-3 .medal-trophy{left:-2px;top:38px;width:40px}.podium-2 .trophy{inset:0;position:absolute}.podium-2 .trophy-flare{animation:trophy-flare 2.5s ease-in-out infinite;position:absolute;width:20%}.podium-2 .trophy-flare-1{animation:trophy-flare-1 2.5s ease-in-out infinite;left:24%;top:20%}.podium-2 .trophy-flare-2{left:6%;top:70%}.podium-2 .trophy-flare-3{left:78%;top:18%}.podium-step-1 .rank,.podium-step-1 .username,.podium-step-2 .rank,.podium-step-2 .username,.podium-step-3 .rank,.podium-step-3 .username{--tw-text-opacity:1;color:rgb(251 251 251/var(--tw-text-opacity))}.podium-full{margin-left:auto;margin-right:auto;max-width:500px;padding-left:3%;padding-right:3%}.podium-full .podium-step{border-bottom-left-radius:0;border-bottom-right-radius:0}.podium-full .rank{margin-bottom:.125em}.podium-full .podium-step-1 .rank{font-size:2.25rem}.podium-full .podium-step-2 .rank{font-size:2rem}.podium-full .podium-step-3 .rank{font-size:1.75rem}.podium-full .podium-step-1 .medal-portrait{min-width:92px;width:92px}.podium-full .podium-step-2 .medal-portrait{min-width:72px;width:72px}.podium-full .podium-step-3 .medal-portrait{min-width:62px;width:62px}.podium-full .podium-step-1 .medal-avatar{padding:.875rem}.podium-full .podium-step-2 .medal-avatar,.podium-full .podium-step-3 .medal-avatar{padding:.6875rem}.podium-full .podium-step-1 .medal-trophy{left:-6px;top:-16px;width:50px}.podium-full .podium-step-2 .medal-trophy{left:-6px;top:34px;width:40px}.podium-full .podium-step-3 .medal-trophy{left:0;top:30px;width:32px}.podium-full .podium-step-1 .username{font-size:1.5rem}.podium-full .podium-step-2 .username{font-size:1.375rem}.podium-full .podium-step-1 .score,.podium-full .podium-step-3 .username{font-size:1.25rem}.podium-full .podium-step-3 .score{font-size:1rem}.podium-full .score-lang{font-size:.75rem}@media (min-width:1024px){.podium-full:not(.drawer .podium-full){max-width:608px;padding-left:0;padding-right:0}.podium-full:not(.drawer .podium-full) .podium-step{border-bottom-left-radius:12px;border-bottom-right-radius:12px}.podium-full:not(.drawer .podium-full) .podium-step-1 .rank{font-size:3rem}.podium-full:not(.drawer .podium-full) .podium-step-2 .rank{font-size:2.5rem}.podium-full:not(.drawer .podium-full) .podium-step-3 .rank{font-size:2.25rem}.podium-full:not(.drawer .podium-full) .medal-portrait{display:flex;flex-direction:column;gap:.5rem;width:130px}.podium-full:not(.drawer .podium-full) .podium-step-3 .medal-portrait{width:100px}.podium-full:not(.drawer .podium-full) .medal-portrait-frame{order:2}.podium-full:not(.drawer .podium-full) .medal-avatar{padding:1.25rem}.podium-full:not(.drawer .podium-full) .medal-trophy{--tw-rotate:0deg;margin-left:auto;margin-right:auto;order:1;position:static;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));width:100px}.podium-full:not(.drawer .podium-full) .podium-step-2 .medal-trophy{width:80px}.podium-full:not(.drawer .podium-full) .podium-step-3 .medal-trophy{width:60px}.podium-full:not(.drawer .podium-full) .podium-step-1 .username{font-size:1.75rem}.podium-full:not(.drawer .podium-full) .podium-step-2 .username{font-size:1.5rem}.podium-full:not(.drawer .podium-full) .podium-step-3 .username{font-size:1.375rem}.podium-full:not(.drawer .podium-full) .podium-step-1 .score{font-size:1.5rem}.podium-full:not(.drawer .podium-full) .podium-step-2 .score{font-size:1.375rem}.podium-full:not(.drawer .podium-full) .podium-step-3 .score{font-size:1.25rem}.podium-full:not(.drawer .podium-full) .score-lang{font-size:.875rem}}.avatar{--tw-gradient-from:#fafafa var(--tw-gradient-from-position);--tw-gradient-to:#fafafa00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#f5f5f5 var(--tw-gradient-to-position);--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));border-radius:9999px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);padding-top:100%;position:relative}.avatar-profile{border-radius:.75rem}.avatar-sm{height:4rem;min-width:4rem;padding-top:3.875rem;width:4rem}.avatar-xs{height:2rem;min-width:2rem;padding-top:1.875rem;width:2rem}.avatar-image,.btn .avatar-image{display:block;height:100%;inset:0;-o-object-fit:cover;object-fit:cover;padding:25%;position:absolute;width:100%}.avatar-image.avatar-image-teacher{padding:0}.shared-content{display:flex;flex-direction:column;gap:.75rem}.shared-content-text{--tw-text-opacity:1;color:rgb(46 47 56/var(--tw-text-opacity));font-size:1.5rem;line-height:2.25rem}.shared-banner{background:#f4f4f6;border-radius:1.5rem;box-shadow:0 -47px 0 34px #f4f4f6!important;z-index:1}.shared-content-display{height:calc(100vh - 2rem);overflow-y:scroll}@media (min-width:768px){.shared-content-display{height:calc(100vh - 2.5rem)}}@media (min-width:1024px){.shared-content-display{height:calc(100vh - 3rem)}}.shared-content>*{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.students_grouped_result{border-radius:5px;box-shadow:0 2px 4px #0000001a;padding:10px;width:60%}.students_grouped_result:hover{cursor:pointer}.students_grouped_bar_container{background-color:#ddd;height:5px;margin-left:5%;width:90%}.students_grouped_bar{height:100%}.students_high{background-color:#6fcf97}.students_mid{background-color:#0099db}.students_low{background-color:#ff8080}.student_group_details{border:1px solid #333;padding:5px;width:90%}.header-pdf{width:calc(83.33% - 1.5rem)}.header-pdf h1{transform:translateX(calc(16.67% - 1.5rem))}.student_group_details_pdf{padding:20px 30px;width:31.25%}.student_group_title_pdf{display:inline-block}.student_title_high:after{background-color:#6fcf97;content:"";display:block;height:3px;margin-top:-1px;width:100%}.student_title_mid:after{background-color:#60a5fa}.student_title_low:after,.student_title_mid:after{content:"";display:block;height:3px;margin-top:0;width:100%}.student_title_low:after{background-color:#fb7186}.game-details-pdf p,.game-details-pdf-span-2 p{margin-bottom:.25rem}.game-details-pdf-span-2>div,.game-details-pdf>div{display:flex;gap:.75rem;margin-bottom:.25rem;width:100%}.game-details-pdf .truncated{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal;width:calc(60% - .8rem)}.game-details-pdf-span-2{width:calc(66.67% - 1.5rem)}.game-details-pdf-span-2 .truncated{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal;width:calc(80% - 1.85rem)}.game-details-pdf:after{width:calc(40% + .4rem)}.game-details-pdf-span-2:after,.game-details-pdf:after{background-color:#f4f4f4;border-radius:15px;content:"";height:100%;left:0;position:absolute;top:0;z-index:-1}.game-details-pdf-span-2:after{width:calc(20% + .8rem)}.group_container_pdf,.student_group_container_pdf{display:flex;justify-content:space-between}.box_pdf{border-radius:15px 15px 15px 15px;box-shadow:0 4px 8px 0 #0000004d}.box_pdf.profile_pdf{padding:5px;width:16.67%}.avatar-profile-pdf{border-radius:5px;height:2.5rem;min-width:2.5rem;padding-top:0;width:2.5rem}.box1_pdf{width:50%}.box1_pdf,.box2_pdf{border-radius:15px 15px 15px 15px;box-shadow:0 4px 8px 0 #0000004d;margin-right:1.5rem;padding:10px}.box2_pdf{display:flex;flex-direction:column;justify-content:space-between;width:25%}.box2_pdf .circle,.box3_pdf .circle{background-color:#ffe5e6;border-radius:9999px;height:12rem;overflow:hidden;position:absolute;right:-6rem;top:-9rem;width:12rem;z-index:-1}.box3_pdf{border-radius:15px 15px 15px 15px;box-shadow:0 4px 8px 0 #0000004d;margin-right:1.5rem;padding:10px;width:25%}.box5_pdf{float:left;height:200px;margin-right:1.5rem;text-align:center;width:470px}#header-content-pdf{bottom:40px;left:10px}@media print{.new-page{page-break-before:always}}.avatar-image-pdf{display:block;height:100%;inset:0;-o-object-fit:cover;object-fit:cover;padding:25%;position:absolute;top:0;width:100%}.storage-consent{bottom:-1rem;left:0;opacity:0;position:fixed;right:0;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);visibility:hidden;width:100%;z-index:50}.storage-consent.active{bottom:0;opacity:1;visibility:visible}.storage-consent:not(.active) *{pointer-events:none}.storage-consent .card{--tw-bg-opacity:0.8;--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);background-color:rgb(255 255 255/var(--tw-bg-opacity));box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);padding-bottom:.5rem;padding-top:.5rem}@media (min-width:768px){.storage-consent .card{padding-bottom:.75rem;padding-top:.75rem}}@media (min-width:1024px){.storage-consent .card{padding-bottom:1rem;padding-top:1rem}}.use-chrome{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(254 249 195/var(--tw-bg-opacity));color:rgb(0 0 0/var(--tw-text-opacity));display:none;opacity:0;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);visibility:hidden}.use-chrome.active{top:0}@media (min-width:1024px){.use-chrome.active{display:block;opacity:1;visibility:visible}}.use-chrome:not(.active) *{pointer-events:none}.use-chrome .card{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);background-color:initial;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);padding-bottom:.375rem;padding-top:.375rem}@media (min-width:768px){.use-chrome .card{padding-bottom:.625rem;padding-top:.625rem}}@media (min-width:1024px){.use-chrome .card{padding-bottom:.875rem;padding-top:.875rem}}.landing-header{--tw-bg-opacity:1;align-items:center;background-color:rgb(251 251 251/var(--tw-bg-opacity));display:flex;height:2rem;justify-content:center}@media (min-width:768px){.landing-header{height:3rem}}.landing-header .logo{height:100%;padding-bottom:.5rem;padding-top:.5rem;width:auto}@media (min-width:768px){.landing-header .logo{padding-bottom:.625rem;padding-top:.625rem}}.landing-nav{--tw-bg-opacity:1;--tw-drop-shadow:drop-shadow(0 1px 1px #0000000d);background-color:rgb(251 251 251/var(--tw-bg-opacity));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);padding-bottom:15px;padding-top:15px;position:sticky;top:0}@media (min-width:768px){.landing-nav{padding-bottom:7px;padding-top:7px}}.landing-nav{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fbfbfb66;z-index:2}.landing-nav .logo{width:130.67px}@media (min-width:768px){.landing-nav .logo{max-width:294px;width:auto}}.landing-nav .btn.btn-primary{--tw-text-opacity:1;border-radius:.5rem;color:rgb(251 251 251/var(--tw-text-opacity));font-size:.75rem;font-weight:500;height:auto;line-height:1rem;line-height:18px;padding:.25rem .5rem}@media (min-width:768px){.landing-nav .btn.btn-primary{border-radius:.75rem;font-size:20px;line-height:31.74px;padding:7px 24px}}.landing-nav .btn.btn-blank{--tw-text-opacity:1;border-radius:.5rem;color:rgb(235 95 13/var(--tw-text-opacity));font-size:.75rem;font-weight:500;height:auto;line-height:1rem;line-height:18px;padding:.25rem .5rem}.landing-nav .btn.btn-blank:hover{border-color:#0000}@media (min-width:768px){.landing-nav .btn.btn-blank{border-radius:.75rem;font-size:20px;line-height:31.74px;padding:7px 24px}}.landing-hero{display:flex;flex-direction:column;gap:1.5rem;overflow:hidden;padding-bottom:191.5px;padding-top:191.5px}@media (min-width:768px){.landing-hero{gap:3rem;padding-bottom:240px;padding-top:240px}}@media (min-width:1024px){.landing-hero{padding-bottom:292px;padding-top:292px}}.landing-hero{background:url(/images/aksorn-triangle-1.svg) no-repeat,url(/images/aksorn-triangle-2.svg) no-repeat,radial-gradient(34.54% 34.54% at 50% 47.78%,#eb5f0d52 0,#fbfbfb14 100%) no-repeat,#fbfbfb;background-size:contain;@media (max-width:767px){background-position:100% 0,0 100%,50%;background-size:183.41px,179px,cover}@media (min-width:768px) and (max-width:1023px){background-position:100% 0,0 100%,50%;background-size:300px,300px,cover}@media (min-width:1024px){background-position:100% 0,0 100%,50%;background-size:auto,auto,cover}}.landing-hero .c{padding-left:2rem;padding-right:2rem}.landing-hero h1{--tw-text-opacity:1;color:rgb(235 95 13/var(--tw-text-opacity));font-size:48px;font-weight:700;line-height:48px;margin:0;text-align:center}@media (min-width:768px){.landing-hero h1{font-size:96px;line-height:128px}}@media (min-width:1024px){.landing-hero h1{font-size:128px}}.landing-hero h1{letter-spacing:2.56px}.landing-hero h2{--tw-text-opacity:1;color:rgb(46 47 56/var(--tw-text-opacity));font-size:28px;font-weight:600;line-height:33.6px;margin:0;text-align:center}@media (min-width:768px){.landing-hero h2{font-size:48px;line-height:76.8px}}@media (min-width:1024px){.landing-hero h2{font-size:64px}}.landing-hero p{--tw-text-opacity:1;color:rgb(46 47 56/var(--tw-text-opacity));font-weight:600;line-height:1.5rem;margin:0;text-align:center}@media (min-width:768px){.landing-hero p{font-size:1.5rem;line-height:2rem;line-height:48px}}@media (min-width:1024px){.landing-hero p{font-size:32px}}@media (min-width:640px){.landing-content-1 p br.sm,.landing-content-3 p br.sm,.landing-hero p br.sm,.landing-slider p br.sm{display:none}}.landing-hero .btn.btn-primary,.landing-outro .btn.btn-primary{--tw-text-opacity:1;color:rgb(251 251 251/var(--tw-text-opacity));font-size:1rem;height:auto;line-height:1.5rem;padding:.75rem 1rem}@media (min-width:768px){.landing-hero .btn.btn-primary,.landing-outro .btn.btn-primary{font-size:1.5rem;line-height:48px;padding:13.5px 33.5px}}@media (min-width:1024px){.landing-hero .btn.btn-primary,.landing-outro .btn.btn-primary{font-size:2rem}}.landing-realtime{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(38 38 38/var(--tw-bg-opacity));background-image:url(/images/landing-realtime-bg-black-75.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;color:rgb(245 245 245/var(--tw-text-opacity))}.landing-content-1,.landing-content-2,.landing-content-3,.landing-device,.landing-faq,.landing-outro,.landing-slider{padding-bottom:80px;padding-top:80px}@media (min-width:768px){.landing-content-1,.landing-content-2,.landing-content-3,.landing-device,.landing-faq,.landing-outro,.landing-slider{padding-bottom:120px;padding-top:120px}}@media (min-width:1024px){.landing-content-1,.landing-content-2,.landing-content-3,.landing-device,.landing-faq,.landing-outro,.landing-slider{padding-bottom:160px;padding-top:160px}}.landing-slider{--tw-bg-opacity:1;background-color:rgb(251 251 251/var(--tw-bg-opacity))}.landing-content-1 h2,.landing-content-3 h2,.landing-slider h2{font-size:32px;font-weight:700;line-height:38.4px;margin:0;text-align:center}@media (min-width:768px){.landing-content-1 h2,.landing-content-3 h2,.landing-slider h2{font-size:80px;line-height:96px}}.landing-slider p{--tw-text-opacity:1;color:rgb(46 47 56/var(--tw-text-opacity));font-size:18px;font-weight:600;line-height:27px;padding-left:1rem;padding-right:1rem;text-align:center}@media (min-width:768px){.landing-slider p{font-size:32px;line-height:48px;padding-left:0;padding-right:0}}.landing-slider p{text-shadow:0 1px 4px #2e2f381a}.swiper.swiper-landing{padding-bottom:4rem;padding-top:2rem}@media (min-width:768px){.swiper.swiper-landing{padding-top:3rem}}.swiper-landing .swiper-slide{margin-left:.25rem;margin-right:.25rem;width:83.333333%}@media (min-width:640px){.swiper-landing .swiper-slide{margin-left:.75rem;margin-right:.75rem}}@media (min-width:768px){.swiper-landing .swiper-slide{margin-left:1.25rem;margin-right:1.25rem;width:768px}}@media (min-width:1536px){.swiper-landing .swiper-slide{width:1024px}}.swiper-landing .swiper-slide .img-space{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);border-radius:.75rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);overflow:hidden;padding-top:56.25%;position:relative}.swiper-landing .swiper-slide .img-space iframe,.swiper-landing .swiper-slide .img-space img{height:100%;inset:0;position:absolute;width:100%}.swiper-landing .swiper-slide .img-space img{-o-object-fit:contain;object-fit:contain}.swiper-landing .swiper-pagination-bullet{--tw-bg-opacity:1!important;--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a!important;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)!important;background-color:rgb(227 228 232/var(--tw-bg-opacity))!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important;height:.625rem!important;margin-left:.375rem!important;margin-right:.375rem!important;opacity:1!important;transition-duration:.2s!important;transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;width:.625rem!important}.swiper-landing .swiper-pagination-bullet-active{--tw-bg-opacity:1!important;background-color:rgb(235 95 13/var(--tw-bg-opacity))!important;border-radius:.375rem!important;width:1.25rem!important}.swiper-landing .swiper-pagination{bottom:1%}.landing-content-1{--tw-bg-opacity:1;background-color:rgb(235 95 13/var(--tw-bg-opacity))}.landing-content-1 .c.c-lg{align-items:center;display:flex;flex-direction:column;gap:2.5rem;justify-content:center}@media (min-width:768px){.landing-content-1 .c.c-lg{gap:80px}}.landing-content-1 .description{--tw-text-opacity:1;color:rgb(251 251 251/var(--tw-text-opacity));font-size:1.125rem;font-weight:600;line-height:1.75rem;line-height:21.8px;padding-left:29.5px;padding-right:29.5px;text-align:center}@media (min-width:768px){.landing-content-1 .description{font-size:32px;line-height:38.4px;padding-left:0;padding-right:0}}.landing-content-1 .description{text-shadow:0 1px 4px 0 #2e2f381a}.landing-content-1 .content-grid{align-items:stretch;display:grid;gap:1.5rem;grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:1024px){.landing-content-1 .content-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.landing-content-1 .content-grid{grid-auto-rows:1fr}.landing-content-1 .content-box{--tw-bg-opacity:1;background-color:rgb(251 251 251/var(--tw-bg-opacity));border-radius:1rem;display:flex;flex-direction:column;gap:1rem;padding:1rem}@media (min-width:768px){.landing-content-1 .content-box{gap:2rem;padding:2.25rem}}@media (min-width:1024px){.landing-content-1 .content-box{gap:3rem}}.landing-content-1 .content-box{box-shadow:0 1px 4px 0 #2e2f381a}.landing-content-1 .content-box p{--tw-text-opacity:1;color:rgb(46 47 56/var(--tw-text-opacity));font-weight:500;line-height:19.2px}@media (min-width:768px){.landing-content-1 .content-box p{font-size:22px;line-height:30px}}@media (min-width:1280px){.landing-content-1 .content-box p{font-size:25px}}.landing-realtime-grid{padding-left:0;padding-right:0}@media (min-width:1024px){.landing-realtime-grid{max-width:none}}.landing-realtime-grid .img-space{border-radius:.75rem;overflow:hidden;padding-top:66.6667%;position:relative}.landing-realtime-grid .img-space .img-inset{-o-object-fit:contain;object-fit:contain}.landing-realtime-grid h3{--tw-text-opacity:1;color:rgb(235 95 13/var(--tw-text-opacity));font-size:28px;line-height:33.6px;margin-bottom:0;padding-bottom:.5rem}@media (min-width:768px){.landing-realtime-grid h3{font-size:32px;line-height:48px;padding-bottom:1.5rem}}@media (min-width:1280px){.landing-realtime-grid h3{font-size:40px}}.landing-realtime-grid h3{text-shadow:0 1px 4px #2e2f381a}@media (min-width:1024px){.landing-realtime-grid p{font-size:1.125rem;line-height:1.75rem}}@media (min-width:1280px){.landing-realtime-grid p{font-size:1.25rem;line-height:1.75rem}}.landing-realtime-grid .content-box{--tw-border-opacity:1;border-color:rgb(235 95 13/var(--tw-border-opacity));border-radius:18px;border-width:2px;padding:1.5rem}@media (min-width:768px){.landing-realtime-grid .content-box{padding:3rem}}.landing-realtime-grid .content-box{box-shadow:0 1px 4px 0 #2e2f381a}.landing-content-3{--tw-bg-opacity:1;background-color:rgb(235 95 13/var(--tw-bg-opacity));display:flex;flex-direction:column;gap:1.5rem}@media (min-width:768px){.landing-content-3{gap:3rem}}.landing-content-3 .c{display:flex;flex-direction:column;padding-left:0;padding-right:0}@media (min-width:768px){.landing-content-3 .c{max-width:48rem}}@media (min-width:1024px){.landing-content-3 .c{max-width:64rem}}@media (min-width:1280px){.landing-content-3 .c{max-width:80rem}}.landing-content-3 .c.c-wrapper{padding-left:0;padding-right:0}@media (min-width:768px){.landing-content-3 .c.c-wrapper{max-width:48rem}}@media (min-width:1024px){.landing-content-3 .c.c-wrapper{max-width:64rem}}@media (min-width:1280px){.landing-content-3 .c.c-wrapper{max-width:72rem}}.landing-content-3 p{--tw-text-opacity:1;color:rgb(251 251 251/var(--tw-text-opacity));font-size:18px;font-weight:600;line-height:27px;text-align:center}@media (min-width:768px){.landing-content-3 p{font-size:32px;line-height:48px}}.iphone-wrapper{display:grid;grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:640px){.iphone-wrapper{grid-template-columns:repeat(4,minmax(0,1fr))}}.iphone-wrapper img{height:auto;width:100%}.landing-device{--tw-bg-opacity:1;background-color:rgb(251 251 251/var(--tw-bg-opacity))}@media (min-width:768px){.landing-device{padding-bottom:0}}@media (min-width:1024px){.landing-device{padding-bottom:0}}.landing-device h2{--tw-text-opacity:1;color:rgb(46 47 56/var(--tw-text-opacity));font-size:32px;line-height:48px;text-align:center}@media (min-width:768px){.landing-device h2{font-size:48px;line-height:72px}}.landing-device .device-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:0;justify-content:center;text-align:center}@media (min-width:1024px){.landing-device .device-wrapper{gap:1.5rem}}.landing-device .device{align-items:center;align-self:stretch;display:flex;flex-direction:column;gap:1rem;justify-content:flex-end;padding:1rem;text-align:center;width:111.783px}@media (min-width:768px){.landing-device .device{gap:1.5rem;padding:1.5rem;width:210px}}.landing-device .device .icon{height:50px}@media (min-width:1024px){.landing-device .device .icon{height:80px}}.landing-device .device .icon{-o-object-fit:contain;object-fit:contain}.landing-device .device p{--tw-text-opacity:1;color:rgb(46 47 56/var(--tw-text-opacity));font-size:.875rem;font-weight:600;line-height:1.25rem}@media (min-width:1024px){.landing-device .device p{font-size:1.5rem;line-height:2rem}}.landing-device .device p{text-shadow:0 1px 4px #2e2f381a}.landing-faq{--tw-bg-opacity:1;background-color:rgb(251 251 251/var(--tw-bg-opacity));display:flex;flex-direction:column;gap:1.5rem;padding-top:0}@media (min-width:768px){.landing-faq{gap:3rem;padding-bottom:120px;padding-top:120px}}@media (min-width:1024px){.landing-faq{padding-bottom:160px;padding-top:160px}}.landing-faq h1{--tw-text-opacity:1;color:rgb(235 95 13/var(--tw-text-opacity));font-size:32px;font-weight:700;line-height:38.4px;margin-bottom:.25rem;text-align:center}@media (min-width:768px){.landing-faq h1{font-size:3.75rem;line-height:1;line-height:96px}}@media (min-width:1280px){.landing-faq h1{font-size:80px}}.landing-faq-dropdown-button{padding-bottom:1.25rem;padding-top:1.25rem}@media (min-width:768px){.landing-faq-dropdown-button{padding-bottom:1rem;padding-top:1rem}}.landing-faq-dropdown-content{--tw-text-opacity:1;color:rgb(46 47 56/var(--tw-text-opacity));padding-bottom:.5rem}@media (min-width:768px){.landing-faq-dropdown-content{font-size:1.125rem;line-height:1.75rem}}.landing-faq-dropdown-content b{font-weight:600}.landing-faq p,.landing-faq-dropdown-content b{--tw-text-opacity:1;color:rgb(46 47 56/var(--tw-text-opacity))}.landing-faq p{font-weight:500;text-align:center}@media (min-width:768px){.landing-faq p{font-size:1.5rem;line-height:2rem}}.landing-faq-dropdown-button{align-items:center;display:flex;justify-content:space-between;width:100%}.landing-faq-dropdown-button p{margin:0;text-align:start}.landing-faq-dropdown-button img{width:auto}.landing-outro{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity));padding-bottom:80px;padding-top:80px}@media (min-width:768px){.landing-outro{padding-bottom:120px;padding-top:120px}}@media (min-width:1024px){.landing-outro{padding-bottom:160px;padding-top:160px}}.landing-outro .c.c-lg{display:flex;flex-direction:column;gap:32px}@media (min-width:768px){.landing-outro .c.c-lg{gap:3rem}}.landing-outro h1{--tw-text-opacity:1;color:rgb(235 95 13/var(--tw-text-opacity));font-size:48px;font-weight:700;line-height:48px;margin:0;text-align:center}@media (min-width:768px){.landing-outro h1{font-size:96px;line-height:128px}}@media (min-width:1024px){.landing-outro h1{font-size:128px}}.landing-outro h1{letter-spacing:2.56px}.landing-outro p{--tw-text-opacity:1;color:rgb(46 47 56/var(--tw-text-opacity));font-size:1.125rem;font-weight:600;line-height:1.75rem;line-height:27px;margin:0;text-align:center}@media (min-width:768px){.landing-outro p{font-size:2.25rem;line-height:2.5rem;line-height:60px}}@media (min-width:1024px){.landing-outro p{font-size:40px}}.landing-outro .btn.btn-primary{font-size:1.25rem}@media (min-width:768px){.landing-outro .btn.btn-primary{font-size:1.5rem}}@media (min-width:1024px){.landing-outro .btn.btn-primary{font-size:2rem}}.landing-footer{--tw-bg-opacity:1;background-color:rgb(244 244 246/var(--tw-bg-opacity));padding-bottom:1rem;padding-top:1rem}@media (min-width:768px){.landing-footer{padding-bottom:1.5rem;padding-top:3rem}}.landing-footer .contact{align-items:center;display:flex;flex-direction:column;gap:.75rem;justify-content:space-between;padding-bottom:.75rem}@media (min-width:768px){.landing-footer .contact{align-items:flex-start;flex-direction:row;gap:0;justify-content:flex-start;padding-bottom:3rem}}.landing-footer .contact .logo img{height:1rem;-o-object-fit:contain;object-fit:contain;width:auto}@media (min-width:768px){.landing-footer .contact .logo img{height:30px}}.landing-footer .contact .location{--tw-text-opacity:1;color:rgb(46 47 56/var(--tw-text-opacity));display:flex;flex-direction:column;font-size:.75rem;font-weight:600;gap:.125rem;line-height:1rem;line-height:18px}@media (min-width:768px){.landing-footer .contact .location{font-size:1.125rem;line-height:1.5rem;width:60%}}@media (min-width:1024px){.landing-footer .contact .location{font-size:1.25rem;line-height:30px}}.landing-footer p{margin:0}@media (min-width:768px){.landing-footer .contact .links{margin-left:auto}}.landing-footer .links img{height:auto;-o-object-fit:contain;object-fit:contain;width:1rem}@media (min-width:768px){.landing-footer .links img{width:30px}}.landing-footer .copyright{--tw-border-opacity:1;--tw-text-opacity:1;border-color:rgb(92 94 113/var(--tw-border-opacity));border-top-width:1px;color:rgb(92 94 113/var(--tw-text-opacity));display:flex;font-size:10px;font-weight:500;justify-content:space-between;line-height:1rem;padding-bottom:6px;padding-top:6px}@media (min-width:768px){.landing-footer .copyright{font-size:16px;padding-bottom:.75rem;padding-top:.75rem}}.landing-join .h1{--tw-text-opacity:1;color:rgb(38 38 38/var(--tw-text-opacity));line-height:1.25;margin-bottom:0}@media (min-width:768px){.landing-join .h1{font-size:2.25rem;line-height:2.5rem;line-height:1.25}}@media (min-width:1024px){.landing-join .h1{font-size:3rem;line-height:1.25}}.landing-join .h1{text-wrap:balance}.replay-button{--tw-text-opacity:1;align-items:center;color:rgb(0 0 0/var(--tw-text-opacity));display:flex;flex-direction:column;gap:.5rem;margin-left:auto;margin-right:auto;margin-top:1.5rem}.replay-button img{height:4rem;width:4rem}.game-image{height:auto;margin-bottom:.5em!important;margin-left:auto;margin-right:auto;margin-top:.5em!important;max-width:100%;width:auto}@media (min-width:1024px){.question-indent-img .game-image{max-width:80%}.drawer .game-image{max-width:400px}}.drawer .answer-mini .game-image{height:auto;max-width:20;width:5rem}@media (min-width:1280px){.question-content .game-image,.shared-content .game-image{max-width:800px}}.text-content-image{height:auto;margin:auto;max-width:557px;width:100%}#share-screen-instructions{position:fixed;z-index:100}.vl{border-left:.5px solid #ddd}.question-circle{align-items:center;background-color:#e3e4e8;border-radius:9999px;box-shadow:0 0 0 4px #e3e4e81f;color:#8f91a3;display:flex;height:27px;justify-content:center;margin-left:.5rem;margin-right:.5rem;transition:all .25s ease-in-out;width:27px}.question-circle.active{background-color:#eb5f0d;box-shadow:0 0 0 4px #eb5f0d1f;color:#fff}.question-circle.completed{background-color:#f2945d;box-shadow:0 0 0 4px #eb5f0d1f;color:#fff}.question-progress{border-radius:9999px;flex:1 1 0%;height:5px;overflow:hidden;position:relative}.fill-progress,.question-progress{background-color:#e3e4e8}.fill-progress{height:100%;position:absolute;transition:all .25s ease-in-out;width:0}.fill-progress.active{background-color:#eb5f0d;width:100%}.countdown-bar{background-color:#fff;height:5px;overflow:hidden;position:relative}.countdown-bar-inner{background-color:#eb5f0d;border-radius:0 2px 2px 0;height:100%;transition:width .3s ease-in-out;z-index:20}.sortable-chosen .drag-item{--tw-scale-x:1.25;--tw-scale-y:1.25;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width:768px){.sortable-chosen .drag-item{--tw-scale-x:1.5;--tw-scale-y:1.5;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}.sortable-fallback .drag-item{--tw-scale-x:1.25;--tw-scale-y:1.25;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width:768px){.sortable-fallback .drag-item{--tw-scale-x:1.5;--tw-scale-y:1.5;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}.sortable-ghost .drag-item{opacity:0!important}.dnd-main-container{display:flex;flex-direction:column;row-gap:2.5rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dnd-answer-container{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;padding:1rem}.dnd-max-min-sub-question-container{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;row-gap:.25rem}@media (min-width:768px){.dnd-max-min-sub-question-container{align-items:center;-moz-column-gap:1rem;column-gap:1rem;flex-direction:row}}.dnd-max-min-icon{height:.75rem;width:.75rem}.dnd-vertical-with-image-sub-question-container{-moz-column-gap:1rem;column-gap:1rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-items:center;margin:auto;row-gap:1rem}@media (min-width:768px){.dnd-vertical-with-image-sub-question-container{align-items:center;display:flex;flex-direction:row;justify-content:center}}.dnd-vertical-with-image-sub-question-content{align-items:center;align-self:flex-end;display:flex;flex-direction:column;justify-content:center;justify-self:center;margin-left:auto;margin-right:auto;row-gap:1rem}.dnd-vertical-sub-question-container{align-items:center;display:flex;flex-direction:column;justify-content:center;row-gap:.25rem}@media (min-width:768px){.dnd-vertical-sub-question-container{-moz-column-gap:1rem;column-gap:1rem;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}}.dnd-vertical-sub-question-long-container{align-items:center;display:flex;flex-direction:column;justify-content:center;row-gap:.25rem}@media (min-width:768px){.dnd-vertical-sub-question-long-container{-moz-column-gap:1rem;column-gap:1rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}.dnd-horizontal-sub-question-container{display:flex;flex-direction:column;row-gap:.5rem}@media (min-width:768px){.dnd-horizontal-sub-question-container{-moz-column-gap:2.5rem;column-gap:2.5rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-items:center}}.dnd-horizontal-question-image{place-self:center}.dnd-horizontal-sub-question-content{align-items:center;-moz-column-gap:1rem;column-gap:1rem;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;row-gap:1rem}@media (min-width:768px){.dnd-horizontal-sub-question-content{align-content:center;align-items:stretch;justify-content:flex-start}}.dnd-long-question-box-container{align-items:center;border-radius:.75rem;border-width:2px;-moz-column-gap:.25rem;column-gap:.25rem;display:grid;grid-template-columns:70% 30%;padding:.5rem 1rem;row-gap:1rem;width:100%}@media (min-width:768px){.dnd-long-question-box-container{display:flex;flex-direction:column;height:auto;justify-content:space-between;width:auto}}.dnd-long-question-box-title-section{max-width:200px}.dnd-long-question-box-title{font-size:.875rem;font-weight:600;line-height:1.25rem;text-align:left;word-break:break-all}@media (min-width:768px){.dnd-long-question-box-title{text-align:center}}.dnd-long-question-box-content-section{border-radius:1rem;border-width:2px;max-width:200px}.dnd-placeholder-long-box{height:76px;place-self:center;width:76px}@media (min-width:768px){.dnd-placeholder-long-box{height:100px;width:100px}}.dnd-question-box-container{display:flex;flex-direction:column}.dnd-question-box-title-section{border-left-width:2px;border-right-width:2px;border-top-left-radius:1rem;border-top-right-radius:1rem;border-top-width:2px;max-width:200px;min-width:64px;padding:.25rem}.dnd-question-box-title{font-size:.875rem;font-weight:600;line-height:1.25rem;text-align:center}.dnd-question-box-content-section{border-bottom-left-radius:1rem;border-bottom-right-radius:1rem;border-bottom-width:2px;border-left-width:2px;border-right-width:2px;max-width:200px;min-width:64px}.dnd-placeholder-box{height:46px;width:auto}@media (min-width:768px){.dnd-placeholder-box{height:60px}}.dnd-answer{--tw-bg-opacity:1;--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);background-color:rgb(255 255 255/var(--tw-bg-opacity));border-radius:1rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);cursor:pointer;font-size:1rem;font-weight:600;line-height:1.5rem;min-width:76px;padding:1rem;text-align:center;word-break:break-all}@media (min-width:768px){.dnd-answer{min-width:100px}}.dnd-placeholder-answer-in-box{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);border-bottom-left-radius:1rem;border-bottom-right-radius:1rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);cursor:pointer;font-size:1rem;font-weight:600;line-height:1.5rem;min-width:76px;padding:1rem;text-align:center;word-break:break-all}@media (min-width:768px){.dnd-placeholder-answer-in-box{min-width:100px}}.dnd-answer-in-box{--tw-bg-opacity:1;--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);background-color:rgb(255 242 179/var(--tw-bg-opacity));border-bottom-left-radius:1rem;border-bottom-right-radius:1rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);cursor:pointer;font-size:1rem;font-weight:600;line-height:1.5rem;min-width:76px;padding:1rem;text-align:center;word-break:break-all}@media (min-width:768px){.dnd-answer-in-box{min-width:100px}}.dnd-placeholder-answer-in-long-box{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);border-radius:1rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);cursor:pointer;display:flex;flex-direction:column;font-size:1rem;font-weight:600;justify-content:center;line-height:1.5rem;min-height:76px;min-width:76px;padding:1rem;text-align:center;word-break:break-all}@media (min-width:768px){.dnd-placeholder-answer-in-long-box{min-height:100px;min-width:100px}}.dnd-answer-in-long-box{--tw-bg-opacity:1;--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);background-color:rgb(255 242 179/var(--tw-bg-opacity));border-radius:1rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);cursor:pointer;display:flex;flex-direction:column;font-size:1rem;font-weight:600;justify-content:center;line-height:1.5rem;min-height:76px;min-width:76px;padding:1rem;text-align:center;word-break:break-all}@media (min-width:768px){.dnd-answer-in-long-box{min-height:100px;min-width:100px}}.dnd-answer-image{cursor:pointer;height:46px;width:76px}@media (min-width:768px){.dnd-answer-image{height:60px;width:100px}}.dnd-answer-explanation-image{height:60px;width:100px}.dnd-answer-image-content{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.dnd-placeholder-answer-image-in-box{cursor:pointer;height:46px;width:76px}@media (min-width:768px){.dnd-placeholder-answer-image-in-box{height:60px;width:100px}}.dnd-placing-image-to-question-box{--tw-bg-opacity:1;background-color:rgb(255 242 179/var(--tw-bg-opacity))}.dnd-answer-image-in-box{cursor:pointer;height:46px;width:76px}@media (min-width:768px){.dnd-answer-image-in-box{height:60px;width:100px}}.dnd-answer-image-in-long-box{cursor:pointer;height:76px;width:76px}@media (min-width:768px){.dnd-answer-image-in-long-box{height:100px;width:100px}}.dnd-minus-icon{--tw-bg-opacity:1;--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);--tw-translate-x:-50%;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-radius:9999px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);display:flex;height:1.75rem;justify-content:center;left:50%;opacity:0;position:absolute;top:-10px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));width:1.75rem}.dnd-answer-explanation{display:flex;flex-direction:column;gap:1rem}.dnd-realtime-box-content-section{border-bottom-left-radius:1rem;border-bottom-right-radius:1rem;border-bottom-width:2px;border-left-width:2px;border-right-width:2px;min-width:64px}.dnd-realtime-long-question-box-container{border-radius:.75rem;border-width:2px;-moz-column-gap:.25rem;column-gap:.25rem;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:.5rem 1rem;row-gap:1rem;width:100%}.dnd-realtime-answer-image-content{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.dnd-placeholder-realtime-image-in-box{height:46px;width:76px}@media (min-width:768px){.dnd-placeholder-realtime-image-in-box{height:60px;width:100px}}.dnd-placeholder-realtime-answer-in-box{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);border-bottom-left-radius:1rem;border-bottom-right-radius:1rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);font-size:1rem;font-weight:600;line-height:1.5rem;padding:1rem;text-align:center;word-break:break-all}#ichallenge-introduction-video{height:100%;width:100%}#aksorn-video .play-btn{bottom:0;height:20px;margin-bottom:1.25rem;margin-right:1.25rem;position:absolute;right:0;width:20px}@media (min-width:768px){#aksorn-video .play-btn{height:60px;margin-bottom:2.5rem;margin-right:2.5rem;width:60px}}@media (min-width:1024px){#aksorn-video .play-btn{margin-bottom:5rem;margin-right:5rem}}.flicker-lr{animation:flickerAnimation-left-right 1s infinite;height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}.flicker-top{top:4rem}@media (min-width:1024px){.flicker-top{top:5rem}}.flicker-top{position:absolute}.flicker-top,.flicker-top-fix{animation:flickerAnimation-top 1s infinite;height:100%;left:0;width:100%;z-index:-1}.flicker-top-fix{position:fixed;top:0}.flicker-bottom{animation:flickerAnimation-bottom 1s infinite;z-index:2}@keyframes flickerAnimation-left-right{0%{box-shadow:inset 20px 0 0 -20px #f6b590,inset -20px 0 0 -20px #f6b590}50%{box-shadow:inset 20px 0 20px -20px #f6b590,inset -20px 0 20px -20px #f6b590}to{box-shadow:inset 20px 0 0 -20px #f6b590,inset -20px 0 0 -20px #f6b590}}@keyframes flickerAnimation-top{0%{box-shadow:inset 0 20px 0 -20px #f6b590}50%{box-shadow:inset 0 20px 20px -20px #f6b590}to{box-shadow:inset 0 20px 0 -20px #f6b590}}@keyframes flickerAnimation-bottom{0%{box-shadow:0 0 0 0 #f6b590}50%{box-shadow:0 0 20px 0 #f6b590}to{box-shadow:0 0 0 0 #f6b590}}.sca-checked-icon{height:22px;width:22px}.sca-text-choice-main-container{display:flex;flex-direction:column;gap:12px}.sca-choice-wrapper{align-items:center;display:flex;flex-direction:row;gap:12px}.sca-text-box{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);border-radius:.75rem;border-width:.5px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);display:flex;font-size:1.125rem;font-weight:500;gap:4px;line-height:1.75rem;padding:16px}.sca-image-in-box{height:46px;width:76px}@media (min-width:768px){.sca-image-in-box{height:62px;width:100px}}.sca-four-image-choices-main-container{align-items:center;display:flex;flex-direction:column;gap:.5rem;grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:768px){.sca-four-image-choices-main-container{align-items:flex-start;display:grid}}.sca-four-image-boxes{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);border-radius:.75rem;border-width:.5px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);display:flex;font-size:1.125rem;font-weight:500;gap:9.69px;line-height:1.75rem;padding:16px;width:182px}@media (min-width:1024px){.sca-four-image-boxes{width:332px}}.sca-four-image-boxes:nth-child(odd){justify-self:end}.sca-four-image-boxes:nth-child(2n){justify-self:start}.sca-choice-wrapper:nth-child(odd){justify-self:end}.sca-choice-wrapper:nth-child(2n){justify-self:start}.sca-four-image-boxes-with-image-question{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);border-radius:.75rem;border-width:.5px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);display:flex;font-size:1.125rem;font-weight:500;gap:9.69px;line-height:1.75rem;padding:16px;width:182px}@media (min-width:768px){.sca-four-image-boxes-with-image-question{width:100%}}.sca-four-image-boxes-with-image-question:nth-child(odd){justify-self:end}.sca-four-image-boxes-with-image-question:nth-child(2n){justify-self:start}.sca-vertical-image-main-container{align-items:center;display:flex;flex-direction:column;gap:12px}@media (min-width:768px){.sca-vertical-image-main-container{align-items:flex-start;flex-direction:row}}.sca-vertical-question-image{height:397px;width:372px}.sca-horizontal-image-main-container{display:flex;flex-direction:column;gap:12px}@media (min-width:768px){.sca-horizontal-image-main-container{align-items:center;display:grid}}.sca-horizontal-question-image{height:auto;place-self:center;width:auto}.sca-image-in-box-content{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.single-option-selected{--tw-bg-opacity:1;background-color:rgb(255 251 232/var(--tw-bg-opacity))}.sca-answer-explanation{display:flex;flex-direction:column;gap:12px}.sca-answer-explanation-image{height:46px;width:76px}@media (min-width:768px){.sca-answer-explanation-image{height:62px;width:100px}}.sca-explanation-image-main-container{align-items:center;display:flex;flex-direction:column;gap:12px}.sca-explanation-image-subcontainer{height:286px}.sca-explanation-image{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.sca-realtime-box-answer-correct{background-color:rgb(237 252 245/var(--tw-bg-opacity));border-color:rgb(66 205 155/var(--tw-border-opacity));border-radius:16px;border-width:1px}.sca-realtime-box-answer-correct,.sca-realtime-box-answer-incorrect{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:rgb(46 47 56/var(--tw-text-opacity));display:inline-block;padding:.375rem .75rem;position:relative;width:auto}.sca-realtime-box-answer-incorrect{background-color:rgb(255 239 243/var(--tw-bg-opacity));border-color:rgb(243 118 131/var(--tw-border-opacity));border-radius:16px;border-width:1px}.sca-realtime-box-content-section{border-bottom-left-radius:1rem;border-bottom-right-radius:1rem;border-bottom-width:2px;border-left-width:2px;border-right-width:2px;min-width:64px;overflow:hidden}.sca-placeholder-answer-image-in-box{height:40px;width:64px}.sca-answer-image-content{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.submit-answer-toast{--tw-translate-x:400px;--tw-border-opacity:1;--tw-bg-opacity:1;--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);align-items:center;background-color:rgb(251 251 251/var(--tw-bg-opacity));border-color:rgb(227 228 232/var(--tw-border-opacity));border-radius:.75rem;border-width:2px;bottom:4.5rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);display:flex;gap:1.5rem;padding:1.5rem;position:fixed;right:.75rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-duration:.1s;transition-timing-function:cubic-bezier(0,0,.2,1);z-index:30}@media (min-width:768px){.submit-answer-toast{bottom:5rem}}.submit-answer-toast.active{--tw-translate-x:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width:768px){.md\:hero-chevron-left-solid{--hero-chevron-left-solid:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">  <path fill-rule="evenodd" d="M7.72 12.53a.75.75 0 010-1.06l7.5-7.5a.75.75 0 111.06 1.06L9.31 12l6.97 6.97a.75.75 0 11-1.06 1.06l-7.5-7.5z" clip-rule="evenodd"/></svg>');-webkit-mask:var(--hero-chevron-left-solid);mask:var(--hero-chevron-left-solid);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.md\:hero-chevron-left-solid,.md\:hero-chevron-right-solid{background-color:currentColor;display:inline-block;height:1.25rem;vertical-align:middle;width:1.25rem}.md\:hero-chevron-right-solid{--hero-chevron-right-solid:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">  <path fill-rule="evenodd" d="M16.28 11.47a.75.75 0 010 1.06l-7.5 7.5a.75.75 0 01-1.06-1.06L14.69 12 7.72 5.03a.75.75 0 011.06-1.06l7.5 7.5z" clip-rule="evenodd"/></svg>');-webkit-mask:var(--hero-chevron-right-solid);mask:var(--hero-chevron-right-solid);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:cursor-pointer:hover{cursor:pointer}.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity))}.hover\:bg-green-700:hover{--tw-bg-opacity:1;background-color:rgb(21 128 61/var(--tw-bg-opacity))}.hover\:bg-zinc-50:hover{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity))}.hover\:text-zinc-700:hover{--tw-text-opacity:1;color:rgb(63 63 70/var(--tw-text-opacity))}.hover\:text-zinc-900:hover{--tw-text-opacity:1;color:rgb(24 24 27/var(--tw-text-opacity))}.hover\:opacity-40:hover{opacity:.4}.focus\:border-rose-400:focus{--tw-border-opacity:1;border-color:rgb(251 113 133/var(--tw-border-opacity))}.focus\:ring-0:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.group:hover .group-hover\:bg-zinc-100{--tw-bg-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity))}.group:hover .group-hover\:bg-zinc-50{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity))}.group:hover .group-hover\:fill-zinc-600{fill:#52525b}.phx-no-feedback .phx-no-feedback\:hidden,.phx-no-feedback.phx-no-feedback\:hidden{display:none}.phx-submit-loading .phx-submit-loading\:opacity-75,.phx-submit-loading.phx-submit-loading\:opacity-75{opacity:.75}@media (min-width:640px){.sm\:block{display:block}.sm\:w-auto{width:auto}.sm\:w-full{width:100%}.sm\:max-w-\[10rem\]{max-width:10rem}.sm\:max-w-\[12rem\]{max-width:12rem}.sm\:translate-y-0{--tw-translate-y:0px}.sm\:scale-100,.sm\:translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:scale-100{--tw-scale-x:1;--tw-scale-y:1}.sm\:scale-95{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-col{flex-direction:column}.sm\:gap-8{gap:2rem}.sm\:overflow-visible{overflow:visible}.sm\:rounded-l-xl{border-bottom-left-radius:.75rem;border-top-left-radius:.75rem}.sm\:rounded-r-xl{border-bottom-right-radius:.75rem;border-top-right-radius:.75rem}.sm\:p-6{padding:1.5rem}.sm\:px-0{padding-left:0;padding-right:0}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:py-28{padding-bottom:7rem;padding-top:7rem}.sm\:py-6{padding-bottom:1.5rem;padding-top:1.5rem}.group:hover .sm\:group-hover\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}@media (min-width:768px){.md\:pointer-events-none{pointer-events:none}.md\:bottom-3{bottom:.75rem}.md\:left-auto{left:auto}.md\:right-5{right:1.25rem}.md\:top-5{top:1.25rem}.md\:my-8{margin-bottom:2rem;margin-top:2rem}.md\:-mt-12{margin-top:-3rem}.md\:mb-5{margin-bottom:1.25rem}.md\:mr-0{margin-right:0}.md\:mr-\[36px\]{margin-right:36px}.md\:mt-3{margin-top:.75rem}.md\:block{display:block}.md\:hidden{display:none}.md\:h-11{height:2.75rem}.md\:min-h-\[2\.5rem\]{min-height:2.5rem}.md\:w-1\/2{width:50%}.md\:w-\[369px\]{width:369px}.md\:w-\[752px\]{width:752px}.md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:flex-nowrap{flex-wrap:nowrap}.md\:place-items-center{place-items:center}.md\:gap-12{gap:3rem}.md\:gap-3{gap:.75rem}.md\:gap-4{gap:1rem}.md\:gap-5{gap:1.25rem}.md\:gap-6{gap:1.5rem}.md\:gap-8{gap:2rem}.md\:gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.md\:gap-y-6{row-gap:1.5rem}.md\:p-4{padding:1rem}.md\:p-8{padding:2rem}.md\:px-3{padding-left:.75rem;padding-right:.75rem}.md\:px-3\.5{padding-left:.875rem;padding-right:.875rem}.md\:px-5{padding-left:1.25rem;padding-right:1.25rem}.md\:pb-20{padding-bottom:5rem}.md\:pt-12{padding-top:3rem}.md\:pt-5{padding-top:1.25rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width:1024px){.lg\:sticky{position:sticky}.lg\:bottom-4{bottom:1rem}.lg\:right-6{right:1.5rem}.lg\:top-6{top:1.5rem}.lg\:mx-0{margin-left:0;margin-right:0}.lg\:-mt-16{margin-top:-4rem}.lg\:mr-\[60px\]{margin-right:60px}.lg\:mt-4{margin-top:1rem}.lg\:block{display:block}.lg\:grid{display:grid}.lg\:min-h-\[3rem\]{min-height:3rem}.lg\:w-1\/3{width:33.333333%}.lg\:w-1\/5{width:20%}.lg\:w-4\/5{width:80%}.lg\:min-w-\[330px\]{min-width:330px}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:flex-nowrap{flex-wrap:nowrap}.lg\:gap-12{gap:3rem}.lg\:gap-2{gap:.5rem}.lg\:gap-2\.5{gap:.625rem}.lg\:gap-5{gap:1.25rem}.lg\:gap-6{gap:1.5rem}.lg\:gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.lg\:gap-y-7{row-gap:1.75rem}.lg\:self-start{align-self:flex-start}.lg\:p-8{padding:2rem}.lg\:px-6{padding-left:1.5rem;padding-right:1.5rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:py-8{padding-bottom:2rem;padding-top:2rem}.lg\:pb-24{padding-bottom:6rem}.lg\:pr-10{padding-right:2.5rem}.lg\:pt-16{padding-top:4rem}.lg\:pt-6{padding-top:1.5rem}.lg\:text-lg{font-size:1.125rem;line-height:1.75rem}}@media (min-width:1280px){.xl\:left-\[50rem\]{left:50rem}.xl\:hidden{display:none}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.xl\:gap-4{gap:1rem}.xl\:gap-x-7{-moz-column-gap:1.75rem;column-gap:1.75rem}.xl\:gap-y-8{row-gap:2rem}.xl\:px-28{padding-left:7rem;padding-right:7rem}.xl\:py-32{padding-bottom:8rem;padding-top:8rem}}@media (min-width:1536px){.\32xl\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.\32xl\:gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.\32xl\:gap-y-9{row-gap:2.25rem}}