<!DOCTYPE html>
<meta charset=utf-8>
<link rel="help" href="https://www.w3.org/TR/CSS2/cascade.html#at-import" />
<script type="text/javascript" src="/resources/testharness.js"></script>
<script type="text/javascript" src="/resources/testharnessreport.js"></script>
<script>
const start_fetching_time = performance.now();
</script>
<style type="text/css">
@import "./resources/mq-non-matching-lazy-load-style.css?pipe=trickle(d1)" print;
</style>
<script>
const end_fetching_time = performance.now();
const total_time_elapsed = (end_fetching_time - start_fetching_time);
test(() =>
assert_less_than(total_time_elapsed, 1000)
,"Ensure browser renders the page without waiting for non matching @import style");
</script>