*{box-sizing:border-box}*,body{margin:0}body{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}button,input{border:none;outline:none;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif}.app{min-height:100vh;flex-direction:column;justify-content:center}.app,.nav{width:100%;display:flex;align-items:center}.nav{justify-content:space-between;padding:.2rem .5rem .2rem 1.2rem;border-bottom:1px solid #d3d3d3;background-color:#fff;z-index:5;position:-webkit-sticky;position:sticky;top:0}.nav__logo{-webkit-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.nav__logoText2{font-size:1.3rem!important;color:#706f6f}.nav_search{margin:0 1rem;padding:.6rem 1rem;border-radius:5px;flex:1 1;max-width:700px;display:flex;align-items:center;background-color:rgba(227,230,231,.637)}.nav__searchIcon{color:#3f3d3d!important}.nav__searchInput{margin-left:1rem;background-color:transparent;font-weight:500;font-size:1rem;flex:1 1}.nav__right{display:flex;align-items:center}.nav__rightUploadBtn{font-weight:600!important;text-transform:none!important;color:#504f4f!important}.nav__rightAvatar{width:2rem!important;height:2rem!important;cursor:pointer}@media only screen and (max-width:600px){.nav_search{display:none}}.albumpage,.homepage{flex:1 1;width:100%;max-width:1300px;padding:.5rem 1rem}.albumpage__header{display:flex;justify-content:space-between;align-items:center}.albumpage__photos,.homepage__photos{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:.5rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #d3d3d3}.homepage__photoAlbum{background-color:#ebebeb;width:100%;height:100%;min-height:150px;max-height:250px;border-radius:3px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;justify-content:center;align-items:center;-webkit-user-select:none;-ms-user-select:none;user-select:none}.homepage__photoAlbum:hover{-webkit-filter:brightness(90%);filter:brightness(90%)}.homepage__photoAlbum:active{transform:scale(.97)}@media only screen and (max-width:900px){.albumpage__photos,.homepage__photos{grid-template-columns:repeat(4,1fr)}}@media only screen and (max-width:700px){.albumpage__photos,.homepage__photos{grid-template-columns:repeat(3,1fr)}}@media only screen and (max-width:450px){.albumpage__photos,.homepage__photos{grid-template-columns:repeat(2,1fr)}}.photo{max-height:250px;cursor:pointer;transition:all .2s ease;position:relative}.photo,.photo__img{width:100%;height:100%;border-radius:3px}.photo__img{object-fit:cover}.photo:hover{-webkit-filter:brightness(90%);filter:brightness(90%)}.photo:active{transform:scale(.98)}.photo:hover .photo__options{display:flex}.photo__options{background-color:hsla(0,0%,96.1%,.785);display:none;justify-content:space-between;align-items:center;position:absolute;bottom:0;left:0;width:100%;border-bottom-left-radius:3px;border-bottom-right-radius:3px;transition:all .3s ease;padding:.5rem}.photo__optionsName{margin:0 .5rem;flex:1 1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;-ms-user-select:none;user-select:none}
/*# sourceMappingURL=main.bc84b1b6.chunk.css.map */