html{background-color:#000}
.footer{opacity:0;transition:opacity .2s}
.swgf-active .footer{opacity:1}
#details-page-image-content{padding-top:21px}
#details-page-content{background:#000;min-height:750px}
#details-page-content-inner{max-width:1280px;margin:0 auto;padding:0;opacity:0;transition:opacity .5s}
.swgf-active #details-page-content-inner{opacity:1 !important}
#details-page-content #details-page-image-content image-viewer{height:50vh;min-height:30vw}
#details-page-image-content .image-details{font-size:12px;color:#666}
#details-page-image-content .image-details .image-title{font-size:24px;color:#76b900;min-height:24px}
#details-page-image-content .image-details-bottom{display:flex;margin:7px 0;justify-content:space-between;align-items:center}
#details-page-image-content .image-details-left{flex-grow:1;line-height:16px}
#details-page-image-content .image-details-left>*{white-space:nowrap}
#details-page-image-content .image-details-nav{width:auto;text-align:right;display:flex}
#details-page-image-content .image-details-nav>*{width:28px;height:28px;box-sizing:border-box;padding:7px;border:1px solid #373c42;background:#32373c;border-radius:1px;display:inline-block;color:#fff;cursor:pointer}
#details-page-image-content .image-details-nav>*:nth-child(even){border:1px solid #7dc300;background:#76b900;width:auto;display:inline-flex;justify-content:center;align-items:center;font-size:14px;text-transform:uppercase}
#details-page-image-content .image-details-nav>*:nth-child(even) span{position:relative}
#details-page-image-content .image-details-nav>*:nth-child(even) svg-icon{width:12px;height:12px}
#details-page-image-content .image-details-nav>*.disabled{opacity:.333;pointer-events:none}
#details-page-image-content .image-actions>bound-element{font-size:16px;font-weight:100}
#details-page-image-content .image-actions-container{background:#1c1c1c;padding:14px;color:#666}
#details-page-image-content .image-actions{display:flex;align-items:center;justify-content:space-between}
#details-page-image-content .image-actions item-actions{flex-grow:1;display:block;height:35px;margin-bottom:18px}
#details-page-image-content .item-actions-container .action-button{margin:0 0 0 3%}
#details-page-image-content .image-actions item-actions .item-actions-container .action-button.first{margin:0}
#details-page-image-content .image-details-bottom{display:flex;align-items:center;justify-content:space-between;font-size:12px}
#details-page-image-content .image-title.editing #title-text{display:none}
#details-page-image-content #edit-title input{background:#3e3e3e;border:0;padding:3px;color:#eee;outline:none !important}
#details-page-image-content #edit-title>div{display:flex;align-items:center}
#details-page-image-content #edit-title button{width:28px;height:28px;box-sizing:border-box;padding:7px;border-radius:1px;display:inline-block;color:#fff;cursor:pointer;border:1px solid #7dc300;background:#76b900;outline:none !important;position:relative}
#details-page-image-content #edit-title button:after{content:"";position:absolute;width:14px;height:9px;box-shadow:-2.75px 2.75px 0 0 #fff;transform:rotate(-45deg);top:3px;left:6px}
#details-page-image-content #edit-title .model-input input{background:#1c1c1c}
#details-page-image-content comment-form{background:#1c1c1c;padding:21px 14px 14px;color:#666;display:block;border-top:1px solid #333}
.message-circle-icon{display:inline-flex;width:35px;height:35px;background:rgba(118,185,2,1);color:#fff;padding:7px;border-radius:50%;justify-content:center;align-items:center;margin-right:7px}
.upload-success p{line-height:21px;margin:7px 0}
.upload-success p{line-height:21px;margin:7px 0}
.upload-success h3{margin:0 0 21px}
#next-post-text{top:1px}
.image-viewer-container{max-width:calc((100vh * 1.6) - 300px);margin:auto}
.image-viewer-outer-container{overflow:hidden;position:relative;background:#000;margin-bottom:7px}
.image-viewer-container .image-renderer{overflow:visible}
#details-page-content #details-page-image-content image-viewer{overflow:visible;position:initial;position:inherit;position:unset}
@media(max-width:1280px){#details-page-content-inner{padding:0 30px}
}
@media(max-width:1024px){#details-page-content-inner{padding:0 60px}
}
@media(max-width:768px){#details-page-content-inner{padding:0 30px}
#next-post-text{display:none}
}
@media(max-width:500px){#details-page-content #details-page-image-content image-viewer{height:38vh;min-height:30vw}
#details-page-image-content .image-actions item-actions{height:21px;margin-bottom:0}
#details-page-image-content .item-actions-container .action-button{margin:0 0 0 5%}
#details-page-image-content .image-actions item-actions .item-actions-container .action-button.first{margin:0}
#details-page-image-content .image-actions item-actions .action-button-text{display:none}
}
.device-tablet-mobile input[type="text"]{font-size:16px !important}