.nanopopup.info-guided-tutorial-popup{color:var(--tutorial-color-16);background-color:var(--tutorial-color-4);overflow:hidden}.nanopopup.info-guided-tutorial-popup .close-container{background-color:var(--tutorial-color-6);width:50px;height:50px;left:15px;right:unset;z-index:10;border-radius:50%;top:15px}.nanopopup.info-guided-tutorial-popup .close-container i,.nanopopup.info-guided-tutorial-popup .close-container svg{color:var(--default-color-2);font-size:30px!important}.nanopopup.info-guided-tutorial-popup .close-container:hover{filter:brightness(1.2)}.nanopopup.info-guided-tutorial-popup .popup-section{flex-flow:column wrap;height:100%;display:flex}.nanopopup.info-guided-tutorial-popup .popup-section .popup-content{flex-flow:row;flex:1;justify-content:center;align-items:flex-start;display:flex;position:relative}.nanopopup.info-guided-tutorial-popup .popup-section .popup-content .popup-visual{flex-flow:column;flex:40%;justify-content:flex-start;align-items:center;padding:0;display:flex}.nanopopup.info-guided-tutorial-popup .popup-section .popup-content .popup-visual.skippy{justify-content:flex-end}.nanopopup.info-guided-tutorial-popup .popup-section .popup-content .popup-visual.skippy img{max-width:100%}.nanopopup.info-guided-tutorial-popup .popup-section .popup-content .popup-visual.challenge-card-container{padding:40px 0 40px 40px}.nanopopup.info-guided-tutorial-popup .popup-section .popup-content .popup-visual.challenge-card-container .challenge-card{height:230px}.nanopopup.info-guided-tutorial-popup .popup-section .popup-content .popup-text{flex-flow:column wrap;flex:60%;align-self:stretch;padding:40px 30px 30px;display:flex}.nanopopup.info-guided-tutorial-popup .popup-section .popup-content .popup-text .inner{flex:1;padding-bottom:40px}.nanopopup.info-guided-tutorial-popup .popup-section .popup-content .popup-text h2{color:var(--troubadour-main-24);text-transform:none;margin:0 0 20px;font-size:clamp(18px,3vw,30px);font-weight:800;line-height:1.2em}.nanopopup.info-guided-tutorial-popup .popup-section .popup-content .popup-text p{color:var(--troubadour-main-24);margin:0 0 20px;font-size:clamp(14px,2vw,23px);line-height:1.2em}.nanopopup.info-guided-tutorial-popup .popup-section .popup-content .popup-text p:last-of-type{margin-bottom:0}.nanopopup.info-guided-tutorial-popup .popup-section .popup-content .popup-text p .open-info-guided-tutorial-btn{width:25px;height:25px;margin:0 2px;display:inline-flex}.nanopopup.info-guided-tutorial-popup .popup-section .popup-content .popup-text .action-buttons{flex-flow:row;justify-content:flex-end;align-items:center;gap:10px;margin:0;padding:0;display:flex}.nanopopup.info-guided-tutorial-popup .popup-section .popup-content .popup-text .action-buttons .more-info-btn .button-text{font-size:12px!important}.nanopopup.info-guided-tutorial-popup .popup-section .popup-content .challenge-card-sample{background-color:var(--default-color-6);width:210px;height:210px;box-shadow:var(--dropshadow);backface-visibility:hidden;border-radius:5px;outline:1px solid #0000;flex-direction:column;justify-content:flex-start;align-items:center;margin:6px 0 0;padding:0 0 15px;display:flex;position:relative}.nanopopup.info-guided-tutorial-popup .popup-section .popup-content .challenge-card-sample .challenge-header{width:100%;margin:0 0 10px;position:relative}.nanopopup.info-guided-tutorial-popup .popup-section .popup-content .challenge-card-sample .challenge-header .challenge-thumbnail{aspect-ratio:350/100;border-radius:5px 5px 0 0;width:100%;max-width:100%;margin:0}.nanopopup.info-guided-tutorial-popup .popup-section .popup-content .challenge-card-sample .challenge-title{width:100%;color:var(--default-color-2);text-align:center;overflow-wrap:anywhere;-webkit-line-clamp:3;line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;margin:0 0 5px;padding:0 13px;font-size:18px;font-style:italic;font-weight:400;line-height:1.6rem;display:-webkit-box;overflow:hidden}.nanopopup.info-guided-tutorial-popup .popup-section .popup-content .challenge-card-sample .challenge-title p,.nanopopup.info-guided-tutorial-popup .popup-section .popup-content .challenge-card-sample .challenge-title span{text-align:center;max-width:100%;margin:0;padding:0;font-size:18px;font-style:italic;font-weight:400;line-height:1.6rem;color:var(--default-color-2)!important}.nanopopup.info-guided-tutorial-popup .popup-section .popup-content .challenge-card-sample .action-buttons{flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;margin:auto 0 5px;padding:0 13px;display:flex}.nanopopup.info-guided-tutorial-popup .popup-section .popup-content .challenge-card-sample .action-buttons .btn-tooltip-wrapper{width:100%}@media screen and (width<=599px){.nanopopup.info-guided-tutorial-popup .popup-section .popup-content{flex-flow:column}.nanopopup.info-guided-tutorial-popup .popup-section .popup-content .popup-text .inner{padding-bottom:20px}.nanopopup.info-guided-tutorial-popup .popup-section .popup-content .popup-visual.challenge-card-container{margin:0 auto;padding:40px 0 0}.nanopopup.info-guided-tutorial-popup .popup-section.first-visit-greeting .popup-content,.nanopopup.info-guided-tutorial-popup .popup-section.skip-tutorial-option .popup-content{flex-flow:column-reverse}.nanopopup.info-guided-tutorial-popup .popup-section.first-visit-greeting .popup-content .popup-visual,.nanopopup.info-guided-tutorial-popup .popup-section.skip-tutorial-option .popup-content .popup-visual{width:100px;position:absolute;bottom:0;left:0}.nanopopup.info-guided-tutorial-popup .popup-section.first-visit-greeting .popup-content .popup-text,.nanopopup.info-guided-tutorial-popup .popup-section.skip-tutorial-option .popup-content .popup-text{flex-basis:100%;padding-top:20px}.nanopopup.info-guided-tutorial-popup .popup-section.first-visit-greeting .popup-content .popup-text .action-buttons,.nanopopup.info-guided-tutorial-popup .popup-section.skip-tutorial-option .popup-content .popup-text .action-buttons{margin:120px 0 0}.nanopopup.info-guided-tutorial-popup .popup-section.skip-tutorial-option .popup-content .popup-text .action-buttons{flex-flow:column wrap;align-items:flex-end}.nanopopup.info-guided-tutorial-popup .popup-section.skip-tutorial-option .popup-content .popup-text .action-buttons *{align-self:flex-end}}@media (width>=1px),(width<=1280px),(width<=992px),(width<=767px),(width<=480px){.nanopopup.info-guided-tutorial-popup{width:95vw!important;height:auto!important;min-height:auto!important;max-height:unset!important;min-width:auto!important;max-width:660px!important;padding:0!important}}
