The CSS @container at-rule lets us apply styles to other elements depending on a container’s size or styles. It works […]

@container (width > 600px) {}

The @counter-style at-rule lets you create custom list counters that can be used in the list-style-type property and the counter() […]

@counter-style apple-counter { ... }

Sets the stylesheet character encoding. It isn’t a proper at-rule, but a byte sequence that says how to decode the stylesheet.

@charset "UTF-8";

The @color-profile at-rule defines a color profile containing a custom color space (among other information). A color profile can then be used in the color() and color-mix() functions to access unique colors.

@color-profile --my-color-space {
    src: url("https://example.com/my-color-space.icc");
}