@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&family=Tilt+Warp&display=swap";.primaryActionButtonWrapper{cursor:pointer;background-color:#1555f9;color:#fff;border-radius:44px;border:0;min-height:44px;min-width:280px;padding-inline:1rem;display:flex;align-items:center;justify-content:center}.primaryActionButtonWrapper.disabled{cursor:not-allowed;opacity:.6}.primaryActionButtonWrapper span{height:100%;display:flex;align-items:center;padding:6px}.primaryActionButtonWrapper span .ant-spin-dot-item{background-color:#fff}.primaryActionButtonWrapper:hover{background-color:#4277ff}.primaryStoryCardWrapper{cursor:pointer;width:350px;height:500px;background-color:#fff;border-radius:20px;box-shadow:0 4px 8px #00000040;display:flex;flex-direction:column;align-items:center;padding:10px;transition:all .2s ease-in-out}.primaryStoryCardWrapper:hover{transform:scale(1.05)}.primaryStoryCardWrapper .coverWrapper{overflow:hidden;width:330px;height:330px;border-radius:10px;position:relative}.primaryStoryCardWrapper .coverWrapper .imageWrapper img{width:100%;height:100%;object-fit:cover}.primaryStoryCardWrapper .coverWrapper .storyStatusOverlay{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:10px;background-image:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(227,227,227,0) 70%,rgb(103,103,103) 100%);display:flex;flex-direction:column;justify-content:flex-end}.primaryStoryCardWrapper .coverWrapper .storyStatusOverlay .statusTag{display:flex;align-items:center;margin:0 0 10px 10px}.primaryStoryCardWrapper .coverWrapper .storyStatusOverlay .statusTag .statusText{color:#fff}.primaryStoryCardWrapper .coverWrapper .storyStatusOverlay .statusTag .statusCircle{display:block;width:20px;height:20px;border-radius:50%;margin:0 10px 0 0}.primaryStoryCardWrapper .coverWrapper .storyStatusOverlay .statusTag.pending .statusCircle{background-color:#f4b642}.primaryStoryCardWrapper .coverWrapper .storyStatusOverlay .statusTag.published .statusCircle{background-color:#4caf50}.primaryStoryCardWrapper .coverWrapper .storyStatusOverlay .statusTag.building .statusCircle{background-color:#6691ff}.primaryStoryCardWrapper .coverWrapper .storyStatusOverlay .statusTag.failed .statusCircle{background-color:#f44336}.primaryStoryCardWrapper .titleWrapper{width:100%;height:calc(100% - 350px);margin:10px 0 0;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.primaryStoryCardWrapper .titleWrapper .title{font-size:1.5rem;font-weight:600;color:#f4b642}.primaryStoryCardWrapper .titleWrapper .authorName{font-size:1rem;font-weight:400;color:#ababab}.desktopNavBarWrapper{height:100px;width:100%;display:flex;justify-content:space-between;align-items:center;background-color:#fff;padding:0 20px;box-shadow:0 2px 5px #4b4b4b26}.desktopNavBarWrapper .desktopNavBarLogoWrapper{height:100%;padding-block:10px}.desktopNavBarWrapper .desktopNavBarLogoWrapper img{height:100%}.desktopNavBarWrapper .desktopNavBarMenuWrapper ul{display:flex;justify-content:space-between;align-items:center;list-style:none}.desktopNavBarWrapper .desktopNavBarMenuWrapper ul a{text-decoration:none;color:#727272}.desktopNavBarWrapper .desktopNavBarMenuWrapper ul .desktopNavBarMenuTabWrapper{display:flex;justify-content:center;align-items:center;padding:0 20px;margin:0 4px;height:53px;border-radius:53px}.desktopNavBarWrapper .desktopNavBarMenuWrapper ul .desktopNavBarMenuTabWrapper span{white-space:nowrap;text-align:center}.desktopNavBarWrapper .desktopNavBarMenuWrapper ul .desktopNavBarMenuTabWrapper .iconWrapper{margin-right:8px;width:32px;height:32px}.desktopNavBarWrapper .desktopNavBarMenuWrapper ul .desktopNavBarMenuTabWrapper.active{background-color:#2461ff;color:#fff}.desktopNavBarWrapper .desktopNavBarMenuWrapper ul .desktopNavBarMenuTabWrapper.active svg path{fill:#fff;stroke:#fff}.desktopNavBarWrapper .desktopNavBarMenuWrapper ul .desktopNavBarMenuTabWrapper.active svg.plansIcon path{fill:none;stroke:#fff}.desktopNavBarWrapper .desktopNavBarMenuWrapper ul .desktopNavBarMenuTabWrapper.active svg.myStoriesIcon path{stroke:none}.desktopNavBarWrapper .desktopNavBarMenuWrapper ul .desktopNavBarMenuTabWrapper:hover:not(.active){background-color:#f2f6ff;color:#2461ff}.desktopNavBarWrapper .desktopNavBarMenuWrapper ul .desktopNavBarMenuTabWrapper:hover:not(.active) svg path{fill:#2461ff;stroke:#2461ff}.desktopNavBarWrapper .desktopNavBarMenuWrapper ul .desktopNavBarMenuTabWrapper:hover:not(.active) svg.plansIcon path{fill:none}.desktopNavBarWrapper .desktopNavBarMenuWrapper ul .desktopNavBarMenuTabWrapper:hover:not(.active) svg.myStoriesIcon path{stroke:none}@media screen and (max-width: 900px){.desktopNavBarWrapper{background:transparent;box-shadow:none;background-image:linear-gradient(to bottom,rgba(255,255,255,0),rgb(255,255,255)),url(/images/png/BG_Pattern.png);background-position:center 90%;background-repeat:no-repeat;background-size:cover}.desktopNavBarWrapper:before{content:"";position:absolute;z-index:-1;top:0;left:0;width:100%;height:100px;background:linear-gradient(to bottom,#e9eeff,rgb(255,255,255))}.desktopNavBarWrapper .desktopNavBarMenuWrapper{display:none}}.mobileNavBarWrapper{position:fixed;bottom:0;left:0;z-index:1000;height:86px;width:100%;display:flex;justify-content:space-between;align-items:center;background-color:#fff;box-shadow:0 -2px 5px #4b4b4b26}.mobileNavBarWrapper .mobileNavBarMenuWrapper{width:100%;padding:0 9px}.mobileNavBarWrapper .mobileNavBarMenuWrapper ul{width:100%;display:grid;grid-template-columns:repeat(4,1fr);list-style:none}.mobileNavBarWrapper .mobileNavBarMenuWrapper ul a{text-decoration:none;color:#727272}.mobileNavBarWrapper .mobileNavBarMenuWrapper ul .mobileNavBarMenuTabWrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 10px;height:68px;border-radius:15px}.mobileNavBarWrapper .mobileNavBarMenuWrapper ul .mobileNavBarMenuTabWrapper span{white-space:nowrap;text-align:center}.mobileNavBarWrapper .mobileNavBarMenuWrapper ul .mobileNavBarMenuTabWrapper .iconWrapper{margin-right:8px;width:32px;height:32px}.mobileNavBarWrapper .mobileNavBarMenuWrapper ul .mobileNavBarMenuTabWrapper.active{background-color:#2461ff;color:#fff}.mobileNavBarWrapper .mobileNavBarMenuWrapper ul .mobileNavBarMenuTabWrapper.active svg path{fill:#fff;stroke:#fff}.mobileNavBarWrapper .mobileNavBarMenuWrapper ul .mobileNavBarMenuTabWrapper.active svg.plansIcon path{fill:none;stroke:#fff}.mobileNavBarWrapper .mobileNavBarMenuWrapper ul .mobileNavBarMenuTabWrapper.active svg.myStoriesIcon path{stroke:none}.mobileNavBarWrapper .mobileNavBarMenuWrapper ul .mobileNavBarMenuTabWrapper:hover:not(.active){background-color:#f2f6ff;color:#2461ff}.mobileNavBarWrapper .mobileNavBarMenuWrapper ul .mobileNavBarMenuTabWrapper:hover:not(.active) svg path{fill:#2461ff;stroke:#2461ff}.mobileNavBarWrapper .mobileNavBarMenuWrapper ul .mobileNavBarMenuTabWrapper:hover:not(.active) svg.plansIcon path{fill:none}.mobileNavBarWrapper .mobileNavBarMenuWrapper ul .mobileNavBarMenuTabWrapper:hover:not(.active) svg.myStoriesIcon path{stroke:none}@media screen and (min-width: 901px){.mobileNavBarWrapper{display:none}}.mainLayoutWrapper{width:100%;height:100%;min-height:100vh;display:flex;flex-direction:column}@media screen and (max-width: 900px){.mainLayoutWrapper{padding-bottom:88px}}.mainLayoutWrapper .bodyWrapper{flex:1;height:100%;display:flex;flex-direction:column;align-items:center}.myStoriesWrapper{flex:1;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;-webkit-user-select:none;user-select:none}.myStoriesWrapper .headerSection{width:1200px;max-width:90vw;display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;background-color:#fff;border-radius:20px;box-shadow:0 4px 8px #00000040;padding:1rem}.myStoriesWrapper .headerSection .title{color:#f4b642}.myStoriesWrapper .storiesListWrapper{width:1200px;max-width:90vw;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;justify-items:center}@media screen and (max-width: 1200px){.myStoriesWrapper .storiesListWrapper{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 850px){.myStoriesWrapper .storiesListWrapper{grid-template-columns:repeat(1,1fr)}}.myStoriesWrapper .paginationWrapper{padding:1rem;margin-block:3rem 5rem;display:flex;align-items:center;justify-content:center}@media screen and (min-width: 901px){.myStoriesWrapper{padding:4rem 1rem;background-image:url(/images/png/BG_Pattern.png);background-position:center center;background-repeat:no-repeat}}.storiesCreatePage{flex:1;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}@media screen and (min-width: 901px){.storiesCreatePage{padding:4rem 1rem;background-image:url(/images/png/BG_Pattern.png);background-position:center center;background-repeat:no-repeat}}.storiesCreatePage .storiesCreatePageModal{background-color:#fff;border-radius:10px;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 8px #0000004d}@media screen and (max-width: 900px){.storiesCreatePage .storiesCreatePageModal{padding:1rem;box-shadow:none;width:100%;max-width:100%;flex:1;height:100%;border-radius:0}}.speakerIconWrapper{cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:27px;min-height:27px;aspect-ratio:1/1;width:min-content;height:min-content;border-radius:50%}.speakerIconWrapper:hover{background-color:#e7e7e7}.speakerIconWrapper:hover svg path{fill:#818181}.speakerIconWrapper.playing{background-color:#d8d8d8}.speakerIconWrapper.playing svg path{fill:#818181}.speakerIconWrapper.disabled{cursor:not-allowed;position:relative}.speakerIconWrapper.disabled svg{opacity:.2}.speakerIconWrapper.disabled:after{content:"Text to Speech not available";position:absolute;top:0;left:100%;width:100px;height:100%;display:none;align-items:center;justify-content:center;font-size:.8rem;font-weight:500;color:#c70000}.speakerIconWrapper.disabled:hover{background-color:transparent}.speakerIconWrapper.disabled:hover:after{display:flex}.primarySelectInputWrapper{padding-inline:6px;margin-bottom:8px;width:100%}.primarySelectInputWrapper__label{display:flex;align-items:center;height:33px}.primarySelectInputWrapper__label .audioButtonWrapper{display:flex;align-items:center;justify-content:center;margin-right:5px}.primarySelectInputWrapper .inputWrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.primarySelectInputWrapper .inputWrapper .ant-select{width:100%;height:100%!important}.primarySelectInputWrapper .inputWrapper .ant-select input{height:100%!important;width:100%;background-color:#f6f6f6}.primarySelectInputWrapper .inputWrapper .ant-select input.ant-input-status-error{background:#fdf4f4}.primarySelectInputWrapper .errorsWrapper{padding-top:4px;padding-left:8px;color:#d00;font-size:12px}.primarySelectInputWrapper .errorsWrapper__error{display:flex;align-items:center}.primarySelectInputWrapper .errorsWrapper__error span{height:26px}.primarySelectInputWrapper .errorsWrapper__error .errorIconWrapper{margin-right:5px}@media screen and (min-width: 900px){.primarySelectInputWrapper__label{margin-bottom:5px}}.backButtonWrapper{width:44px;height:44px;border-radius:50%;border:1px solid #1555f9;display:flex;justify-content:center;align-items:center;cursor:pointer}.backButtonWrapper:hover{background-color:#e5edff}.backButtonWrapper svg{transform:rotate(180deg)}.backButtonWrapper svg path{fill:#1555f9;stroke:#1555f9}.createStorySetFieldModalContent{width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center}.createStorySetFieldModalContent__header_wrapper{width:100%}.createStorySetFieldModalContent__header{text-align:center}.createStorySetFieldModalContent__header__title{color:#6691ff}.createStorySetFieldModalContent__header__subTitle{color:#575757}.createStorySetFieldModalContent__body{display:flex;flex-direction:column;align-items:center;width:100%;padding-block:2rem}.createStorySetFieldModalContent__body__form{width:100%}.createStorySetFieldModalContent__body__textCardsWrapper{width:100%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.createStorySetFieldModalContent__body__textCardsWrapper .storyIdea__textCard{height:55px;max-width:211px}.createStorySetFieldModalContent__body__textCardsWrapper .storyIdea__textCard.selected{width:fit-content;max-width:250px}.createStorySetFieldModalContent__body__textIconCardsWrapper{width:100%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.createStorySetFieldModalContent__body__buttons{margin-top:1rem}.createStorySetFieldModalContent__body__buttons__pickOneForMe{cursor:pointer;background-color:#fff;color:#2461ff;border-radius:50px;border:1px solid #2461ff;height:40px;padding-inline:1rem;display:flex;align-items:center;justify-content:center}.createStorySetFieldModalContent__body__buttons__pickOneForMe span{height:100%;display:flex;align-items:center;padding:6px}.createStorySetFieldModalContent__body__buttons__pickOneForMe:hover{background-color:#f4f7ff}.createStorySetFieldModalContent__footer{margin-top:1rem}.createStorySetFieldModalContent__footer__buttons{display:flex;align-items:center;justify-content:center;gap:.5rem}.createStorySetFieldModalContent__footer__buttons__next{cursor:pointer;background-color:#1555f9;color:#fff;border-radius:44px;border:0;height:44px;width:300px;display:flex;align-items:center;justify-content:center}.createStorySetFieldModalContent__footer__buttons__next span{height:100%;display:flex;align-items:center;padding:6px}.createStorySetFieldModalContent__footer__buttons__next:hover{background-color:#4277ff}.microphoneIconWrapper{cursor:pointer;width:44px;height:44px;border-radius:50%}.microphoneIconWrapper:hover{background-color:#e7e7e7}.microphoneIconWrapper:hover svg path{fill:#818181}.microphoneIconWrapper.playing{background-color:#d8d8d8}.microphoneIconWrapper.playing svg path{fill:#818181}.primaryTextInputWrapper{padding-inline:6px;margin-bottom:8px;width:100%}.primaryTextInputWrapper__label{display:flex;align-items:center;height:33px}.primaryTextInputWrapper__label .audioButtonWrapper{display:flex;align-items:center;justify-content:center;margin-right:5px}.primaryTextInputWrapper .inputWrapper{display:flex;align-items:center;justify-content:center}.primaryTextInputWrapper .inputWrapper input{width:100%;background-color:#f6f6f6}.primaryTextInputWrapper .inputWrapper input.ant-input-status-error{background:#fdf4f4}.primaryTextInputWrapper .inputWrapper__voiceSearchWrapper{padding-left:8px}.primaryTextInputWrapper .errorsWrapper{padding-top:4px;padding-left:8px;color:#d00;font-size:12px}.primaryTextInputWrapper .errorsWrapper__error{display:flex;align-items:center}.primaryTextInputWrapper .errorsWrapper__error span{height:26px}.primaryTextInputWrapper .errorsWrapper__error .errorIconWrapper{margin-right:5px}@media screen and (min-width: 900px){.primaryTextInputWrapper__label{margin-bottom:5px}}.createStoryTextCardWrapper{cursor:pointer;border:1px solid #acacac;padding:10px;margin:4px;border-radius:15px;height:32px;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;color:#676767}.createStoryTextCardWrapper.selected{background-color:#e5edff;color:#2461ff;border:2px solid #2461ff}.createStoryTextCardWrapper:hover{background-color:#f2f6ff}.createStoryTextCardWrapper__iconWrapper{display:flex;align-items:center;justify-content:center;margin-right:8px}.createStoryTextCardWrapper .btn-text-selected-sml{font-size:17px}.createStoryTextIconCardMain{margin-top:-1.6rem}.createStoryTextIconCard_Audio{position:relative;left:10px;top:34px}.createStorySetFieldModalContent{max-width:812px}.createStoryTextIconCardWrapper{cursor:pointer;border:1px solid #acacac;padding-inline:1rem;margin:4px;border-radius:15px;height:116px;width:132px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#676767}.createStoryTextIconCardWrapper.selected{background-color:#e5edff;color:#2461ff;border:2px solid #2461ff}.createStoryTextIconCardWrapper:hover{background-color:#f2f6ff}.createStoryTextIconCardWrapper__icon{font-size:3rem}.createStoryTextIconCardWrapper__text{display:flex;align-items:center;justify-content:center;text-align:center}.createStoryTextIconCardWrapper__text__iconWrapper{display:flex;align-items:center;justify-content:center;margin-right:8px}.notFoundPage .notFoundPageModal .hero{margin-block:3rem}@media screen and (min-width: 901px){.notFoundPage{padding:4rem 1rem;background-image:url(/images/png/BG_Pattern.png);background-position:center center;background-repeat:no-repeat}.notFoundPage .notFoundPageModal{padding-block:3rem;min-width:700px}}.createAuthLogin{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.createAuthLogin__header{text-align:center}.createAuthLogin__header__title{color:#6691ff}.createAuthLogin__header__subTitle{color:#575757}.createAuthLogin__body{display:flex;flex-direction:column;align-items:center;width:100%;padding-block:2rem}.createAuthLogin__body__form{width:100%}.createAuthLogin__body__textCardsWrapper{width:100%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.createAuthLogin__body__textCardsWrapper .storyIdea__textCard{height:55px;max-width:190px}.createAuthLogin__body__textCardsWrapper .storyIdea__textCard.selected{width:fit-content;max-width:250px}.createAuthLogin__body__textIconCardsWrapper{width:100%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.createAuthLogin__body__buttons{margin-top:1rem}.createAuthLogin__body__buttons__pickOneForMe{cursor:pointer;background-color:#fff;color:#2461ff;border-radius:50px;border:1px solid #2461ff;height:40px;padding-inline:1rem;display:flex;align-items:center;justify-content:center}.createAuthLogin__body__buttons__pickOneForMe span{height:100%;display:flex;align-items:center;padding:6px}.createAuthLogin__body__buttons__pickOneForMe:hover{background-color:#f4f7ff}.createAuthLogin__footer__buttons{display:flex;align-items:center;justify-content:center;flex-direction:column}.createAuthLogin__footer__buttons__next{cursor:pointer;background-color:#1555f9;color:#fff;border-radius:50px;border:0;height:52px;width:300px;display:flex;align-items:center;justify-content:center}.createAuthLogin__footer__buttons__next span{height:100%;display:flex;align-items:center;padding:6px}.createAuthLogin__footer__buttons__next:hover{background-color:#4277ff}.createAuthLogin__footer__auth{text-align:center;padding-top:1rem}.createAuthLogin__footer__auth__authLink{color:#6691ff}.bookWrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;width:100%;max-width:1200px}.bookWrapper .book{width:95%;height:750px;border-radius:10px;display:grid;grid-template-columns:1fr 1fr;padding:20px;position:relative}.bookWrapper .book .pages-decoration{height:100%;width:100%;position:absolute}.bookWrapper .book .pages-decoration .page-dec{position:absolute;width:50px;height:calc(100% - 40px);top:20px;border-radius:10px 0 0 10px;background-color:#fff;opacity:1;filter:drop-shadow(-5px 0px 1px rgba(0,0,0,.1))}.bookWrapper .book .pages-decoration .page-1{z-index:2;left:10px}.bookWrapper .book .pages-decoration .page-2{z-index:2;right:10px;border-radius:0 10px 10px 0;filter:drop-shadow(5px 0px 1px rgba(0,0,0,.1))}.bookWrapper .book .pages-decoration .page-3{z-index:1;left:0}.bookWrapper .book .pages-decoration .page-4{z-index:1;right:0;border-radius:0 10px 10px 0;filter:drop-shadow(5px 0px 1px rgba(0,0,0,.1))}.bookWrapper .book .page_left{border-radius:10px 30px 30px 10px;filter:drop-shadow(-5px 0px 8px rgba(0,0,0,.25))}.bookWrapper .book .page_left:before{content:"";position:absolute;top:0;right:0;width:50px;height:100%;background-image:linear-gradient(to left,rgba(0,0,0,.5) 0%,rgba(0,0,0,.2) 20%,rgba(0,0,0,0) 100%)}.bookWrapper .book .page_right{filter:drop-shadow(5px 0px 8px rgba(0,0,0,.25));border-radius:30px 10px 10px 30px}.bookWrapper .book .page_right:before{content:"";position:absolute;top:0;left:0;width:50px;height:100%;background-image:linear-gradient(to right,rgba(0,0,0,.5) 0%,rgba(0,0,0,.2) 20%,rgba(0,0,0,0) 100%)}.bookWrapper .book .page_left,.bookWrapper .book .page_right{overflow:hidden;position:relative;padding:3rem;z-index:3;display:flex;flex-direction:column;background-color:#fff}.bookWrapper .actionButtons .actionButton{z-index:3;cursor:pointer;background-color:#fff;width:60px;height:60px;border-radius:50%;box-shadow:0 0 8px #00000040;opacity:.5}.bookWrapper .actionButtons .actionButtonLeft{position:absolute;left:40px;top:50%;transform:translateY(-50%)}.bookWrapper .actionButtons .actionButtonRight{position:absolute;right:40px;top:50%;transform:translateY(-50%)}.bookWrapper .actionButtons .actionButton:hover{opacity:1}.titleWrapper{height:100%;display:flex;flex-direction:column;justify-content:center;padding:1rem;text-align:center}.titleWrapper .title{color:#6691ff}.titleWrapper .author{color:#f4b642}.page_content{flex:1;height:100%;display:grid;grid-template-columns:1fr;row-gap:1rem}.page_content .page_image{height:100%;width:100%;overflow:hidden}.page_content .page_image img{width:100%;height:100%;object-fit:contain}.page_content .page_text{width:100%;height:min-content}.secondaryActionButtonWrapper{cursor:pointer;background-color:#fff;color:#2461ff;border-radius:50px;border:1px solid #2461ff;min-height:34px;padding-inline:1rem;display:flex;align-items:center;justify-content:center;text-align:center;line-height:10px}.secondaryActionButtonWrapper span{height:100%;display:flex;align-items:center;padding:6px}.secondaryActionButtonWrapper span .ant-spin-dot-item{background-color:#4277ff}.secondaryActionButtonWrapper:hover{background-color:#e6f0ff}.endPageWrapper{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem;text-align:center}.endPageWrapper .title{color:#6691ff}.endPageWrapper .actionButtonsWrapper{margin-top:4rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}.eReaderWrapper{flex:1;width:100%;height:100%;display:flex;flex-direction:column;align-items:center}@media screen and (min-width: 901px){.eReaderWrapper{padding:4rem 1rem;background-image:url(/images/png/BG_Pattern.png);background-position:center center;background-repeat:no-repeat}}.questionComponentWrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:490px}.questionComponentWrapper .questionTextWrapper{width:100%;display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem}.questionComponentWrapper .questionTextWrapper .audioButtonWrapper{background-color:#fff;border-radius:50%}.questionComponentWrapper .questionTextWrapper .questionText{max-width:400px;text-align:center}.questionComponentWrapper .answerOptionsWrapper{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;margin-block:1rem}.questionComponentWrapper .answerOptionsWrapper .answerOption{width:500px;max-width:100%}.questionComponentWrapper .answerOptionsWrapper .answerOption button{padding-inline:2rem;filter:drop-shadow(0px 5px 0px #d1d1d1);cursor:pointer;width:100%;min-height:45px;border-radius:8px;border:1px solid #d1d1d1;background-color:#fff;display:flex;align-items:center;justify-content:center;gap:1rem}.questionComponentWrapper .answerOptionsWrapper .answerOption button .audioButtonWrapper{background-color:#fff;border-radius:50%}.questionComponentWrapper .answerOptionsWrapper .answerOption button .answerIcon{display:flex;align-items:center;justify-content:center}.questionComponentWrapper .answerOptionsWrapper .answerOption button .answerText{flex:1}.questionComponentWrapper .answerOptionsWrapper.answered .correct button{filter:drop-shadow(0px 5px 0px #036334) drop-shadow(0px 5px 10px #06bc64);border:1px solid white;background-color:#048647;color:#fff}.questionComponentWrapper .answerOptionsWrapper.answered .selected.incorrect button{filter:drop-shadow(0px 5px 0px #ca1637) drop-shadow(0px 5px 10px #e61e42);border:1px solid white;background-color:#e61e42;color:#fff}.questionComponentWrapper .explanationWrapper{width:100%;border:1px solid white;border-radius:8px;position:relative;filter:drop-shadow(0px 2px 6px rgba(80,80,80,.1));padding:10px 1.5rem;display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem}.questionComponentWrapper .explanationWrapper.correct{background-color:#f0fff0}.questionComponentWrapper .explanationWrapper.incorrect{background-color:#fff1f0}.questionComponentWrapper .explanationWrapper .explanationIconWrapper{position:absolute;background-color:#fff;border-radius:50%;width:30px;height:30px;top:50%;left:0;transform:translate(-50%,-50%)}.questionComponentWrapper .explanationWrapper .audioButtonWrapper{background-color:#fff;border-radius:50%}.progressBarWrapper{display:flex;flex-direction:column;align-items:center}.progressBarWrapper .label{text-align:center}.progressBarWrapper .barWrapper{width:212px;height:14px;position:relative;background:#caf3ff;border-radius:13px}.progressBarWrapper .barWrapper .bar{position:absolute;top:0;left:0;height:100%;border-radius:13px;background:#59bcda}.progress-container{width:100%;height:10px;background-color:#eee;margin-top:10px;border-radius:13px;overflow:hidden}.progress-bar{height:100%;width:0;background-color:#59bcda;transition:width .8s ease-in-out;border-radius:1rem}.quizModalContentWrapper,.congratsScreen{display:flex;flex-direction:column;align-items:center;justify-content:center}.quizModalContentWrapper header,.congratsScreen header{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.quizModalContentWrapper header .title,.congratsScreen header .title{color:#6691ff}.quizModalContentWrapper header .subtitle,.congratsScreen header .subtitle{color:#575757;max-width:350px;line-height:22px}.quizModalContentWrapper .questionWrapper,.congratsScreen .questionWrapper{padding-block:2rem;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.quizModalContentWrapper .bodyWrapper,.congratsScreen .bodyWrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-block:2rem;gap:2rem}.quizModalContentWrapper .bodyWrapper img,.congratsScreen .bodyWrapper img{max-height:250px;object-fit:contain}.quizModalContentWrapper .bodyWrapper .actionButtons,.congratsScreen .bodyWrapper .actionButtons{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.buildingStoryWrapper .buildingStatusWrapper,.buildingStoryWrapper .publishedStatusWrapper,.buildingStoryWrapper .errorStatusWrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.buildingStoryWrapper .buildingStatusWrapper .title,.buildingStoryWrapper .publishedStatusWrapper .title,.buildingStoryWrapper .errorStatusWrapper .title{color:#6691ff}.buildingStoryWrapper .buildingStatusWrapper .loaderWrapper,.buildingStoryWrapper .publishedStatusWrapper .loaderWrapper,.buildingStoryWrapper .errorStatusWrapper .loaderWrapper{width:100%}.buildingStoryWrapper .buildingStatusWrapper .loaderWrapper img,.buildingStoryWrapper .publishedStatusWrapper .loaderWrapper img,.buildingStoryWrapper .errorStatusWrapper .loaderWrapper img{max-height:250px;width:100%;object-fit:cover}.buildingStoryWrapper .buildingStatusWrapper .actionButtonsWrapper,.buildingStoryWrapper .publishedStatusWrapper .actionButtonsWrapper,.buildingStoryWrapper .errorStatusWrapper .actionButtonsWrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:2rem;gap:1rem}.buildingStoryWrapper .buildingStatusWrapper .title{color:#6691ff}.buildingStoryWrapper .publishedStatusWrapper .title{color:#6f6}.buildingStoryWrapper .errorStatusWrapper .title{color:#f66}.spriteSheetAnimationWrapper{overflow:hidden}.spriteSheetAnimationWrapper .animatedSprite{width:100%;height:100%;background-size:contain}.notFoundPage{flex:1;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.notFoundPage .notFoundPageModal{background-color:#fff;border-radius:10px;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 8px #0000004d}.notFoundPage .notFoundPageModal .title{color:#6691ff}.notFoundPage .notFoundPageModal .subtitle{color:#575757}.notFoundPage .notFoundPageModal .hero{margin-block:3rem;width:100%;display:flex;justify-content:center;align-items:center}.notFoundPage .notFoundPageModal .hero img{width:100%;max-width:300px;object-fit:contain}@media screen and (max-width: 900px){.notFoundPage .notFoundPageModal{padding:1rem;box-shadow:none;width:100%;max-width:100%;flex:1;height:100%;border-radius:0}}@media screen and (min-width: 901px){.notFoundPage{padding:4rem 1rem;background-image:url(/images/png/BG_Pattern.png);background-position:center center;background-repeat:no-repeat}.notFoundPage .notFoundPageModal{padding-block:3rem;min-width:700px}}:root{--color-1: #e9eeff}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}a{text-decoration:none;color:inherit}body{background:#e9eeff;width:100vw;max-width:100vw;min-height:100vh;overflow-x:hidden;overflow-y:auto}@media screen and (max-width: 900px){body{background:white}}#root{width:100%;min-height:100vh}.desktop-H1{font-size:32px;font-family:Tilt Warp,cursive}@media screen and (max-width: 900px){.desktop-H1{font-size:28px}}.desktop-H2{font-size:22px;font-family:Poppins,cursive;font-weight:600}@media screen and (max-width: 900px){.desktop-H2{font-size:18px}}.desktop-H3{font-size:18px;font-family:Poppins,sans-serif;font-weight:500}.mobile-H1{font-size:28px;font-family:Tilt Warp,cursive}.mobile-H2{font-size:18px;font-family:Tilt Warp,cursive}.form-header{font-size:18px;font-family:Poppins,sans-serif;font-weight:600}.form-field{font-size:18px;font-family:Poppins,sans-serif;font-weight:500}.btn-text-sml{font-size:16px;font-family:Poppins,sans-serif;font-weight:500}.btn-text-x-sml{font-size:14px;font-family:Poppins,sans-serif;font-weight:500}.btn-text-med{font-size:18px;font-family:Poppins,sans-serif;font-weight:500}.btn-text-lrg{font-size:22px;font-family:Poppins,sans-serif;font-weight:500}.btn-text-selected-sml{font-size:16px;font-family:Poppins,sans-serif;font-weight:600}.btn-text-selected-med{font-size:18px;font-family:Poppins,sans-serif;font-weight:600}.btn-text-selected-lrg{font-size:22px;font-family:Poppins,sans-serif;font-weight:600}.book-H1{font-size:32px;font-family:Tilt Warp,cursive}.book-H2{font-size:28px;font-family:Poppins,sans-serif}.book-body{font-size:16px;font-family:Poppins,sans-serif;font-weight:500}.assessment_pagination{font-size:24px;font-family:Tilt Warp,cursive}