.shortcode-list-modal .modal-body {
    background-color: var(--bb-body-bg);
}
.shortcode-list-modal .shortcode-item-input:checked ~ .shortcode-item {
    border-color: var(--bb-primary);
}
.shortcode-list-modal
    .shortcode-item-input:checked
    ~ .shortcode-item
    .checked-icon {
    display: block;
}
.shortcode-list-modal .shortcode-item-input:checked ~ .shortcode-item .card {
    border-color: transparent;
}
.shortcode-list-modal .shortcode-item {
    border: 2px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
}
.shortcode-list-modal .shortcode-item .checked-icon {
    background-color: var(--bb-primary);
    border-radius: 50%;
    color: #fff;
    display: none;
    padding: 3px;
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 10;
}
.shortcode-list-modal .shortcode-item .image-wrapper {
    border-bottom: 1px solid var(--bb-card-border-color);
    border-radius: 4px 4px 0 0;
    padding-top: 56.25%;
}
.shortcode-list-modal .shortcode-item .image-wrapper > img {
    height: 100%;
    inset: 0;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    width: 100%;
}
.shortcode-list-modal .shortcode-item .image-wrapper .large > img {
    opacity: 0;
    position: absolute;
    z-index: -1;
}
.shortcode-list-modal .shortcode-item .image-wrapper:hover .large > img {
    opacity: 1;
    z-index: 9999;
}
.shortcode-list-modal .shortcode-item .card-header {
    border-bottom: unset;
}
.shortcode-list-modal .shortcode-item .card-header .card-subtitle,
.shortcode-list-modal .shortcode-item .card-header .card-title {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    overflow: hidden;
}
.shortcode-list-modal .shortcode-item:hover .card-header {
    background-color: var(--bb-body-bg);
}
.shortcode-list-modal .shortcode-item .use-button {
    --bb-btn-padding-y: 0.25rem !important;
    --bb-btn-padding-x: 0.5rem !important;
    --bb-btn-font-size: 0.75rem !important;
}