/*
! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;-webkit-font-feature-settings:normal;font-feature-settings:normal;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;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{-webkit-font-feature-settings:inherit;font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;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}dialog{padding:0}textarea{resize:vertical}input::-webkit-input-placeholder,textarea::-webkit-input-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}body{font-family:Noto Sans SC,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,: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: }::-webkit-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: }::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: }.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.absolute{position:absolute}.relative{position:relative}.bottom-0{bottom:0}.bottom-\[-22px\]{bottom:-22px}.bottom-\[-5px\]{bottom:-5px}.bottom-\[10px\]{bottom:10px}.bottom-\[20\%\]{bottom:20%}.bottom-\[26px\]{bottom:26px}.left-0{left:0}.left-1\/2{left:50%}.left-5{left:1.25rem}.left-\[-10px\]{left:-10px}.left-\[-20px\]{left:-20px}.left-\[10\%\]{left:10%}.left-\[50\%\]{left:50%}.left-\[70\%\]{left:70%}.right-4{right:1rem}.right-9{right:2.25rem}.right-\[5px\]{right:5px}.top-0{top:0}.top-10{top:2.5rem}.top-4{top:1rem}.top-\[152px\]{top:152px}.top-\[18\%\]{top:18%}.top-\[20\%\]{top:20%}.top-\[30px\]{top:30px}.top-\[32\%\]{top:32%}.top-\[35px\]{top:35px}.top-\[38\%\]{top:38%}.top-\[52\%\]{top:52%}.top-\[55\%\]{top:55%}.top-\[57\%\]{top:57%}.top-\[70\%\]{top:70%}.top-\[90\%\]{top:90%}.top-\[calc\(14px_\+_70\%\)\]{top:calc(14px + 70%)}.top-\[calc\(30px_\+_70\%\)\]{top:calc(30px + 70%)}.z-0{z-index:0}.z-10{z-index:10}.z-30{z-index:30}.z-\[110\]{z-index:110}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-\[15vh\]{margin-bottom:15vh}.mb-\[2px\]{margin-bottom:2px}.mb-\[50px\]{margin-bottom:50px}.ml-1{margin-left:.25rem}.ml-\[-68px\]{margin-left:-68px}.ml-\[45px\]{margin-left:45px}.mr-1{margin-right:.25rem}.mr-\[-3px\]{margin-right:-3px}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-\[-50px\]{margin-top:-50px}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.h-5{height:1.25rem}.h-\[100\%\]{height:100%}.h-\[102\%\]{height:102%}.h-\[12px\]{height:12px}.h-\[18vh\]{height:18vh}.h-\[20vh\]{height:20vh}.h-\[30\%\]{height:30%}.h-\[30px\]{height:30px}.h-\[34px\]{height:34px}.h-\[40\%\]{height:40%}.h-\[50px\]{height:50px}.h-\[80\%\]{height:80%}.h-\[95\%\]{height:95%}.h-\[calc\(100\%_-_80px\)\]{height:calc(100% - 80px)}.h-full{height:100%}.max-h-\[170px\]{max-height:170px}.w-5{width:1.25rem}.w-\[100px\]{width:100px}.w-\[10px\]{width:10px}.w-\[120px\]{width:120px}.w-\[410px\]{width:410px}.w-\[60px\]{width:60px}.w-\[80\%\]{width:80%}.w-\[80px\]{width:80px}.w-\[calc\(100\%_\+_20px\)\]{width:calc(100% + 20px)}.w-\[calc\(100\%_\+_40px\)\]{width:calc(100% + 40px)}.w-\[calc\(100\%_-_20px\)\]{width:calc(100% - 20px)}.w-\[calc\(100\%_-_60px\)\]{width:calc(100% - 60px)}.w-full{width:100%}.min-w-\[400px\]{min-width:400px}.max-w-\[288px\]{max-width:288px}.max-w-\[400px\]{max-width:400px}.max-w-\[500px\]{max-width:500px}.max-w-\[550px\]{max-width:550px}.max-w-none{max-width:none}.translate-x-\[-50\%\]{--tw-translate-x:-50%}.translate-x-\[-50\%\],.translate-y-\[-110\%\]{-webkit-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));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-\[-110\%\]{--tw-translate-y:-110%}.translate-y-\[-50\%\]{--tw-translate-y:-50%}.translate-y-\[-50\%\],.translate-y-\[0\%\]{-webkit-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));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:0%}.translate-y-\[10px\]{--tw-translate-y:10px}.transform,.translate-y-\[10px\]{-webkit-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));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))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.self-start{align-self:flex-start}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.overflow-y-scroll{overflow-y:scroll}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.rounded{border-radius:.25rem}.rounded-\[20px\]{border-radius:20px}.rounded-\[30px\]{border-radius:30px}.rounded-lg{border-radius:.5rem}.rounded-bl-md{border-bottom-left-radius:.375rem}.rounded-br-md{border-bottom-right-radius:.375rem}.rounded-tl-md{border-top-left-radius:.375rem}.rounded-tr-md{border-top-right-radius:.375rem}.border-\[1\.8px\]{border-width:1.8px}.border-\[10px\]{border-width:10px}.border-\[2px\]{border-width:2px}.border-\[3px\]{border-width:3px}.border-solid{border-style:solid}.border-ink{--tw-border-opacity:1;border-color:rgb(48 43 39/var(--tw-border-opacity))}.border-skin{--tw-border-opacity:1;border-color:rgb(245 230 207/var(--tw-border-opacity))}.bg-\[\#F8F1E8\]{--tw-bg-opacity:1;background-color:rgb(248 241 232/var(--tw-bg-opacity))}.bg-green{--tw-bg-opacity:1;background-color:rgb(158 206 158/var(--tw-bg-opacity))}.bg-ink{background-color:rgb(48 43 39/var(--tw-bg-opacity))}.bg-ink,.bg-red{--tw-bg-opacity:1}.bg-red{background-color:rgb(242 72 46/var(--tw-bg-opacity))}.object-cover{object-fit:cover}.object-fill{object-fit:fill}.p-2{padding:.5rem}.p-4{padding:1rem}.px-2{padding-left:.5rem;padding-right:.5rem}.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-1{padding-bottom:.25rem;padding-top:.25rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.pb-\[8\%\]{padding-bottom:8%}.pl-1{padding-left:.25rem}.pt-\[12\%\]{padding-top:12%}.text-center{text-align:center}.align-middle{vertical-align:middle}.text-2xl{font-size:1.5rem;line-height:2rem}.text-\[14px\]{font-size:14px}.text-\[16px\]{font-size:16px}.text-\[19px\]{font-size:19px}.text-\[20px\]{font-size:20px}.text-\[22px\]{font-size:22px}.text-\[24px\]{font-size:24px}.text-\[45px\]{font-size:45px}.font-black{font-weight:900}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.leading-7{line-height:1.75rem}.leading-8{line-height:2rem}.leading-\[1\]{line-height:1}.tracking-\[0\.2rem\],.tracking-\[\.2rem\]{letter-spacing:.2rem}.text-green{--tw-text-opacity:1;color:rgb(158 206 158/var(--tw-text-opacity))}.text-grey{--tw-text-opacity:1;color:rgb(153 153 153/var(--tw-text-opacity))}.text-ink{--tw-text-opacity:1;color:rgb(48 43 39/var(--tw-text-opacity))}.text-red{--tw-text-opacity:1;color:rgb(242 72 46/var(--tw-text-opacity))}.text-skin{--tw-text-opacity:1;color:rgb(245 230 207/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.filter{-webkit-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);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)}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width:576px){.sm\:text-\[16px\]{font-size:16px}.sm\:text-\[22px\]{font-size:22px}.sm\:text-\[26px\]{font-size:26px}.sm\:text-\[30px\]{font-size:30px}}@media (min-width:768px){.md\:top-\[21\%\]{top:21%}.md\:top-\[55\%\]{top:55%}.md\:top-\[66\%\]{top:66%}.md\:top-\[85\%\]{top:85%}.md\:top-\[calc\(14px_\+_65\%\)\]{top:calc(14px + 65%)}.md\:top-\[calc\(30px_\+_65\%\)\]{top:calc(30px + 65%)}.md\:ml-\[-102px\]{margin-left:-102px}.md\:ml-\[60px\]{margin-left:60px}.md\:mt-2{margin-top:.5rem}.md\:mt-7{margin-top:1.75rem}.md\:mt-\[2\.5vh\]{margin-top:2.5vh}.md\:h-\[35\%\]{height:35%}.md\:h-\[40px\]{height:40px}.md\:h-\[95\%\]{height:95%}.md\:w-\[120px\]{width:120px}.md\:w-\[180px\]{width:180px}.md\:rounded-tl-\[20px\]{border-top-left-radius:20px}.md\:rounded-tr-\[20px\]{border-top-right-radius:20px}.md\:pt-\[15\%\]{padding-top:15%}.md\:text-\[20px\]{font-size:20px}.md\:text-\[25px\]{font-size:25px}.md\:text-\[32px\]{font-size:32px}}.LyricsDroppable_lyrics__lbHeO{border:1px solid #000;border-radius:1rem;display:flex;flex-wrap:wrap;justify-content:center;min-height:8rem;padding:1rem;width:100%}.LyricsDroppable_lyricsItem__V8nww{border-radius:1rem;font-size:20px;font-weight:600;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;letter-spacing:.2rem;padding:.2rem 0}.LyricsDroppable_Droppable__RbDuZ{box-sizing:border-box;height:auto;position:relative;text-align:center;transition:background .25s ease;>span{display:inline-block}}.LyricsDroppable_over__Bf0-K{background:rgba(0,0,0,.5)}body,html{background-color:#302b27;font-size:16px;height:100%;margin:0}.b-wainao-header{background-color:transparent}.b-wainao-singlecolumn__navigation{position:absolute;top:0;width:100%}.footer{display:none}.b-wainao-singlecolumn__full-width,.b-wainao-singlecolumn__main article,.b-wainao-singlecolumn__main article>div,.b-wainao-singlecolumn__main#main,.c-stack.b-wainao-singlecolumn,div#fusion-app{height:100%}.main-header-container{pointer-events:none}.main-header-container #navbar-toggle,.main-header-container #translate-notice,.main-header-container .main-site-nav,.main-header-container .navbar-btn{pointer-events:auto}.dialog-off-canvas-main-canvas,.main-container,.main-content,.region.region-content{height:100%}h3{line-height:1.5}*{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;user-select:none}#root{background:#f5e6cf;height:100%}#root .crossed{display:inline-block;position:relative}#root .main{margin-bottom:0}#root .crossed:before{border:4px solid #f2482e;border-radius:50%;content:"";height:130%;left:-4px;position:absolute;right:0;top:-15%;width:calc(100% + 8px)}#root .choice__container .line{margin-bottom:1rem}#root .button{background-color:#f5e6cf;color:#302b27;display:block;margin-bottom:0;margin-top:0;text-align:center}#root .button,#root .button span{left:50%;position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#root .button span{font-weight:700;letter-spacing:.2em;line-height:30px;top:50%;width:100%}#root .button:after,#root .button:before{background-color:#f5e6cf;border:4px solid #302b27;bottom:0;content:"";left:0;position:absolute;top:0;width:100%;z-index:-1}#root .button:before{border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top:none;bottom:-12px;box-shadow:9px 6px 0 #302b27;top:5px;-webkit-transform:skewY(4deg);transform:skewY(4deg)}#root .button:after{border-bottom:none;border-top-left-radius:6px;border-top-right-radius:6px;bottom:5px;box-shadow:9px 6px 0 #302b27;top:-12px;z-index:-2}#root .button.back:before,#root .button:after{-webkit-transform:skewY(-4deg);transform:skewY(-4deg)}#root .button.back:after{-webkit-transform:skewY(4deg);transform:skewY(4deg)}#root .answer:before,#root .openning:before,#root .result:before{background:#302b27;content:"";height:100%;left:0;position:absolute;width:100%}#root .intro{height:100%;margin:0 auto;overflow:hidden;padding-bottom:150px;position:relative}#root .intro__container{align-self:flex-start;background:#302b27;border-bottom-left-radius:20px;border-bottom-right-radius:20px;max-width:500px;padding:50px 30px 0;position:relative;width:100%}#root .intro__text{background-color:#f5e6cf;font-size:16px;font-weight:700;height:calc(100% - 150px);line-height:2;padding:0 20px;position:relative;top:50px;width:100%;z-index:1}@media(min-width:576px){#root .intro__text{font-size:18px}}@media(min-width:768px){#root .intro__text{font-size:20px}}#root .intro:before{-webkit-clip-path:ellipse(50% 100% at 50% 100%);clip-path:ellipse(50% 100% at 50% 100%);height:50px;top:0}#root .intro:after,#root .intro:before{background-color:#f5e6cf;content:"";left:-10%;position:absolute;right:-10%}#root .intro:after{bottom:2px;-webkit-clip-path:ellipse(50% 100% at 50% -50%);clip-path:ellipse(50% 100% at 50% -50%);height:100px}#root .intro__subtitle{background-color:#9ece9e;border:8px solid #302b27;border-radius:400px 400px 0 0;font-weight:900;line-height:1.8;margin-top:-60px;padding:35px 0 8px;position:relative;text-align:center;z-index:1}#root .intro__subtitle h3{font-size:24px;font-weight:700}#root .intro__demo{border-radius:0 0 10px 10px;color:#fff;margin-top:-1px;position:relative;text-align:center}#root .intro__demo,#root .intro__demo .word-item{background-color:#302b27}#root .data{background-color:#f5e6cf;max-width:548px;padding:100px 24px 20px}#root .data button{position:relative}#root .data button.hint:before{content:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.564 8.733.984.057a.71.71 0 0 0-.93.93l8.676 20.58c.11.263.37.433.653.433h.014a.706.706 0 0 0 .65-.458l3.164-8.331 8.331-3.166A.71.71 0 0 0 22 9.396a.715.715 0 0 0-.436-.663Z' fill='%23F2482E'/%3E%3C/svg%3E");left:-4px;margin-left:18px;pointer-events:none;position:absolute;top:14px;width:30px;z-index:2}#root .data button.hint:after{-webkit-animation:click 1s linear infinite;animation:click 1s linear infinite;content:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.066.72v5.033c0 .396.323.72.719.72a.721.721 0 0 0 .719-.72V.72a.721.721 0 0 0-.72-.719.721.721 0 0 0-.718.72Zm4.785 7.015a.716.716 0 0 1-1.018 0 .72.72 0 0 1 0-1.017l3.56-3.56a.72.72 0 0 1 1.017 1.017l-3.56 3.56ZM4.177 3.16A.72.72 0 0 0 3.16 4.178l3.56 3.56c.14.14.323.212.506.212a.72.72 0 0 0 .507-1.23L4.177 3.16Zm1.575 6.91c.395 0 .719.323.719.719 0 .395-.324.719-.72.719H.72a.721.721 0 0 1-.719-.72c0-.395.323-.719.719-.719h5.033Zm.967 3.77L3.16 17.4a.72.72 0 0 0 .507 1.23.716.716 0 0 0 .507-.212l3.559-3.56a.72.72 0 0 0 0-1.017.71.71 0 0 0-1.014 0Z' fill='%23F2482E'/%3E%3C/svg%3E");cursor:auto;left:-3px;margin-left:0;pointer-events:none;position:absolute;top:-2px;width:32px;z-index:2}#root .data h2 span{letter-spacing:.1em;padding-left:1rem}@-webkit-keyframes click{1%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes click{1%{opacity:0}50%{opacity:1}to{opacity:0}}#root .guide .intro:after{-webkit-clip-path:ellipse(50% 100% at 50% -20%);clip-path:ellipse(50% 100% at 50% -20%);-webkit-transform:translateY(-32%);transform:translateY(-32%)}#root h2{background-color:#f2482e;color:#302b27;display:block;font-size:35px;height:40px;left:24px;text-align:center;top:30px;width:200px;z-index:2}#root h2,#root h2 span{font-weight:700;position:absolute}#root h2 span{font-size:30px;left:50%;letter-spacing:.2em;line-height:30px;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}#root h2:after,#root h2:before{background-color:#f2482e;border:5px solid #302b27;bottom:0;content:"";left:0;position:absolute;top:0;width:100%;z-index:-1}#root h2:before{border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top:none;bottom:-12px;top:5px;-webkit-transform:skewY(-3deg);transform:skewY(-3deg)}#root h2:after{border-bottom:none;border-top-left-radius:6px;border-top-right-radius:6px;bottom:5px;top:-12px;-webkit-transform:skewY(3deg);transform:skewY(3deg);z-index:-2}@media(max-width:768px){#root h2{height:36px;width:170px}#root h2 span{font-size:22px}}#root .title{height:25%;position:absolute;top:0;width:100%}#root .title h3{font-size:24px;font-weight:700}#root .title__wrapper{color:#f5e6cf}#root .answer__text{color:#302b27;font-size:32px;font-weight:900;left:50%;letter-spacing:.3rem;position:absolute;top:95px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}#root .answer__highlight{color:#302b27;font-size:20px;font-weight:700;letter-spacing:.1em;text-align:center}#root .answer__wrapper{background-color:#302b27;border-radius:10px;color:#fff;line-height:1.8;padding:20px}#root .result__container{background:#f5e6cf;border:10px solid #302b27;border-bottom:none;height:80%;margin:0 auto;max-width:550px;outline:10px solid #f5e6cf;position:relative;top:15%;width:calc(100% - 40px)}#root .score:before{background-color:#302b27;-webkit-clip-path:polygon(100% 0,95% 50%,100% 100%,0 100%,5% 50%,0 0);clip-path:polygon(100% 0,95% 50%,100% 100%,0 100%,5% 50%,0 0);content:"";height:200%;left:-18%;position:absolute;top:-50%;width:136%}#root .score span{position:relative;z-index:1}#root .fullLyrics s,#root .fullLyrics span{color:#f2482e;display:inline-block;font-weight:900;position:relative}#root .chop{-webkit-animation:chop 1s forwards;animation:chop 1s forwards;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes chop{0%{opacity:0;-webkit-transform:scale(2);transform:scale(2)}20%{opacity:1;-webkit-transform:scale(2);transform:scale(2)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes chop{0%{opacity:0;-webkit-transform:scale(2);transform:scale(2)}20%{opacity:1;-webkit-transform:scale(2);transform:scale(2)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}#root .credit{background-color:#f5e6cf;max-height:580px;padding-top:70px}#root .credit h4{font-size:18px;font-weight:900;margin-bottom:.8rem;margin-top:1.5rem}#root .credit h4:first-child{margin-top:0}#root .credit p{line-height:1.8;margin-bottom:.8rem}#root .credit ul{list-style:circle;padding-left:1rem}#root .credit ul a{text-decoration:underline}#root .credit li{margin-bottom:.5rem}#root .word-item{background-color:#f5e6cf;touch-action:none}#root .bottom{border:10px solid #f5e6cf}#root .resultDesc span{background:linear-gradient(0deg,rgba(255,0,255,0),rgba(255,0,255,0) 0,#f2482e 0,#f2482e 100%,rgba(255,0,255,0) 0)}
/*# sourceMappingURL=main.d7467397.css.map*/