*,: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:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}#__next :is(.pointer-events-none){pointer-events:none}#__next :is(.static){position:static}#__next :is(.absolute){position:absolute}#__next :is(.relative){position:relative}#__next :is(.left-0){left:0}#__next :is(.left-1\/2){left:50%}#__next :is(.left-10){left:2.5rem}#__next :is(.right-10){right:2.5rem}#__next :is(.top-0){top:0}#__next :is(.top-1\/2){top:50%}#__next :is(.z-0){z-index:0}#__next :is(.z-10){z-index:10}#__next :is(.col-span-1){grid-column:span 1/span 1}#__next :is(.col-span-2){grid-column:span 2/span 2}#__next :is(.col-span-3){grid-column:span 3/span 3}#__next :is(.col-start-1){grid-column-start:1}#__next :is(.col-start-3){grid-column-start:3}#__next :is(.row-span-2){grid-row:span 2/span 2}#__next :is(.row-span-3){grid-row:span 3/span 3}#__next :is(.row-span-5){grid-row:span 5/span 5}#__next :is(.row-start-1){grid-row-start:1}#__next :is(.row-start-2){grid-row-start:2}#__next :is(.row-start-3){grid-row-start:3}#__next :is(.row-start-5){grid-row-start:5}#__next :is(.m-10){margin:2.5rem}#__next :is(.m-2){margin:.5rem}#__next :is(.m-\[1px\]){margin:1px}#__next :is(.mx-0){margin-left:0;margin-right:0}#__next :is(.mx-2){margin-left:.5rem;margin-right:.5rem}#__next :is(.mx-3){margin-left:.75rem;margin-right:.75rem}#__next :is(.mx-5){margin-left:1.25rem;margin-right:1.25rem}#__next :is(.mx-auto){margin-left:auto;margin-right:auto}#__next :is(.my-1){margin-top:.25rem;margin-bottom:.25rem}#__next :is(.my-10){margin-top:2.5rem;margin-bottom:2.5rem}#__next :is(.my-3){margin-top:.75rem;margin-bottom:.75rem}#__next :is(.mb-2){margin-bottom:.5rem}#__next :is(.mb-4){margin-bottom:1rem}#__next :is(.mb-5){margin-bottom:1.25rem}#__next :is(.me-5){margin-inline-end:1.25rem}#__next :is(.ml-auto){margin-left:auto}#__next :is(.mr-10){margin-right:2.5rem}#__next :is(.mr-\[auto\]){margin-right:auto}#__next :is(.ms-10){margin-inline-start:2.5rem}#__next :is(.ms-2){margin-inline-start:.5rem}#__next :is(.ms-5){margin-inline-start:1.25rem}#__next :is(.ms-6){margin-inline-start:1.5rem}#__next :is(.mt-1){margin-top:.25rem}#__next :is(.mt-5){margin-top:1.25rem}#__next :is(.mt-8){margin-top:2rem}#__next :is(.block){display:block}#__next :is(.inline){display:inline}#__next :is(.flex){display:flex}#__next :is(.inline-flex){display:inline-flex}#__next :is(.grid){display:grid}#__next :is(.aspect-square){aspect-ratio:1/1}#__next :is(.h-10){height:2.5rem}#__next :is(.h-12){height:3rem}#__next :is(.h-40){height:10rem}#__next :is(.h-5){height:1.25rem}#__next :is(.h-9){height:2.25rem}#__next :is(.h-\[100px\]){height:100px}#__next :is(.h-\[120px\]){height:120px}#__next :is(.h-\[20px\]){height:20px}#__next :is(.h-\[400px\]){height:400px}#__next :is(.h-\[40px\]){height:40px}#__next :is(.h-\[45px\]){height:45px}#__next :is(.h-\[50px\]){height:50px}#__next :is(.h-\[60\%\]){height:60%}#__next :is(.h-\[65px\]){height:65px}#__next :is(.h-\[70px\]){height:70px}#__next :is(.h-fit){height:-moz-fit-content;height:fit-content}#__next :is(.h-full){height:100%}#__next :is(.h-screen){height:100vh}#__next :is(.min-h-\[120px\]){min-height:120px}#__next :is(.min-h-screen){min-height:100vh}#__next :is(.w-12){width:3rem}#__next :is(.w-40){width:10rem}#__next :is(.w-5){width:1.25rem}#__next :is(.w-9){width:2.25rem}#__next :is(.w-\[10\%\]){width:10%}#__next :is(.w-\[100\%\]){width:100%}#__next :is(.w-\[20px\]){width:20px}#__next :is(.w-\[30\%\]){width:30%}#__next :is(.w-\[40px\]){width:40px}#__next :is(.w-\[60\%\]){width:60%}#__next :is(.w-\[65px\]){width:65px}#__next :is(.w-fit){width:-moz-fit-content;width:fit-content}#__next :is(.w-full){width:100%}#__next :is(.min-w-\[120px\]){min-width:120px}#__next :is(.min-w-\[150px\]){min-width:150px}#__next :is(.grow){flex-grow:1}#__next :is(.grow-0){flex-grow:0}#__next :is(.origin-center){transform-origin:center}#__next :is(.-translate-x-1\/2){--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))}#__next :is(.-translate-y-1\/2){--tw-translate-y:-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))}#__next :is(.-rotate-90){--tw-rotate:-90deg;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))}#__next :is(.rotate-90){--tw-rotate:90deg;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))}#__next :is(.-scale-x-100){--tw-scale-x:-1;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))}#__next :is(.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))}#__next :is(.cursor-pointer){cursor:pointer}#__next :is(.grid-cols-1){grid-template-columns:repeat(1,minmax(0,1fr))}#__next :is(.grid-cols-2){grid-template-columns:repeat(2,minmax(0,1fr))}#__next :is(.grid-cols-5){grid-template-columns:repeat(5,minmax(0,1fr))}#__next :is(.grid-rows-1){grid-template-rows:repeat(1,minmax(0,1fr))}#__next :is(.grid-rows-5){grid-template-rows:repeat(5,minmax(0,1fr))}#__next :is(.flex-row){flex-direction:row}#__next :is(.flex-col){flex-direction:column}#__next :is(.flex-wrap){flex-wrap:wrap}#__next :is(.items-start){align-items:flex-start}#__next :is(.items-center){align-items:center}#__next :is(.justify-start){justify-content:flex-start}#__next :is(.justify-end){justify-content:flex-end}#__next :is(.justify-center){justify-content:center}#__next :is(.justify-between){justify-content:space-between}#__next :is(.gap-1){gap:.25rem}#__next :is(.gap-2){gap:.5rem}#__next :is(.gap-3){gap:.75rem}#__next :is(.gap-4){gap:1rem}#__next :is(.gap-5){gap:1.25rem}#__next :is(.space-x-2>:not([hidden])~:not([hidden])){--tw-space-x-reverse:0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}#__next :is(.space-x-5>:not([hidden])~:not([hidden])){--tw-space-x-reverse:0;margin-right:calc(1.25rem * var(--tw-space-x-reverse));margin-left:calc(1.25rem * calc(1 - var(--tw-space-x-reverse)))}#__next :is(.space-y-4>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}#__next :is(.self-center){align-self:center}#__next :is(.truncate){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#__next :is(.break-words){overflow-wrap:break-word}#__next :is(.rounded-2xl){border-radius:1rem}#__next :is(.rounded-3xl){border-radius:1.5rem}#__next :is(.rounded-lg){border-radius:.5rem}#__next :is(.rounded-md){border-radius:.375rem}#__next :is(.rounded-xl){border-radius:.75rem}#__next :is(.rounded-t-2xl){border-top-left-radius:1rem;border-top-right-radius:1rem}#__next :is(.border){border-width:1px}#__next :is(.border-0){border-width:0}#__next :is(.border-4){border-width:4px}#__next :is(.border-solid){border-style:solid}#__next :is(.border-\[\#B9B9B9\]){--tw-border-opacity:1;border-color:rgb(185 185 185/var(--tw-border-opacity))}#__next :is(.border-indigo-500){--tw-border-opacity:1;border-color:rgb(99 102 241/var(--tw-border-opacity))}#__next :is(.border-transparent){border-color:transparent}#__next :is(.bg-\[\#0077FF\]){--tw-bg-opacity:1;background-color:rgb(0 119 255/var(--tw-bg-opacity))}#__next :is(.bg-\[\#26D9B5\]){--tw-bg-opacity:1;background-color:rgb(38 217 181/var(--tw-bg-opacity))}#__next :is(.bg-\[\#46997F\]){--tw-bg-opacity:1;background-color:rgb(70 153 127/var(--tw-bg-opacity))}#__next :is(.bg-\[\#57BCE2\]){--tw-bg-opacity:1;background-color:rgb(87 188 226/var(--tw-bg-opacity))}#__next :is(.bg-\[\#6780C5\]){--tw-bg-opacity:1;background-color:rgb(103 128 197/var(--tw-bg-opacity))}#__next :is(.bg-\[\#72716f\]){--tw-bg-opacity:1;background-color:rgb(114 113 111/var(--tw-bg-opacity))}#__next :is(.bg-\[\#73738E\]){--tw-bg-opacity:1;background-color:rgb(115 115 142/var(--tw-bg-opacity))}#__next :is(.bg-\[\#A057FF\]){--tw-bg-opacity:1;background-color:rgb(160 87 255/var(--tw-bg-opacity))}#__next :is(.bg-\[\#B6A5E1\]){--tw-bg-opacity:1;background-color:rgb(182 165 225/var(--tw-bg-opacity))}#__next :is(.bg-\[\#BF4E5B\]){--tw-bg-opacity:1;background-color:rgb(191 78 91/var(--tw-bg-opacity))}#__next :is(.bg-\[\#D13535\]){--tw-bg-opacity:1;background-color:rgb(209 53 53/var(--tw-bg-opacity))}#__next :is(.bg-\[\#DF715E\]){--tw-bg-opacity:1;background-color:rgb(223 113 94/var(--tw-bg-opacity))}#__next :is(.bg-\[\#F5F5F5\]){--tw-bg-opacity:1;background-color:rgb(245 245 245/var(--tw-bg-opacity))}#__next :is(.bg-\[\#FBBA5A\]){--tw-bg-opacity:1;background-color:rgb(251 186 90/var(--tw-bg-opacity))}#__next :is(.bg-\[\#FFF1A8\]){--tw-bg-opacity:1;background-color:rgb(255 241 168/var(--tw-bg-opacity))}#__next :is(.bg-\[\#a80000\]){--tw-bg-opacity:1;background-color:rgb(168 0 0/var(--tw-bg-opacity))}#__next :is(.bg-\[\#fc0\]){--tw-bg-opacity:1;background-color:rgb(255 204 0/var(--tw-bg-opacity))}#__next :is(.bg-blue-200){--tw-bg-opacity:1;background-color:rgb(191 219 254/var(--tw-bg-opacity))}#__next :is(.bg-gray-200){--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}#__next :is(.bg-gray-400){--tw-bg-opacity:1;background-color:rgb(156 163 175/var(--tw-bg-opacity))}#__next :is(.bg-red-500){--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity))}#__next :is(.bg-white){--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}#__next :is(.bg-\[url\(\'\/speech-practice\/background\/bg-speech-practice\.svg\'\)\]){background-image:url(/speech-practice/background/bg-speech-practice.svg)}#__next :is(.bg-cover){background-size:cover}#__next :is(.p-1){padding:.25rem}#__next :is(.p-10){padding:2.5rem}#__next :is(.p-2){padding:.5rem}#__next :is(.p-3){padding:.75rem}#__next :is(.p-4){padding:1rem}#__next :is(.p-5){padding:1.25rem}#__next :is(.p-6){padding:1.5rem}#__next :is(.px-1){padding-left:.25rem;padding-right:.25rem}#__next :is(.px-2){padding-left:.5rem;padding-right:.5rem}#__next :is(.px-3){padding-left:.75rem;padding-right:.75rem}#__next :is(.px-4){padding-left:1rem;padding-right:1rem}#__next :is(.px-5){padding-left:1.25rem;padding-right:1.25rem}#__next :is(.px-8){padding-left:2rem;padding-right:2rem}#__next :is(.py-10){padding-top:2.5rem;padding-bottom:2.5rem}#__next :is(.py-2){padding-top:.5rem;padding-bottom:.5rem}#__next :is(.py-3){padding-top:.75rem;padding-bottom:.75rem}#__next :is(.py-6){padding-top:1.5rem;padding-bottom:1.5rem}#__next :is(.py-\[3rem\]){padding-top:3rem;padding-bottom:3rem}#__next :is(.pb-10){padding-bottom:2.5rem}#__next :is(.pb-2){padding-bottom:.5rem}#__next :is(.pb-3){padding-bottom:.75rem}#__next :is(.pb-5){padding-bottom:1.25rem}#__next :is(.pb-6){padding-bottom:1.5rem}#__next :is(.pl-5){padding-left:1.25rem}#__next :is(.ps-2){padding-inline-start:.5rem}#__next :is(.ps-3){padding-inline-start:.75rem}#__next :is(.ps-5){padding-inline-start:1.25rem}#__next :is(.pt-3){padding-top:.75rem}#__next :is(.pt-5){padding-top:1.25rem}#__next :is(.pt-6){padding-top:1.5rem}#__next :is(.pt-\[100px\]){padding-top:100px}#__next :is(.text-left){text-align:left}#__next :is(.text-center){text-align:center}#__next :is(.text-start){text-align:start}#__next :is(.font-sarabun){font-family:var(--font-sarabun)}#__next :is(.text-2xl){font-size:1.5rem;line-height:2rem}#__next :is(.text-4xl){font-size:2.25rem;line-height:2.5rem}#__next :is(.text-5xl){font-size:3rem;line-height:1}#__next :is(.text-base){font-size:1rem;line-height:1.5rem}#__next :is(.text-lg){font-size:1.125rem;line-height:1.75rem}#__next :is(.text-lg\/10){font-size:1.125rem;line-height:2.5rem}#__next :is(.text-sm){font-size:.875rem;line-height:1.25rem}#__next :is(.text-xl){font-size:1.25rem;line-height:1.75rem}#__next :is(.font-black){font-weight:900}#__next :is(.font-bold){font-weight:700}#__next :is(.font-extrabold){font-weight:800}#__next :is(.font-normal){font-weight:400}#__next :is(.font-semibold){font-weight:600}#__next :is(.uppercase){text-transform:uppercase}#__next :is(.normal-case){text-transform:none}#__next :is(.leading-10){line-height:2.5rem}#__next :is(.leading-8){line-height:2rem}#__next :is(.text-\[\#256AE1\]){--tw-text-opacity:1;color:rgb(37 106 225/var(--tw-text-opacity))}#__next :is(.text-\[\#444444\]){--tw-text-opacity:1;color:rgb(68 68 68/var(--tw-text-opacity))}#__next :is(.text-\[\#6780C5\]){--tw-text-opacity:1;color:rgb(103 128 197/var(--tw-text-opacity))}#__next :is(.text-\[\#BF4E5B\]){--tw-text-opacity:1;color:rgb(191 78 91/var(--tw-text-opacity))}#__next :is(.text-\[\#D49F0E\]){--tw-text-opacity:1;color:rgb(212 159 14/var(--tw-text-opacity))}#__next :is(.text-\[\#DF715E\]){--tw-text-opacity:1;color:rgb(223 113 94/var(--tw-text-opacity))}#__next :is(.text-black){--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}#__next :is(.text-blue-500){--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity))}#__next :is(.text-gray-500){--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}#__next :is(.text-red-500){--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity))}#__next :is(.text-white){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}#__next :is(.underline){text-decoration-line:underline}#__next :is(.line-through){text-decoration-line:line-through}#__next :is(.underline-offset-1){text-underline-offset:1px}#__next :is(.opacity-50){opacity:.5}#__next :is(.shadow-\[0_8px_30px_rgb\(0\2c 0\2c 0\2c 0\.12\)\]){--tw-shadow:0 8px 30px rgb(0,0,0,0.12);--tw-shadow-colored:0 8px 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}#__next :is(.filter){filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}#__next :is(.transition){transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}#__next :is(.duration-150){transition-duration:.15s}#__next :is(.ease-in){transition-timing-function:cubic-bezier(.4,0,1,1)}#__next :is(.ease-in-out){transition-timing-function:cubic-bezier(.4,0,.2,1)}#__next :is(.custom-box-shadow){box-shadow:0 4px 16px rgba(17,17,26,.1),0 8px 32px rgba(17,17,26,.05)}#__next :is(.height-content-result){height:calc(100% - (.5rem * 2))}#__next :is(.height-score-detail){height:calc(100% - (16px * 2))}:root{max-width:100%;height:100%;background:#fff}.bgaudio>audio::-webkit-media-controls-panel{background-color:#e2e2ee}audio::-webkit-media-controls-timeline{display:none!important}body{box-sizing:border-box;padding:0;margin:0}.loader,.loader:after,.loader:before{border-radius:50%;width:2.5em;height:2.5em;animation-fill-mode:both;animation:bblFadInOut 1.8s ease-in-out infinite}.loader{color:#b6a5e1;font-size:7px;position:relative;text-indent:-9999em;transform:translateZ(0);animation-delay:-.16s}.loader:after,.loader:before{content:"";position:absolute;top:0}.loader:before{left:-3.5em;animation-delay:-.32s}.loader:after{left:3.5em}@keyframes bblFadInOut{0%,80%,to{box-shadow:0 2.5em 0 -1.3em}40%{box-shadow:0 2.5em 0 0}}.loader-api{margin:0!important;width:80px;height:80px;border:5px solid #6273e3;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.audio-player{--player-button-width:3em;--sound-button-width:2em;--space:0.5em;width:100%}.icon-container{width:100%;height:100%;background-color:#de5e97;color:#fff;display:flex;justify-content:center;align-items:center}.audio-icon{width:90%;height:90%}.controls{display:flex;flex-direction:row;align-items:center;justify-content:space-between;background-color:#fff;border-radius:10px;padding:5px;box-shadow:0 4px 16px rgba(17,17,26,.1),0 8px 32px rgba(17,17,26,.05)}.player-button{background-color:transparent;border:0;width:var(--player-button-width);height:var(--player-button-width);cursor:pointer;padding:0}.timeline{-webkit-appearance:none;width:calc(100% - (var(--player-button-width) + var(--sound-button-width) + var(--space)) * 1);height:.5em;background-color:#e5e5e5;border-radius:5px;background-size:0 100%;background-image:linear-gradient(#73738e,#73738e);background-repeat:no-repeat;margin-right:var(--space)}.timeline::-webkit-slider-thumb{-webkit-appearance:none;width:1em;height:1em;border-radius:50%;cursor:pointer;opacity:0;-webkit-transition:all .1s;transition:all .1s;background-color:#73738e}.timeline::-moz-range-thumb{-webkit-appearance:none;width:1em;height:1em;border-radius:50%;cursor:pointer;opacity:0;-moz-transition:all .1s;transition:all .1s;background-color:#2482ee}.timeline::-ms-thumb{-webkit-appearance:none;width:1em;height:1em;border-radius:50%;cursor:pointer;opacity:0;-ms-transition:all .1s;transition:all .1s;background-color:#2482ee}.timeline::-webkit-slider-thumb:hover{background-color:#943f65}.timeline:hover::-webkit-slider-thumb{opacity:1}.timeline::-moz-range-thumb:hover{background-color:#943f65}.timeline:hover::-moz-range-thumb{opacity:1}.timeline::-ms-thumb:hover{background-color:#943f65}.timeline:hover::-ms-thumb{opacity:1}.timeline::-webkit-slider-runnable-track{-webkit-appearance:none;box-shadow:none;border:none;background:transparent}.timeline::-moz-range-track{-webkit-appearance:none;box-shadow:none;border:none;background:transparent}.timeline::-ms-track{-webkit-appearance:none;box-shadow:none;border:none;background:transparent}.sound-button{background-color:transparent;border:0;width:var(--sound-button-width);height:var(--sound-button-width);cursor:pointer;padding:0}.dot-spinner{--uib-size:2.2rem;--uib-speed:0.9s;--uib-color:#183153;position:relative;height:var(--uib-size);width:var(--uib-size)}.dot-spinner,.dot-spinner__dot{display:flex;align-items:center;justify-content:flex-start}.dot-spinner__dot{position:absolute;top:0;left:0;height:100%;width:100%}.dot-spinner__dot:before{content:"";height:20%;width:20%;border-radius:50%;background-color:var(--uib-color);transform:scale(0);opacity:.5;animation:pulse0112 calc(var(--uib-speed) * 1.111) ease-in-out infinite;box-shadow:0 0 20px rgba(18,31,53,.3)}.dot-spinner__dot:nth-child(2){transform:rotate(45deg)}.dot-spinner__dot:nth-child(2):before{animation-delay:calc(var(--uib-speed) * -.875)}.dot-spinner__dot:nth-child(3){transform:rotate(90deg)}.dot-spinner__dot:nth-child(3):before{animation-delay:calc(var(--uib-speed) * -.75)}.dot-spinner__dot:nth-child(4){transform:rotate(135deg)}.dot-spinner__dot:nth-child(4):before{animation-delay:calc(var(--uib-speed) * -.625)}.dot-spinner__dot:nth-child(5){transform:rotate(180deg)}.dot-spinner__dot:nth-child(5):before{animation-delay:calc(var(--uib-speed) * -.5)}.dot-spinner__dot:nth-child(6){transform:rotate(225deg)}.dot-spinner__dot:nth-child(6):before{animation-delay:calc(var(--uib-speed) * -.375)}.dot-spinner__dot:nth-child(7){transform:rotate(270deg)}.dot-spinner__dot:nth-child(7):before{animation-delay:calc(var(--uib-speed) * -.25)}.dot-spinner__dot:nth-child(8){transform:rotate(315deg)}.dot-spinner__dot:nth-child(8):before{animation-delay:calc(var(--uib-speed) * -.125)}@keyframes pulse0112{0%,to{transform:scale(0);opacity:.5}50%{transform:scale(1);opacity:1}}.wave-menu{border:4px solid #545fe5;border-radius:50px;width:200px;height:45px;display:flex;justify-content:center;align-items:center;margin:0;cursor:pointer;position:relative;background:#fff}.wave-menu,.wave-menu li{padding:0;transition:.2s ease}.wave-menu li{list-style:none;height:30px;width:4px;border-radius:10px;background:#545fe5;margin:0 6px;animation-name:wave1;animation-duration:.3s;animation-iteration-count:infinite;animation-direction:alternate}.wave-menu:hover>li{background:#fff}.wave-menu:hover{background:#545fe5}.wave-menu li:nth-child(2){animation-name:wave2;animation-delay:.2s}.wave-menu li:nth-child(3){animation-name:wave3;animation-delay:.23s;animation-duration:.4s}.wave-menu li:nth-child(4){animation-name:wave4;animation-delay:.1s;animation-duration:.3s}.wave-menu li:nth-child(5){animation-delay:.5s}.wave-menu li:nth-child(6){animation-name:wave2;animation-duration:.5s}.wave-menu li:nth-child(8){animation-name:wave4;animation-delay:.4s;animation-duration:.25s}.wave-menu li:nth-child(9){animation-name:wave3;animation-delay:.15s}@keyframes wave1{0%{transform:scaleY(1)}to{transform:scaleY(.5)}}@keyframes wave2{0%{transform:scaleY(.3)}to{transform:scaleY(.6)}}@keyframes wave3{0%{transform:scaleY(.6)}to{transform:scaleY(.8)}}@keyframes wave4{0%{transform:scaleY(.2)}to{transform:scaleY(.5)}}#__next :is(.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))}#__next :is(.hover\:scale-75:hover){--tw-scale-x:.75;--tw-scale-y:.75;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))}#__next :is(.hover\:bg-\[\#3994FE\]:hover){--tw-bg-opacity:1;background-color:rgb(57 148 254/var(--tw-bg-opacity))}#__next :is(.hover\:bg-\[\#5472c3\]:hover){--tw-bg-opacity:1;background-color:rgb(84 114 195/var(--tw-bg-opacity))}#__next :is(.hover\:bg-\[\#A6DEF2\]:hover){--tw-bg-opacity:1;background-color:rgb(166 222 242/var(--tw-bg-opacity))}#__next :is(.hover\:bg-\[\#d55b46\]:hover){--tw-bg-opacity:1;background-color:rgb(213 91 70/var(--tw-bg-opacity))}#__next :is(.hover\:bg-\[\#f3ae47\]:hover){--tw-bg-opacity:1;background-color:rgb(243 174 71/var(--tw-bg-opacity))}#__next :is(.hover\:bg-red-400:hover){--tw-bg-opacity:1;background-color:rgb(248 113 113/var(--tw-bg-opacity))}#__next :is(.hover\:bg-red-600:hover){--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity))}#__next :is(.disabled\:opacity-75:disabled){opacity:.75}@media (min-width:640px){#__next :is(.sm\:col-span-1){grid-column:span 1/span 1}#__next :is(.sm\:mx-\[5\%\]){margin-left:5%;margin-right:5%}#__next :is(.sm\:h-\[45px\]){height:45px}#__next :is(.sm\:w-\[100\%\]){width:100%}#__next :is(.sm\:w-\[45px\]){width:45px}#__next :is(.sm\:w-\[70px\]){width:70px}#__next :is(.sm\:rotate-0){--tw-rotate:0deg;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){#__next :is(.md\:w-\[80\%\]){width:80%}#__next :is(.md\:text-lg){font-size:1.125rem;line-height:1.75rem}}@media (min-width:1024px){#__next :is(.lg\:h-\[150px\]){height:150px}#__next :is(.lg\:w-\[70px\]){width:70px}#__next :is(.lg\:px-20){padding-left:5rem;padding-right:5rem}}@media (min-width:1280px){#__next :is(.xl\:mx-\[20\%\]){margin-left:20%;margin-right:20%}#__next :is(.xl\:w-\[60\%\]){width:60%}}@font-face{font-family:__Sarabun_b8dc0f;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/6211ef845df10dad-s.woff2) format("woff2");unicode-range:U+02d7,U+0303,U+0331,U+0e01-0e5b,U+200c-200d,U+25cc}@font-face{font-family:__Sarabun_b8dc0f;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/ae276ebc9070dd85-s.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1ea0-1ef9,U+20ab}@font-face{font-family:__Sarabun_b8dc0f;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/cb0cc0f907592c8f-s.woff2) format("woff2");unicode-range:U+0100-02ba,U+02bd-02c5,U+02c7-02cc,U+02ce-02d7,U+02dd-02ff,U+0304,U+0308,U+0329,U+1d00-1dbf,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20c0,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:__Sarabun_b8dc0f;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/d660c4b004d35ef0-s.p.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:__Sarabun_Fallback_b8dc0f;src:local("Arial");ascent-override:108.87%;descent-override:23.65%;line-gap-override:0.00%;size-adjust:98.10%}.__className_b8dc0f{font-family:__Sarabun_b8dc0f,__Sarabun_Fallback_b8dc0f;font-weight:300;font-style:normal}.__variable_b8dc0f{--font-sarabun:"__Sarabun_b8dc0f","__Sarabun_Fallback_b8dc0f"}