body,html{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}a{text-decoration:none}*{box-sizing:border-box}.iframe-wrapper{max-width:90vw;height:100vh;display:none}.iframe-non-desktop,.iframe-wrapper{overlow:hidden;position:relative;bottom:0;border-radius:5px;border:1px solid #dedede;margin-top:4rem}.iframe-non-desktop{display:block;min-width:80vw;height:76vh}.iframe{width:100%;border-radius:5px}.wrapper{display:flex;flex-direction:column;align-items:center}.buttons{display:none}.header-container{display:flex;width:85vw;padding-top:2rem;justify-content:space-between;flex-wrap:wrap;flex-shrink:shrink;position:relative}.active svg{stroke:#08f;fill:#add8e6}svg{transition:fill stroke .5s ease}.back-btn{background-color:#f5f2ff;color:#7c66dc;padding:8px 16px;transition:all .5s ease}.back-btn:hover{background-color:#e9edf6}.studio-btn{background-color:#6e56cf;color:#f5f2ff;transition:all .5s ease;padding:8px 16px;height:40px}.studio-btn:hover{background-color:#7c66dc}button{outline:none;border:none;cursor:pointer;border-radius:4px}.device{padding-right:10px;cursor:pointer;transition:all .3s ease}.device:hover{opacity:.4}@media only screen and (min-width:400px){.iframe-wrapper{display:none}.header-container{position:relative}}@media only screen and (min-width:628px){.buttons,.iframe-wrapper{display:flex;align-items:center}.iframe-wrapper{width:90vw;height:75vh;flex-direction:column;justify-content:center}.device:first-child,.iframe-non-desktop{display:none}}@media only screen and (min-width:768px){.iframe-wrapper{width:90vw}}@media only screen and (min-width:1024px){.device:first-child{display:block}.iframe-wrapper{width:90vw;height:78vh}}@media only screen and (min-width:1400px){.device:first-child{display:block}.iframe-wrapper{width:90vw;height:78vh}.wrapper{overlow:hidden}}@media only screen and (min-width:2000px){.device:first-child{display:block}.iframe-wrapper{width:90vw;height:85vh}}