body { display: flex; flex-wrap: nowrap; height: 100vh; height: -webkit-fill-available; overflow-x: auto; overflow-y: hidden; background-color:#2c2d35 !important; }
ul { list-style-type: none; }
.login { align-items: center !important; } 

@media screen and (max-width: 768px) {
    .stashr-menu { margin-left:-280px; }
    .stashr-item_container {max-width:100px;min-width:20px;min-height:150px;}
}
@media screen and (min-width: 768px) {
    .stashr-menu { margin-left:0px; }
    .stashr-item_container {max-width:160px;min-width:100px;min-height:150px;}
}

.bg-mine { background: #3e3e44; }

.stashr-menu { transition: 0.5s; }
.stashr-submenu { transition: 0.5s; z-index:-5; margin-top:-100% !important; }
.stashr-footer { position:fixed; bottom:0; z-index:6; }
.stashr-item_container { overflow: hidden; }
.stashr-poster_container { position:relative; overflow: hidden; }
.stashr-poster_info { position:absolute; top:0; left:0; z-index:3; border-bottom-right-radius: 25%; }
.stashr-badge_top_left { position:absolute; top:0; left:0; z-index:3; border-bottom-right-radius: 25%; }
.stashr-badge_bottom_left { position:absolute; bottom:0; left:0; z-index:3; border-top-right-radius: 25%; }
.stashr-badge_top_right { position:absolute; top:0; right:0; z-index:3; border-bottom-left-radius: 25%; }
.stashr-badge_bottom_right { position:absolute; bottom:0; right:0; z-index:3; border-top-left-radius: 25%; }
.stashr-poster_tag { position: absolute; height:0; right:0; width:25%; padding-bottom:25%; transform: rotate(45deg); z-index:3; margin-top:-12.5%; margin-right:-12.5%; }
.stashr-poster { position:absolute; top:0; left:0; }
.stashr-overlay_top { position:absolute; top:0; background-color:rgba(220,220,220,.9); z-index:4; }
.stashr-overlay_bottom { position:absolute; bottom:0; background-color:rgba(220,220,220,.9); z-index:4; }
.stashr-progress_wrapper { position:absolute; bottom:0; z-index:3; }
.stashr-poster_wrapper { position:relative; overflow:hidden; }
.stashr-link { text-decoration: none; }
.stashr-button_container {position:fixed;bottom:10;right:10;opacity:.7;z-index:999;}
.stashr-menu_button_container {position:fixed;bottom:10;left:10;opacity:.7;z-index:999;}
.stashr-reader { background:black; }
.new-stashr-button_container { opacity:.7; }

.btn-circle.btn-sm { width: 30px; height: 30px; padding: 6px 0px; border-radius: 15px; font-size: 8px; text-align: center; margin:2px; } 
.btn-circle.btn-md { width: 50px; height: 50px; padding: 7px 10px; border-radius: 25px; font-size: 10px; text-align: center; margin:2px; } 
.btn-circle.btn-xl { width: 70px; height: 70px; padding: 10px 16px; border-radius: 35px; font-size: 12px; text-align: center; margin:2px; } 

.stashr-signin { width: 100%; max-width: 330px; padding: 15px; margin: auto; }  
.stashr-signin .checkbox { font-weight: 400; }  
.stashr-signin .form-floating:focus-within { z-index: 2; }  
.stashr-signin input[type="username"] { margin-bottom: -1px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
.stashr-signin input[type="password"] { margin-bottom: 10px; border-top-left-radius: 0; border-top-right-radius: 0; }  
.stashr-logo { position:relative; top:-85px; width:170px; height:170px; border-radius: 50%; border: 10px solid #2c2d35; margin-bottom:-70px; }

.stashr-firstrun { width: 100%; max-width: 330px; padding: 15px; margin: auto; }  
.stashr-firstrun .form-floating:focus-within { z-index: 2; }
.stashr-firstrun input { margin-bottom: 5px; }