.walkthrough{text-align:center}.walkthrough img:hover{cursor:pointer}.walkthrough-container{position:fixed;top:0;left:0;right:0;bottom:0;z-index:2147483647}.walkthrough-container .mask{position:absolute;top:0;bottom:-30px;left:0;right:0;background:black;opacity:.4}.walkthrough-container .close-button{position:absolute;z-index:2;font-size:1.4em;padding:.2em .6em;right:.7em;bottom:1em;border:none;border-radius:2em;background:white;color:#666;line-height:2em}.walkthrough-container .close-button i{color:#666}.walkthrough-container .close-button:hover{cursor:pointer;filter:brightness(1.2)}.walkthrough-container .close-button:active{filter:brightness(0.8)}.walkthrough-container .walkthrough-slick{position:relative;padding-top:3%;height:calc(100% - 5em);width:94%;max-width:460px;margin-left:auto;margin-right:auto;border-radius:.7em}.walkthrough-container .walkthrough-slick.pronote{background:#ff7153;margin-top:4.15em;height:calc(100% - 8.3em - 2em)}.walkthrough-container .walkthrough-slick.pronote .walkthrough-page>img:first-child{width:150%;min-width:150%}@media only screen and (min-width: 481px){.walkthrough-container .walkthrough-slick{padding-top:0px;max-height:637px;margin-top:4.5em;height:calc(100% - 4.5em - 5.6em)}}.walkthrough-container .walkthrough-slick .walkthrough-page>img:first-child{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);max-height:100%;max-width:100%;border-radius:.4em}.walkthrough-container .walkthrough-slick img.yagi{position:absolute;bottom:4px;right:13px;width:110px}@media only screen and (min-width: 481px){.walkthrough-container .walkthrough-slick img.yagi{width:initial}}.walkthrough-container .walkthrough-slick .walkthrough-page{display:inline-block;border-radius:.7em;overflow:hidden;opacity:0;outline:none}.walkthrough-container .walkthrough-slick .walkthrough-page #walkthrough-app-download-banners{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);text-align:center}.walkthrough-container .walkthrough-slick .walkthrough-page #walkthrough-app-download-banners img{display:inline-block}.walkthrough-container .walkthrough-slick .slick-list,.walkthrough-container .walkthrough-slick .slick-track{height:100%}.walkthrough-container .walkthrough-slick .slick-dots{bottom:-29px}.walkthrough-container .walkthrough-slick .slick-dots li{width:4px}.walkthrough-container .walkthrough-slick .slick-dots button:before{font-size:9px !important;color:white !important;opacity:.6 !important}.walkthrough-container .walkthrough-slick .slick-dots .slick-active button:before{font-size:12px !important;opacity:1 !important}.walkthrough-container .walkthrough-slick .slick-prev,.walkthrough-container .walkthrough-slick .slick-next{display:none !important}@media only screen and (min-width: 541px){.walkthrough-container .walkthrough-slick .slick-prev,.walkthrough-container .walkthrough-slick .slick-next{display:block !important}}