@import url(https://fonts.googleapis.com/css?family=Noto+Sans+JP:regular,bold,italic);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}body{background-color:#fff;width:100%}.login-container{position:absolute;width:100%;height:100%;background:url(/static/media/puttsche.4f4a116e.png) no-repeat 50% fixed;background-size:cover;display:flex;justify-content:center;align-items:center}.login{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background-color:hsla(0,0%,100%,.15);padding:10px;border-radius:4px;color:#fff;text-decoration:none}*{font-family:"Noto Sans JP"}body{height:100%;background-color:#0e0e0e}.main{background-color:#0e0e0e;justify-content:center}.main,.main-container{display:flex;align-items:center;flex-direction:column}.main-container{width:100%;max-width:900px;margin-bottom:60px}.image-container{margin-bottom:25px;display:flex;flex-direction:column}.user-image{width:40px;height:40px;border-radius:50%;object-fit:cover}.header-title{padding-left:12px}.header-title,.header-user{display:flex;align-items:center}.header-user{position:absolute;left:12px;padding-top:12px;margin-right:30px}.user-link{margin-left:5px;text-decoration:none;color:#fff}.image{width:100vw;max-height:1200px;object-fit:contain}.title{color:#fff;font-size:2rem;margin-bottom:5px;margin-top:5px}.linear-gradient{position:absolute;width:100%;height:80px;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(transparent));background:linear-gradient(180deg,rgba(0,0,0,.5),transparent)}.revert-linear-gradient{position:absolute;bottom:0;width:100%;height:80px;background:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(transparent));background:linear-gradient(0deg,rgba(0,0,0,.5),transparent)}.likes-container{position:absolute;display:flex;align-items:center;bottom:0;margin-left:12px}.heart-desc{color:#fff;margin-left:5px;font-weight:700;font-size:1.2rem}.liked-image{opacity:0;left:0;right:0;top:0;position:absolute;justify-content:center;-webkit-transition:all .2s;transition:all .2s}.footer,.liked-image{display:flex;bottom:0;align-items:center}.footer{position:fixed;background-color:hsla(0,0%,100%,.25);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);height:60px;z-index:2;width:100%;border-top-right-radius:20px;border-top-left-radius:20px;justify-content:space-evenly}.add-image-button{width:126px;height:80px}.add-popup{display:flex;flex-direction:column;left:0;right:0;top:0;bottom:0;position:fixed;justify-content:center;align-items:center;background-color:rgba(0,0,0,.71)}.add-popup,.custom-file-upload{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}.custom-file-upload{color:#fff;background-color:hsla(0,0%,100%,.38);padding:10px;margin-bottom:10px;border-radius:4px}.buttons-container{margin-top:10px;display:flex}.confirm-button{margin-right:5px}.cancel-button,.confirm-button{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background-color:hsla(0,0%,100%,.38);padding:10px;border-radius:4px;color:#fff;font-weight:700;font-size:1rem}.cancel-button{margin-left:5px}.title-input{height:30px;margin-top:10px;margin-bottom:10px}.anonym-container{display:flex;justify-content:center;align-items:center;color:#fff;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background-color:hsla(0,0%,100%,.38);padding:10px;border-radius:4px}.preview-image{width:100px;max-height:250px;object-fit:contain;margin-bottom:10px}
/*# sourceMappingURL=main.2951f70d.chunk.css.map */