/*
 * Final media-page overrides. This file is deliberately bundled last so old
 * legacy screenshot-viewer rules cannot make the description escape its card.
 */
#xf-screenshot-browser.xf-ssbrowser.xf-ssbrowser .xf-ssbrowser-meta {
    overflow: hidden !important;
}

#xf-screenshot-browser.xf-ssbrowser.xf-ssbrowser .xf-ssbrowser-detail-card {
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
}

#xf-screenshot-browser.xf-ssbrowser.xf-ssbrowser .xf-ssbrowser-detail-description {
    box-sizing: border-box !important;
    flex: 0 0 60px !important;
    height: 60px !important;
    min-height: 60px !important;
    max-height: 60px !important;
    margin: 4px 0 0 !important;
    overflow: hidden !important;
}

#xf-screenshot-browser.xf-ssbrowser.xf-ssbrowser #description_data {
    box-sizing: border-box !important;
    display: block !important;
    width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 1px 0 0 !important;
    padding: 1px 10px 1px 0 !important;
    overflow-x: hidden !important;
    overflow-y: scroll !important;
    overflow-wrap: anywhere !important;
    white-space: normal !important;
    word-break: break-word !important;
    scrollbar-gutter: stable !important;
}

#xf-screenshot-browser.xf-ssbrowser.xf-ssbrowser.is-description-editing .xf-ssbrowser-detail-description {
    flex-basis: 60px !important;
    height: 60px !important;
    min-height: 60px !important;
    max-height: 60px !important;
    overflow: hidden !important;
}

#xf-screenshot-browser.xf-ssbrowser.xf-ssbrowser.is-description-editing #description_data {
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    overflow: hidden !important;
}

#xf-screenshot-browser.xf-ssbrowser.xf-ssbrowser #description_data textarea {
    box-sizing: border-box !important;
    width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    resize: none !important;
}

/*
 * Role names use the browser's native title tooltip. Native tooltips render
 * outside the document and therefore cannot be clipped by legacy containers.
 */
.xf-role-badge > .xf-role-badge-tooltip {
    display: none !important;
}

.xf-toast-hiding {
    opacity: 0 !important;
    transform: translateY(-12px) !important;
    transition: opacity .28s ease, transform .28s ease !important;
    pointer-events: none !important;
}
.xf-ssbrowser-title-actions{align-items:center;gap:2px;display:inline-flex;vertical-align:middle}.xf-ssbrowser-title-icon{background-image:url('https://xf1re.b-cdn.net/images/ss_icons.png');background-repeat:no-repeat;width:28px;height:28px;display:inline-block;vertical-align:middle}.xf-ssbrowser-title-edit{background-position:0 -168px}.xf-ssbrowser-title-edit:hover,.xf-ssbrowser-title-edit:focus{background-position:0 -196px}.xf-ssbrowser-title-delete{background-position:0 -224px}.xf-ssbrowser-title-delete:hover,.xf-ssbrowser-title-delete:focus{background-position:0 -252px}.xf-ssbrowser-close-link,#xf-screenshot-browser .xf-ssbrowser-close-link{color:#a9a9a9!important;font:bold 22px/22px Arial,sans-serif!important;text-decoration:none!important}.xf-ssbrowser-close-link:hover,.xf-ssbrowser-close-link:focus,#xf-screenshot-browser .xf-ssbrowser-close-link:hover,#xf-screenshot-browser .xf-ssbrowser-close-link:focus{color:#e3342f!important}