*{margin:0;padding:0;font-family:Open Sans,"M PLUS 1p",sans-serif}html,body{width:100%}main{display:flex;flex-direction:column}h4{font-size:3rem;color:#fbfeff}span{font-size:1.5rem}.logo,.logo__use{width:20rem;fill:#fbfeff}.container{position:relative;width:100%;height:calc(100vh - 1rem);background:#eee;flex-grow:1}.slide-container{position:absolute;top:0;left:0;display:flex;width:100%;height:100%;background:#4d4f50;flex-direction:column;justify-content:center;align-items:center;gap:1rem;transition:opacity 1s ease}.slide{display:flex;position:absolute;width:100%;height:100%}.slide--1,.slide--2,.slide--3{background:#bbf5ed;justify-content:center;align-items:center}.slide--4{background:#f7f7f8;justify-content:center;gap:2.5rem}.slide--4 span{color:#8963db;font-weight:700}.slide--5{background:#d4f1fa;color:#052833;justify-content:center;gap:3rem}.slide--5 span{color:#165b70;font-weight:700}.slide__image{max-width:100%;height:100%;object-fit:contain}.slide__content{display:flex;height:100%;flex-direction:column;justify-content:center;align-items:start;gap:1rem}.slide__content span{font-size:1.5rem}.slide__content h5{font-size:3rem;margin-bottom:.5rem}.slide__content p{font-size:1.5rem}.state{position:absolute;left:1rem;bottom:1rem;padding:.5rem 1rem;background:#4d4f50aa;border-radius:.75rem;z-index:10}.state__text{font-size:2rem;color:#fbfeff}.progress{position:relative;width:100%;height:1rem;background:#6d6e70}.progress__bar{position:absolute;top:0;bottom:0;left:0;width:0px;background:#fab73b}.loading{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#333;gap:2rem;z-index:100;opacity:1;visibility:visible;transition:opacity 1s ease}.loading--hide{opacity:0;visibility:hidden;transition:opacity 1s ease,visibility 0s 1s}.loading svg{fill:#eee;width:40%}.loading span{font-size:4rem;color:#eee}.buttons{position:absolute;top:1rem;right:1rem;display:flex;z-index:10;gap:1rem;visibility:hidden}main:hover .buttons{visibility:visible}.button{display:flex;padding:1rem;border-radius:.75rem;justify-content:center;align-items:center;background:#4d4f50aa;border:none}.button svg{width:2rem;height:2rem;fill:#eee}.button[data-muted=true] .button--unmute__icon{display:none}.button[data-muted=true] .button--mute__icon,.button[data-muted=false] .button--unmute__icon{display:block}.button[data-muted=false] .button--mute__icon{display:none}