@container name not (width <= 500px) {  }

@container my-layout (inline-size > 45em) {  }

@container card (inline-size > 30em) or style(--responsive: true) {  }

@container (inline-size >= 0px) { }

@container card (inline-size > 30em) and (inline-size < 45em) {  }

@container (100px > width > 150px) {  }

@container (not (width <= 150px)) {  }

@container ((width <= 150px)) {  }

@container (min-width: 700px) {  }

@container sidebar (min-width: 400px) {  }

@container test style(--responsive: true) {  }

@container style(--responsive: true) {  }

@container card (inline-size > 30em) {  }

@container style(--responsive: true) {  }

@container(inline-size>=calc(200px)) { }

@container ( WIDTH <= 150px ) {  }
@container ( 150px <= WIDTH ) {  }

@container --dashed-name not (width <= 500px) {  }

@container name not style(color: red) {}

@container style (--responsive: true) {  }
