diff --git a/public/Lychee-front b/public/Lychee-front
index c10b3cb7265..c7204af3242 160000
--- a/public/Lychee-front
+++ b/public/Lychee-front
@@ -1 +1 @@
-Subproject commit c10b3cb72657b523af01d4b7e4a6d6b6b08c4c9a
+Subproject commit c7204af32423fb6cb87bb728179a1bd2ac8fba46
diff --git a/public/dist/frontend.css b/public/dist/frontend.css
index d26df52dadd..7a5809e98b4 100644
--- a/public/dist/frontend.css
+++ b/public/dist/frontend.css
@@ -1 +1 @@
-@charset "UTF-8";@-webkit-keyframes basicModal__fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes basicModal__fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes basicModal__fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes basicModal__fadeOut{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes basicModal__moveUpFade{0%{-webkit-transform:translateY(80px);transform:translateY(80px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes basicModal__moveUpFade{0%{-webkit-transform:translateY(80px);transform:translateY(80px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes basicModal__shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}20%,60%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}40%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes basicModal__shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}20%,60%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}40%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}.basicModalContainer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:fixed;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,.4);z-index:1000;-webkit-box-sizing:border-box;box-sizing:border-box}.basicModalContainer *,.basicModalContainer :after,.basicModalContainer :before{-webkit-box-sizing:border-box;box-sizing:border-box}.basicModalContainer--fadeIn{-webkit-animation:.3s cubic-bezier(.51,.92,.24,1.15) basicModal__fadeIn;animation:.3s cubic-bezier(.51,.92,.24,1.15) basicModal__fadeIn}.basicModalContainer--fadeOut{-webkit-animation:.3s cubic-bezier(.51,.92,.24,1.15) basicModal__fadeOut;animation:.3s cubic-bezier(.51,.92,.24,1.15) basicModal__fadeOut}.basicModalContainer--fadeIn .basicModal--fadeIn{-webkit-animation:.3s cubic-bezier(.51,.92,.24,1.15) basicModal__moveUpFade;animation:.3s cubic-bezier(.51,.92,.24,1.15) basicModal__moveUpFade}.basicModalContainer--fadeIn .basicModal--shake{-webkit-animation:.3s cubic-bezier(.51,.92,.24,1.15) basicModal__shake;animation:.3s cubic-bezier(.51,.92,.24,1.15) basicModal__shake}.basicModal{position:relative;width:500px;background-color:#fff;border-radius:5px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.2)}.basicModal__content{padding:7%;max-height:70vh;overflow:auto;-webkit-overflow-scrolling:touch}.basicModal__buttons{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-shadow:0 -1px 0 rgba(0,0,0,.1);box-shadow:0 -1px 0 rgba(0,0,0,.1)}.basicModal__button{display:inline-block;width:100%;font-weight:700;text-align:center;-webkit-transition:background-color .2s;-o-transition:background-color .2s;transition:background-color .2s;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.basicModal__button:hover{background-color:rgba(0,0,0,.02)}.basicModal__button#basicModal__cancel{-ms-flex-negative:2;flex-shrink:2}.basicModal__button#basicModal__action{-ms-flex-negative:1;flex-shrink:1;-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,.1);box-shadow:inset 1px 0 0 rgba(0,0,0,.1)}.basicModal__button#basicModal__action:first-child{-webkit-box-shadow:none;box-shadow:none}.basicModal__button:first-child{border-radius:0 0 0 5px}.basicModal__button:last-child{border-radius:0 0 5px}.basicModal__small{max-width:340px;text-align:center}.basicModal__small .basicModal__content{padding:10% 5%}.basicModal__xclose#basicModal__cancel{position:absolute;top:-8px;right:-8px;margin:0;padding:0;width:40px;height:40px;background-color:#fff;border-radius:100%;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.2)}.basicModal__xclose#basicModal__cancel:after{content:"";position:absolute;left:-3px;top:8px;width:35px;height:34px;background:#fff}.basicModal__xclose#basicModal__cancel svg{position:relative;width:20px;height:39px;fill:#888;z-index:1;-webkit-transition:fill .2s;-o-transition:fill .2s;transition:fill .2s}.basicModal__xclose#basicModal__cancel:after:hover svg,.basicModal__xclose#basicModal__cancel:hover svg{fill:#2875ed}.basicModal__xclose#basicModal__cancel:active svg,.basicModal__xclose#basicModal__cancel:after:active svg{fill:#1364e3}.basicContextContainer{position:fixed;width:100%;height:100%;top:0;left:0;z-index:1000;-webkit-tap-highlight-color:transparent}.basicContext{position:absolute;opacity:0;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-animation:.3s cubic-bezier(.51,.92,.24,1.2) basicContext__popIn;animation:.3s cubic-bezier(.51,.92,.24,1.2) basicContext__popIn}.basicContext *{-webkit-box-sizing:border-box;box-sizing:border-box}.basicContext__item{cursor:pointer}.basicContext__item--separator{float:left;width:100%;cursor:default}.basicContext__item--disabled{cursor:default;opacity:.5}.basicContext__data{min-width:140px;text-align:left;white-space:nowrap}.basicContext__icon{display:inline-block}.basicContext--scrollable{height:100%;-webkit-overflow-scrolling:touch;overflow-x:hidden;overflow-y:auto}.basicContext--scrollable .basicContext__data{min-width:160px}@-webkit-keyframes basicContext__popIn{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes basicContext__popIn{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;background-color:#1d1d1d;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}em,i{font-style:italic}b,strong{font-weight:700}*{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:color .3s,opacity .3s ease-out,-webkit-transform .3s ease-out,-webkit-box-shadow .3s;transition:color .3s,opacity .3s ease-out,transform .3s ease-out,box-shadow .3s,-webkit-transform .3s ease-out,-webkit-box-shadow .3s;-o-transition:color .3s,opacity .3s ease-out,transform .3s ease-out,box-shadow .3s}body,html{min-height:100vh;position:relative}div#container{position:relative}body.mode-frame div#container,body.mode-none div#container{display:none}input,textarea{-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important;user-select:text!important}.svgsprite{display:none}.iconic{width:100%;height:100%}#upload{display:none}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(.51,.92,.24,1);animation-timing-function:cubic-bezier(.51,.92,.24,1)}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(.51,.92,.24,1);animation-timing-function:cubic-bezier(.51,.92,.24,1)}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes moveBackground{0%{background-position-x:0}100%{background-position-x:-100px}}@keyframes moveBackground{0%{background-position-x:0}100%{background-position-x:-100px}}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes zoomOut{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}100%{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}}@keyframes zoomOut{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}100%{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}}@-webkit-keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}.content{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:start;align-content:flex-start;padding:50px 30px 33px 0;width:calc(100% - 30px);-webkit-transition:margin-left .5s;-o-transition:margin-left .5s;transition:margin-left .5s;-webkit-overflow-scrolling:touch;max-width:calc(100vw - 10px)}.content::before{content:"";position:absolute;left:0;width:100%;height:1px;background:rgba(255,255,255,.02)}.content--sidebar{width:calc(100% - 380px)}.content.contentZoomIn .album,.content.contentZoomIn .photo{-webkit-animation-name:zoomIn;animation-name:zoomIn}.content.contentZoomIn .divider{-webkit-animation-name:fadeIn;animation-name:fadeIn}.content.contentZoomOut .album,.content.contentZoomOut .photo{-webkit-animation-name:zoomOut;animation-name:zoomOut}.content.contentZoomOut .divider{-webkit-animation-name:fadeOut;animation-name:fadeOut}.content .album,.content .photo{position:relative;width:202px;height:202px;margin:30px 0 0 30px;cursor:default;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(.51,.92,.24,1);animation-timing-function:cubic-bezier(.51,.92,.24,1)}.content .album .thumbimg,.content .photo .thumbimg{position:absolute;width:200px;height:200px;background:#222;color:#222;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.5);box-shadow:0 2px 5px rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.5);-webkit-transition:opacity .3s ease-out,border-color .3s ease-out,-webkit-transform .3s ease-out;transition:opacity .3s ease-out,transform .3s ease-out,border-color .3s ease-out,-webkit-transform .3s ease-out;-o-transition:opacity .3s ease-out,transform .3s ease-out,border-color .3s ease-out}.content .album .thumbimg>img,.content .photo .thumbimg>img{width:100%;height:100%}.content .album.active .thumbimg,.content .album:focus .thumbimg,.content .photo.active .thumbimg,.content .photo:focus .thumbimg{border-color:#2293ec}.content .album:active .thumbimg,.content .photo:active .thumbimg{-webkit-transition:none;-o-transition:none;transition:none;border-color:#0f6ab2}.content .album.selected img,.content .photo.selected img{outline:#2293ec solid 1px}.content .album .video::before,.content .photo .video::before{content:"";position:absolute;display:block;height:100%;width:100%;background:url(../img/play-icon.png) 46% 50% no-repeat;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;will-change:opacity,height}.content .album .video:focus::before,.content .photo .video:focus::before{opacity:.75}.content .album .livephoto::before,.content .photo .livephoto::before{content:"";position:absolute;display:block;height:100%;width:100%;background:url(../img/live-photo-icon.png) 2% 2% no-repeat;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;will-change:opacity,height}.content .album .livephoto:focus::before,.content .photo .livephoto:focus::before{opacity:.75}.content .album .thumbimg:first-child,.content .album .thumbimg:nth-child(2){-webkit-transform:rotate(0) translateY(0) translateX(0);-ms-transform:rotate(0) translateY(0) translateX(0);transform:rotate(0) translateY(0) translateX(0);opacity:0}.content .album:focus .thumbimg:nth-child(1),.content .album:focus .thumbimg:nth-child(2){opacity:1;will-change:transform}.content .album:focus .thumbimg:nth-child(1){-webkit-transform:rotate(-2deg) translateY(10px) translateX(-12px);-ms-transform:rotate(-2deg) translateY(10px) translateX(-12px);transform:rotate(-2deg) translateY(10px) translateX(-12px)}.content .album:focus .thumbimg:nth-child(2){-webkit-transform:rotate(5deg) translateY(-8px) translateX(12px);-ms-transform:rotate(5deg) translateY(-8px) translateX(12px);transform:rotate(5deg) translateY(-8px) translateX(12px)}.content .blurred span{overflow:hidden}.content .blurred img{-webkit-filter:blur(5px);filter:blur(5px)}.content .album .overlay,.content .photo .overlay{position:absolute;margin:0 1px;width:200px;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.6)));background:-o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.6));background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.6));bottom:1px}.content .album .thumbimg[data-overlay=false]+.overlay{background:0 0}.content .photo .overlay{opacity:0}.content .photo.active .overlay,.content .photo:focus .overlay{opacity:1}.content .album .overlay h1,.content .photo .overlay h1{min-height:19px;width:180px;margin:12px 0 5px 15px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.4);font-size:16px;font-weight:700;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}.content .album .overlay a,.content .photo .overlay a{display:block;margin:0 0 12px 15px;font-size:11px;color:#ccc;text-shadow:0 1px 3px rgba(0,0,0,.4)}.content .album .overlay a .iconic,.content .photo .overlay a .iconic{fill:#ccc;margin:0 5px 0 0;width:8px;height:8px}.content .album .thumbimg[data-overlay=false]+.overlay a,.content .album .thumbimg[data-overlay=false]+.overlay h1{text-shadow:none}.content .album .badges,.content .photo .badges{position:relative;margin:-1px 0 0 6px}.content .album .subalbum_badge{position:absolute;right:0;top:0}.content .album .badge,.content .photo .badge{display:none;margin:0 0 0 6px;padding:12px 8px 6px;width:18px;background:#d92c34;-webkit-box-shadow:0 0 2px rgba(0,0,0,.6);box-shadow:0 0 2px rgba(0,0,0,.6);border-radius:0 0 5px 5px;border:1px solid #fff;border-top:none;color:#fff;text-align:center;text-shadow:0 1px 0 rgba(0,0,0,.4);opacity:.9}.content .album .badge--visible,.content .photo .badge--visible{display:inline-block}.content .album .badge--not--hidden,.content .photo .badge--not--hidden{background:#0a0}.content .album .badge--hidden,.content .photo .badge--hidden{background:#f90}.content .album .badge--cover,.content .photo .badge--cover{display:inline-block;background:#f90}.content .album .badge--star,.content .photo .badge--star{display:inline-block;background:#fc0}.content .album .badge--nsfw,.content .photo .badge--nsfw{display:inline-block;background:#ff82ee}.content .album .badge--list,.content .photo .badge--list{background:#2293ec}.content .album .badge--tag,.content .photo .badge--tag{display:inline-block;background:#0a0}.content .album .badge .iconic,.content .photo .badge .iconic{fill:#fff;width:16px;height:16px}.content .album .badge--folder,.content .photo .badge--folder{display:inline-block;-webkit-box-shadow:none;box-shadow:none;background:0 0;border:none}.content .album .badge--folder .iconic,.content .photo .badge--folder .iconic{width:12px;height:12px}.content .divider{margin:50px 0 0;padding:10px 0 0;width:100%;opacity:0;border-top:1px solid rgba(255,255,255,.02);-webkit-box-shadow:0 -1px 0 rgba(0,0,0,.2);box-shadow:0 -1px 0 rgba(0,0,0,.2);-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(.51,.92,.24,1);animation-timing-function:cubic-bezier(.51,.92,.24,1)}.content .divider:first-child{margin-top:10px;border-top:0;-webkit-box-shadow:none;box-shadow:none}.content .divider h1{margin:0 0 0 30px;color:rgba(255,255,255,.6);font-size:14px;font-weight:700}@media only screen and (min-width:320px) and (max-width:567px){.content{padding:50px 0 33px;width:100%;max-width:100%}.content .album,.content .photo{--size:calc((100vw - 3px) / 3);width:calc(var(--size) - 3px);height:calc(var(--size) - 3px);margin:3px 0 0 3px}.content .album .thumbimg,.content .photo .thumbimg{width:calc(var(--size) - 5px);height:calc(var(--size) - 5px)}.content .album .overlay,.content .photo .overlay{width:calc(var(--size) - 5px)}.content .album .overlay h1,.content .photo .overlay h1{min-height:14px;width:calc(var(--size) - 19px);margin:8px 0 2px 6px;font-size:12px}.content .album .overlay a,.content .photo .overlay a{display:none}.content .album .badge,.content .photo .badge{padding:4px 3px 3px;width:12px}.content .album .badge .iconic,.content .photo .badge .iconic{width:12px;height:12px}.content .album .badge--folder .iconic,.content .photo .badge--folder .iconic{width:8px;height:8px}.content .divider{margin:20px 0 0}.content .divider:first-child{margin-top:0}.content .divider h1{margin:0 0 6px 8px;font-size:12px}}@media only screen and (min-width:568px) and (max-width:639px){.content{padding:50px 0 33px;width:100%;max-width:100%}.content .album,.content .photo{--size:calc((100vw - 3px) / 4);width:calc(var(--size) - 3px);height:calc(var(--size) - 3px);margin:3px 0 0 3px}.content .album .thumbimg,.content .photo .thumbimg{width:calc(var(--size) - 5px);height:calc(var(--size) - 5px)}.content .album .overlay,.content .photo .overlay{width:calc(var(--size) - 5px)}.content .album .overlay h1,.content .photo .overlay h1{min-height:14px;width:calc(var(--size) - 19px);margin:8px 0 2px 6px;font-size:12px}.content .album .overlay a,.content .photo .overlay a{display:none}.content .album .badge,.content .photo .badge{padding:4px 3px 3px;width:14px}.content .album .badge .iconic,.content .photo .badge .iconic{width:14px;height:14px}.content .album .badge--folder .iconic,.content .photo .badge--folder .iconic{width:9px;height:9px}.content .divider{margin:24px 0 0}.content .divider:first-child{margin-top:0}.content .divider h1{margin:0 0 6px 10px}}@media only screen and (min-width:640px) and (max-width:768px){.content{padding:50px 0 33px;width:100%;max-width:100%}.content .album,.content .photo{--size:calc((100vw - 5px) / 5);width:calc(var(--size) - 5px);height:calc(var(--size) - 5px);margin:5px 0 0 5px}.content .album .thumbimg,.content .photo .thumbimg{width:calc(var(--size) - 7px);height:calc(var(--size) - 7px)}.content .album .overlay,.content .photo .overlay{width:calc(var(--size) - 7px)}.content .album .overlay h1,.content .photo .overlay h1{min-height:14px;width:calc(var(--size) - 21px);margin:10px 0 3px 8px;font-size:12px}.content .album .overlay a,.content .photo .overlay a{display:none}.content .album .badge,.content .photo .badge{padding:6px 4px 4px;width:16px}.content .album .badge .iconic,.content .photo .badge .iconic{width:16px;height:16px}.content .album .badge--folder .iconic,.content .photo .badge--folder .iconic{width:10px;height:10px}.content .divider{margin:28px 0 0}.content .divider:first-child{margin-top:0}.content .divider h1{margin:0 0 6px 10px}}.no_content{position:absolute;top:50%;left:50%;padding-top:20px;color:rgba(255,255,255,.35);text-align:center;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.no_content .iconic{fill:rgba(255,255,255,.3);margin:0 0 10px;width:50px;height:50px}.no_content p{font-size:16px;font-weight:700}.leftMenu__open{margin-left:250px;width:calc(100% - 280px)}div#frame{position:absolute;width:100%;height:100%;top:0;left:0}body.mode-gallery div#frame,body.mode-none div#frame,body.mode-view div#frame{display:none}#background_canvas{width:100%;height:100%;position:absolute}#background{position:absolute;display:none}#noise{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(../img/noise.png);background-repeat:repeat;background-position:44px 44px}.image_container{margin:auto;width:95vw;height:95vh;text-align:center;line-height:100vh}.image_container img{vertical-align:middle;height:100%;width:100%;-o-object-fit:contain;object-fit:contain;-webkit-filter:drop-shadow(0 0 1px rgba(0, 0, 0, .3)) drop-shadow(0 0 10px rgba(0, 0, 0, .3));filter:drop-shadow(0 0 1px rgba(0, 0, 0, .3)) drop-shadow(0 0 10px rgba(0, 0, 0, .3))}#frame-shutter{position:absolute;width:100%;height:100%;top:0;left:0;padding:0;margin:0;background-color:#1d1d1d;opacity:1;-webkit-transition:opacity 1s ease-in-out;-o-transition:opacity 1s ease-in-out;transition:opacity 1s ease-in-out}#frame-shutter.opened{opacity:0}.leftMenu{height:100vh;width:0;position:fixed;z-index:4;top:0;left:0;background-color:#111;overflow-x:hidden;padding-top:49px;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}.leftMenu a{padding:8px 8px 8px 32px;text-decoration:none;font-size:18px;color:#818181;display:block;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.leftMenu a.linkMenu{white-space:nowrap}.leftMenu .closebtn{position:absolute;top:0;right:25px;font-size:36px;margin-left:50px}.leftMenu .closetxt{position:absolute;top:0;left:0;font-size:24px;height:28px;padding-top:16px;color:#111;display:inline-block;width:210px}.leftMenu .iconic{display:inline-block;margin:0 10px 0 1px;width:15px;height:14px;fill:#818181}.leftMenu .iconic.ionicons{margin:0 8px -2px 0;width:18px;height:18px}.leftMenu__visible{width:250px}@media only screen and (max-width:567px),only screen and (max-width:640px) and (orientation:portrait){.leftMenu{display:none!important}}@media (hover:hover){.content .album:hover .thumbimg,.content .photo:hover .thumbimg{border-color:#2293ec}.content .album .livephoto:hover::before,.content .album .video:hover::before,.content .photo .livephoto:hover::before,.content .photo .video:hover::before{opacity:.75}.content .album:hover .thumbimg:nth-child(1),.content .album:hover .thumbimg:nth-child(2),.content .album__dragover .thumbimg:nth-child(1),.content .album__dragover .thumbimg:nth-child(2){opacity:1;will-change:transform}.content .album:hover .thumbimg:nth-child(1),.content .album__dragover .thumbimg:nth-child(1){-webkit-transform:rotate(-2deg) translateY(10px) translateX(-12px);-ms-transform:rotate(-2deg) translateY(10px) translateX(-12px);transform:rotate(-2deg) translateY(10px) translateX(-12px)}.content .album:hover .thumbimg:nth-child(2),.content .album__dragover .thumbimg:nth-child(2){-webkit-transform:rotate(5deg) translateY(-8px) translateX(12px);-ms-transform:rotate(5deg) translateY(-8px) translateX(12px);transform:rotate(5deg) translateY(-8px) translateX(12px)}.content .photo:hover .overlay{opacity:1}.leftMenu .closetxt:hover{color:#818181}.leftMenu a:hover{color:#f1f1f1}}@media (hover:none){.leftMenu a{padding:14px 8px 14px 32px}}.basicContext{padding:5px 0 6px;background:-webkit-gradient(linear,left top,left bottom,from(#333),to(#252525));background:-o-linear-gradient(top,#333,#252525);background:linear-gradient(to bottom,#333,#252525);-webkit-box-shadow:0 1px 4px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.05);box-shadow:0 1px 4px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.05);border-radius:5px;border:1px solid rgba(0,0,0,.7);border-bottom:1px solid rgba(0,0,0,.8);-webkit-transition:none;-o-transition:none;transition:none}.basicContext__item{margin-bottom:2px;font-size:14px;color:#ccc}.basicContext__item--separator{margin:4px 0;height:2px;background:rgba(0,0,0,.2);border-bottom:1px solid rgba(255,255,255,.06)}.basicContext__item:last-child{margin-bottom:0}.basicContext__data{min-width:auto;padding:6px 25px 7px 12px;-webkit-transition:none;-o-transition:none;transition:none;cursor:default}@media (hover:none) and (pointer:coarse){.basicContext__data{padding:12px 25px 12px 12px}}.basicContext__item:not(.basicContext__item--disabled):active .basicContext__data{background:-webkit-gradient(linear,left top,left bottom,from(#1178ca),to(#0f6ab2));background:-o-linear-gradient(top,#1178ca,#0f6ab2);background:linear-gradient(to bottom,#1178ca,#0f6ab2)}.basicContext__icon{margin-right:10px;width:12px;text-align:center}@media (hover:hover){.basicContext__item:not(.basicContext__item--disabled):hover .basicContext__data{background:-webkit-gradient(linear,left top,left bottom,from(#2293ec),to(#1386e1));background:-o-linear-gradient(top,#2293ec,#1386e1);background:linear-gradient(to bottom,#2293ec,#1386e1)}.basicContext__item:hover{color:#fff;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}.basicContext__item:hover .iconic{fill:#fff}.basicContext__item--noHover:hover .basicContext__data{background:0 0!important}}.basicContext__data .cover{position:absolute;background-color:#222;border-radius:2px;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.5);box-shadow:0 0 0 1px rgba(0,0,0,.5)}.basicContext__data .title{display:inline-block;margin:0 0 3px 26px}.basicContext__data .iconic{display:inline-block;margin:0 10px 0 1px;width:11px;height:10px;fill:#fff}.basicContext__data .iconic.active{fill:#f90}.basicContext__data .iconic.ionicons{margin:0 8px -2px 0;width:14px;height:14px}.basicContext__data input#link{margin:-2px 0;padding:5px 7px 6px;width:100%;background:#333;color:#fff;-webkit-box-shadow:0 1px 0 rgba(255,255,255,.05);box-shadow:0 1px 0 rgba(255,255,255,.05);border:1px solid rgba(0,0,0,.4);border-radius:3px;outline:0}.basicContext__item--noHover .basicContext__data{padding-right:12px}div.basicModalContainer{background-color:rgba(0,0,0,.85)}div.basicModalContainer--error{-webkit-transform:translateY(40px);-ms-transform:translateY(40px);transform:translateY(40px)}div.basicModal{background:-webkit-gradient(linear,left top,left bottom,from(#444),to(#333));background:-o-linear-gradient(top,#444,#333);background:linear-gradient(to bottom,#444,#333);-webkit-box-shadow:0 1px 4px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.05);box-shadow:0 1px 4px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.05);font-size:14px;line-height:17px}div.basicModal--error{-webkit-transform:translateY(-40px);-ms-transform:translateY(-40px);transform:translateY(-40px)}div.basicModal__buttons{-webkit-box-shadow:none;box-shadow:none}.basicModal__button{padding:13px 0 15px;background:0 0;color:#999;border-top:1px solid rgba(0,0,0,.2);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.02);box-shadow:inset 0 1px 0 rgba(255,255,255,.02);cursor:default}.basicModal__button--busy,.basicModal__button:active{-webkit-transition:none;-o-transition:none;transition:none;background:rgba(0,0,0,.1);cursor:wait}.basicModal__button#basicModal__action{color:#2293ec;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.02),inset 1px 0 0 rgba(0,0,0,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.02),inset 1px 0 0 rgba(0,0,0,.2)}.basicModal__button#basicModal__action.red,.basicModal__button#basicModal__cancel.red{color:#d92c34}.basicModal__button.hidden{display:none}div.basicModal__content{padding:36px;color:#ececec;text-align:left}div.basicModal__content>*{display:block;width:100%;margin:24px 0;padding:0}div.basicModal__content>.force-first-child,div.basicModal__content>:first-child{margin-top:0}div.basicModal__content>.force-last-child,div.basicModal__content>:last-child{margin-bottom:0}div.basicModal__content .disabled{color:#999}div.basicModal__content b{font-weight:700;color:#fff}div.basicModal__content a{color:inherit;text-decoration:none;border-bottom:1px dashed #ececec}div.basicModal__content a.button{display:inline-block;margin:0 6px;padding:3px 12px;color:#2293ec;text-align:center;border-radius:5px;border:none;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.02),inset 1px 0 0 rgba(0,0,0,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.02),inset 1px 0 0 rgba(0,0,0,.2)}div.basicModal__content a.button .iconic{fill:#2293ec}div.basicModal__content>hr{border:none;border-top:1px solid rgba(0,0,0,.3)}@media (hover:hover){.basicModal__button:hover{background:rgba(255,255,255,.02)}div.basicModal__content a.button:hover{color:#fff;background:#2293ec}div.basicModal__content a.button:hover .iconic{fill:#fff}}body.mode-frame .header,body.mode-none .header{display:none}.header{position:fixed;height:49px;width:100%;background:-webkit-gradient(linear,left top,left bottom,from(#222),to(#1a1a1a));background:-o-linear-gradient(top,#222,#1a1a1a);background:linear-gradient(to bottom,#222,#1a1a1a);border-bottom:1px solid #0f0f0f;z-index:1;-webkit-transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;-o-transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out}.header--hidden{-webkit-transform:translateY(-60px);-ms-transform:translateY(-60px);transform:translateY(-60px)}.header--loading{-webkit-transform:translateY(2px);-ms-transform:translateY(2px);transform:translateY(2px)}.header--error{-webkit-transform:translateY(40px);-ms-transform:translateY(40px);transform:translateY(40px)}.header--view{border-bottom:none}.header--view.header--error{background-color:#1d1d1d}.header__toolbar{display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%}.header__toolbar--visible{display:-webkit-box;display:-ms-flexbox;display:flex}.header__toolbar--config .button .iconic{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.header__toolbar--config .header__title{padding-right:80px}.header__title{width:100%;padding:16px 0;color:#fff;font-size:16px;font-weight:700;text-align:center;cursor:default;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-transition:margin-left .5s;-o-transition:margin-left .5s;transition:margin-left .5s}.header__title .iconic{display:none;margin:0 0 0 5px;width:10px;height:10px;fill:rgba(255,255,255,.5);-webkit-transition:fill .2s ease-out;-o-transition:fill .2s ease-out;transition:fill .2s ease-out}.header__title:active .iconic{-webkit-transition:none;-o-transition:none;transition:none;fill:rgba(255,255,255,.8)}.header__title--editable .iconic{display:inline-block}.header .button{-ms-flex-negative:0;flex-shrink:0;padding:16px 8px;height:15px}.header .button .iconic{width:15px;height:15px;fill:rgba(255,255,255,.5);-webkit-transition:fill .2s ease-out;-o-transition:fill .2s ease-out;transition:fill .2s ease-out}.header .button:active .iconic{-webkit-transition:none;-o-transition:none;transition:none;fill:rgba(255,255,255,.8)}.header .button--star.active .iconic{fill:#f0ef77}.header .button--eye.active .iconic{fill:#d92c34}.header .button--eye.active--not-hidden .iconic{fill:#0a0}.header .button--eye.active--hidden .iconic{fill:#f90}.header .button--share .iconic.ionicons{margin:-2px 0;width:18px;height:18px}.header .button--nsfw.active .iconic{fill:#ff82ee}.header .button--info.active .iconic{fill:#2293ec}.header #button_back,.header #button_back_home,.header #button_close_config,.header #button_settings,.header #button_signin{padding:16px 12px 16px 18px}.header .button_add{padding:16px 18px 16px 12px}.header__divider{-ms-flex-negative:0;flex-shrink:0;width:14px}.header .header__search__field{position:relative}.header input[type=text].header__search{-ms-flex-negative:0;flex-shrink:0;width:80px;margin:0;padding:5px 12px 6px;background-color:#1d1d1d;color:#fff;border:1px solid rgba(0,0,0,.9);-webkit-box-shadow:0 1px 0 rgba(255,255,255,.04);box-shadow:0 1px 0 rgba(255,255,255,.04);outline:0;border-radius:50px;opacity:.6;-webkit-transition:opacity .3s ease-out,width .2s ease-out,-webkit-box-shadow .3s ease-out;transition:opacity .3s ease-out,box-shadow .3s ease-out,width .2s ease-out,-webkit-box-shadow .3s ease-out;-o-transition:opacity .3s ease-out,box-shadow .3s ease-out,width .2s ease-out}.header input[type=text].header__search:focus{width:140px;border-color:#2293ec;-webkit-box-shadow:0 1px 0 rgba(255,255,255,0);box-shadow:0 1px 0 rgba(255,255,255,0);opacity:1}.header input[type=text].header__search:focus~.header__clear{opacity:1}.header input[type=text].header__search::-ms-clear{display:none}.header__clear{position:absolute;top:50%;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);right:8px;padding:0;color:rgba(255,255,255,.5);font-size:24px;opacity:0;-webkit-transition:color .2s ease-out;-o-transition:color .2s ease-out;transition:color .2s ease-out;cursor:default}.header__clear_nomap{right:60px}.header__hostedwith{-ms-flex-negative:0;flex-shrink:0;padding:5px 10px;margin:11px 0;color:#888;font-size:13px;border-radius:100px;cursor:default}.header .leftMenu__open{margin-left:250px}@media only screen and (max-width:640px){#button_move,#button_move_album,#button_nsfw_album,#button_trash,#button_trash_album,#button_visibility,#button_visibility_album{display:none!important}}@media only screen and (max-width:640px) and (max-width:567px){#button_rotate_ccwise,#button_rotate_cwise{display:none!important}.header__divider{width:0}}#imageview{position:fixed;display:none;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.85);-webkit-transition:background-color .3s;-o-transition:background-color .3s;transition:background-color .3s}#imageview.full{cursor:none;background-color:#000}#imageview #image,#imageview #livephoto{position:absolute;top:60px;right:30px;bottom:30px;left:30px;margin:auto;max-width:calc(100% - 60px);max-height:calc(100% - 90px);width:auto;height:auto;-webkit-transition:top .3s,right .3s,bottom .3s,left .3s,max-width .3s,max-height .3s;-o-transition:top .3s,right .3s,bottom .3s,left .3s,max-width .3s,max-height .3s;transition:top .3s,right .3s,bottom .3s,left .3s,max-width .3s,max-height .3s;-webkit-animation-name:zoomIn;animation-name:zoomIn;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(.51,.92,.24,1.15);animation-timing-function:cubic-bezier(.51,.92,.24,1.15);background-size:contain;background-position:center;background-repeat:no-repeat}#imageview.full #image,#imageview.full #livephoto{top:0;right:0;bottom:0;left:0;max-width:100%;max-height:100%}#imageview.image--sidebar #image,#imageview.image--sidebar #livephoto{right:380px;max-width:calc(100% - 410px)}#imageview #image_overlay{position:absolute;bottom:30px;left:30px;color:#fff;text-shadow:1px 1px 2px #000;z-index:3}#imageview #image_overlay h1{font-size:28px;font-weight:500;-webkit-transition:visibility .3s linear,opacity .3s linear;-o-transition:visibility .3s linear,opacity .3s linear;transition:visibility .3s linear,opacity .3s linear}#imageview #image_overlay p{margin-top:5px;font-size:20px;line-height:24px}#imageview #image_overlay a .iconic{fill:#fff;margin:0 5px 0 0;width:14px;height:14px}#imageview .arrow_wrapper{position:fixed;width:15%;height:calc(100% - 60px);top:60px}#imageview .arrow_wrapper--previous{left:0}#imageview .arrow_wrapper--next{right:0}#imageview .arrow_wrapper a{position:fixed;top:50%;margin:-19px 0 0;padding:8px 12px;width:16px;height:22px;background-size:100% 100%;border:1px solid rgba(255,255,255,.8);opacity:.6;z-index:2;-webkit-transition:opacity .2s ease-out,-webkit-transform .2s ease-out;transition:transform .2s ease-out,opacity .2s ease-out,-webkit-transform .2s ease-out;-o-transition:transform .2s ease-out,opacity .2s ease-out;will-change:transform}#imageview .arrow_wrapper a#previous{left:-1px;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}#imageview .arrow_wrapper a#next{right:-1px;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}#imageview .arrow_wrapper .iconic{fill:rgba(255,255,255,.8)}#imageview.image--sidebar .arrow_wrapper--next{right:350px}#imageview.image--sidebar .arrow_wrapper a#next{right:349px}#imageview video{z-index:1}@media (hover:hover){.header .button:hover .iconic,.header__title:hover .iconic{fill:#fff}.header__clear:hover{color:#fff}.header__hostedwith:hover{background-color:rgba(0,0,0,.3)}#imageview .arrow_wrapper:hover a#next,#imageview .arrow_wrapper:hover a#previous{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}#imageview .arrow_wrapper a:hover{opacity:1}}@media only screen and (max-width:567px),only screen and (max-width:640px) and (orientation:portrait){#imageview #image,#imageview #livephoto{top:0;right:0;bottom:0;left:0;max-width:100%;max-height:100%}#imageview.image--sidebar #image,#imageview.image--sidebar #livephoto{right:0;max-width:100%}#imageview.image--sidebar .arrow_wrapper--next{right:0}#imageview.image--sidebar .arrow_wrapper a#next{right:-1px}#imageview #image_overlay h1{font-size:14px}#imageview #image_overlay p{margin-top:2px;font-size:11px;line-height:13px}#imageview #image_overlay a .iconic{width:9px;height:9px}}#mapview{position:fixed;display:none;top:0;left:0;width:100%;height:100%;background-color:#1d1d1d;-webkit-transition:background-color .3s;-o-transition:background-color .3s;transition:background-color .3s}#mapview.full{cursor:none}#mapview #leaflet_map_full{top:50px;height:100%;width:100%;float:left}.leaflet-marker-photo img{width:100%;height:100%}.image-leaflet-popup{width:100%}.leaflet-popup-content div{pointer-events:none;position:absolute;bottom:19px;left:22px;right:22px;padding-bottom:10px;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.6)));background:-o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.6));background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.6))}.leaflet-popup-content h1{top:0;position:relative;margin:12px 0 5px 15px;font-size:16px;font-weight:700;text-shadow:0 1px 3px rgba(255,255,255,.4);color:#fff;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}.leaflet-popup-content span{margin-left:12px}.leaflet-popup-content svg{fill:#fff;vertical-align:middle}.leaflet-popup-content p{display:inline;font-size:11px;color:#fff}.leaflet-popup-content .iconic{width:20px;height:15px}.sidebar{position:fixed;top:49px;right:-360px;width:350px;height:calc(100% - 49px);background-color:rgba(25,25,25,.98);border-left:1px solid rgba(0,0,0,.2);-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);-webkit-transition:-webkit-transform .3s cubic-bezier(.51,.92,.24,1);transition:transform .3s cubic-bezier(.51,.92,.24,1);-o-transition:transform .3s cubic-bezier(.51,.92,.24,1);transition:transform .3s cubic-bezier(.51,.92,.24,1),-webkit-transform .3s cubic-bezier(.51,.92,.24,1);z-index:4}.sidebar.active{-webkit-transform:translateX(-360px);-ms-transform:translateX(-360px);transform:translateX(-360px)}.sidebar__header{float:left;height:49px;width:100%;background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.02)),to(rgba(0,0,0,0)));background:-o-linear-gradient(top,rgba(255,255,255,.02),rgba(0,0,0,0));background:linear-gradient(to bottom,rgba(255,255,255,.02),rgba(0,0,0,0));border-top:1px solid #2293ec}.sidebar__header h1{position:absolute;margin:15px 0;width:100%;color:#fff;font-size:16px;font-weight:700;text-align:center;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.sidebar__wrapper{float:left;height:calc(100% - 49px);width:350px;overflow:auto;-webkit-overflow-scrolling:touch}.sidebar__divider{float:left;padding:12px 0 8px;width:100%;border-top:1px solid rgba(255,255,255,.02);-webkit-box-shadow:0 -1px 0 rgba(0,0,0,.2);box-shadow:0 -1px 0 rgba(0,0,0,.2)}.sidebar__divider:first-child{border-top:0;-webkit-box-shadow:none;box-shadow:none}.sidebar__divider h1{margin:0 0 0 20px;color:rgba(255,255,255,.6);font-size:14px;font-weight:700;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.sidebar .edit{display:inline-block;margin-left:3px;width:10px}.sidebar .edit .iconic{width:10px;height:10px;fill:rgba(255,255,255,.5);-webkit-transition:fill .2s ease-out;-o-transition:fill .2s ease-out;transition:fill .2s ease-out}.sidebar .edit:active .iconic{-webkit-transition:none;-o-transition:none;transition:none;fill:rgba(255,255,255,.8)}.sidebar table{float:left;margin:10px 0 15px 20px;width:calc(100% - 20px)}.sidebar table tr td{padding:5px 0;color:#fff;font-size:14px;line-height:19px;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.sidebar table tr td:first-child{width:110px}.sidebar table tr td:last-child{padding-right:10px}.sidebar table tr td span{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.sidebar #tags{width:calc(100% - 40px);margin:16px 20px 12px;color:#fff;display:inline-block}.sidebar #tags>div{display:inline-block}.sidebar #tags .empty{font-size:14px;margin:0 2px 8px 0;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.sidebar #tags .edit{margin-top:6px}.sidebar #tags .empty .edit{margin-top:0}.sidebar #tags .tag{cursor:default;display:inline-block;padding:6px 10px;margin:0 6px 8px 0;background-color:rgba(0,0,0,.5);border-radius:100px;font-size:12px;-webkit-transition:background-color .2s;-o-transition:background-color .2s;transition:background-color .2s;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.sidebar #tags .tag span{float:right;padding:0;margin:0 0 -2px;width:0;overflow:hidden;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:width .2s,margin .2s,fill .2s ease-out,-webkit-transform .2s;transition:width .2s,margin .2s,transform .2s,fill .2s ease-out,-webkit-transform .2s;-o-transition:width .2s,margin .2s,transform .2s,fill .2s ease-out}.sidebar #tags .tag span .iconic{fill:#d92c34;width:8px;height:8px}.sidebar #tags .tag span:active .iconic{-webkit-transition:none;-o-transition:none;transition:none;fill:#b22027}.sidebar #leaflet_map_single_photo{margin:10px 0 0 20px;height:180px;width:calc(100% - 40px);float:left}.sidebar .attr_location.search{cursor:pointer}@media only screen and (max-width:567px),only screen and (max-width:640px) and (orientation:portrait){.sidebar{width:240px;height:unset;background-color:rgba(0,0,0,.6)}.sidebar__wrapper{padding-bottom:10px}.sidebar__header{height:22px}.sidebar__header h1{margin:6px 0;font-size:13px}.sidebar__divider{padding:6px 0 2px}.sidebar__divider h1{margin:0 0 0 10px;font-size:12px}.sidebar table{margin:4px 0 6px 10px;width:calc(100% - 16px)}.sidebar table tr td{padding:2px 0;font-size:11px;line-height:12px}.sidebar table tr td:first-child{width:80px}.sidebar #tags{margin:4px 0 6px 10px;width:calc(100% - 16px)}.sidebar #tags .empty{margin:0;font-size:11px}}@media only screen and (min-width:568px) and (max-width:768px),only screen and (min-width:568px) and (max-width:640px) and (orientation:landscape){#imageview #image,#imageview #livephoto{top:0;right:0;bottom:0;left:0;max-width:100%;max-height:100%}#imageview.image--sidebar #image,#imageview.image--sidebar #livephoto{top:50px;right:280px;max-width:calc(100% - 280px);max-height:calc(100% - 50px)}#imageview.image--sidebar .arrow_wrapper--next{right:280px}#imageview.image--sidebar .arrow_wrapper a#next{right:279px}#imageview #image_overlay h1{font-size:18px}#imageview #image_overlay p{margin-top:4px;font-size:14px;line-height:16px}#imageview #image_overlay a .iconic{width:12px;height:12px}.sidebar{width:280px}.sidebar__wrapper{padding-bottom:10px}.sidebar__header{height:28px}.sidebar__header h1{margin:8px 0;font-size:15px}.sidebar__divider{padding:8px 0 4px}.sidebar__divider h1{margin:0 0 0 10px;font-size:13px}.sidebar table{margin:4px 0 6px 10px;width:calc(100% - 16px)}.sidebar table tr td{padding:2px 0;font-size:12px;line-height:13px}.sidebar table tr td:first-child{width:90px}.sidebar #tags{margin:4px 0 6px 10px;width:calc(100% - 16px)}.sidebar #tags .empty{margin:0;font-size:12px}}#loading{display:none;position:fixed;width:100%;height:3px;background-size:100px 3px;background-repeat:repeat-x;border-bottom:1px solid rgba(0,0,0,.3);-webkit-animation-name:moveBackground;animation-name:moveBackground;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}#loading.loading{height:3px;background-image:-webkit-gradient(linear,left top,right top,from(#153674),color-stop(47%,#153674),color-stop(53%,#2651ae),to(#2651ae));background-image:-o-linear-gradient(left,#153674 0,#153674 47%,#2651ae 53%,#2651ae 100%);background-image:linear-gradient(to right,#153674 0,#153674 47%,#2651ae 53%,#2651ae 100%);z-index:2}#loading.error{height:40px;background-color:#2f0d0e;background-image:-webkit-gradient(linear,left top,right top,from(#451317),color-stop(47%,#451317),color-stop(53%,#aa3039),to(#aa3039));background-image:-o-linear-gradient(left,#451317 0,#451317 47%,#aa3039 53%,#aa3039 100%);background-image:linear-gradient(to right,#451317 0,#451317 47%,#aa3039 53%,#aa3039 100%);z-index:1}#loading.success{height:40px;background-color:#070;background-image:-webkit-gradient(linear,left top,right top,from(#070),color-stop(47%,#090),color-stop(53%,#0a0),to(#0c0));background-image:-o-linear-gradient(left,#070 0,#090 47%,#0a0 53%,#0c0 100%);background-image:linear-gradient(to right,#070 0,#090 47%,#0a0 53%,#0c0 100%);z-index:1}#loading .leftMenu__open{padding-left:250px}#loading h1{margin:13px 13px 0;color:#ddd;font-size:14px;font-weight:700;text-shadow:0 1px 0 #000;text-transform:capitalize}#loading h1 span{margin-left:10px;font-weight:400;text-transform:none}div.select,input,output,select,textarea{display:inline-block;position:relative}div.select>select{display:block;width:100%}div.select,input,output,select,select option,textarea{color:#fff;background-color:#2c2c2c;margin:0;font-size:inherit;line-height:inherit;padding:0;border:none;-webkit-box-shadow:none;box-shadow:none;outline:0}input[type=password],input[type=text],select{padding-top:3px;padding-bottom:3px}input[type=password],input[type=text]{padding-left:2px;padding-right:2px;background-color:transparent;border-bottom:1px solid #222;border-radius:0;-webkit-box-shadow:0 1px 0 rgba(255,255,255,.05);box-shadow:0 1px 0 rgba(255,255,255,.05)}input[type=password]:focus,input[type=text]:focus{border-bottom-color:#2293ec}input[type=password].error,input[type=text].error{border-bottom-color:#d92c34}input[type=checkbox]{top:2px;height:16px;width:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#2293ec;border:none;border-radius:3px;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.7);box-shadow:0 0 0 1px rgba(0,0,0,.7)}input[type=checkbox]::before{content:"✔";position:absolute;text-align:center;font-size:16px;line-height:16px;top:0;bottom:0;left:0;right:0;width:auto;height:auto;visibility:hidden}input[type=checkbox]:checked::before{visibility:visible}input[type=checkbox].slider{top:5px;height:22px;width:42px;border:1px solid rgba(0,0,0,.2);-webkit-box-shadow:0 1px 0 rgba(255,255,255,.02);box-shadow:0 1px 0 rgba(255,255,255,.02);border-radius:11px;background:#2c2c2c}input[type=checkbox].slider::before{content:"";background-color:#2293ec;height:14px;width:14px;left:3px;top:3px;border:none;border-radius:7px;visibility:visible}input[type=checkbox].slider:checked{background-color:#2293ec}input[type=checkbox].slider:checked::before{left:auto;right:3px;background-color:#fff}div.select{font-size:12px;background:#2c2c2c;border-radius:3px;border:1px solid rgba(0,0,0,.2);-webkit-box-shadow:0 1px 0 rgba(255,255,255,.02);box-shadow:0 1px 0 rgba(255,255,255,.02)}div.select::after{position:absolute;content:"≡";right:8px;top:3px;color:#2293ec;font-size:16px;font-weight:700;pointer-events:none}select{padding-left:8px;padding-right:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0}select option{padding:2px 0;-webkit-transition:none;-o-transition:none;transition:none}form div.input-group{position:relative;margin:18px 0}form div.input-group:first-child{margin-top:0}form div.input-group:last-child{margin-bottom:0}form div.input-group.hidden{display:none}form div.input-group label{font-weight:700}form div.input-group p{display:block;margin:6px 0;font-size:13px;line-height:16px}form div.input-group p:last-child{margin-bottom:0}form div.input-group.stacked>label{display:block;margin-bottom:6px}form div.input-group.stacked>label>input[type=password],form div.input-group.stacked>label>input[type=text]{margin-top:12px}form div.input-group.stacked>div.select,form div.input-group.stacked>input,form div.input-group.stacked>output,form div.input-group.stacked>textarea{width:100%;display:block}form div.input-group.compact{padding-left:120px}form div.input-group.compact>label{display:block;position:absolute;margin:0;left:0;width:108px;height:auto;top:3px;bottom:0;overflow-y:hidden}form div.input-group.compact>div.select,form div.input-group.compact>input,form div.input-group.compact>output,form div.input-group.compact>textarea{display:block;width:100%}form div.input-group.compact-inverse{padding-left:36px}form div.input-group.compact-inverse label{display:block}form div.input-group.compact-inverse>div.select,form div.input-group.compact-inverse>input,form div.input-group.compact-inverse>output,form div.input-group.compact-inverse>textarea{display:block;position:absolute;width:16px;height:16px;top:2px;left:0}form div.input-group.compact-no-indent>label{display:inline}form div.input-group.compact-no-indent>div.select,form div.input-group.compact-no-indent>input,form div.input-group.compact-no-indent>output,form div.input-group.compact-no-indent>textarea{display:inline-block;margin-left:.3em;margin-right:.3em}div.basicModal.about-dialog div.basicModal__content h1{font-size:120%;font-weight:700;text-align:center;color:#fff}div.basicModal.about-dialog div.basicModal__content h2{font-weight:700;color:#fff}div.basicModal.about-dialog div.basicModal__content p.update-status.up-to-date{display:none}div.basicModal.about-dialog div.basicModal__content p.about-desc{line-height:1.4em}div.basicModal.downloads div.basicModal__content a.button{display:block;margin:12px 0;padding:12px;font-weight:700;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.02);box-shadow:inset 0 1px 0 rgba(255,255,255,.02);border:1px solid rgba(0,0,0,.2)}div.basicModal.downloads div.basicModal__content a.button .iconic{width:12px;height:12px;margin-right:12px}div.basicModal.qr-code{width:300px}div.basicModal.qr-code div.basicModal__content{padding:12px}.basicModal.import div.basicModal__content{padding:12px 8px}.basicModal.import div.basicModal__content h1{margin-bottom:12px;color:#fff;font-size:16px;line-height:19px;font-weight:700;text-align:center}.basicModal.import div.basicModal__content ol{margin-top:12px;height:300px;background-color:#2c2c2c;overflow:hidden;overflow-y:auto;border-radius:3px;-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,.4);box-shadow:inset 0 0 3px rgba(0,0,0,.4)}.basicModal.import div.basicModal__content ol li{float:left;padding:8px 0;width:100%;background-color:rgba(255,255,255,.02)}.basicModal.import div.basicModal__content ol li:nth-child(2n){background-color:rgba(255,255,255,0)}.basicModal.import div.basicModal__content ol li h2{float:left;padding:5px 10px;width:70%;color:#fff;font-size:14px;white-space:nowrap;overflow:hidden}.basicModal.import div.basicModal__content ol li p.status{float:left;padding:5px 10px;width:30%;color:#999;font-size:14px;text-align:right;-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.basicModal.import div.basicModal__content ol li p.status.error,.basicModal.import div.basicModal__content ol li p.status.success,.basicModal.import div.basicModal__content ol li p.status.warning{-webkit-animation:none;animation:none}.basicModal.import div.basicModal__content ol li p.status.error{color:#d92c34}.basicModal.import div.basicModal__content ol li p.status.warning{color:#fc0}.basicModal.import div.basicModal__content ol li p.status.success{color:#0a0}.basicModal.import div.basicModal__content ol li p.notice{float:left;padding:2px 10px 5px;width:100%;color:#999;font-size:12px;overflow:hidden;line-height:16px}.basicModal.import div.basicModal__content ol li p.notice:empty{display:none}div.basicModal.login div.basicModal__content a.button#signInKeyLess{position:absolute;display:block;color:#999;top:8px;left:8px;width:30px;height:30px;margin:0;padding:5px;cursor:pointer;-webkit-box-shadow:inset 1px 1px 0 rgba(255,255,255,.02);box-shadow:inset 1px 1px 0 rgba(255,255,255,.02);border:1px solid rgba(0,0,0,.2)}div.basicModal.login div.basicModal__content a.button#signInKeyLess .iconic{width:100%;height:100%;fill:#999}div.basicModal.login div.basicModal__content p.version{font-size:12px;text-align:right}div.basicModal.login div.basicModal__content p.version span.update-status.up-to-date{display:none}@media (hover:hover){.sidebar .edit:hover .iconic{fill:#fff}.sidebar #tags .tag:hover{background-color:rgba(0,0,0,.3)}.sidebar #tags .tag:hover.search{cursor:pointer}.sidebar #tags .tag:hover span{width:9px;margin:0 0 -2px 5px;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.sidebar #tags .tag span:hover .iconic{fill:#e1575e}div.basicModal.login div.basicModal__content a.button#signInKeyLess:hover{color:#fff;background:inherit}div.basicModal.login div.basicModal__content a.button#signInKeyLess:hover .iconic{fill:#fff}}form.photo-links div.input-group{padding-right:30px}form.photo-links div.input-group a.button{display:block;position:absolute;margin:0;padding:4px;right:0;bottom:0;width:26px;height:26px;cursor:pointer;-webkit-box-shadow:inset 1px 1px 0 rgba(255,255,255,.02);box-shadow:inset 1px 1px 0 rgba(255,255,255,.02);border:1px solid rgba(0,0,0,.2)}form.photo-links div.input-group a.button .iconic{width:100%;height:100%}form.token div.input-group{padding-right:82px}form.token div.input-group input.disabled,form.token div.input-group input[disabled]{color:#999}form.token div.input-group div.button-group{display:block;position:absolute;margin:0;padding:0;right:0;bottom:0;width:78px}form.token div.input-group div.button-group a.button{display:block;float:right;margin:0;padding:4px;bottom:4px;width:26px;height:26px;cursor:pointer;-webkit-box-shadow:inset 1px 1px 0 rgba(255,255,255,.02);box-shadow:inset 1px 1px 0 rgba(255,255,255,.02);border:1px solid rgba(0,0,0,.2)}form.token div.input-group div.button-group a.button .iconic{width:100%;height:100%}#sensitive_warning{background:rgba(100,0,0,.95);width:100vw;height:100vh;position:fixed;top:0;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff}#sensitive_warning h1{font-size:36px;font-weight:700;border-bottom:2px solid #fff;margin-bottom:15px}#sensitive_warning p{font-size:20px;max-width:40%;margin-top:15px}.settings_view{width:90%;max-width:700px;margin-left:auto;margin-right:auto}.settings_view input.text{padding:9px 2px;width:calc(50% - 4px);background-color:transparent;color:#fff;border:none;border-bottom:1px solid #222;border-radius:0;-webkit-box-shadow:0 1px 0 rgba(255,255,255,.05);box-shadow:0 1px 0 rgba(255,255,255,.05);outline:0}.settings_view input.text:focus{border-bottom-color:#2293ec}.settings_view input.text .error{border-bottom-color:#d92c34}.settings_view .basicModal__button{color:#2293ec;display:inline-block;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.02),inset 1px 0 0 rgba(0,0,0,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.02),inset 1px 0 0 rgba(0,0,0,.2);border-radius:5px}.settings_view .basicModal__button_MORE,.settings_view .basicModal__button_SAVE{color:#b22027;border-radius:5px}.settings_view>div{font-size:14px;width:100%;padding:12px 0}.settings_view>div p{margin:0 0 5%;width:100%;color:#ccc;line-height:16px}.settings_view>div p a{color:rgba(255,255,255,.9);text-decoration:none;border-bottom:1px dashed #888}.settings_view>div p:last-of-type{margin:0}.settings_view>div input.text{width:100%}.settings_view>div textarea{padding:9px;width:calc(100% - 18px);height:100px;background-color:transparent;color:#fff;border:1px solid #666;border-radius:0;-webkit-box-shadow:0 1px 0 rgba(255,255,255,.05);box-shadow:0 1px 0 rgba(255,255,255,.05);outline:0;resize:vertical}.settings_view>div textarea:focus{border-color:#2293ec}.settings_view>div .choice{padding:0 30px 15px;width:100%;color:#fff}.settings_view>div .choice:last-child{padding-bottom:40px}.settings_view>div .choice label{float:left;color:#fff;font-size:14px;font-weight:700}.settings_view>div .choice label input{position:absolute;margin:0;opacity:0}.settings_view>div .choice label .checkbox{float:left;display:block;width:16px;height:16px;background:rgba(0,0,0,.5);border-radius:3px;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.7);box-shadow:0 0 0 1px rgba(0,0,0,.7)}.settings_view>div .choice label .checkbox .iconic{-webkit-box-sizing:border-box;box-sizing:border-box;fill:#2293ec;padding:2px;opacity:0;-ms-transform:scale(0);-webkit-transform:scale(0);transform:scale(0);-webkit-transition:opacity .2s cubic-bezier(.51,.92,.24,1),-webkit-transform .2s cubic-bezier(.51,.92,.24,1);transition:opacity .2s cubic-bezier(.51,.92,.24,1),transform .2s cubic-bezier(.51,.92,.24,1),-webkit-transform .2s cubic-bezier(.51,.92,.24,1);-o-transition:opacity .2s cubic-bezier(.51,.92,.24,1),transform .2s cubic-bezier(.51,.92,.24,1)}.settings_view>div .select{position:relative;margin:1px 5px;padding:0;width:110px;color:#fff;border-radius:3px;border:1px solid rgba(0,0,0,.2);-webkit-box-shadow:0 1px 0 rgba(255,255,255,.02);box-shadow:0 1px 0 rgba(255,255,255,.02);font-size:11px;line-height:16px;overflow:hidden;outline:0;vertical-align:middle;background:rgba(0,0,0,.3);display:inline-block}.settings_view>div .select select{margin:0;padding:4px 8px;width:120%;color:#fff;font-size:11px;line-height:16px;border:0;outline:0;-webkit-box-shadow:none;box-shadow:none;border-radius:0;background-color:transparent;background-image:none;-moz-appearance:none;-webkit-appearance:none;appearance:none}.settings_view>div .select select option{margin:0;padding:0;background:#fff;color:#333;-webkit-transition:none;-o-transition:none;transition:none}.settings_view>div .select select:disabled{color:#000;cursor:not-allowed}.settings_view>div .select::after{position:absolute;content:"≡";right:8px;top:4px;color:#2293ec;font-size:16px;line-height:16px;font-weight:700;pointer-events:none}.settings_view>div .switch{position:relative;display:inline-block;width:42px;height:22px;bottom:-2px;line-height:24px}.settings_view>div .switch input{opacity:0;width:0;height:0}.settings_view>div .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;border:1px solid rgba(0,0,0,.2);-webkit-box-shadow:0 1px 0 rgba(255,255,255,.02);box-shadow:0 1px 0 rgba(255,255,255,.02);background:rgba(0,0,0,.3);-webkit-transition:.4s;-o-transition:.4s;transition:.4s}.settings_view>div .slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:#2293ec}.settings_view>div input:checked+.slider{background-color:#2293ec}.settings_view>div input:checked+.slider:before{-ms-transform:translateX(20px);-webkit-transform:translateX(20px);transform:translateX(20px);background-color:#fff}.settings_view>div .slider.round{border-radius:20px}.settings_view>div .slider.round:before{border-radius:50%}.settings_view .setting_category{font-size:20px;width:100%;padding-top:10px;padding-left:4px;border-bottom:1px dotted #222;margin-top:20px;color:#fff;font-weight:700;text-transform:capitalize}.settings_view .setting_line{font-size:14px;width:100%}.settings_view .setting_line:first-child,.settings_view .setting_line:last-child{padding-top:50px}.settings_view .setting_line p{min-width:550px;margin:0;color:#ccc;display:inline-block;width:100%;overflow-wrap:break-word}.settings_view .setting_line p a{color:rgba(255,255,255,.9);text-decoration:none;border-bottom:1px dashed #888}.settings_view .setting_line p:last-of-type{margin:0}.settings_view .setting_line p .warning{margin-bottom:30px;color:#d92c34;font-weight:700;font-size:18px;text-align:justify;line-height:22px}.settings_view .setting_line span.text{display:inline-block;padding:9px 4px;width:calc(50% - 12px);background-color:transparent;color:#fff;border:none}.settings_view .setting_line span.text_icon{width:5%}.settings_view .setting_line span.text_icon .iconic{width:15px;height:14px;margin:0 10px 0 1px;fill:#fff}.settings_view .setting_line input.text{width:calc(50% - 4px)}@media (hover:hover){.settings_view .basicModal__button:hover{background:#2293ec;color:#fff;cursor:pointer}.settings_view .basicModal__button_MORE:hover,.settings_view .basicModal__button_SAVE:hover{background:#b22027;color:#fff}.settings_view input:hover{border-bottom:1px solid #2293ec}}@media (hover:none){.settings_view input.text{border-bottom:1px solid #2293ec;margin:6px 0}.settings_view>div{padding:16px 0}.settings_view .basicModal__button{background:#2293ec;color:#fff;max-width:320px;margin-top:20px}.settings_view .basicModal__button_MORE,.settings_view .basicModal__button_SAVE{background:#b22027}}@media only screen and (max-width:567px),only screen and (max-width:640px) and (orientation:portrait){.settings_view{max-width:100%}.settings_view .setting_category{font-size:14px;padding-left:0;margin-bottom:4px}.settings_view .setting_line{font-size:12px}.settings_view .setting_line:first-child{padding-top:20px}.settings_view .setting_line p{min-width:unset;line-height:20px}.settings_view .setting_line p.warning{font-size:14px;line-height:16px;margin-bottom:0}.settings_view .setting_line p input,.settings_view .setting_line p span{padding:0}.settings_view .basicModal__button_SAVE{margin-top:20px}}.users_view{width:90%;max-width:700px;margin-left:auto;margin-right:auto}.users_view_line{font-size:14px;width:100%}.users_view_line:first-child,.users_view_line:last-child{padding-top:50px}.users_view_line p{width:550px;margin:0 0 5%;color:#ccc;display:inline-block}.users_view_line p a{color:rgba(255,255,255,.9);text-decoration:none;border-bottom:1px dashed #888}.users_view_line p.line,.users_view_line p:last-of-type{margin:0}.users_view_line span.text{display:inline-block;padding:9px 6px 9px 0;width:40%;background-color:transparent;color:#fff;border:none}.users_view_line span.text_icon{width:5%;min-width:32px}.users_view_line span.text_icon .iconic{width:15px;height:14px;margin:0 8px;fill:#fff}.users_view_line input.text{padding:9px 6px 9px 0;width:40%;background-color:transparent;color:#fff;border:none;border-bottom:1px solid #222;border-radius:0;-webkit-box-shadow:0 1px 0 rgba(255,255,255,.05);box-shadow:0 1px 0 rgba(255,255,255,.05);outline:0;margin:0 0 10px}.users_view_line input.text:focus{border-bottom-color:#2293ec}.users_view_line input.text.error{border-bottom-color:#d92c34}.users_view_line .choice label input:checked~.checkbox .iconic{opacity:1;-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}.users_view_line .choice{display:inline-block;width:5%;min-width:32px;color:#fff}.users_view_line .choice input{position:absolute;margin:0;opacity:0}.users_view_line .choice .checkbox{display:inline-block;width:16px;height:16px;margin:10px 8px 0;background:rgba(0,0,0,.5);border-radius:3px;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.7);box-shadow:0 0 0 1px rgba(0,0,0,.7)}.users_view_line .choice .checkbox .iconic{-webkit-box-sizing:border-box;box-sizing:border-box;fill:#2293ec;padding:2px;opacity:0;-ms-transform:scale(0);-webkit-transform:scale(0);transform:scale(0);-webkit-transition:opacity .2s cubic-bezier(.51,.92,.24,1),-webkit-transform .2s cubic-bezier(.51,.92,.24,1);transition:opacity .2s cubic-bezier(.51,.92,.24,1),transform .2s cubic-bezier(.51,.92,.24,1),-webkit-transform .2s cubic-bezier(.51,.92,.24,1);-o-transition:opacity .2s cubic-bezier(.51,.92,.24,1),transform .2s cubic-bezier(.51,.92,.24,1)}.users_view_line .basicModal__button{display:inline-block;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.02),inset 1px 0 0 rgba(0,0,0,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.02),inset 1px 0 0 rgba(0,0,0,.2);width:10%;min-width:72px;border-radius:0}.users_view_line .basicModal__button_OK{color:#2293ec;border-radius:5px 0 0 5px;margin-right:-4px}.users_view_line .basicModal__button_DEL{color:#b22027;border-radius:0 5px 5px 0}.users_view_line .basicModal__button_CREATE{width:20%;color:#090;border-radius:5px;min-width:144px}.users_view_line .select{position:relative;margin:1px 5px;padding:0;width:110px;color:#fff;border-radius:3px;border:1px solid rgba(0,0,0,.2);-webkit-box-shadow:0 1px 0 rgba(255,255,255,.02);box-shadow:0 1px 0 rgba(255,255,255,.02);font-size:11px;line-height:16px;overflow:hidden;outline:0;vertical-align:middle;background:rgba(0,0,0,.3);display:inline-block}.users_view_line .select select{margin:0;padding:4px 8px;width:120%;color:#fff;font-size:11px;line-height:16px;border:0;outline:0;-webkit-box-shadow:none;box-shadow:none;border-radius:0;background:0 0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.users_view_line .select select option{margin:0;padding:0;background:#fff;color:#333;-webkit-transition:none;-o-transition:none;transition:none}.users_view_line .select::after{position:absolute;content:"≡";right:8px;top:4px;color:#2293ec;font-size:16px;line-height:16px;font-weight:700;pointer-events:none}@media (hover:hover){.users_view_line .basicModal__button:hover{cursor:pointer;color:#fff}.users_view_line .basicModal__button_OK:hover{background:#2293ec}.users_view_line .basicModal__button_DEL:hover{background:#b22027}.users_view_line .basicModal__button_CREATE:hover{background:#090}.users_view_line input:hover{border-bottom:1px solid #2293ec}}@media (hover:none){.users_view_line .basicModal__button{color:#fff}.users_view_line .basicModal__button_OK{background:#2293ec}.users_view_line .basicModal__button_DEL{background:#b22027}.users_view_line .basicModal__button_CREATE{background:#090}.users_view_line input{border-bottom:1px solid #2293ec}}@media only screen and (max-width:567px),only screen and (max-width:640px) and (orientation:portrait){.users_view{width:100%;max-width:100%;padding:20px}.users_view_line p{width:100%}.users_view_line p .text,.users_view_line p input.text{width:36%;font-size:smaller}.users_view_line .choice{margin-left:-8px;margin-right:3px}}.u2f_view{width:90%;max-width:700px;margin-left:auto;margin-right:auto}.u2f_view_line{font-size:14px;width:100%}.u2f_view_line:first-child,.u2f_view_line:last-child{padding-top:50px}.u2f_view_line p{width:550px;margin:0 0 5%;color:#ccc;display:inline-block}.u2f_view_line p a{color:rgba(255,255,255,.9);text-decoration:none;border-bottom:1px dashed #888}.u2f_view_line p.line,.u2f_view_line p:last-of-type{margin:0}.u2f_view_line p.single{text-align:center}.u2f_view_line span.text{display:inline-block;padding:9px 4px;width:80%;background-color:transparent;color:#fff;border:none}.u2f_view_line span.text_icon{width:5%}.u2f_view_line span.text_icon .iconic{width:15px;height:14px;margin:0 15px 0 1px;fill:#fff}.u2f_view_line .choice label input:checked~.checkbox .iconic{opacity:1;-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}.u2f_view_line .choice{display:inline-block;width:5%;color:#fff}.u2f_view_line .choice input{position:absolute;margin:0;opacity:0}.u2f_view_line .choice .checkbox{display:inline-block;width:16px;height:16px;margin-top:10px;margin-left:2px;background:rgba(0,0,0,.5);border-radius:3px;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.7);box-shadow:0 0 0 1px rgba(0,0,0,.7)}.u2f_view_line .choice .checkbox .iconic{-webkit-box-sizing:border-box;box-sizing:border-box;fill:#2293ec;padding:2px;opacity:0;-ms-transform:scale(0);-webkit-transform:scale(0);transform:scale(0);-webkit-transition:opacity .2s cubic-bezier(.51,.92,.24,1),-webkit-transform .2s cubic-bezier(.51,.92,.24,1);transition:opacity .2s cubic-bezier(.51,.92,.24,1),transform .2s cubic-bezier(.51,.92,.24,1),-webkit-transform .2s cubic-bezier(.51,.92,.24,1);-o-transition:opacity .2s cubic-bezier(.51,.92,.24,1),transform .2s cubic-bezier(.51,.92,.24,1)}.u2f_view_line .basicModal__button{display:inline-block;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.02),inset 1px 0 0 rgba(0,0,0,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.02),inset 1px 0 0 rgba(0,0,0,.2);width:20%;min-width:50px;border-radius:0}.u2f_view_line .basicModal__button_OK{color:#2293ec;border-radius:5px 0 0 5px}.u2f_view_line .basicModal__button_DEL{color:#b22027;border-radius:0 5px 5px 0}.u2f_view_line .basicModal__button_CREATE{width:100%;color:#090;border-radius:5px}.u2f_view_line .select{position:relative;margin:1px 5px;padding:0;width:110px;color:#fff;border-radius:3px;border:1px solid rgba(0,0,0,.2);-webkit-box-shadow:0 1px 0 rgba(255,255,255,.02);box-shadow:0 1px 0 rgba(255,255,255,.02);font-size:11px;line-height:16px;overflow:hidden;outline:0;vertical-align:middle;background:rgba(0,0,0,.3);display:inline-block}.u2f_view_line .select select{margin:0;padding:4px 8px;width:120%;color:#fff;font-size:11px;line-height:16px;border:0;outline:0;-webkit-box-shadow:none;box-shadow:none;border-radius:0;background:0 0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.u2f_view_line .select select option{margin:0;padding:0;background:#fff;color:#333;-webkit-transition:none;-o-transition:none;transition:none}.u2f_view_line .select::after{position:absolute;content:"≡";right:8px;top:4px;color:#2293ec;font-size:16px;line-height:16px;font-weight:700;pointer-events:none}@media (hover:hover){.u2f_view_line .basicModal__button:hover{cursor:pointer}.u2f_view_line .basicModal__button_OK:hover{background:#2293ec;color:#fff}.u2f_view_line .basicModal__button_DEL:hover{background:#b22027;color:#fff}.u2f_view_line .basicModal__button_CREATE:hover{background:#090;color:#fff}.u2f_view_line input:hover{border-bottom:1px solid #2293ec}}@media (hover:none){.u2f_view_line .basicModal__button{color:#fff}.u2f_view_line .basicModal__button_OK{background:#2293ec}.u2f_view_line .basicModal__button_DEL{background:#b22027}.u2f_view_line .basicModal__button_CREATE{background:#090}.u2f_view_line input{border-bottom:1px solid #2293ec}}@media only screen and (max-width:567px),only screen and (max-width:640px) and (orientation:portrait){.u2f_view{width:100%;max-width:100%;padding:20px}.u2f_view_line p{width:100%}.u2f_view_line .basicModal__button_CREATE{width:80%;margin:0 10%}}.logs_diagnostics_view{width:90%;margin-left:auto;margin-right:auto;color:#ccc;font-size:12px;line-height:14px}.logs_diagnostics_view pre{font-family:monospace;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding-right:30px}.clear_logs_update{padding-left:30px;margin:20px auto}.clear_logs_update .basicModal__button,.logs_diagnostics_view .basicModal__button{color:#2293ec;display:inline-block;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.02),inset 1px 0 0 rgba(0,0,0,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.02),inset 1px 0 0 rgba(0,0,0,.2);border-radius:5px}.clear_logs_update .iconic,.logs_diagnostics_view .iconic{display:inline-block;margin:0 10px 0 1px;width:13px;height:12px;fill:#2293ec}.clear_logs_update .button_left,.logs_diagnostics_view .button_left{margin-left:24px;width:400px}@media (hover:none){.clear_logs_update .basicModal__button,.logs_diagnostics_view .basicModal__button{background:#2293ec;color:#fff;max-width:320px;margin-top:20px}.clear_logs_update .iconic,.logs_diagnostics_view .iconic{fill:#fff}}@media only screen and (max-width:567px),only screen and (max-width:640px) and (orientation:portrait){.clear_logs_update,.logs_diagnostics_view{width:100%;max-width:100%;font-size:11px;line-height:12px}.clear_logs_update .basicModal__button,.clear_logs_update .button_left,.logs_diagnostics_view .basicModal__button,.logs_diagnostics_view .button_left{width:80%;margin:0 10%}.logs_diagnostics_view{padding:10px 10px 0 0}.clear_logs_update{padding:10px 10px 0;margin:0}}.sharing_view{width:90%;max-width:700px;margin-left:auto;margin-right:auto;margin-top:20px}.sharing_view .sharing_view_line{width:100%;display:block;clear:left}.sharing_view .col-xs-1,.sharing_view .col-xs-10,.sharing_view .col-xs-11,.sharing_view .col-xs-12,.sharing_view .col-xs-2,.sharing_view .col-xs-3,.sharing_view .col-xs-4,.sharing_view .col-xs-5,.sharing_view .col-xs-6,.sharing_view .col-xs-7,.sharing_view .col-xs-8,.sharing_view .col-xs-9{float:left;position:relative;min-height:1px}.sharing_view .col-xs-2{width:10%;padding-right:3%;padding-left:3%}.sharing_view .col-xs-5{width:42%}.sharing_view .btn-block+.btn-block{margin-top:5px}.sharing_view .btn-block{display:block;width:100%}.sharing_view .btn-default{color:#2293ec;border-color:#2293ec;background:rgba(0,0,0,.5);border-radius:3px;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.7);box-shadow:0 0 0 1px rgba(0,0,0,.7)}.sharing_view .btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}.sharing_view select[multiple],.sharing_view select[size]{height:150px}.sharing_view .form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;-o-transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out}.sharing_view .iconic{display:inline-block;width:15px;height:14px;fill:#2293ec}.sharing_view .iconic .iconic.ionicons{margin:0 8px -2px 0;width:18px;height:18px}.sharing_view .blue .iconic{fill:#2293ec}.sharing_view .grey .iconic{fill:#b4b4b4}.sharing_view p{width:100%;color:#ccc;text-align:center;font-size:14px;display:block}.sharing_view p.with{padding:15px 0}.sharing_view span.text{display:inline-block;padding:0 2px;width:40%;background-color:transparent;color:#fff;border:none}.sharing_view span.text:last-of-type{width:5%}.sharing_view span.text .iconic{width:15px;height:14px;margin:0 10px 0 1px;fill:#fff}.sharing_view .basicModal__button{margin-top:10px;color:#2293ec;display:inline-block;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.02),inset 1px 0 0 rgba(0,0,0,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.02),inset 1px 0 0 rgba(0,0,0,.2);border-radius:5px}.sharing_view .choice label input:checked~.checkbox .iconic{opacity:1;-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}.sharing_view .choice{display:inline-block;width:5%;margin:0 10px;color:#fff}.sharing_view .choice input{position:absolute;margin:0;opacity:0}.sharing_view .choice .checkbox{display:inline-block;width:16px;height:16px;margin-top:10px;margin-left:2px;background:rgba(0,0,0,.5);border-radius:3px;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.7);box-shadow:0 0 0 1px rgba(0,0,0,.7)}.sharing_view .choice .checkbox .iconic{-webkit-box-sizing:border-box;box-sizing:border-box;fill:#2293ec;padding:2px;opacity:0;-ms-transform:scale(0);-webkit-transform:scale(0);transform:scale(0);-webkit-transition:opacity .2s cubic-bezier(.51,.92,.24,1),-webkit-transform .2s cubic-bezier(.51,.92,.24,1);transition:opacity .2s cubic-bezier(.51,.92,.24,1),transform .2s cubic-bezier(.51,.92,.24,1),-webkit-transform .2s cubic-bezier(.51,.92,.24,1);-o-transition:opacity .2s cubic-bezier(.51,.92,.24,1),transform .2s cubic-bezier(.51,.92,.24,1)}.sharing_view .select{position:relative;padding:0;color:#fff;border-radius:3px;border:1px solid rgba(0,0,0,.2);-webkit-box-shadow:0 1px 0 rgba(255,255,255,.02);box-shadow:0 1px 0 rgba(255,255,255,.02);font-size:14px;line-height:16px;outline:0;vertical-align:middle;background:rgba(0,0,0,.3);display:inline-block}.sharing_view .borderBlue{border:1px solid #2293ec}@media (hover:none){.sharing_view .basicModal__button{background:#2293ec;color:#fff}.sharing_view input{border-bottom:1px solid #2293ec}}@media only screen and (max-width:567px),only screen and (max-width:640px) and (orientation:portrait){.sharing_view{width:100%;max-width:100%;padding:10px}.sharing_view .select{font-size:12px}.sharing_view .iconic{margin-left:-4px}.sharing_view_line p{width:100%}.sharing_view_line .basicModal__button{width:80%;margin:0 10%}}#multiselect{position:absolute;background-color:rgba(0,94,204,.3);border:1px solid #005ecc;border-radius:3px;z-index:5}.justified-layout{margin:30px 0 0 30px;width:100%;position:relative}.justified-layout.laying-out{display:none}.unjustified-layout{margin:25px -5px -5px 25px;width:100%;position:relative;overflow:hidden}.unjustified-layout.laying-out{display:none}.justified-layout>.photo{position:absolute;--lychee-default-height:320px;margin:0}.unjustified-layout>.photo{float:left;max-height:240px;margin:5px}.justified-layout>.photo>.thumbimg,.justified-layout>.photo>.thumbimg>img,.unjustified-layout>.photo>.thumbimg,.unjustified-layout>.photo>.thumbimg>img{width:100%;height:100%;border:none;-o-object-fit:cover;object-fit:cover}.justified-layout>.photo>.overlay,.unjustified-layout>.photo>.overlay{width:100%;bottom:0;margin:0}.justified-layout>.photo>.overlay>h1,.unjustified-layout>.photo>.overlay>h1{width:auto;margin-right:15px}@media only screen and (min-width:320px) and (max-width:567px){.content>.justified-layout{margin:8px 8px 0}.content>.justified-layout .photo{--lychee-default-height:160px}}@media only screen and (min-width:568px) and (max-width:639px){.content>.justified-layout{margin:9px 9px 0}.content>.justified-layout .photo{--lychee-default-height:200px}}@media only screen and (min-width:640px) and (max-width:768px){.content>.justified-layout{margin:10px 10px 0}.content>.justified-layout .photo{--lychee-default-height:240px}}#footer{z-index:3;left:0;right:0;bottom:0;text-align:center;padding:5px 0;position:absolute;background:#1d1d1d;-webkit-transition:color .3s,opacity .3s ease-out,margin-left .5s,-webkit-transform .3s ease-out,-webkit-box-shadow .3s;transition:color .3s,opacity .3s ease-out,transform .3s ease-out,box-shadow .3s,margin-left .5s,-webkit-transform .3s ease-out,-webkit-box-shadow .3s;-o-transition:color .3s,opacity .3s ease-out,transform .3s ease-out,box-shadow .3s,margin-left .5s}#footer p{color:#ccc;font-size:.75em;font-weight:400;line-height:26px}#footer p a,#footer p a:visited{color:#ccc}#footer p.home_copyright,#footer p.hosted_by{text-transform:uppercase}#footer #home_socials a[href=""],#footer p:empty,.hide_footer,body.mode-frame div#footer,body.mode-none div#footer{display:none}@font-face{font-family:socials;src:url(fonts/socials.eot?egvu10);src:url(fonts/socials.eot?egvu10#iefix) format("embedded-opentype"),url(fonts/socials.ttf?egvu10) format("truetype"),url(fonts/socials.woff?egvu10) format("woff"),url(fonts/socials.svg?egvu10#socials) format("svg");font-weight:400;font-style:normal}#socials_footer{padding:0;text-align:center;left:0;right:0}.socialicons{display:inline-block;font-size:18px;font-family:socials!important;speak:none;color:#ccc;text-decoration:none;margin:15px 15px 5px;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s}#twitter:before{content:"\ea96"}#instagram:before{content:"\ea92"}#youtube:before{content:"\ea9d"}#flickr:before{content:"\eaa4"}#facebook:before{content:"\ea91"}@media (hover:hover){.sharing_view .basicModal__button:hover{background:#2293ec;color:#fff;cursor:pointer}.sharing_view input:hover{border-bottom:1px solid #2293ec}.socialicons:hover{color:#b5b5b5;-ms-transform:scale(1.3);transform:scale(1.3);-webkit-transform:scale(1.3)}}@media tv{.basicModal__button:focus{background:#2293ec;color:#fff;cursor:pointer;outline-style:none}.basicModal__button#basicModal__action:focus{color:#fff}.content .photo:focus{outline:#fff solid 10px}.content .album:focus{outline-width:0}.header .button:focus{outline-width:0;background-color:#fff}.header__title:focus{outline-width:0;background-color:#fff;color:#000}.header .button:focus .iconic{fill:#000}#imageview{background-color:#000}#imageview #image,#imageview #livephoto{outline-width:0}}.leaflet-image-layer,.leaflet-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane,.leaflet-pane>canvas,.leaflet-pane>svg,.leaflet-tile,.leaflet-tile-container,.leaflet-zoom-box{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden;-webkit-tap-highlight-color:transparent;background:#ddd;outline-offset:1px;font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;font-size:.75rem;line-height:1.5}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::-moz-selection{background:0 0}.leaflet-tile::selection{background:0 0}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4);color:#0078a8}.leaflet-tile{-webkit-filter:inherit;filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto;float:left;clear:both}.leaflet-bottom,.leaflet-top{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-right .leaflet-control{float:right;margin-right:10px}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-o-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1);-o-transition:transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1),-webkit-transform .25s cubic-bezier(0,0,.25,1)}.leaflet-pan-anim .leaflet-tile,.leaflet-zoom-anim .leaflet-tile{-webkit-transition:none;-o-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-control,.leaflet-popup-pane{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:grabbing}.leaflet-image-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-image-layer.leaflet-interactive,.leaflet-marker-icon.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-zoom-box{border:2px dotted #38f;background:rgba(255,255,255,.5)}.leaflet-bar{-webkit-box-shadow:0 1px 5px rgba(0,0,0,.65);box-shadow:0 1px 5px rgba(0,0,0,.65);border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:focus,.leaflet-bar a:hover{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:bold 18px "Lucida Console",Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{-webkit-box-shadow:0 1px 5px rgba(0,0,0,.4);box-shadow:0 1px 5px rgba(0,0,0,.4);background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(images/layers.png);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(images/layers-2x.png);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(images/marker-icon.png)}.leaflet-container .leaflet-control-attribution{background:rgba(255,255,255,.8);margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:focus,.leaflet-control-attribution a:hover{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;background:rgba(255,255,255,.5)}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers{-webkit-box-shadow:none;box-shadow:none}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-layers{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;-webkit-box-shadow:0 3px 14px rgba(0,0,0,.4);box-shadow:0 3px 14px rgba(0,0,0,.4)}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:0 0}.leaflet-container a.leaflet-popup-close-button:focus,.leaflet-container a.leaflet-popup-close-button:hover{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto}.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.4);box-shadow:0 1px 3px rgba(0,0,0,.4)}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before,.leaflet-tooltip-top:before{position:absolute;pointer-events:none;border:6px solid transparent;background:0 0;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.leaflet-cluster-anim .leaflet-marker-icon,.leaflet-cluster-anim .leaflet-marker-shadow{-webkit-transition:opacity .3s ease-in,-webkit-transform .3s ease-out;-o-transition:transform .3s ease-out,opacity .3s ease-in;transition:transform .3s ease-out,opacity .3s ease-in,-webkit-transform .3s ease-out}.leaflet-cluster-spider-leg{-webkit-transition:stroke-dashoffset .3s ease-out,stroke-opacity .3s ease-in;-o-transition:stroke-dashoffset .3s ease-out,stroke-opacity .3s ease-in;transition:stroke-dashoffset .3s ease-out,stroke-opacity .3s ease-in}.leaflet-marker-photo{border:2px solid #fff;-webkit-box-shadow:3px 3px 10px #888;box-shadow:3px 3px 10px #888}.leaflet-marker-photo div{width:100%;height:100%;background-size:cover;background-position:center center;background-repeat:no-repeat}.leaflet-marker-photo b{position:absolute;top:-7px;right:-11px;color:#555;background-color:#fff;border-radius:8px;height:12px;min-width:12px;line-height:12px;text-align:center;padding:3px;-webkit-box-shadow:0 3px 14px rgba(0,0,0,.4);box-shadow:0 3px 14px rgba(0,0,0,.4)}
\ No newline at end of file
+@charset "UTF-8";@-webkit-keyframes basicModal__fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes basicModal__fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes basicModal__fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes basicModal__fadeOut{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes basicModal__moveUpFade{0%{-webkit-transform:translateY(80px);transform:translateY(80px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes basicModal__moveUpFade{0%{-webkit-transform:translateY(80px);transform:translateY(80px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes basicModal__shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}20%,60%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}40%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes basicModal__shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}20%,60%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}40%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}.basicModalContainer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:fixed;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,.4);z-index:1000;-webkit-box-sizing:border-box;box-sizing:border-box}.basicModalContainer *,.basicModalContainer :after,.basicModalContainer :before{-webkit-box-sizing:border-box;box-sizing:border-box}.basicModalContainer--fadeIn{-webkit-animation:.3s cubic-bezier(.51,.92,.24,1.15) basicModal__fadeIn;animation:.3s cubic-bezier(.51,.92,.24,1.15) basicModal__fadeIn}.basicModalContainer--fadeOut{-webkit-animation:.3s cubic-bezier(.51,.92,.24,1.15) basicModal__fadeOut;animation:.3s cubic-bezier(.51,.92,.24,1.15) basicModal__fadeOut}.basicModalContainer--fadeIn .basicModal--fadeIn{-webkit-animation:.3s cubic-bezier(.51,.92,.24,1.15) basicModal__moveUpFade;animation:.3s cubic-bezier(.51,.92,.24,1.15) basicModal__moveUpFade}.basicModalContainer--fadeIn .basicModal--shake{-webkit-animation:.3s cubic-bezier(.51,.92,.24,1.15) basicModal__shake;animation:.3s cubic-bezier(.51,.92,.24,1.15) basicModal__shake}.basicModal{position:relative;width:500px;background-color:#fff;border-radius:5px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.2)}.basicModal__content{padding:7%;max-height:70vh;overflow:auto;-webkit-overflow-scrolling:touch}.basicModal__buttons{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-shadow:0 -1px 0 rgba(0,0,0,.1);box-shadow:0 -1px 0 rgba(0,0,0,.1)}.basicModal__button{display:inline-block;width:100%;font-weight:700;text-align:center;-webkit-transition:background-color .2s;-o-transition:background-color .2s;transition:background-color .2s;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.basicModal__button:hover{background-color:rgba(0,0,0,.02)}.basicModal__button#basicModal__cancel{-ms-flex-negative:2;flex-shrink:2}.basicModal__button#basicModal__action{-ms-flex-negative:1;flex-shrink:1;-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,.1);box-shadow:inset 1px 0 0 rgba(0,0,0,.1)}.basicModal__button#basicModal__action:first-child{-webkit-box-shadow:none;box-shadow:none}.basicModal__button:first-child{border-radius:0 0 0 5px}.basicModal__button:last-child{border-radius:0 0 5px}.basicModal__small{max-width:340px;text-align:center}.basicModal__small .basicModal__content{padding:10% 5%}.basicModal__xclose#basicModal__cancel{position:absolute;top:-8px;right:-8px;margin:0;padding:0;width:40px;height:40px;background-color:#fff;border-radius:100%;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.2)}.basicModal__xclose#basicModal__cancel:after{content:"";position:absolute;left:-3px;top:8px;width:35px;height:34px;background:#fff}.basicModal__xclose#basicModal__cancel svg{position:relative;width:20px;height:39px;fill:#888;z-index:1;-webkit-transition:fill .2s;-o-transition:fill .2s;transition:fill .2s}.basicModal__xclose#basicModal__cancel:after:hover svg,.basicModal__xclose#basicModal__cancel:hover svg{fill:#2875ed}.basicModal__xclose#basicModal__cancel:active svg,.basicModal__xclose#basicModal__cancel:after:active svg{fill:#1364e3}.basicContextContainer{position:fixed;width:100%;height:100%;top:0;left:0;z-index:1000;-webkit-tap-highlight-color:transparent}.basicContext{position:absolute;opacity:0;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-animation:.3s cubic-bezier(.51,.92,.24,1.2) basicContext__popIn;animation:.3s cubic-bezier(.51,.92,.24,1.2) basicContext__popIn}.basicContext *{-webkit-box-sizing:border-box;box-sizing:border-box}.basicContext__item{cursor:pointer}.basicContext__item--separator{float:left;width:100%;cursor:default}.basicContext__data{min-width:140px;text-align:left;white-space:nowrap}.basicContext__icon{display:inline-block}.basicContext--scrollable{height:100%;-webkit-overflow-scrolling:touch;overflow-x:hidden;overflow-y:auto}.basicContext--scrollable .basicContext__data{min-width:160px}@-webkit-keyframes basicContext__popIn{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes basicContext__popIn{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;background-color:#1d1d1d;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}em,i{font-style:italic}b,strong{font-weight:700}*{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:color .3s,opacity .3s ease-out,-webkit-transform .3s ease-out,-webkit-box-shadow .3s;transition:color .3s,opacity .3s ease-out,transform .3s ease-out,box-shadow .3s,-webkit-transform .3s ease-out,-webkit-box-shadow .3s;-o-transition:color .3s,opacity .3s ease-out,transform .3s ease-out,box-shadow .3s}body,html{width:100%;height:100%;position:relative;overflow:clip}input,textarea{-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important;user-select:text!important}.svgsprite{display:none}.iconic{width:100%;height:100%}#upload{display:none}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(.51,.92,.24,1);animation-timing-function:cubic-bezier(.51,.92,.24,1)}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(.51,.92,.24,1);animation-timing-function:cubic-bezier(.51,.92,.24,1)}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes moveBackground{0%{background-position-x:0}100%{background-position-x:-100px}}@keyframes moveBackground{0%{background-position-x:0}100%{background-position-x:-100px}}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes zoomOut{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}100%{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}}@keyframes zoomOut{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}100%{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}}@-webkit-keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}body.mode-frame #lychee_application_container,body.mode-none #lychee_application_container{display:none}.hflex-container,.hflex-item-rigid,.hflex-item-stretch,.vflex-container,.vflex-item-rigid,.vflex-item-stretch{position:relative;overflow:clip}.hflex-container,.vflex-container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:stretch;align-content:stretch;gap:0 0}.vflex-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.hflex-container{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.hflex-item-stretch,.vflex-item-stretch{-webkit-box-flex:1;-ms-flex:auto;flex:auto}.hflex-item-stretch{width:0;height:100%}.vflex-item-stretch{width:100%;height:0}.hflex-item-rigid,.vflex-item-rigid{-webkit-box-flex:0;-ms-flex:none;flex:none}.hflex-item-rigid{width:auto;height:100%}.vflex-item-rigid{width:100%;height:auto}.overlay-container{position:absolute;display:none;top:0;left:0;width:100%;height:100%;background-color:#000;-webkit-transition:background-color .3s;-o-transition:background-color .3s;transition:background-color .3s}.overlay-container.full{cursor:none}.overlay-container.active{display:unset}#lychee_view_content{height:auto;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:start;align-content:flex-start;-webkit-overflow-scrolling:touch}#lychee_view_content.contentZoomIn .album,#lychee_view_content.contentZoomIn .photo{-webkit-animation-name:zoomIn;animation-name:zoomIn}#lychee_view_content.contentZoomIn .divider{-webkit-animation-name:fadeIn;animation-name:fadeIn}#lychee_view_content.contentZoomOut .album,#lychee_view_content.contentZoomOut .photo{-webkit-animation-name:zoomOut;animation-name:zoomOut}#lychee_view_content.contentZoomOut .divider{-webkit-animation-name:fadeOut;animation-name:fadeOut}.album,.photo{position:relative;width:202px;height:202px;margin:30px 0 0 30px;cursor:default;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(.51,.92,.24,1);animation-timing-function:cubic-bezier(.51,.92,.24,1)}.album .thumbimg,.photo .thumbimg{position:absolute;width:200px;height:200px;background:#222;color:#222;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.5);box-shadow:0 2px 5px rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.5);-webkit-transition:opacity .3s ease-out,border-color .3s ease-out,-webkit-transform .3s ease-out;transition:opacity .3s ease-out,transform .3s ease-out,border-color .3s ease-out,-webkit-transform .3s ease-out;-o-transition:opacity .3s ease-out,transform .3s ease-out,border-color .3s ease-out}.album .thumbimg>img,.photo .thumbimg>img{width:100%;height:100%}.album.active .thumbimg,.album:focus .thumbimg,.photo.active .thumbimg,.photo:focus .thumbimg{border-color:#2293ec}.album:active .thumbimg,.photo:active .thumbimg{-webkit-transition:none;-o-transition:none;transition:none;border-color:#0f6ab2}.album.selected img,.photo.selected img{outline:#2293ec solid 1px}.album .video::before,.photo .video::before{content:"";position:absolute;display:block;height:100%;width:100%;background:url(../img/play-icon.png) 46% 50% no-repeat;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;will-change:opacity,height}.album .video:focus::before,.photo .video:focus::before{opacity:.75}.album .livephoto::before,.photo .livephoto::before{content:"";position:absolute;display:block;height:100%;width:100%;background:url(../img/live-photo-icon.png) 2% 2% no-repeat;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;will-change:opacity,height}.album .livephoto:focus::before,.photo .livephoto:focus::before{opacity:.75}.album .thumbimg:first-child,.album .thumbimg:nth-child(2){-webkit-transform:rotate(0) translateY(0) translateX(0);-ms-transform:rotate(0) translateY(0) translateX(0);transform:rotate(0) translateY(0) translateX(0);opacity:0}.album:focus .thumbimg:nth-child(1),.album:focus .thumbimg:nth-child(2){opacity:1;will-change:transform}.album:focus .thumbimg:nth-child(1){-webkit-transform:rotate(-2deg) translateY(10px) translateX(-12px);-ms-transform:rotate(-2deg) translateY(10px) translateX(-12px);transform:rotate(-2deg) translateY(10px) translateX(-12px)}.album:focus .thumbimg:nth-child(2){-webkit-transform:rotate(5deg) translateY(-8px) translateX(12px);-ms-transform:rotate(5deg) translateY(-8px) translateX(12px);transform:rotate(5deg) translateY(-8px) translateX(12px)}.blurred span{overflow:hidden}.blurred img{-webkit-filter:blur(5px);filter:blur(5px)}.album .overlay,.photo .overlay{position:absolute;margin:0 1px;width:200px;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.6)));background:-o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.6));background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.6));bottom:1px}.album .thumbimg[data-overlay=false]+.overlay{background:0 0}.photo .overlay{opacity:0}.photo.active .overlay,.photo:focus .overlay{opacity:1}.album .overlay h1,.photo .overlay h1{min-height:19px;width:180px;margin:12px 0 5px 15px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.4);font-size:16px;font-weight:700;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}.album .overlay a,.photo .overlay a{display:block;margin:0 0 12px 15px;font-size:11px;color:#ccc;text-shadow:0 1px 3px rgba(0,0,0,.4)}.album .overlay a .iconic,.photo .overlay a .iconic{fill:#ccc;margin:0 5px 0 0;width:8px;height:8px}.album .thumbimg[data-overlay=false]+.overlay a,.album .thumbimg[data-overlay=false]+.overlay h1{text-shadow:none}.album .badges,.photo .badges{position:relative;margin:-1px 0 0 6px}.album .subalbum_badge{position:absolute;right:0;top:0}.album .badge,.photo .badge{display:none;margin:0 0 0 6px;padding:12px 8px 6px;width:18px;background:#d92c34;-webkit-box-shadow:0 0 2px rgba(0,0,0,.6);box-shadow:0 0 2px rgba(0,0,0,.6);border-radius:0 0 5px 5px;border:1px solid #fff;border-top:none;color:#fff;text-align:center;text-shadow:0 1px 0 rgba(0,0,0,.4);opacity:.9}.album .badge--visible,.photo .badge--visible{display:inline-block}.album .badge--not--hidden,.photo .badge--not--hidden{background:#0a0}.album .badge--hidden,.photo .badge--hidden{background:#f90}.album .badge--cover,.photo .badge--cover{display:inline-block;background:#f90}.album .badge--star,.photo .badge--star{display:inline-block;background:#fc0}.album .badge--nsfw,.photo .badge--nsfw{display:inline-block;background:#ff82ee}.album .badge--list,.photo .badge--list{background:#2293ec}.album .badge--tag,.photo .badge--tag{display:inline-block;background:#0a0}.album .badge .iconic,.photo .badge .iconic{fill:#fff;width:16px;height:16px}.album .badge--folder,.photo .badge--folder{display:inline-block;-webkit-box-shadow:none;box-shadow:none;background:0 0;border:none}.album .badge--folder .iconic,.photo .badge--folder .iconic{width:12px;height:12px}.divider{margin:50px 0 0;padding:10px 0 0;width:100%;opacity:0;border-top:1px solid rgba(255,255,255,.02);-webkit-box-shadow:0 -1px 0 rgba(0,0,0,.2);box-shadow:0 -1px 0 rgba(0,0,0,.2);-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(.51,.92,.24,1);animation-timing-function:cubic-bezier(.51,.92,.24,1)}.divider:first-child{margin-top:10px;border-top:0;-webkit-box-shadow:none;box-shadow:none}.divider h1{margin:0 0 0 30px;color:rgba(255,255,255,.6);font-size:14px;font-weight:700}@media only screen and (min-width:320px) and (max-width:567px){.album,.photo{--size:calc((100vw - 3px) / 3);width:calc(var(--size) - 3px);height:calc(var(--size) - 3px);margin:3px 0 0 3px}.album .thumbimg,.photo .thumbimg{width:calc(var(--size) - 5px);height:calc(var(--size) - 5px)}.album .overlay,.photo .overlay{width:calc(var(--size) - 5px)}.album .overlay h1,.photo .overlay h1{min-height:14px;width:calc(var(--size) - 19px);margin:8px 0 2px 6px;font-size:12px}.album .overlay a,.photo .overlay a{display:none}.album .badge,.photo .badge{padding:4px 3px 3px;width:12px}.album .badge .iconic,.photo .badge .iconic{width:12px;height:12px}.album .badge--folder .iconic,.photo .badge--folder .iconic{width:8px;height:8px}.divider{margin:20px 0 0}.divider:first-child{margin-top:0}.divider h1{margin:0 0 6px 8px;font-size:12px}}@media only screen and (min-width:568px) and (max-width:639px){.album,.photo{--size:calc((100vw - 3px) / 4);width:calc(var(--size) - 3px);height:calc(var(--size) - 3px);margin:3px 0 0 3px}.album .thumbimg,.photo .thumbimg{width:calc(var(--size) - 5px);height:calc(var(--size) - 5px)}.album .overlay,.photo .overlay{width:calc(var(--size) - 5px)}.album .overlay h1,.photo .overlay h1{min-height:14px;width:calc(var(--size) - 19px);margin:8px 0 2px 6px;font-size:12px}.album .overlay a,.photo .overlay a{display:none}.album .badge,.photo .badge{padding:4px 3px 3px;width:14px}.album .badge .iconic,.photo .badge .iconic{width:14px;height:14px}.album .badge--folder .iconic,.photo .badge--folder .iconic{width:9px;height:9px}.divider{margin:24px 0 0}.divider:first-child{margin-top:0}.divider h1{margin:0 0 6px 10px}}@media only screen and (min-width:640px) and (max-width:768px){.album,.photo{--size:calc((100vw - 5px) / 5);width:calc(var(--size) - 5px);height:calc(var(--size) - 5px);margin:5px 0 0 5px}.album .thumbimg,.photo .thumbimg{width:calc(var(--size) - 7px);height:calc(var(--size) - 7px)}.album .overlay,.photo .overlay{width:calc(var(--size) - 7px)}.album .overlay h1,.photo .overlay h1{min-height:14px;width:calc(var(--size) - 21px);margin:10px 0 3px 8px;font-size:12px}.album .overlay a,.photo .overlay a{display:none}.album .badge,.photo .badge{padding:6px 4px 4px;width:16px}.album .badge .iconic,.photo .badge .iconic{width:16px;height:16px}.album .badge--folder .iconic,.photo .badge--folder .iconic{width:10px;height:10px}.divider{margin:28px 0 0}.divider:first-child{margin-top:0}.divider h1{margin:0 0 6px 10px}}.no_content{position:absolute;top:50%;left:50%;padding-top:20px;color:rgba(255,255,255,.35);text-align:center;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.no_content .iconic{fill:rgba(255,255,255,.3);margin:0 0 10px;width:50px;height:50px}.no_content p{font-size:16px;font-weight:700}body.mode-gallery #lychee_frame_container,body.mode-none #lychee_frame_container,body.mode-view #lychee_frame_container{display:none}#lychee_frame_bg_canvas{width:100%;height:100%;position:absolute}#lychee_frame_bg_image{position:absolute;display:none}#lychee_frame_noise_layer{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(../img/noise.png);background-repeat:repeat;background-position:44px 44px}#lychee_frame_image_container{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center}#lychee_frame_image_container img{height:95%;width:95%;-o-object-fit:contain;object-fit:contain;-webkit-filter:drop-shadow(0 0 1px rgba(0, 0, 0, .3)) drop-shadow(0 0 10px rgba(0, 0, 0, .3));filter:drop-shadow(0 0 1px rgba(0, 0, 0, .3)) drop-shadow(0 0 10px rgba(0, 0, 0, .3))}#lychee_frame_shutter{position:absolute;width:100%;height:100%;top:0;left:0;padding:0;margin:0;background-color:#1d1d1d;opacity:1;-webkit-transition:opacity 1s ease-in-out;-o-transition:opacity 1s ease-in-out;transition:opacity 1s ease-in-out}#lychee_frame_shutter.opened{opacity:0}#lychee_left_menu_container{width:0;background-color:#111;padding-top:49px;-webkit-transition:width .5s;-o-transition:width .5s;transition:width .5s}#lychee_left_menu,#lychee_left_menu_container.visible{width:250px}#lychee_left_menu a{padding:8px 8px 8px 32px;text-decoration:none;font-size:18px;color:#818181;display:block;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}#lychee_left_menu a.linkMenu{white-space:nowrap}#lychee_left_menu .closebtn{position:absolute;top:0;right:25px;font-size:36px;margin-left:50px}#lychee_left_menu .closetxt{position:absolute;top:0;left:0;font-size:24px;height:28px;padding-top:16px;color:#111;display:inline-block;width:210px}#lychee_left_menu .iconic{display:inline-block;margin:0 10px 0 1px;width:15px;height:14px;fill:#818181}#lychee_left_menu .iconic.ionicons{margin:0 8px -2px 0;width:18px;height:18px}@media (hover:hover){.album:hover .thumbimg,.photo:hover .thumbimg{border-color:#2293ec}.album .livephoto:hover::before,.album .video:hover::before,.photo .livephoto:hover::before,.photo .video:hover::before{opacity:.75}.album:hover .thumbimg:nth-child(1),.album:hover .thumbimg:nth-child(2),.album__dragover .thumbimg:nth-child(1),.album__dragover .thumbimg:nth-child(2){opacity:1;will-change:transform}.album:hover .thumbimg:nth-child(1),.album__dragover .thumbimg:nth-child(1){-webkit-transform:rotate(-2deg) translateY(10px) translateX(-12px);-ms-transform:rotate(-2deg) translateY(10px) translateX(-12px);transform:rotate(-2deg) translateY(10px) translateX(-12px)}.album:hover .thumbimg:nth-child(2),.album__dragover .thumbimg:nth-child(2){-webkit-transform:rotate(5deg) translateY(-8px) translateX(12px);-ms-transform:rotate(5deg) translateY(-8px) translateX(12px);transform:rotate(5deg) translateY(-8px) translateX(12px)}.photo:hover .overlay{opacity:1}#lychee_left_menu .closetxt:hover{color:#818181}#lychee_left_menu a:hover{color:#f1f1f1}}.basicContext{padding:5px 0 6px;background:-webkit-gradient(linear,left top,left bottom,from(#333),to(#252525));background:-o-linear-gradient(top,#333,#252525);background:linear-gradient(to bottom,#333,#252525);-webkit-box-shadow:0 1px 4px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.05);box-shadow:0 1px 4px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.05);border-radius:5px;border:1px solid rgba(0,0,0,.7);border-bottom:1px solid rgba(0,0,0,.8);-webkit-transition:none;-o-transition:none;transition:none}.basicContext__item{margin-bottom:2px;font-size:14px;color:#ccc}.basicContext__item--separator{margin:4px 0;height:2px;background:rgba(0,0,0,.2);border-bottom:1px solid rgba(255,255,255,.06)}.basicContext__item--disabled{cursor:default;opacity:.5}.basicContext__item:last-child{margin-bottom:0}.basicContext__data{min-width:auto;padding:6px 25px 7px 12px;-webkit-transition:none;-o-transition:none;transition:none;cursor:default}@media (hover:none) and (pointer:coarse){.basicContext__data{padding:12px 25px 12px 12px}}.basicContext__item:not(.basicContext__item--disabled):active .basicContext__data{background:-webkit-gradient(linear,left top,left bottom,from(#1178ca),to(#0f6ab2));background:-o-linear-gradient(top,#1178ca,#0f6ab2);background:linear-gradient(to bottom,#1178ca,#0f6ab2)}.basicContext__icon{margin-right:10px;width:12px;text-align:center}@media (hover:hover){.basicContext__item:not(.basicContext__item--disabled):hover .basicContext__data{background:-webkit-gradient(linear,left top,left bottom,from(#2293ec),to(#1386e1));background:-o-linear-gradient(top,#2293ec,#1386e1);background:linear-gradient(to bottom,#2293ec,#1386e1)}.basicContext__item:hover{color:#fff;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}.basicContext__item:hover .iconic{fill:#fff}.basicContext__item--noHover:hover .basicContext__data{background:0 0!important}}.basicContext__data .cover{position:absolute;background-color:#222;border-radius:2px;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.5);box-shadow:0 0 0 1px rgba(0,0,0,.5)}.basicContext__data .title{display:inline-block;margin:0 0 3px 26px}.basicContext__data .iconic{display:inline-block;margin:0 10px 0 1px;width:11px;height:10px;fill:#fff}.basicContext__data .iconic.active{fill:#f90}.basicContext__data .iconic.ionicons{margin:0 8px -2px 0;width:14px;height:14px}.basicContext__data input#link{margin:-2px 0;padding:5px 7px 6px;width:100%;background:#333;color:#fff;-webkit-box-shadow:0 1px 0 rgba(255,255,255,.05);box-shadow:0 1px 0 rgba(255,255,255,.05);border:1px solid rgba(0,0,0,.4);border-radius:3px;outline:0}.basicContext__item--noHover .basicContext__data{padding-right:12px}div.basicModalContainer{background-color:rgba(0,0,0,.85)}div.basicModalContainer--error{-webkit-transform:translateY(40px);-ms-transform:translateY(40px);transform:translateY(40px)}div.basicModal{background:-webkit-gradient(linear,left top,left bottom,from(#444),to(#333));background:-o-linear-gradient(top,#444,#333);background:linear-gradient(to bottom,#444,#333);-webkit-box-shadow:0 1px 4px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.05);box-shadow:0 1px 4px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.05);font-size:14px;line-height:17px}div.basicModal--error{-webkit-transform:translateY(-40px);-ms-transform:translateY(-40px);transform:translateY(-40px)}div.basicModal__buttons{-webkit-box-shadow:none;box-shadow:none}.basicModal__button{padding:13px 0 15px;background:0 0;color:#999;border-top:1px solid rgba(0,0,0,.2);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.02);box-shadow:inset 0 1px 0 rgba(255,255,255,.02);cursor:default}.basicModal__button--busy,.basicModal__button:active{-webkit-transition:none;-o-transition:none;transition:none;background:rgba(0,0,0,.1);cursor:wait}.basicModal__button#basicModal__action{color:#2293ec;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.02),inset 1px 0 0 rgba(0,0,0,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.02),inset 1px 0 0 rgba(0,0,0,.2)}.basicModal__button#basicModal__action.red,.basicModal__button#basicModal__cancel.red{color:#d92c34}.basicModal__button.hidden{display:none}div.basicModal__content{padding:36px;color:#ececec;text-align:left}div.basicModal__content>*{display:block;width:100%;margin:24px 0;padding:0}div.basicModal__content>.force-first-child,div.basicModal__content>:first-child{margin-top:0}div.basicModal__content>.force-last-child,div.basicModal__content>:last-child{margin-bottom:0}div.basicModal__content .disabled{color:#999}div.basicModal__content b{font-weight:700;color:#fff}div.basicModal__content a{color:inherit;text-decoration:none;border-bottom:1px dashed #ececec}div.basicModal__content a.button{display:inline-block;margin:0 6px;padding:3px 12px;color:#2293ec;text-align:center;border-radius:5px;border:none;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.02),inset 1px 0 0 rgba(0,0,0,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.02),inset 1px 0 0 rgba(0,0,0,.2)}div.basicModal__content a.button .iconic{fill:#2293ec}div.basicModal__content>hr{border:none;border-top:1px solid rgba(0,0,0,.3)}#lychee_toolbar_container{-webkit-transition:height .3s ease-out;-o-transition:height .3s ease-out;transition:height .3s ease-out}#lychee_toolbar_container.hidden{height:0}#lychee_toolbar_container,.toolbar{height:49px}.toolbar{background:-webkit-gradient(linear,left top,left bottom,from(#222),to(#1a1a1a));background:-o-linear-gradient(top,#222,#1a1a1a);background:linear-gradient(to bottom,#222,#1a1a1a);border-bottom:1px solid #0f0f0f;display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}.toolbar.visible{display:-webkit-box;display:-ms-flexbox;display:flex}#lychee_toolbar_config .toolbar .button .iconic{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}#lychee_toolbar_config .toolbar .header__title{padding-right:80px}.toolbar .header__title{width:100%;padding:16px 0;color:#fff;font-size:16px;font-weight:700;text-align:center;cursor:default;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-transition:margin-left .5s;-o-transition:margin-left .5s;transition:margin-left .5s}.toolbar .header__title .iconic{display:none;margin:0 0 0 5px;width:10px;height:10px;fill:rgba(255,255,255,.5);-webkit-transition:fill .2s ease-out;-o-transition:fill .2s ease-out;transition:fill .2s ease-out}.toolbar .header__title:active .iconic{-webkit-transition:none;-o-transition:none;transition:none;fill:rgba(255,255,255,.8)}.toolbar .header__title--editable .iconic{display:inline-block}.toolbar .button{-ms-flex-negative:0;flex-shrink:0;padding:16px 8px;height:15px}.toolbar .button .iconic{width:15px;height:15px;fill:rgba(255,255,255,.5);-webkit-transition:fill .2s ease-out;-o-transition:fill .2s ease-out;transition:fill .2s ease-out}.toolbar .button:active .iconic{-webkit-transition:none;-o-transition:none;transition:none;fill:rgba(255,255,255,.8)}.toolbar .button--star.active .iconic{fill:#f0ef77}.toolbar .button--eye.active .iconic{fill:#d92c34}.toolbar .button--eye.active--not-hidden .iconic{fill:#0a0}.toolbar .button--eye.active--hidden .iconic{fill:#f90}.toolbar .button--share .iconic.ionicons{margin:-2px 0;width:18px;height:18px}.toolbar .button--nsfw.active .iconic{fill:#ff82ee}.toolbar .button--info.active .iconic{fill:#2293ec}.toolbar #button_back,.toolbar #button_back_home,.toolbar #button_close_config,.toolbar #button_settings,.toolbar #button_signin{padding:16px 12px 16px 18px}.toolbar .button_add{padding:16px 18px 16px 12px}.toolbar .header__divider{-ms-flex-negative:0;flex-shrink:0;width:14px}.toolbar .header__search__field{position:relative}.toolbar input[type=text].header__search{-ms-flex-negative:0;flex-shrink:0;width:80px;margin:0;padding:5px 12px 6px;background-color:#1d1d1d;color:#fff;border:1px solid rgba(0,0,0,.9);-webkit-box-shadow:0 1px 0 rgba(255,255,255,.04);box-shadow:0 1px 0 rgba(255,255,255,.04);outline:0;border-radius:50px;opacity:.6;-webkit-transition:opacity .3s ease-out,width .2s ease-out,-webkit-box-shadow .3s ease-out;transition:opacity .3s ease-out,box-shadow .3s ease-out,width .2s ease-out,-webkit-box-shadow .3s ease-out;-o-transition:opacity .3s ease-out,box-shadow .3s ease-out,width .2s ease-out}.toolbar input[type=text].header__search:focus{width:140px;border-color:#2293ec;-webkit-box-shadow:0 1px 0 rgba(255,255,255,0);box-shadow:0 1px 0 rgba(255,255,255,0);opacity:1}.toolbar input[type=text].header__search:focus~.header__clear{opacity:1}.toolbar input[type=text].header__search::-ms-clear{display:none}.toolbar .header__clear{position:absolute;top:50%;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);right:8px;padding:0;color:rgba(255,255,255,.5);font-size:24px;opacity:0;-webkit-transition:color .2s ease-out;-o-transition:color .2s ease-out;transition:color .2s ease-out;cursor:default}.toolbar .header__clear_nomap{right:60px}.toolbar .header__hostedwith{-ms-flex-negative:0;flex-shrink:0;padding:5px 10px;margin:11px 0;color:#888;font-size:13px;border-radius:100px;cursor:default}@media only screen and (max-width:640px){#button_move,#button_move_album,#button_nsfw_album,#button_trash,#button_trash_album,#button_visibility,#button_visibility_album{display:none!important}}@media only screen and (max-width:640px) and (max-width:567px){#button_rotate_ccwise,#button_rotate_cwise{display:none!important}.header__divider{width:0}}#imageview #image,#imageview #livephoto{position:absolute;top:30px;right:30px;bottom:30px;left:30px;margin:auto;max-width:calc(100% - 60px);max-height:calc(100% - 60px);width:auto;height:auto;-webkit-transition:top .3s,right .3s,bottom .3s,left .3s,max-width .3s,max-height .3s;-o-transition:top .3s,right .3s,bottom .3s,left .3s,max-width .3s,max-height .3s;transition:top .3s,right .3s,bottom .3s,left .3s,max-width .3s,max-height .3s;-webkit-animation-name:zoomIn;animation-name:zoomIn;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(.51,.92,.24,1.15);animation-timing-function:cubic-bezier(.51,.92,.24,1.15);background-size:contain;background-position:center;background-repeat:no-repeat}#imageview.full #image,#imageview.full #livephoto{top:0;right:0;bottom:0;left:0;max-width:100%;max-height:100%}#imageview #image_overlay{position:absolute;bottom:30px;left:30px;color:#fff;text-shadow:1px 1px 2px #000;z-index:3}#imageview #image_overlay h1{font-size:28px;font-weight:500;-webkit-transition:visibility .3s linear,opacity .3s linear;-o-transition:visibility .3s linear,opacity .3s linear;transition:visibility .3s linear,opacity .3s linear}#imageview #image_overlay p{margin-top:5px;font-size:20px;line-height:24px}#imageview #image_overlay a .iconic{fill:#fff;margin:0 5px 0 0;width:14px;height:14px}#imageview .arrow_wrapper{position:absolute;width:15%;height:calc(100% - 60px);top:60px}#imageview .arrow_wrapper--previous{left:0}#imageview .arrow_wrapper--next{right:0}#imageview .arrow_wrapper a{position:absolute;top:50%;margin:-19px 0 0;padding:8px 12px;width:16px;height:22px;background-size:100% 100%;border:1px solid rgba(255,255,255,.8);opacity:.6;z-index:2;-webkit-transition:opacity .2s ease-out,-webkit-transform .2s ease-out;transition:transform .2s ease-out,opacity .2s ease-out,-webkit-transform .2s ease-out;-o-transition:transform .2s ease-out,opacity .2s ease-out;will-change:transform}#imageview .arrow_wrapper a#previous{left:-1px;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}#imageview .arrow_wrapper a#next{right:-1px;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}#imageview .arrow_wrapper .iconic{fill:rgba(255,255,255,.8)}#imageview video{z-index:1}@media (hover:hover){.basicModal__button:hover{background:rgba(255,255,255,.02)}div.basicModal__content a.button:hover{color:#fff;background:#2293ec}.toolbar .button:hover .iconic,.toolbar .header__title:hover .iconic,div.basicModal__content a.button:hover .iconic{fill:#fff}.toolbar .header__clear:hover{color:#fff}.toolbar .header__hostedwith:hover{background-color:rgba(0,0,0,.3)}#imageview .arrow_wrapper:hover a#next,#imageview .arrow_wrapper:hover a#previous{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}#imageview .arrow_wrapper a:hover{opacity:1}}@media only screen and (max-width:567px),only screen and (max-width:640px) and (orientation:portrait){#lychee_left_menu,#lychee_left_menu_container{display:none!important}#imageview #image,#imageview #livephoto{top:0;right:0;bottom:0;left:0;max-width:100%;max-height:100%}#imageview #image_overlay h1{font-size:14px}#imageview #image_overlay p{margin-top:2px;font-size:11px;line-height:13px}#imageview #image_overlay a .iconic{width:9px;height:9px}}@media only screen and (min-width:568px) and (max-width:768px),only screen and (min-width:568px) and (max-width:640px) and (orientation:landscape){#imageview #image,#imageview #livephoto{top:0;right:0;bottom:0;left:0;max-width:100%;max-height:100%}#imageview #image_overlay h1{font-size:18px}#imageview #image_overlay p{margin-top:4px;font-size:14px;line-height:16px}#imageview #image_overlay a .iconic{width:12px;height:12px}}.leaflet-marker-photo img{width:100%;height:100%}.image-leaflet-popup{width:100%}.leaflet-popup-content div{pointer-events:none;position:absolute;bottom:19px;left:22px;right:22px;padding-bottom:10px;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.6)));background:-o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.6));background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.6))}.leaflet-popup-content h1{top:0;position:relative;margin:12px 0 5px 15px;font-size:16px;font-weight:700;text-shadow:0 1px 3px rgba(255,255,255,.4);color:#fff;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}.leaflet-popup-content span{margin-left:12px}.leaflet-popup-content svg{fill:#fff;vertical-align:middle}.leaflet-popup-content p{display:inline;font-size:11px;color:#fff}.leaflet-popup-content .iconic{width:20px;height:15px}#lychee_sidebar_container{width:0;-webkit-transition:width .3s cubic-bezier(.51,.92,.24,1);-o-transition:width .3s cubic-bezier(.51,.92,.24,1);transition:width .3s cubic-bezier(.51,.92,.24,1)}#lychee_sidebar,#lychee_sidebar_container.active{width:350px}#lychee_sidebar{height:100%;background-color:rgba(25,25,25,.98);border-left:1px solid rgba(0,0,0,.2)}#lychee_sidebar_header{height:49px;background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.02)),to(rgba(0,0,0,0)));background:-o-linear-gradient(top,rgba(255,255,255,.02),rgba(0,0,0,0));background:linear-gradient(to bottom,rgba(255,255,255,.02),rgba(0,0,0,0));border-top:1px solid #2293ec}#lychee_sidebar_header h1{margin:15px 0;color:#fff;font-size:16px;font-weight:700;text-align:center;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}#lychee_sidebar_content{overflow:clip auto;-webkit-overflow-scrolling:touch}#lychee_sidebar_content .sidebar__divider{padding:12px 0 8px;width:100%;border-top:1px solid rgba(255,255,255,.02);-webkit-box-shadow:0 -1px 0 rgba(0,0,0,.2);box-shadow:0 -1px 0 rgba(0,0,0,.2)}#lychee_sidebar_content .sidebar__divider:first-child{border-top:0;-webkit-box-shadow:none;box-shadow:none}#lychee_sidebar_content .sidebar__divider h1{margin:0 0 0 20px;color:rgba(255,255,255,.6);font-size:14px;font-weight:700;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}#lychee_sidebar_content .edit{display:inline-block;margin-left:3px;width:10px}#lychee_sidebar_content .edit .iconic{width:10px;height:10px;fill:rgba(255,255,255,.5);-webkit-transition:fill .2s ease-out;-o-transition:fill .2s ease-out;transition:fill .2s ease-out}#lychee_sidebar_content .edit:active .iconic{-webkit-transition:none;-o-transition:none;transition:none;fill:rgba(255,255,255,.8)}#lychee_sidebar_content table{margin:10px 0 15px 20px;width:calc(100% - 20px)}#lychee_sidebar_content table tr td{padding:5px 0;color:#fff;font-size:14px;line-height:19px;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}#lychee_sidebar_content table tr td:first-child{width:110px}#lychee_sidebar_content table tr td:last-child{padding-right:10px}#lychee_sidebar_content table tr td span{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}#lychee_sidebar_content #tags{width:calc(100% - 40px);margin:16px 20px 12px;color:#fff;display:inline-block}#lychee_sidebar_content #tags>div{display:inline-block}#lychee_sidebar_content #tags .empty{font-size:14px;margin:0 2px 8px 0;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}#lychee_sidebar_content #tags .edit{margin-top:6px}#lychee_sidebar_content #tags .empty .edit{margin-top:0}#lychee_sidebar_content #tags .tag{cursor:default;display:inline-block;padding:6px 10px;margin:0 6px 8px 0;background-color:rgba(0,0,0,.5);border-radius:100px;font-size:12px;-webkit-transition:background-color .2s;-o-transition:background-color .2s;transition:background-color .2s;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}#lychee_sidebar_content #tags .tag span{padding:0;margin:0 0 -2px;width:0;overflow:hidden;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:width .2s,margin .2s,fill .2s ease-out,-webkit-transform .2s;transition:width .2s,margin .2s,transform .2s,fill .2s ease-out,-webkit-transform .2s;-o-transition:width .2s,margin .2s,transform .2s,fill .2s ease-out}#lychee_sidebar_content #tags .tag span .iconic{fill:#d92c34;width:8px;height:8px}#lychee_sidebar_content #tags .tag span:active .iconic{-webkit-transition:none;-o-transition:none;transition:none;fill:#b22027}#lychee_sidebar_content #leaflet_map_single_photo{margin:10px 0 0 20px;height:180px;width:calc(100% - 40px)}#lychee_sidebar_content .attr_location.search{cursor:pointer}@media only screen and (max-width:567px),only screen and (max-width:640px) and (orientation:portrait){#lychee_sidebar_container{position:absolute;right:0}#lychee_sidebar{background-color:rgba(0,0,0,.6)}#lychee_sidebar,#lychee_sidebar_container.active{width:240px}#lychee_sidebar_header{height:22px}#lychee_sidebar_header h1{margin:6px 0;font-size:13px}#lychee_sidebar_content{padding-bottom:10px}#lychee_sidebar_content .sidebar__divider{padding:6px 0 2px}#lychee_sidebar_content .sidebar__divider h1{margin:0 0 0 10px;font-size:12px}#lychee_sidebar_content #tags,#lychee_sidebar_content table{margin:4px 0 6px 10px;width:calc(100% - 16px)}#lychee_sidebar_content table tr td{padding:2px 0;font-size:11px;line-height:12px}#lychee_sidebar_content table tr td:first-child{width:80px}#lychee_sidebar_content #tags .empty{margin:0;font-size:11px}}@media only screen and (min-width:568px) and (max-width:768px),only screen and (min-width:568px) and (max-width:640px) and (orientation:landscape){#lychee_sidebar,#lychee_sidebar_container.active{width:280px}#lychee_sidebar_header{height:28px}#lychee_sidebar_header h1{margin:8px 0;font-size:15px}#lychee_sidebar_content{padding-bottom:10px}#lychee_sidebar_content .sidebar__divider{padding:8px 0 4px}#lychee_sidebar_content .sidebar__divider h1{margin:0 0 0 10px;font-size:13px}#lychee_sidebar_content #tags,#lychee_sidebar_content table{margin:4px 0 6px 10px;width:calc(100% - 16px)}#lychee_sidebar_content table tr td{padding:2px 0;font-size:12px;line-height:13px}#lychee_sidebar_content table tr td:first-child{width:90px}#lychee_sidebar_content #tags .empty{margin:0;font-size:12px}}#lychee_loading{height:0;-webkit-transition:height .3s;-o-transition:height .3s;transition:height .3s;background-size:100px 3px;background-repeat:repeat-x;-webkit-animation-name:moveBackground;animation-name:moveBackground;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}#lychee_loading.loading{height:3px;background-image:-webkit-gradient(linear,left top,right top,from(#153674),color-stop(47%,#153674),color-stop(53%,#2651ae),to(#2651ae));background-image:-o-linear-gradient(left,#153674 0,#153674 47%,#2651ae 53%,#2651ae 100%);background-image:linear-gradient(to right,#153674 0,#153674 47%,#2651ae 53%,#2651ae 100%)}#lychee_loading.error{height:40px;background-color:#2f0d0e;background-image:-webkit-gradient(linear,left top,right top,from(#451317),color-stop(47%,#451317),color-stop(53%,#aa3039),to(#aa3039));background-image:-o-linear-gradient(left,#451317 0,#451317 47%,#aa3039 53%,#aa3039 100%);background-image:linear-gradient(to right,#451317 0,#451317 47%,#aa3039 53%,#aa3039 100%)}#lychee_loading.success{height:40px;background-color:#070;background-image:-webkit-gradient(linear,left top,right top,from(#070),color-stop(47%,#090),color-stop(53%,#0a0),to(#0c0));background-image:-o-linear-gradient(left,#070 0,#090 47%,#0a0 53%,#0c0 100%);background-image:linear-gradient(to right,#070 0,#090 47%,#0a0 53%,#0c0 100%)}#lychee_loading h1{margin:13px 13px 0;color:#ddd;font-size:14px;font-weight:700;text-shadow:0 1px 0 #000;text-transform:capitalize}#lychee_loading h1 span{margin-left:10px;font-weight:400;text-transform:none}div.select,input,output,select,textarea{display:inline-block;position:relative}div.select>select{display:block;width:100%}div.select,input,output,select,select option,textarea{color:#fff;background-color:#2c2c2c;margin:0;font-size:inherit;line-height:inherit;padding:0;border:none;-webkit-box-shadow:none;box-shadow:none;outline:0}input[type=password],input[type=text],select{padding-top:3px;padding-bottom:3px}input[type=password],input[type=text]{padding-left:2px;padding-right:2px;background-color:transparent;border-bottom:1px solid #222;border-radius:0;-webkit-box-shadow:0 1px 0 rgba(255,255,255,.05);box-shadow:0 1px 0 rgba(255,255,255,.05)}input[type=password]:focus,input[type=text]:focus{border-bottom-color:#2293ec}input[type=password].error,input[type=text].error{border-bottom-color:#d92c34}input[type=checkbox]{top:2px;height:16px;width:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#2293ec;border:none;border-radius:3px;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.7);box-shadow:0 0 0 1px rgba(0,0,0,.7)}input[type=checkbox]::before{content:"✔";position:absolute;text-align:center;font-size:16px;line-height:16px;top:0;bottom:0;left:0;right:0;width:auto;height:auto;visibility:hidden}input[type=checkbox]:checked::before{visibility:visible}input[type=checkbox].slider{top:5px;height:22px;width:42px;border:1px solid rgba(0,0,0,.2);-webkit-box-shadow:0 1px 0 rgba(255,255,255,.02);box-shadow:0 1px 0 rgba(255,255,255,.02);border-radius:11px;background:#2c2c2c}input[type=checkbox].slider::before{content:"";background-color:#2293ec;height:14px;width:14px;left:3px;top:3px;border:none;border-radius:7px;visibility:visible}input[type=checkbox].slider:checked{background-color:#2293ec}input[type=checkbox].slider:checked::before{left:auto;right:3px;background-color:#fff}div.select{font-size:12px;background:#2c2c2c;border-radius:3px;border:1px solid rgba(0,0,0,.2);-webkit-box-shadow:0 1px 0 rgba(255,255,255,.02);box-shadow:0 1px 0 rgba(255,255,255,.02)}div.select::after{position:absolute;content:"≡";right:8px;top:3px;color:#2293ec;font-size:16px;font-weight:700;pointer-events:none}select{padding-left:8px;padding-right:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0}select option{padding:2px 0;-webkit-transition:none;-o-transition:none;transition:none}form div.input-group{position:relative;margin:18px 0}form div.input-group:first-child{margin-top:0}form div.input-group:last-child{margin-bottom:0}form div.input-group.hidden{display:none}form div.input-group label{font-weight:700}form div.input-group p{display:block;margin:6px 0;font-size:13px;line-height:16px}form div.input-group p:last-child{margin-bottom:0}form div.input-group.stacked>label{display:block;margin-bottom:6px}form div.input-group.stacked>label>input[type=password],form div.input-group.stacked>label>input[type=text]{margin-top:12px}form div.input-group.stacked>div.select,form div.input-group.stacked>input,form div.input-group.stacked>output,form div.input-group.stacked>textarea{width:100%;display:block}form div.input-group.compact{padding-left:120px}form div.input-group.compact>label{display:block;position:absolute;margin:0;left:0;width:108px;height:auto;top:3px;bottom:0;overflow-y:hidden}form div.input-group.compact>div.select,form div.input-group.compact>input,form div.input-group.compact>output,form div.input-group.compact>textarea{display:block;width:100%}form div.input-group.compact-inverse{padding-left:36px}form div.input-group.compact-inverse label{display:block}form div.input-group.compact-inverse>div.select,form div.input-group.compact-inverse>input,form div.input-group.compact-inverse>output,form div.input-group.compact-inverse>textarea{display:block;position:absolute;width:16px;height:16px;top:2px;left:0}form div.input-group.compact-no-indent>label{display:inline}form div.input-group.compact-no-indent>div.select,form div.input-group.compact-no-indent>input,form div.input-group.compact-no-indent>output,form div.input-group.compact-no-indent>textarea{display:inline-block;margin-left:.3em;margin-right:.3em}div.basicModal.about-dialog div.basicModal__content h1{font-size:120%;font-weight:700;text-align:center;color:#fff}div.basicModal.about-dialog div.basicModal__content h2{font-weight:700;color:#fff}div.basicModal.about-dialog div.basicModal__content p.update-status.up-to-date{display:none}div.basicModal.about-dialog div.basicModal__content p.about-desc{line-height:1.4em}div.basicModal.downloads div.basicModal__content a.button{display:block;margin:12px 0;padding:12px;font-weight:700;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.02);box-shadow:inset 0 1px 0 rgba(255,255,255,.02);border:1px solid rgba(0,0,0,.2)}div.basicModal.downloads div.basicModal__content a.button .iconic{width:12px;height:12px;margin-right:12px}div.basicModal.qr-code{width:300px}div.basicModal.qr-code div.basicModal__content{padding:12px}.basicModal.import div.basicModal__content{padding:12px 8px}.basicModal.import div.basicModal__content h1{margin-bottom:12px;color:#fff;font-size:16px;line-height:19px;font-weight:700;text-align:center}.basicModal.import div.basicModal__content ol{margin-top:12px;height:300px;background-color:#2c2c2c;overflow:hidden;overflow-y:auto;border-radius:3px;-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,.4);box-shadow:inset 0 0 3px rgba(0,0,0,.4)}.basicModal.import div.basicModal__content ol li{float:left;padding:8px 0;width:100%;background-color:rgba(255,255,255,.02)}.basicModal.import div.basicModal__content ol li:nth-child(2n){background-color:rgba(255,255,255,0)}.basicModal.import div.basicModal__content ol li h2{float:left;padding:5px 10px;width:70%;color:#fff;font-size:14px;white-space:nowrap;overflow:hidden}.basicModal.import div.basicModal__content ol li p.status{float:left;padding:5px 10px;width:30%;color:#999;font-size:14px;text-align:right;-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.basicModal.import div.basicModal__content ol li p.status.error,.basicModal.import div.basicModal__content ol li p.status.success,.basicModal.import div.basicModal__content ol li p.status.warning{-webkit-animation:none;animation:none}.basicModal.import div.basicModal__content ol li p.status.error{color:#d92c34}.basicModal.import div.basicModal__content ol li p.status.warning{color:#fc0}.basicModal.import div.basicModal__content ol li p.status.success{color:#0a0}.basicModal.import div.basicModal__content ol li p.notice{float:left;padding:2px 10px 5px;width:100%;color:#999;font-size:12px;overflow:hidden;line-height:16px}.basicModal.import div.basicModal__content ol li p.notice:empty{display:none}div.basicModal.login div.basicModal__content a.button#signInKeyLess{position:absolute;display:block;color:#999;top:8px;left:8px;width:30px;height:30px;margin:0;padding:5px;cursor:pointer;-webkit-box-shadow:inset 1px 1px 0 rgba(255,255,255,.02);box-shadow:inset 1px 1px 0 rgba(255,255,255,.02);border:1px solid rgba(0,0,0,.2)}div.basicModal.login div.basicModal__content a.button#signInKeyLess .iconic{width:100%;height:100%;fill:#999}div.basicModal.login div.basicModal__content p.version{font-size:12px;text-align:right}div.basicModal.login div.basicModal__content p.version span.update-status.up-to-date{display:none}@media (hover:hover){#lychee_sidebar .edit:hover .iconic{fill:#fff}#lychee_sidebar #tags .tag:hover{background-color:rgba(0,0,0,.3)}#lychee_sidebar #tags .tag:hover.search{cursor:pointer}#lychee_sidebar #tags .tag:hover span{width:9px;margin:0 0 -2px 5px;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}#lychee_sidebar #tags .tag span:hover .iconic{fill:#e1575e}div.basicModal.login div.basicModal__content a.button#signInKeyLess:hover{color:#fff;background:inherit}div.basicModal.login div.basicModal__content a.button#signInKeyLess:hover .iconic{fill:#fff}}form.photo-links div.input-group{padding-right:30px}form.photo-links div.input-group a.button{display:block;position:absolute;margin:0;padding:4px;right:0;bottom:0;width:26px;height:26px;cursor:pointer;-webkit-box-shadow:inset 1px 1px 0 rgba(255,255,255,.02);box-shadow:inset 1px 1px 0 rgba(255,255,255,.02);border:1px solid rgba(0,0,0,.2)}form.photo-links div.input-group a.button .iconic{width:100%;height:100%}form.token div.input-group{padding-right:82px}form.token div.input-group input.disabled,form.token div.input-group input[disabled]{color:#999}form.token div.input-group div.button-group{display:block;position:absolute;margin:0;padding:0;right:0;bottom:0;width:78px}form.token div.input-group div.button-group a.button{display:block;float:right;margin:0;padding:4px;bottom:4px;width:26px;height:26px;cursor:pointer;-webkit-box-shadow:inset 1px 1px 0 rgba(255,255,255,.02);box-shadow:inset 1px 1px 0 rgba(255,255,255,.02);border:1px solid rgba(0,0,0,.2)}form.token div.input-group div.button-group a.button .iconic{width:100%;height:100%}#sensitive_warning{background:rgba(100,0,0,.95);text-align:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff}#sensitive_warning.active{display:-webkit-box;display:-ms-flexbox;display:flex}#sensitive_warning h1{font-size:36px;font-weight:700;border-bottom:2px solid #fff;margin-bottom:15px}#sensitive_warning p{font-size:20px;max-width:40%;margin-top:15px}.settings_view{width:90%;max-width:700px;margin-left:auto;margin-right:auto}.settings_view input.text{padding:9px 2px;width:calc(50% - 4px);background-color:transparent;color:#fff;border:none;border-bottom:1px solid #222;border-radius:0;-webkit-box-shadow:0 1px 0 rgba(255,255,255,.05);box-shadow:0 1px 0 rgba(255,255,255,.05);outline:0}.settings_view input.text:focus{border-bottom-color:#2293ec}.settings_view input.text .error{border-bottom-color:#d92c34}.settings_view .basicModal__button{color:#2293ec;display:inline-block;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.02),inset 1px 0 0 rgba(0,0,0,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.02),inset 1px 0 0 rgba(0,0,0,.2);border-radius:5px}.settings_view .basicModal__button_MORE,.settings_view .basicModal__button_SAVE{color:#b22027;border-radius:5px}.settings_view>div{font-size:14px;width:100%;padding:12px 0}.settings_view>div p{margin:0 0 5%;width:100%;color:#ccc;line-height:16px}.settings_view>div p a{color:rgba(255,255,255,.9);text-decoration:none;border-bottom:1px dashed #888}.settings_view>div p:last-of-type{margin:0}.settings_view>div input.text{width:100%}.settings_view>div textarea{padding:9px;width:calc(100% - 18px);height:100px;background-color:transparent;color:#fff;border:1px solid #666;border-radius:0;-webkit-box-shadow:0 1px 0 rgba(255,255,255,.05);box-shadow:0 1px 0 rgba(255,255,255,.05);outline:0;resize:vertical}.settings_view>div textarea:focus{border-color:#2293ec}.settings_view>div .choice{padding:0 30px 15px;width:100%;color:#fff}.settings_view>div .choice:last-child{padding-bottom:40px}.settings_view>div .choice label{float:left;color:#fff;font-size:14px;font-weight:700}.settings_view>div .choice label input{position:absolute;margin:0;opacity:0}.settings_view>div .choice label .checkbox{float:left;display:block;width:16px;height:16px;background:rgba(0,0,0,.5);border-radius:3px;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.7);box-shadow:0 0 0 1px rgba(0,0,0,.7)}.settings_view>div .choice label .checkbox .iconic{-webkit-box-sizing:border-box;box-sizing:border-box;fill:#2293ec;padding:2px;opacity:0;-ms-transform:scale(0);-webkit-transform:scale(0);transform:scale(0);-webkit-transition:opacity .2s cubic-bezier(.51,.92,.24,1),-webkit-transform .2s cubic-bezier(.51,.92,.24,1);transition:opacity .2s cubic-bezier(.51,.92,.24,1),transform .2s cubic-bezier(.51,.92,.24,1),-webkit-transform .2s cubic-bezier(.51,.92,.24,1);-o-transition:opacity .2s cubic-bezier(.51,.92,.24,1),transform .2s cubic-bezier(.51,.92,.24,1)}.settings_view>div .select{position:relative;margin:1px 5px;padding:0;width:110px;color:#fff;border-radius:3px;border:1px solid rgba(0,0,0,.2);-webkit-box-shadow:0 1px 0 rgba(255,255,255,.02);box-shadow:0 1px 0 rgba(255,255,255,.02);font-size:11px;line-height:16px;overflow:hidden;outline:0;vertical-align:middle;background:rgba(0,0,0,.3);display:inline-block}.settings_view>div .select select{margin:0;padding:4px 8px;width:120%;color:#fff;font-size:11px;line-height:16px;border:0;outline:0;-webkit-box-shadow:none;box-shadow:none;border-radius:0;background-color:transparent;background-image:none;-moz-appearance:none;-webkit-appearance:none;appearance:none}.settings_view>div .select select option{margin:0;padding:0;background:#fff;color:#333;-webkit-transition:none;-o-transition:none;transition:none}.settings_view>div .select select:disabled{color:#000;cursor:not-allowed}.settings_view>div .select::after{position:absolute;content:"≡";right:8px;top:4px;color:#2293ec;font-size:16px;line-height:16px;font-weight:700;pointer-events:none}.settings_view>div .switch{position:relative;display:inline-block;width:42px;height:22px;bottom:-2px;line-height:24px}.settings_view>div .switch input{opacity:0;width:0;height:0}.settings_view>div .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;border:1px solid rgba(0,0,0,.2);-webkit-box-shadow:0 1px 0 rgba(255,255,255,.02);box-shadow:0 1px 0 rgba(255,255,255,.02);background:rgba(0,0,0,.3);-webkit-transition:.4s;-o-transition:.4s;transition:.4s}.settings_view>div .slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:#2293ec}.settings_view>div input:checked+.slider{background-color:#2293ec}.settings_view>div input:checked+.slider:before{-ms-transform:translateX(20px);-webkit-transform:translateX(20px);transform:translateX(20px);background-color:#fff}.settings_view>div .slider.round{border-radius:20px}.settings_view>div .slider.round:before{border-radius:50%}.settings_view .setting_category{font-size:20px;width:100%;padding-top:10px;padding-left:4px;border-bottom:1px dotted #222;margin-top:20px;color:#fff;font-weight:700;text-transform:capitalize}.settings_view .setting_line{font-size:14px;width:100%}.settings_view .setting_line:first-child,.settings_view .setting_line:last-child{padding-top:50px}.settings_view .setting_line p{min-width:550px;margin:0;color:#ccc;display:inline-block;width:100%;overflow-wrap:break-word}.settings_view .setting_line p a{color:rgba(255,255,255,.9);text-decoration:none;border-bottom:1px dashed #888}.settings_view .setting_line p:last-of-type{margin:0}.settings_view .setting_line p .warning{margin-bottom:30px;color:#d92c34;font-weight:700;font-size:18px;text-align:justify;line-height:22px}.settings_view .setting_line span.text{display:inline-block;padding:9px 4px;width:calc(50% - 12px);background-color:transparent;color:#fff;border:none}.settings_view .setting_line span.text_icon{width:5%}.settings_view .setting_line span.text_icon .iconic{width:15px;height:14px;margin:0 10px 0 1px;fill:#fff}.settings_view .setting_line input.text{width:calc(50% - 4px)}@media (hover:hover){.settings_view .basicModal__button:hover{background:#2293ec;color:#fff;cursor:pointer}.settings_view .basicModal__button_MORE:hover,.settings_view .basicModal__button_SAVE:hover{background:#b22027;color:#fff}.settings_view input:hover{border-bottom:1px solid #2293ec}}@media (hover:none){#lychee_left_menu a{padding:14px 8px 14px 32px}.settings_view input.text{border-bottom:1px solid #2293ec;margin:6px 0}.settings_view>div{padding:16px 0}.settings_view .basicModal__button{background:#2293ec;color:#fff;max-width:320px;margin-top:20px}.settings_view .basicModal__button_MORE,.settings_view .basicModal__button_SAVE{background:#b22027}}@media only screen and (max-width:567px),only screen and (max-width:640px) and (orientation:portrait){.settings_view{max-width:100%}.settings_view .setting_category{font-size:14px;padding-left:0;margin-bottom:4px}.settings_view .setting_line{font-size:12px}.settings_view .setting_line:first-child{padding-top:20px}.settings_view .setting_line p{min-width:unset;line-height:20px}.settings_view .setting_line p.warning{font-size:14px;line-height:16px;margin-bottom:0}.settings_view .setting_line p input,.settings_view .setting_line p span{padding:0}.settings_view .basicModal__button_SAVE{margin-top:20px}}.users_view{width:90%;max-width:700px;margin-left:auto;margin-right:auto}.users_view_line{font-size:14px;width:100%}.users_view_line:first-child,.users_view_line:last-child{padding-top:50px}.users_view_line p{width:550px;margin:0 0 5%;color:#ccc;display:inline-block}.users_view_line p a{color:rgba(255,255,255,.9);text-decoration:none;border-bottom:1px dashed #888}.users_view_line p.line,.users_view_line p:last-of-type{margin:0}.users_view_line span.text{display:inline-block;padding:9px 6px 9px 0;width:40%;background-color:transparent;color:#fff;border:none}.users_view_line span.text_icon{width:5%;min-width:32px}.users_view_line span.text_icon .iconic{width:15px;height:14px;margin:0 8px;fill:#fff}.users_view_line input.text{padding:9px 6px 9px 0;width:40%;background-color:transparent;color:#fff;border:none;border-bottom:1px solid #222;border-radius:0;-webkit-box-shadow:0 1px 0 rgba(255,255,255,.05);box-shadow:0 1px 0 rgba(255,255,255,.05);outline:0;margin:0 0 10px}.users_view_line input.text:focus{border-bottom-color:#2293ec}.users_view_line input.text.error{border-bottom-color:#d92c34}.users_view_line .choice label input:checked~.checkbox .iconic{opacity:1;-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}.users_view_line .choice{display:inline-block;width:5%;min-width:32px;color:#fff}.users_view_line .choice input{position:absolute;margin:0;opacity:0}.users_view_line .choice .checkbox{display:inline-block;width:16px;height:16px;margin:10px 8px 0;background:rgba(0,0,0,.5);border-radius:3px;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.7);box-shadow:0 0 0 1px rgba(0,0,0,.7)}.users_view_line .choice .checkbox .iconic{-webkit-box-sizing:border-box;box-sizing:border-box;fill:#2293ec;padding:2px;opacity:0;-ms-transform:scale(0);-webkit-transform:scale(0);transform:scale(0);-webkit-transition:opacity .2s cubic-bezier(.51,.92,.24,1),-webkit-transform .2s cubic-bezier(.51,.92,.24,1);transition:opacity .2s cubic-bezier(.51,.92,.24,1),transform .2s cubic-bezier(.51,.92,.24,1),-webkit-transform .2s cubic-bezier(.51,.92,.24,1);-o-transition:opacity .2s cubic-bezier(.51,.92,.24,1),transform .2s cubic-bezier(.51,.92,.24,1)}.users_view_line .basicModal__button{display:inline-block;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.02),inset 1px 0 0 rgba(0,0,0,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.02),inset 1px 0 0 rgba(0,0,0,.2);width:10%;min-width:72px;border-radius:0}.users_view_line .basicModal__button_OK{color:#2293ec;border-radius:5px 0 0 5px;margin-right:-4px}.users_view_line .basicModal__button_DEL{color:#b22027;border-radius:0 5px 5px 0}.users_view_line .basicModal__button_CREATE{width:20%;color:#090;border-radius:5px;min-width:144px}.users_view_line .select{position:relative;margin:1px 5px;padding:0;width:110px;color:#fff;border-radius:3px;border:1px solid rgba(0,0,0,.2);-webkit-box-shadow:0 1px 0 rgba(255,255,255,.02);box-shadow:0 1px 0 rgba(255,255,255,.02);font-size:11px;line-height:16px;overflow:hidden;outline:0;vertical-align:middle;background:rgba(0,0,0,.3);display:inline-block}.users_view_line .select select{margin:0;padding:4px 8px;width:120%;color:#fff;font-size:11px;line-height:16px;border:0;outline:0;-webkit-box-shadow:none;box-shadow:none;border-radius:0;background:0 0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.users_view_line .select select option{margin:0;padding:0;background:#fff;color:#333;-webkit-transition:none;-o-transition:none;transition:none}.users_view_line .select::after{position:absolute;content:"≡";right:8px;top:4px;color:#2293ec;font-size:16px;line-height:16px;font-weight:700;pointer-events:none}@media (hover:hover){.users_view_line .basicModal__button:hover{cursor:pointer;color:#fff}.users_view_line .basicModal__button_OK:hover{background:#2293ec}.users_view_line .basicModal__button_DEL:hover{background:#b22027}.users_view_line .basicModal__button_CREATE:hover{background:#090}.users_view_line input:hover{border-bottom:1px solid #2293ec}}@media (hover:none){.users_view_line .basicModal__button{color:#fff}.users_view_line .basicModal__button_OK{background:#2293ec}.users_view_line .basicModal__button_DEL{background:#b22027}.users_view_line .basicModal__button_CREATE{background:#090}.users_view_line input{border-bottom:1px solid #2293ec}}@media only screen and (max-width:567px),only screen and (max-width:640px) and (orientation:portrait){.users_view{width:100%;max-width:100%;padding:20px}.users_view_line p{width:100%}.users_view_line p .text,.users_view_line p input.text{width:36%;font-size:smaller}.users_view_line .choice{margin-left:-8px;margin-right:3px}}.u2f_view{width:90%;max-width:700px;margin-left:auto;margin-right:auto}.u2f_view_line{font-size:14px;width:100%}.u2f_view_line:first-child,.u2f_view_line:last-child{padding-top:50px}.u2f_view_line p{width:550px;margin:0 0 5%;color:#ccc;display:inline-block}.u2f_view_line p a{color:rgba(255,255,255,.9);text-decoration:none;border-bottom:1px dashed #888}.u2f_view_line p.line,.u2f_view_line p:last-of-type{margin:0}.u2f_view_line p.single{text-align:center}.u2f_view_line span.text{display:inline-block;padding:9px 4px;width:80%;background-color:transparent;color:#fff;border:none}.u2f_view_line span.text_icon{width:5%}.u2f_view_line span.text_icon .iconic{width:15px;height:14px;margin:0 15px 0 1px;fill:#fff}.u2f_view_line .choice label input:checked~.checkbox .iconic{opacity:1;-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}.u2f_view_line .choice{display:inline-block;width:5%;color:#fff}.u2f_view_line .choice input{position:absolute;margin:0;opacity:0}.u2f_view_line .choice .checkbox{display:inline-block;width:16px;height:16px;margin-top:10px;margin-left:2px;background:rgba(0,0,0,.5);border-radius:3px;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.7);box-shadow:0 0 0 1px rgba(0,0,0,.7)}.u2f_view_line .choice .checkbox .iconic{-webkit-box-sizing:border-box;box-sizing:border-box;fill:#2293ec;padding:2px;opacity:0;-ms-transform:scale(0);-webkit-transform:scale(0);transform:scale(0);-webkit-transition:opacity .2s cubic-bezier(.51,.92,.24,1),-webkit-transform .2s cubic-bezier(.51,.92,.24,1);transition:opacity .2s cubic-bezier(.51,.92,.24,1),transform .2s cubic-bezier(.51,.92,.24,1),-webkit-transform .2s cubic-bezier(.51,.92,.24,1);-o-transition:opacity .2s cubic-bezier(.51,.92,.24,1),transform .2s cubic-bezier(.51,.92,.24,1)}.u2f_view_line .basicModal__button{display:inline-block;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.02),inset 1px 0 0 rgba(0,0,0,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.02),inset 1px 0 0 rgba(0,0,0,.2);width:20%;min-width:50px;border-radius:0}.u2f_view_line .basicModal__button_OK{color:#2293ec;border-radius:5px 0 0 5px}.u2f_view_line .basicModal__button_DEL{color:#b22027;border-radius:0 5px 5px 0}.u2f_view_line .basicModal__button_CREATE{width:100%;color:#090;border-radius:5px}.u2f_view_line .select{position:relative;margin:1px 5px;padding:0;width:110px;color:#fff;border-radius:3px;border:1px solid rgba(0,0,0,.2);-webkit-box-shadow:0 1px 0 rgba(255,255,255,.02);box-shadow:0 1px 0 rgba(255,255,255,.02);font-size:11px;line-height:16px;overflow:hidden;outline:0;vertical-align:middle;background:rgba(0,0,0,.3);display:inline-block}.u2f_view_line .select select{margin:0;padding:4px 8px;width:120%;color:#fff;font-size:11px;line-height:16px;border:0;outline:0;-webkit-box-shadow:none;box-shadow:none;border-radius:0;background:0 0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.u2f_view_line .select select option{margin:0;padding:0;background:#fff;color:#333;-webkit-transition:none;-o-transition:none;transition:none}.u2f_view_line .select::after{position:absolute;content:"≡";right:8px;top:4px;color:#2293ec;font-size:16px;line-height:16px;font-weight:700;pointer-events:none}@media (hover:hover){.u2f_view_line .basicModal__button:hover{cursor:pointer}.u2f_view_line .basicModal__button_OK:hover{background:#2293ec;color:#fff}.u2f_view_line .basicModal__button_DEL:hover{background:#b22027;color:#fff}.u2f_view_line .basicModal__button_CREATE:hover{background:#090;color:#fff}.u2f_view_line input:hover{border-bottom:1px solid #2293ec}}@media (hover:none){.u2f_view_line .basicModal__button{color:#fff}.u2f_view_line .basicModal__button_OK{background:#2293ec}.u2f_view_line .basicModal__button_DEL{background:#b22027}.u2f_view_line .basicModal__button_CREATE{background:#090}.u2f_view_line input{border-bottom:1px solid #2293ec}}@media only screen and (max-width:567px),only screen and (max-width:640px) and (orientation:portrait){.u2f_view{width:100%;max-width:100%;padding:20px}.u2f_view_line p{width:100%}.u2f_view_line .basicModal__button_CREATE{width:80%;margin:0 10%}}.logs_diagnostics_view{width:90%;margin-left:auto;margin-right:auto;color:#ccc;font-size:12px;line-height:14px}.logs_diagnostics_view pre{font-family:monospace;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding-right:30px}.clear_logs_update{padding-left:30px;margin:20px auto}.clear_logs_update .basicModal__button,.logs_diagnostics_view .basicModal__button{color:#2293ec;display:inline-block;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.02),inset 1px 0 0 rgba(0,0,0,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.02),inset 1px 0 0 rgba(0,0,0,.2);border-radius:5px}.clear_logs_update .iconic,.logs_diagnostics_view .iconic{display:inline-block;margin:0 10px 0 1px;width:13px;height:12px;fill:#2293ec}.clear_logs_update .button_left,.logs_diagnostics_view .button_left{margin-left:24px;width:400px}@media (hover:none){.clear_logs_update .basicModal__button,.logs_diagnostics_view .basicModal__button{background:#2293ec;color:#fff;max-width:320px;margin-top:20px}.clear_logs_update .iconic,.logs_diagnostics_view .iconic{fill:#fff}}@media only screen and (max-width:567px),only screen and (max-width:640px) and (orientation:portrait){.clear_logs_update,.logs_diagnostics_view{width:100%;max-width:100%;font-size:11px;line-height:12px}.clear_logs_update .basicModal__button,.clear_logs_update .button_left,.logs_diagnostics_view .basicModal__button,.logs_diagnostics_view .button_left{width:80%;margin:0 10%}.logs_diagnostics_view{padding:10px 10px 0 0}.clear_logs_update{padding:10px 10px 0;margin:0}}.sharing_view{width:90%;max-width:700px;margin-left:auto;margin-right:auto;margin-top:20px}.sharing_view .sharing_view_line{width:100%;display:block;clear:left}.sharing_view .col-xs-1,.sharing_view .col-xs-10,.sharing_view .col-xs-11,.sharing_view .col-xs-12,.sharing_view .col-xs-2,.sharing_view .col-xs-3,.sharing_view .col-xs-4,.sharing_view .col-xs-5,.sharing_view .col-xs-6,.sharing_view .col-xs-7,.sharing_view .col-xs-8,.sharing_view .col-xs-9{float:left;position:relative;min-height:1px}.sharing_view .col-xs-2{width:10%;padding-right:3%;padding-left:3%}.sharing_view .col-xs-5{width:42%}.sharing_view .btn-block+.btn-block{margin-top:5px}.sharing_view .btn-block{display:block;width:100%}.sharing_view .btn-default{color:#2293ec;border-color:#2293ec;background:rgba(0,0,0,.5);border-radius:3px;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.7);box-shadow:0 0 0 1px rgba(0,0,0,.7)}.sharing_view .btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}.sharing_view select[multiple],.sharing_view select[size]{height:150px}.sharing_view .form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;-o-transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out}.sharing_view .iconic{display:inline-block;width:15px;height:14px;fill:#2293ec}.sharing_view .iconic .iconic.ionicons{margin:0 8px -2px 0;width:18px;height:18px}.sharing_view .blue .iconic{fill:#2293ec}.sharing_view .grey .iconic{fill:#b4b4b4}.sharing_view p{width:100%;color:#ccc;text-align:center;font-size:14px;display:block}.sharing_view p.with{padding:15px 0}.sharing_view span.text{display:inline-block;padding:0 2px;width:40%;background-color:transparent;color:#fff;border:none}.sharing_view span.text:last-of-type{width:5%}.sharing_view span.text .iconic{width:15px;height:14px;margin:0 10px 0 1px;fill:#fff}.sharing_view .basicModal__button{margin-top:10px;color:#2293ec;display:inline-block;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.02),inset 1px 0 0 rgba(0,0,0,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.02),inset 1px 0 0 rgba(0,0,0,.2);border-radius:5px}.sharing_view .choice label input:checked~.checkbox .iconic{opacity:1;-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}.sharing_view .choice{display:inline-block;width:5%;margin:0 10px;color:#fff}.sharing_view .choice input{position:absolute;margin:0;opacity:0}.sharing_view .choice .checkbox{display:inline-block;width:16px;height:16px;margin-top:10px;margin-left:2px;background:rgba(0,0,0,.5);border-radius:3px;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.7);box-shadow:0 0 0 1px rgba(0,0,0,.7)}.sharing_view .choice .checkbox .iconic{-webkit-box-sizing:border-box;box-sizing:border-box;fill:#2293ec;padding:2px;opacity:0;-ms-transform:scale(0);-webkit-transform:scale(0);transform:scale(0);-webkit-transition:opacity .2s cubic-bezier(.51,.92,.24,1),-webkit-transform .2s cubic-bezier(.51,.92,.24,1);transition:opacity .2s cubic-bezier(.51,.92,.24,1),transform .2s cubic-bezier(.51,.92,.24,1),-webkit-transform .2s cubic-bezier(.51,.92,.24,1);-o-transition:opacity .2s cubic-bezier(.51,.92,.24,1),transform .2s cubic-bezier(.51,.92,.24,1)}.sharing_view .select{position:relative;padding:0;color:#fff;border-radius:3px;border:1px solid rgba(0,0,0,.2);-webkit-box-shadow:0 1px 0 rgba(255,255,255,.02);box-shadow:0 1px 0 rgba(255,255,255,.02);font-size:14px;line-height:16px;outline:0;vertical-align:middle;background:rgba(0,0,0,.3);display:inline-block}.sharing_view .borderBlue{border:1px solid #2293ec}@media (hover:none){.sharing_view .basicModal__button{background:#2293ec;color:#fff}.sharing_view input{border-bottom:1px solid #2293ec}}@media only screen and (max-width:567px),only screen and (max-width:640px) and (orientation:portrait){.sharing_view{width:100%;max-width:100%;padding:10px}.sharing_view .select{font-size:12px}.sharing_view .iconic{margin-left:-4px}.sharing_view_line p{width:100%}.sharing_view_line .basicModal__button{width:80%;margin:0 10%}}#multiselect{position:absolute;background-color:rgba(0,94,204,.3);border:1px solid #005ecc;border-radius:3px;z-index:5}.justified-layout,.unjustified-layout{margin:30px;width:100%;position:relative}.justified-layout.laying-out,.unjustified-layout.laying-out{display:none}.justified-layout>.photo{position:absolute;--lychee-default-height:320px;margin:0}.unjustified-layout>.photo{float:left;max-height:240px;margin:5px}.justified-layout>.photo>.thumbimg,.justified-layout>.photo>.thumbimg>img,.unjustified-layout>.photo>.thumbimg,.unjustified-layout>.photo>.thumbimg>img{width:100%;height:100%;border:none;-o-object-fit:cover;object-fit:cover}.justified-layout>.photo>.overlay,.unjustified-layout>.photo>.overlay{width:100%;bottom:0;margin:0}.justified-layout>.photo>.overlay>h1,.unjustified-layout>.photo>.overlay>h1{width:auto;margin-right:15px}@media only screen and (min-width:320px) and (max-width:567px){.justified-layout{margin:8px}.justified-layout .photo{--lychee-default-height:160px}}@media only screen and (min-width:568px) and (max-width:639px){.justified-layout{margin:9px}.justified-layout .photo{--lychee-default-height:200px}}@media only screen and (min-width:640px) and (max-width:768px){.justified-layout{margin:10px}.justified-layout .photo{--lychee-default-height:240px}}#lychee_footer{text-align:center;padding:5px 0;background:#1d1d1d;-webkit-transition:color .3s,opacity .3s ease-out,margin-left .5s,-webkit-transform .3s ease-out,-webkit-box-shadow .3s;transition:color .3s,opacity .3s ease-out,transform .3s ease-out,box-shadow .3s,margin-left .5s,-webkit-transform .3s ease-out,-webkit-box-shadow .3s;-o-transition:color .3s,opacity .3s ease-out,transform .3s ease-out,box-shadow .3s,margin-left .5s}#lychee_footer p{color:#ccc;font-size:.75em;font-weight:400;line-height:26px}#lychee_footer p a,#lychee_footer p a:visited{color:#ccc}#lychee_footer p.home_copyright,#lychee_footer p.hosted_by{text-transform:uppercase}#lychee_footer #home_socials a[href=""],#lychee_footer p:empty,.hide_footer{display:none}@font-face{font-family:socials;src:url(fonts/socials.eot?egvu10);src:url(fonts/socials.eot?egvu10#iefix) format("embedded-opentype"),url(fonts/socials.ttf?egvu10) format("truetype"),url(fonts/socials.woff?egvu10) format("woff"),url(fonts/socials.svg?egvu10#socials) format("svg");font-weight:400;font-style:normal}#socials_footer{padding:0;text-align:center;left:0;right:0}.socialicons{display:inline-block;font-size:18px;font-family:socials!important;speak:none;color:#ccc;text-decoration:none;margin:15px 15px 5px;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s}#twitter:before{content:"\ea96"}#instagram:before{content:"\ea92"}#youtube:before{content:"\ea9d"}#flickr:before{content:"\eaa4"}#facebook:before{content:"\ea91"}@media (hover:hover){.sharing_view .basicModal__button:hover{background:#2293ec;color:#fff;cursor:pointer}.sharing_view input:hover{border-bottom:1px solid #2293ec}.socialicons:hover{color:#b5b5b5;-ms-transform:scale(1.3);transform:scale(1.3);-webkit-transform:scale(1.3)}}@media tv{.basicModal__button:focus{background:#2293ec;color:#fff;cursor:pointer;outline-style:none}.basicModal__button#basicModal__action:focus{color:#fff}.photo:focus{outline:#fff solid 10px}.album:focus{outline-width:0}.toolbar .button:focus{outline-width:0;background-color:#fff}.header__title:focus{outline-width:0;background-color:#fff;color:#000}.toolbar .button:focus .iconic{fill:#000}#imageview{background-color:#000}#imageview #image,#imageview #livephoto{outline-width:0}}#lychee_view_container{position:absolute;top:0;left:0;height:100%;width:100%;overflow:clip auto}.leaflet-image-layer,.leaflet-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane,.leaflet-pane>canvas,.leaflet-pane>svg,.leaflet-tile,.leaflet-tile-container,.leaflet-zoom-box{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden;-webkit-tap-highlight-color:transparent;background:#ddd;outline-offset:1px;font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;font-size:.75rem;line-height:1.5}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::-moz-selection{background:0 0}.leaflet-tile::selection{background:0 0}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4);color:#0078a8}.leaflet-tile{-webkit-filter:inherit;filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto;float:left;clear:both}.leaflet-bottom,.leaflet-top{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-right .leaflet-control{float:right;margin-right:10px}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-o-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1);-o-transition:transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1),-webkit-transform .25s cubic-bezier(0,0,.25,1)}.leaflet-pan-anim .leaflet-tile,.leaflet-zoom-anim .leaflet-tile{-webkit-transition:none;-o-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-control,.leaflet-popup-pane{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:grabbing}.leaflet-image-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-image-layer.leaflet-interactive,.leaflet-marker-icon.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-zoom-box{border:2px dotted #38f;background:rgba(255,255,255,.5)}.leaflet-bar{-webkit-box-shadow:0 1px 5px rgba(0,0,0,.65);box-shadow:0 1px 5px rgba(0,0,0,.65);border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:focus,.leaflet-bar a:hover{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:bold 18px "Lucida Console",Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{-webkit-box-shadow:0 1px 5px rgba(0,0,0,.4);box-shadow:0 1px 5px rgba(0,0,0,.4);background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(images/layers.png);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(images/layers-2x.png);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(images/marker-icon.png)}.leaflet-container .leaflet-control-attribution{background:rgba(255,255,255,.8);margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:focus,.leaflet-control-attribution a:hover{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;background:rgba(255,255,255,.5)}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers{-webkit-box-shadow:none;box-shadow:none}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-layers{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;-webkit-box-shadow:0 3px 14px rgba(0,0,0,.4);box-shadow:0 3px 14px rgba(0,0,0,.4)}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:0 0}.leaflet-container a.leaflet-popup-close-button:focus,.leaflet-container a.leaflet-popup-close-button:hover{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto}.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.4);box-shadow:0 1px 3px rgba(0,0,0,.4)}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before,.leaflet-tooltip-top:before{position:absolute;pointer-events:none;border:6px solid transparent;background:0 0;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.leaflet-cluster-anim .leaflet-marker-icon,.leaflet-cluster-anim .leaflet-marker-shadow{-webkit-transition:opacity .3s ease-in,-webkit-transform .3s ease-out;-o-transition:transform .3s ease-out,opacity .3s ease-in;transition:transform .3s ease-out,opacity .3s ease-in,-webkit-transform .3s ease-out}.leaflet-cluster-spider-leg{-webkit-transition:stroke-dashoffset .3s ease-out,stroke-opacity .3s ease-in;-o-transition:stroke-dashoffset .3s ease-out,stroke-opacity .3s ease-in;transition:stroke-dashoffset .3s ease-out,stroke-opacity .3s ease-in}.leaflet-marker-photo{border:2px solid #fff;-webkit-box-shadow:3px 3px 10px #888;box-shadow:3px 3px 10px #888}.leaflet-marker-photo div{width:100%;height:100%;background-size:cover;background-position:center center;background-repeat:no-repeat}.leaflet-marker-photo b{position:absolute;top:-7px;right:-11px;color:#555;background-color:#fff;border-radius:8px;height:12px;min-width:12px;line-height:12px;text-align:center;padding:3px;-webkit-box-shadow:0 3px 14px rgba(0,0,0,.4);box-shadow:0 3px 14px rgba(0,0,0,.4)}
\ No newline at end of file
diff --git a/public/dist/frontend.html b/public/dist/frontend.html
index 50ec0ac343a..4903e290b68 100644
--- a/public/dist/frontend.html
+++ b/public/dist/frontend.html
@@ -240,117 +240,186 @@
 
 <!-- endinject -->
 
-<!-- DIV for the loading indicator -->
-<div id="loading"></div>
-
-<!-- TODO: Header is invisible for "frame" mode, but visible for "view" and "gallery" -->
-<header class="header">
-	<div class="header__toolbar header__toolbar--public">
-		<a class="button" id="button_signin"><svg class="iconic"><use xlink:href="#account-login" /></svg></a>
-		<a class="header__title"></a>
-		<div class="header__search__field">
-			<input class="header__search" type="text" name="search">
-			<a class="header__clear">&times;</a>
-		</div>
-		<a class="button button--map-albums"><svg class="iconic"><use xlink:href="#map" /></svg></a>
-	</div>
-	<div class="header__toolbar header__toolbar--albums">
-		<a class="button" id="button_settings"><svg class="iconic"><use xlink:href="#cog" /></svg></a>
-		<a class="header__title"></a>
-		<div class="header__search__field">
-			<input class="header__search" type="text" name="search">
-			<a class="header__clear">&times;</a>
-		</div>
-		<a class="header__divider"></a>
-		<a class="button button--map-albums"><svg class="iconic"><use xlink:href="#map" /></svg></a>
-		<a class="button button_add"><svg class="iconic"><use xlink:href="#plus" /></svg></a>
-	</div>
-	<div class="header__toolbar header__toolbar--album">
-		<a class="button" id="button_back_home"><svg class="iconic"><use xlink:href="#chevron-left" /></svg></a>
-		<a class="header__title"></a>
-		<a class="button button--eye" id="button_visibility_album"><svg class="iconic iconic--eye"><use xlink:href="#eye" /></svg></a>
-		<a class="button" id="button_sharing_album_users"><svg class="iconic"><use xlink:href="#people" /></svg></a>
-		<a class="button button--nsfw" id="button_nsfw_album"><svg class="iconic"><use xlink:href="#warning" /></svg></a>
-		<a class="button button--share" id="button_share_album"><svg class="iconic ionicons"><use xlink:href="#share-ion" /></svg></a>
-		<a class="button" id="button_archive"><svg class="iconic"><use xlink:href="#cloud-download" /></svg></a>
-		<a class="button button--info" id="button_info_album"><svg class="iconic"><use xlink:href="#info" /></svg></a>
-		<a class="button button--map" id="button_map_album"><svg class="iconic"><use xlink:href="#map" /></svg></a>
-		<a class="button" id="button_move_album"><svg class="iconic"><use xlink:href="#folder" /></svg></a>
-		<a class="button" id="button_trash_album"><svg class="iconic"><use xlink:href="#trash" /></svg></a>
-		<a class="button" id="button_fs_album_enter"><svg class="iconic"><use xlink:href="#fullscreen-enter" /></svg></a>
-		<a class="button" id="button_fs_album_exit"><svg class="iconic"><use xlink:href="#fullscreen-exit" /></svg></a>
-		<a class="header__divider"></a>
-		<a class="button button_add"><svg class="iconic"><use xlink:href="#plus" /></svg></a>
-	</div>
-	<div class="header__toolbar header__toolbar--photo">
-		<a class="button" id="button_back"><svg class="iconic"><use xlink:href="#chevron-left" /></svg></a>
-		<a class="header__title"></a>
-		<a class="button button--star" id="button_star"><svg class="iconic"><use xlink:href="#star" /></svg></a>
-		<a class="button button--eye" id="button_visibility"><svg class="iconic"><use xlink:href="#eye" /></svg></a>
-		<a class="button button--rotate" id="button_rotate_ccwise"><svg class="iconic"><use xlink:href="#counterclockwise" /></svg></a>
-		<a class="button button--rotate" id="button_rotate_cwise"><svg class="iconic"><use xlink:href="#clockwise" /></svg></a>
-		<a class="button button--share" id="button_share"><svg class="iconic ionicons"><use xlink:href="#share-ion" /></svg></a>
-		<a class="button button--info" id="button_info"><svg class="iconic"><use xlink:href="#info" /></svg></a>
-		<a class="button button--map" id="button_map"><svg class="iconic"><use xlink:href="#map" /></svg></a>
-		<a class="button" id="button_move"><svg class="iconic"><use xlink:href="#folder" /></svg></a>
-		<a class="button" id="button_trash"><svg class="iconic"><use xlink:href="#trash" /></svg></a>
-		<a class="button" id="button_fs_enter"><svg class="iconic"><use xlink:href="#fullscreen-enter" /></svg></a>
-		<a class="button" id="button_fs_exit"><svg class="iconic"><use xlink:href="#fullscreen-exit" /></svg></a>
-		<a class="header__divider"></a>
-		<a class="button" id="button_more"><svg class="iconic"><use xlink:href="#ellipses" /></svg></a>
-	</div>
-	<div class="header__toolbar header__toolbar--map">
-		<a class="button" id="button_back_map"><svg class="iconic"><use xlink:href="#chevron-left" /></svg></a>
-		<a class="header__title"></a>
-	</div>
-	<div class="header__toolbar header__toolbar--config">
-		<a class="button" id="button_close_config"><svg class="iconic"><use xlink:href="#plus" /></svg></a>
-		<a class="header__title"></a>
-	</div>
-</header>
-
-<div id="container">
+<!-- loading indicator -->
+<div id="lychee_loading" class="vflex-item-rigid"></div>
+<!--
+The application container vertically shares space with the loading indicator.
+If fills the remaining vertical space not taken by the loading indicator.
+The application container contains the left menu and the workbench.
+The application container is also that part which is shaded by the
+background of the modal dialog while the loading indicator and (potential)
+error message is not shaded.
+-->
+<div id="lychee_application_container" class="vflex-item-stretch hflex-container">
 	<!-- leftMenu -->
-	<div class="leftMenu"></div>
-
-	<!-- Content -->
-	<div class="content"></div>
-
-	<!-- MapView -->
-	<div id="mapview">
-		<div id="leaflet_map_full"></div>
+	<div id="lychee_left_menu_container" class="hflex-item-rigid">
+		<div id="lychee_left_menu"></div>
 	</div>
-
-	<!-- ImageView -->
-	<div id="imageview"></div>
-
-	<!-- Sidebar -->
-	<div class="sidebar">
-		<div class="sidebar__header"><h1></h1></div>
-		<div class="sidebar__wrapper"></div>
-	</div>
-
-	<!-- Warning -->
-	<div id="sensitive_warning" style="display: none;"><h1></h1><p></p><p></p></div>
-
-	<!-- Upload TODO: Figure out how this works -->
-	<div id="upload">
-		<input id="upload_files" type="file" name="fileElem[]" multiple accept="image/*,video/*,.mov">
-		<input id="upload_track_file" type="file" name="fileElem" accept="application/x-gpx+xml">
+	<!--
+	This container horizontally shares space with the left menu.
+	It fills the remaining horizontal space not covered by the left menu.
+	-->
+	<div class="hflex-item-stretch vflex-container">
+		<!-- toolbar -->
+		<header id="lychee_toolbar_container" class="vflex-item-rigid">
+			<div id="lychee_toolbar_public" class="toolbar">
+				<a class="button" id="button_signin"><svg class="iconic"><use xlink:href="#account-login" /></svg></a>
+				<a class="header__title"></a>
+				<div class="header__search__field">
+					<input class="header__search" type="text" name="search">
+					<a class="header__clear">&times;</a>
+				</div>
+				<a class="button button--map-albums"><svg class="iconic"><use xlink:href="#map" /></svg></a>
+			</div>
+			<div id="lychee_toolbar_albums" class="toolbar">
+				<a class="button" id="button_settings"><svg class="iconic"><use xlink:href="#cog" /></svg></a>
+				<a class="header__title"></a>
+				<div class="header__search__field">
+					<input class="header__search" type="text" name="search">
+					<a class="header__clear">&times;</a>
+				</div>
+				<a class="header__divider"></a>
+				<a class="button button--map-albums"><svg class="iconic"><use xlink:href="#map" /></svg></a>
+				<a class="button button_add"><svg class="iconic"><use xlink:href="#plus" /></svg></a>
+			</div>
+			<div id="lychee_toolbar_album" class="toolbar">
+				<a class="button" id="button_back_home"><svg class="iconic"><use xlink:href="#chevron-left" /></svg></a>
+				<a class="header__title"></a>
+				<a class="button button--eye" id="button_visibility_album"><svg class="iconic iconic--eye"><use xlink:href="#eye" /></svg></a>
+				<a class="button" id="button_sharing_album_users"><svg class="iconic"><use xlink:href="#people" /></svg></a>
+				<a class="button button--nsfw" id="button_nsfw_album"><svg class="iconic"><use xlink:href="#warning" /></svg></a>
+				<a class="button button--share" id="button_share_album"><svg class="iconic ionicons"><use xlink:href="#share-ion" /></svg></a>
+				<a class="button" id="button_archive"><svg class="iconic"><use xlink:href="#cloud-download" /></svg></a>
+				<a class="button button--info" id="button_info_album"><svg class="iconic"><use xlink:href="#info" /></svg></a>
+				<a class="button button--map" id="button_map_album"><svg class="iconic"><use xlink:href="#map" /></svg></a>
+				<a class="button" id="button_move_album"><svg class="iconic"><use xlink:href="#folder" /></svg></a>
+				<a class="button" id="button_trash_album"><svg class="iconic"><use xlink:href="#trash" /></svg></a>
+				<a class="button" id="button_fs_album_enter"><svg class="iconic"><use xlink:href="#fullscreen-enter" /></svg></a>
+				<a class="button" id="button_fs_album_exit"><svg class="iconic"><use xlink:href="#fullscreen-exit" /></svg></a>
+				<a class="header__divider"></a>
+				<a class="button button_add"><svg class="iconic"><use xlink:href="#plus" /></svg></a>
+			</div>
+			<div id="lychee_toolbar_photo" class="toolbar">
+				<a class="button" id="button_back"><svg class="iconic"><use xlink:href="#chevron-left" /></svg></a>
+				<a class="header__title"></a>
+				<a class="button button--star" id="button_star"><svg class="iconic"><use xlink:href="#star" /></svg></a>
+				<a class="button button--eye" id="button_visibility"><svg class="iconic"><use xlink:href="#eye" /></svg></a>
+				<a class="button button--rotate" id="button_rotate_ccwise"><svg class="iconic"><use xlink:href="#counterclockwise" /></svg></a>
+				<a class="button button--rotate" id="button_rotate_cwise"><svg class="iconic"><use xlink:href="#clockwise" /></svg></a>
+				<a class="button button--share" id="button_share"><svg class="iconic ionicons"><use xlink:href="#share-ion" /></svg></a>
+				<a class="button button--info" id="button_info"><svg class="iconic"><use xlink:href="#info" /></svg></a>
+				<a class="button button--map" id="button_map"><svg class="iconic"><use xlink:href="#map" /></svg></a>
+				<a class="button" id="button_move"><svg class="iconic"><use xlink:href="#folder" /></svg></a>
+				<a class="button" id="button_trash"><svg class="iconic"><use xlink:href="#trash" /></svg></a>
+				<a class="button" id="button_fs_enter"><svg class="iconic"><use xlink:href="#fullscreen-enter" /></svg></a>
+				<a class="button" id="button_fs_exit"><svg class="iconic"><use xlink:href="#fullscreen-exit" /></svg></a>
+				<a class="header__divider"></a>
+				<a class="button" id="button_more"><svg class="iconic"><use xlink:href="#ellipses" /></svg></a>
+			</div>
+			<div id="lychee_toolbar_map" class="toolbar">
+				<a class="button" id="button_back_map"><svg class="iconic"><use xlink:href="#chevron-left" /></svg></a>
+				<a class="header__title"></a>
+			</div>
+			<div id="lychee_toolbar_config" class="toolbar">
+				<a class="button" id="button_close_config"><svg class="iconic"><use xlink:href="#plus" /></svg></a>
+				<a class="header__title"></a>
+			</div>
+		</header>
+		<!--
+		This container vertically shares space with the toolbar.
+		It fills the remaining vertical space not taken by the toolbar.
+		It contains the right sidebar and the workbench.
+		-->
+		<div class="vflex-item-stretch hflex-container">
+			<!--
+			The workbench horizontally share space with the right
+			sidebar.
+			It fills the remaining horizontal space not taken be the
+			sidebar.
+			-->
+			<div id="lychee_workbench_container" class="hflex-item-stretch">
+				<!--
+				The view container covers the entire workbench and
+				contains the content and the footer.
+				It provides a vertical scroll bar if the content
+				grows too large.
+				Opposed to the map view and image view the view container
+				holds views which are scrollable (e.g. settings,
+				album listings, etc.)
+				-->
+				<div id="lychee_view_container" class="vflex-container">
+					<!--
+					Content
+					Vertically shares space with the footer.
+					The minimum height is set such the footer is positioned
+					at the bottom even if the content is smaller.
+					-->
+					<div id="lychee_view_content" class="vflex-item-stretch"></div>
+					<!--
+					Footer
+					Vertically shares space with the content.
+					The height of the footer is always the natural height
+					of its child elements
+					-->
+					<div id="lychee_footer" class="vflex-item-rigid animate animate-up hide_footer">
+						<div id="home_socials" class="animate animate-up"><a class="socialicons" id="facebook" target="_blank" rel="noopener"></a><a class="socialicons" id="flickr" target="_blank" rel="noopener"></a><a class="socialicons" id="twitter" target="_blank" rel="noopener"></a><a class="socialicons" id="instagram" target="_blank" rel="noopener"></a><a class="socialicons" id="youtube" target="_blank" rel="noopener"></a></div>
+						<p class="home_copyright"></p>
+						<p class="personal_text"></p>
+						<p class="hosted_by"><a rel="noopener noreferrer" target="_blank" href="https://LycheeOrg.github.io" tabindex="-1"></a></p>
+					</div>
+				</div>
+				<!--
+				Map View
+				Does not participate in the flex layout of the
+				workbench and does not use the scrolling mechanism of
+				the workbench, but overlays the content of the workbench
+				and is always as big as the workbench.
+				-->
+				<div id="lychee_map_container" class="overlay-container"></div>
+				<!--
+				Image View
+				See comment on map view.
+				Moreover, the image view may have a transparent background
+				(e.g. on TVs) such that the map view or album shines through.
+				-->
+				<div id="imageview" class="overlay-container"></div>
+				<!-- NSFW Warning -->
+				<div id="sensitive_warning" class="overlay-container"><h1></h1><p></p><p></p></div>
+				<!-- Upload TODO: Figure out how this works -->
+				<div id="upload">
+					<input id="upload_files" type="file" name="fileElem[]" multiple accept="image/*,video/*,.mov">
+					<input id="upload_track_file" type="file" name="fileElem" accept="application/x-gpx+xml">
+				</div>
+			</div>
+			<!--
+			Right sidebar
+			We must nest the sidebar into an extra container to avoid
+			a re-layout of the sidebar when it comes into or leaves
+			view.
+			The actual sidebar (`lychee_sidebar`) always has a fixed width,
+			but the container shrinks and expands.
+			-->
+			<div id="lychee_sidebar_container" class="hflex-item-rigid">
+				<div id="lychee_sidebar" class="vflex-container">
+					<div id="lychee_sidebar_header" class="vflex-item-rigid"><h1></h1></div>
+					<!--
+					The sidebar wrapper provides a vertical scrolling bar,
+					if the information shown inside doesn't fit.
+					-->
+					<div id="lychee_sidebar_content" class="vflex-item-stretch"></div>
+				</div>
+			</div>
+		</div>
 	</div>
 </div>
-
-<div id="frame">
-	<img id="background" alt="image background" src=""/>
-	<canvas id="background_canvas"></canvas>
-	<div id="noise"></div>
-	<div class="image_container"><img id="picture" alt="Random Image" src=""/></div>
-	<div id="frame-shutter"></div>
-</div>
-
-<div id="footer" class="animate animate-up hide_footer">
-	<div id="home_socials" class="animate animate-up"><a class="socialicons" id="facebook" target="_blank" rel="noopener"></a><a class="socialicons" id="flickr" target="_blank" rel="noopener"></a><a class="socialicons" id="twitter" target="_blank" rel="noopener"></a><a class="socialicons" id="instagram" target="_blank" rel="noopener"></a><a class="socialicons" id="youtube" target="_blank" rel="noopener"></a></div>
-	<p class="home_copyright"></p>
-	<p class="personal_text"></p>
-	<p class="hosted_by"><a rel="noopener noreferrer" target="_blank" href="https://LycheeOrg.github.io" tabindex="-1"></a></p>
+<!--
+The frame container vertically shares space with the loading indicator.
+If fills the remaining vertical space not taken by the loading indicator.
+-->
+<div id="lychee_frame_container" class="vflex-item-stretch">
+	<img id="lychee_frame_bg_image" alt="image background" src=""/>
+	<canvas id="lychee_frame_bg_canvas"></canvas>
+	<div id="lychee_frame_noise_layer"></div>
+	<div id="lychee_frame_image_container"><img id="lychee_frame_image" alt="Random Image" src=""/></div>
+	<div id="lychee_frame_shutter"></div>
 </div>
diff --git a/public/dist/frontend.js b/public/dist/frontend.js
index 1af240aa000..bd7517a6b03 100644
--- a/public/dist/frontend.js
+++ b/public/dist/frontend.js
@@ -19,7 +19,6 @@ d.init=function(){var a=d(u),b;for(b in a)"_"!==b.charAt(0)&&(d[b]=function(b){r
 (function(a){var c={},d=a.prototype.stopCallback;a.prototype.stopCallback=function(e,b,a,f){return this.paused?!0:c[a]||c[f]?!1:d.call(this,e,b,a)};a.prototype.bindGlobal=function(a,b,d){this.bind(a,b,d);if(a instanceof Array)for(b=0;b<a.length;b++)c[a[b]]=!0;else c[a]=!0};a.init()})(Mousetrap);
 
 !function(t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):("undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:this).basicModal=t()}(function(){return function o(a,c,i){function l(n,t){if(!c[n]){if(!a[n]){var e="function"==typeof require&&require;if(!t&&e)return e(n,!0);if(s)return s(n,!0);throw(t=new Error("Cannot find module '"+n+"'")).code="MODULE_NOT_FOUND",t}e=c[n]={exports:{}},a[n][0].call(e.exports,function(t){return l(a[n][1][t]||t)},e,e.exports,o,a,c,i)}return c[n].exports}for(var s="function"==typeof require&&require,t=0;t<i.length;t++)l(i[t]);return l}({1:[function(t,n,e){"use strict";function m(t,n){return function(t){if(Array.isArray(t))return t}(t)||function(t,n){var e=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=e){var o,a,c=[],i=!0,l=!1;try{for(e=e.call(t);!(i=(o=e.next()).done)&&(c.push(o.value),!n||c.length!==n);i=!0);}catch(t){l=!0,a=t}finally{try{i||null==e.return||e.return()}finally{if(l)throw a}}return c}}(t,n)||o(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function b(t){return function(t){if(Array.isArray(t))return a(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||o(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function o(t,n){var e;if(t)return"string"==typeof t?a(t,n):"Map"===(e="Object"===(e=Object.prototype.toString.call(t).slice(8,-1))&&t.constructor?t.constructor.name:e)||"Set"===e?Array.from(t):"Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e)?a(t,n):void 0}function a(t,n){(null==n||n>t.length)&&(n=t.length);for(var e=0,o=new Array(n);e<n;e++)o[e]=t[e];return o}Object.defineProperty(e,"__esModule",{value:!0}),e.ModalDialogException=p,e.showCancelButton=e.showActionButton=e.show=e.reset=e.markCancelButtonAsIdle=e.markCancelButtonAsBusy=e.markActionButtonAsIdle=e.markActionButtonAsBusy=e.isVisible=e.isCancelButtonVisible=e.isCancelButtonHidden=e.isCancelButtonBusy=e.isActionButtonVisible=e.isActionButtonHidden=e.isActionButtonBusy=e.hideCancelButton=e.hideActionButton=e.getValues=e.focusError=e.close=e.cancel=e.cacheFormElements=e.action=e.THEME=void 0;var B={lastFocus:null,container:null,dialog:null,dialogContent:null,dialogButtons:null,cancelButton:null,actionButton:null,inputElements:null,selectElements:null,textAreaElements:null,namedFormElements:null};function p(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:null;this.message=null!=t?t:"Unknown exception",this.name="ModalDialogException"}e.THEME={small:"basicModal__small",xclose:"basicModal__xclose"};function g(){B.inputElements=B.dialog.querySelectorAll("div.basicModal__content input"),B.selectElements=B.dialog.querySelectorAll("div.basicModal__content select"),B.textAreaElements=B.dialog.querySelectorAll("div.basicModal__content textarea"),B.namedFormElements={},B.inputElements.forEach(function(t){t.name&&(B.namedFormElements[t.name]=t)}),B.selectElements.forEach(function(t){t.name&&(B.namedFormElements[t.name]=t)}),B.textAreaElements.forEach(function(t){t.name&&(B.namedFormElements[t.name]=t)})}e.cacheFormElements=g;var h=function(){var n={};return B.inputElements.forEach(function(t){if(t.name)switch(t.type){case"checkbox":case"radio":n[t.name]=t.checked;break;case"number":case"range":n[t.name]=parseInt(t.value,10);break;case"file":n[t.name]=t.files;break;default:switch(t.inputMode){case"numeric":n[t.name]=parseInt(t.value,10);break;case"decimal":n[t.name]=parseFloat(t.value);break;default:n[t.name]=t.value}}}),B.selectElements.forEach(function(t){t.name&&(n[t.name]=-1!==t.selectedIndex?t.options[t.selectedIndex].value:null)}),B.textAreaElements.forEach(function(t){t.name&&(n[t.name]=t.value)}),n};function E(t){(t.target instanceof HTMLInputElement||t.target instanceof HTMLSelectElement||t.target instanceof HTMLTextAreaElement)&&t.target.classList.remove("error")}e.getValues=h;e.show=function t(n){var e=n;if(!e||0===Object.keys(e).length)throw new p("Missing or empty modal configuration object");if(e.body||(e.body=""),e.classList||(e.classList=[]),!1!==e.closable&&(e.closable=!0),!e.buttons)throw new p("basicModal requires at least one button");if(e.buttons.action&&(e.buttons.action.classList||(e.buttons.action.classList=[]),e.buttons.action.attributes||(e.buttons.action.attributes={}),e.buttons.action.title||(e.buttons.action.title="OK"),"function"!=typeof e.buttons.action.fn))throw new p("Missing callback function for action button");if(e.buttons.cancel&&(e.buttons.cancel.classList||(e.buttons.cancel.classList=[]),e.buttons.cancel.attributes||(e.buttons.cancel.attributes={}),e.buttons.cancel.title||(e.buttons.cancel.title="Cancel"),"function"!=typeof e.buttons.cancel.fn))throw new p("Missing callback function for cancel button");if(y())C(!0,function(){return t(n)});else{B.lastFocus=document.activeElement;var o,a,e=n;if(B.container=document.createElement("div"),B.container.classList.add("basicModalContainer","basicModalContainer--fadeIn"),B.container.dataset.closable=e.closable?"true":"false",B.dialog=B.container.appendChild(document.createElement("div")),B.dialog.classList.add("basicModal","basicModal--fadeIn"),(o=B.dialog.classList).add.apply(o,b(e.classList)),B.dialog.setAttribute("role","dialog"),B.dialogContent=B.dialog.appendChild(document.createElement("div")),B.dialogContent.classList.add("basicModal__content"),B.dialogContent.innerHTML=e.body,B.dialogButtons=B.dialog.appendChild(document.createElement("div")),B.dialogButtons.classList.add("basicModal__buttons"),B.cancelButton=null,e.buttons.cancel){e.buttons.cancel.classList.includes("basicModal__xclose")?(B.cancelButton=B.dialogButtons.appendChild(document.createElement("div")),B.cancelButton.setAttribute("aria-label","close"),B.cancelButton.innerHTML='<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path d="M405 136.798l-29.798-29.798-119.202 119.202-119.202-119.202-29.798 29.798 119.202 119.202-119.202 119.202 29.798 29.798 119.202-119.202 119.202 119.202 29.798-29.798-119.202-119.202z"/></svg>'):(B.cancelButton=B.dialogButtons.appendChild(document.createElement("a")),B.cancelButton.textContent=e.buttons.cancel.title),B.cancelButton.id="basicModal__cancel",B.cancelButton.classList.add("basicModal__button"),(o=B.cancelButton.classList).add.apply(o,b(e.buttons.cancel.classList));for(var c=0,i=Object.entries(e.buttons.cancel.attributes);c<i.length;c++){var l=m(i[c],2),s=l[0],l=l[1];B.cancelButton.setAttribute(s,l)}}if(B.actionButton=null,e.buttons.action){B.actionButton=B.dialogButtons.appendChild(document.createElement("a")),B.actionButton.textContent=e.buttons.action.title,B.actionButton.id="basicModal__action",B.actionButton.classList.add("basicModal__button"),(o=B.actionButton.classList).add.apply(o,b(e.buttons.action.classList));for(var u=0,r=Object.entries(e.buttons.action.attributes);u<r.length;u++){var d=m(r[u],2),f=d[0],d=d[1];B.actionButton.setAttribute(f,d)}}g(),(a=n).buttons.cancel&&B.cancelButton&&B.cancelButton.addEventListener("click",function(){M()||(L(),a.buttons.cancel.fn(h()))}),a.buttons.action&&B.actionButton&&B.actionButton.addEventListener("click",function(){v()||(A(),a.buttons.action.fn(h()))}),B.dialog.addEventListener("input",E),B.dialog.addEventListener("blur",E),B.dialog.addEventListener("change",E),n.readyCB&&n.readyCB(B.namedFormElements,B.dialogContent),document.body.appendChild(B.container),0!==B.inputElements.length?(B.inputElements.item(0).focus(),B.inputElements.item(0).select()):0!==B.textAreaElements.length?(B.textAreaElements.item(0).focus(),B.textAreaElements.item(0).select()):0!==B.selectElements.length?B.selectElements.item(0).focus():B.actionButton?B.actionButton.focus():B.cancelButton&&B.cancelButton.focus()}};function c(){return B.actionButton&&B.dialogButtons.contains(B.actionButton)}function i(){return B.actionButton&&!B.dialogButtons.contains(B.actionButton)}function l(){return B.cancelButton&&B.dialogButtons.contains(B.cancelButton)}function s(){return B.cancelButton&&!B.dialogButtons.contains(B.cancelButton)}e.focusError=function(t){y()&&(u(),(t=B.namedFormElements[t]||null)&&(t.classList.add("error"),t.focus(),(t instanceof HTMLInputElement||t instanceof HTMLTextAreaElement)&&t.select(),B.dialog.classList.remove("basicModal--fadeIn","basicModal--shake"),setTimeout(function(){return B.dialog.classList.add("basicModal--shake")},1)))};var y=function(){return null!==B.container},u=(e.isVisible=y,e.action=function(){return!!B.actionButton&&(B.actionButton.click(),!0)},e.cancel=function(){return!!B.cancelButton&&(B.cancelButton.click(),!0)},function(){y()&&(r(),d(),B.inputElements.forEach(function(t){return t.classList.remove("error")}),B.textAreaElements.forEach(function(t){return t.classList.remove("error")}),B.selectElements.forEach(function(t){return t.classList.remove("error")}))}),v=(e.reset=u,function(){return!!B.actionButton&&B.actionButton.classList.contains("basicModal__button--busy")}),A=(e.isActionButtonBusy=v,function(){B.actionButton&&B.actionButton.classList.add("basicModal__button--busy")}),r=(e.markActionButtonAsBusy=A,function(){B.actionButton&&B.actionButton.classList.remove("basicModal__button--busy")}),M=(e.markActionButtonAsIdle=r,e.isActionButtonVisible=c,e.isActionButtonHidden=i,e.hideActionButton=function(){c()&&B.dialogButtons.removeChild(B.actionButton)},e.showActionButton=function(){i()&&B.dialogButtons.appendChild(B.actionButton)},function(){return!!B.cancelButton&&B.cancelButton.classList.contains("basicModal__button--busy")}),L=(e.isCancelButtonBusy=M,function(){B.cancelButton&&B.cancelButton.classList.add("basicModal__button--busy")}),d=(e.markCancelButtonAsBusy=L,function(){B.cancelButton&&B.cancelButton.classList.remove("basicModal__button--busy")}),C=(e.markCancelButtonAsIdle=d,e.isCancelButtonVisible=l,e.isCancelButtonHidden=s,e.hideCancelButton=function(){l()&&B.dialogButtons.removeChild(B.cancelButton)},e.showCancelButton=function(){s()&&(c()?B.dialogButtons.insertBefore(B.cancelButton,B.actionButton):B.dialogButtons.appendChild(B.cancelButton))},function(){var t=0<arguments.length&&void 0!==arguments[0]&&arguments[0],n=1<arguments.length?arguments[1]:void 0;y()?"false"===B.container.dataset.closable&&!t||(t=B.container.classList.replace("basicModalContainer--fadeIn","basicModalContainer--fadeOut"),setTimeout(function(){B.container.remove(),B.container=null,B.dialog=null,B.actionButton=null,B.cancelButton=null,B.inputElements=null,B.selectElements=null,(B.textAreaElements=null)!==B.lastFocus&&(B.lastFocus.focus(),B.lastFocus=null),n&&n()},t?300:0)):n&&setTimeout(n,0)});e.close=C},{}]},{},[1])(1)});
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.scrollLock=t():e.scrollLock=t()}(this,function(){return function(l){var r={};function o(e){if(r[e])return r[e].exports;var t=r[e]={i:e,l:!1,exports:{}};return l[e].call(t.exports,t,t.exports,o),t.l=!0,t.exports}return o.m=l,o.c=r,o.d=function(e,t,l){o.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:l})},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(t,e){if(1&e&&(t=o(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var l=Object.create(null);if(o.r(l),Object.defineProperty(l,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var r in t)o.d(l,r,function(e){return t[e]}.bind(null,r));return l},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="",o(o.s=0)}([function(e,t,l){"use strict";l.r(t);var r=function(e){return Array.isArray(e)?e:[e]},a=function(e){return e instanceof Node},o=function(e,t){if(e&&t){e=e instanceof NodeList?e:[e];for(var l=0;l<e.length&&!0!==t(e[l],l,e.length);l++);}},n=function(e){return console.error("[scroll-lock] ".concat(e))},b=function(e){if(Array.isArray(e))return e.join(", ")},c=function(e){var t=[];return o(e,function(e){return t.push(e)}),t},h=function(e,t){var l=!(2<arguments.length&&void 0!==arguments[2])||arguments[2],r=3<arguments.length&&void 0!==arguments[3]?arguments[3]:document;if(l&&-1!==c(r.querySelectorAll(t)).indexOf(e))return e;for(;(e=e.parentElement)&&-1===c(r.querySelectorAll(t)).indexOf(e););return e},v=function(e,t){var l=2<arguments.length&&void 0!==arguments[2]?arguments[2]:document;return-1!==c(l.querySelectorAll(t)).indexOf(e)},i=function(e){if(e)return"hidden"===getComputedStyle(e).overflow},m=function(e){if(e)return!!i(e)||e.scrollTop<=0},S=function(e){if(e){if(i(e))return!0;var t=e.scrollTop;return e.scrollHeight<=t+e.offsetHeight}},y=function(e){if(e)return!!i(e)||e.scrollLeft<=0},k=function(e){if(e){if(i(e))return!0;var t=e.scrollLeft;return e.scrollWidth<=t+e.offsetWidth}};l.d(t,"disablePageScroll",function(){return d}),l.d(t,"enablePageScroll",function(){return s}),l.d(t,"getScrollState",function(){return f}),l.d(t,"clearQueueScrollLocks",function(){return p}),l.d(t,"getTargetScrollBarWidth",function(){return g}),l.d(t,"getCurrentTargetScrollBarWidth",function(){return A}),l.d(t,"getPageScrollBarWidth",function(){return G}),l.d(t,"getCurrentPageScrollBarWidth",function(){return T}),l.d(t,"addScrollableTarget",function(){return L}),l.d(t,"removeScrollableTarget",function(){return W}),l.d(t,"addScrollableSelector",function(){return x}),l.d(t,"removeScrollableSelector",function(){return F}),l.d(t,"addLockableTarget",function(){return Y}),l.d(t,"addLockableSelector",function(){return E}),l.d(t,"setFillGapMethod",function(){return O}),l.d(t,"addFillGapTarget",function(){return P}),l.d(t,"removeFillGapTarget",function(){return j}),l.d(t,"addFillGapSelector",function(){return q}),l.d(t,"removeFillGapSelector",function(){return M}),l.d(t,"refillGaps",function(){return N});var u=["padding","margin","width","max-width","none"],w={scroll:!0,queue:0,scrollableSelectors:["[data-scroll-lock-scrollable]"],lockableSelectors:["body","[data-scroll-lock-lockable]"],fillGapSelectors:["body","[data-scroll-lock-fill-gap]","[data-scroll-lock-lockable]"],fillGapMethod:u[0],startTouchY:0,startTouchX:0},d=function(e){w.queue<=0&&(w.scroll=!1,B(),X()),L(e),w.queue++},s=function(e){0<w.queue&&w.queue--,w.queue<=0&&(w.scroll=!0,C(),Q()),W(e)},f=function(){return w.scroll},p=function(){w.queue=0},g=function(e){var t=1<arguments.length&&void 0!==arguments[1]&&arguments[1];if(a(e)){var l=e.style.overflowY;t?f()||(e.style.overflowY=e.getAttribute("data-scroll-lock-saved-overflow-y-property")):e.style.overflowY="scroll";var r=A(e);return e.style.overflowY=l,r}return 0},A=function(e){if(a(e)){if(e===document.body){var t=document.documentElement.clientWidth;return window.innerWidth-t}var l=e.style.borderLeftWidth,r=e.style.borderRightWidth;e.style.borderLeftWidth="0px",e.style.borderRightWidth="0px";var o=e.offsetWidth-e.clientWidth;return e.style.borderLeftWidth=l,e.style.borderRightWidth=r,o}return 0},G=function(){var e=0<arguments.length&&void 0!==arguments[0]&&arguments[0];return g(document.body,e)},T=function(){return A(document.body)},L=function(e){e&&r(e).map(function(e){o(e,function(e){a(e)?e.setAttribute("data-scroll-lock-scrollable",""):n('"'.concat(e,'" is not a Element.'))})})},W=function(e){e&&r(e).map(function(e){o(e,function(e){a(e)?e.removeAttribute("data-scroll-lock-scrollable"):n('"'.concat(e,'" is not a Element.'))})})},x=function(e){e&&r(e).map(function(e){w.scrollableSelectors.push(e)})},F=function(e){e&&r(e).map(function(t){w.scrollableSelectors=w.scrollableSelectors.filter(function(e){return e!==t})})},Y=function(e){e&&(r(e).map(function(e){o(e,function(e){a(e)?e.setAttribute("data-scroll-lock-lockable",""):n('"'.concat(e,'" is not a Element.'))})}),f()||B())},E=function(e){e&&(r(e).map(function(e){w.lockableSelectors.push(e)}),f()||B(),q(e))},O=function(e){if(e)if(-1!==u.indexOf(e))w.fillGapMethod=e,N();else{var t=u.join(", ");n('"'.concat(e,'" method is not available!\nAvailable fill gap methods: ').concat(t,"."))}},P=function(e){e&&r(e).map(function(e){o(e,function(e){a(e)?(e.setAttribute("data-scroll-lock-fill-gap",""),w.scroll||H(e)):n('"'.concat(e,'" is not a Element.'))})})},j=function(e){e&&r(e).map(function(e){o(e,function(e){a(e)?(e.removeAttribute("data-scroll-lock-fill-gap"),w.scroll||I(e)):n('"'.concat(e,'" is not a Element.'))})})},q=function(e){e&&r(e).map(function(e){-1===w.fillGapSelectors.indexOf(e)&&(w.fillGapSelectors.push(e),w.scroll||D(e))})},M=function(e){e&&r(e).map(function(t){w.fillGapSelectors=w.fillGapSelectors.filter(function(e){return e!==t}),w.scroll||z(t)})},N=function(){w.scroll||X()},B=function(){var e=b(w.lockableSelectors);K(e)},C=function(){var e=b(w.lockableSelectors);R(e)},K=function(e){var t=document.querySelectorAll(e);o(t,function(e){U(e)})},R=function(e){var t=document.querySelectorAll(e);o(t,function(e){_(e)})},U=function(e){if(a(e)&&"true"!==e.getAttribute("data-scroll-lock-locked")){var t=window.getComputedStyle(e);e.setAttribute("data-scroll-lock-saved-overflow-y-property",t.overflowY),e.setAttribute("data-scroll-lock-saved-inline-overflow-property",e.style.overflow),e.setAttribute("data-scroll-lock-saved-inline-overflow-y-property",e.style.overflowY),e.style.overflow="hidden",e.setAttribute("data-scroll-lock-locked","true")}},_=function(e){a(e)&&"true"===e.getAttribute("data-scroll-lock-locked")&&(e.style.overflow=e.getAttribute("data-scroll-lock-saved-inline-overflow-property"),e.style.overflowY=e.getAttribute("data-scroll-lock-saved-inline-overflow-y-property"),e.removeAttribute("data-scroll-lock-saved-overflow-property"),e.removeAttribute("data-scroll-lock-saved-inline-overflow-property"),e.removeAttribute("data-scroll-lock-saved-inline-overflow-y-property"),e.removeAttribute("data-scroll-lock-locked"))},X=function(){w.fillGapSelectors.map(function(e){D(e)})},Q=function(){w.fillGapSelectors.map(function(e){z(e)})},D=function(e){var t=document.querySelectorAll(e),l=-1!==w.lockableSelectors.indexOf(e);o(t,function(e){H(e,l)})},H=function(e){var t=1<arguments.length&&void 0!==arguments[1]&&arguments[1];if(a(e)){var l;if(""===e.getAttribute("data-scroll-lock-lockable")||t)l=g(e,!0);else{var r=h(e,b(w.lockableSelectors));l=g(r,!0)}"true"===e.getAttribute("data-scroll-lock-filled-gap")&&I(e);var o=window.getComputedStyle(e);if(e.setAttribute("data-scroll-lock-filled-gap","true"),e.setAttribute("data-scroll-lock-current-fill-gap-method",w.fillGapMethod),"margin"===w.fillGapMethod){var n=parseFloat(o.marginRight);e.style.marginRight="".concat(n+l,"px")}else if("width"===w.fillGapMethod)e.style.width="calc(100% - ".concat(l,"px)");else if("max-width"===w.fillGapMethod)e.style.maxWidth="calc(100% - ".concat(l,"px)");else if("padding"===w.fillGapMethod){var c=parseFloat(o.paddingRight);e.style.paddingRight="".concat(c+l,"px")}}},z=function(e){var t=document.querySelectorAll(e);o(t,function(e){I(e)})},I=function(e){if(a(e)&&"true"===e.getAttribute("data-scroll-lock-filled-gap")){var t=e.getAttribute("data-scroll-lock-current-fill-gap-method");e.removeAttribute("data-scroll-lock-filled-gap"),e.removeAttribute("data-scroll-lock-current-fill-gap-method"),"margin"===t?e.style.marginRight="":"width"===t?e.style.width="":"max-width"===t?e.style.maxWidth="":"padding"===t&&(e.style.paddingRight="")}};"undefined"!=typeof window&&window.addEventListener("resize",function(e){N()}),"undefined"!=typeof document&&(document.addEventListener("touchstart",function(e){w.scroll||(w.startTouchY=e.touches[0].clientY,w.startTouchX=e.touches[0].clientX)}),document.addEventListener("touchmove",function(n){if(!w.scroll){var e=w.startTouchY,t=w.startTouchX,l=n.touches[0].clientY,r=n.touches[0].clientX;if(n.touches.length<2){var c=b(w.scrollableSelectors),a=e<l,i=l<e,u=t<r,d=r<t,s=e+3<l,f=l<e-3,p=t+3<r,g=r<t-3;!function e(t){var l=1<arguments.length&&void 0!==arguments[1]&&arguments[1];if(t){var r=h(t,c,!1);if(v(t,'input[type="range"]'))return!1;if(l||v(t,'textarea, [contenteditable="true"]')&&h(t,c)||v(t,c)){var o=!1;y(t)&&k(t)?(a&&m(t)||i&&S(t))&&(o=!0):m(t)&&S(t)?(u&&y(t)||d&&k(t))&&(o=!0):(s&&m(t)||f&&S(t)||p&&y(t)||g&&k(t))&&(o=!0),o&&(r?e(r,!0):n.cancelable&&n.preventDefault())}else e(r)}else n.cancelable&&n.preventDefault()}(n.target)}}},{passive:!1}),document.addEventListener("touchend",function(e){w.scroll||(w.startTouchY=0,w.startTouchX=0)}));var J={hide:function(e){n('"hide" is deprecated! Use "disablePageScroll" instead. \n https://github.com/FL3NKEY/scroll-lock#disablepagescrollscrollabletarget'),d(e)},show:function(e){n('"show" is deprecated! Use "enablePageScroll" instead. \n https://github.com/FL3NKEY/scroll-lock#enablepagescrollscrollabletarget'),s(e)},toggle:function(e){n('"toggle" is deprecated! Do not use it.'),f()?d():s(e)},getState:function(){return n('"getState" is deprecated! Use "getScrollState" instead. \n https://github.com/FL3NKEY/scroll-lock#getscrollstate'),f()},getWidth:function(){return n('"getWidth" is deprecated! Use "getPageScrollBarWidth" instead. \n https://github.com/FL3NKEY/scroll-lock#getpagescrollbarwidth'),G()},getCurrentWidth:function(){return n('"getCurrentWidth" is deprecated! Use "getCurrentPageScrollBarWidth" instead. \n https://github.com/FL3NKEY/scroll-lock#getcurrentpagescrollbarwidth'),T()},setScrollableTargets:function(e){n('"setScrollableTargets" is deprecated! Use "addScrollableTarget" instead. \n https://github.com/FL3NKEY/scroll-lock#addscrollabletargetscrollabletarget'),L(e)},setFillGapSelectors:function(e){n('"setFillGapSelectors" is deprecated! Use "addFillGapSelector" instead. \n https://github.com/FL3NKEY/scroll-lock#addfillgapselectorfillgapselector'),q(e)},setFillGapTargets:function(e){n('"setFillGapTargets" is deprecated! Use "addFillGapTarget" instead. \n https://github.com/FL3NKEY/scroll-lock#addfillgaptargetfillgaptarget'),P(e)},clearQueue:function(){n('"clearQueue" is deprecated! Use "clearQueueScrollLocks" instead. \n https://github.com/FL3NKEY/scroll-lock#clearqueuescrolllocks'),p()}},V=function(o){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},t=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(t=t.concat(Object.getOwnPropertySymbols(n).filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.forEach(function(e){var t,l,r;t=o,r=n[l=e],l in t?Object.defineProperty(t,l,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[l]=r})}return o}({disablePageScroll:d,enablePageScroll:s,getScrollState:f,clearQueueScrollLocks:p,getTargetScrollBarWidth:g,getCurrentTargetScrollBarWidth:A,getPageScrollBarWidth:G,getCurrentPageScrollBarWidth:T,addScrollableSelector:x,removeScrollableSelector:F,addScrollableTarget:L,removeScrollableTarget:W,addLockableSelector:E,addLockableTarget:Y,addFillGapSelector:q,removeFillGapSelector:M,addFillGapTarget:P,removeFillGapTarget:j,setFillGapMethod:O,refillGaps:N,_state:w},J);t.default=V}]).default});
 /*
  * @license
  *
@@ -4514,7 +4513,7 @@ var frame = {
 
 	_dom: {
 		/**
-   * Hidden image element with thumb variant of current picture used
+   * Hidden image element with thumb variant of current image used
    * as a source for blurring.
    * @type {?HTMLImageElement}
    */
@@ -4568,7 +4567,7 @@ frame.stop = function () {
 frame.initAndStart = function () {
 	lychee.setMode("frame");
 	if (frame._dom.bgImage === null) {
-		frame._dom.bgImage = document.getElementById("background");
+		frame._dom.bgImage = document.getElementById("lychee_frame_bg_image");
 		frame._dom.bgImage.addEventListener("load", function () {
 			// After a new background image has been loaded, draw a blurry
 			// version on the canvas.
@@ -4580,17 +4579,17 @@ frame.initAndStart = function () {
 		});
 	}
 	if (frame._dom.canvas === null) {
-		frame._dom.canvas = document.getElementById("background_canvas");
+		frame._dom.canvas = document.getElementById("lychee_frame_bg_canvas");
 	}
 	if (frame._dom.image === null) {
-		frame._dom.image = document.getElementById("picture");
+		frame._dom.image = document.getElementById("lychee_frame_image");
 		frame._dom.image.addEventListener("load", function () {
 			// After a new image has been loaded, open the shutter
 			frame._dom.shutter.classList.add("opened");
 		});
 	}
 	if (frame._dom.shutter === null) {
-		frame._dom.shutter = document.getElementById("frame-shutter");
+		frame._dom.shutter = document.getElementById("lychee_frame_shutter");
 	}
 
 	// We also must call the very first invocation of `runPhotoLoop`
@@ -4603,23 +4602,23 @@ frame.initAndStart = function () {
 };
 
 /**
- * Repeatedly loads random photos by calling {@link frame.loadRandomPhoto}
- * every {@link lychee.mod_frame_refresh} interval forever unless an error
- * occurs.
+ * Repeatedly loads random photos every {@link lychee.mod_frame_refresh}
+ * interval.
  *
- * The method stops loading photos upon an error or when {@link frame.stop}
- * is called.
+ * The method stops loading photos when {@link frame.stop} is called.
  *
  * @returns {void}
  */
 frame.runPhotoLoop = function () {
 	/**
-  * Recalls this method after the refresh timeout unless the loop
-  * hasn't been stopped in the meantime.
+  * Forwards loaded photo to handler and recalls this method after the
+  * refresh timeout unless the loop hasn't been stopped in the meantime.
   *
+  * @param {Photo} data
   * @returns {void}
   */
-	var onSuccess = function onSuccess() {
+	var onSuccess = function onSuccess(data) {
+		frame.onRandomPhotoLoaded(data);
 		if (frame.nextTimeOutId !== 0) {
 			frame.nextTimeOutId = setTimeout(function () {
 				return frame.runPhotoLoop();
@@ -4627,39 +4626,6 @@ frame.runPhotoLoop = function () {
 		}
 	};
 
-	/**
-  * Shows the error prominently and stops the loop.
-  *
-  * This is the old error handler when the frame mode was independently
-  * implemented of the remaining frontend.
-  * Historically, any error was shown in a browser-provided alert box,
-  * because the native Lychee error was not available in frame mode.
-  * Currently, no error is shown at all as it was decided that an
-  * alert box which needs to be clicked away manually is not a good
-  * solution for the frame mode.
-  * When the box model will have been revamped, i.e. after
-  * https://github.com/LycheeOrg/Lychee-front/pull/335
-  * will have been merged, then this error handler will become irrelevant
-  * as we can then use the normal Lychee error handler and error bar.
-  * In other words, this whole method will become obsolete.
-  * TODO: Remove this method after https://github.com/LycheeOrg/Lychee-front/pull/335
-  *
-  * @param {XMLHttpRequest} jqXHR
-  * @param {Object} params
-  * @param {?LycheeException} lycheeException
-  *
-  * @returns {boolean}
-  */
-	var onError = function onError(jqXHR, params, lycheeException) {
-		var msg = jqXHR.statusText + (lycheeException ? " - " + lycheeException.message : "");
-		console.error("The server returned an error response", {
-			description: msg,
-			params: params,
-			response: lycheeException
-		});
-		return true;
-	};
-
 	// Closes the shutter and loads a new, random photo after that.
 	// The CSS defines that the shutter takes 1s to close; hence the
 	// 1s of timeout here and the duration of the animation as defined in the
@@ -4669,7 +4635,7 @@ frame.runPhotoLoop = function () {
 	// meantime
 	if (frame.nextTimeOutId !== 0) {
 		frame.nextTimeOutId = setTimeout(function () {
-			return frame.loadRandomPhoto(onSuccess, onError);
+			return api.post("Photo::getRandom", {}, onSuccess);
 		}, 1000);
 	}
 };
@@ -4697,7 +4663,8 @@ frame.loadRandomPhoto = function (successCallback, errorCallback) {
 /**
  * Displays the given photo in the central image area of the frame mode.
  *
- * This method is called by {@link frame.loadRandomPhoto} on success.
+ * This method is called by {@link frame.runPhotoLoop} for each successfully
+ * loaded, random photo.
  *
  * @param {Photo} photo
  *
@@ -4722,7 +4689,7 @@ frame.onRandomPhotoLoaded = function (photo) {
  */
 frame.resize = function () {
 	if (frame.photo && frame._dom.image) {
-		var ratio = this.photo.size_variants.original.height > 0 ? this.photo.size_variants.original.width / this.photo.size_variants.original.height : 1;
+		var ratio = frame.photo.size_variants.original.height > 0 ? frame.photo.size_variants.original.width / frame.photo.size_variants.original.height : 1;
 		// Our math assumes that the image occupies the whole frame.  That's
 		// not quite the case (the default css sets it to 95%) but it's close
 		// enough.
@@ -4741,7 +4708,7 @@ frame.resize = function () {
  * @property {jQuery} _dom
  */
 var header = {
-	_dom: $(".header")
+	_dom: $("#lychee_toolbar_container")
 };
 
 /**
@@ -4789,7 +4756,10 @@ header.bind = function () {
 
 	header.dom("#button_signin").on(eventName, lychee.loginDialog);
 	header.dom("#button_settings").on(eventName, function (e) {
-		if ($(".leftMenu").css("display") === "none") {
+		// Querying the CSS of an element is highly inefficient.
+		// Instead, we should use the same media query here as in the CSS.
+		// TODO: Fix this.
+		if ($("#lychee_left_menu_container").css("display") === "none") {
 			// left menu disabled on small screens
 			contextMenu.config(e);
 		} else {
@@ -4901,11 +4871,9 @@ header.bind_back = function () {
  */
 header.show = function () {
 	lychee.imageview.removeClass("full");
-	header.dom().removeClass("header--hidden");
+	header.dom().removeClass("hidden");
 
 	tabindex.restoreSettings(header.dom());
-
-	_photo3.updateSizeLivePhotoDuringAnimation();
 };
 
 /**
@@ -4925,9 +4893,7 @@ header.hide = function () {
 		tabindex.makeUnfocusable(header.dom());
 
 		lychee.imageview.addClass("full");
-		header.dom().addClass("header--hidden");
-
-		_photo3.updateSizeLivePhotoDuringAnimation();
+		header.dom().addClass("hidden");
 	}
 };
 
@@ -4965,29 +4931,28 @@ header.setMode = function (mode) {
 
 	switch (mode) {
 		case "public":
-			header.dom().removeClass("header--view");
-			header.dom(".header__toolbar--albums, .header__toolbar--album, .header__toolbar--photo, .header__toolbar--map, .header__toolbar--config").removeClass("header__toolbar--visible");
-			header.dom(".header__toolbar--public").addClass("header__toolbar--visible");
-			tabindex.makeFocusable(header.dom(".header__toolbar--public"));
-			tabindex.makeUnfocusable(header.dom(".header__toolbar--albums, .header__toolbar--album, .header__toolbar--photo, .header__toolbar--map, .header__toolbar--config"));
+			header.dom(".toolbar").removeClass("visible");
+			header.dom("#lychee_toolbar_public").addClass("visible");
+			tabindex.makeUnfocusable(header.dom(".toolbar"));
+			tabindex.makeFocusable(header.dom("#lychee_toolbar_public"));
 
 			if (lychee.public_search) {
-				var e = $(".header__search, .header__clear", ".header__toolbar--public");
+				var e = $(".header__search, .header__clear", "#lychee_toolbar_public");
 				e.show();
 				tabindex.makeFocusable(e);
 			} else {
-				var _e2 = $(".header__search, .header__clear", ".header__toolbar--public");
+				var _e2 = $(".header__search, .header__clear", "#lychee_toolbar_public");
 				_e2.hide();
 				tabindex.makeUnfocusable(_e2);
 			}
 
 			// Set icon in Public mode
 			if (lychee.map_display_public) {
-				var _e3 = $(".button--map-albums", ".header__toolbar--public");
+				var _e3 = $(".button--map-albums", "#lychee_toolbar_public");
 				_e3.show();
 				tabindex.makeFocusable(_e3);
 			} else {
-				var _e4 = $(".button--map-albums", ".header__toolbar--public");
+				var _e4 = $(".button--map-albums", "#lychee_toolbar_public");
 				_e4.hide();
 				tabindex.makeUnfocusable(_e4);
 			}
@@ -4999,30 +4964,28 @@ header.setMode = function (mode) {
 			return;
 
 		case "albums":
-			header.dom().removeClass("header--view");
-			header.dom(".header__toolbar--public, .header__toolbar--album, .header__toolbar--photo, .header__toolbar--map, .header__toolbar--config").removeClass("header__toolbar--visible");
-			header.dom(".header__toolbar--albums").addClass("header__toolbar--visible");
-
-			tabindex.makeFocusable(header.dom(".header__toolbar--albums"));
-			tabindex.makeUnfocusable(header.dom(".header__toolbar--public, .header__toolbar--album, .header__toolbar--photo, .header__toolbar--map, .header__toolbar--config"));
+			header.dom(".toolbar").removeClass("visible");
+			header.dom("#lychee_toolbar_albums").addClass("visible");
+			tabindex.makeUnfocusable(header.dom(".toolbar"));
+			tabindex.makeFocusable(header.dom("#lychee_toolbar_albums"));
 
 			// If map is disabled, we should hide the icon
 			if (lychee.map_display) {
-				var _e5 = $(".button--map-albums", ".header__toolbar--albums");
+				var _e5 = $(".button--map-albums", "#lychee_toolbar_albums");
 				_e5.show();
 				tabindex.makeFocusable(_e5);
 			} else {
-				var _e6 = $(".button--map-albums", ".header__toolbar--albums");
+				var _e6 = $(".button--map-albums", "#lychee_toolbar_albums");
 				_e6.hide();
 				tabindex.makeUnfocusable(_e6);
 			}
 
 			if (lychee.enable_button_add && lychee.rights.may_upload) {
-				var _e7 = $(".button_add", ".header__toolbar--albums");
+				var _e7 = $(".button_add", "#lychee_toolbar_albums");
 				_e7.show();
 				tabindex.makeFocusable(_e7);
 			} else {
-				var _e8 = $(".button_add", ".header__toolbar--albums");
+				var _e8 = $(".button_add", "#lychee_toolbar_albums");
 				_e8.remove();
 			}
 
@@ -5031,12 +4994,10 @@ header.setMode = function (mode) {
 		case "album":
 			var albumID = album.getID();
 
-			header.dom().removeClass("header--view");
-			header.dom(".header__toolbar--public, .header__toolbar--albums, .header__toolbar--photo, .header__toolbar--map, .header__toolbar--config").removeClass("header__toolbar--visible");
-			header.dom(".header__toolbar--album").addClass("header__toolbar--visible");
-
-			tabindex.makeFocusable(header.dom(".header__toolbar--album"));
-			tabindex.makeUnfocusable(header.dom(".header__toolbar--public, .header__toolbar--albums, .header__toolbar--photo, .header__toolbar--map, .header__toolbar--config"));
+			header.dom(".toolbar").removeClass("visible");
+			header.dom("#lychee_toolbar_album").addClass("visible");
+			tabindex.makeUnfocusable(header.dom(".toolbar"));
+			tabindex.makeFocusable(header.dom("#lychee_toolbar_album"));
 
 			// Hide download button when album empty or we are not allowed to
 			// upload to it and it's not explicitly marked as downloadable.
@@ -5078,26 +5039,26 @@ header.setMode = function (mode) {
 			if (albumID === SmartAlbumID.STARRED || albumID === SmartAlbumID.PUBLIC || albumID === SmartAlbumID.RECENT) {
 				$("#button_nsfw_album, #button_info_album, #button_trash_album, #button_visibility_album, #button_sharing_album_users, #button_move_album").hide();
 				if (album.isUploadable()) {
-					$(".button_add, .header__divider", ".header__toolbar--album").show();
-					tabindex.makeFocusable($(".button_add, .header__divider", ".header__toolbar--album"));
+					$(".button_add, .header__divider", "#lychee_toolbar_album").show();
+					tabindex.makeFocusable($(".button_add, .header__divider", "#lychee_toolbar_album"));
 				} else {
-					$(".button_add, .header__divider", ".header__toolbar--album").hide();
-					tabindex.makeUnfocusable($(".button_add, .header__divider", ".header__toolbar--album"));
+					$(".button_add, .header__divider", "#lychee_toolbar_album").hide();
+					tabindex.makeUnfocusable($(".button_add, .header__divider", "#lychee_toolbar_album"));
 				}
 				tabindex.makeUnfocusable($("#button_nsfw_album, #button_info_album, #button_trash_album, #button_visibility_album, #button_sharing_album_users, #button_move_album"));
 			} else if (albumID === SmartAlbumID.UNSORTED) {
 				$("#button_nsfw_album, #button_info_album, #button_visibility_album, #button_sharing_album_users, #button_move_album").hide();
-				$("#button_trash_album, .button_add, .header__divider", ".header__toolbar--album").show();
-				tabindex.makeFocusable($("#button_trash_album, .button_add, .header__divider", ".header__toolbar--album"));
+				$("#button_trash_album, .button_add, .header__divider", "#lychee_toolbar_album").show();
+				tabindex.makeFocusable($("#button_trash_album, .button_add, .header__divider", "#lychee_toolbar_album"));
 				tabindex.makeUnfocusable($("#button_nsfw_album, #button_info_album, #button_visibility_album, #button_sharing_album_users, #button_move_album"));
 			} else if (album.isTagAlbum()) {
 				$("#button_info_album").show();
 				if (_sidebar.keepSidebarVisible() && !visible.sidebar()) _sidebar.toggle(false);
 				$("#button_move_album").hide();
-				$(".button_add, .header__divider", ".header__toolbar--album").hide();
+				$(".button_add, .header__divider", "#lychee_toolbar_album").hide();
 				tabindex.makeFocusable($("#button_info_album"));
 				tabindex.makeUnfocusable($("#button_move_album"));
-				tabindex.makeUnfocusable($(".button_add, .header__divider", ".header__toolbar--album"));
+				tabindex.makeUnfocusable($(".button_add, .header__divider", "#lychee_toolbar_album"));
 				if (album.isUploadable()) {
 					$("#button_nsfw_album, #button_visibility_album, #button_sharing_album_users, #button_trash_album").show();
 					tabindex.makeFocusable($("#button_nsfw_album, #button_visibility_album, #button_sharing_album_users, #button_trash_album"));
@@ -5105,8 +5066,8 @@ header.setMode = function (mode) {
 						// This can happen with narrow screens.  In that
 						// case we re-enable the add button which will
 						// contain the overflow items.
-						$(".button_add, .header__divider", ".header__toolbar--album").show();
-						tabindex.makeFocusable($(".button_add, .header__divider", ".header__toolbar--album"));
+						$(".button_add, .header__divider", "#lychee_toolbar_album").show();
+						tabindex.makeFocusable($(".button_add, .header__divider", "#lychee_toolbar_album"));
 					}
 				} else {
 					$("#button_nsfw_album, #button_visibility_album, #button_sharing_album_users, #button_trash_album").hide();
@@ -5117,171 +5078,170 @@ header.setMode = function (mode) {
 				if (_sidebar.keepSidebarVisible() && !visible.sidebar()) _sidebar.toggle(false);
 				tabindex.makeFocusable($("#button_info_album"));
 				if (album.isUploadable()) {
-					$("#button_nsfw_album, #button_trash_album, #button_move_album, #button_visibility_album, #button_sharing_album_users, .button_add, .header__divider", ".header__toolbar--album").show();
-					tabindex.makeFocusable($("#button_nsfw_album, #button_trash_album, #button_move_album, #button_visibility_album, #button_sharing_album_users, .button_add, .header__divider", ".header__toolbar--album"));
+					$("#button_nsfw_album, #button_trash_album, #button_move_album, #button_visibility_album, #button_sharing_album_users, .button_add, .header__divider", "#lychee_toolbar_album").show();
+					tabindex.makeFocusable($("#button_nsfw_album, #button_trash_album, #button_move_album, #button_visibility_album, #button_sharing_album_users, .button_add, .header__divider", "#lychee_toolbar_album"));
 				} else {
-					$("#button_nsfw_album, #button_trash_album, #button_move_album, #button_visibility_album, #button_sharing_album_users, .button_add, .header__divider", ".header__toolbar--album").hide();
-					tabindex.makeUnfocusable($("#button_nsfw_album, #button_trash_album, #button_move_album, #button_visibility_album, #button_sharing_album_users, .button_add, .header__divider", ".header__toolbar--album"));
+					$("#button_nsfw_album, #button_trash_album, #button_move_album, #button_visibility_album, #button_sharing_album_users, .button_add, .header__divider", "#lychee_toolbar_album").hide();
+					tabindex.makeUnfocusable($("#button_nsfw_album, #button_trash_album, #button_move_album, #button_visibility_album, #button_sharing_album_users, .button_add, .header__divider", "#lychee_toolbar_album"));
 				}
 			}
 
 			// Remove buttons if needed
 			if (!lychee.enable_button_visibility) {
-				var _e15 = $("#button_visibility_album", "#button_sharing_album_users", ".header__toolbar--album");
+				var _e15 = $("#button_visibility_album", "#button_sharing_album_users", "#lychee_toolbar_album");
 				_e15.remove();
 			}
 			if (!lychee.enable_button_share) {
-				var _e16 = $("#button_share_album", ".header__toolbar--album");
+				var _e16 = $("#button_share_album", "#lychee_toolbar_album");
 				_e16.remove();
 			}
 			if (!lychee.enable_button_archive) {
-				var _e17 = $("#button_archive", ".header__toolbar--album");
+				var _e17 = $("#button_archive", "#lychee_toolbar_album");
 				_e17.remove();
 			}
 			if (!lychee.enable_button_move) {
-				var _e18 = $("#button_move_album", ".header__toolbar--album");
+				var _e18 = $("#button_move_album", "#lychee_toolbar_album");
 				_e18.remove();
 			}
 			if (!lychee.enable_button_trash) {
-				var _e19 = $("#button_trash_album", ".header__toolbar--album");
+				var _e19 = $("#button_trash_album", "#lychee_toolbar_album");
 				_e19.remove();
 			}
 			if (!lychee.enable_button_fullscreen || !lychee.fullscreenAvailable()) {
-				var _e20 = $("#button_fs_album_enter", ".header__toolbar--album");
+				var _e20 = $("#button_fs_album_enter", "#lychee_toolbar_album");
 				_e20.remove();
 			}
 			if (!lychee.enable_button_add) {
-				var _e21 = $(".button_add", ".header__toolbar--album");
+				var _e21 = $(".button_add", "#lychee_toolbar_album");
 				_e21.remove();
 			}
 
 			return;
 
 		case "photo":
-			header.dom().addClass("header--view");
-			header.dom(".header__toolbar--public, .header__toolbar--albums, .header__toolbar--album, .header__toolbar--map, .header__toolbar--config").removeClass("header__toolbar--visible");
-			header.dom(".header__toolbar--photo").addClass("header__toolbar--visible");
-
-			tabindex.makeFocusable(header.dom(".header__toolbar--photo"));
-			tabindex.makeUnfocusable(header.dom(".header__toolbar--public, .header__toolbar--albums, .header__toolbar--album, .header__toolbar--map, .header__toolbar--config"));
-
-			// Editorial notes:
-			//  a) Keep the order of buttons as defined in the HTML
-			//  b) Only manipulate each button at most once
-			// Otherwise, the code will become completely unmaintainable.
-
-			// These conditions are highly fragile.
-			// The code which stars/unstars a photo assumes that the album
-			// of the photo is loaded, because that code internally uses
-			// `album.getPhotoId`.
-			// (Note, this is surely an error of its own.)
-			// If one attempts to star/unstar a photo and the corresponding
-			// album is not loaded, the code throws an exception.
-			// "By accident" it is safe to assume that the corresponding album
-			// is always loaded if we are not in public mode and the album is
-			// uploadable.
-			// Hence, it is (fortunately) safe to show the button in this case.
-			if (album.isUploadable()) {
-				var _e22 = $("#button_star");
+			header.dom(".toolbar").removeClass("visible");
+			header.dom("#lychee_toolbar_photo").addClass("visible");
+			tabindex.makeUnfocusable(header.dom(".toolbar"));
+			tabindex.makeFocusable(header.dom("#lychee_toolbar_photo"));
+			// If map is disabled, we should hide the icon
+			if (lychee.publicMode === true ? lychee.map_display_public : lychee.map_display) {
+				var _e22 = $("#button_map");
 				_e22.show();
+				tabindex.makeFocusable(_e22);
 			} else {
-				var _e23 = $("#button_star");
+				var _e23 = $("#button_map");
 				_e23.hide();
+				tabindex.makeUnfocusable(_e23);
 			}
 
-			if (lychee.enable_button_visibility && album.isUploadable()) {
-				var _e24 = $("#button_visibility");
+			if (lychee.enable_button_move && album.isUploadable()) {
+				var _e24 = $("#button_move");
 				_e24.show();
 				tabindex.makeFocusable(_e24);
 			} else {
-				var _e25 = $("#button_visibility");
+				var _e25 = $("#button_move");
 				_e25.hide();
 				tabindex.makeUnfocusable(_e25);
 			}
 
-			if (lychee.enable_button_rotate && album.isUploadable()) {
-				var _e26 = $("#button_rotate_cwise, #button_rotate_ccwise");
+			if (lychee.enable_button_trash && album.isUploadable()) {
+				var _e26 = $("#button_trash");
 				_e26.show();
 				tabindex.makeFocusable(_e26);
 			} else {
-				var _e27 = $("#button_rotate_cwise, #button_rotate_ccwise");
+				var _e27 = $("#button_trash");
 				_e27.hide();
 				tabindex.makeUnfocusable(_e27);
 			}
 
-			if (lychee.enable_button_share && _photo3.json && _photo3.json.is_share_button_visible) {
-				var _e28 = $("#button_share");
+			if (lychee.enable_button_fullscreen && lychee.fullscreenAvailable()) {
+				var _e28 = $("#button_fs_enter");
 				_e28.show();
-				tabindex.makeFocusable(_e28);
 			} else {
-				var _e29 = $("#button_share");
+				var _e29 = $("#button_fs_enter");
 				_e29.hide();
-				tabindex.makeUnfocusable(_e29);
 			}
 
-			if (lychee.publicMode === true ? lychee.map_display_public : lychee.map_display) {
-				var _e30 = $("#button_map");
-				_e30.show();
-				tabindex.makeFocusable(_e30);
+			// Hide More menu if
+			// - empty (see contextMenu.photoMore)
+			// - not enabled
+			if (!(album.isUploadable() || (_photo3.json.hasOwnProperty("is_downloadable") ? _photo3.json.is_downloadable : album.json && album.json.is_downloadable)) && !(_photo3.json.size_variants.original.url && _photo3.json.size_variants.original.url !== "") || !lychee.enable_button_more) {
+				buttonMore.hide();
+				tabindex.makeUnfocusable(buttonMore);
 			} else {
-				var _e31 = $("#button_map");
-				_e31.hide();
-				tabindex.makeUnfocusable(_e31);
+				buttonMore.show();
+				tabindex.makeFocusable(buttonMore);
 			}
 
-			if (lychee.enable_button_move && album.isUploadable()) {
-				var _e32 = $("#button_move");
-				_e32.show();
-				tabindex.makeFocusable(_e32);
+			// Hide buttons if needed
+			if (lychee.publicMode) {
+				var _e30 = $("#button_star", "#lychee_toolbar_photo");
+				_e30.hide();
+				tabindex.makeUnfocusable(_e30);
 			} else {
-				var _e33 = $("#button_move");
-				_e33.hide();
-				tabindex.makeUnfocusable(_e33);
+				var _e31 = $("#button_star", "#lychee_toolbar_photo");
+				_e31.show();
 			}
 
-			if (lychee.enable_button_trash && album.isUploadable()) {
-				var _e34 = $("#button_trash");
-				_e34.show();
-				tabindex.makeFocusable(_e34);
+			if (!lychee.enable_button_visibility || lychee.publicMode) {
+				var _e32 = $("#button_visibility", "#lychee_toolbar_photo");
+				_e32.hide();
 			} else {
-				var _e35 = $("#button_trash");
-				_e35.hide();
-				tabindex.makeUnfocusable(_e35);
+				var _e33 = $("#button_visibility", "#lychee_toolbar_photo");
+				_e33.show();
 			}
-
-			if (lychee.enable_button_fullscreen && lychee.fullscreenAvailable()) {
-				var _e36 = $("#button_fs_enter");
-				_e36.show();
+			if (!lychee.enable_button_share) {
+				var _e34 = $("#button_share", "#lychee_toolbar_photo");
+				_e34.hide();
 			} else {
-				var _e37 = $("#button_fs_enter");
-				_e37.hide();
+				var _e35 = $("#button_share", "#lychee_toolbar_photo");
+				_e35.show();
 			}
-
-			// Hide More menu if
-			// - empty (see contextMenu.photoMore)
-			// - not enabled
-			if (!(album.isUploadable() || (_photo3.json.hasOwnProperty("is_downloadable") ? _photo3.json.is_downloadable : album.json && album.json.is_downloadable)) && !(_photo3.json.size_variants.original.url && _photo3.json.size_variants.original.url !== "") || !lychee.enable_button_more) {
-				var _e38 = $("#button_more");
+			if (!lychee.enable_button_move || lychee.publicMode) {
+				var _e36 = $("#button_move", "#lychee_toolbar_photo");
+				_e36.hide();
+			} else {
+				var _e37 = $("#button_move", "#lychee_toolbar_photo");
+				_e37.show();
+			}
+			if (!lychee.enable_button_trash || lychee.publicMode) {
+				var _e38 = $("#button_trash", "#lychee_toolbar_photo");
 				_e38.hide();
-				tabindex.makeUnfocusable(_e38);
 			} else {
-				var _e39 = $("#button_more");
+				var _e39 = $("#button_trash", "#lychee_toolbar_photo");
 				_e39.show();
-				tabindex.makeFocusable(_e39);
+			}
+			if (!lychee.enable_button_fullscreen || !lychee.fullscreenAvailable() || lychee.publicMode) {
+				var _e40 = $("#button_fs_enter", "#lychee_toolbar_photo");
+				_e40.hide();
+			} else {
+				var _e41 = $("#button_fs_enter", "#lychee_toolbar_photo");
+				_e41.show();
+			}
+			if (!lychee.enable_button_rotate || lychee.publicMode) {
+				var _e42 = $("#button_rotate_cwise", "#lychee_toolbar_photo");
+				_e42.hide();
+
+				_e42 = $("#button_rotate_ccwise", "#lychee_toolbar_photo");
+				_e42.hide();
+			} else {
+				var _e43 = $("#button_rotate_cwise", "#lychee_toolbar_photo");
+				_e43.show();
+
+				_e43 = $("#button_rotate_ccwise", "#lychee_toolbar_photo");
+				_e43.show();
+				tabindex.makeFocusable(_e43);
 			}
 			return;
 		case "map":
-			header.dom().removeClass("header--view");
-			header.dom(".header__toolbar--public, .header__toolbar--album, .header__toolbar--albums, .header__toolbar--photo, .header__toolbar--config").removeClass("header__toolbar--visible");
-			header.dom(".header__toolbar--map").addClass("header__toolbar--visible");
-
-			tabindex.makeFocusable(header.dom(".header__toolbar--map"));
-			tabindex.makeUnfocusable(header.dom(".header__toolbar--public, .header__toolbar--album, .header__toolbar--albums, .header__toolbar--photo, .header__toolbar--config"));
+			header.dom(".toolbar").removeClass("visible");
+			header.dom("#lychee_toolbar_map").addClass("visible");
+			tabindex.makeUnfocusable(header.dom(".toolbar"));
+			tabindex.makeFocusable(header.dom("#lychee_toolbar_map"));
 			return;
 		case "config":
-			header.dom().addClass("header--view");
-			header.dom(".header__toolbar--public, .header__toolbar--albums, .header__toolbar--album, .header__toolbar--photo, .header__toolbar--map").removeClass("header__toolbar--visible");
-			header.dom(".header__toolbar--config").addClass("header__toolbar--visible");
+			header.dom(".toolbar").removeClass("visible");
+			header.dom("#lychee_toolbar_config").addClass("visible");
 			return;
 	}
 };
@@ -5633,10 +5593,9 @@ $(document).ready(function () {
 	$("#sensitive_warning").on("click", view.album.nsfw_warning.next);
 
 	/**
-  * @param {number} scrollPos
   * @returns {void}
   */
-	var rememberScrollPage = function rememberScrollPage(scrollPos) {
+	var rememberScrollPage = function rememberScrollPage() {
 		if (visible.albums() && !visible.search() || visible.album()) {
 			var urls = JSON.parse(localStorage.getItem("scroll"));
 			if (urls == null || urls.length < 1) {
@@ -5644,7 +5603,7 @@ $(document).ready(function () {
 			}
 
 			var urlWindow = window.location.href;
-			var urlScroll = scrollPos;
+			var urlScroll = $("#lychee_view_container").scrollTop();
 
 			urls[urlWindow] = urlScroll;
 
@@ -5656,17 +5615,13 @@ $(document).ready(function () {
 		}
 	};
 
-	$(window)
-	// resize
-	.on("resize", function () {
-		view.album.content.justify();
+	$(window).on("resize", function () {
 		if (visible.photo()) view.photo.onresize();
 		frame.resize();
-	})
-	// remember scroll positions
-	.on("scroll", function () {
-		var topScroll = $(window).scrollTop();
-		rememberScrollPage(topScroll);
+	});
+
+	$("#lychee_view_container").on("scroll", function () {
+		rememberScrollPage();
 	});
 
 	// Init
@@ -5682,7 +5637,7 @@ $(document).ready(function () {
  * @property {jQuery} _dom
  */
 var leftMenu = {
-	_dom: $(".leftMenu")
+	_dom: $("#lychee_left_menu_container")
 };
 
 /**
@@ -5710,7 +5665,7 @@ leftMenu.build = function () {
 	if (lychee.update_available) {
 		html += lychee.html(_templateObject30, build.iconic("timer"), lychee.locale["UPDATE_AVAILABLE"]);
 	}
-	leftMenu._dom.html(html);
+	leftMenu.dom("#lychee_left_menu").html(html);
 };
 
 /** Set the width of the side navigation to 250px and the left margin of the page content to 250px
@@ -5718,16 +5673,12 @@ leftMenu.build = function () {
  * @returns {void}
  */
 leftMenu.open = function () {
-	leftMenu._dom.addClass("leftMenu__visible");
-	lychee.content.addClass("leftMenu__open");
-	lychee.footer.addClass("leftMenu__open");
-	header.dom(".header__title").addClass("leftMenu__open");
-	loadingBar.dom().addClass("leftMenu__open");
+	leftMenu.dom().addClass("visible");
 
 	// Make background unfocusable
 	tabindex.makeUnfocusable(header.dom());
 	tabindex.makeUnfocusable(lychee.content);
-	tabindex.makeFocusable(leftMenu._dom);
+	tabindex.makeFocusable(leftMenu.dom());
 	$("#button_signout").focus();
 
 	multiselect.unbind();
@@ -5739,16 +5690,11 @@ leftMenu.open = function () {
  * @returns {void}
  */
 leftMenu.close = function () {
-	leftMenu._dom.removeClass("leftMenu__visible");
-	lychee.content.removeClass("leftMenu__open");
-	lychee.footer.removeClass("leftMenu__open");
-	$(".content").removeClass("leftMenu__open");
-	header.dom(".header__title").removeClass("leftMenu__open");
-	loadingBar.dom().removeClass("leftMenu__open");
+	leftMenu.dom().removeClass("visible");
 
 	tabindex.makeFocusable(header.dom());
 	tabindex.makeFocusable(lychee.content);
-	tabindex.makeUnfocusable(leftMenu._dom);
+	tabindex.makeUnfocusable(leftMenu.dom());
 
 	multiselect.bind();
 	lychee.load();
@@ -5832,7 +5778,7 @@ var loadingBar = {
 	/** @type {?string} */
 	status: null,
 	/** @type {jQuery} */
-	_dom: $("#loading")
+	_dom: $("#lychee_loading")
 };
 
 /**
@@ -5845,11 +5791,14 @@ loadingBar.dom = function (selector) {
 };
 
 /**
- * @param {?string} status the status, either `null`, `"error"` or `"success"`
- * @param {?string} errorText the error text to show
+ * @param {?string} [status=null] the status, either `null`, `"error"` or `"success"`
+ * @param {?string} [errorText=null] the error text to show
  * @returns {void}
  */
-loadingBar.show = function (status, errorText) {
+loadingBar.show = function () {
+	var status = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+	var errorText = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+
 	if (status === "error") {
 		// Set status
 		loadingBar.status = "error";
@@ -5858,17 +5807,8 @@ loadingBar.show = function (status, errorText) {
 		if (errorText) errorText = errorText.replace("<br>", "");
 		if (!errorText) errorText = lychee.locale["ERROR_TEXT"];
 
-		// Move header down
-		if (visible.header()) header.dom().addClass("header--error");
-
-		// Also move down the dark background
-		if (basicModal.isVisible()) {
-			$(".basicModalContainer").addClass("basicModalContainer--error");
-			$(".basicModal").addClass("basicModal--error");
-		}
-
 		// Modify loading
-		loadingBar.dom().removeClass("loading uploading error success").html("<h1>" + lychee.locale["ERROR"] + (": <span>" + errorText + "</span></h1>")).addClass(status).show();
+		loadingBar.dom().removeClass().html("<h1>" + lychee.locale["ERROR"] + (": <span>" + errorText + "</span></h1>")).addClass(status);
 
 		// Set timeout
 		clearTimeout(loadingBar._timeout);
@@ -5887,17 +5827,8 @@ loadingBar.show = function (status, errorText) {
 		if (errorText) errorText = errorText.replace("<br>", "");
 		if (!errorText) errorText = lychee.locale["ERROR_TEXT"];
 
-		// Move header down
-		if (visible.header()) header.dom().addClass("header--error");
-
-		// Also move down the dark background
-		if (basicModal.isVisible()) {
-			$(".basicModalContainer").addClass("basicModalContainer--error");
-			$(".basicModal").addClass("basicModal--error");
-		}
-
 		// Modify loading
-		loadingBar.dom().removeClass("loading uploading error success").html("<h1>" + lychee.locale["SUCCESS"] + (": <span>" + errorText + "</span></h1>")).addClass(status).show();
+		loadingBar.dom().removeClass().html("<h1>" + lychee.locale["SUCCESS"] + (": <span>" + errorText + "</span></h1>")).addClass(status);
 
 		// Set timeout
 		clearTimeout(loadingBar._timeout);
@@ -5915,11 +5846,8 @@ loadingBar.show = function (status, errorText) {
 		// Set timeout
 		clearTimeout(loadingBar._timeout);
 		loadingBar._timeout = setTimeout(function () {
-			// Move header down
-			if (visible.header()) header.dom().addClass("header--loading");
-
 			// Modify loading
-			loadingBar.dom().removeClass("loading uploading error").html("").addClass("loading").show();
+			loadingBar.dom().removeClass().html("").addClass("loading");
 		}, 1000);
 	}
 };
@@ -5933,8 +5861,6 @@ loadingBar.hide = function (force) {
 		// Remove status
 		loadingBar.status = null;
 
-		// Move header up
-		header.dom().removeClass("header--error header--loading");
 		// Also move up the dark background
 		$(".basicModalContainer").removeClass("basicModalContainer--error");
 		$(".basicModal").removeClass("basicModal--error");
@@ -5942,7 +5868,7 @@ loadingBar.hide = function (force) {
 		// Set timeout
 		clearTimeout(loadingBar._timeout);
 		setTimeout(function () {
-			return loadingBar.dom().hide();
+			return loadingBar.dom().removeClass();
 		}, 300);
 	}
 };
@@ -6230,9 +6156,9 @@ var lychee = {
 	dropbox: false,
 	dropboxKey: "",
 
-	content: $(".content"),
+	content: $("#lychee_view_content"),
 	imageview: $("#imageview"),
-	footer: $("#footer"),
+	footer: $("#lychee_footer"),
 
 	/** @type {Locale} */
 	locale: {},
@@ -6303,8 +6229,6 @@ lychee.aboutDialog = function () {
 lychee.init = function () {
 	var isFirstInitialization = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
 
-	lychee.adjustContentHeight();
-
 	api.post("Session::init", {},
 	/** @param {InitializationData} data */
 	function (data) {
@@ -6418,7 +6342,7 @@ lychee.initHtmlHeader = function () {
  */
 lychee.localizeStaticGuiElements = function () {
 	// Toolbars in the header
-	var tbPublic = document.querySelector("div.header__toolbar--public");
+	var tbPublic = document.querySelector("div#lychee_toolbar_public");
 	tbPublic.querySelector("a#button_signin").title = lychee.locale["SIGN_IN"];
 	var tbPublicSearch = tbPublic.querySelector("input.header__search");
 	if (tbPublicSearch instanceof HTMLInputElement) {
@@ -6427,7 +6351,7 @@ lychee.localizeStaticGuiElements = function () {
 	}
 	tbPublic.querySelector("a.button--map-albums").title = lychee.locale["DISPLAY_FULL_MAP"];
 
-	var tbAlbums = document.querySelector("div.header__toolbar--albums");
+	var tbAlbums = document.querySelector("div#lychee_toolbar_albums");
 	tbAlbums.querySelector("a#button_settings").title = lychee.locale["SETTINGS"];
 	var tbAlbumsSearch = tbAlbums.querySelector("input.header__search");
 	if (tbAlbumsSearch instanceof HTMLInputElement) {
@@ -6437,7 +6361,7 @@ lychee.localizeStaticGuiElements = function () {
 	tbAlbums.querySelector("a.button--map-albums").title = lychee.locale["DISPLAY_FULL_MAP"];
 	tbAlbums.querySelector("a.button_add").title = lychee.locale["ADD"];
 
-	var tbAlbum = document.querySelector("div.header__toolbar--album");
+	var tbAlbum = document.querySelector("div#lychee_toolbar_album");
 	tbAlbum.querySelector("a#button_back_home").title = lychee.locale["CLOSE_ALBUM"];
 	tbAlbum.querySelector("a#button_visibility_album").title = lychee.locale["VISIBILITY_ALBUM"];
 	tbAlbum.querySelector("a#button_sharing_album_users").title = lychee.locale["SHARING_ALBUM_USERS"];
@@ -6452,7 +6376,7 @@ lychee.localizeStaticGuiElements = function () {
 	tbAlbum.querySelector("a#button_fs_album_exit").title = lychee.locale["FULLSCREEN_EXIT"];
 	tbAlbum.querySelector("a.button_add").title = lychee.locale["ADD"];
 
-	var tbPhoto = document.querySelector("div.header__toolbar--photo");
+	var tbPhoto = document.querySelector("div#lychee_toolbar_photo");
 	tbPhoto.querySelector("a#button_back").title = lychee.locale["CLOSE_PHOTO"];
 	tbPhoto.querySelector("a#button_star").title = lychee.locale["STAR_PHOTO"];
 	tbPhoto.querySelector("a#button_visibility").title = lychee.locale["VISIBILITY_PHOTO"];
@@ -6467,22 +6391,22 @@ lychee.localizeStaticGuiElements = function () {
 	tbPhoto.querySelector("a#button_fs_exit").title = lychee.locale["FULLSCREEN_EXIT"];
 	tbPhoto.querySelector("a#button_more").title = lychee.locale["MORE"];
 
-	var tbMap = document.querySelector("div.header__toolbar--map");
+	var tbMap = document.querySelector("div#lychee_toolbar_map");
 	tbMap.querySelector("a#button_back_map").title = lychee.locale["CLOSE_MAP"];
 
-	var tbConfig = document.querySelector("div.header__toolbar--config");
+	var tbConfig = document.querySelector("div#lychee_toolbar_config");
 	tbConfig.querySelector("a#button_close_config").title = lychee.locale["CLOSE"];
 
 	// Sidebar
-	document.querySelector("div.sidebar__header h1").textContent = lychee.locale["PHOTO_ABOUT"];
+	document.querySelector("#lychee_sidebar_header h1").textContent = lychee.locale["PHOTO_ABOUT"];
 
 	// NSFW Warning Banner
 	/** @type {HTMLDivElement} */
-	var nsfwBanner = document.querySelector("div#sensitive_warning");
+	var nsfwBanner = document.querySelector("#sensitive_warning");
 	nsfwBanner.innerHTML = lychee.nsfw_banner_override ? lychee.nsfw_banner_override : lychee.locale["NSFW_BANNER"];
 
 	// Footer
-	var footer = document.querySelector("div#footer");
+	var footer = document.querySelector("#lychee_footer");
 	footer.querySelector("p.home_copyright").textContent = lychee.footer_show_copyright ? sprintf(lychee.locale["FOOTER_COPYRIGHT"], lychee.site_owner, lychee.site_copyright_begin === lychee.site_copyright_end ? lychee.site_copyright_begin : lychee.site_copyright_begin + "–" + lychee.site_copyright_begin) : "";
 	footer.querySelector("p.personal_text").textContent = lychee.footer_additional_text;
 	footer.querySelector("p.hosted_by a").textContent = lychee.locale["HOSTED_WITH_LYCHEE"];
@@ -6987,7 +6911,7 @@ lychee.load = function () {
 			}
 			if (visible.mapview()) mapview.close();
 			if (visible.sidebar() && (album.isSmartID(albumID) || album.isSearchID(albumID))) _sidebar.toggle(false);
-			$("#sensitive_warning").hide();
+			$("#sensitive_warning").removeClass("active");
 			if (album.json && albumID === album.json.id) {
 				if (album.isSearchID(albumID)) {
 					// We are probably coming back to the search results from
@@ -7051,7 +6975,7 @@ lychee.load = function () {
 			tabindex.makeUnfocusable(lychee.imageview);
 		}
 		if (visible.mapview()) mapview.close();
-		$("#sensitive_warning").hide();
+		$("#sensitive_warning").removeClass("active");
 		lychee.content.show();
 		lychee.footer_show();
 		albums.load();
@@ -7144,7 +7068,7 @@ lychee.setMode = function (mode) {
 		Mousetrap.unbind(["l"]).unbind(["k"]);
 
 		// The code searches by class, so remove the other instance.
-		$(".header__search, .header__clear", ".header__toolbar--public").hide();
+		$(".header__search, .header__clear", "#lychee_toolbar_public").hide();
 
 		if (!lychee.editor_enabled) {
 			$("#button_rotate_cwise").hide();
@@ -7152,11 +7076,11 @@ lychee.setMode = function (mode) {
 		}
 		return;
 	}
-	$(".header__search, .header__clear", ".header__toolbar--albums").hide();
+	$(".header__search, .header__clear", "#lychee_toolbar_albums").hide();
 	$("#button_rotate_cwise").hide();
 	$("#button_rotate_ccwise").hide();
 
-	$("#button_settings, .header__divider, .leftMenu").hide();
+	$("#button_settings, .header__divider, #lychee_left_menu_container").hide();
 
 	if (mode === "public") {
 		if (!bodyClasses.contains("mode-gallery")) {
@@ -7451,23 +7375,6 @@ lychee.footer_hide = function () {
 	lychee.footer.addClass("hide_footer");
 };
 
-/**
- * Sets the height of the content area.
- *
- * Because the height of the footer can vary, we need to set some
- * dimensions dynamically, at startup.
- *
- * @returns {void}
- */
-lychee.adjustContentHeight = function () {
-	if (lychee.footer.length > 0) {
-		lychee.content.css("min-height", "calc(100vh - " + lychee.content.css("padding-top") + " - " + lychee.content.css("padding-bottom") + " - " + lychee.footer.outerHeight() + "px)");
-		$("#container").css("padding-bottom", lychee.footer.outerHeight());
-	} else {
-		lychee.content.css("min-height", "calc(100vh - " + lychee.content.css("padding-top") + " - " + lychee.content.css("padding-bottom") + ")");
-	}
-};
-
 /**
  * @returns {string}
  */
@@ -8300,8 +8207,9 @@ mapview.open = function () {
 		return;
 	}
 
-	lychee.animate($("#mapview"), "fadeIn");
-	$("#mapview").show();
+	var mapContainer = $("#lychee_map_container");
+	lychee.animate(mapContainer, "fadeIn");
+	mapContainer.addClass("active");
 	header.setMode("map");
 
 	mapview.albumID = albumID;
@@ -8318,7 +8226,7 @@ mapview.open = function () {
 		});
 
 		// Set initial view to (0,0)
-		mapview.map = L.map("leaflet_map_full").setView([0.0, 0.0], 13);
+		mapview.map = L.map("lychee_map_container").setView([0.0, 0.0], 13);
 
 		L.tileLayer(map_provider_layer_attribution[lychee.map_provider].layer, {
 			attribution: map_provider_layer_attribution[lychee.map_provider].attribution
@@ -8527,8 +8435,18 @@ mapview.close = function () {
 	// If map functionality is disabled -> do nothing
 	if (!lychee.map_display) return;
 
-	lychee.animate($("#mapview"), "fadeOut");
-	$("#mapview").hide();
+	var mapContainer = $("#lychee_map_container");
+	lychee.animate(mapContainer, "fadeOut");
+	// TODO: Reconsider the line below
+	// The line below is inconsistent to the corresponding code for
+	// the photo view (cp. `view.photo.hide()`).
+	// Here, we remove the `active` class immediately, in `view.photo.hide()`
+	// we remove that class after the animation has ended.
+	mapContainer.removeClass("active");
+	// TODO: Fix the line below
+	// The map view can also be opened from a single photo and probably a
+	// users expect to go back to the photo if they close the photo.
+	// Currently, Lychee jumps back to the album of that photo.
 	header.setMode("album");
 
 	// Make album focusable
@@ -8587,7 +8505,7 @@ var multiselect = {
 multiselect.position = null;
 
 multiselect.bind = function () {
-	$(".content").on("mousedown", function (e) {
+	$("#lychee_view_content").on("mousedown", function (e) {
 		if (e.which === 1) multiselect.show(e);
 	});
 
@@ -8598,7 +8516,7 @@ multiselect.bind = function () {
  * @returns {void}
  */
 multiselect.unbind = function () {
-	$(".content").off("mousedown");
+	$("#lychee_view_content").off("mousedown");
 };
 
 /**
@@ -9158,7 +9076,6 @@ _photo3.load = function (photoID, albumID, autoplay) {
 
 		view.photo.show();
 		view.photo.init(autoplay);
-		lychee.imageview.show();
 
 		if (!lychee.hide_content_during_imgview) {
 			setTimeout(function () {
@@ -9315,29 +9232,6 @@ _photo3.preloadNextPrev = function (photoID) {
 	}
 };
 
-/**
- * @param {number} [animationDuration=300]
- * @param {number} [pauseBetweenUpdated=10]
- * @returns {void}
- */
-_photo3.updateSizeLivePhotoDuringAnimation = function () {
-	var animationDuration = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 300;
-	var pauseBetweenUpdated = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 10;
-
-	// For the LivePhotoKit, we need to call the updateSize manually
-	// during CSS animations
-	//
-	var interval = setInterval(function () {
-		if (_photo3.isLivePhotoInitialized()) {
-			_photo3.livePhotosObject.updateSize();
-		}
-	}, pauseBetweenUpdated);
-
-	setTimeout(function () {
-		clearInterval(interval);
-	}, animationDuration);
-};
-
 /**
  * @param {boolean} animate
  * @returns {void}
@@ -10434,7 +10328,7 @@ search.find = function (term) {
 		var html = albumsData === "" && photosData === "" ? "" : albumsData === "" ? build.divider(photos_divider) + photosData : photosData === "" ? build.divider(albums_divider) + albumsData : build.divider(albums_divider) + albumsData + build.divider(photos_divider) + photosData;
 
 		$(".no_content").remove();
-		lychee.animate($(".content"), "contentZoomOut");
+		lychee.animate(lychee.content, "contentZoomOut");
 
 		setTimeout(function () {
 			if (visible.photo()) view.photo.hide();
@@ -10445,7 +10339,7 @@ search.find = function (term) {
 
 			if (html === "") {
 				lychee.content.html("");
-				$("body").append(build.no_content("magnifying-glass"));
+				lychee.content.append(build.no_content("magnifying-glass"));
 			} else {
 				lychee.content.html(html);
 				// Here we exploit the layout method of an album although
@@ -10457,7 +10351,7 @@ search.find = function (term) {
 				setTimeout(function () {
 					view.album.content.justify();
 					lychee.animate(lychee.content, "contentZoomIn");
-					$(window).scrollTop(0);
+					$("#lychee_view_container").scrollTop(0);
 				}, 0);
 			}
 			lychee.setMetaData(lychee.locale["SEARCH_RESULTS"]);
@@ -11182,7 +11076,7 @@ sharing.list = function () {
  */
 var _sidebar = {
 	/** @type {jQuery} */
-	_dom: $(".sidebar"),
+	_dom: $("#lychee_sidebar_container"),
 	types: {
 		DEFAULT: 0,
 		TAGS: 1
@@ -11280,14 +11174,7 @@ _sidebar.keepSidebarVisible = function () {
 _sidebar.toggle = function (is_user_initiated) {
 	if (visible.sidebar() || visible.sidebarbutton()) {
 		header.dom(".button--info").toggleClass("active");
-		lychee.content.toggleClass("content--sidebar");
-		lychee.imageview.toggleClass("image--sidebar");
-		setTimeout(function () {
-			return view.album.content.justify();
-		}, 0);
 		_sidebar.dom().toggleClass("active");
-		if (_photo3.updateSizeLivePhotoDuringAnimation) _photo3.updateSizeLivePhotoDuringAnimation();
-
 		if (is_user_initiated) sessionStorage.setItem("keepSidebarVisible", visible.sidebar() ? "true" : "false");
 	}
 };
@@ -13343,7 +13230,44 @@ users.list = function () {
  * @description Responsible to reflect data changes to the UI.
  */
 
-var view = {};
+var view = {
+	/** @type {ResizeObserver} */
+	resizeObserver: function () {
+		/**
+   * @type {HTMLDivElement}
+   */
+		var viewContainer = document.getElementById("lychee_view_container");
+
+		var resizeHandler = function () {
+			var viewContainerWidth = 0;
+
+			return function () {
+				// Avoid infinite loops
+				// The layout method `view.album.content.justify()` below will
+				// change the height of the container as the height depends on
+				// the amount of content.
+				// Hence, `view.album.content.justify()` re-triggers the
+				// event handler.
+				// However, we are only interested into changes of the width,
+				// which is independent of content but solely depends on
+				// window size.
+				// We bail out early if the width has not changed since last
+				// time.
+				if (viewContainer.clientWidth === viewContainerWidth) return;
+				viewContainerWidth = viewContainer.clientWidth;
+				view.album.content.justify();
+				if (_photo3.isLivePhotoInitialized()) {
+					_photo3.livePhotosObject.updateSize();
+				}
+			};
+		}();
+
+		var observer = new ResizeObserver(resizeHandler);
+		observer.observe(viewContainer);
+
+		return observer;
+	}()
+};
 
 view.albums = {
 	/** @returns {void} */
@@ -13418,17 +13342,13 @@ view.albums = {
 
 			if (smartData === "" && tagAlbumsData === "" && albumsData === "" && sharedData === "") {
 				lychee.content.html("");
-				$("body").append(build.no_content("eye"));
+				lychee.content.append(build.no_content("eye"));
 			} else {
 				lychee.content.html(smartData + tagAlbumsData + albumsData + sharedData);
 			}
 
 			album.apply_nsfw_filter();
-
-			// Restore scroll position
-			var urls = JSON.parse(localStorage.getItem("scroll"));
-			var urlWindow = window.location.href;
-			$(window).scrollTop(urls != null && urls[urlWindow] ? urls[urlWindow] : 0);
+			view.album.content.restoreScroll();
 		},
 
 		/**
@@ -13502,21 +13422,21 @@ view.album = {
 		/** @returns {void} */
 		init: function init() {
 			if (!lychee.nsfw_warning) {
-				$("#sensitive_warning").hide();
+				$("#sensitive_warning").removeClass("active");
 				return;
 			}
 
 			if (album.json.is_nsfw && !lychee.nsfw_unlocked_albums.includes(album.json.id)) {
-				$("#sensitive_warning").show();
+				$("#sensitive_warning").addClass("active");
 			} else {
-				$("#sensitive_warning").hide();
+				$("#sensitive_warning").removeClass("active");
 			}
 		},
 
 		/** @returns {void} */
 		next: function next() {
 			lychee.nsfw_unlocked_albums.push(album.json.id);
-			$("#sensitive_warning").hide();
+			$("#sensitive_warning").removeClass("active");
 		}
 	},
 
@@ -13574,7 +13494,6 @@ view.album = {
 
 			setTimeout(function () {
 				view.album.content.justify();
-				view.album.content.restoreScroll();
 			}, 0);
 		},
 
@@ -13583,7 +13502,7 @@ view.album = {
 			// Restore scroll position
 			var urls = JSON.parse(localStorage.getItem("scroll"));
 			var urlWindow = window.location.href;
-			$(window).scrollTop(urls != null && urls[urlWindow] ? urls[urlWindow] : 0);
+			$("#lychee_view_container").scrollTop(urls != null && urls[urlWindow] ? urls[urlWindow] : 0);
 		},
 
 		/**
@@ -13821,7 +13740,7 @@ view.album = {
 					// is always visible and always has the correct width
 					// even for opened sidebars.
 					// TODO: Unconditionally use the width of the view container and remove this alternative width calculation after https://github.com/LycheeOrg/Lychee-front/pull/335 has been merged
-					containerWidth = $(window).width() - parseFloat(jqJustifiedLayout.css("margin-left")) - parseFloat(jqJustifiedLayout.css("margin-right")) - parseFloat($(".content").css("padding-right"));
+					containerWidth = $(window).width() - 2 * parseFloat(jqJustifiedLayout.css("margin"));
 				}
 				/** @type {number[]} */
 				var ratio = photos.map(function (_photo) {
@@ -13880,7 +13799,7 @@ view.album = {
 				var _containerWidth = parseFloat(jqUnjustifiedLayout.width());
 				if (_containerWidth === 0) {
 					// Triggered on Reload in photo view.
-					_containerWidth = $(window).width() - parseFloat(jqUnjustifiedLayout.css("margin-left")) - parseFloat(jqUnjustifiedLayout.css("margin-right")) - parseFloat($(".content").css("padding-right"));
+					_containerWidth = $(window).width() - 2 * parseFloat(jqUnjustifiedLayout.css("margin"));
 				}
 				/**
      * An album listing has potentially hundreds of photos, hence
@@ -13928,6 +13847,7 @@ view.album = {
 				// Show updated layout
 				jqUnjustifiedLayout.removeClass("laying-out");
 			}
+			view.album.content.restoreScroll();
 		}
 	},
 
@@ -14037,7 +13957,7 @@ view.album = {
 			var structure = _sidebar.createStructure.album(album.json);
 			var html = _sidebar.render(structure);
 
-			_sidebar.dom(".sidebar__wrapper").html(html);
+			_sidebar.dom("#lychee_sidebar_content").html(html);
 			_sidebar.bind();
 		}
 	}
@@ -14071,14 +13991,6 @@ view.photo = {
 		header.setMode("photo");
 
 		if (!visible.photo()) {
-			// Make body not scrollable
-			// use bodyScrollLock package to enable locking on iOS
-			// Simple overflow: hidden not working on iOS Safari
-			// Only the info pane needs scrolling
-			// Touch event for swiping of photo still work
-
-			scrollLock.disablePageScroll($(".sidebar__wrapper").get());
-
 			// Fullscreen
 			var timeout = null;
 			$(document).bind("mousemove", function () {
@@ -14096,6 +14008,7 @@ view.photo = {
 			}
 
 			lychee.animate(lychee.imageview, "fadeIn");
+			lychee.imageview.addClass("active");
 		}
 	},
 
@@ -14108,9 +14021,6 @@ view.photo = {
 		lychee.content.removeClass("view");
 		header.setMode("album");
 
-		// Make body scrollable
-		scrollLock.enablePageScroll($(".sidebar__wrapper").get());
-
 		// Disable Fullscreen
 		$(document).unbind("mousemove");
 		if ($("video").length) {
@@ -14119,8 +14029,13 @@ view.photo = {
 
 		// Hide Photo
 		lychee.animate(lychee.imageview, "fadeOut");
+		// TODO: Reconsider the lines below
+		// The lines below are inconsistent to the corresponding code for
+		// the mapview (cp. `mapview.close()`).
+		// Here, we remove the `active` class after the animation has ended,
+		// in `mapview.close()` we remove that class immediately.
 		setTimeout(function () {
-			lychee.imageview.hide();
+			lychee.imageview.removeClass("active");
 			view.album.sidebar();
 		}, 300);
 	},
@@ -14290,7 +14205,7 @@ view.photo = {
 		var html = _sidebar.render(structure);
 		var has_location = !!(_photo3.json.latitude && _photo3.json.longitude);
 
-		_sidebar.dom(".sidebar__wrapper").html(html);
+		_sidebar.dom("#lychee_sidebar_content").html(html);
 		_sidebar.bind();
 
 		if (has_location && lychee.map_display) {
@@ -15140,14 +15055,17 @@ view.u2f = {
 
 var visible = {};
 
-/** @returns {boolean} */
+/**
+ * TODO: Whether the albums view is visible or not should not be determined based on the visibility of a toolbar, especially as this does not work for the photo view in full screen mode which makes this approach inconsistent.
+ * @returns {boolean}
+ */
 visible.albums = function () {
-	return !!header.dom(".header__toolbar--public").hasClass("header__toolbar--visible") || !!header.dom(".header__toolbar--albums").hasClass("header__toolbar--visible");
+	return !!header.dom("#lychee_toolbar_public").hasClass("visible") || !!header.dom("#lychee_toolbar_albums").hasClass("visible");
 };
 
 /** @returns {boolean} */
 visible.album = function () {
-	return !!header.dom(".header__toolbar--album").hasClass("header__toolbar--visible");
+	return !!header.dom("#lychee_toolbar_album").hasClass("visible");
 };
 
 /** @returns {boolean} */
@@ -15157,12 +15075,12 @@ visible.photo = function () {
 
 /** @returns {boolean} */
 visible.mapview = function () {
-	return $("#mapview.fadeIn").length > 0;
+	return $("#lychee_map_container.fadeIn").length > 0;
 };
 
 /** @returns {boolean} */
 visible.config = function () {
-	return !!header.dom(".header__toolbar--config").hasClass("header__toolbar--visible");
+	return !!header.dom("#lychee_toolbar_config").hasClass("visible");
 };
 
 /** @returns {boolean} */
@@ -15182,7 +15100,7 @@ visible.sidebarbutton = function () {
 
 /** @returns {boolean} */
 visible.header = function () {
-	return !header.dom().hasClass("header--hidden");
+	return !header.dom().hasClass("hidden");
 };
 
 /** @returns {boolean} */
@@ -15197,7 +15115,7 @@ visible.multiselect = function () {
 
 /** @returns {boolean} */
 visible.leftMenu = function () {
-	return !!leftMenu.dom().hasClass("leftMenu__visible");
+	return !!leftMenu.dom().hasClass("visible");
 };
 
 /**