#swm-media-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
    margin-top: 20px;
}

#swm-media-grid img {
    width: 100%;
    height: auto;
    cursor: pointer;
}

#media-attachment-date-filters{
    display: none;
}

.media-modal-content{
    background: #121212!important;
    border-radius: 8px!important;
    padding: 20px!important;
}

.media-modal-close{
    border-radius: 4px!important;
    height: 32px!important;
    width: 32px!important;
    padding: 8px!important;
}

.media-frame-title h1{
    font-size: 20px!important;
    padding: 10px!important;
}

.media-frame-content{
    background: #191919!important;
    border-color: #1e1e1e!important;
}

.media-toolbar{
    background: #0f0f0f!important;
    border-color: #1e1e1e!important;
}

.attachment-preview{
    border-radius: 14px!important;
    background: #1e1e1e!important;
}

.media-sidebar{
    border-radius: 14px!important;
    background: #1e1e1e!important;
    border-color: #2e2e2e!important;
}

.wp-core-ui .attachment .thumbnail:after{
    box-shadow: none!important;
}

.media-toolbar-secondary{
    display: none;
}

.wp-core-ui .button-primary {
    background: #101010!important;
    border-color: #bb86fc!important;
    color: #bb86fc!important;
    text-decoration: none!important;
    text-shadow: none!important;
    border-radius: 6px!important;
}

.media-toolbar-primary .search-form button{
    background: #101010!important;
    border-color: #bb86fc!important;
    color: #bb86fc!important;
    text-decoration: none!important;
    text-shadow: none!important;
    border-radius: 6px!important;
}

.media-sidebar input{
    background: #191919!important;
    border-radius: 4px!important;
    color: #dbdbdb!important;
    padding: 8px 12px 8px 12px!important;
}

.attachments-browser .media-toolbar-primary input{
    background: #191919!important;
    border-radius: 4px!important;
    color: #dbdbdb!important;
    padding: 8px 12px 8px 12px!important;
}

.copy-attachment-url{
    color: #4af368!important;
    border-color: #212121!important;
    background: #121212!important;
    vertical-align: top!important;
}

.attachment-details h2{
    font-size: 20px!important;
}

.media-router .active, .media-router .media-menu-item.active{
    margin: -1px 0px 0!important;
    background: #1c1c1c!important;
    border: 1px solid #bb86fc!important;
    border-bottom: none!important;
    border-radius: 6px 6px 0px 0px!important;
    color: #bb86fc!important;
}

.media-router .media-menu-item{
    position: relative!important;
    float: left!important;
    border: 0!important;
    margin: 0!important;
    padding: 8px 10px 9px!important;
    height: 18px!important;
    line-height: 1.28571428!important;
    font-size: 14px!important;
    text-decoration: none!important;
    background: #1c1c1c!important;
    cursor: pointer!important;
    transition: none!important;
    border-radius: 6px 6px 0px 0px!important;
    color: grey!important;
    outline: none!important;
}

.element-select-media{
    cursor: pointer;
}