body{background-color:#111;color:#fff;margin:0;padding:0}body .ui.page.modals{display:flex!important}body .ui.modal{color:#000}.App{text-align:center;min-height:100vh;display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;align-items:start}.App .default.text{color:rgba(97,97,97,.87)!important}.Wall{padding:0 16px 32px;display:flex;flex-wrap:wrap;justify-content:center}@media only screen and (max-width:599px){.Wall{padding:0 0 32px}}.WallHeader{overflow:auto;margin:32px 8vw;padding:8px;flex:100% 1;border-bottom:2px solid #232323;display:flex;align-items:center}.WallHeader .group-right{margin-left:auto;margin-right:0;display:flex}.WallHeader .group-right>:first-child{margin-right:16px}.WallHeader .EditableTitle{width:75%;margin-right:8px}@media only screen and (max-width:599px){.WallHeader{margin:16px 2vw}.WallHeader .group-right>:first-child{margin-right:8px}}.EditableTitle{text-align:left}.EditableTitle form{display:flex}.EditableTitle input,.EditableTitle label{cursor:pointer;font-size:1.5em}.EditableTitle input{background:none;border:none;flex:100% 1;font-family:Lato,Helvetica Neue,Arial,Helvetica,sans-serif;-webkit-transition:all .45s cubic-bezier(.23,1,.32,1);transition:all .45s cubic-bezier(.23,1,.32,1);font-weight:700}.EditableTitle form>*{color:hsla(0,0%,100%,.75)}.EditableTitle:hover *{color:hsla(0,0%,100%,.95)}.Image{margin:4px;position:relative}.Image img{height:100%;max-width:100%;object-fit:cover;cursor:pointer;border-radius:4px;box-shadow:0 0 2px 0 hsla(0,0%,100%,.3)}.Image img,.Image img:hover{-webkit-transition:all .45s cubic-bezier(.23,1,.32,1);transition:all .45s cubic-bezier(.23,1,.32,1)}.Image img:hover{-webkit-filter:brightness(1.1);filter:brightness(1.1);box-shadow:0 0 2px 0 hsla(0,0%,100%,.6)}.Image:hover .ImageOverlay{opacity:1}.Image[data-size]{margin-top:16px;margin-bottom:16px;flex:100% 1;display:flex;align-items:center;justify-content:center}.Image[data-size] img{height:auto;border-radius:0;-webkit-transition:all 0s;transition:all 0s;box-shadow:0 0 0 0}.Image[data-size] img:hover{-webkit-filter:none;filter:none}.Image[data-size]:before{content:"";background:rgba(0,0,0,.6);height:100%;position:absolute;left:-20px;right:-20px;z-index:-1}.Image[data-size=fit]{padding:8px;height:100vh}.Image[data-size=fit] img{max-height:100%;object-fit:contain}.Image[data-size=limitWidth]{padding:8px;height:auto}.Image[data-size=limitWidth] img{max-height:auto}.Image[data-outcenter]{height:auto}.ImageOverlay{opacity:0;top:8px;right:-16px;position:absolute;z-index:1;cursor:pointer}.ImageOverlay .button{margin:0!important;opacity:.75}.ImageOverlay .button .icon{margin:0!important}.ImageOverlay .active.button,.ImageOverlay[data-overlay-active]{opacity:1}@media only screen and (max-width:599px){.ImageOverlay{right:0}}.ImageNavigation{position:absolute;height:100%;top:0;left:-16px;right:-16px;cursor:pointer}.ImageNavigation button{display:block;position:absolute;background:none;border:none;opacity:.4;color:#fff;cursor:pointer;text-align:center;-webkit-transition:all .45s cubic-bezier(.23,1,.32,1);transition:all .45s cubic-bezier(.23,1,.32,1)}.ImageNavigation button .icon{margin:auto}.ImageNavigation .btn-next{top:50%;right:0}.ImageNavigation .btn-prev{top:50%;left:0}.ImageNavigation .btn-clear{bottom:8px;left:0}.ImageNavigation .btn-size{top:8px;left:0}.ImageNavigation [data-action]{opacity:.8}.ImageNavigation[data-invisible] button{display:none}@media only screen and (max-width:599px){.ImageNavigation{left:0;right:0}}.Navbar .navbar{padding:16px;align-items:center;background-color:#232323;display:grid;grid-gap:8px;grid-template-columns:repeat(12,1fr);grid-template-rows:auto;grid-template-areas:"brand brand gallery gallery input input input input . . . settings"}.Navbar .navbar .menu-toggle{grid-area:menu-toggle;display:none}.Navbar .navbar .brand{cursor:default;grid-area:brand;text-align:left;font-size:2em;line-height:1.2}.Navbar .navbar .brand a{display:inline-block;color:hsla(0,0%,100%,.75);-webkit-transition:all .45s cubic-bezier(.23,1,.32,1);transition:all .45s cubic-bezier(.23,1,.32,1)}.Navbar .navbar .brand a:hover{color:#fff}.Navbar .navbar .my-gallery{grid-area:gallery}.Navbar .navbar .album-input{grid-area:input}.Navbar .navbar .settings{grid-area:settings;justify-self:right}.Navbar .navbar .settings .button{width:100%}.Navbar .navbar .button{margin:0}@media only screen and (max-width:1599px){.Navbar .navbar{grid-template-columns:repeat(12,auto)}}@media only screen and (max-width:1279px){.Navbar .navbar{padding:8px;grid-gap:8px;grid-template-columns:repeat(7,1fr);grid-template-areas:" input input input input input input input" "brand brand brand gallery . settings settings"}.Navbar .navbar .album-input{background-color:#111;padding:8px 20vw;border-radius:.28rem}}@media only screen and (max-width:959px){.Navbar .navbar{grid-template-columns:repeat(3,auto);grid-template-areas:"input input input" "brand gallery settings"}.Navbar .navbar .album-input{padding:8px}}@media only screen and (max-width:599px){.Navbar .navbar{padding:8px 4px;grid-template-columns:repeat(2,auto);grid-template-areas:"input input" "gallery settings"}.Navbar .navbar .brand{display:none}.Navbar .navbar .my-gallery{justify-self:end}.Navbar .navbar .settings{justify-self:start}}.ImageInput input{min-width:14em}@media only screen and (max-width:1279px){.ImageInput .ui.action.input{display:grid!important;grid-template-columns:1fr 1fr auto}.ImageInput .ui.action.input>*{min-width:0}}.MyGallery .button{min-width:180px;text-align:center}.MyGallery .menu{left:0!important;right:auto!important}.MyGallery .menu-options .item{display:flex!important;align-items:center}.MyGallery .menu-options .item i.image.icon{margin-right:14px!important;margin-left:1px!important}.MyGallery .search{width:100%}.MyGallery .album-title{display:grid!important;grid-template-columns:4fr 1fr}.MyGallery .album-title span.description{text-align:right;order:1}.MyGallery .menu-sort-by{display:flex!important;flex-wrap:wrap}.MyGallery .menu-sort-by .header{flex:100% 1}.MyGallery .menu-sort-by .item{flex:33% 1;text-align:center!important}.MyGallery .menu-sort-by .item .icon{margin:auto!important}.SettingsModal{margin:0!important;color:#000}.SettingsModal .content-item{margin:16px 16px 0}.SettingsModal .content-item--inline{display:inline-block;margin:0 16px}.SettingsModal .sem-slider{display:flex;align-items:center}.SettingsModal .sem-slider .label{flex:0 1 auto;min-width:56px;margin-right:4px;text-align:center}.SettingsModal .sem-slider .range{flex:1 1 auto}.SettingsModal .button{min-width:80px}.SettingsModal input[type=file]{display:none}.Albums{padding:0 16px 32px}.Albums .Albums__header{border-bottom:2px solid #232323;color:hsla(0,0%,100%,.75);cursor:default;margin:33px 8vw;padding:12px}.Albums .Albums__header h2{font-size:1.5em}.Albums .Albums__content{display:flex;flex-wrap:wrap;justify-content:center}@media only screen and (max-width:599px){.Albums{padding:0 8px 32px}.Albums .Albums__header{margin:16px 2vw}}.AlbumCard{background-color:#232323;margin:8px;cursor:pointer;border-radius:4px;box-shadow:0 0 2px 0 hsla(0,0%,100%,.3);-webkit-transition:all .45s cubic-bezier(.23,1,.32,1);transition:all .45s cubic-bezier(.23,1,.32,1);width:280px}.AlbumCard .AlbumCard__thumbnail{height:280px;padding:4px}.AlbumCard .AlbumCard__thumbnail img{height:100%;width:100%;object-fit:cover;border-radius:4px}.AlbumCard .AlbumCard__info{color:hsla(0,0%,100%,.75);display:flex;padding:8px;flex:100% 1}.AlbumCard .AlbumCard__info .title{flex:auto;text-align:left;font-size:1.25rem;margin-right:8px;overflow:hidden}.AlbumCard .AlbumCard__info .count{flex:auto;text-align:right;opacity:.75}.AlbumCard:hover{-webkit-filter:brightness(1.1);filter:brightness(1.1);box-shadow:0 0 2px 0 hsla(0,0%,100%,.6);-webkit-transition:all .45s cubic-bezier(.23,1,.32,1);transition:all .45s cubic-bezier(.23,1,.32,1)}.Footer{background-color:#232323;padding:16px;color:hsla(0,0%,100%,.75);align-self:end}.Footer a{-webkit-transition:all .45s cubic-bezier(.23,1,.32,1);transition:all .45s cubic-bezier(.23,1,.32,1);color:#4d98e2}.Footer a:hover{color:#7bb2ea}
/*# sourceMappingURL=main.025075bf.chunk.css.map */