.nanopopup.family-sub-required-popup{background-color:var(--tutorial-color-3);overflow:hidden}.nanopopup.family-sub-required-popup[data-feature-name=create-story] .is-edit-story,.nanopopup.family-sub-required-popup[data-feature-name=challenge-from-catalog] .is-edit-story,.nanopopup.family-sub-required-popup[data-feature-name=challenge-from-scratch] .is-edit-story{display:none}.nanopopup.family-sub-required-popup[data-feature-name=create-story] .is-create-story,.nanopopup.family-sub-required-popup[data-feature-name=challenge-from-catalog] .is-create-story,.nanopopup.family-sub-required-popup[data-feature-name=challenge-from-scratch] .is-create-story,.nanopopup.family-sub-required-popup[data-feature-name=edit-story] .is-edit-story{display:block}.nanopopup.family-sub-required-popup[data-feature-name=edit-story] .is-create-story,.nanopopup.family-sub-required-popup .is-create-challenge,.nanopopup.family-sub-required-popup.school-context .is-create-story,.nanopopup.family-sub-required-popup.school-context .is-edit-story{display:none}.nanopopup.family-sub-required-popup.school-context .is-create-challenge{display:block}.nanopopup.family-sub-required-popup .close-container{background-color:var(--tutorial-color-9);z-index:10;border-radius:50%;width:50px;height:50px;transition:all .25s;top:15px;left:15px}.nanopopup.family-sub-required-popup .close-container i,.nanopopup.family-sub-required-popup .close-container svg{color:var(--default-color-2);font-size:25px}.nanopopup.family-sub-required-popup .close-container:hover{filter:brightness(1.3)}@media screen and (width<=599px){.nanopopup.family-sub-required-popup .close-container{background:0 0;width:40px;height:40px;top:0;left:0}.nanopopup.family-sub-required-popup .close-container i,.nanopopup.family-sub-required-popup .close-container svg{color:var(--tutorial-color-9);font-size:25px}}.nanopopup.family-sub-required-popup .popup-section{aspect-ratio:640/500;flex-flow:row;max-width:640px;max-height:500px;font-size:20px;line-height:1.2em;display:flex}.nanopopup.family-sub-required-popup .popup-section .popup-visual{aspect-ratio:300/500;flex-flow:row;flex:47%;justify-content:center;align-items:center;max-height:500px;padding:5px 0 5px 7px;display:flex}.nanopopup.family-sub-required-popup .popup-section .popup-visual img{aspect-ratio:300/500;max-width:100%}.nanopopup.family-sub-required-popup .popup-section .popup-info{aspect-ratio:340/500;flex-flow:column wrap;flex:53%;justify-content:flex-start;align-items:flex-start;max-height:500px;display:flex}.nanopopup.family-sub-required-popup .popup-section .popup-info .popup-title{padding:3vh 20px 2vh}.nanopopup.family-sub-required-popup .popup-section .popup-info .popup-title h2{color:var(--tutorial-color-9);text-transform:none;overflow-wrap:break-word;margin:0;font-size:clamp(18px,2vw,23px);font-weight:800;line-height:1.3em}.nanopopup.family-sub-required-popup .popup-section .popup-info .popup-text{flex:1;margin:0 10px 10px 0;padding:0 20px;overflow:hidden auto}.nanopopup.family-sub-required-popup .popup-section .popup-info .popup-text::-webkit-scrollbar{width:6px}.nanopopup.family-sub-required-popup .popup-section .popup-info .popup-text::-webkit-scrollbar-thumb{background-color:var(--default-color-3);border-radius:5px}.nanopopup.family-sub-required-popup .popup-section .popup-info .popup-text::-webkit-scrollbar-track{background-color:var(--default-color-2);border-radius:5px}@supports not selector(::-webkit-scrollbar){.nanopopup.family-sub-required-popup .popup-section .popup-info .popup-text{scrollbar-color:var(--default-color-3) var(--default-color-2);scrollbar-width:thin}}.nanopopup.family-sub-required-popup .popup-section .popup-info .popup-text h3{color:var(--tutorial-color-9);text-transform:none;margin:0 0 20px;font-size:18px;font-weight:400;line-height:1.2em}.nanopopup.family-sub-required-popup .popup-section .popup-info .popup-text p{color:var(--default-color-2);overflow-wrap:break-word;margin:0 0 10px;font-size:clamp(16px,2vw,18px);font-weight:400;line-height:1.4em}.nanopopup.family-sub-required-popup .popup-section .popup-info .popup-text ul{padding:0;list-style-type:none}.nanopopup.family-sub-required-popup .popup-section .popup-info .popup-text ul li{color:var(--tutorial-color-9);flex-flow:wrap;justify-content:flex-start;align-items:center;min-height:26px;margin:0 0 15px;padding:0 0 0 36px;font-size:14px;font-weight:400;line-height:1.2em;display:flex;position:relative}.nanopopup.family-sub-required-popup .popup-section .popup-info .popup-text ul li:before{content:"";aspect-ratio:1;background-image:url(https://constellation-backend-images.s3.ca-central-1.amazonaws.com/production/icons/troub-check-green-round.svg);background-repeat:no-repeat;background-size:cover;width:26px;display:block;position:absolute;top:0;left:0}.nanopopup.family-sub-required-popup .popup-section .popup-info .popup-text label{color:var(--tutorial-color-9);flex-flow:row;justify-content:flex-start;align-items:center;gap:5px;margin:0 0 5px;font-size:14px;font-weight:400;line-height:1.2em;display:flex}.nanopopup.family-sub-required-popup .popup-section .popup-info .popup-text input[type=text]{color:var(--tutorial-color-9);border:1px solid var(--tutorial-color-9);width:100%}.nanopopup.family-sub-required-popup .popup-section .popup-info .popup-text input[type=text]:focus-visible{outline:none}.nanopopup.family-sub-required-popup .popup-section .popup-info .button-group{flex-flow:column;justify-content:center;align-items:center;gap:20px;width:100%;margin:auto 0 0;padding:0 0 30px;display:flex}.nanopopup.family-sub-required-popup .popup-section .popup-info .button-group a:not(.troubadour-button){color:var(--default-color-2);text-align:center;font-size:clamp(14px,2vw,18px);font-weight:800;line-height:1.2em;text-decoration-line:underline}@media screen and (width<=599px){.nanopopup.family-sub-required-popup .popup-section{max-height:90vh;aspect-ratio:unset}.nanopopup.family-sub-required-popup .popup-section .popup-visual{display:none}.nanopopup.family-sub-required-popup .popup-section .popup-info{aspect-ratio:unset;flex:100%;padding:0}.nanopopup.family-sub-required-popup .popup-section .popup-info .popup-title{padding:40px 40px 30px}.nanopopup.family-sub-required-popup .popup-section .popup-info .popup-text{padding:0 20px 30px 40px}}.nanopopup.family-sub-required-popup .family-sub-access-code .popup-info .popup-text{width:100%;padding-right:40px}.nanopopup.family-sub-required-popup .family-sub-access-code .code-confirm-button{margin:0 0 0 auto;display:flex}.nanopopup.family-sub-required-popup .family-sub-activation .popup-info .popup-title h2{color:var(--troubadour-main-17)}.nanopopup.family-sub-required-popup .family-sub-activation .popup-info .button-group{flex-flow:wrap;justify-content:flex-end;align-items:center;padding-right:20px}@media (width>=1px),(width<=1280px),(width<=992px),(width<=767px),(width<=480px){.nanopopup.family-sub-required-popup{width:90vw!important;height:unset!important;min-width:300px!important;max-width:640px!important;min-height:200px!important;max-height:500px!important;padding:0!important}}.nanopopup.paid-feature-info-popup{background-color:var(--default-bg-2);overflow:visible}.nanopopup.paid-feature-info-popup .close-container{background-color:var(--babillard-color-1);z-index:100;border-radius:50%;width:40px;height:40px;top:5px;left:5px}.nanopopup.paid-feature-info-popup .close-container i,.nanopopup.paid-feature-info-popup .close-container svg{color:var(--default-color-2);font-size:20px}.nanopopup.paid-feature-info-popup .close-container:hover{filter:brightness(1.2)}.nanopopup.paid-feature-info-popup:after{content:"";aspect-ratio:78/114;background-image:url(https://constellation-backend-images.s3.ca-central-1.amazonaws.com/production/interfaces/troub-paid-package-ribbon.svg);background-repeat:no-repeat;background-size:cover;width:78px;position:absolute;top:0;right:0;transform:translate(20px,-20px)}.nanopopup.paid-feature-info-popup h2{text-align:center;color:var(--troubadour-main);text-transform:none;overflow-wrap:break-word;margin:0 0 30px;padding:0 40px;font-size:clamp(24px,3vw,40px);font-weight:800;line-height:1em}.nanopopup.paid-feature-info-popup p{color:var(--default-color-4);text-transform:none;margin:0 0 20px;font-size:clamp(14px,2vw,23px);line-height:1em}.nanopopup.paid-feature-info-popup .popup-section{flex-flow:column;display:flex}.nanopopup.paid-feature-info-popup .paid-feature-message-container .paid-feature-message{display:none}.nanopopup.paid-feature-info-popup .activation-code-container .activation-code-message label{color:var(--default-color-4);flex-flow:row;gap:5px;margin:0 0 8px;font-size:clamp(14px,2vw,18px);line-height:1em;display:flex}.nanopopup.paid-feature-info-popup .activation-code-container .activation-code-message label i,.nanopopup.paid-feature-info-popup .activation-code-container .activation-code-message label svg{color:var(--troubadour-main-5)}.nanopopup.paid-feature-info-popup .activation-code-container .activation-code-message input{color:var(--default-color-8);border:1px solid var(--default-color-7);text-transform:none;border-radius:4px;outline:none;margin:0 0 20px;padding:10px;font-size:clamp(14px,2vw,23px);line-height:1em}.nanopopup.paid-feature-info-popup .activation-code-container .activation-code-message input:focus,.nanopopup.paid-feature-info-popup .activation-code-container .activation-code-message input:focus-visible{border:2px solid var(--troubadour-main-5)}.nanopopup.paid-feature-info-popup .activation-confirmation-container .activation-confirmation-message .ribbon{text-align:center;margin:0 auto 20px}.nanopopup.paid-feature-info-popup .activation-confirmation-container .activation-confirmation-message .ribbon img{width:30vw;max-width:200px}.nanopopup.paid-feature-info-popup .activation-confirmation-container .activation-confirmation-message ul,.nanopopup.paid-feature-info-popup .activation-confirmation-container .activation-confirmation-message ol{margin:0 0 20px}.nanopopup.paid-feature-info-popup .activation-confirmation-container .activation-confirmation-message ul li,.nanopopup.paid-feature-info-popup .activation-confirmation-container .activation-confirmation-message ol li{color:var(--default-color-4);margin:0 0 10px;font-size:clamp(14px,2vw,23px);line-height:1em}.nanopopup.paid-feature-info-popup .activation-confirmation-container .activation-confirmation-message ul li:last-child,.nanopopup.paid-feature-info-popup .activation-confirmation-container .activation-confirmation-message ol li:last-child{margin:0}.nanopopup.paid-feature-info-popup[data-feature-name=default-paid-feature] .paid-feature-message.default-paid-feature,.nanopopup.paid-feature-info-popup[data-feature-name=challenge-from-scratch] .paid-feature-message.challenge-from-scratch,.nanopopup.paid-feature-info-popup[data-feature-name=challenge-from-catalog] .paid-feature-message.challenge-from-catalog,.nanopopup.paid-feature-info-popup[data-feature-name=challenge-masking] .paid-feature-message.challenge-masking,.nanopopup.paid-feature-info-popup[data-feature-name=challenge-correction] .paid-feature-message.challenge-correction{display:block}.nanopopup.paid-feature-info-popup .action-buttons{flex-flow:row-reverse wrap;justify-content:flex-start;align-items:center;gap:15px;display:flex}.nanopopup.paid-feature-info-popup .action-buttons a{color:var(--troubadour-main);font-family:Sofia Pro;font-size:clamp(14px,2vw,18px);line-height:1.2em;text-decoration:underline}@media screen and (width<=799px){.nanopopup.paid-feature-info-popup .action-buttons{flex-flow:column;justify-content:center}}@media (width>=1px),(width<=1280px),(width<=992px),(width<=767px),(width<=480px){.nanopopup.paid-feature-info-popup{width:90vw!important;min-width:300px!important;max-width:560px!important;height:auto!important;min-height:auto!important;max-height:unset!important;padding:40px!important}}