/* ==========================================================
   EVERYONE ASSEMBLE
   INPLAYQUOTES – QUOTE DATABASE
   ========================================================== */

.inplayquotes_popup,
#inplayquotes_overview,
.inplayquotes_index,
.inplayquotes_memberprofile{
    --ipq-bg:#020d18;
    --ipq-bg-deep:#010914;
    --ipq-panel:#04192b;
    --ipq-panel-soft:#082b45;
    --ipq-panel-light:#0b3150;

    --ipq-line:#1d5f8f;
    --ipq-line-light:#287db2;
    --ipq-line-soft:rgba(33,139,208,.22);
    --ipq-line-faint:rgba(33,139,208,.10);

    --ipq-accent:#218bd0;
    --ipq-accent-dark:#1674b5;
    --ipq-accent-light:#75d0ff;

    --ipq-text:#c4d8e4;
    --ipq-text-light:#e1f1fa;
    --ipq-muted:#8fa9bc;

    --ipq-success:#74c5a3;
    --ipq-danger:#d47f87;

    color:var(--ipq-text);

    font-family:Arial,sans-serif;
    font-size:12px;
    line-height:1.65;
}

.inplayquotes_popup *,
.inplayquotes_popup *::before,
.inplayquotes_popup *::after,
#inplayquotes_overview *,
#inplayquotes_overview *::before,
#inplayquotes_overview *::after,
.inplayquotes_index *,
.inplayquotes_index *::before,
.inplayquotes_index *::after,
.inplayquotes_memberprofile *,
.inplayquotes_memberprofile *::before,
.inplayquotes_memberprofile *::after{
    box-sizing:border-box;
}

.inplayquotes_popup a,
#inplayquotes_overview a,
.inplayquotes_index a,
.inplayquotes_memberprofile a{
    color:var(--ipq-accent-light);
    text-decoration:none;

    transition:
        color .2s ease,
        background-color .2s ease,
        border-color .2s ease,
        transform .2s ease;
}

.inplayquotes_popup a:hover,
#inplayquotes_overview a:hover,
.inplayquotes_index a:hover,
.inplayquotes_memberprofile a:hover{
    color:var(--ipq-text-light);
}

.inplayquotes_popup .smalltext,
#inplayquotes_overview .smalltext,
.inplayquotes_index .smalltext,
.inplayquotes_memberprofile .smalltext{
    font-size:12px !important;
}

/* ==========================================================
   POPUP
   ========================================================== */

.inplayquotes_popup{
    width:100%;
    max-width:720px;
    margin:0 auto;

    overflow:hidden;

    color:var(--ipq-text);

    background:
        linear-gradient(
            145deg,
            rgba(8,43,69,.70),
            rgba(1,9,20,.98)
        );

    border:1px solid var(--ipq-line);
    border-left:4px solid var(--ipq-accent-dark);

    border-radius:0;

    box-shadow:
        0 28px 70px rgba(0,0,0,.62),
        inset 0 1px 0 rgba(255,255,255,.025);
}

.inplayquotes_popup-headline{
    position:relative;

    min-height:58px;
    padding:15px 17px;

    color:var(--ipq-text-light);

    background:
        linear-gradient(
            90deg,
            rgba(33,139,208,.14),
            transparent 74%
        ),
        var(--ipq-bg-deep);

    border-bottom:1px solid var(--ipq-line-soft);

    font-family:Antonio,Arial,sans-serif;
    font-size:16px;
    font-weight:700;
    line-height:1.4;

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

.inplayquotes_popup-headline::after{
    content:"";

    position:absolute;
    bottom:-1px;
    left:17px;

    width:70px;
    height:2px;

    background:var(--ipq-accent);
}

.inplayquotes_popup-subline{
    padding:9px 15px;

    color:var(--ipq-accent-light);
    background:rgba(1,9,20,.60);

    border-top:1px solid var(--ipq-line-faint);
    border-bottom:1px solid var(--ipq-line-soft);

    font-family:Antonio,Arial,sans-serif;
    font-size:12px;
    font-weight:700;
    line-height:1.4;

    letter-spacing:.8px;
    text-transform:uppercase;
}

.inplayquotes_popup-quoteInfo,
.inplayquotes_popup-textarea,
.inplayquotes_popup-quotepreview,
.inplayquotes_popup-reactions{
    padding:14px 16px;

    color:var(--ipq-text);

    background:
        linear-gradient(
            145deg,
            rgba(8,43,69,.33),
            rgba(2,13,24,.74)
        );

    border-bottom:1px solid var(--ipq-line-faint);

    font-size:12px;
    line-height:1.65;
}

.inplayquotes_popup-textarea{
    text-align:left;
}

.inplayquotes_popup textarea,
.inplayquotes_popup input[type="text"],
.inplayquotes_popup select{
    width:100%;
    min-width:0;
    max-width:none;
    margin:0;
    padding:9px 10px;

    color:var(--ipq-text-light);
    background:var(--ipq-bg-deep);

    border:1px solid rgba(33,139,208,.28);
    border-radius:0;

    outline:none;

    font-family:Arial,sans-serif;
    font-size:12px;
    line-height:1.5;

    color-scheme:dark;

    transition:
        background-color .2s ease,
        border-color .2s ease,
        box-shadow .2s ease;
}

.inplayquotes_popup textarea{
    min-height:125px;

    resize:vertical;
}

.inplayquotes_popup textarea:focus,
.inplayquotes_popup input[type="text"]:focus,
.inplayquotes_popup select:focus{
    background:#031426;

    border-color:var(--ipq-accent);

    box-shadow:0 0 0 2px rgba(33,139,208,.12);
}

.inplayquotes_popup-button{
    display:flex;
    justify-content:flex-end;
    gap:8px;

    padding:12px 16px;

    color:var(--ipq-text);
    background:var(--ipq-bg-deep);

    border-top:1px solid var(--ipq-line-soft);
    border-radius:0;

    text-align:right;
}

.inplayquotes_popup-reactions{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:7px;

    border-radius:0;
}

.inplayquotes_popup-reactions img{
    width:34px;
    height:34px;
    padding:5px;

    object-fit:contain;

    background:var(--ipq-bg-deep);

    border:1px solid var(--ipq-line-soft);

    cursor:pointer;

    transition:
        background-color .2s ease,
        border-color .2s ease,
        transform .2s ease;
}

.inplayquotes_popup-reactions img:hover{
    background:var(--ipq-panel-light);

    border-color:var(--ipq-accent);

    transform:translateY(-2px);
}

/* ==========================================================
   BUTTONS
   ========================================================== */

.inplayquotes_popup .button,
#inplayquotes_overview .button,
.inplayquotes_index .button,
.inplayquotes_memberprofile .button{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;

    min-height:38px;
    padding:8px 14px;

    color:var(--ipq-bg-deep) !important;
    -webkit-text-fill-color:var(--ipq-bg-deep) !important;

    background:var(--ipq-accent-light) !important;

    border:1px solid var(--ipq-accent-light) !important;
    border-radius:0 !important;

    outline:none;
    cursor:pointer;

    font-family:Antonio,Arial,sans-serif;
    font-size:12px !important;
    font-weight:700;
    line-height:1.35;

    letter-spacing:.8px;
    text-align:center;
    text-transform:uppercase;

    clip-path:polygon(
        8px 0,
        100% 0,
        100% calc(100% - 8px),
        calc(100% - 8px) 100%,
        0 100%,
        0 8px
    );

    transition:
        color .2s ease,
        background-color .2s ease,
        border-color .2s ease,
        transform .2s ease;
}

.inplayquotes_popup .button:hover,
#inplayquotes_overview .button:hover,
.inplayquotes_index .button:hover,
.inplayquotes_memberprofile .button:hover{
    color:var(--ipq-accent-light) !important;
    -webkit-text-fill-color:var(--ipq-accent-light) !important;

    background:var(--ipq-panel-light) !important;

    border-color:var(--ipq-accent) !important;

    transform:translateY(-1px);
}

/* ==========================================================
   ÜBERSICHT – GRUNDGERÜST
   ========================================================== */

#inplayquotes_overview{
    position:relative;

    width:100%;
    max-width:1180px;
    margin:22px auto 40px;

    overflow:hidden;

    color:var(--ipq-text);

    background:
        linear-gradient(
            145deg,
            rgba(8,43,69,.46),
            rgba(2,13,24,.94)
        );

    border:1px solid var(--ipq-line-soft);
    border-left:5px solid var(--ipq-accent-dark);

    box-shadow:
        0 18px 42px rgba(0,0,0,.31),
        inset 0 1px 0 rgba(255,255,255,.025);
}

.inplayquotes-headline{
    position:relative;

    display:flex;
    align-items:center;
    justify-content:space-between;

    min-height:105px;
    padding:21px 23px;

    color:var(--ipq-text-light);

    background:
        radial-gradient(
            circle at 100% 0,
            rgba(33,139,208,.19),
            transparent 42%
        ),
        linear-gradient(
            135deg,
            rgba(8,43,69,.80),
            rgba(1,9,20,.98) 65%
        );

    border-bottom:1px solid var(--ipq-line-soft);
}

.inplayquotes-headline::before{
    content:"QUOTE DATABASE";

    display:block;

    color:var(--ipq-muted);

    font-family:Antonio,Arial,sans-serif;
    font-size:12px;
    font-weight:700;
    line-height:1.3;

    letter-spacing:2px;
    text-transform:uppercase;
}

.inplayquotes-headline::after{
    content:"";

    position:absolute;
    bottom:-1px;
    left:23px;

    width:95px;
    height:3px;

    background:linear-gradient(
        90deg,
        var(--ipq-accent-light),
        var(--ipq-accent)
    );
}

.inplayquotes-headline-title{
    margin:0;

    color:var(--ipq-text-light);

    font-family:Antonio,Arial,sans-serif;
    font-size:25px;
    font-weight:700;
    line-height:1.25;

    letter-spacing:1.5px;
    text-align:right;
    text-transform:uppercase;
}

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

.inplayquotes-filter{
    padding:0;

    color:var(--ipq-text);

    background:
        linear-gradient(
            145deg,
            rgba(8,43,69,.42),
            rgba(2,13,24,.79)
        );

    border-bottom:1px solid var(--ipq-line-soft);
}

.inplayquotes-filter-headline{
    position:relative;

    min-height:47px;
    padding:12px 15px;

    color:var(--ipq-accent-light);
    background:
        linear-gradient(
            90deg,
            rgba(33,139,208,.12),
            transparent 75%
        ),
        var(--ipq-bg-deep);

    border-top:0;
    border-bottom:1px solid var(--ipq-line-soft);

    font-family:Antonio,Arial,sans-serif;
    font-size:14px;
    font-weight:700;

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

.inplayquotes-filter-headline::after{
    content:"";

    position:absolute;
    bottom:-1px;
    left:15px;

    width:60px;
    height:2px;

    background:var(--ipq-accent);
}

.inplayquotes-filteroptions{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;

    width:100%;
    margin:0;
    padding:14px 15px;
}

.inplayquotes_overview_filter_bit{
    min-width:0;

    overflow:hidden;

    background:rgba(2,13,24,.54);

    border:1px solid var(--ipq-line-soft);
    border-left:3px solid rgba(33,139,208,.54);

    text-align:left;
}

.inplayquotes-filter-bit-headline{
    padding:8px 10px;

    color:var(--ipq-accent-light);
    background:var(--ipq-bg-deep);

    border-bottom:1px solid var(--ipq-line-faint);

    font-family:Antonio,Arial,sans-serif;
    font-size:12px;
    font-weight:700;
    line-height:1.4;

    letter-spacing:.7px;
    text-transform:uppercase;
}

.inplayquotes-filter-bit-dropbox{
    margin:0;
    padding:9px;
}

.inplayquotes-filter-bit-dropbox select,
.inplayquotes-filter-bit-dropbox input{
    width:100%;
    min-width:0;
    min-height:40px;
    margin:0;
    padding:8px 10px;

    color:var(--ipq-text-light);
    background:var(--ipq-bg-deep);

    border:1px solid rgba(33,139,208,.28);
    border-radius:0;

    outline:none;

    font-family:Arial,sans-serif;
    font-size:12px;

    color-scheme:dark;
}

.inplayquotes-filter-actions{
    display:flex;
    justify-content:flex-end;

    padding:0 15px 14px;
}

/* ==========================================================
   ZITATLISTE
   ========================================================== */

.inplayquotes-body{
    padding:16px;

    color:var(--ipq-text);

    background:
        repeating-linear-gradient(
            45deg,
            transparent 0,
            transparent 13px,
            rgba(33,139,208,.012) 13px,
            rgba(33,139,208,.012) 14px
        );

    border-radius:0;
}

.inplayquotes-list{
    display:flex;
    flex-direction:column;
    gap:13px;
}

.inplayquotes_overview_bit{
    position:relative;

    display:grid;
    grid-template-columns:118px minmax(0,1fr);
    align-items:stretch;

    width:100%;
    min-width:0;
    margin:0;

    overflow:hidden;

    color:var(--ipq-text);

    background:
        radial-gradient(
            circle at 100% 0,
            rgba(33,139,208,.07),
            transparent 37%
        ),
        linear-gradient(
            145deg,
            rgba(8,43,69,.57),
            rgba(2,13,24,.88)
        );

    border:1px solid rgba(33,139,208,.19);
    border-left:4px solid var(--ipq-accent-dark);

    box-shadow:0 9px 22px rgba(0,0,0,.20);

    transition:
        border-color .2s ease,
        box-shadow .2s ease,
        transform .2s ease;
}

.inplayquotes_overview_bit:hover{
    border-color:rgba(33,139,208,.38);

    box-shadow:0 14px 30px rgba(0,0,0,.27);

    transform:translateY(-1px);
}

.inplayquotes_overview_bit_avatar{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:8px;

    width:auto;
    min-width:0;
    padding:13px;

    background:
        linear-gradient(
            145deg,
            rgba(8,43,69,.70),
            rgba(1,9,20,.94)
        );

    border-right:1px solid var(--ipq-line-soft);

    text-align:center;
}

.inplayquotes_overview_bit_avatar img{
    display:block;

    width:88px;
    height:88px;

    object-fit:cover;

    border:1px solid var(--ipq-line-light);
    border-radius:0;

    clip-path:polygon(
        10px 0,
        100% 0,
        100% calc(100% - 10px),
        calc(100% - 10px) 100%,
        0 100%,
        0 10px
    );
}

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

    width:auto;
    min-width:0;
}

.inplayquotes_overview_bit_quote{
    position:relative;

    flex:1;

    width:100%;
    margin:0;
    padding:23px 25px 20px 36px;

    color:var(--ipq-text-light);

    font-family:Georgia,"Times New Roman",serif;
    font-size:20px;
    font-weight:400;
    font-style:italic;
    line-height:1.75;

    text-align:left;

    overflow-wrap:anywhere;
}

.inplayquotes_overview_bit_quote::before{
    content:"“";

    position:absolute;
    top:4px;
    left:12px;

    color:rgba(117,208,255,.29);

    font-family:Georgia,serif;
    font-size:55px;
    font-style:normal;
    line-height:1;
}

.inplayquotes_overview_bit_footer{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:15px;

    min-height:70px;
    padding:11px 14px;

    background:rgba(1,9,20,.55);

    border-top:1px solid var(--ipq-line-faint);
}

.inplayquotes_overview_bit_user{
    min-width:0;

    color:var(--ipq-muted);

    font-size:12px;
    line-height:1.55;

    text-align:right;
}

.inplayquotes_overview_bit_user-character{
    display:block;

    color:var(--ipq-accent-light);

    font-family:Antonio,Arial,sans-serif;
    font-size:14px;
    font-weight:700;
    line-height:1.4;

    letter-spacing:.7px;
    text-transform:uppercase;
}

.inplayquotes_overview_bit_user-scene,
.inplayquotes_overview_bit_user-date{
    display:block;

    margin-top:2px;

    color:var(--ipq-muted);

    font-size:12px;
    font-style:normal;
    line-height:1.5;
}

/* ==========================================================
   REAKTIONEN
   ========================================================== */

.inplayquotes_overview_bit_reaction,
.inplayquotes_index_bit_reaction{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:6px;

    min-width:0;
}

.inplayquotes_overview_bit_reaction a,
.inplayquotes_index_bit_reaction a{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-height:32px;
    padding:6px 9px;

    color:var(--ipq-text) !important;
    background:var(--ipq-panel-soft);

    border:1px solid var(--ipq-line-soft);
    border-radius:0;

    font-family:Antonio,Arial,sans-serif;
    font-size:12px;
    font-weight:700;
    line-height:1.3;

    letter-spacing:.5px;
    text-transform:uppercase;
}

.inplayquotes_overview_bit_reaction a:hover,
.inplayquotes_index_bit_reaction a:hover{
    color:var(--ipq-bg-deep) !important;
    background:var(--ipq-accent-light);

    border-color:var(--ipq-accent-light);
}

.inplayquotes_overview_bit_reaction_bit{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:6px;
}

.inplayquotes_overview_bit_reaction-reacted{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:5px;

    margin-top:5px;

    color:var(--ipq-muted);

    font-size:12px;
}

.inplayquotes_overview_bit_reaction-reacted img{
    width:18px;
    height:18px;

    object-fit:contain;
}

.inplayquotes_overview_bit_reaction-reacted a{
    min-height:0;
    padding:0;

    color:var(--ipq-muted) !important;
    background:none;

    border:0;

    font-family:Arial,sans-serif;
    font-size:12px;
    font-weight:400;

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

.inplayquotes_overview_bit_reaction-reacted a:hover{
    color:var(--ipq-accent-light) !important;
    background:none;
}

.inplayquotes_overview_bit_reaction_images{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:5px;

    min-height:32px;
    padding:5px 8px;

    color:var(--ipq-text);
    background:var(--ipq-bg-deep);

    border:1px solid var(--ipq-line-soft);

    font-size:12px;
}

.inplayquotes_overview_bit_reaction_images img{
    width:18px;
    height:18px;

    object-fit:contain;
}

.inplayquotes_overview_bit_reactions_delete a{
    min-height:0;
    padding:0;

    color:var(--ipq-danger) !important;
    background:none;

    border:0;

    font-family:Antonio,Arial,sans-serif;
    font-size:12px;
    font-weight:700;

    letter-spacing:.5px;
    text-transform:uppercase;
}

.inplayquotes_overview_bit_reactions_delete a:hover{
    color:#f1afb5 !important;
    background:none;
}

/* ==========================================================
   LEERE ÜBERSICHT
   ========================================================== */

.inplayquotes_overview_none{
    display:flex;
    align-items:center;
    justify-content:center;

    min-height:110px;
    padding:20px;

    color:var(--ipq-muted);
    background:rgba(2,13,24,.50);

    border:1px dashed var(--ipq-line-soft);

    font-size:12px;
    font-style:italic;
    line-height:1.65;

    text-align:center;
}

/* ==========================================================
   INDEX
   ========================================================== */

.inplayquotes_index{
    width:100%;
    margin:0 auto;

    overflow:hidden;

    color:var(--ipq-text);

    background:
        linear-gradient(
            145deg,
            rgba(8,43,69,.47),
            rgba(2,13,24,.92)
        );

    border:1px solid var(--ipq-line-soft);
    border-left:4px solid var(--ipq-accent-dark);

    border-radius:0;

    box-shadow:0 13px 30px rgba(0,0,0,.25);
}

.inplayquotes_index-headline{
    position:relative;

    min-height:52px;
    padding:13px 15px;

    color:var(--ipq-text-light);

    background:
        linear-gradient(
            90deg,
            rgba(33,139,208,.13),
            transparent 75%
        ),
        var(--ipq-bg-deep);

    border-bottom:1px solid var(--ipq-line-soft);

    font-family:Antonio,Arial,sans-serif;
    font-size:15px;
    font-weight:700;

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

.inplayquotes_index-headline::after{
    content:"";

    position:absolute;
    bottom:-1px;
    left:15px;

    width:62px;
    height:2px;

    background:var(--ipq-accent);
}

.inplayquotes_index-list{
    display:flex;
    flex-direction:column;
}

.inplayquotes_index_bit{
    display:grid;
    grid-template-columns:90px minmax(0,1fr);

    min-width:0;
    padding:0;

    color:var(--ipq-text);

    background:
        linear-gradient(
            145deg,
            rgba(8,43,69,.40),
            rgba(2,13,24,.78)
        );

    border-bottom:1px solid var(--ipq-line-faint);
}

.inplayquotes_index_bit:last-child{
    border-bottom:0;
}

.inplayquotes_index_bit_avatar{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:6px;

    width:auto;
    padding:10px;

    background:rgba(1,9,20,.48);

    border-right:1px solid var(--ipq-line-faint);

    text-align:center;
}

.inplayquotes_index_bit_avatar img{
    width:68px;
    height:68px;

    object-fit:cover;

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

    clip-path:polygon(
        8px 0,
        100% 0,
        100% calc(100% - 8px),
        calc(100% - 8px) 100%,
        0 100%,
        0 8px
    );
}

.inplayquotes_index_bit_container{
    display:flex;
    flex-direction:column;

    width:auto;
    min-width:0;
}

.inplayquotes_index_bit_quote{
    position:relative;

    width:100%;
    margin:0;
    padding:15px 18px 12px 29px;

    color:var(--ipq-text-light);

    font-family:Georgia,"Times New Roman",serif;
    font-size:17px;
    font-weight:400;
    font-style:italic;
    line-height:1.65;

    text-align:left;
}

.inplayquotes_index_bit_quote::before{
    content:"“";

    position:absolute;
    top:1px;
    left:8px;

    color:rgba(117,208,255,.25);

    font-family:Georgia,serif;
    font-size:42px;
    font-style:normal;
    line-height:1;
}

.inplayquotes_index_bit_footer{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:12px;

    padding:8px 11px;

    background:rgba(1,9,20,.46);

    border-top:1px solid var(--ipq-line-faint);
}

.inplayquotes_index_bit_user{
    color:var(--ipq-muted);

    font-size:12px;
    line-height:1.5;

    text-align:right;
}

.inplayquotes_index_bit_character{
    display:block;

    color:var(--ipq-accent-light);

    font-family:Antonio,Arial,sans-serif;
    font-size:13px;
    font-weight:700;

    letter-spacing:.6px;
    text-transform:uppercase;
}

.inplayquotes_index_bit_scene,
.inplayquotes_index_bit_date{
    display:block;

    margin-top:2px;

    color:var(--ipq-muted);

    font-size:12px;
    font-style:normal;
}

.inplayquotes_index-allquotes{
    padding:10px 13px;

    color:var(--ipq-muted);
    background:var(--ipq-bg-deep);

    border-top:1px solid var(--ipq-line-soft);
    border-radius:0;

    font-family:Antonio,Arial,sans-serif;
    font-size:12px;
    font-weight:700;

    letter-spacing:.7px;
    text-align:right;
    text-transform:uppercase;
}

.inplayquotes_index-none{
    padding:20px;

    color:var(--ipq-muted);
    background:rgba(2,13,24,.55);

    font-size:12px;
    font-style:italic;

    text-align:center;
}

/* ==========================================================
   MITGLIEDSPROFIL
   ========================================================== */

.inplayquotes_memberprofile{
    width:100%;
    min-width:0;
    margin:0;

    overflow:hidden;

    color:var(--ipq-text);

    background:
        linear-gradient(
            145deg,
            rgba(8,43,69,.47),
            rgba(2,13,24,.92)
        );

    border:1px solid var(--ipq-line-soft);
    border-left:4px solid var(--ipq-accent-dark);

    border-radius:0;

    box-shadow:0 13px 30px rgba(0,0,0,.25);
}

.inplayquotes_memberprofile-headline{
    position:relative;

    min-height:52px;
    padding:13px 15px;

    color:var(--ipq-text-light);

    background:
        linear-gradient(
            90deg,
            rgba(33,139,208,.13),
            transparent 75%
        ),
        var(--ipq-bg-deep);

    border-bottom:1px solid var(--ipq-line-soft);

    font-family:Antonio,Arial,sans-serif;
    font-size:15px;
    font-weight:700;

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

.inplayquotes_memberprofile-headline::after{
    content:"";

    position:absolute;
    bottom:-1px;
    left:15px;

    width:62px;
    height:2px;

    background:var(--ipq-accent);
}

.inplayquotes_memberprofile-list{
    display:flex;
    flex-direction:column;

    max-height:470px;

    overflow-x:hidden;
    overflow-y:auto;

    scrollbar-width:thin;
    scrollbar-color:var(--ipq-accent-dark) var(--ipq-bg-deep);
}

.inplayquotes_memberprofile-list::-webkit-scrollbar{
    width:7px;
}

.inplayquotes_memberprofile-list::-webkit-scrollbar-track{
    background:var(--ipq-bg-deep);
}

.inplayquotes_memberprofile-list::-webkit-scrollbar-thumb{
    background:var(--ipq-accent-dark);

    border:2px solid var(--ipq-bg-deep);
}

.inplayquotes_memberprofile_bit{
    position:relative;

    padding:0;

    color:var(--ipq-text);

    background:
        linear-gradient(
            145deg,
            rgba(8,43,69,.40),
            rgba(2,13,24,.78)
        );

    border-bottom:1px solid var(--ipq-line-faint);
}

.inplayquotes_memberprofile_bit:last-child{
    border-bottom:0;
}

.inplayquotes_memberprofile_bit_quote{
    position:relative;

    width:100%;
    margin:0;
    padding:18px 20px 15px 34px;

    color:var(--ipq-text-light);

    font-family:Georgia,"Times New Roman",serif;
    font-size:17px;
    font-weight:400;
    font-style:italic;
    line-height:1.7;

    text-align:left;
}

.inplayquotes_memberprofile_bit_quote::before{
    content:"“";

    position:absolute;
    top:3px;
    left:10px;

    color:rgba(117,208,255,.25);

    font-family:Georgia,serif;
    font-size:46px;
    font-style:normal;
    line-height:1;
}

.inplayquotes_memberprofile_bit_footer{
    padding:9px 12px;

    color:var(--ipq-muted);
    background:rgba(1,9,20,.50);

    border-top:1px solid var(--ipq-line-faint);

    font-size:12px;
    line-height:1.5;

    text-align:right;
}

.inplayquotes_memberprofile_bit_scene{
    display:block;

    color:var(--ipq-accent-light);

    font-family:Antonio,Arial,sans-serif;
    font-size:12px;
    font-weight:700;

    letter-spacing:.5px;
    text-transform:uppercase;
}

.inplayquotes_memberprofile_bit_date{
    display:block;

    margin-top:2px;

    color:var(--ipq-muted);

    font-size:12px;
    font-style:normal;
}

.inplayquotes_memberprofile-allquotes{
    padding:10px 13px;

    color:var(--ipq-muted);
    background:var(--ipq-bg-deep);

    border-top:1px solid var(--ipq-line-soft);
    border-radius:0;

    font-family:Antonio,Arial,sans-serif;
    font-size:12px;
    font-weight:700;

    letter-spacing:.7px;
    text-align:right;
    text-transform:uppercase;
}

.inplayquotes_memberprofile-none{
    padding:20px;

    color:var(--ipq-muted);

    font-size:12px;
    font-style:italic;

    text-align:center;
}

/* ==========================================================
   MULTIPAGE
   ========================================================== */

.inplayquotes-pagination{
    margin-top:15px;

    text-align:center;
}

.inplayquotes-pagination:empty{
    display:none;
}

/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media screen and (max-width:800px){

    .inplayquotes-filteroptions{
        grid-template-columns:1fr;
    }

    .inplayquotes_overview_bit{
        grid-template-columns:95px minmax(0,1fr);
    }

    .inplayquotes_overview_bit_avatar{
        padding:10px;
    }

    .inplayquotes_overview_bit_avatar img{
        width:70px;
        height:70px;
    }

    .inplayquotes_overview_bit_quote{
        padding:20px 18px 17px 30px;

        font-size:18px;
    }
}

@media screen and (max-width:600px){

    .inplayquotes-headline{
        align-items:flex-start;
        flex-direction:column;
        gap:5px;

        min-height:auto;
    }

    .inplayquotes-headline-title{
        font-size:21px;

        text-align:left;
    }

    .inplayquotes-body{
        padding:11px;
    }

    .inplayquotes_overview_bit{
        grid-template-columns:1fr;
    }

    .inplayquotes_overview_bit_avatar{
        align-items:center;
        flex-direction:row;
        justify-content:flex-start;

        border-right:0;
        border-bottom:1px solid var(--ipq-line-soft);

        text-align:left;
    }

    .inplayquotes_overview_bit_avatar img{
        width:60px;
        height:60px;
    }

    .inplayquotes_overview_bit_footer,
    .inplayquotes_index_bit_footer{
        align-items:flex-start;
        flex-direction:column;
    }

    .inplayquotes_overview_bit_user,
    .inplayquotes_index_bit_user{
        text-align:left;
    }

    .inplayquotes_index_bit{
        grid-template-columns:75px minmax(0,1fr);
    }

    .inplayquotes_index_bit_avatar{
        padding:7px;
    }

    .inplayquotes_index_bit_avatar img{
        width:55px;
        height:55px;
    }

    .inplayquotes_index_bit_quote,
    .inplayquotes_memberprofile_bit_quote{
        font-size:15px;
    }
}

@media screen and (max-width:430px){

    .inplayquotes_index_bit{
        grid-template-columns:1fr;
    }

    .inplayquotes_index_bit_avatar{
        align-items:center;
        flex-direction:row;
        justify-content:flex-start;

        border-right:0;
        border-bottom:1px solid var(--ipq-line-faint);
    }

    .inplayquotes-filter-actions{
        justify-content:stretch;
    }

    .inplayquotes-filter-actions .button{
        width:100%;
    }
}