.view#download{display:flex;flex-direction:column;justify-content:space-between;overflow:scroll;min-height:-moz-fit-content;min-height:fit-content;margin-top:0;overflow-x:hidden}.downloadHeader{margin:40px 0;padding:50px 0 20px 0;border-top:2px solid var(--smooth-gray);border-bottom:2px solid var(--smooth-gray);z-index:3}.headerImage{position:relative;margin-top:-100px;margin-left:50%;transform:translateX(-50%);display:flex;width:70px;height:70px;overflow:hidden;padding:20px;background-color:#fff;border-radius:100%}.headerImage img{width:100%}.downloadHeader h1{font-size:24px;padding:0;margin:0}.downloadHeader p{font-size:15px;padding:5px}.imgContainer{position:relative;width:100%;aspect-ratio:1;overflow:hidden;border-radius:5px;z-index:3;margin-bottom:15px}.imgContainer img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:top left;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:opacity .2s,scale .2s ease-out}.downloadPreview{position:relative;box-sizing:border-box;padding:20px;margin-bottom:70px}.downloadPreview ion-icon{font-size:80px}.downloadPreview h2{font-weight:200;text-wrap:auto}.downloadPreview p{font-size:15px;color:var(--smooth-gray)}.downloadBody{margin:0;max-width:300px}.download{position:absolute;left:0;bottom:0;margin:2.5%;width:95%;height:40px;border:none;border-radius:5px;background-color:var(--main);color:#fff;font-weight:500;font-size:15px;display:flex;justify-content:center;align-items:center;transition:color .15s,background-color .15s;min-height:-moz-fit-content;min-height:fit-content}.download:not(.loading):hover{cursor:pointer;color:var(--main);background-color:#fff;border:1px solid var(--main)}.download ion-icon{margin:5px;transition:transform .2s ease-in}.loadingIcon{width:8px;height:8px;border-radius:100%;border-top:1.5px solid #fff;border-left:1.5px solid #fff;margin:5px;animation:rotate 1.5s linear infinite}@media screen and (max-width:500px){.view#download{height:80vh}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.bottomBar{position:relative;width:100%;height:-moz-fit-content;height:fit-content;display:flex;justify-content:center;z-index:10;margin-bottom:0}.bottomBar p{margin:40px 0 40px 0;border-left:1px solid #827e7e;border-right:1px solid #827e7e;padding:0 clamp(5px,5vw,40px) 0 clamp(5px,5vw,40px);transition:color .1s}.bottomBar p:first-child{border-left:none!important}.bottomBar p:last-child{border-right:none!important}.bottomBar p:hover{color:var(--main);cursor:pointer}@media screen and (max-width:500px){.bottomBar{position:absolute;bottom:-80px}}*{margin:auto}#app{font-family:Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}:root{--main:#1978f4;--smooth-gray:#969696;--kys-jasper:rgba(0,0,0,.1)}.contentContainer{display:flex;flex-direction:column;position:relative;margin-top:2%;width:clamp(min(500px,100%),40vw,1000px);height:-moz-fit-content;height:fit-content;min-height:-moz-fit-content;min-height:fit-content;max-height:800px;border:1.5px solid var(--kys-jasper);border-radius:5px;box-shadow:0 3px 5px var(--kys-jasper);box-sizing:border-box;padding:20px 32px;background-color:#fff;overflow-x:hidden;overflow-y:scroll;flex-shrink:0}@media screen and (max-width:500px){.contentContainer{position:static;height:110vh;margin-top:0;border:none;border-radius:0;box-shadow:none}}