:root{--background-color: #F6F6F6;--primary: black;--secondary: white;--accent: #F6F6F6}@font-face{font-family:transverse;src:url("./media/PressStart2P-Regular-7DD5JICO.ttf")}@font-face{font-family:times-new-roman;src:url("./media/times-new-roman-453Q6OMI.ttf")}body *{font-family:transverse;line-height:1.6;font-size:10px}body{font-family:cursive;margin:0;background-color:#fff}.boxDescription{line-height:3}header .boxHeader{display:flex;justify-content:space-between;align-items:center;width:100%}header .boxHeader .action{display:flex;gap:20px;align-items:center}.btnDefault{background:var(--primary);color:var(--secondary);padding:10px 15px}.section--bg{width:100%}section{position:relative}@media (max-width: 767px){.container{max-width:100%;padding:0 15px}}@media (max-width: 767px){h1{font-size:10px!important}}iframe{width:100%;display:block}@media (max-width: 767px){.titleMisterio{font-size:9px!important}.parcours{gap:10px}.imageMisterio{height:fit-content!important}app-home-verset .subTitle{font-size:6px!important}.action img{width:80px}}.pagination{display:flex;gap:15px}.actionNextPrev{padding:7px 10px;cursor:pointer}.flex-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:15px;width:70%}@media (max-width: 767px){.flex-pagination{width:100%}}.progress-bar{width:100%;height:10px;background-color:#ccc;position:relative}.progress{width:0%;height:100%;background-color:#000;position:absolute;top:0;left:0}button{cursor:pointer}.modal{position:fixed;width:100%;height:100vh;left:0;top:0;z-index:-1;opacity:0;display:flex;justify-content:center;align-items:center;background:#ffffff85;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:all .5s}.modal.show{z-index:200;opacity:1}.modal__inner{width:100%;min-width:400px;height:100vh;min-height:50%;background:#fff;padding:40px;border:1px black solid;box-shadow:2px 3px 16px #0000007a;display:flex;flex-direction:column;justify-content:space-between;gap:20px}@media (max-width: 767px){.modal__inner{width:100%;padding:20px;border:none;min-width:200px}}.flexTitleModal{display:flex;justify-content:space-between;align-items:center}.flexTitleModal img{cursor:pointer}.flexTitleModal img.mirrored{transform:scale(-1)}.modal__content{overflow-y:auto;height:100%}.titleModal{text-align:center;font-size:16px;width:100%}.newRoman{font-family:times-new-roman,sans-serif}.bg-marron{padding-top:15px}.modal__footer button.btn.btn--secondary,.listClef button.btn.btn--secondary{height:36px;cursor:pointer;background:#f7de99;border:1px #fff solid;color:#5d4516;width:fit-content;margin:auto;display:block;padding-left:15px;padding-right:15px}.modal__header--liseuse .listClef{margin-top:0}.modal__footer button.btn.btn--secondary{margin-bottom:36px}@media (max-width: 991px){.modal__footer button.btn.btn--secondary{margin-bottom:70px}}.boxDescription{text-align:justify}.progressBars{display:flex;justify-content:center;align-items:center;width:100%;margin-bottom:15px;gap:5px}.progress{height:100%;width:100%;background:#000;position:relative}.progressBars__item{background:#d9d9d9;height:5px;width:100%}.listClef{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;padding:10px;background:#f7de99;margin-top:-30px;position:relative;border-bottom:1px #fff solid}@media (min-width: 992px){.listClef{padding:20px}}.listClef button.btn.btn--secondary{margin:0;font-size:18px}.max-w-100{max-width:100%!important}.text-marron{color:#574522}.animationLevelUp{color:#5d4516;font-weight:700;position:relative;animation:fadeInOut 2s ease-in-out;display:flex;align-items:center;gap:5px}.animationLevelUp span{font-size:16px}.animationLevelUp img{transform:rotate(-90deg);width:14px;height:auto}.animationLevelUp.falseAnswer img{transform:rotate(0)}@keyframes fadeInOut{0%{opacity:0;transform:translateY(10px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.itemVerset .circle-container{width:124px;height:124px;margin:-20px!important;transform:scale(.5)!important}.filterMapVerset .circular-progress,.filterMapVerset .cross{color:#a3a3a3!important}.filterMapVerset .circular-progress:after,.filterMapVerset .cross:after{background-color:#a3a3a3!important}.filterMapVerset .circular-progress circle.fg,.filterMapVerset .cross circle.fg{stroke:#a3a3a3!important}.filterMapVerset .circular-progress.activeMap,.filterMapVerset .cross.activeMap{color:#000!important}.filterMapVerset .circular-progress.activeMap.cross:after,.filterMapVerset .cross.activeMap.cross:after{background-color:#000!important}.filterMapVerset .circular-progress.activeMap circle.fg,.filterMapVerset .cross.activeMap circle.fg{stroke:#000!important}.filterMapVerset .selectAll .circular-progress,.filterMapVerset .selectAll .cross{color:#000!important}.filterMapVerset .selectAll .circular-progress.cross:after,.filterMapVerset .selectAll .cross.cross:after{background-color:#000!important}.filterMapVerset .selectAll .circular-progress circle.fg,.filterMapVerset .selectAll .cross circle.fg{stroke:#000!important}@media (max-width: 767px){.map_filter.show app-map .circle-container{transform:scale(1.8);height:180px;width:180px;margin:150px auto 0;left:36px}}.filterMapVerset .circleCursor{justify-content:space-between}.filterMapVerset .circleCursor__item{width:calc(50% - 2px)!important;height:calc(50% - 2px)!important}.titleModal{background:#f7de99;padding:10px;color:#5d4516}@media (min-width: 992px){.titleModal{padding:20px}}.boxDescription iframe{height:calc(100vh - 270px)}.modal__inner{background:#efe3cd;padding:0;border:none}.modal__footer{padding:10px}@media (min-width: 992px){.modal__footer{padding:20px}}.modal__content .boxDescription{color:#574522}.swipeable__item button{background:none;border:none;transition:all .5s}.swipeable__item button:hover{scale:1.1}.boxSwipeable img{width:50px;height:50px}@media (max-width: 767px){.boxSwipeable img{width:20px;height:20px}}.swipeable__item{position:absolute;display:flex;align-items:center;left:30px;z-index:200;height:75px;bottom:30px;top:auto;opacity:.7}.swipeable__item:last-child{left:auto;right:30px}@media (max-width: 767px){.swipeable__item{left:15px;bottom:15px;height:50px;position:absolute}.swipeable__item:last-child{right:15px}}.loadingApp{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:300;background:#ffffff50;transition:all .5s;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;justify-content:center;align-items:center}@media (max-width: 767px){.loadingApp{background:#ffffff94;transition:all .5s;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}}.loadingApp img{width:55px;height:55px;filter:drop-shadow(2px 4px 6px rgba(0,0,0,.4784313725))}.modal__inner--liseuse{height:fit-content;box-shadow:none}.modal__inner--liseuse .modal__content{height:fit-content;margin-top:25px}.listLiseuse{margin:25px 0;padding-top:25px;position:relative}.listLiseuse .lineBorder{position:absolute;top:0;width:30%;height:2px;background:#5d4516c2;left:35%}.listLiseuse .liseuses{display:flex;flex-direction:column;gap:15px}@media (min-width: 768px){.listLiseuse .liseuses{flex-direction:row;justify-content:center}.listLiseuse .liseuses__item{width:calc(33.3333% - 62px)}}.listLiseuse .liseuses__item{background:#efe3cd;padding:20px 25px;border:1px #5d4516 solid;cursor:pointer;transition:all .5s;display:flex;flex-direction:column;justify-content:center;position:relative;margin-bottom:10px}.listLiseuse .liseuses__item.active{box-shadow:0 3px 10px #5d451661;transform:scale(1.01)}@media (max-width: 767px){.listLiseuse .liseuses__item{padding:10px 20px}}.listLiseuse .liseuses__item h3{font-size:14px;color:#5d4516}@media (min-width: 768px){.listLiseuse .liseuses__item h3{font-size:16px}}.listLiseuse .liseuses__item p{font-size:13px;color:#5d4516a6}@media (min-width: 768px){.listLiseuse .liseuses__item p{font-size:15px}}.bg-liseuse{min-height:100vh;background:#efe3cd}.bg-liseuse header{background:#fff;min-height:95px;padding-top:40px!important}@media (max-width: 768px){.bg-liseuse header{min-height:fit-content}}.logo-trans{min-width:100px}@media (max-width: 768px){.logo-trans{margin-top:-20px}}.modal__header--liseuse{position:sticky;top:0;z-index:20}.boxHeader .progress-bar{max-width:320px}@media (max-width: 768px){.boxHeader .progress-bar{margin-top:-15px}}.authorLiseuse{text-align:right;padding:20px 0;color:#5d4516;font-size:18px}@media (min-width: 992px){.authorLiseuse{padding:40px 0;font-size:25px;max-width:75%;margin-left:auto}}.bgListLiseuse{position:relative;background:#fff;padding:5px 0 0}@media (min-width: 768px){.bgListLiseuse>.container{position:relative;z-index:5}}.modes{background-color:#fff}@media (min-width: 768px){.modes{bottom:0;z-index:0;left:0;width:100%;max-height:100%;overflow:hidden}}.modes img.img-modes{object-fit:contain;width:100%;height:fit-content;background:#fff}.modes img.img-modes--b\&w{opacity:.5;filter:grayscale(1)}.float-reaction{position:absolute;bottom:-20px;z-index:1}.float-reaction .boxReaction{margin:0!important}.float-reaction--grey .boxReaction__item{background-color:transparent!important;border-color:#000!important}.float-reaction--grey .boxReaction__item span{color:#000!important}.float-reaction--grey .boxReaction__item.reacted{background-color:#00000046!important}.float-reaction--grey .boxReaction__item.add{filter:grayscale(14)}