#frame {
    position:absolute;
    top:0; bottom:0; left:0; right:0;
    overflow:hidden;
    color:#fff;
    background-color:#3f3f3f;
    text-align:center;
}

#wrapper {
	display:inline-block;
}
#loading {
	position:absolute;
	top:0; right:0; bottom:0; left:0;
	margin: auto;
}
#photo_name {
	color:#fff;
	text-shadow: 1px 2px 4px black !important;
	/*backdrop-filter: blur(2px);*/
}

.mobile .button {
	width:auto;
	padding:5px;
}
.mobile .button .title {
	display:none;
}


/* Nav Buttons */
.nav {
    position:absolute;
    background-color:transparent;
    border:none;
    box-sizing:content-box;
}

/* nav */
#exit {
	top:0;
    right:0;
}
#next {
	top:0;
    bottom:0;
    right:0;
}
#previous {
	top:0;
    bottom:0;
    left:0;
}
.button{
	width : auto !important;
	color: #000 !important;
	text-transform: none !important;
	border: 1px solid #7d7d7d !important;
	border-radius: 5px !important;
	background-color: #fff !important;
	font-weight: bold !important;
}
.button-menu{
	margin:5px 0px;
}
@media only screen and (max-width : 520px){
	body > div.fixed-bottom > div.button-menu > div > a.button.green.buy.btn.btn-primary > span{
		display: none;
	}
	body > div.fixed-bottom > div.button-menu > div > a.button.green.checkout.btn.btn-primary > span{
		display: none;
	}
	body > div.fixed-bottom > div.button-menu > div > a.button.back > span{
		display: none;
	}
}
button.favorite i {
	color: black !important;
}
.button.green{
	background: #5b8800 !important
}
body > div.fixed-bottom > div.button-menu > div > span > button.favorite.button.btn.btn-outline-dark.border,
body > div.fixed-bottom > div.button-menu > div > span > button.unfavorite.button.btn.fst-5.border{
	padding: 1.5px 15px !important;
}
.material-symbols-outlined{
	display: flex;
	justify-content: center;
	align-items: center;
}
.heart_plus,.heart_full, .button.add.btn.border > span{
	color: #cd0a0a !important
}
body > div.fixed-bottom > div.button-menu > div > span > button.favorite.button.btn.btn-outline-dark.border > span{
	line-height: 32px;
	color: #000 !important
}
@media only screen and (max-width: 768px) {
	.button-menu .button {
		max-height: 36px !important;
	}
}
.photo-gradient{
	background: rgb(255 255 255 / 0%) linear-gradient(to bottom, rgb(0 0 0 / 12%) 10%, rgb(0 0 0 / 33%) 40%, rgb(0 0 0 / 47%) 75%, rgb(28 28 28 / 92%) 100%) repeat scroll 0 0;
	position: relative;
	margin-top: -30px;
	height: 30px;
}
.float-button-container {
	position: fixed;
	bottom: 25px;
	right: 5px;
	padding: 10px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	z-index: 999999;
}
.float-button:hover{
	color: white;
}
.float-button {
	background-color: #5b8800;
	color: #fff;
	border-radius: 100%;
	padding: 15px 10px 10px 15px;
	cursor: pointer;
	display: flex;
	box-shadow: 0 2px 7px #0000006e;
	text-decoration: none;
	width: 55px;
	height: 55px;
}
.favorites-view{
	background: white;
}
.float-button > .favCount {
	padding: 2px 6px !important;;
	position: absolute;
	background: #df2121;
	border-radius: 10px;
	font-size: 12px;
	top: -7px;
	right: -5px;
	color: #fff;
	font-weight: bold;
}
#next, #previous{
	text-decoration: none;
	display: flex;
	justify-content: center;
	align-items: center;
}
#previous > .material-icon-previous, #next > .material-icon-next{
	font-size: 40px;
	height: 65px;
	background-color: black;
	color: white;
	opacity: 0.7;
	border-radius: 4px;
	padding: 10px 0px;
}

#previous{
	padding-right: 30px;
}

#next{
	padding-left: 30px;
}

/* Buttons */
.btn{
	min-width: 65px !important;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1rem !important;
	font-weight: 600;
	font-family: revert;
}
.button-menu {
	white-space:nowrap;
	text-align:center;
}
.button-menu .inner {
	display: flex;
	justify-content: center;
	align-items: stretch;
	gap: 10px;
}
.btn > i{
	font-size: 1.5rem !important;
	vertical-align: middle;
}
body > div.float-button-container > a.float-button.favorites-view.favorites-view-btn{
	padding: 10px 10px 10px 15px;
}
#exit > i{
	color: white;
	font-size: 40px;
	margin: 15px 0px 0px -25px !important;
}
#img-name{
	width: 60%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: right;
}
.btn.btn-light:hover{
	color: #151515 !important;
}