/*
 * v3.84.124 — stabilna pozicija ilustracije u crvenom citatu na stranici Stripovi.
 * Ilustracija ostaje unutar trake na svim širinama i više ne koristi negativan bottom.
 */

body.de90-theme.de90-strips-screen .de-strip-quote-band {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;
    contain: paint !important;
}

body.de90-theme.de90-strips-screen .de-strip-quote-band::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    z-index: 0 !important;
    top: 0 !important;
    right: max(18px, calc((100vw - 1280px) / 2)) !important;
    bottom: auto !important;
    left: auto !important;
    width: clamp(250px, 29vw, 410px) !important;
    max-width: 36% !important;
    height: 100% !important;
    max-height: 100% !important;
    margin: 0 !important;
    transform: none !important;
    background-image: var(--de-strip-quote) !important;
    background-size: contain !important;
    background-position: right center !important;
    background-repeat: no-repeat !important;
    opacity: min(var(--de-strip-quote-opacity, .52), .46) !important;
    mix-blend-mode: var(--de-strip-quote-blend, screen) !important;
    pointer-events: none !important;
}

body.de90-theme.de90-strips-screen .de-strip-quote-band__inner {
    position: relative !important;
    z-index: 2 !important;
    box-sizing: border-box !important;
    padding-right: clamp(210px, 25vw, 350px) !important;
}

@media (max-width: 1100px) {
    body.de90-theme.de90-strips-screen .de-strip-quote-band::after {
        right: 18px !important;
        width: clamp(210px, 26vw, 300px) !important;
        max-width: 31% !important;
        opacity: .30 !important;
    }

    body.de90-theme.de90-strips-screen .de-strip-quote-band__inner {
        padding-right: clamp(150px, 21vw, 230px) !important;
    }
}

@media (max-width: 900px) {
    body.de90-theme.de90-strips-screen .de-strip-quote-band::after {
        display: block !important;
        top: 0 !important;
        right: 10px !important;
        bottom: auto !important;
        width: min(170px, 34vw) !important;
        max-width: 34% !important;
        height: 100% !important;
        max-height: 100% !important;
        background-size: contain !important;
        background-position: right center !important;
        opacity: .14 !important;
        mix-blend-mode: screen !important;
    }

    body.de90-theme.de90-strips-screen .de-strip-quote-band__inner {
        padding-right: 0 !important;
    }
}

@media (max-width: 440px) {
    body.de90-theme.de90-strips-screen .de-strip-quote-band::after {
        width: min(130px, 38vw) !important;
        max-width: 38% !important;
        right: 6px !important;
        opacity: .10 !important;
    }
}