.reading-template{background-color:var(--challenge-card-bg);box-shadow:var(--dropshadow);box-sizing:border-box;border-radius:8px;flex-flow:column wrap;flex:13.333%;min-width:250px;max-width:520px;margin:0;display:flex}.reading-template.teacher--disabled{position:relative}.reading-template.teacher--disabled:before{content:"Défi inactif";color:#fff;text-align:center;z-index:10;background-color:red;border-radius:5px;width:50%;padding:5px;font-weight:700;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.reading-template.teacher--removed{background-color:var(--default-color-10);position:relative}.reading-template.teacher--removed .reading-challenge-admin-btns,.reading-template.teacher--removed .button-group,.reading-template.teacher--removed .delete-button{display:none!important}.reading-template.teacher--removed:before{content:"Défi supprimé";color:#fff;background-color:var(--default-color-8);text-align:center;z-index:10;border-radius:5px;width:50%;padding:5px;font-weight:700;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.reading-template .banner-section{aspect-ratio:350/100;background-color:var(--default-bg);border-radius:8px 8px 0 0;width:100%;max-width:520px;margin:0 0 10px;position:relative}.reading-template .banner-section .image-placeholder{background-color:var(--primary-text-3-dark);border-radius:8px 8px 0 0;width:100%;height:100%;display:flex;position:absolute}.reading-template .banner-section .image-placeholder svg{color:var(--primary-text-1);margin:auto;font-size:4em}.reading-template .banner-section .image-template{width:100%;image-rendering:pixelated;aspect-ratio:350/100;border-radius:8px 8px 0 0;display:block}.reading-template .banner-section .image-template:not(.loaded){opacity:0}.reading-template .banner-section .reading-challenge-admin-btns{flex-flow:column;justify-content:flex-start;align-items:flex-start;gap:5px;width:100%;display:flex;position:absolute;top:10px;left:10px}.reading-template .banner-section .reading-challenge-admin-btns .troubadour-button{align-self:start}.reading-template .banner-section .challenge-type-icon{aspect-ratio:1;width:18%;max-width:60px;display:block;position:absolute;top:5px;right:5px}.reading-template .title-section{flex-direction:column;margin:0 0 10px;padding:0 20px;display:flex}.reading-template .title-section .template-title{flex-flow:row;align-items:center;gap:20px;height:60px;display:flex}.reading-template .title-section .template-title .title{color:var(--reading-challenge-main-color);overflow-wrap:break-word;text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;text-transform:none;-webkit-box-orient:vertical;flex:1;margin:0;font-size:23px;font-style:normal;font-weight:700;line-height:1.3em;display:-webkit-box;overflow:hidden}.reading-template .title-section .template-title .additional-infos-section{color:var(--default-color);opacity:.6;text-transform:uppercase;flex-flow:column wrap;justify-content:center;align-items:center;gap:15px;font-size:.85em;font-weight:bolder;display:flex}.reading-template .title-section .template-title .additional-infos-section .challenge-number{color:var(--default-color-2);background-color:#b35562cc;border-radius:10px;padding:5px 8px;font-weight:700}.reading-template .title-section .template-subject{color:#9377f1b3;font-size:.65em;font-style:italic}.reading-template .title-section .template-subject .subject{color:#9377f1;margin-left:3px;display:inline}.reading-template .title-section .template-subject :nth-of-type(4n){color:#ad71e9}.reading-template .title-section .template-subject :nth-of-type(4n+1){color:#c86ce2}.reading-template .title-section .template-subject :nth-of-type(4n+2){color:#e266da}.reading-template .title-section .template-subject :nth-of-type(4n+3){color:#9377f1}.reading-template .description-row{min-height:100px;color:var(--default-color);overflow-wrap:anywhere;flex:1;margin:0 0 20px;padding:0 20px;font-size:14px;font-weight:400;line-height:1.3em}.reading-template .concepts-row{margin:0 0 20px}.reading-template .concepts-row .concepts-list{flex-flow:wrap;justify-content:flex-end;align-items:center;gap:5px;margin:0;padding:0 20px;list-style-type:none;display:flex}.reading-template .concepts-row .concepts-list .concept-item{cursor:pointer;color:var(--item-color);background:var(--default-bg);border:2px solid var(--item-color);-webkit-user-select:none;user-select:none;white-space:nowrap;text-overflow:ellipsis;border-radius:10px;max-width:160px;margin:0;padding:0 10px;font-size:12px;font-style:normal;font-weight:800;line-height:23px;display:inline-block;overflow:hidden}.reading-template .concepts-row .concepts-list .concept-item:hover{color:var(--default-bg);background-color:var(--item-color)}@media screen and (width>=800px){.reading-template .concepts-row .concepts-list .concept-item{max-width:300px}}.reading-template .associations-row{margin:0 0 20px}.reading-template .associations-row .associations-list{flex-flow:wrap;justify-content:flex-end;align-items:center;gap:5px;margin:0;padding:0 20px;list-style-type:none;display:flex;border:none!important}.reading-template .associations-row .association{cursor:pointer;color:#dd813f;white-space:nowrap;-webkit-user-select:none;user-select:none;border:2px solid #dd813f;border-radius:10px;margin:0;padding:0 10px;font-size:12px;font-style:normal;font-weight:800;line-height:23px;display:inline-block}.reading-template .associations-row :nth-child(4n){color:#e57964;border:2px solid #e57964}.reading-template .associations-row :nth-child(4n+1){color:#ed7189;border:2px solid #ed7189}.reading-template .associations-row :nth-child(4n+2){color:#f468ad;border:2px solid #f468ad}.reading-template .associations-row :nth-child(4n+3){color:#dd813f;border:2px solid #dd813f}.reading-template .button-group{flex-flow:wrap;justify-content:flex-end;align-items:center;gap:10px;margin:auto 0 0;padding:0 20px 20px;display:flex}.writing-template{background-color:var(--challenge-card-bg);box-shadow:var(--dropshadow);box-sizing:border-box;border-radius:8px;flex-flow:column wrap;flex:13.333%;min-width:250px;max-width:520px;margin:0;display:flex}.writing-template.teacher--disabled{position:relative}.writing-template.teacher--disabled:before{content:"Défi inactif";color:#fff;text-align:center;z-index:10;background-color:red;border-radius:5px;width:50%;padding:5px;font-weight:700;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.writing-template.teacher--removed{background-color:var(--default-color-10);position:relative}.writing-template.teacher--removed .reading-challenge-admin-btns,.writing-template.teacher--removed .button-group,.writing-template.teacher--removed .delete-button{display:none!important}.writing-template.teacher--removed:before{content:"Défi supprimé";color:#fff;background-color:var(--default-color-8);text-align:center;z-index:10;border-radius:5px;width:50%;padding:5px;font-weight:700;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.writing-template .banner-section{aspect-ratio:350/100;background-color:var(--default-bg);border-radius:8px 8px 0 0;width:100%;max-width:520px;margin:0 0 10px;position:relative}.writing-template .banner-section .image-placeholder{background-color:var(--primary-text-3-dark);border-radius:8px 8px 0 0;width:100%;height:100%;display:flex;position:absolute}.writing-template .banner-section .image-placeholder svg{color:var(--primary-text-1);margin:auto;font-size:4em}.writing-template .banner-section .image-template{width:100%;image-rendering:pixelated;aspect-ratio:350/100;border-radius:8px 8px 0 0;display:block}.writing-template .banner-section .image-template:not(.loaded){opacity:0}.writing-template .banner-section .reading-challenge-admin-btns{flex-flow:column;justify-content:flex-start;align-items:flex-start;gap:5px;width:100%;display:flex;position:absolute;top:10px;left:10px}.writing-template .banner-section .reading-challenge-admin-btns .troubadour-button{align-self:start}.writing-template .banner-section .challenge-type-icon{aspect-ratio:1;width:18%;max-width:60px;display:block;position:absolute;top:5px;right:5px}.writing-template .title-section{flex-direction:column;margin:0 0 10px;padding:0 20px;display:flex}.writing-template .title-section .template-title{flex-flow:row;align-items:center;gap:20px;height:60px;display:flex}.writing-template .title-section .template-title .title{color:var(--writing-challenge-main-color);overflow-wrap:break-word;text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;text-transform:none;-webkit-box-orient:vertical;flex:1;margin:0;font-size:23px;font-style:normal;font-weight:700;line-height:1.3em;display:-webkit-box;overflow:hidden}.writing-template .title-section .template-title .additional-infos-section{color:var(--default-color);opacity:.6;text-transform:uppercase;flex-flow:column wrap;justify-content:center;align-items:center;gap:15px;font-size:.85em;font-weight:bolder;display:flex}.writing-template .title-section .template-title .additional-infos-section .challenge-number{color:var(--default-color-2);background-color:#b35562cc;border-radius:10px;padding:5px 8px;font-weight:700}.writing-template .title-section .template-subject{color:#9377f1b3;font-size:.65em;font-style:italic}.writing-template .title-section .template-subject .subject{color:#9377f1;margin-left:3px;display:inline}.writing-template .title-section .template-subject :nth-of-type(4n){color:#ad71e9}.writing-template .title-section .template-subject :nth-of-type(4n+1){color:#c86ce2}.writing-template .title-section .template-subject :nth-of-type(4n+2){color:#e266da}.writing-template .title-section .template-subject :nth-of-type(4n+3){color:#9377f1}.writing-template .description-row{min-height:100px;color:var(--default-color);overflow-wrap:anywhere;flex:1;margin:0 0 20px;padding:0 20px;font-size:14px;font-weight:400;line-height:1.3em}.writing-template .concepts-row{margin:0 0 20px}.writing-template .concepts-row .concepts-list{flex-flow:wrap;justify-content:flex-end;align-items:center;gap:5px;margin:0;padding:0 20px;list-style-type:none;display:flex}.writing-template .concepts-row .concepts-list .concept-item{cursor:pointer;color:var(--item-color);background:var(--default-bg);border:2px solid var(--item-color);-webkit-user-select:none;user-select:none;white-space:nowrap;text-overflow:ellipsis;border-radius:10px;max-width:160px;margin:0;padding:0 10px;font-size:12px;font-style:normal;font-weight:800;line-height:23px;display:inline-block;overflow:hidden}.writing-template .concepts-row .concepts-list .concept-item:hover{color:var(--default-bg);background-color:var(--item-color)}@media screen and (width>=800px){.writing-template .concepts-row .concepts-list .concept-item{max-width:300px}}.writing-template .associations-row{margin:0 0 20px}.writing-template .associations-row .associations-list{flex-flow:wrap;justify-content:flex-end;align-items:center;gap:5px;margin:0;padding:0 20px;list-style-type:none;display:flex;border:none!important}.writing-template .associations-row .association{cursor:pointer;color:#dd813f;white-space:nowrap;-webkit-user-select:none;user-select:none;border:2px solid #dd813f;border-radius:10px;margin:0;padding:0 10px;font-size:12px;font-style:normal;font-weight:800;line-height:23px;display:inline-block}.writing-template .associations-row :nth-child(4n){color:#e57964;border:2px solid #e57964}.writing-template .associations-row :nth-child(4n+1){color:#ed7189;border:2px solid #ed7189}.writing-template .associations-row :nth-child(4n+2){color:#f468ad;border:2px solid #f468ad}.writing-template .associations-row :nth-child(4n+3){color:#dd813f;border:2px solid #dd813f}.writing-template .button-group{flex-flow:wrap;justify-content:flex-end;align-items:center;gap:10px;margin:auto 0 0;padding:0 20px 20px;display:flex}body{overflow-x:hidden}#main-container{background-color:var(--default-bg-2)}.catalog-promotion-banner{color:var(--tutorial-color-9);background-color:var(--admin-main-8);flex:0;justify-content:center;align-items:center;margin:0;padding:10px 40px;display:flex}.catalog-promotion-banner a{color:var(--tutorial-color-9);text-align:center;font-size:16px;font-weight:700;line-height:1.2em;text-decoration-line:underline}.template-container,.template-container .templates-panel{flex-direction:column;flex:1;display:flex}.troub-catalog-container{flex-direction:column;flex:1;min-width:250px;margin:0;padding:20px 40px 0;display:flex;position:relative}.troub-catalog-container .challenge-type-selection{flex-flow:wrap;justify-content:center;align-items:center;margin:0 0 15px;padding:0;display:flex}@media screen and (width>=800px){.troub-catalog-container .challenge-type-selection{justify-content:flex-end}}.troub-catalog-container .challenge-creation-step-progression{color:var(--troubadour-main-5);font-size:clamp(12px,2vw,18px);font-weight:800;position:absolute;top:20px}.troub-catalog-container .create-challenge-title{width:100%;color:var(--troubadour-main);letter-spacing:2.32px;text-transform:none;flex-direction:row;justify-content:center;align-items:center;gap:10px;margin:20px 0;font-size:clamp(24px,4vw,58px);font-weight:400;line-height:1em;display:flex}.troub-catalog-container .create-challenge-title:before{content:"";aspect-ratio:143/133;background-image:url(https://constellation-backend-images.s3.ca-central-1.amazonaws.com/production/interfaces/troub-challenge-book-add.svg);background-repeat:no-repeat;background-size:cover;width:10%;min-width:48px;max-width:125px}.troub-catalog-container .form-panel{margin:0 0 40px}@media screen and (width<=799px){.troub-catalog-container{padding:20px 20px 0}}.catalog-filters{flex-flow:column;justify-content:center;align-items:center;gap:10px 20px;width:100%;margin:0 auto 10px;display:flex}.catalog-filters .filter-option .dropdown .filter-icon{height:20px}.catalog-filters .filter-option .dropdown .dropdown-button{color:var(--default-color-4);border:2px solid var(--default-bg);background-color:var(--default-bg);box-shadow:var(--dropshadow);white-space:nowrap;border-radius:10px;flex-flow:row;justify-content:flex-start;align-items:center;gap:10px;margin:0;padding:0 10px;font-size:clamp(14px,1.5vw,16px);line-height:40px;display:flex}.catalog-filters .filter-option .dropdown .dropdown-button .dropdown-text{flex-flow:row;justify-content:flex-start;align-items:center;gap:5px;display:flex}.catalog-filters .filter-option .dropdown .dropdown-menu img{display:none}.catalog-filters .filter-option .dropdown .dropdown-menu li a{white-space:nowrap;font-size:16px;font-weight:700;color:var(--default-color-3)!important}.catalog-filters .filter-option .dropdown .dropdown-menu li a:hover:not(.filter-active){color:var(--default-color-2)!important;background-color:var(--troubadour-main-6)!important;opacity:.5!important}.catalog-filters .filter-option .dropdown .dropdown-menu li a.filter-active{color:var(--default-color-2)!important;background-color:var(--troubadour-main-6)!important;opacity:1!important}.catalog-filters .actions-container{flex-flow:row;justify-content:center;align-items:flex-start;gap:10px 20px;display:flex}.catalog-filters .actions-container .concepts-option a,.catalog-filters .actions-container .filters-reset a{color:var(--troubadour-main-13);background:var(--default-bg);border:2px solid var(--troubadour-main-13);box-shadow:var(--dropshadow);white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:10px;margin:0;padding:0 10px;font-size:clamp(14px,1.5vw,16px);font-style:normal;font-weight:700;line-height:40px;display:inline-block}.catalog-filters .actions-container .concepts-option a:hover,.catalog-filters .actions-container .filters-reset a:hover{color:var(--default-bg);background-color:var(--troubadour-main-13)}.catalog-filters .actions-container .concepts-option{margin:0;padding:0}.catalog-filters .actions-container .filters-reset{box-shadow:none;background:0 0;border:none;justify-content:flex-end;align-items:center;display:flex;margin:0!important;padding:0!important}@media screen and (width>=680px){.catalog-filters{flex-flow:wrap;align-items:flex-start}}@media screen and (width>=1024px){.catalog-filters{justify-content:flex-start}}.catalog-search{align-items:center;display:flex;position:relative}.catalog-search .fa-search{color:var(--troubadour-main-13);pointer-events:none;font-size:clamp(14px,1.5vw,16px);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.catalog-search .catalog-search-input{border:2px solid var(--default-bg);background-color:var(--default-bg);box-shadow:var(--dropshadow);color:var(--default-color-4);border-radius:10px;padding:0 12px 0 34px;font-size:clamp(14px,1.5vw,16px);line-height:40px}.troub-challenge-template-container{border-radius:20px;flex:1;width:100%;min-width:250px;margin:0 auto 40px;padding:0}@media screen and (width>=500px){.troub-challenge-template-container:not(.is-support){background-color:var(--default-bg);min-width:410px;box-shadow:var(--dropshadow);padding:30px}}@media screen and (height>=720px){.troub-challenge-template-container:not(.is-support){margin-bottom:0;padding-bottom:100px}}.troub-challenge-template-container .troub-challenge-templates{flex-flow:wrap;justify-content:center;align-items:stretch;gap:30px;max-width:2400px;margin:0 auto;display:flex}@media screen and (width>=1040px){.troub-challenge-template-container .troub-challenge-templates{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));grid-auto-rows:auto;display:grid}}@media screen and (width>=1400px){.troub-challenge-template-container .troub-challenge-templates{grid-template-columns:1fr 1fr 1fr}}@media screen and (width>=1900px){.troub-challenge-template-container .troub-challenge-templates{grid-template-columns:1fr 1fr 1fr 1fr}}@media screen and (width>=2400px){.troub-challenge-template-container .troub-challenge-templates{grid-template-columns:1fr 1fr 1fr 1fr 1fr}}@media screen and (width>=3000px){.troub-challenge-template-container .troub-challenge-templates{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr}}.troub-challenge-template-container .pagination-row{min-width:250px;box-shadow:none;border:none;border-radius:10px 10px 0 0;margin:30px 0 0}.troub-challenge-template-container .pagination-row:not(.is-support){z-index:100;width:100%;margin:0;position:fixed;bottom:0;left:0}.troub-challenge-template-container .pagination-row a{color:var(--troubadour-main-9);border-radius:50%;width:15px;height:15px;margin:0 5px;padding:6px 14px;font-size:18px}.troub-challenge-template-container .pagination-row a:hover{color:var(--default-color-2);background-color:var(--troubadour-main-9)}.troub-challenge-template-container .pagination-row a .current{background-color:var(--troubadour-main)}@media screen and (width<=799px){.troub-challenge-template-container .pagination-row:not(.is-support) .paginate_button:not(.current){display:none}}@media screen and (height>=720px){.troub-challenge-template-container .pagination-row:not(.is-support){width:calc(100% - 20px);margin:0 0 0 10px!important}}@media screen and (width>=500px) and (height>=720px){.troub-challenge-template-container .pagination-row:not(.is-support){width:calc(100% - 80px);margin-left:40px!important}}@media screen and (width>=769px) and (height>=720px){.troub-challenge-template-container .pagination-row:not(.is-support){width:calc(100% - 230px);margin-left:190px!important}}.paths-container{padding:20px 40px 0}.empty-catalog-placeholder{height:80vh;display:flex}.empty-catalog-placeholder h1{color:var(--primary-text-1);margin:auto}.nanopopup.challenge-concepts-popup{color:var(--default-color);background-color:var(--default-bg);overflow:hidden}.nanopopup.challenge-concepts-popup .close-container{background-color:var(--troubadour-main)}.nanopopup.challenge-concepts-popup .close-container i,.nanopopup.challenge-concepts-popup .close-container svg{color:var(--default-color-2)}.nanopopup.challenge-concepts-popup .challenge-concepts-popup-content{flex-flow:column;width:100%;height:100%;display:flex}.nanopopup.challenge-concepts-popup .challenge-concepts-popup-content h2{color:var(--troubadour-main);text-align:center;text-transform:none;margin:0 0 20px;padding:0 40px;font-size:40px;font-weight:800;line-height:1em}.nanopopup.challenge-concepts-popup .challenge-concepts-popup-content h3{color:var(--default-color);text-align:center;text-transform:none;margin:0 0 30px;font-size:23px;font-style:normal;line-height:1em}.nanopopup.challenge-concepts-popup .challenge-concepts-popup-content .concepts-list{flex-flow:wrap;flex:1;justify-content:flex-start;align-items:center;gap:20px;margin:0;padding:10px 20px 40px;list-style-type:none;display:flex;overflow-y:auto}.nanopopup.challenge-concepts-popup .challenge-concepts-popup-content .concepts-list::-webkit-scrollbar{width:8px}.nanopopup.challenge-concepts-popup .challenge-concepts-popup-content .concepts-list::-webkit-scrollbar-thumb{background-color:var(--student-challenges-color-11);border-radius:5px}.nanopopup.challenge-concepts-popup .challenge-concepts-popup-content .concepts-list::-webkit-scrollbar-track{background-color:var(--student-challenges-color-21);border-radius:5px}@supports not selector(::-webkit-scrollbar){.nanopopup.challenge-concepts-popup .challenge-concepts-popup-content .concepts-list{scrollbar-color:var(--student-challenges-color-11) var(--student-challenges-color-21);scrollbar-width:thin}}.nanopopup.challenge-concepts-popup .challenge-concepts-popup-content .concepts-list .concept-item{cursor:pointer;color:var(--item-color);background:var(--default-bg);border:2px solid var(--item-color);white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:10px;margin:0;padding:0 10px;font-size:16px;font-style:normal;font-weight:700;line-height:33px;display:inline-block;position:relative}.nanopopup.challenge-concepts-popup .challenge-concepts-popup-content .concepts-list .concept-item:hover:not(.selected),.nanopopup.challenge-concepts-popup .challenge-concepts-popup-content .concepts-list .concept-item.selected{color:var(--default-bg);background-color:var(--item-color)}.nanopopup.challenge-concepts-popup .challenge-concepts-popup-content .concepts-list .concept-item.selected:before{content:"";background-color:var(--default-bg);width:16px;height:16px;box-shadow:var(--dropshadow);background-image:url(https://constellation-backend-images.s3.ca-central-1.amazonaws.com/production/icons/troub-times.svg);background-position:50%;background-repeat:no-repeat;background-size:50%;border-radius:50%;padding:2px;position:absolute;top:-8px;left:-8px}