*{box-sizing:border-box;margin:0;padding:0}html{font-family:Khula,sans-serif;font-size:62.5%}button{background:none;border:none;box-shadow:none;font-size:min(2.25vh,3rem)}button:active,button:hover{cursor:pointer;text-decoration:underline}.svg-container{align-items:center;display:flex;height:100%;justify-content:center}.svg-container svg{cursor:pointer;height:100%;width:100%}.app{flex-direction:row;height:100vh;width:100vw}.app,.user{display:flex;justify-content:center}.user{border:1px solid hsla(0,0%,100%,.5);border-radius:5vw;flex-direction:column;position:relative;z-index:1}.image-gradient-overlay{background-image:linear-gradient(180deg,rgba(32,32,32,.8) 0,rgba(32,32,32,.4) 8%,rgba(32,32,32,0) 20%,rgba(32,32,32,0) 80%,rgba(32,32,32,.4) 92%,rgba(32,32,32,.8));border-radius:5vw;height:100%;left:0;position:absolute;top:0;width:100%;z-index:10}.animated-image{-webkit-animation:fade-in .5s ease-in-out forwards;animation:fade-in .5s ease-in-out forwards;opacity:0}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.user:hover .user-location,.user:hover .user-temp{display:inline-block}.image-text{color:#fff;text-shadow:0 0 6px #000;z-index:100}.user-name{top:0}.user-location,.user-name{font-size:6vw;font-weight:600;left:5px;position:absolute}.user-location{bottom:0}.user-temp{bottom:0}.user-temp,.user-time{font-size:6vw;font-weight:600;position:absolute;right:5px}.user-time{top:0}.user-current-image{border-radius:5vw;box-shadow:inset 25px 25px 50px 0 #fff,inset -25px -25px 50px 0 #fff;height:100%;width:100%}.users{display:flex;flex:1 1 auto;flex-direction:column;gap:10vw;height:100%;justify-content:flex-start;overflow-y:auto;width:100%}.you{-webkit-app-region:drag;border:1px solid hsla(0,0%,100%,.5);border-radius:5vw;flex:0 0 auto;position:relative;width:100%;z-index:1}.you-current-image{border-radius:5vw;box-shadow:inset 25px 25px 50px 0 #fff,inset -25px -25px 50px 0 #fff;height:100%;width:100%}.you-loading-image{align-items:center;background:rgba(32,32,32,.3);border:1px solid hsla(0,0%,100%,.5);border-radius:5vw;display:flex;flex-direction:column;height:90vw;justify-content:center;position:relative;width:90vw}@-webkit-keyframes spinner{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spinner{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.spinner{-webkit-animation:spinner 1s linear infinite;animation:spinner 1s linear infinite;border:3px solid hsla(0,0%,80%,0);border-radius:50%;border-top-color:rgba(0,119,221,.5);box-sizing:border-box;height:60vw;position:absolute;width:60vw}.you-action-buttons{-webkit-app-region:no-drag;display:flex;flex-direction:column;gap:5vw;justify-content:center;left:0;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:10000}.you-action-button,.you-action-button-loading{align-items:center;background-color:#274da8;border-radius:50%;display:flex;height:15vw;justify-content:center;width:15vw}@-webkit-keyframes button-spinner{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes button-spinner{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.button-spinner{-webkit-animation:rotation .8s linear infinite;animation:rotation .8s linear infinite;background:linear-gradient(0deg,hsla(0,0%,100%,0) 75%,#fff);display:inline-block;height:10vw;position:relative;width:10vw;z-index:11}.button-spinner,.button-spinner:after{border-radius:50%;box-sizing:border-box}.button-spinner:after{background:#274da8;content:"";height:8vw;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:8vw;z-index:12}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.you-action-button-ready{align-items:center;background-color:#274da8;border-radius:50%;display:flex;height:15vw;justify-content:center;position:relative;width:15vw}.you-action-button-ready>div{-webkit-animation:growAndFade 1.5s ease-out infinite;animation:growAndFade 1.5s ease-out infinite;background-color:#274da8;border:2px solid #fff;border-radius:50%;height:150%;opacity:0;position:absolute;width:150%}.you-action-button-ready .circle1{-webkit-animation-delay:.25s;animation-delay:.25s}.you-action-button-ready .circle2{-webkit-animation-delay:.5s;animation-delay:.5s}.you-action-button-ready .circle3{-webkit-animation-delay:.75s;animation-delay:.75s}.you-action-button-ready .circle4{-webkit-animation-delay:1s;animation-delay:1s}@-webkit-keyframes growAndFade{0%{opacity:.5;-webkit-transform:scale(0);transform:scale(0)}to{opacity:0;-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes growAndFade{0%{opacity:.5;-webkit-transform:scale(0);transform:scale(0)}to{opacity:0;-webkit-transform:scale(1.1);transform:scale(1.1)}}.you-action-button:hover{background-color:#274da8;border:1px solid #ccc}.you-action-button-glyph{stroke:#fff;stroke-width:2px;height:60%;width:60%}.frame{background:transparent;gap:10vw;height:100%;justify-content:space-between;padding-left:10vw;position:relative;width:100%}.frame,.vertical_container{display:flex;flex-direction:column}.vertical_container{height:100vh;justify-content:center;width:100vw}::-webkit-scrollbar{background:transparent;height:0;width:0}.current-user-loading{align-items:center;display:flex;flex-direction:column;justify-content:center}.gallery-active-slide,.view-images-page{height:100vh;width:100vw}.gallery-active-slide{display:block!important}.gallery-item{border:1px solid hsla(0,0%,100%,.5);border-radius:8px;height:100vh;object-fit:cover;width:100vw}.gallery-slide{display:none}.gallery-forward-btn{right:0}.gallery-backward-btn,.gallery-forward-btn{bottom:50%;height:50vh;position:absolute;-webkit-transform:translateY(50%);transform:translateY(50%);width:10vw;z-index:1}.gallery-backward-btn{left:0}.gallery-arrow-icon,.gallery-close-icon{stroke-width:1.5px;color:hsla(0,0%,100%,.5);z-index:10}.gallery-close-icon{height:6vh;margin:2vh;position:absolute;right:0;top:0;width:6vw}.gallery-close-icon:hover{color:#fff}.gallery-share-icon{stroke-width:1.5px;color:hsla(0,0%,100%,.5);height:6vh;left:0;margin:2vh;position:absolute;top:0;width:6vw;z-index:10}.gallery-arrow-icon:hover,.gallery-share-icon:hover{color:#fff}.gallery-button-icon{color:#fff;font-size:5vw}.create-image-page{align-items:center;background-color:rgba(0,0,0,.75);border:1px solid hsla(0,0%,100%,.5);border-radius:8px;justify-content:space-around}.create-image-container,.create-image-page{display:flex;flex-direction:column;height:100vh;width:100vw}.create-image-container{background:hsla(0,0%,100%,.1);border-radius:10px;justify-content:space-between;overflow-y:scroll;padding:1rem}.create-image-header{align-items:center;display:flex;flex-direction:column;justify-content:center}.create-image-header h1{font-size:2.5rem}.create-image-header{color:#fff}.create-image-container form{grid-gap:.25rem;display:grid;gap:.25rem;grid-template-columns:1fr}.create-image-container fieldset{border:none;display:flex;flex-direction:column;gap:.25rem}.title{color:#fff;font-size:1.6rem;font-weight:700}.description{color:#fff;font-size:1.4rem;font-weight:400;margin-left:10px}.or{color:#fff;font-size:1.6rem;font-weight:700;margin:0 auto}.create-image-container input[type=text],.create-image-container textarea{border:1px solid hsla(0,0%,100%,.5);border-radius:4px;width:100%}#cancel,#generate-image{background-color:#07d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1.2rem;padding:6px 24px}#cancel:hover,#generate-image:hover{background-color:#07d}#cancel{background-color:#ccc;color:#333}#cancel:hover{background-color:#999}.create-image-container .buttons{display:flex;gap:10rem;grid-column:1/-1;justify-content:center;margin-top:1rem}.choose-image{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;width:100vw}.image-grid{grid-gap:3vw;display:grid;grid-template-columns:repeat(2,1fr);justify-content:space-around;margin-top:3vw}.image-tile{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.image{border:1px solid hsla(0,0%,100%,.5);border-radius:8px;height:44vw;width:44vw}.image:hover{border:3px solid #07d;cursor:pointer}.choose-image-actions{display:flex;flex-direction:row;height:10vh;justify-content:space-around;width:100vw}.choose-image-action{color:#fff;text-decoration:none}.choose-image-action:hover{text-decoration:underline}
/*# sourceMappingURL=main.cc89f37c.css.map*/