/*
 * Viva Image Compression — Front-end styles
 * Prevents <picture> wrapper from breaking existing layouts.
 */

/* picture 要素は img と同じ表示特性を持たせる */
picture.viva-picture {
    display: contents; /* 親の表示モードを引き継ぐ */
}

/* display:contents が非対応のブラウザ向けフォールバック */
@supports not (display: contents) {
    picture.viva-picture {
        display: inline;
        line-height: 0;
        font-size: 0;
    }
    picture.viva-picture img {
        vertical-align: top;
    }
}