html{height:100%;font-size:16px}html strong{font-weight:700}html a{color:inherit;font-weight:600;text-decoration:underline}html h1{font-size:1.5625rem;font-weight:800}html h2{font-size:1.25rem;font-weight:700}html h3{font-size:1.25rem;font-weight:600}body{background-color:var(--main-bg);height:100%;color:var(--main-type);margin:0;font-family:Noto Sans,sans-serif}body.noscroll{overflow:hidden}body.lang-zh{font-family:Noto Sans SC,sans-serif}body.lang-zh .character-heading img.character{margin-left:-30px}body.lang-dari,body.lang-ar{font-family:Noto Sans Arabic,sans-serif;line-height:1.5rem}:is(body.lang-dari,body.lang-ar) .topic-tile .advice{line-height:1.75rem}.content-wrapper{grid-template-rows:1fr auto;align-items:flex-start;min-height:100%;display:grid}button{font-family:inherit}.sitelogo{z-index:10;margin:20px 0 0 20px;display:inline-block;position:relative}.hidden{display:none!important}.grid-container{display:grid}.grid-container.center{justify-content:center}.flex-container{box-sizing:border-box;place-content:flex-start center;gap:10px;margin:0 25px;display:flex}.flex-container.constrained{max-width:760px}.flex-container .flex-4{flex-grow:4}.flex-row{flex-flow:wrap}h1,.content-block,.feature-button{border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-left-radius:16px}h1,.feature-button,.bubble-text{font-style:italic}h1{background-color:var(--bubble-bg);width:fit-content;max-width:16rem;font-size:24px}.content-block,.video-block,.bubble-text p,.feature-button,h1{color:inherit;box-sizing:border-box;padding:16px 20px;text-decoration:none;display:block}.content-block,.video-block{margin-bottom:20px;position:relative;overflow:hidden}:is(.content-block,.video-block).opposite-align h2{float:right}:is(.content-block,.video-block).opposite-align img{left:0;right:unset}:is(.content-block,.video-block) h2{z-index:5;position:relative}:is(.content-block,.video-block) .action,:is(.content-block,.video-block) .no-text.next-icon{z-index:10;position:absolute;bottom:10px;right:0}:is(.content-block,.video-block)>.next-icon{z-index:10;margin-right:10px}:is(.content-block,.video-block) img{z-index:1;display:block;position:absolute;top:0;right:0}:is(.content-block,.video-block) .action{background-color:rgba(255,255,255,.5);border-radius:20px 0 0 20px;padding:8px 8px 8px 16px;font-style:normal;display:block}:is(.content-block,.video-block) .action .next-icon{margin-left:2px}:is(.content-block,.video-block) .action:hover{background-color:rgba(255,255,255,.4)}.content-block{background-color:var(--bubble-bg);min-width:320px;max-width:100%;min-height:160px}.content-block h2{max-width:13rem;margin:0;padding:0;display:inline-block}a.content-block{outline:none}.video-block{box-sizing:border-box;border-radius:16px;max-width:calc(50vw - 30px);height:360px}.video-block img{bottom:0;top:unset}.video-block:nth-child(2):before{transform:rotate(180deg)}.video-block:nth-child(3):before{transform:scaleX(-1)}.video-block:nth-child(4):before{transform:rotate(180deg)scaleX(-1)}.video-block,#historyandculture{z-index:0;display:block;position:relative}:is(.video-block,#historyandculture) h2{color:#000}:is(.video-block,#historyandculture) h2 em{color:var(--white);font-style:inherit}:is(.video-block,#historyandculture):before{content:"";z-index:-1;background-image:url(/assets/images/personal-emergencies/tile-art/texture-beige.png);background-size:cover;background-color:var(--darkbeige);width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}:is(.video-block,#historyandculture) .left-img{top:0;left:0;right:unset;bottom:unset;object-fit:cover;object-position:0 0;width:180px;position:absolute}:is(.video-block,#historyandculture) .right-img{bottom:0;right:0;top:unset;left:unset;object-fit:cover;object-position:100% 100%;width:180px;position:absolute}#triplezero-block{color:var(--white);background:linear-gradient(#dbab7f 64.42%,#c79876 100%)}#triplezero-block h2{max-width:8rem}#triplezero-block img{top:20px}#triplezero-block .action{color:var(--main-type)}[data-topic=personal-emergencies] #vocab,[data-topic=personal-emergencies] #quiz{background:linear-gradient(#f7432a 67%,#d23621 100%);font-style:italic}:is([data-topic=personal-emergencies] #vocab,[data-topic=personal-emergencies] #quiz) em{color:var(--white)}[data-topic=water-safety] #vocab,[data-topic=water-safety] #quiz{background:linear-gradient(#ff90dd 67.31%,#ffb7e2 100%);font-style:italic}:is([data-topic=water-safety] #vocab,[data-topic=water-safety] #quiz) em{color:var(--white)}#helpfulresources .content-block{background-color:inherit;border:1px solid var(--black);max-width:320px}#module-home-heading .character{margin-left:-40px}.heading-content{margin-bottom:1rem}.character-heading .bubble-text{width:min-content;min-width:10rem}.character-heading img.character{margin-left:-20px;display:block}.bubble-text p,.bubble-text h3{background-color:var(--bubble-bg);border-radius:16px;max-width:18rem;margin:0 0 20px;padding:16px;font-size:14px;font-weight:700;display:table;position:relative}:is(.bubble-text p,.bubble-text h3).offset{left:5%}:is(.bubble-text p,.bubble-text h3):last-of-type{border-bottom-right-radius:0}:is(.bubble-text p,.bubble-text h3).bubble-flipped{border-bottom-right-radius:16px;border-bottom-left-radius:inherit}.bubble-text.bubble-flipped p,.bubble-text.bubble-flipped h3{border-bottom-right-radius:16px;border-bottom-left-radius:inherit}.feature-button{background-color:var(--feature-btn);color:#fff;font-size:1.5rem;font-weight:700;display:inline-block;box-shadow:0 4px 4px rgba(0,0,0,.25)}.feature-button:hover .next-icon{filter:brightness(.9)}.resource{color:inherit;border:1px solid #000;max-width:30rem;margin:1rem 0;padding:10px 20px;text-decoration:none;display:block}.resource .link-text{text-decoration:underline}@media (min-width:809px){.flex-container{align-content:flex-start}.content-row{place-content:flex-start;max-width:760px}.video-block{max-width:unset;width:180px}.topic-row .content-block{width:375px;min-width:unset}}html[dir=rtl] .sitelogo{margin:20px 20px 0 0}html[dir=rtl].opposite-align h2{float:left}html[dir=rtl] h1,html[dir=rtl] .content-block,html[dir=rtl] .feature-button,html[dir=rtl] .bubble-text h3{border-bottom-right-radius:16px;border-bottom-left-radius:0}html[dir=rtl] .bubble-text.bubble-flipped h3{border-bottom-right-radius:0;border-bottom-left-radius:16px}:is(html[dir=rtl] .content-block,html[dir=rtl] .video-block) .action,:is(html[dir=rtl] .content-block,html[dir=rtl] .video-block) .no-text.next-icon{left:0;right:unset;border-radius:20px;position:absolute;bottom:10px}:is(html[dir=rtl] .content-block,html[dir=rtl] .video-block) .action{border-top-left-radius:0;border-bottom-left-radius:0}html[dir=rtl] #quiz .content-img{right:unset;left:0;transform:scaleX(-1)}:is(html[dir=rtl] .bubble-text p,html[dir=rtl] .bubble-text h3).offset{right:5%;left:unset}html[dir=rtl] #module-home-heading .character{margin-right:-75px;margin-left:unset}html[dir=rtl] #triplezero-block img{left:0%;right:unset}html[dir=rtl] [dir=ltr]{text-align:right}html[dir=rtl] .character-heading img.character{margin-left:0;margin-right:-20px}:root{--black:#000;--green:#4c7938;--darkpurp:#281724;--red:#f7432a;--pink:#ff90dd;--lightgreen:#89b374;--yellow:#f7a420;--orange:#fa720e;--beige:#eae3d3;--darkbeige:#cab7a6;--terracotta:#b55131;--blue:#80c7fd;--white:#fff;--main-bg:var(--beige);--footer-bg:var(--darkpurp);--menu-bg:var(--darkpurp);--main-type:var(--black);--light-on-dark-type:var(--white);--feature-btn:var(--darkpurp);--bubble-bg:var(--white);--water-theme:var(--blue);--emergency-theme:var(--yellow);--quiz-btn:var(--darkbeige);--font-en:"Noto Sans",sans-serif;--font-zh:"Noto Sans SC",sans-serif;--font-ar:font-family: "Noto Sans Arabic",sans-serif;--font-dari:font-family: "Noto Sans Arabic",sans-serif}[data-topic=personal-emergencies] .content-block{background-color:var(--emergency-theme)}[data-topic=water-safety] .content-block{background-color:var(--water-theme)}#topics .content-block{background:rgba(247,164,32,.3);width:100%;padding:0}#topics .content-block .topic-image{background:rgba(250,114,14,.3);place-content:center;width:100%;height:140px;padding:2rem 0;display:grid}#topics .content-block .topic-image img{position:initial;top:unset;right:unset;display:block}#topics .content-block .topic-text{padding:30px;overflow:hidden}#topics .content-block .topic-text h2{max-width:16rem}#topics .content-block .comingsoon{text-transform:uppercase;color:rgba(0,0,0,.5);border:1px solid rgba(0,0,0,.5);padding:5px;font-size:1rem}#topics .content-block#emergencies{background-color:var(--red)}#topics .content-block#emergencies .topic-image{background:linear-gradient(#f7a420 0%,#ffb641 78.54%)}#topics .content-block#triplezero{background-color:var(--darkpurp);color:var(--light-on-dark-type)}#topics .content-block#triplezero .topic-image{position:relative}#topics .content-block#triplezero .topic-image img{width:100%;max-width:unset;position:absolute;top:50%;left:0;transform:translateY(-50%)}#topics .content-block#triplezero .topic-image{background:linear-gradient(#dbab7f 64%,#c79876 100%)}#topics .content-block#water{background-color:var(--blue)}#topics .content-block#water .topic-image{background:linear-gradient(#e798c5 0%,#e07ac1 78.54%)}html[dir=rtl] .content-block#triplezero .topic-image img{left:unset;right:0}@media (min-width:768px){#topics{justify-content:flex-start;gap:10px;width:760px}#topics .content-block{width:182.5px;min-width:unset}#topics .content-block .topic-image{padding:1rem 0}#topics .content-block .topic-image img{max-width:180px}#topics .content-block .topic-text{padding:20px;font-size:1rem;position:relative}#topics .content-block .topic-text h2{max-width:105px;font-size:1.125rem}#topics .content-block .topic-text .next-icon{position:absolute;top:20px;right:20px}html[dir=rtl] #topics .topic-text .next-icon{right:unset;left:20px}}@font-face{font-display:swap;font-family:Noto Sans;font-style:normal;font-weight:300;src:url(/assets/fonts/noto-sans-v39-latin-300.woff2)format("woff2")}@font-face{font-display:swap;font-family:Noto Sans;font-style:normal;font-weight:500;src:url(/assets/fonts/noto-sans-v39-latin-500.woff2)format("woff2")}@font-face{font-display:swap;font-family:Noto Sans;font-style:normal;font-weight:600;src:url(/assets/fonts/noto-sans-v39-latin-600.woff2)format("woff2")}@font-face{font-display:swap;font-family:Noto Sans;font-style:normal;font-weight:700;src:url(/assets/fonts/noto-sans-v39-latin-700.woff2)format("woff2")}@font-face{font-display:swap;font-family:Noto Sans;font-style:italic;font-weight:700;src:url(/assets/fonts/noto-sans-v39-latin-700italic.woff2)format("woff2")}@font-face{font-display:swap;font-family:Noto Sans;font-style:normal;font-weight:800;src:url(/assets/fonts/noto-sans-v39-latin-800.woff2)format("woff2")}@font-face{font-display:swap;font-family:Noto Sans;font-style:italic;font-weight:800;src:url(/assets/fonts/noto-sans-v39-latin-800italic.woff2)format("woff2")}@font-face{font-display:swap;font-family:Noto Sans Arabic;font-style:normal;font-weight:300;src:url(/assets/fonts/noto-sans-arabic-v29-arabic_latin-300.woff2)format("woff2")}@font-face{font-display:swap;font-family:Noto Sans Arabic;font-style:normal;font-weight:500;src:url(/assets/fonts/noto-sans-arabic-v29-arabic_latin-500.woff2)format("woff2")}@font-face{font-display:swap;font-family:Noto Sans Arabic;font-style:normal;font-weight:600;src:url(/assets/fonts/noto-sans-arabic-v29-arabic_latin-600.woff2)format("woff2")}@font-face{font-display:swap;font-family:Noto Sans Arabic;font-style:normal;font-weight:700;src:url(/assets/fonts/noto-sans-arabic-v29-arabic_latin-700.woff2)format("woff2")}@font-face{font-display:swap;font-family:Noto Sans Arabic;font-style:normal;font-weight:800;src:url(/assets/fonts/noto-sans-arabic-v29-arabic_latin-800.woff2)format("woff2")}@font-face{font-display:swap;font-family:Noto Sans SC;font-style:normal;font-weight:300;src:url(/assets/fonts/noto-sans-sc-v38-chinese-simplified_latin-300.woff2)format("woff2")}@font-face{font-display:swap;font-family:Noto Sans SC;font-style:normal;font-weight:500;src:url(/assets/fonts/noto-sans-sc-v38-chinese-simplified_latin-500.woff2)format("woff2")}@font-face{font-display:swap;font-family:Noto Sans SC;font-style:normal;font-weight:600;src:url(/assets/fonts/noto-sans-sc-v38-chinese-simplified_latin-600.woff2)format("woff2")}@font-face{font-display:swap;font-family:Noto Sans SC;font-style:normal;font-weight:700;src:url(/assets/fonts/noto-sans-sc-v38-chinese-simplified_latin-700.woff2)format("woff2")}@font-face{font-display:swap;font-family:Noto Sans SC;font-style:normal;font-weight:800;src:url(/assets/fonts/noto-sans-sc-v38-chinese-simplified_latin-800.woff2)format("woff2")}.intro{width:100%;height:100%;position:relative}.intro #heading,.intro .feature-button{z-index:5;position:relative}.intro .feature-button{text-align:center;place-self:center;width:fit-content}.intro #heading{text-align:center;top:8rem}.intro .intro-background{grid-template-rows:1fr 80px auto auto;justify-content:center;align-items:flex-start;width:100%;height:100%}.intro .intro-text{text-align:center;z-index:5;font-weight:600;position:relative}.intro .intro-text p{margin:0;padding:6rem 0 1rem}.intro .landing-main-image{z-index:0;text-align:center;width:100%;height:100%;position:absolute;top:0;overflow:hidden}.intro .landing-main-image img{width:100%;max-width:1024px}.intro .logos{text-align:center;width:100%;margin-bottom:1rem}.intro .logos,.intro .emergency-text{text-align:center;z-index:10;min-width:100vw;margin-top:2rem;position:relative}.intro .emergency-text{margin-top:2em}#landing .intro-background{grid-template-rows:6rem 1fr auto auto}#character-intro{justify-content:center;height:100%;display:grid;position:relative}#character-intro .character-intro-text{z-index:10;width:100%;margin-left:10px;padding-top:20px;position:relative}#character-intro .character-intro-image{z-index:0;position:absolute;bottom:0;right:0}#character-intro .character-intro-image img{display:block}[dir=rtl] #character-intro .character-intro-image{bottom:0;left:0;right:unset}[dir=rtl] #character-intro .character-intro-text{margin-left:0;margin-right:30px}@media (min-width:441px){#character-intro .character-intro-image img{width:unset}.intro #heading{top:2rem}#landing .intro-background{grid-template-rows:9rem 1fr auto auto}}@media (min-width:1024px){#character-intro{max-height:unset}#character-intro .character-intro-text{width:800px}#character-intro .character-intro-image{top:0;bottom:unset;left:unset;right:unset;text-align:center;justify-self:center;margin:0 auto;position:absolute;overflow:hidden}.intro .intro-text p{padding:3rem 0 1rem}#landing .intro-background{grid-template-rows:6rem 1fr auto auto}.intro .intro-background{background-image:url(/assets/images/LandingPage_Trees_Crop_top.png);background-position:50% 0;background-repeat:no-repeat;background-size:cover;min-height:600px}.intro .landing-main-image{min-height:600px;overflow:hidden}}#about-content{box-sizing:border-box;width:100%;padding:1rem 60px 4rem}#about-content h2{font-weight:600}#about-content h3{font-size:1rem}#about-content p{max-width:50rem}#about-heading{margin:0 2rem}@media (min-width:1080px){#about-content{width:960px;box-sizing:unset}}.background{background-color:var(--darkpurp);z-index:-1;width:100%;height:100%;position:fixed}.header{justify-content:space-between;margin:20px 30px}.header h2{color:var(--darkbeige);font-size:1.125rem;font-weight:800}.module-container{justify-content:center;width:100%;height:100%}.module-container .module-content{background-color:var(--main-bg);grid-template-rows:auto 1fr auto;max-width:440px;max-height:100%;position:relative}.module-container .module-content .intro-content{z-index:5;grid-template-rows:1fr auto;align-content:flex-start;margin:0 25px;display:grid;position:relative}.module-container .module-content .intro-content .text-content{align-content:flex-start;display:grid}.module-container .module-content .intro-content .feature-button{margin-bottom:10%}.module-container .module-content .intro-image{z-index:0;align-self:flex-end;position:absolute;right:0}.module-container .module-content .intro-image img{display:block}.module-container .module-content .video{text-align:center}.module-container .module-content .video iframe{border-radius:16px}.module-container .module-content.game{align-content:flex-start}.module-container .module-content.game .bubble-text,.module-container .module-content.game .feature-button{justify-self:center}.module-container .module-content.topic-tile{grid-template-rows:auto 1fr auto}.module-container .module-content .nav{justify-items:flex-end;margin-bottom:15%}:is(.module-container .module-content[data-sequence=intro],.module-container .module-content[data-sequence=outro])[data-topic=personal-emergencies]{background:linear-gradient(#d23621 11.06%,#f7432a 53.85%)}:is(.module-container .module-content[data-sequence=intro],.module-container .module-content[data-sequence=outro])[data-topic=water-safety]{background:linear-gradient(#ff90dd 0%,#ffb7e2 33%)}@media (min-width:768px){.module-container .module-content,.module-container .module-content .tile{width:440px}}@media (max-width:440px){.module-container .module-content{width:100vw;max-width:100%}}@media (min-height:966px){.module-container{align-content:center}.module-container .module-content{min-height:965px}}.quiz{width:100%;display:grid}.quiz .question{border:none;justify-items:center;padding:0;display:none}.quiz .question.current{display:grid}.quiz .question.question.couplet .option{display:inline-block}.quiz .question.question.couplet .option+.option{margin-left:5px}.quiz .question.complete .option{pointer-events:none}.quiz .question .question-text{box-sizing:border-box;width:100%;min-width:100%;padding:0 25px 1rem;font-size:1.25rem;font-weight:600;display:block}.quiz .question .options{margin:0 25px}.quiz .question .option{text-align:center;background-color:var(--quiz-btn);cursor:pointer;border:2px solid transparent;border-radius:6px;margin:.5em 0;padding:.75em 1rem;transition:background-color .2s;display:block}.quiz .question .option .option-select{appearance:none;margin:0;padding:0}.quiz .question .option:hover{filter:brightness(.9)}.quiz .question .option.false{background-color:var(--red)}.quiz .question .option.true{background-color:var(--lightgreen)}.quiz .hidden{display:none}.quiz .msgs{height:200px}.quiz .msgs img{align-self:end}.quiz .msgs .bubble-text{align-self:center}.quiz .msgs .bubble-text p{max-width:10rem}.quiz #success-content,.quiz #fail-content{align-content:flex-start;height:200px;margin-top:1rem}.bubble-text p.hidden{display:none}.tile{flex-direction:column;height:100%;display:none;position:relative}.tile>h3{margin:0 30px}.tile>ul{margin:0 30px 1rem}.tile>ul li{margin-bottom:.25rem}.tile p{margin:0 40px 1rem}.tile.current{display:flex}.tile.bubble-text p{font-size:1.25rem}.tile a img{vertical-align:middle;margin-right:20px}.tile .full-image{width:100%;height:unset;margin-top:auto}.tile .full-image.with-text{margin-top:inherit}.tile picture.character{position:absolute;bottom:0}.tile picture.character img{display:block}.tile img,.tile iframe{text-align:center;align-self:center}.tile iframe{border-radius:16px}.tile .image-group{text-align:center;display:inline-block}.tile .credit-overlay{height:100%;min-height:100px;position:relative}.tile .credit-overlay img{position:absolute;bottom:0}.tile .credit-overlay .credit{color:var(--light-on-dark-type);font-size:.875rem;font-style:normal;font-weight:300;position:absolute;bottom:5px;left:5px}.topic-tile{background-position:50%;background-repeat:no-repeat;background-size:cover}.topic-tile.has-image h2{color:var(--light-on-dark-type)}.topic-tile .nav{z-index:10;position:relative}.lang-en .topic-tile.advice{background:linear-gradient(#f7a420 78.37%,#ffc465 100%)}.lang-en .topic-tile.advice h2{color:var(--darkpurp)}.lang-zh .topic-tile.advice{background:linear-gradient(#fa720e 0%,#ffa25e 100%)}.lang-zh .topic-tile.advice h2{color:var(--darkpurp)}.lang-dari .topic-tile.advice{background:linear-gradient(#ff90dd 0%,#ffc3ed 100%)}.lang-dari .topic-tile.advice h2{color:var(--darkpurp)}.lang-ar .topic-tile.advice{background:linear-gradient(#4c7938 0%,#8cdf67 100%)}.lang-ar .topic-tile.advice h2{color:var(--light-on-dark-type)}.vocab-game{display:grid}.vocab-game .question{border:none;justify-content:center;padding:0;display:none}.vocab-game .question .grid-container{justify-content:center;margin-top:1rem}.vocab-game .question.current{display:grid}.vocab-game .question .question-text{box-sizing:border-box;width:100%;min-width:fit-content;padding:0 25px 1rem;font-size:1.25rem;font-weight:600}.vocab-game .question .prompt{font-family:var(--font-en);text-align:center;margin-top:.5rem}.vocab-game .question img{justify-self:center}:is(.vocab-game .question .options,.vocab-game .question .option-text,.vocab-game .question .option-match) .option{background-color:var(--quiz-btn);border-radius:8px;padding:10px}:is(.vocab-game .question .options,.vocab-game .question .option-text,.vocab-game .question .option-match) .option.selected{background-color:var(--white)}:is(.vocab-game .question .options,.vocab-game .question .option-text,.vocab-game .question .option-match) .option.selected:hover{filter:unset}:is(.vocab-game .question .options,.vocab-game .question .option-text,.vocab-game .question .option-match) .option.complete{background-color:var(--lightgreen);pointer-events:none}:is(.vocab-game .question .options,.vocab-game .question .option-text,.vocab-game .question .option-match) .option.wrong{background-color:var(--red)}:is(.vocab-game .question .options,.vocab-game .question .option-text,.vocab-game .question .option-match) .option:hover{filter:brightness(.9)}.vocab-game .question .option{cursor:pointer;text-align:center;align-content:center;display:inline-block}.vocab-game .question .prompt .missing-word{border-bottom:1px solid #000;width:2.5rem;display:inline-block}.vocab-game .question .prompt .missing-word.complete{width:initial;color:green;pointer-events:none;border-bottom:none;font-weight:700}:is(.vocab-game .question[data-type=image\ match],.vocab-game .question[data-type="fill in blank"]).complete .option{pointer-events:none}:is(.vocab-game .question[data-type=image\ match],.vocab-game .question[data-type="fill in blank"]) .option-text,:is(.vocab-game .question[data-type=image\ match],.vocab-game .question[data-type="fill in blank"]) .options{font-family:var(--font-en);grid-template-columns:1fr 1fr;gap:1em}:is(:is(.vocab-game .question[data-type=image\ match],.vocab-game .question[data-type="fill in blank"]) .option-text,:is(.vocab-game .question[data-type=image\ match],.vocab-game .question[data-type="fill in blank"]) .options) .option.complete{display:none}.vocab-game .question[data-type=image\ match] .image-match{grid-template-columns:1fr 1fr;justify-items:center;gap:20px;margin-bottom:1em}.vocab-game .question[data-type=image\ match] .image-match .grid-item.selected{border:none}.vocab-game .question[data-type=image\ match] .image-match .grid-item.selected .option-box{filter:brightness(.9);background-color:var(--main-bg)}.vocab-game .question[data-type=image\ match] .image-match .option-box{box-sizing:border-box;border:1px dashed;border-radius:5px;align-content:center;width:140px;height:70px}.vocab-game .question[data-type=image\ match] .image-match .option{border:none}.vocab-game .question[data-type=image\ match] .image-match .option.complete{pointer-events:none}.vocab-game .question[data-type=image\ match] .image-match .option.complete .option-box{background-color:var(--lightgreen);border:none}.vocab-game .question[data-type=word\ match] .grid-container{grid-template-columns:1fr 2fr;gap:10px;margin:1rem 25px}.vocab-game .question[data-type=word\ match] .grid-container .option-text,.vocab-game .question[data-type=word\ match] .grid-container .option-match{font-family:var(--font-en);align-content:space-around;gap:10px;display:grid}.vocab-game .question[data-type=word\ match] .grid-container .option-text .option{display:block}.vocab-game button.hidden{display:none}.vocab-game button.hidden>*{display:none}.vocab-game .msgs{height:160px}.vocab-game .msgs img{align-self:end}.vocab-game .msgs .bubble-text{align-self:center}.vocab-game .msgs .bubble-text p{max-width:10rem}.vocab-game #success-content,.vocab-game #fail-content{align-content:flex-start;height:160px}#language-switcher{z-index:10;justify-content:center;align-items:normal;gap:0;height:120px;margin:50px 0 0;position:relative}#language-switcher a{text-decoration:none}#language-switcher .bubble-text p{border-bottom-right-radius:16px;border-bottom-left-radius:0;margin:0;padding:10px 20px;box-shadow:0 4px 4px rgba(0,0,0,.25)}#language-switcher .bubble-text:nth-child(2n){align-self:flex-end}#language-switcher .bubble-text:hover p{top:-2px}#language-switcher .bubble-text:last-of-type p{border-bottom-right-radius:0;border-bottom-left-radius:16px}#language-switcher p{font-size:1.5rem}@media (min-width:441px){#language-switcher{margin:0 25px}}#resources-content{padding:1rem 30px}.next-icon,.back-icon,.close-icon,.top-icon{vertical-align:middle;text-align:center;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}:is(.next-icon,.back-icon,.close-icon,.top-icon).light{background-color:var(--white)}:is(.next-icon,.back-icon,.close-icon,.top-icon).dark{background-color:var(--darkpurp)}.next-icon,.back-icon,.top-icon{width:30px;height:30px;margin-left:10px;box-shadow:0 4px 4px rgba(0,0,0,.25)}.top-icon svg{transform:rotate(270deg)}html[dir=ltr] .back-icon svg{transform:rotate(180deg)}html[dir=rtl] .next-icon svg{transform:rotate(180deg)}.close-icon{width:50px;min-width:50px;height:50px}.close-icon:hover{filter:brightness(.95)}button.hidden>*{display:none}.nav{justify-content:space-between;align-items:center;max-width:1024px;margin:10px 25px 0;display:flex}.nav .button-group{text-align:center;display:inline-block}:is([data-content=vocab],[data-content=quiz]) .nav{grid-template-rows:1fr auto 1fr;grid-template-areas:".progress next";margin:1rem 25px 20%;display:grid}:is([data-content=vocab],[data-content=quiz]) .nav #progress-indicator{grid-area:progress;margin-left:50px}:is([data-content=vocab],[data-content=quiz]) .nav #finish{grid-area:next}:is([data-content=vocab],[data-content=quiz]) .nav #next{grid-area:next}:is([data-content=vocab],[data-content=quiz]) .nav #next.hidden{display:initial!important}:is(.topic-tile .nav #finish,.topic-tile .nav #next,.topic-tile .nav #back).hidden{display:initial!important}.back-button{align-items:center;margin-top:10px;font-style:italic;font-weight:800;text-decoration:none;display:flex}.back-button .back-icon{margin-right:4px}#quickexit{background-color:var(--darkbeige);z-index:10;border-radius:100px;justify-self:right;width:fit-content;margin:20px;padding:5px 5px 5px 10px;text-decoration:none;display:block}#quickexit .close-icon{width:44px;min-width:44px;height:44px}#to-top{float:right;cursor:pointer;justify-self:right;margin:1rem;font-style:italic;font-weight:800;text-decoration:none}:is(.content-wrapper,#character-intro) #quickexit{margin:20px 0;position:fixed;bottom:40px;right:20px}#next,#back,#finish{cursor:pointer;border:none;width:50px;height:50px;margin:0}:is(#next,#back,#finish):hover{filter:brightness(.9)}:is(#next,#back,#finish).hidden{visibility:hidden;cursor:none}#back.hidden,#next.hidden{display:none}.play-icon{cursor:pointer;vertical-align:middle;background-image:url(/assets/images/ui/play-icon-white.png);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border:none;width:35px;height:35px;display:inline-block}@media (min-width:771px){#quickexit{margin:20px 0;position:fixed;bottom:40px;right:40px}}#menu-button{z-index:20;cursor:pointer;font-weight:700;font-size:inherit;color:inherit;background:0 0;border:0;text-decoration:none;position:absolute;top:40px;right:40px}#menu{z-index:30;width:100%;height:100%;color:var(--light-on-dark-type);background-color:var(--menu-bg);display:none;position:fixed;right:-100%}#menu.show{display:initial;animation:.5s forwards slide;right:-100%}#menu.hide{animation:.5s forwards slideout;right:0}#menu .menu-content{float:right;text-align:right;margin-top:40px;margin-right:40px}#menu .sitelogo{float:left}#menu button{font-size:inherit;cursor:pointer;background:0 0;border:0;padding:0}#menu ul{padding:0 0 0 10px;font-size:1.25rem;font-weight:600;list-style-type:none}#menu li{margin:1rem 0}#menu a{color:inherit;text-decoration:none}#menu #about-text{padding-left:20px;position:absolute;bottom:30px;right:40px}#menu #about-text p{max-width:30rem}@keyframes slide{to{display:initial;right:0}}@keyframes slideout{0%{dispay:initial}to{display:none;right:-100%}}html[dir=rtl] #menu-button{top:40px;left:40px;right:unset;position:absolute}#progress-indicator .step{background:#fff;border-radius:50%;width:10px;height:10px;margin-right:5px;display:inline-block}#progress-indicator .step.current{background:#000}.tooltip{background-color:var(--darkbeige);box-sizing:border-box;border-radius:10px 10px 10px 0;max-width:12rem;margin-bottom:5px;padding:10px;font-size:.875rem;font-style:italic;font-weight:700;display:none;position:absolute;transform:translateY(-100%)}.tooltip.active{display:block}.tooltip-trigger{cursor:pointer;background-color:orange}.sound-dark{background-image:url(/assets/images/ui/sound-icon-white.png);background-position:50%;background-repeat:no-repeat;background-size:80% 80%;background-color:var(--feature-btn);cursor:pointer;vertical-align:middle;border:none;border-radius:50%;width:25px;height:25px;box-shadow:0 4px 4px rgba(0,0,0,.25)}.sound-dark:active,.sound-dark:hover{filter:brightness(.9)}.footer{background-color:var(--footer-bg);width:100%;color:var(--light-on-dark-type);justify-content:center;display:grid}.footer ul{padding:0;list-style-type:none}.footer a{color:inherit;text-decoration:none}.footer-content{padding:40px}#footer-links{text-align:right;margin-bottom:3rem;font-weight:700}#footer-links li{margin:1rem 0}#footer-about{margin-bottom:4rem;font-weight:500}#footer-acknowledge{margin-top:4rem;font-size:.875rem;font-weight:400}#footer-acknowledge .logos{margin-top:1rem}html[dir=rtl] #footer-links{text-align:left}@media (min-width:768px){.footer-content{grid-template-columns:2fr 1fr;grid-template-areas:"about links""acknowledge acknowledge";max-width:960px;padding:40px 60px;display:grid}#footer-about{grid-area:about}#footer-links{grid-area:links}#footer-acknowledge{grid-area:acknowledge;grid-template-columns:auto auto;gap:2rem;margin-top:0;display:grid}}