style-forge.media/src/hide.css

Style-Forge.Media: comprehensive CSS media query helpers for responsive web design.

@media only screen and (orientation: landscape) {
  .\@lnd\:hide, html.grid .\@lnd\:hide { display: none }
}

@media only screen and (orientation: portrait) {
  .\@prt\:hide, html.grid .\@prt\:hide { display: none }
}

@media only screen and (min-width: 1025px) {
  .\@dsk\:hide, html.grid .\@dsk\:hide { display: none }
}

@media only screen and (min-width: 601px) and (max-width: 1024px) {
  .\@tab\:hide, html.grid .\@tab\:hide { display: none }
}

@media only screen and (max-width: 600px) {
  .\@mob\:hide, html.grid .\@mob\:hide { display: none }
}

html[data-theme='light'] .\@light\:hide, html.light .\@light\:hide { display: none }
html.var[data-theme='auto'] .\@light\:hide, html.var.auto .\@light\:hide { display: none }

@media (prefers-color-scheme: light) {
  html[data-theme='auto'] .\@light\:hide, html.auto .\@light\:hide { display: none }
}

html[data-theme='dark'] .\@dark\:hide, html.dark .\@dark\:hide { display: none }
@media (prefers-color-scheme: dark) {
  html[data-theme='auto'] .\@dark\:hide, html.auto .\@dark\:hide { display: none }
}