.ribbon-blue-to-default {
    --ribbon-background-color: #d7eefa;
}

#release-notes section li {
    margin-bottom: 0.5em;
}

.button-pill {
    border-radius: 1em;
}

.device-ipad-9-7-horz-container {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
}
.device-ipad-9-7-horz-container .device-hardware,
.device-ipad-9-7-horz-container .device-screen {
    display: block;
    position: absolute;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
}
.device-ipad-9-7-horz-container {
    width: 902px;
    height: 638px;
}
.device-ipad-9-7-horz-container .device-hardware {
    background-image: url("/assets/elements/hardware/ipad_9_7_white_horz/large.png");
    width: 100%;
    height: 100%;
}
.device-ipad-9-7-horz-container .device-screen {
    top: 46px;
    left: 86px;
    width: 730px;
    height: 548px;
}

.device-ipad-9-7-horz-container.device-medium-for-large {
    width: 677px;
    height: 479px;
}
.device-ipad-9-7-horz-container.device-medium-for-large .device-hardware {
    background-image: url("/assets/elements/hardware/ipad_9_7_white_horz/medium.png");
    width: 100%;
    height: 100%;
}
.device-ipad-9-7-horz-container.device-medium-for-large .device-screen {
    top: 33px;
    left: 63px;
    width: 551px;
    height: 414px;
}

@media only screen and (max-width: 1068px) {
    .device-ipad-9-7-horz-container {
        width: 677px;
        height: 479px;
    }
    .device-ipad-9-7-horz-container .device-hardware {
        background-image: url("/assets/elements/hardware/ipad_9_7_white_horz/medium.png");
        width: 100%;
        height: 100%;
    }
    .device-ipad-9-7-horz-container .device-screen {
        top: 33px;
        left: 63px;
        width: 551px;
        height: 414px;
    }
}

@media only screen and (max-width: 735px) {
    .device-ipad-9-7-horz-container,
    .device-ipad-9-7-horz-container.device-small-for-small {
        width: 316px;
        height: 223px;
    }
    .device-ipad-9-7-horz-container .device-hardware,
    .device-ipad-9-7-horz-container.device-small-for-small .device-hardware {
        background-image: url("/assets/elements/hardware/ipad_9_7_white_horz/small.png");
        width: 100%;
        height: 100%;
    }
    .device-ipad-9-7-horz-container .device-screen,
    .device-ipad-9-7-horz-container.device-small-for-small .device-screen {
        top: 15px;
        left: 29px;
        width: 257px;
        height: 193px;
    }
}

/* === DARK MODE === */
    body[data-color-scheme="dark"].dmf .ribbon-blue-to-default {--ribbon-background-color: #20324b;}