/*
 * Citizen - Popups Styles
 * https://starcitizen.tools
*/

@import '../resources/variables.less';
@import '../resources/mixins.less';

.mwe-popups {
    border: 0;
    border-radius: 0;
    .boxshadow(4);
}

@media (prefers-color-scheme: dark) {
    .mwe-popups {
        background: @dark-bg-50;

        &.mwe-popups-image-tri:after {
            border-color: @dark-bg-50;
        }

        .mwe-popups-container,
        .mwe-popups-extract {
            color: @dark-text-90;
        }

        .mwe-popups-extract[dir='ltr']:after {
            background-image: linear-gradient(to right, rgba(255, 255, 255, 0), @dark-bg-50 50%);
        }
    }
}