<style>
    .abs { position: absolute; }
    .bannerContainer { width: 289px; height: 105px; --focusable: false; --draggable: false; --image-source: ""; display: block; }
    .paper { left: 0; top: 8px; width: 0; height: 88px; --image-fixed-ratio: false; --image-rect: 0 0 0 88; }
    .roll { left: 0; top: 0; width: 21px; height: 105px; }
    .content { left: 0; top: 0; width: 100%; height: 100%; }
    .icon { left: 3px; top: -10px; width: 72px; height: 75px; }
    .icon2 { left: 46px; top: 46px; width: 10px; height: 25px; }
    .icon3 { left: -1px; top: 1px; width: 11px; height: 40px; }
    .titleLabel { left: 40px; top: 22px; width: 205px; height: 18px; font: terminus-14px-bold; color: #FFE1B5; text-align: center; }
    .descLabel { left: 40px; top: 45px; width: 190px; height: 40px; color: #c0c0c0; text-align: center; text-wrap: true; }
    .append { left: 3px; top: -10px; width: 72px; height: 75px; --focusable: false; }
    .fade-icon { opacity: 0; }
    .fade-text { opacity: 0; }
</style>

<html>
    <window id="infoBanner" class="bannerContainer" placement="center-top">
        <img id="paper" class="abs paper" src="/game_notifications/assets/images/infobanner/backdrop-infobanner-bottom"/>
        <img id="animation" class="abs roll" src="/game_notifications/assets/images/infobanner/backdrop-infobanner-anim0"/>
        <div id="content" class="abs content">
            <img id="icon" class="abs icon fade-icon" src="/game_notifications/assets/images/nodo/icon-infobanner-achievements"/>
            <img id="icon2" class="abs icon2 fade-icon" src="/game_notifications/assets/images/infobanner/backdrop-infobanner-top"/>
            <img id="icon3" class="abs icon3 fade-icon" src="/game_notifications/assets/images/infobanner/backdrop-infobanner-mid"/>
            <label id="title" class="abs titleLabel fade-text"></label>
            <label id="desc" class="abs descLabel fade-text"></label>
            <div id="append" class="abs append"></div>
        </div>
    </window>
</html>
