/*!
 * Restyle
 *
 * Escuela Didáctica (escueladidactica.com)
 *
 * Normalización de elementos Html, bifurcado manualmente desde Normalize.css
 * para aplicar nuevos estilos y modificar otros.
 *
 * Normalize is licensed MIT. https://necolas.github.io/normalize.css/
 */*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}:focus{outline:none}html{line-height:1.3;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{margin:0;font-size:1rem}main{display:block}h1{font-size:2em}h1,h2,h3,h4,h5,h6{margin:0 0 .67em;line-height:1.2}p{margin-top:0;margin-bottom:.67em}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:rgba(0,0,0,0)}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none;vertical-align:middle}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;border:0}button:hover{cursor:pointer}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:focus,button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:none}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:"Roboto";src:url("../fonts/Roboto-Bold.woff2") format("woff2"),url("../fonts/Roboto-Bold.woff") format("woff");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:"Roboto";src:url("../fonts/Roboto-Regular.woff2") format("woff2"),url("../fonts/Roboto-Regular.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"Roboto Condensed";src:url("../fonts/RobotoCondensed-Regular.woff2") format("woff2"),url("../fonts/RobotoCondensed-Regular.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"Roboto Condensed";src:url("../fonts/RobotoCondensed-Bold.woff2") format("woff2"),url("../fonts/RobotoCondensed-Bold.woff") format("woff");font-weight:bold;font-style:normal;font-display:swap}:root{font-size:20px}body{font-family:"Roboto Condensed",sans-serif;line-height:1.5;color:#333}img{max-width:100%}a:hover,button:hover{cursor:url(../img/cursor-pointer.png),pointer}@keyframes badgeWon{0%{transform:scale(10)}100%{transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes pulse{0%{filter:drop-shadow(0 0 2px color__bgButton);transform:scale(1)}50%{filter:drop-shadow(0 0 20px #006D31);transform:scale(1.05)}100%{filter:drop-shadow(0 0 2px color__bgButton);transform:scale(1)}}@keyframes pulse2{0%{background-size:100%}50%{background-size:70%}100%{background-size:100%}}@keyframes writing{0%{clip-path:polygon(0 0, 0 0, 0 115%, 0 115%)}100%{clip-path:polygon(0 0, 100% 0, 100% 115%, 0 115%)}}@keyframes underWorldActive{0%{transform:scaleX(1)}2%,4%{transform:scale3d(0.9, 0.9, 0.9) rotate(-3deg)}6%,10%,15%,18%{transform:scale3d(1.1, 1.1, 1.1) rotate(3deg)}8%,12%,16%{transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg)}20%{transform:scaleX(1)}22%,24%{transform:scale3d(0.9, 0.9, 0.9) rotate(-3deg)}26%,30%,35%,38%{transform:scale3d(1.1, 1.1, 1.1) rotate(3deg)}28%,32%,36%{transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg)}40%{transform:scaleX(1)}42%,44%{transform:scale3d(0.9, 0.9, 0.9) rotate(-3deg)}46%,50%,55%,58%{transform:scale3d(1.1, 1.1, 1.1) rotate(3deg)}48%,52%,56%{transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg)}60%{transform:scaleX(1)}62%,64%{transform:scale3d(0.9, 0.9, 0.9) rotate(-3deg)}66%,70%,75%,78%{transform:scale3d(1.1, 1.1, 1.1) rotate(3deg)}68%,72%,76%{transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg)}80%{transform:scaleX(1)}82%,84%{transform:scale3d(0.9, 0.9, 0.9) rotate(-3deg)}86%,90%,93%,95%{transform:scale3d(1.1, 1.1, 1.1) rotate(3deg)}88%,92%,94%{transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg)}97%{transform:scaleX(1) scale(1)}100%{transform:scale(1.2)}}@keyframes underWorldCompleted{0%{transform:scale(0)}50%{transform:scale(1.2)}100%{transform:scale(1)}}@keyframes heroTeleportation{0%{transform:scale3d(1, 1, 1) translateY(0);opacity:1}37.5%{opacity:0;transform:scale3d(0, 1.6, 1) translateY(-50px)}62.5%{opacity:0;transform:scale3d(0, 1.6, 1) translateY(-50px)}100%{transform:scale3d(1, 1, 1) translateY(0);opacity:1}}@keyframes heroTransformation2{0%{transform:scaleX(1);background-position:0 center}10%,20%{transform:scale3d(0.9, 0.9, 0.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1, 1.1, 1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg)}94.9%{background-position:0 center}95%{background-position:20% center}100%{transform:scaleX(1);background-position:20% center}}@keyframes heroTransformation3{0%{transform:scaleX(1);background-position:20% center}10%,20%{transform:scale3d(0.9, 0.9, 0.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1, 1.1, 1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg)}94.9%{background-position:20% center}95%{background-position:40% center}100%{transform:scaleX(1);background-position:40% center}}@keyframes heroTransformation4{0%{transform:scaleX(1);background-position:40% center}10%,20%{transform:scale3d(0.9, 0.9, 0.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1, 1.1, 1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg)}94.9%{background-position:40% center}95%{background-position:60% center}100%{transform:scaleX(1);background-position:60% center}}@keyframes heroTransformation5{0%{transform:scaleX(1);background-position:60% center}10%,20%{transform:scale3d(0.9, 0.9, 0.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1, 1.1, 1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg)}94.9%{background-position:60% center}95%{background-position:80% center}100%{transform:scaleX(1);background-position:80% center}}@keyframes heroTransformation6{0%{transform:scaleX(1);background-position:80% center}10%,20%{transform:scale3d(0.9, 0.9, 0.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1, 1.1, 1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg)}94.9%{background-position:80% center}95%{background-position:100% center}100%{transform:scaleX(1);background-position:100% center}}.home{position:relative;height:100vh;width:100%;overflow:hidden}.home__title{position:absolute;top:15px;right:15px;min-width:270px;width:30%;max-width:280px;z-index:3;background:#fff;padding:10px;border-radius:10px}.mapFrame{position:relative;height:100%;width:100%;overflow:hidden;background-color:#033f87;background-image:url(../img/fondo-mapa.png);background-size:100%;background-position:center;background-repeat:no-repeat;background-blend-mode:soft-light}.map{position:absolute;width:85%;top:50%;left:50%;transform:translate(-50%, -50%);transition:width .3s;border:7px solid #3169b1;border-radius:20px}.map:hover{cursor:url(../img/cursor-grab.cur),url(../img/cursor-grab.png),grab}@media(max-width: 1024px){.map{width:75%}}@media(max-width: 767px){.map{width:100%}}.map__img{width:100%;border-radius:10px}.headerSubmapa{position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;height:auto}.headerSubmapa__content{width:100%;display:grid;grid-template-columns:1fr auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px;padding:15px}.buttonSubmapa--return{display:inline-flex;justify-content:center;align-items:center;padding:10px 20px;font-size:1.1rem;line-height:1.1;color:#fff;background-color:#e52843 !important;box-shadow:0 5px 0 0 #9e1e31;border-radius:15px;transition:transform .3s;font-family:"Roboto Condensed",sans-serif;position:relative;top:-4px;transition:all .4s}.buttonSubmapa--return:hover{top:0;box-shadow:0 3px 0 0 #9e1e31}.buttonSubmapa--return:active{box-shadow:0 5px 0 0 #9e1e31}@media(max-width: 767px){.buttonSubmapa--return{padding:5px 10px;font-size:.9rem;border-radius:10px}.buttonSubmapa--return:hover{top:0}}.logOut{position:absolute;right:10px;bottom:10px;width:55px;background-color:rgba(0,0,0,0);transition:transform .3s}.logOut:hover{transform:scale(1.1)}.logOut:active{transform:scale(1)}@media(max-width: 767px){.logOut{width:45px}}.logOut::before{content:"Cerrar sesión";background-color:#ffb41d;color:#333;display:block;width:max-content;padding:4px 10px;border-radius:5px;position:absolute;right:0;top:50%;transform:translate(0, -50%);font-size:15px;opacity:0;transition:opacity .4s,right .4s}.logOut:hover::before{right:100%;opacity:1}.underWorld{position:absolute;width:5.6%;transition:all .2s}.underWorld:hover{cursor:url("../img/cursor-pointer.png"),url("../img/cursor-pointer.cur"),pointer;transform:scale(1.1)}.underWorld:hover{transition:all 2s}.underWorld:hover::before{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:calc(100% + 4px);padding:5px;width:100px;height:45px;display:none;align-items:center;justify-content:center;text-align:center;font-size:16px;font-weight:bold;line-height:1.1;color:#fff;border-radius:10px;border:4px solid rgba(0,0,0,0);color:#fff;background-color:rgba(229,40,68,.8)}.underWorld:hover::after{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:100%;padding:5px;width:108px;height:53px;display:none;align-items:center;justify-content:center;text-align:center;border-radius:15px;border:2px solid #033f87}.underWorld.underWorld--active:hover::before,.underWorld.underWorld--active:hover::after,.underWorld.underWorld--completed:hover::before,.underWorld.underWorld--completed:hover::after{display:flex}.underWorld--active{animation:pulse 1s infinite;transform:scale(1)}.underWorld--active:hover{animation-play-state:paused;transform:scale(1.2)}.underWorld--completed{animation:underWorldCompleted 1s;transform:scale(1)}.underWorld--completed:hover{animation-play-state:paused;transform:scale(1.1)}.underWorld--locked:hover{cursor:not-allowed;transform:scale(1)}.underWorld__img{width:100%}.underWorld--locked .underWorld__img{opacity:1}.zoom{position:absolute;bottom:15px;right:15px;background-image:url(../img/zoom.svg);background-repeat:no-repeat;background-size:100% 100%;padding:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media(max-width: 767px){.zoom{padding:15px}}.zoom__in,.zoom__out{display:flex;justify-content:center;align-items:center;width:34px;height:34px;padding:0;border-radius:50%;background-color:#66584d;border:4px solid #ffc50c;transition:transform .3s}@media(max-width: 767px){.zoom__in,.zoom__out{width:25px;height:25px}}.zoom__in{margin-bottom:8px}@media(max-width: 767px){.zoom__in{margin-bottom:5px}}.zoom__in:hover,.zoom__out:hover{transform:scale(1.1)}.zoom__in:active,.zoom__out:active{transform:scale(1)}.zoom__icon{width:55%}.tableContents__button{position:absolute;bottom:20px;left:20px;width:9%;min-width:80px;max-width:150px;background-color:rgba(0,0,0,0);border:2px dashed #ffb41d;padding:14px;border-radius:45%;transition:transform .3s}@media(max-width: 767px){.tableContents__button{bottom:10px;left:10px}}.tableContents__button:hover{transform:scale(1.1)}.tableContents__button:active{transform:scale(1)}.tableContents{position:absolute;bottom:12px;left:12px;background-color:#ffe4c7;border-radius:12px;padding:53px 20px 18px;max-width:340px;width:100%;max-height:calc(100% - 180px);overflow:auto;clip-path:polygon(0 0, 0 100%, 100% 100%, 100% 0);opacity:1;transition:clip-path .8s,opacity .8s;z-index:2}@media(max-width: 767px){.tableContents{overflow:initial}}.tableContents--hide{clip-path:polygon(0 100%, 0 100%, 0 100%, 0 100%);opacity:0}.tableContents::before{content:"";position:absolute;top:8px;bottom:8px;left:8px;right:8px;border:2px dashed #033f87;border-radius:7px}.tableContents__close{width:30px;height:30px;padding:0;border-radius:50%;position:absolute;top:15px;right:17px;background-color:#fff7ee;transition:transform .3s}.tableContents__close:hover{transform:scale(1.1)}.tableContents__close:active{transform:scale(1)}.tableContents__closeIcon{width:45%;fill:#033f87}.tableContents__title{color:#77041f}.tableContents__list{list-style:none;padding-left:0;margin-top:0;margin-bottom:0}@media(max-width: 767px){.tableContents__list{max-height:160px;overflow:auto;position:relative}}.tableContents__item{display:none;position:relative;padding-left:34px;margin-bottom:11px;font-size:18px}.tableContents__item--show{display:block;animation:writing 2s .3s backwards}.tableContentsItem__img{width:27px;position:absolute;top:0;left:0}.userBlock{position:absolute;bottom:0;left:0;height:100px;background-image:url(../img/fondo-gadget.png);background-repeat:no-repeat;background-size:cover;padding:25px 15px 10px;background-position:top right}@media(max-width: 767px){.userBlock{height:60px;padding:15px 15px 10px}}.userBlock__userName{text-align:right;padding-bottom:7px}.badges{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px;align-items:center;height:100%;position:relative}@media(max-width: 767px){.badges{gap:20px}}.badge{max-width:55px}.badge__img{max-height:100px}@media(max-width: 767px){.badge__img{max-height:40px}}.badge--block{opacity:1}.badge--won{animation:badgeWon 1s cubic-bezier(0, 0.45, 0.25, 1) backwards;z-index:2}.modalBadge .bg__modalBadge{position:relative;max-width:90%;border-radius:12px;background-color:hsla(0,0%,100%,.6);backdrop-filter:blur(2px);top:5%}.modalBadge .content__modalBadge{position:relative;margin:auto;width:100%;max-width:800px;padding:30px 20px;border-radius:12px;background-color:rgba(255,180,29,.4);backdrop-filter:blur(2px);border:3px solid #ffb41d;box-shadow:0 0 10px 0 rgba(255,180,29,.8),0 0 20px 0 rgba(255,180,29,.7);text-align:center;position:relative}.modalBadge__title{font-size:1.7rem;text-align:center;margin-bottom:10px;background-color:#77041f;color:#fff;border-radius:2rem;width:fit-content;padding:5px 20px;margin-left:auto;margin-right:auto;border:4px solid rgba(0,0,0,0);position:relative;z-index:1;box-shadow:0 4px 8px 3px rgba(0,0,0,.15),0 1px 3px 0 rgba(0,0,0,.3)}@media(max-width: 767px){.modalBadge__title{font-size:1.5rem}}.modalBadge__badgeContainer{position:relative;margin-top:10px;margin-bottom:10px;padding:20px}.modalBadge__badgeContainer::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:130%;height:130%;background-image:url(../img/badge-bg.png);background-repeat:no-repeat;background-position:center;background-size:100%;z-index:0;background-blend-mode:multiply;animation:pulse2 1s infinite}.modalBadge .modalBadge__badge{max-width:110px;width:100%;position:relative;z-index:1}.modalBadge__title{display:block;text-align:center;font-size:1.4rem;line-height:1;font-family:"Roboto",sans-serif;font-weight:bold;margin-bottom:20px;color:#fff}.modalBadgeText{position:relative;z-index:1;margin-bottom:20px;color:#333}.modalBadgeText2{position:relative;z-index:2;margin-bottom:30px;color:#333;background-color:#ffe599;padding:15px;border-radius:10px}.modalBadge__col{display:grid;grid-template-columns:1fr 1fr}@media(max-width: 767px){.modalBadge__col{grid-template-columns:1fr}}.modalBadge .btnPrimary{margin-top:30px}.btnPrimary{display:block;color:#fff;line-height:1.2;background-color:#006d31;border-radius:1.2em;border:6px solid rgb(0,58,26.0733944954);padding:8px 2em;margin-top:15px;margin-left:auto;margin-right:auto;transform:scale(1);box-shadow:2px 4px 6px rgba(0,0,0,.2);transition:transform .3s}@media(hover){.btnPrimary:hover{transform:scale(1.03);cursor:pointer}}.btnPrimary:active{transform:scale(0.98)}.modalFinalizado,.modalInicio,.modalBadge{position:fixed;top:0;left:0;width:100%;height:100vh;overflow:auto;background:rgba(0,0,0,.8);align-items:flex-start;justify-content:center;padding:20px;color:#fff;z-index:10000;display:none}.modalInicio{flex-wrap:wrap;gap:20px}@media(max-width: 767px){.modalInicio{flex-direction:column;flex-wrap:nowrap}}.modal__image{width:280px}@media(max-width: 992px){.modal__image{width:150px}}@media(max-width: 767px){.modal__image{margin-bottom:-50px}}.modal__col2{display:flex;flex-direction:column;gap:20px}.modalInicio .content__modal{display:flex;flex-direction:column;justify-content:center;position:relative;margin:0 auto;width:100%;max-width:600px;border-radius:15px;padding:30px 20px;text-align:center;background-color:rgba(0,0,0,0);background-image:url(../img/bg_modal.png);background-size:cover;background-position:center;background-repeat:no-repeat;border:3px solid #ffb41d}@media(max-width: 767px){.modalInicio .content__modal{padding:20px}}.modalInicio .content_modal{text-align:left}.modalInicio .content_modal h3{color:#033f87;font-size:1.1rem;margin-top:10px;margin-bottom:5px;line-height:1.1}.modalFinalizado .content_modal h2{font-size:35px;margin-bottom:20px;line-height:1.1;text-align:center}.modalFinalizado .content__modal{display:flex;flex-direction:column;justify-content:center;position:relative;margin:0 auto;max-width:100%;width:350px;padding:20px 20px;text-align:center;background-image:url(../img/moda-final-bg.png);background-size:cover;background-position:center;background-repeat:no-repeat}@media(max-width: 767px){.modalFinalizado .content__modal{padding:20px}}.modalInicio .content_modal span,.modalFinalizado .content_modal span{color:#033f87;font-weight:bold}.modal_title{font-size:1.7rem;text-align:center;margin-bottom:10px;background-color:#ffb41d;color:#fff;border-radius:10px;width:fit-content;padding:5px 20px;margin-left:auto;margin-right:auto;border:4px solid rgba(0,0,0,0);position:relative}@media(max-width: 767px){.modal_title{font-size:1.5rem}}.modal_title::before{content:"";position:absolute;top:-10px;left:-10px;width:calc(100% + 20px);height:calc(100% + 20px);border:3px solid #14607f;border-radius:15px}.modal_logo{width:300px;margin-left:auto;margin-right:auto}.navegacion__audio{position:relative;margin-top:60px;margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:100%;width:400px}@media(max-width: 767px){.navegacion__audio{margin-top:40px;width:100%}}.navegacion__audio audio{max-width:100%;width:100%;height:30px;border-radius:10rem;display:flex;margin:5px auto}.player__audio{background-color:rgba(255,180,29,.4);border:2px solid #ffb41d;padding:4px 10px 4px 140px;border-radius:2rem}.player__image{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100px;z-index:1}.orderedList{list-style:none;counter-reset:orderedList;padding-left:20px}.orderedList li{counter-increment:orderedList;padding-left:1.5em;position:relative;margin-bottom:15px}.orderedList li::before{content:counter(orderedList) ". ";color:#033f87;font-weight:bold;position:absolute;left:0;top:-2px;font-size:1.2em}.modal__btnContainer{text-align:center;padding:10px 5px;position:sticky;bottom:0}.modalInicio .modal__btnCerrar,.modalBadge .modal__btnCerrar,.modalFinalizado .modal__btnCerrar{display:inline-flex;justify-content:center;align-items:center;padding:7px 20px;font-size:1.1rem;color:#fff;background-color:#006d31;box-shadow:0 5px 0 0 rgb(0,58,26.0733944954);border-radius:15px;transition:transform .3s;position:relative;top:-4px;transition:all .4s}.modalInicio .modal__btnCerrar:hover,.modalBadge .modal__btnCerrar:hover,.modalFinalizado .modal__btnCerrar:hover{top:0;box-shadow:0 3px 0 0 rgb(0,58,26.0733944954)}.modalInicio .modal__btnCerrar:active,.modalBadge .modal__btnCerrar:active,.modalFinalizado .modal__btnCerrar:active{box-shadow:0 5px 0 0 rgb(0,58,26.0733944954)}.modalFinalizado__imagen{margin:auto;width:350px}.modalFinalizado__footer{display:flex;justify-content:end;gap:30px;margin-top:20px;align-items:center}.modalFinalizado__logo{width:200px;max-width:100%}.modalFinalizado__compartir{color:green;display:flex;gap:15px;align-items:center;font-size:16px}.modalFinalizado__compartir img{height:20px}.btnCopy{background-color:rgba(0,0,0,0);padding:0;position:relative}@keyframes hide{0%{opacity:1}100%{opacity:0}}@keyframes show{0%{opacity:0}100%{opacity:1}}.hide{display:none !important;animation:hide 1s}.show{display:flex !important;animation:show 1s}.dNone{display:none;animation:hide 1s}.backdrop{position:fixed;top:0;left:calc(-100% - 20px);width:100vw;height:100vh;background-color:#fff;overflow:hidden;z-index:9999;transition:left .6s}.backdrop--in{left:0}.backdrop__iframe{position:absolute;top:0;left:0;width:100%;height:100%}.backdrop__preload{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#033f87;overflow:hidden;z-index:8}@keyframes preloadInvisible{0%{opacity:1}99%{opacity:0;height:100%}100%{opacity:1;height:0}}.backdrop__preload--invisible{animation:preloadInvisible .6s forwards}.backdrop__preloadLogo{max-width:240px;position:absolute;left:50%;top:49.5%;transform:translate(-50%, -110%)}@keyframes loading{0%{transform:translate(-50%, 0) rotate(0deg)}100%{transform:translate(-50%, 0) rotate(360deg)}}.backdrop__preloadIcon{position:absolute;top:52%;left:50%;width:50px;transform:translate(-50%, 0);animation:loading .9s infinite}.backdrop__preloadIcon path{fill:#fff}.backdrop__close{position:absolute;top:6px;right:25px;background-color:#033f87;width:35px;height:35px;border:3px solid #fff;border-radius:50%;padding:0;display:flex;justify-content:center;align-items:center;z-index:9;transition:transform .3s}.backdrop__close:hover{transform:scale(1.1)}.backdrop__close:active{transform:scale(1)}.backdrop__closeIcon{fill:#fff;width:50%}.dNone{display:none}le(1.1)}.backdrop__close:active{transform:scale(1)}.backdrop__closeIcon{fill:#fff;width:50%}.dNone{display:none}