@media only screen and (max-width: 600px) {
  .\@mob\:ol\:c\:i { outline-color: inherit }
  .\@mob\:ol\:c\:ii { outline-color: initial }

  .\@mob\:ol\:st { outline-style: solid }
  .\@mob\:ol\:st\:a { outline-style: auto }
  .\@mob\:ol\:st\:n { outline-style: none }
  .\@mob\:ol\:st\:do { outline-style: dotted }
  .\@mob\:ol\:st\:da { outline-style: dashed }
  .\@mob\:ol\:st\:dbl { outline-style: double }
  .\@mob\:ol\:st\:g { outline-style: groove }
  .\@mob\:ol\:st\:r { outline-style: ridge }
  .\@mob\:ol\:st\:in { outline-style: inset }
  .\@mob\:ol\:st\:out { outline-style: outset }

  .\@mob\:ol\:0 { outline: 0 }
  .\@mob\:ol\:w\:0 { outline-width: 0 }
  .\@mob\:ol\:off\:0 { outline-offset: 0 }

  .\@mob\:ol, .\@mob\:ol\:1 { outline: var(--sf-ol-w) solid }
  .\@mob\:ol\:2 { outline: calc(var(--sf-ol-w) * 2) solid }

  .\@mob\:ol\:off, .\@mob\:ol\:off\:1 { outline-offset: var(--sf-ol-w) }
  .\@mob\:ol\:off\:2 { outline-offset: calc(var(--sf-ol-w) * 2) }

  .\@mob\:ol\:w, .\@mob\:ol\:w\:1 { outline-width: var(--sf-ol-w) }
  .\@mob\:ol\:w\:2 { outline-width: calc(var(--sf-ol-w) * 2) }

  /* /// */

  html.var .\@mob\:ol, html.var .\@mob\:ol\:1 { outline: 1px solid }
  html.var .\@mob\:ol\:2 { outline: 2px solid }

  html.var .\@mob\:ol\:off, html.var .\@mob\:ol\:off\:1 { outline-width: 1px }
  html.var .\@mob\:ol\:off\:2 { outline-width: 2px }

  html.var .\@mob\:ol\:w, html.var .\@mob\:ol\:w\:1 { outline-width: 1px }
  html.var .\@mob\:ol\:w\:2 { outline-width: 2px }
}