.inplayquotes_popup {
            background: #ffffff;
            width: 100%;
            margin: auto auto;
            border: 1px solid #ccc;
            padding: 1px;
            -moz-border-radius: 7px;
            -webkit-border-radius: 7px;
            border-radius: 7px;
        }
        
        .inplayquotes_popup-headline {
            background: #0066a2 url(../../../images/thead.png) top left repeat-x;
            color: #ffffff;
            border-bottom: 1px solid #263c30;
            padding: 8px;
            -moz-border-radius-topleft: 6px;
            -moz-border-radius-topright: 6px;
            -webkit-border-top-left-radius: 6px;
            -webkit-border-top-right-radius: 6px;
            border-top-left-radius: 6px;
            border-top-right-radius: 6px;
        }
        
        .inplayquotes_popup-quoteInfo {
            background: #f5f5f5;
            border: 1px solid;
            border-color: #fff #ddd #ddd #fff;
            padding: 5px 0;
        }
        
        .inplayquotes_popup-textarea {
            background: #f5f5f5;
            border: 1px solid;
            border-color: #fff #ddd #ddd #fff;
            text-align: center;
            padding: 5px 0;
        }
        
        .inplayquotes_popup-button {
            border-top: 1px solid #fff;
            padding: 6px;
            background: #ddd;
            color: #666;
            -moz-border-radius-bottomleft: 6px;
            -webkit-border-bottom-left-radius: 6px;
            border-bottom-left-radius: 6px;
            -moz-border-radius-bottomright: 6px;
            -webkit-border-bottom-right-radius: 6px;
            border-bottom-right-radius: 6px;
            border-bottom: 0;
            text-align: center;
        }
        
        #inplayquotes_overview {
            box-sizing: border-box;
            background: #fff;
            border: 1px solid #ccc;
            padding: 1px;
            -moz-border-radius: 7px;
            -webkit-border-radius: 7px;
            border-radius: 7px;
        }
        
        .inplayquotes-headline {
            height: 50px;
            width: 100%;
            font-size: 30px;
            display: flex;
            justify-content: center;
            align-items: center;
            font-weight: bold;
            text-transform: uppercase;
            background: #0066a2 url(../../../images/thead.png) top left repeat-x;
            color: #ffffff;
            -moz-border-radius-topleft: 6px;
            -moz-border-radius-topright: 6px;
            -webkit-border-top-left-radius: 6px;
            -webkit-border-top-right-radius: 6px;
            border-top-left-radius: 6px;
            border-top-right-radius: 6px;
        }
        
        .inplayquotes-filter {
            background: #f5f5f5;
        }
        
        .inplayquotes-filter-headline {
            background: #0f0f0f url(../../../images/tcat.png) repeat-x;
            color: #fff;
            border-top: 1px solid #444;
            border-bottom: 1px solid #000;
            padding: 6px;
            font-size: 12px;
        }
        
        .inplayquotes-filteroptions {
            display: flex;
            justify-content: space-around;
            width: 90%;
            margin: 10px auto;
            gap: 5px;
        }
        
        .inplayquotes_overview_filter_bit {
            width: 100%;
            text-align: center;
        }
        
        .inplayquotes-filter-bit-headline {
            padding: 6px;
            background: #ddd;
            color: #666;
        }
        
        .inplayquotes-filter-bit-dropbox {
            margin: 5px;
        }
        
        .inplayquotes-body {
            background: #f5f5f5;
            padding: 20px 40px;
            text-align: justify;
            line-height: 180%;
            -moz-border-radius-bottomright: 6px;
            -webkit-border-bottom-right-radius: 6px;
            border-bottom-right-radius: 6px;
            -moz-border-radius-bottomleft: 6px;
            -webkit-border-bottom-left-radius: 6px;
            border-bottom-left-radius: 6px;
        }
        
        .inplayquotes_overview_bit {
            width: 100%;
            display: flex;
            margin: 20px 0;
            flex-wrap: nowrap;
            align-items: center;
        }
        
        .inplayquotes_overview_bit:nth-child(even) {
            flex-direction: row-reverse;
        }
        
        .inplayquotes_overview_bit_avatar {
            width: 10%;
            text-align: center;
        }
        
        .inplayquotes_overview_bit_avatar img {
            border-radius: 100%;
            border: 2px solid #0071bd;
            width: 100px;
        }
        
        .inplayquotes_overview_bit_container {
            width: 90%;
        }
        
        .inplayquotes_overview_bit_quote {
            width: 95%;
            margin: auto;
            font-size: 15px;
            text-align: justify;
            margin-bottom: 10px;
        }
        
        .inplayquotes_overview_bit_footer {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .inplayquotes_overview_bit_reaction a:link,
        .inplayquotes_overview_bit_reaction a:active,
        .inplayquotes_overview_bit_reaction a:visited,
        .inplayquotes_overview_bit_reaction a:hover{
            background:#ddd;
            border-radius: 0;
            color: #666;
            font-size: 9px;
            text-transform: uppercase;
            padding: 7px 5px;
        } 
        
        .inplayquotes_popup-quotepreview {
            background: #f5f5f5;
            border: 1px solid;
            border-color: #fff #ddd #ddd #fff;
            padding: 5px 0;
        }
        
        .inplayquotes_popup-subline {
            background: #0f0f0f url(../../../images/tcat.png) repeat-x;
            color: #fff;
            border-top: 1px solid #444;
            border-bottom: 1px solid #000;
            padding: 6px;
            font-size: 12px;
        }
        
        .inplayquotes_popup-reactions {
            background: #f5f5f5;
            border: 1px solid;
            border-color: #fff #ddd #ddd #fff;
            text-align: center;
            padding: 5px 0;
            -moz-border-radius-bottomright: 6px;
            -webkit-border-bottom-right-radius: 6px;
            border-bottom-right-radius: 6px;
            -moz-border-radius-bottomleft: 6px;
            -webkit-border-bottom-left-radius: 6px;
            border-bottom-left-radius: 6px;
        }
        
        .inplayquotes_popup-reactions img {
            width: 24px;
            height: 24px;
            padding: 5px;
            cursor: pointer;
        }
        
        .inplayquotes_overview_bit_reaction_bit {
            display: flex; 
            gap: 5px;
        }
        
        .inplayquotes_overview_bit_reaction-reacted {
            margin-top: 5px;
        }
        
        .inplayquotes_overview_bit_reaction-reacted img {
            width: 16px;
            height: 16px;
        }
        
        .inplayquotes_overview_bit_reaction-reacted a:link,
        .inplayquotes_overview_bit_reaction-reacted a:active,
        .inplayquotes_overview_bit_reaction-reacted a:visited,
        .inplayquotes_overview_bit_reaction-reacted a:hover{
                background: none;
                color: #0072BC;
                font-size: 10px;
                text-transform: none;
                padding: 0;
        }
        
        .inplayquotes_overview_bit_reaction_images {
            background: #ddd;
            border-radius: 0;
            color: #666;
            font-size: 9px;
            text-transform: uppercase;
            padding: 0 5px;
            display: flex;
            flex-wrap: nowrap;
            align-items: center;
            justify-content: center;
            gap: 5px;
        }
        
        .inplayquotes_overview_bit_reaction_images img {
            width: 16px;
            height: 16px;
        }
        
        .inplayquotes_overview_bit_reactions_delete a:link, 
        .inplayquotes_overview_bit_reactions_delete a:active, 
        .inplayquotes_overview_bit_reactions_delete a:visited, 
        .inplayquotes_overview_bit_reactions_deletea:hover {
            background: none;
            border-radius: 0;
            color: #0072BC;
            font-size: 9px;
            text-transform: uppercase;
            padding: 0;
        }
        
        .inplayquotes_overview_bit_user {
            text-align: right;
            line-height: 15px;
        }
        
        .inplayquotes_overview_bit_user b {
            text-transform: uppercase;
        }
        
        .inplayquotes_overview_bit_user span {
            font-style: italic;
            font-size: 11px;
        }
        
        .inplayquotes_index {
            background: #fff;
            width: 100%;
            margin: auto auto;
            border: 1px solid #ccc;
            padding: 1px;
            -moz-border-radius: 7px;
            -webkit-border-radius: 7px;
            border-radius: 7px;
        }
        
        .inplayquotes_index-headline {
            background: #0066a2 url(../../../images/thead.png) top left repeat-x;
            color: #ffffff;
            border-bottom: 1px solid #263c30;
            padding: 8px;
            -moz-border-radius-topleft: 6px;
            -moz-border-radius-topright: 6px;
            -webkit-border-top-left-radius: 6px;
            -webkit-border-top-right-radius: 6px;
            border-top-left-radius: 6px;
            border-top-right-radius: 6px;
        }
        
        .inplayquotes_index-allquotes {
            border-top: 1px solid #fff;
            padding: 6px;
            background: #ddd;
            color: #666;
            text-align: right;
            -moz-border-radius-bottomright: 6px;
            -webkit-border-bottom-right-radius: 6px;
            border-bottom-right-radius: 6px;
            -moz-border-radius-bottomleft: 6px;
            -webkit-border-bottom-left-radius: 6px;
            border-bottom-left-radius: 6px;
        }
        
        .inplayquotes_index_bit {
            background: #f5f5f5;
            border: 1px solid;
            border-color: #fff #ddd #ddd #fff;
            padding: 5px 10px;
            display: flex;
            flex-wrap: nowrap;
            align-items: center;
        }
        
        .inplayquotes_index_bit_avatar {
            width: 10%;
            text-align: center;
        }
        
        .inplayquotes_index_bit_avatar img {
            border-radius: 100%;
            border: 2px solid #0071bd;
            width: 100px;
        }
        
        .inplayquotes_index_bit_container {
            width: 90%;
        }
        
        .inplayquotes_index_bit_quote {
            width: 95%;
            margin: auto;
            font-size: 15px;
            text-align: justify;
            margin-bottom: 10px;
        }
        
        .inplayquotes_index_bit_footer {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .inplayquotes_index_bit_user {
            text-align: right;
            line-height: 15px;
        }
        
        .inplayquotes_index_bit_user b {
            text-transform: uppercase;
        }
        
        .inplayquotes_index_bit_user span {
            font-style: italic;
            font-size: 11px;
        }
        
        .inplayquotes_memberprofile {
            background: #fff;
            margin: auto auto;
            border: 1px solid #ccc;
            padding: 1px;
            -moz-border-radius: 7px;
            -webkit-border-radius: 7px;
            border-radius: 7px;
        }
        
        .inplayquotes_memberprofile-headline {
            background: #0066a2 url(../../../images/thead.png) top left repeat-x;
            color: #ffffff;
            border-bottom: 1px solid #263c30;
            padding: 8px;
            -moz-border-radius-topleft: 6px;
            -moz-border-radius-topright: 6px;
            -webkit-border-top-left-radius: 6px;
            -webkit-border-top-right-radius: 6px;
            border-top-left-radius: 6px;
            border-top-right-radius: 6px;
        }
        
        .inplayquotes_memberprofile-allquotes {
            border-top: 1px solid #fff;
            padding: 6px;
            background: #ddd;
            color: #666;
            text-align: right;
            -moz-border-radius-bottomright: 6px;
            -webkit-border-bottom-right-radius: 6px;
            border-bottom-right-radius: 6px;
            -moz-border-radius-bottomleft: 6px;
            -webkit-border-bottom-left-radius: 6px;
            border-bottom-left-radius: 6px;
        }
        .inplayquotes_memberprofile_bit {
            background: #f5f5f5;
            border: 1px solid;
            border-color: #fff #ddd #ddd #fff;
            padding: 5px 10px;
        }
        
        .inplayquotes_memberprofile_bit_quote {
            width: 95%;
            margin: auto;
            font-size: 15px;
            text-align: justify;
            margin-bottom: 10px;
        }
        
        .inplayquotes_memberprofile_bit_footer {
            text-align: right;
            line-height: 15px;
        }
        
        .inplayquotes_memberprofile_bit_footer span {
            text-transform: uppercase;
            font-style: italic;
            font-size: 11px;
        }

/* =========================================================
   WWR / INPLAY QUOTES
   THE QUOTE FEED
========================================================= */


/* =========================================================
   OVERALL ARCHIVE
========================================================= */

#inplayquotes_overview {
    width: 100%;
    max-width: 1400px;

    margin: 25px auto 60px;
    padding: 0;

    box-sizing: border-box;

    border: 1px solid var(--wwr-border);

    background: var(--wwr-mainback);
    color: var(--wwr-post);
}

#inplayquotes_overview *,
#inplayquotes_filter * {
    box-sizing: border-box;
}


/* =========================================================
   PAGE HEADING
========================================================= */

#inplayquotes_overview .inplayquotes-headline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;

    gap: 12px 24px;

    margin: 0;
    padding: 24px 30px;

    border: 0;
    border-bottom: 1px solid var(--wwr-border);

    background: #111;
    color: var(--wwr-post);
}

#inplayquotes_overview .wwr-iq-heading {
    font-family: var(--wwr-title);
    font-size: clamp(30px, 3vw, 44px);
    font-weight: 400;
    line-height: 1.1;

    text-transform: uppercase;
    letter-spacing: 0;
}

#inplayquotes_overview .wwr-iq-heading-detail {
    font-size: 9px;
    font-weight: 500;

    letter-spacing: 1.2px;
    text-transform: uppercase;

    color: var(--wwr-mid);
}


/* =========================================================
   FILTER FORM
========================================================= */

#inplayquotes_filter {
    display: block;
    width: 100%;

    margin: 0;
    padding: 0;
}

#inplayquotes_overview .inplayquotes-filter {
    display: grid;

    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;

    gap: 16px 25px;

    width: 100%;
    margin: 0;
    padding: 20px 30px 24px;

    border: 0;
    border-bottom: 1px solid var(--wwr-border);

    background: var(--wwr-mainback);
}


/* FILTER HEADING */

#inplayquotes_overview .inplayquotes-filter-headline {
    grid-column: 1 / -1;

    margin: 0;
    padding: 0;

    border: 0;
    background: none;

    font-size: 10px;
    font-weight: 500;

    letter-spacing: 1px;
    text-transform: uppercase;

    color: var(--wwr-mid);
}


/* FILTER GRID */

#inplayquotes_overview .inplayquotes-filteroptions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 15px;

    width: 100%;
    min-width: 0;

    margin: 0;
    padding: 0;

    background: none;
}


/* INDIVIDUAL FILTER */

#inplayquotes_overview .inplayquotes_overview_filter_bit {
    display: flex;
    flex-direction: column;

    gap: 9px;

    width: 100%;
    min-width: 0;

    margin: 0;
    padding: 0;

    border: 0;
    background: none;
}

#inplayquotes_overview .inplayquotes-filter-bit-headline {
    margin: 0;
    padding: 0;

    font-size: 9px;
    font-weight: 500;

    letter-spacing: 0.8px;
    text-transform: uppercase;

    color: var(--wwr-mid);
}

#inplayquotes_overview .inplayquotes-filter-bit-dropbox {
    width: 100%;
    min-width: 0;

    margin: 0;
    padding: 0;
}


/* SELECT FIELDS */

#inplayquotes_overview
.inplayquotes-filter-bit-dropbox select {
    display: block;

    width: 100%;
    max-width: 100%;
    min-height: 38px;

    margin: 0;
    padding: 9px 12px;

    border: 1px solid var(--wwr-border);
    border-radius: 0;

    background: #0d0d0d;
    color: var(--wwr-post);

    font-family: inherit;
    font-size: 11px;
    line-height: 1.5;

    color-scheme: dark;
    outline: none;
}

#inplayquotes_overview
.inplayquotes-filter-bit-dropbox select:focus {
    border-color: var(--wwr-acc);
}


/* FILTER SUBMIT */

#inplayquotes_overview .wwr-iq-filter-actions {
    display: flex;
    align-items: end;
    justify-content: flex-end;
}

#inplayquotes_overview #inplayquotes_search_filter {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 38px;

    margin: 0;
    padding: 10px 16px;

    border: 1px solid var(--wwr-border);
    border-radius: 0;

    background: color-mix(
        in srgb,
        var(--wwr-acc) 9%,
        var(--wwr-mainback)
    );

    color: var(--wwr-post);

    font-family: inherit;
    font-size: 9px;
    font-weight: 500;

    letter-spacing: 0.8px;
    text-transform: uppercase;

    cursor: pointer;
    box-shadow: none;
}

#inplayquotes_overview #inplayquotes_search_filter:hover {
    border-color: var(--wwr-acc);
    color: var(--wwr-post);
}


/* =========================================================
   QUOTE LIST
========================================================= */

#inplayquotes_overview .inplayquotes-body {
    display: block;

    width: 100%;
    min-width: 0;

    margin: 0;
    padding: 0;

    background: var(--wwr-mainback);
}


/* INDIVIDUAL QUOTE ROW */

#inplayquotes_overview .inplayquotes_overview_bit {
    display: grid;
    grid-template-columns: 72px minmax(0, 1fr);

    align-items: start;

    gap: 22px;

    width: 100%;
    min-width: 0;
    height: auto;

    margin: 0;
    padding: 26px 30px;

    border: 0;
    border-bottom: 1px solid var(--wwr-border);
    border-radius: 0;

    background: transparent;
    box-shadow: none;
}

#inplayquotes_overview .inplayquotes_overview_bit:hover {
    background: color-mix(
        in srgb,
        var(--wwr-post) 1.5%,
        transparent
    );
}


/* =========================================================
   CHARACTER PORTRAIT
========================================================= */

#inplayquotes_overview .inplayquotes_overview_bit_avatar {
    display: flex;
    flex-direction: column;
    align-items: center;

    gap: 9px;

    float: none !important;
    position: static !important;

    width: 72px;
    min-width: 0;
    height: auto;

    margin: 0;
    padding: 0;

    border: 0;
    background: none;
}

#inplayquotes_overview .inplayquotes_overview_bit_avatar > img {
    display: block;

    width: 72px !important;
    max-width: 100% !important;
    height: 96px !important;

    margin: 0;
    padding: 0;

    border: 1px solid var(--wwr-border) !important;
    border-radius: 0 !important;

    object-fit: cover;

    background: #111;
    box-shadow: none !important;
}


/* DELETE QUOTE */

#inplayquotes_overview .inplayquotes_overview_bit_avatar a {
    font-size: 9px;
    line-height: 1.4;

    letter-spacing: 0.5px;
    text-transform: uppercase;
    text-decoration: none;

    color: var(--wwr-mid);
}

#inplayquotes_overview .inplayquotes_overview_bit_avatar a:hover {
    color: var(--wwr-acc2);
}


/* =========================================================
   QUOTE CONTENT
========================================================= */

#inplayquotes_overview .inplayquotes_overview_bit_container {
    display: flex;
    flex-direction: column;

    gap: 20px;

    float: none !important;
    position: static !important;

    width: 100%;
    min-width: 0;
    height: auto;

    margin: 0;
    padding: 0;

    border: 0;
    background: transparent;
}


/* THE ACTUAL QUOTE */

#inplayquotes_overview .inplayquotes_overview_bit_quote {
    display: block;

    width: 100%;
    min-width: 0;
    height: auto;

    margin: 0;
    padding: 2px 0 2px 18px;

    border: 0;
    border-left: 1px solid var(--wwr-acc);

    background: none;

    color: var(--wwr-post);

    font-size: 14px;
    font-weight: 400;
    line-height: 1.85;

    text-align: left;
    overflow-wrap: anywhere;
}

#inplayquotes_overview .inplayquotes_overview_bit_quote a {
    color: var(--wwr-acc);
    text-decoration: none;
}

#inplayquotes_overview .inplayquotes_overview_bit_quote a:hover {
    text-decoration: underline;
}


/* =========================================================
   QUOTE FOOTER
========================================================= */

#inplayquotes_overview .inplayquotes_overview_bit_footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;

    gap: 12px 25px;

    width: 100%;
    min-width: 0;
    height: auto;

    margin: 0;
    padding: 13px 0 0;

    border: 0;
    border-top: 1px solid var(--wwr-border);

    background: none;
}


/* CHARACTER / SCENE / DATE */

#inplayquotes_overview .inplayquotes_overview_bit_user {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 6px 15px;

    order: 1;

    width: auto;
    min-width: 0;
    height: auto;

    margin: 0;
    padding: 0;

    text-align: left;
    background: none;
}

#inplayquotes_overview .wwr-iq-character {
    font-size: 10px;
    font-weight: 500;

    letter-spacing: 0.8px;
    text-transform: uppercase;

    color: var(--wwr-post);
}

#inplayquotes_overview .wwr-iq-character a {
    color: inherit;
    text-decoration: none;
}

#inplayquotes_overview .wwr-iq-character a:hover {
    color: var(--wwr-acc);
}

#inplayquotes_overview .wwr-iq-scene,
#inplayquotes_overview .wwr-iq-date {
    font-size: 10px;
    line-height: 1.5;

    color: var(--wwr-mid);
}

#inplayquotes_overview .wwr-iq-scene a {
    color: var(--wwr-mid);
    text-decoration: none;
}

#inplayquotes_overview .wwr-iq-scene a:hover {
    color: var(--wwr-post);
}


/* =========================================================
   REACTIONS
========================================================= */

#inplayquotes_overview .inplayquotes_overview_bit_reaction {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;

    gap: 7px;

    order: 2;

    width: auto;
    min-width: 0;
    height: auto;

    margin: 0;
    padding: 0;

    background: none;
    color: var(--wwr-mid);

    font-size: 9px;
    line-height: 1.5;
}

#inplayquotes_overview .inplayquotes_overview_bit_reaction a {
    color: var(--wwr-mid);
    text-decoration: none;
}

#inplayquotes_overview .inplayquotes_overview_bit_reaction a:hover {
    color: var(--wwr-acc);
}

#inplayquotes_overview .inplayquotes_overview_bit_reaction button {
    border: 1px solid var(--wwr-border);
    border-radius: 0;

    background: transparent;
    color: var(--wwr-mid);

    font-family: inherit;
    font-size: 9px;

    cursor: pointer;
}


/* =========================================================
   PAGINATION
========================================================= */

#inplayquotes_overview .inplayquotes-body > .pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

    gap: 6px;

    margin: 0;
    padding: 22px 20px;

    background: var(--wwr-mainback);
    color: var(--wwr-mid);
}

#inplayquotes_overview .pagination a {
    border: 1px solid var(--wwr-border);
    border-radius: 0;

    background: transparent;

    color: var(--wwr-mid);
    text-decoration: none;
}

#inplayquotes_overview .pagination a:hover {
    border-color: var(--wwr-acc);
    color: var(--wwr-post);
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

    #inplayquotes_overview .inplayquotes-filter {
        grid-template-columns: minmax(0, 1fr);
    }

    #inplayquotes_overview .wwr-iq-filter-actions {
        justify-content: flex-end;
    }

    #inplayquotes_overview .inplayquotes_overview_bit {
        padding: 22px;
        gap: 18px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    #inplayquotes_overview {
        margin: 15px auto 35px;
    }

    #inplayquotes_overview .inplayquotes-headline {
        padding: 20px;
    }

    #inplayquotes_overview .wwr-iq-heading-detail {
        display: none;
    }

    #inplayquotes_overview .inplayquotes-filter {
        padding: 18px;
    }

    #inplayquotes_overview .inplayquotes-filteroptions {
        grid-template-columns: minmax(0, 1fr);
        gap: 15px;
    }

    #inplayquotes_overview .wwr-iq-filter-actions {
        justify-content: stretch;
    }

    #inplayquotes_overview #inplayquotes_search_filter {
        width: 100%;
    }

    #inplayquotes_overview .inplayquotes_overview_bit {
        grid-template-columns: 50px minmax(0, 1fr);

        gap: 13px;
        padding: 18px 14px;
    }

    #inplayquotes_overview .inplayquotes_overview_bit_avatar {
        width: 50px;
    }

    #inplayquotes_overview .inplayquotes_overview_bit_avatar > img {
        width: 50px !important;
        height: 68px !important;
    }

    #inplayquotes_overview .inplayquotes_overview_bit_container {
        gap: 15px;
    }

    #inplayquotes_overview .inplayquotes_overview_bit_quote {
        padding-left: 12px;
        font-size: 13px;
        line-height: 1.75;
    }

    #inplayquotes_overview .inplayquotes_overview_bit_footer {
        flex-direction: column;
        align-items: flex-start;

        gap: 12px;
    }

    #inplayquotes_overview .inplayquotes_overview_bit_user {
        gap: 5px 12px;
    }

    #inplayquotes_overview .inplayquotes_overview_bit_reaction {
        justify-content: flex-start;
    }

}


/* HEADER — RESTORE NATURAL HEIGHT */

#inplayquotes_overview .inplayquotes-headline {
    height: auto !important;
    min-height: 0 !important;

    padding: 25px 30px !important;

    display: flex !important;
    align-items: center !important;

    overflow: visible !important;
    line-height: normal !important;
}

#inplayquotes_overview .wwr-iq-heading {
    display: block;

    margin: 0;
    padding: 0;

    line-height: 1.1;
}


/* FILTER — REMOVE PLUGIN LABEL STYLING */

#inplayquotes_overview .inplayquotes-filter-bit-headline {
    display: block !important;

    width: auto !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: transparent !important;
    background-image: none !important;

    color: var(--wwr-mid) !important;

    font-size: 9px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;

    letter-spacing: 0.8px;
    text-transform: uppercase;
    text-align: left !important;

    box-shadow: none !important;
}


/* KEEP THE FILTER FIELDS ALIGNED */

#inplayquotes_overview .inplayquotes_overview_filter_bit {
    align-items: stretch !important;
    justify-content: flex-end !important;
}

#inplayquotes_overview .inplayquotes-filter-bit-dropbox {
    display: block !important;

    width: 100% !important;

    background: transparent !important;
    border: 0 !important;
}


/* PORTRAIT / FALLBACK IMAGE */

#inplayquotes_overview .inplayquotes_overview_bit_avatar img {
    display: block !important;

    object-fit: cover !important;
    object-position: center !important;
}