html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace,monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,strong {
    font-weight: bolder
}

code,kbd,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,input,optgroup,select,textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

[type=button],[type=reset],[type=submit],button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

[hidden],template {
    display: none
}

.search {
    padding-right: 40px
}

.search input {
    -webkit-appearance: none;
    display: inline-block;
    border-radius: 3px;
    padding: 0 .1em 0 1em;
    font-size: 1em;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    width: 100%;
    height: 40px;
    border: 0;
    vertical-align: top;
    margin-top: 5px
}

.search input:not(:focus)::placeholder {
    color: transparent
}

.search input::placeholder {
    opacity: .4;
    font-style: italic
}

.search .btn.btn-square {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-right: -40px;
    margin-left: 0
}

.username {
    max-width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: top;
    margin-left: 8px
}

nav {
    position: relative;
    min-height: 50px;
    background: #2a3744;
    padding-left: 76px
}

nav a,nav a:hover {
    color: #fff
}

nav .btn {
    margin: 5px
}

nav .logo {
    float: left;
    display: inline-block;
    height: 50px;
    padding: 10px;
    margin-left: -76px
}

nav .logo:hover {
    background-color: #3d5064
}

nav .search {
    float: left;
    display: inline-block
}

nav .menu {
    list-style-type: none;
    padding-left: 0;
    margin: 0
}

nav .menu.left {
    float: left
}

nav .menu.right {
    float: right
}

nav .menu li,nav .menu li a {
    display: inline-block
}

nav .menu li a {
    padding-left: 10px;
    padding-right: 10px;
    height: 50px;
    line-height: 50px
}

nav .menu li:hover>a {
    background-color: #3d5064
}

nav .menu li.active>a {
    background-color: #ed2553;
    color: #fff
}

nav .menu li.active>a:hover {
    background-color: #f15478
}

nav .menu li img {
    vertical-align: middle;
    border-radius: 100%
}

nav .menu li.menu-sign-in>a {
    background-color: #3d5064
}

nav .menu li.menu-sign-in>a:hover {
    background-color: #475d73
}

nav .menu li.menu-register>a {
    background-color: #ed2553
}

nav .menu li.menu-register>a:hover {
    background-color: #f15478
}

nav #hamburger {
    float: right;
    margin-right: -45px
}

nav #hamburger .line {
    display: block;
    width: 100%;
    height: 2px;
    background-color: #fff;
    border-radius: 1px;
    margin-top: 5px;
    margin-bottom: 5px
}

@media (max-width: 95em) {
    nav .username {
        max-width:150px
    }
}

@media (max-width: 90em) {
    nav .username {
        max-width:100px
    }
}

@media (max-width: 85em) {
    nav .username {
        max-width:50px
    }
}

@media (max-width: 75em) {
    nav .username {
        max-width:200px
    }
}

@media (max-width: 65em) {
    nav .username {
        max-width:50px
    }
}

@media (max-width: 644px) {
    nav .username {
        max-width:250px
    }
}

@media (min-width: 1401px) {
    nav form {
        margin-right:10px;
        width: 25%
    }

    nav #hamburger,nav .menu .dropdown {
        display: none
    }
}

@media (min-width: 645px) and (max-width:1400px) {
    nav form {
        width:35%
    }

    nav #hamburger,nav .menu .desktop,nav .menu .dropdown-menu {
        display: none
    }

    nav .dropdown {
        position: relative
    }

    nav .dropdown .dropdown-menu.open {
        display: inline-block;
        position: absolute;
        left: 0;
        top: 100%;
        border-radius: 3px;
        padding-left: 0;
        text-align: left;
        background-color: #2e3c4a;
        z-index: 3;
        box-shadow: 0 0 30px rgba(0,0,0,.5)
    }

    nav .dropdown .dropdown-menu.open:before {
        position: absolute;
        content: "";
        pointer-events: none;
        bottom: 100%;
        left: 15px;
        border: 10px solid transparent;
        border-bottom-color: #2e3c4a;
        height: 0;
        width: 0
    }

    nav .dropdown .dropdown-menu.open li {
        width: 100%
    }

    nav .dropdown .dropdown-menu.open li a {
        line-height: 2;
        height: auto;
        width: 100%;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    nav .dropdown .dropdown-menu.open li:first-of-type a {
        border-top-right-radius: 3px;
        border-top-left-radius: 3px
    }

    nav .dropdown .dropdown-menu.open li:last-of-type a {
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px
    }
}

@media (max-width: 644px) {
    nav {
        padding-right:50px
    }

    nav form {
        width: 100%
    }

    nav .collapse {
        display: block;
        width: 100%;
        overflow: hidden;
        max-height: 0;
        transition: max-height .5s
    }

    nav .collapse.open {
        max-height: 500px
    }

    nav .collapse .menu.left,nav .collapse .menu.right {
        float: none
    }

    nav .collapse .menu .dropdown {
        display: none
    }

    nav .collapse .menu li {
        display: block
    }

    nav .collapse .menu li a {
        width: 100%;
        height: 35px;
        line-height: 35px
    }
}

#settings-container {
    text-align: left
}

#settings-container input[type=email],#settings-container input[type=password],#settings-container input[type=text] {
    width: 100%;
    height: 30px;
    padding-left: 10px;
    border-radius: 3px
}

#settings-container h1 {
    text-align: center
}

#settings-container form {
    max-width: 800px;
    margin-right: auto;
    margin-left: auto
}

#user-container {
    overflow: auto
}

@media (min-width: 600px) {
    .user-info {
        text-align:left;
        float: left
    }

    .bigavatar {
        float: left;
        margin: 2em
    }

    .bigavatar img {
        border-radius: .7em
    }
}

.form-group {
    margin: 20px
}

label {
    display: block;
    font-weight: 700;
    text-align: justify;
    white-space: nowrap
}

html {
    box-sizing: border-box
}

*,:after,:before {
    box-sizing: inherit
}

h1,h2,h3,h4,h5,h6 {
    font-weight: 700
}

body,html {
    font-size: 14px;
    line-height: 1.42857143;
    height: 100%;
    margin: 0;
    text-align: center;
    color: #34495e;
    background-color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

body,button,html,input,textarea {
    font-family: Noto Sans,sans-serif
}

a {
    color: #34495e
}

a,a:hover {
    text-decoration: none
}

a:hover {
    color: #ed2553
}

a .count {
    color: #999
}

a.bold {
    font-weight: 700
}

code {
    color: #ed2553;
    border: 1px solid #fbd3dd;
    background-color: #fef0f3
}

textarea {
    resize: none
}

blockquote {
    border: 0
}

form.inline {
    display: inline
}

time {
    font-variant-numeric: tabular-nums
}

.btn {
    display: inline-block;
    vertical-align: middle;
    font-weight: 700;
    cursor: pointer;
    padding: 0 12px;
    color: #fff;
    border: 0;
    border-radius: 3px;
    outline: 0;
    font-size: 100%;
    height: 40px;
    line-height: 40px;
    margin: 3px;
    -webkit-font-smoothing: antialiased
}

.btn:hover {
    color: #fff;
    background: #f15478
}

.btn.btn-unstyled {
    color: inherit;
    padding: 0;
    margin: 0;
    background: none;
    cursor: pointer;
    border: none
}

.btn.btn-thin,.btn.btn-unstyled {
    font-weight: 400;
    line-height: 1;
    height: auto
}

.btn.btn-thin {
    margin-top: 5px;
    margin-bottom: 10px;
    padding: 5px 6px
}

.btn.btn-primary {
    background-color: #ed2553
}

.btn.btn-primary:active,.btn.btn-primary:focus,.btn.btn-primary:hover {
    color: #fff;
    background: #f15478
}

.btn.btn-primary.disabled,.btn.btn-primary:disabled {
    cursor: default;
    background-color: #be546c
}

.btn.btn-secondary {
    background-color: #475d73
}

.btn.btn-secondary:active,.btn.btn-secondary:focus,.btn.btn-secondary:hover {
    background: #516a83
}

.btn.btn-secondary.disabled,.btn.btn-secondary:disabled {
    cursor: default;
    background-color: #555d65
}

.btn.btn-square {
    width: 40px;
    height: 40px;
    margin: 5px;
    vertical-align: middle
}

.blacklist-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    padding: 0;
    margin-left: 4px;
    font-size: 11px;
    border-radius: 3px;
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #fff;
    cursor: pointer;
    transition: all 0.2s ease;
    vertical-align: middle;
}

.blacklist-btn:hover {
    background-color: rgba(237, 37, 83, 0.3);
    border-color: #ed2553;
}

.blacklist-btn i {
    font-size: 10px;
}

.edit {
    font-size: 15px;
    padding: 2px 5px;
    vertical-align: middle;
    color: #fff;
    border-radius: 3px;
    background: #2a3744
}

.edit:hover {
    color: #fff;
    background: #3d5064
}

.btn-disabled {
    opacity: .5
}

.tooltip {
    display: inline-block;
    position: relative;
    border-bottom: 1px dotted #666;
    text-align: left
}

.tooltip .top {
    min-width: 150px;
    top: -20px;
    left: 50%;
    transform: translate(-50%,-100%);
    padding: 8px;
    color: #444;
    background-color: #eee;
    font-weight: 400;
    font-size: 13px;
    border-radius: 8px;
    position: absolute;
    z-index: 99999999;
    box-sizing: border-box;
    box-shadow: 0 1px 8px rgba(0,0,0,.5);
    display: none;
    line-height: 17px
}

.tooltip:hover {
    opacity: 1
}

.tooltip:hover .top {
    display: block
}

.tooltip .top i {
    top: 100%;
    margin-left: -12px;
    width: 24px;
    overflow: hidden
}

.tooltip .top i,.tooltip .top i:after {
    position: absolute;
    left: 50%;
    height: 12px
}

.tooltip .top i:after {
    content: "";
    width: 12px;
    transform: translate(-50%,-50%) rotate(45deg);
    background-color: #eee;
    box-shadow: 0 1px 8px rgba(0,0,0,.5)
}

.container {
    display: block;
    clear: both;
    margin: 10px auto;
    padding: 10px;
    border-radius: 5px;
    background-color: #ecf0f1;
    width: 100%;
    max-width: 1200px
}

@media screen and (orientation: landscape) {
    .container {
        padding-left:calc(5px + constant(safe-area-inset-left));
        padding-right: calc(5px + constant(safe-area-inset-right))
    }
}

.container.left {
    text-align: left
}

.container.right {
    text-align: right
}

.container.padded {
    padding: 3em
}

@media screen and (max-width: 1200px) {
    .container {
        border-radius:0
    }
}

.container.advertisement.advertisement {
    overflow: hidden;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    background-color: inherit;
    min-height: 90px
}

.container.advertisement.advertisement div[id^=ts_ad_native] {
    margin-left: auto;
    margin-right: auto
}

.invisible {
    z-index: -1;
    visibility: hidden
}

.pagination {
    font-size: 1.3em;
    margin-bottom: 2em;
    margin-top: 2em
}

.pagination .first,.pagination .last,.pagination .next,.pagination .page,.pagination .previous {
    display: inline-block;
    min-width: 35px;
    padding: 5px
}

.pagination .first.current,.pagination .last.current,.pagination .next.current,.pagination .page.current,.pagination .previous.current {
    font-weight: 700;
    border-radius: 100%;
    background-color: #f2f5f5
}

.pagination .first:hover,.pagination .last:hover,.pagination .next:hover,.pagination .page:hover,.pagination .previous:hover {
    border-radius: 100%;
    background-color: #f8f9fa
}

.alphabetical-pagination {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none
}

.alphabetical-pagination li {
    display: inline-block
}

.alphabetical-pagination li a,.alphabetical-pagination li span {
    display: inline-block;
    font-size: 1em;
    line-height: 2.4em;
    height: 2.4em;
    min-width: 2.4em;
    margin-right: .3em;
    text-align: center
}

.alphabetical-pagination li a:hover,.alphabetical-pagination li span:hover {
    border-radius: 100%;
    background-color: #f5f7f7
}

.alphabetical-pagination li a.current,.alphabetical-pagination li span.current {
    border-radius: 100%;
    font-weight: 700
}

.alphabetical-pagination li a.disabled,.alphabetical-pagination li span.disabled {
    color: #999
}

@supports (-webkit-touch-callout:none) {
    @media (min-width: 644px) {
        .ios-mobile-webkit-bottom-spacing {
            display:none
        }
    }
}

.tag {
    color: #fff;
    font-size: 1em;
    vertical-align: middle;
    display: inline-flex;
    margin: .13em;
    flex-direction: row;
    justify-content: center
}

.tag>:first-child {
    border-top-left-radius: .3em;
    border-bottom-left-radius: .3em
}

.tag>:last-child {
    border-top-right-radius: .3em;
    border-bottom-right-radius: .3em
}

.tag .count,.tag .name {
    display: flex;
    padding: .13em .39em;
    align-items: center
}

.tag .name {
    background: #364657
}

.tag .count {
    font-size: .9em;
    color: #ccc;
    font-weight: 400;
    padding: .13em .26em;
    background: #516a83
}

.tag:hover {
    color: #fff
}

.tag:hover .name {
    background: #475d73
}

.tag:hover .count {
    background: #5b7793
}

#footer-container {
    margin-top: 15px;
    margin-bottom: 6px;
    background-color: inherit
}

#footer-container .footer-item a {
    margin: 10px;
    color: #5e7980
}

.thumb-container {
    text-align: center
}

.thumb-container img {
    margin-top: 2px;
    margin-right: 2px;
    margin-left: 2px
}

.blacklisted-tag {
    text-decoration: line-through
}

.blacklisted.gallery {
    opacity: .1;
    -webkit-filter: blur(5px);
    filter: blur(5px);
    will-change: filter
}

.blacklisted.gallery:hover {
    opacity: .2;
    -webkit-filter: blur(0);
    filter: blur(0)
}

.blacklisted.tag {
    opacity: .5;
    text-decoration: line-through
}

#cover img,.gallerythumb img {
    border-top-left-radius: .3em;
    border-top-right-radius: .3em;
    border-bottom-left-radius: .3em;
    border-bottom-right-radius: .3em
}

.gallery,.gallery-favorite,.thumb-container {
    display: inline-block;
    vertical-align: top
}

.gallery-favorite img,.gallery img,.thumb-container img {
    display: block;
    border-top-left-radius: .3em;
    border-top-right-radius: .3em;
    max-width: 100%;
    height: auto
}

@media screen and (min-width: 980px) {
    .gallery,.gallery-favorite,.thumb-container {
        width:19%;
        margin: 3px
    }
}

@media screen and (max-width: 979px) {
    .gallery,.gallery-favorite,.thumb-container {
        width:24%;
        margin: 2px
    }
}

@media screen and (max-width: 772px) {
    .gallery,.gallery-favorite,.thumb-container {
        width:32%;
        margin: 1.5px
    }
}

@media screen and (max-width: 500px) {
    .gallery,.gallery-favorite,.thumb-container {
        width:49%;
        margin: .5px
    }
}

.gallery-favorite a,.gallery a {
    display: block
}

.caption,.gallery-favorite a img,.gallery a img {
    position: absolute
}

.caption {
    line-height: 15px;
    left: 0;
    right: 0;
    top: 100%;
    z-index: 10;
    overflow: hidden;
    width: 100%;
    max-height: 34px;
    padding: 3px;
    background-color: #fff;
    font-weight: 700;
    display: block;
    text-align: center;
    text-decoration: none;
    color: #34495e;
    border-bottom-left-radius: .3em;
    border-bottom-right-radius: .3em
}

.caption .fi {
    margin-right: 4px;
    display: inline-block;
    vertical-align: middle;
    font-size: 1em;
}

h1.title .fi {
    margin-right: 8px;
    display: inline-block;
    vertical-align: middle;
    font-size: 1.2em;
}

.favorite-count-display {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 120px;
    height: 42px;
    text-align: center;
    margin-left: 0;
    margin-right: 5px;
    margin-bottom: 8px;
    padding: 0 12px;
    background: rgba(237, 37, 83, 0.1);
    border-radius: 3px;
    color: #ed2553;
    font-weight: 700;
    font-size: 14px;
    vertical-align: middle;
    box-sizing: border-box;
}

.favorite-count-display i {
    margin-right: 5px;
}

.gallery {
    position: relative;
    margin-bottom: 3em
}

.gallery:hover .caption {
    max-height: 100%;
    box-shadow: 0 10px 20px hsla(0,0%,39.2%,.5)
}

.gallery-favorite .btn {
    margin-top: 20px
}

.gallery-favorite .gallery {
    width: 100%
}

.gallery[data-tags*="6346"] .caption:before,.gallery[data-tags*="12227"] .caption:before,.gallery[data-tags*="29963"] .caption:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    float: left;
    z-index: 2;
    background-size: contain;
    width: 18px;
    height: 12px
}

.gallery[data-tags*="6346"] .caption:before {
    background-image: url("data:image/gif;base64,R0lGODlhSAAwAOZhAO1UZPn6/PX+//X8//z9/vX4+/X//////+1TY+1PX/X7/vX7/fb///X9/+1SYvf4++1QYOxMXPn7/P7+//Xw9PXx9fGjre5pd/X8/vb4+/GnsPPN1O1OX/CQm+95hvTd4vXy9vGXovTb4PCVoO1TZPPS1+1OXu1QYfPT2fTm6/Ggqu1dbfX5/O5icPCSnfCTne1RYvTq7u5hcfGkrvTv8+5jce1UZfTr7/To7fKqsvPJz+1WZvPO0/CTnvXt8fPP1e93g/K0vPLEy/LEzO1PYO1YaO+Aje5od+1ZaPLDy+5gb/LFzO5ice+Klu1XZ++Cju1YZ+5hcPXs8PGirOxKW++JlexLXO+CjfK2v/K2vfXs8e+BjPG0u+5hb+1VZfb4+vX3+v///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAGEALAAAAABIADAAAAf/gGFhBwQBD1+IiYqLjI2Oj5CLDwEEB4JhEwFfYJydnp+goaKjpKNfARODEqWsra6vnRKEm7C1trBfhbe7vKQBGb3BwmCHw8a3iMfKr8nLzqTNz9Kf0dPW1dbS2NnO28MFCw0CBgINCwXdtMcFAz5LFi9NLxZCWgMsyt68GCBYTxdIIFhJAOWCkSAVBhzTdwsDjhBMIiRwAMALAAcJInQZkULhMIa1GtzoAYCIl5MoUUIg0SGGgI/qeimokGMHgpQ4T97UQEGBMJCvBJSoASOnUQcteAhA1wtoqwUUZnCwYdSoCRU0fDaNucvABw83q+ZEAESEgWBOWRlAIaOiWJwA0Fb8YICW6y0GGyy+zXlCB92twvDq3Zuy719eaUutbUsYZdy5dYV5BdtYZ9mzgINBlUq18dWskYUJJdoYqVKmiO3emlkzrNidPX+qviWSJASxK1u+lH3MYYgoEilaxBhBCUePvI8NAJHlyoUiCagkcHJkC5eEC2fzYudjiAUXVVxMSSLlXj7tvcCJI2cOdXZu19DDDz0/Xf1nie/jkq/fVv7+rXwBDIDGZBAAgcZQwh+CpeRywCoM8iILJppEWMspqQhCiCGRdOjhh5BMUokggQAAOw==")
}

.gallery[data-tags*="12227"] .caption:before {
    background-image: url("data:image/gif;base64,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")
}

.gallery[data-tags*="29963"] .caption:before {
    background-image: url("data:image/gif;base64,R0lGODlhSAAwAPfGAPbBQO5kX+9lX+5mX+5nX+9nX+5rXe9oXu5oX+9qXu9rXu9sXe9tXe9uXO9uXfBvXO9zWvF7V/B9V/F+VvF+V/BxW/BzWvByW/BzW/B2WfB3WfB0WvB2WvB3WvF5WPB4WfB5WfB6WPF6WPB7WPF7WPB6WfB8WOxPZ+1PZ+xLaOxNaO1OaO1TZexQZu1QZuxRZu1RZuxQZ+1QZ+1RZ+xSZu1SZuxTZu1TZu1VZO1UZe1VZe1WZO1XZO1WZe1XZe5XZO1UZu1aY+1bY+5aY+5bY+5fYe1cYu1dYu5dYu5cY+1eYu5eYu5fYu1YZO1ZZO5YZO5ZZO1aZO5gYe5hYe5jYO5iYe5kYO9kYO5lYO9lYO9mYPfBP/bCP/fDP/fEP/fFP/OTT/KVTvOUT/OWTvKWT/OWT/OfS/SfS/OYTfOaTfObTfOZTvKaTvSbTfOcTPOdTPOcTfOeTPSdTPScTfKHU/GCVfCAVvGBVvCCVvGCVvGFVPGEVfGFVfGHVPGGVfGJU/KIU/GKU/KNUfKPUfGMUvKMUvOMUvKIVPOQUPKRUPORUPKQUfORUfKSUPOSUPKTUPOTUPOUUPSqR/WqR/WrR/WtR/WvRvOgS/ShSvSgS/ShS/SiS/SnSPSlSvSmSvSoSPSpSPSoSfWoSfSpSfSqSPWqSPSrSPW2Q/W3Q/WwRfaxRfWyRfWzRfWwRvWxRvW0Rfa0RPa0RfW2RPW3RPW4Q/a4Q/a6Qva7Qva6Q/a8Qfa9Qfe9Qfa/QPa+Qfe+Qfa/Qfa8Qva9QvbAQPfAQPfCQPfBQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAUAAMYALAAAAABIADAAAAj/AI0JNKajoMGDCBMqXMiwIcOBAx1KnEixosGIFh3myMgxocCOIEM2JCjyYI0hDwTk2FiyJccaVSLpcUnz4EqGNab8kVNL1Ro/PljWFHlz4Y0mdlD1EiaJgQ6hQzvC4ECCyI2FM7B4+mWrUQ+oUTnGQDSJgYyFMg5kKpSozA6WYMNKBLIkjpc7J4wiWTBESYEeT3lYSSK3Yg0MlL6QOXLVaI3HBWfw2FPCB4zCElf0ufWrUgUUDIXmcHJhAiVQdzoEaYz56Y3XN2YwOVPsli9GTVA8fgxE4dE9qYLpcnWnCWvMSQokWODggxpawW71koWGgoYP2A/0RpgDSAFRvXpd/6JyXO5KQ6RAgSrVKpeuW/B76YplydIqS3VqKIQxZNOoUGokcVlrT3FQSRcACPMLMPA1CEx4xOwyRgDbIXSDEHkokIAIVhFYUA0GXOJegyTC94ssgSAxoEI9CAEFDTsA5uFTLVjRhi0MlijdKns4cRZDMwDhQQMs6DdjQTJo8YkwOgLjiyI4rKgQD1MYgAkcDmTRRFyYuSBGLzk2qAssEajQ0A1R8NGJLbhwgkcU5bWGAiS6hAmfLq9IAFpoOkBgCS+/kNLAU0fqsMMbtemyRRdcgPkLITEolENjMDyhySmzsDGElATmMEAoAAzTChiHROKKMF64gcRxOUSBwBQF3cOQxCISmEDHqoXeMMIrAGiSQRMrQNHBHLusssGKN6RgRCN5xHBCDk1c8cIJS/DAZWE1CJKKI1e4UMOkKEgBCBwaDFgDExIMwoopf4AQlJFxEgjEBiFEEelBMABBhRQs1bDEI+7xIkseXxWq0AsyVGhTDcehQAUpXwwThg0KGwySDASYkQYcgxRssUgwefBDERZ4/HFIQMyQQ5Ent+zyyzDHLPPMNNds880456zzzjz3LDNJPiv0UdBCD030RRAB7TNEAQEAOw==")
}

.gallery-edit {
    text-align: left;
    overflow: auto
}

.gallery-edit .gallery {
    float: left
}

.gallery-edit .tag-container {
    display: inline-block
}

#info-container {
    height: auto;
    padding: 10px 40px 20px;
    text-align: left
}

#info-container section.text {
    padding-top: 10px;
    padding-bottom: 10px
}

#info-container section:not(:last-of-type) {
    padding-bottom: 10px;
    border-bottom: 1px solid #dde4e6
}

#info-container h1 {
    font-size: 2em
}

#info-container h2 {
    font-size: 1.6em
}

#info-container h3 {
    font-size: 1.4em
}

#info-container li {
    margin: 5px
}

#info-container a {
    color: #ed2553
}

#info-container #thanks {
    margin-top: 20px;
    text-align: center
}

.sort {
    margin-top: -15px;
    font-size: 20px
}

.sort:before {
    content: "";
    display: block;
    clear: both;
    margin-top: 1em
}

@media screen and (max-width: 550px) {
    .sort {
        font-size:16px
    }
}

.sort .sort-type {
    overflow: hidden;
    display: inline-block;
    border-radius: 5px;
    margin: 10px;
    background-color: #f2f5f5
}

.sort .sort-type>.sort-name,.sort .sort-type>a {
    display: inline-block;
    padding: .5em
}

.sort .sort-type>a:hover {
    background-color: #e6ebed
}

.sort .sort-type>a.current {
    font-weight: 700;
    background-color: #ecf0f1
}

.sort+.container {
    margin-top: 0
}

#info {
    height: auto;
    padding: 10px;
    text-align: left
}

#info .title .pretty {
    color: #34495e
}

#info .title .after,#info .title .before {
    color: #959595
}

#info h1 {
    font-size: 20px
}

#info h2 {
    font-size: 17px;
    margin-top: 10px;
    margin-bottom: 20px
}

#info #gallery_id {
    font-size: 15px;
    cursor: pointer
}

#info #gallery_id .hash {
    color: #666
}

#info .field-name {
    font-weight: 700
}

#info .buttons {
    margin-top: 30px
}

#info .buttons .btn {
    min-width: 120px;
    text-align: center;
    margin-left: 0;
    margin-right: 5px;
    margin-bottom: 10px
}

#info a {
    font-weight: 700
}

#profile-update input[type=file]#avatar {
    display: none
}

#profile-update #avatar-upload {
    overflow: auto;
    width: 200px;
    margin-bottom: 10px
}

#profile-update #avatar-upload img {
    margin-bottom: 10px
}

#profile-update #avatar-upload .btn {
    width: 110px
}

#profile-update #avatar-upload label[for=avatar] {
    float: left;
    width: 70px;
    padding-right: 5px;
    padding-left: 5px
}

#profile-update #avatar-upload label[for=avatar-clear] {
    float: right
}

#profile-update #avatar-upload #avatar-clear {
    position: relative;
    top: 2px;
    margin: 0 0 0 3px
}

#bigcontainer {
    margin-bottom: 25px;
    padding: 30px 20px
}

#bigcontainer form {
    display: inline-block
}

@media screen and (min-width: 768px) {
    #bigcontainer #cover,#bigcontainer #info-block {
        display:inline-block;
        width: 48%;
        vertical-align: top
    }
}

@media screen and (max-width: 500px) {
    #bigcontainer #cover,#bigcontainer #info-block {
        width:100%;
        margin: .5px
    }
}

#bigcontainer #cover img,#bigcontainer #info-block img {
    max-width: 100%
}

.fa-heart,.fa-heart-o {
    margin: 2px
}

.lazyload {
    background-color: #e3e9eb
}

.lazyload-loading {
    background: #dae2e4
}

#thumbnail-container {
    margin-bottom: 25px;
    padding: 15px;
    text-align: left;
    background-color: #2a3744
}

@media screen and (max-width: 980px) {
    #thumbnail-container {
        padding:10px 5px 5px;
        border-radius: 0
    }
}

@media screen and (max-width: 980px) and screen and (orientation:landscape) {
    #thumbnail-container {
        padding-left:constant(safe-area-inset-left);
        padding-right: constant(safe-area-inset-right)
    }
}

#thumbnail-container .lazyload {
    background-color: #303f4d
}

#thumbnail-container .lazyload-loading {
    background-color: #364657
}

#thumbnail-container .gallerythumb {
    display: inline-block;
    margin-bottom: 3px;
    vertical-align: middle
}

#thumbnail-container .gallerythumb a {
    display: inline-block
}

#thumbnail-container .gallerythumb img:hover {
    -webkit-filter: brightness(110%);
    -moz-filter: brightness(110%)
}

#thumbnail-container.clip-height .thumbs {
    overflow: hidden;
    position: relative
}

#thumbnail-container.clip-height .thumbs:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 0;
    z-index: 20;
    box-shadow: 0 0 40px 80px #2a3744
}

#show-all-images-container {
    text-align: center;
    margin-top: 1em
}

#related-container {
    margin-bottom: 25px;
    padding-bottom: 20px
}

.commentform {
    max-width: 100%
}

.login-comment {
    text-decoration: underline
}

textarea {
    width: 85%;
    height: 90px;
    margin-bottom: 5px;
    padding: 10px;
    border: 0;
    border-radius: 3px;
    outline: 0;
    -webkit-appearance: none
}

#comment-container {
    padding: 20px
}

.commentbutton {
    width: 120px;
    height: 40px;
    color: #fff;
    border: 0;
    border-radius: 3px
}

.avatar {
    display: inline-block;
    position: relative;
    width: 50px;
    height: 50px;
    overflow: hidden;
    margin-right: 10px;
    border-radius: 100%
}

.avatar img {
    object-fit: cover;
    object-position: 50% 50%;
    width: 100%;
    height: 100%
}

.avatar .username {
    display: inline-block;
    vertical-align: middle
}

.comment {
    display: flex;
    text-align: left;
    margin-bottom: 10px;
    padding: 8px;
    overflow: hidden
}

.comment .header {
    display: flex;
    flex-direction: row;
    margin-bottom: 5px
}

.comment .header time {
    margin-left: .5em;
    opacity: .6
}

.comment .header .right {
    margin-left: auto;
    text-align: right
}

.comment .header .right .comment-delete,.comment .header .right .comment-flag {
    margin-left: 1em;
    opacity: .6
}

.comment .header .right .comment-delete:hover,.comment .header .right .comment-flag:hover {
    opacity: .9
}

.comment .body-wrapper {
    flex: 1
}

.comment .body-wrapper .body {
    word-break: break-word
}

.comment .body-wrapper .body a {
    color: #ed2553
}

.comment .body-wrapper .body a:hover {
    color: #ef3d66;
    text-decoration: underline
}

.comment:target {
    background-color: #d7e0e2
}

#favorites-search-bar {
    width: 200px;
    height: 35px;
    padding: 10px;
    border: 0;
    border-radius: 3px;
    outline: 0;
    outline-width: 0;
    outline-style: none;
    background-color: #dae2e4;
    -webkit-appearance: none
}

#favorites-search-form {
    margin-bottom: 20px
}

#favorites-search {
    display: inline-block
}

#favorites-search input {
    background-color: #ecf0f1
}

#favorites-search-button {
    width: 40px;
    height: 35px
}

#favorites-random-button {
    margin-left: -15px
}

.remove-button {
    margin-top: 5px;
    margin-bottom: 10px;
    background-color: #e32636
}

.remove-button:hover {
    text-decoration: none;
    background-color: #e6414f
}

#favcontainer {
    padding: 10px 10px 40px
}

.removed {
    opacity: .5
}

#tag-container {
    padding-bottom: 5px;
    -webkit-columns: 170px;
    -moz-columns: 170px;
    -ms-columns: 170px;
    -o-columns: 170px;
    columns: 170px;
    -webkit-column-rule-color: #e2e8e9;
    -webkit-column-rule-width: 1px;
    -webkit-column-rule-style: solid;
    -moz-column-rule-color: #e2e8e9;
    -moz-column-rule-width: 1px;
    -moz-column-rule-style: solid;
    -ms-column-rule-color: #e2e8e9;
    -ms-column-rule-width: 1px;
    -ms-column-rule-style: solid;
    -o-column-rule-color: #e2e8e9;
    -o-column-rule-width: 1px;
    -o-column-rule-style: solid;
    column-rule-color: #e2e8e9;
    column-rule-width: 1px;
    column-rule-style: solid
}

#tag-container .tag {
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    column-break-inside: avoid;
    page-break-inside: avoid;
    display: flex;
    margin-right: 1em;
    margin-left: 1em;
    margin-bottom: .2em
}

#tag-container .tag .name {
    flex: 1
}

#tag-container .tag .count {
    min-width: 2.5em;
    justify-content: flex-end
}

#tag-container section {
    border: 1px solid transparent;
    border-radius: 5px
}

#tag-container section:first-of-type h2 {
    margin-top: 0
}

#tag-container section:target {
    border-color: #cfd9db;
    background-color: #f5f7f7
}

input,input:focus {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    outline: none
}

div.form-control {
    background-color: transparent
}

.container.error h1 {
    font-size: 50px
}

.container.error blockquote {
    font-size: 25px;
    font-style: italic
}

.container.error img {
    max-width: 100%
}

.nobold {
    font-weight: 400
}

.hidden {
    display: none!important
}

#favorites-search {
    padding-left: 20px;
    padding-right: 60px;
    margin-left: auto;
    margin-right: auto;
    max-width: 300px
}

.moderation-table,.moderation-table tr td.comment {
    width: 100%
}

.moderation-table tr td.comment .comment {
    width: 100%;
    box-shadow: 0 0 5px #141414;
    border-radius: .5em
}

.moderation-table tr td:nth-child(6) {
    min-width: 160px
}

.moderation-table tr.voted {
    display: none
}

.g-recaptcha,.tag-autocomplete,.tag-autocomplete .tag-wrapper {
    display: inline-block
}

.tag-autocomplete .autocomplete-wrapper {
    position: relative;
    display: inline-block
}

.tag-autocomplete .autocomplete-wrapper.hidden {
    display: none
}

.tag-autocomplete .autocomplete-wrapper input.tag-input {
    font-weight: 400;
    margin: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.tag-autocomplete .autocomplete-wrapper .dropdown {
    z-index: 2;
    position: absolute;
    left: 0;
    width: auto;
    right: 0;
    background-color: #364657;
    margin-top: 0;
    list-style-type: none;
    padding-left: 0;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    box-shadow: 0 10px 20px rgba(0,0,0,.5)
}

.tag-autocomplete .autocomplete-wrapper .dropdown li.active>a.tag {
    background: #506984!important
}

.tag-autocomplete .autocomplete-wrapper .dropdown li.disabled {
    font-style: italic;
    padding: 2px 6px 3px;
    color: grey
}

.tag-container .name {
    font-weight: 700
}

.tag-container .tag.tag-deleted .name {
    background-color: #643d3d;
    text-decoration: line-through
}

.tag-container .tag.tag-deleted:hover .name {
    background-color: #845050
}

.tag-container .tag.tag-added .name {
    background-color: #3d643f
}

.tag-container .tag.tag-added:hover .name {
    background-color: #508453
}

.tag-container .tag.tag-created .name {
    background-color: #7c7b36
}

.tag-container .tag.tag-created:hover .name {
    background-color: #a09e46
}

.tag-container .tag.tag-new {
    cursor: pointer
}

.tag.tag-input {
    margin-bottom: 0
}

#messages {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 20;
    margin-top: 4em
}

.alert {
    display: flex;
    opacity: .9;
    padding: 15px;
    margin-left: 4em;
    margin-right: 4em;
    margin-bottom: 2em;
    border: 1px solid transparent;
    border-radius: 4px
}

.alert.alert-info,.alert.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

.alert.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}

.alert.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc
}

.alert .alert-close {
    margin-left: auto;
    color: #34495e
}

.alert.fade-slide-in {
    opacity: 0;
    transform: translateY(-40px) scale(.95);
    transition: opacity .1s ease,transform .2s ease
}

.alert.fade-slide-in.open {
    transform: translateY(0) scale(1);
    opacity: .9
}

.modal-wrapper {
    display: block;
    overflow: auto;
    z-index: 20;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px;
    background: rgba(0,0,0,.6)
}

.modal-wrapper.fade-slide-in {
    background: transparent;
    transition: background .1 ease
}

.modal-wrapper.fade-slide-in .modal-inner {
    opacity: 0;
    transform: translateY(-20px) scale(.95);
    transition: opacity .1s ease,transform .2s ease
}

.modal-wrapper.fade-slide-in.open {
    background: rgba(0,0,0,.6)
}

.modal-wrapper.fade-slide-in.open .modal-inner {
    transform: translateY(0) scale(1);
    opacity: 1
}

.modal-wrapper.modal-compact .modal-inner {
    display: inline-block
}

.modal-wrapper.modal-compact .modal-inner h1 {
    display: none
}

.modal-wrapper .modal-inner {
    overflow: auto;
    background-color: #fff;
    border-radius: 5px;
    max-width: 600px;
    padding-top: 10px;
    margin: 2em auto 50px;
    box-shadow: 0 0 60px rgba(0,0,0,.5)
}

.modal-wrapper .modal-inner .contents {
    padding: 10px
}

.modal-wrapper .modal-inner .contents :first-child {
    margin-top: 0
}

.modal-wrapper .modal-inner .buttons {
    padding: 5px;
    margin-top: 10px;
    background-color: #e6e6e6
}

#chatbanner {
    margin: 20px
}

#chatbanner img {
    border: 2px solid #ed2553
}

.announcement {
    margin: 20px 5px;
    font-size: 1.1em
}

.announcement a[href] {
    color: #ed2553
}

#errors {
    text-align: center;
    list-style-type: none;
    padding-left: 0;
    color: #ef808a
}

select {
    font-weight: 400
}

.color-icon {
    color: #ed2553
}

#page-container {
    margin-bottom: 5px;
    padding-left: 0;
    padding-right: 0
}

@media (max-width: 768px) {
    #page-container img {
        width:100%;
        height: auto
    }
}

@media (min-width: 769px) {
    #page-container img {
        max-width:100%;
        height: auto
    }
}

#page-container .pagination {
    margin-bottom: 5px;
    margin-top: 5px
}

#page-container .pagination .first,#page-container .pagination .last,#page-container .pagination .next,#page-container .pagination .page,#page-container .pagination .previous {
    font-size: 17px;
    margin-bottom: 10px;
    margin-top: 10px
}

@media (min-width: 397px) {
    #page-container .pagination .first,#page-container .pagination .last,#page-container .pagination .next,#page-container .pagination .page,#page-container .pagination .previous {
        margin-right:20px;
        margin-left: 20px
    }
}

#page-container .page-number .current,#page-container .page-number .num-pages {
    font-weight: 600
}

html.reader,html.reader #content,html.reader body {
    height: 100%
}

html.reader body {
    padding-top: 50px
}

html.reader #content {
    margin-top: 0
}

html.reader nav {
    margin-top: -50px
}

html.reader.nav-hidden body {
    padding-top: 0
}

html.reader.nav-hidden nav {
    display: none
}

html.reader .advertisement.advertisement {
    margin: 0;
    padding: 20px 0;
    background-color: #324151;
    max-width: 100%;
    border-radius: 0
}

html.reader .reader-bar {
    background-color: #3d5064;
    color: #fff;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

html.reader .reader-bar>* {
    display: flex-item
}

html.reader .reader-bar .box,html.reader .reader-bar a,html.reader .reader-bar button {
    color: #fff;
    line-height: 20px;
    padding: 10px;
    min-width: 40px;
    min-height: 100%;
    border-radius: 0
}

html.reader .reader-bar a:hover,html.reader .reader-bar button:hover {
    background-color: #516a83
}

html.reader .reader-bar .reader-buttons-left {
    display: flex;
    align-self: flex-start
}

html.reader .reader-bar .reader-pagination {
    display: flex;
    align-self: flex-center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

html.reader .reader-bar .reader-pagination .page-number {
    vertical-align: top
}

html.reader .reader-bar .reader-pagination .page-number .current,html.reader .reader-bar .reader-pagination .page-number .num-pages {
    font-weight: 700
}

@media screen and (max-width: 310px) {
    html.reader .reader-bar .reader-pagination .first,html.reader .reader-bar .reader-pagination .last {
        display:none
    }
}

html.reader .reader-bar .reader-buttons-right {
    display: flex;
    align-self: flex-end
}

html.reader .reader-bar .reader-buttons-right .zoom-buttons {
    display: flex
}

html.reader .reader-bar .reader-buttons-right .zoom-buttons .zoom-level {
    font-size: .9em;
    user-select: none
}

@media screen and (max-width: 640px) {
    html.reader .reader-bar .reader-buttons-right .zoom-buttons .zoom-level {
        display:none
    }
}

@media screen and (max-width: 550px) {
    html.reader .reader-bar .reader-buttons-right .zoom-buttons {
        display:none
    }
}

html.reader #image-container {
    -webkit-tap-highlight-color: rgba(255,255,255,0);
    text-align: center;
    height: 100%;
    outline: 0;
    overflow-x: auto;
    overflow-y: visible;
    max-width: 100%;
    height: auto;
    min-height: 300px
}

html.reader #image-container img {
    vertical-align: bottom;
    height: auto;
    max-width: 100%;
    user-select: none
}

html.reader #image-container.fit-horizontal {
    height: auto
}

html.reader #image-container.fit-horizontal.zoom-100 img {
    max-width: 100%
}

html.reader #image-container.fit-horizontal.zoom-120 img {
    max-width: 120%
}

html.reader #image-container.fit-horizontal.zoom-140 img {
    max-width: 140%
}

html.reader #image-container.fit-horizontal.zoom-160 img {
    max-width: 160%
}

html.reader #image-container.fit-horizontal.zoom-180 img {
    max-width: 180%
}

html.reader #image-container.fit-horizontal.zoom-200 img {
    max-width: 200%
}

html.reader #image-container.fit-horizontal.zoom-220 img {
    max-width: 220%
}

html.reader #image-container.fit-horizontal.zoom-240 img {
    max-width: 240%
}

html.reader #image-container.fit-horizontal.zoom-260 img {
    max-width: 260%
}

html.reader #image-container.fit-horizontal.zoom-280 img {
    max-width: 280%
}

html.reader #image-container.fit-horizontal.zoom-300 img {
    max-width: 300%
}

html.reader #image-container.fit-both {
    height: calc(100% + 20px)
}

html.reader #image-container.fit-both img {
    max-height: 100%;
    width: auto
}

html.reader #page-number {
    -webkit-appearance: none;
    display: inline-block;
    border-radius: 3px;
    padding: 0 .1em 0 1em;
    font-size: 1em;
    height: 40px;
    border: 0;
    vertical-align: top
}

html.reader #reader-settings {
    padding: 20px;
    text-align: left
}

html.reader #reader-settings h2 {
    text-align: center
}

html.reader #reader-settings label {
    clear: both
}

html.reader #reader-settings label .control {
    float: right
}

html.reader #reader-settings input,html.reader #reader-settings label,html.reader #reader-settings select {
    font-size: 16px
}

html.theme-blue #thumbnail-container .lazyload,html.theme-blue .lazyload {
    background-color: #303f4d
}

html.theme-blue #thumbnail-container .lazyload-loading,html.theme-blue .lazyload-loading {
    background-color: #364657
}

html.theme-blue,html.theme-blue body {
    color: #d9d9d9;
    background-color: #202a34
}

html.theme-blue a.btn {
    color: #fff
}

html.theme-blue a,html.theme-blue ul.nav.navbar-nav>li>a {
    color: #d9d9d9
}

html.theme-blue ul.nav.navbar-nav>li.active>a {
    color: #fff
}

html.theme-blue .container {
    background-color: #2a3744
}

html.theme-blue .gallery-thumbnail {
    background-color: #303f4d
}

html.theme-blue .tag .name,html.theme-blue input.tag-input .name {
    color: #d9d9d9;
    background: #3d5064
}

html.theme-blue .tag .count,html.theme-blue input.tag-input .count {
    background: #364657
}

html.theme-blue .tag:hover .name,html.theme-blue input.tag-input:hover .name {
    background: #4b627a
}

html.theme-blue .tag:hover .count,html.theme-blue input.tag-input:hover .count {
    background: #3d5064
}

html.theme-blue #tag-container {
    -webkit-column-rule-color: #3a4b5d;
    -moz-column-rule-color: #3a4b5d;
    -ms-column-rule-color: #3a4b5d;
    -o-column-rule-color: #3a4b5d;
    column-rule-color: #3a4b5d
}

html.theme-blue #tag-container section:target {
    border-color: #475d73;
    background: #344454
}

html.theme-blue .gallery:hover .caption {
    box-shadow: 0 10px 20px rgba(0,0,0,.5)
}

html.theme-blue .caption {
    background-color: #3d5064;
    color: #d9d9d9
}

html.theme-blue #info .title .pretty {
    color: #d9d9d9
}

html.theme-blue #info .title .after,html.theme-blue #info .title .before {
    color: #666
}

html.theme-blue .pagination .first:hover,html.theme-blue .pagination .last:hover,html.theme-blue .pagination .next:hover,html.theme-blue .pagination .page:hover,html.theme-blue .pagination .previous:hover {
    background-color: #3d5064
}

html.theme-blue .pagination .first.current,html.theme-blue .pagination .last.current,html.theme-blue .pagination .next.current,html.theme-blue .pagination .page.current,html.theme-blue .pagination .previous.current {
    background-color: #344454
}

html.theme-blue .sort-type {
    background-color: #2a3744
}

html.theme-blue .sort-type>a:not(:last-child),html.theme-blue .sort-type>span:not(:last-child) {
    border-right: 1px solid #202a34
}

html.theme-blue .alphabetical-pagination a:hover,html.theme-blue .alphabetical-pagination span:hover,html.theme-blue .sort a:hover {
    background-color: #3d5064
}

html.theme-blue .alphabetical-pagination a.disabled,html.theme-blue .alphabetical-pagination span.disabled,html.theme-blue .sort a.disabled {
    color: #737373
}

html.theme-blue .alphabetical-pagination a.current,html.theme-blue .alphabetical-pagination span.current,html.theme-blue .sort a.current {
    background-color: #344454
}

html.theme-blue .comment:target {
    background-color: #38495a
}

html.theme-blue .form-control {
    border: none;
    background-color: inherit
}

html.theme-blue code {
    color: #a5b6c8;
    border: none;
    background-color: #3d5064
}

html.theme-blue #favorites-search input {
    background-color: #fff
}

html.theme-blue .modal-inner {
    background-color: #2a3744
}

html.theme-blue .modal-inner .buttons {
    background-color: #38495a
}

html.theme-black #favorites-search input,html.theme-black input:not([type=file]):not([type=checkbox]),html.theme-black textarea {
    background: #4d4d4d;
    color: #d9d9d9
}

html.theme-black #favorites-search input:hover,html.theme-black input:not([type=file]):not([type=checkbox]):hover,html.theme-black textarea:hover {
    background: #666
}

html.theme-black,html.theme-black body {
    color: #d9d9d9;
    background-color: #0d0d0d
}

html.theme-black.bare,html.theme-black.bare body {
    background-color: #1f1f1f
}

html.theme-black a {
    color: #d9d9d9
}

html.theme-black nav {
    background-color: #1f1f1f
}

html.theme-black nav a:hover {
    background-color: #383838
}

html.theme-black nav .menu-register a {
    color: #fff
}

html.theme-black nav .menu-sign-in>a {
    background-color: #383838
}

html.theme-black nav .menu-sign-in>a:hover {
    background-color: #454545
}

html.theme-black nav .dropdown-menu.open {
    box-shadow: 0 0 30px rgba(0,0,0,.5);
    background-color: #383838
}

html.theme-black nav .dropdown-menu.open:before {
    border-bottom-color: #383838
}

html.theme-black nav .dropdown-menu.open a:hover {
    background-color: #525252
}

html.theme-black .tag-autocomplete .autocomplete-wrapper .dropdown {
    background-color: #383838
}

html.theme-black #thumbnail-container,html.theme-black .container {
    background-color: #1f1f1f
}

html.theme-black #thumbnail-container .lazyload,html.theme-black .lazyload {
    background-color: #262626
}

html.theme-black #thumbnail-container .lazyload-loading,html.theme-black .lazyload-loading {
    background-color: #2e2e2e
}

html.theme-black #thumbnail-container.clip-height .thumbs:after {
    box-shadow: 0 0 40px 80px #1f1f1f
}

html.theme-black .gallery-thumbnail {
    background-color: #212121
}

html.theme-black .tag,html.theme-black input.tag-input[type] {
    color: #d9d9d9
}

html.theme-black .tag .name,html.theme-black input.tag-input[type] .name {
    background: #4d4d4d
}

html.theme-black .tag .count,html.theme-black input.tag-input[type] .count {
    color: grey;
    background: #333;
    box-shadow: inset 0 0 .4em #2b2b2b
}

html.theme-black .tag:hover .name,html.theme-black input.tag-input[type]:hover .name {
    background: #595959
}

html.theme-black .tag:hover .count,html.theme-black input.tag-input[type]:hover .count {
    background: #404040
}

html.theme-black #tag-container {
    -webkit-column-rule-color: #2e2e2e;
    -moz-column-rule-color: #2e2e2e;
    -ms-column-rule-color: #2e2e2e;
    -o-column-rule-color: #2e2e2e;
    column-rule-color: #2e2e2e
}

html.theme-black #tag-container section:target {
    border-color: #404040;
    background: #262626
}

html.theme-black #tag-container section:target .tag:hover {
    background: #333
}

html.theme-black .gallery:hover .caption {
    box-shadow: 0 10px 20px rgba(0,0,0,.5)
}

html.theme-black .caption {
    background-color: #404040;
    color: #d9d9d9
}

html.theme-black #info-container section:not(:last-of-type) {
    border-bottom: 1px solid #333
}

html.theme-black #info .title .pretty {
    color: #fff
}

html.theme-black #info .title .after,html.theme-black #info .title .before {
    color: #999
}

html.theme-black .pagination .first:hover,html.theme-black .pagination .last:hover,html.theme-black .pagination .next:hover,html.theme-black .pagination .page:hover,html.theme-black .pagination .previous:hover {
    background-color: #333
}

html.theme-black .pagination .first.current,html.theme-black .pagination .last.current,html.theme-black .pagination .next.current,html.theme-black .pagination .page.current,html.theme-black .pagination .previous.current {
    background-color: #262626
}

html.theme-black .sort-type {
    background-color: #1a1a1a
}

html.theme-black .sort-type>a:not(:last-child),html.theme-black .sort-type>span:not(:last-child) {
    border-right: 1px solid #0d0d0d
}

html.theme-black .alphabetical-pagination a:hover,html.theme-black .alphabetical-pagination span:hover,html.theme-black .sort a:hover {
    background-color: #333
}

html.theme-black .alphabetical-pagination a.disabled,html.theme-black .alphabetical-pagination span.disabled,html.theme-black .sort a.disabled {
    color: #737373
}

html.theme-black .alphabetical-pagination a.current,html.theme-black .alphabetical-pagination span.current,html.theme-black .sort a.current {
    background-color: #2e2e2e
}

html.theme-black .comment:target {
    background-color: #2b2b2b
}

html.theme-black .form-control {
    border: none;
    background-color: inherit
}

html.theme-black .btn {
    color: #fff
}

html.theme-black .btn-secondary {
    background-color: #4d4d4d
}

html.theme-black .btn-secondary:focus,html.theme-black .btn-secondary:hover {
    background-color: #595959
}

html.theme-black #footer-container .footer-item a {
    color: #333
}

html.theme-black #footer-container .footer-item a:hover {
    color: #666
}

html.theme-black code {
    color: #ed2553;
    border: none;
    background-color: #292929
}

html.theme-black.reader .reader-bar {
    background-color: #383838
}

html.theme-black.reader .reader-bar a:hover,html.theme-black.reader .reader-bar button:hover {
    background-color: #525252
}

html.theme-black.reader #image-container img {
    background-color: #1a1a1a
}

html.theme-black.reader .advertisement {
    background-color: #292929
}

html.theme-black .modal-inner {
    background-color: #1f1f1f
}

html.theme-black .modal-inner .buttons {
    background-color: #383838
}

html.theme-light .tag .name {
    background: #5b7793
}

html.theme-light .tag .count {
    background: #7690aa;
    color: #d9d9d9
}

html.theme-light .tag:hover .name {
    background: #7690aa
}

html.theme-light .tag:hover .count {
    background: #96aabe
}

.flagged-comments td.user img {
    margin-right: 0;
    display: block
}

.flagged-comments td.buttons {
    min-width: 180px
}

html.bare body,html.bare html {
    background: #1f2933;
    color: #fff;
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0
}

html.bare #messages {
    position: static
}

html.bare #errors {
    color: #ef808a;
    list-style-type: none;
    padding-left: 0
}

html.bare .logo img {
    filter: brightness(1);
    transition: .3s
}

html.bare .logo img:hover {
    filter: brightness(1.6)
}

html.bare a {
    color: #fff;
    text-decoration: none;
    font-weight: 700
}

html.bare a:hover {
    color: #ee4972;
    text-decoration: none
}

html.bare main {
    display: table;
    height: 100%;
    margin-left: auto;
    margin-right: auto
}

html.bare #content {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

html.bare .lead {
    color: #fff;
    font-size: 15px;
    margin-top: 2px;
    font-style: italic
}

html.bare .row {
    position: relative
}

html.bare .row input {
    color: #000;
    width: 300px;
    height: 55px;
    padding: 10px;
    margin-bottom: 0;
    border: 0;
    outline: 0;
    font-size: 1em;
    -webkit-appearance: none;
    border-radius: 0
}

html.bare .row:first-of-type input {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

html.bare .row:last-of-type input {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px
}

html.bare .row:not(:first-of-type) input {
    border-top: 1px solid #3b3b3b
}

html.bare #form-error {
    color: #fff
}

html.bare #form-error ul {
    list-style: none;
    text-align: center
}

html.bare .button-wide {
    margin-top: 15px;
    margin-bottom: 5px;
    height: 50px;
    width: 300px;
    border: 0;
    border-radius: 3px;
    outline: none;
    background: #ed2553;
    color: #fff;
    font-size: 1.2em;
    -webkit-font-smoothing: antialiased;
    font-weight: 700;
    cursor: pointer
}

html.bare .button-wide:hover {
    background: #ef3862
}

html.bare .captcha {
    min-height: 78px;
    margin-top: 15px;
    position: relative;
    left: 1px
}

html.bare .captcha .g-recaptcha>div {
    width: auto!important
}

html.bare .captcha .g-recaptcha>div>div {
    margin: auto
}

html.bare .alert a {
    color: #ed2553
}