:root { interpolate-size: allow-keywords; } .container { scrollbar-gutter: stable; transition-behavior: allow-discrete; color-scheme: light dark; overflow-x: clip; } h1 { text-wrap: balance; /* pretty */ text-align-last: center; } .text-box-trim { text-box-trim: both; text-box-edge: cap alphabetic; } dialog[open]{ display: block; /* user agent style */ opacity: 1; translate: 0 0; @starting-style { opacity: 0; translate: 0 -25vh; } } .alt { content: url(./img) / "ALT"; } /* https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter function round(), light-dark(), */