/* voice-over.blade.php: Tailwind step 2. Utilities live in the markup; built by work/tw/build-tools.sh (content: voice-over.classes). */

:where(.cmt) .vo-v-check {
  visibility: hidden
}

/*! tw-utilities */

:where(.cmt) .tw-hidden {
  display: none
}

:where(.cmt) .\[\&\#vo-cur-text_b\]\:tw-font-semibold#vo-cur-text b {
  font-weight: 600
}

:where(.cmt) .\[\&\#vo-cur-text_span\]\:tw-css-color-\[var\(--ink-2\2c _\#6E6E73\)\]#vo-cur-text span {
  color: var(--ink-2, #6E6E73)
}

:where(.cmt) .\[\&\#vo-read-out_b\]\:tw-rounded-\[4px\]#vo-read-out b {
  border-radius: 4px
}

:where(.cmt) .\[\&\#vo-read-out_b\]\:tw-p-\[0_3px\]#vo-read-out b {
  padding: 0 3px
}

:where(.cmt) .\[\&\#vo-read-out_b\]\:tw-font-semibold#vo-read-out b {
  font-weight: 600
}

:where(.cmt) .\[\&\#vo-read-out_b\]\:tw-css-background-\[var\(--hairline\2c _rgba\(0\2c _0\2c _0\2c _\.08\)\)\]#vo-read-out b {
  background: var(--hairline, rgba(0, 0, 0, .08))
}

:where(.cmt) .\[\&\.active_\.vo-v-check\]\:tw-visible.active .vo-v-check {
  visibility: visible
}

@media (max-width: 575.98px) {
  :where(.cmt) .mq1-max-575-98\:\[\&\:not\(\[hidden\]\)\]\:tw-fixed:not([hidden]) {
    position: fixed
  }

  :where(.cmt) .mq1-max-575-98\:\[\&\:not\(\[hidden\]\)\]\:tw-inset-\[0\]:not([hidden]) {
    inset: 0
  }

  :where(.cmt) .mq1-max-575-98\:\[\&\:not\(\[hidden\]\)\]\:tw-z-\[1049\]:not([hidden]) {
    z-index: 1049
  }

  :where(.cmt) .mq1-max-575-98\:\[\&\:not\(\[hidden\]\)\]\:tw-block:not([hidden]) {
    display: block
  }

  :where(.cmt) .mq1-max-575-98\:\[\&\:not\(\[hidden\]\)\]\:tw-css-background-\[rgba\(17\2c _19\2c _21\2c _\.35\)\]:not([hidden]) {
    background: rgba(17, 19, 21, .35)
  }
}

:where(.cmt) .\[\&\[aria-checked\=true\]_i\:\:after\]\:tw-css-transform-\[translateX\(14px\)\][aria-checked=true] i::after {
  transform: translateX(14px)
}

:where(.cmt) .\[\&\[aria-checked\=true\]_i\]\:tw-css-background-\[var\(--accent\2c _\#1D1D1F\)\][aria-checked=true] i {
  background: var(--accent, #1D1D1F)
}

:where(.cmt) .\[\&_\#vo-filter-btn\.active\]\:tw-css-background-\[var\(--accent\2c _\#1D1D1F\)\] #vo-filter-btn.active {
  background: var(--accent, #1D1D1F)
}

:where(.cmt) .\[\&_\#vo-filter-btn\.active\]\:tw-css-color-\[var\(--on-accent\2c _\#fff\)\] #vo-filter-btn.active {
  color: var(--on-accent, #fff)
}

@media (max-width: 575.98px) {
  :where(.cmt) .mq1-max-575-98\:\[\&_\#vo-fmenu\]\:tw-grid-cols-\[1fr_1fr\] #vo-fmenu {
    grid-template-columns: 1fr 1fr
  }

  :where(.cmt) .mq1-max-575-98\:\[\&_\#vo-pop\]\:tw-fixed #vo-pop {
    position: fixed
  }

  :where(.cmt) .mq1-max-575-98\:\[\&_\#vo-pop\]\:tw-bottom-\[0\] #vo-pop {
    bottom: 0
  }

  :where(.cmt) .mq1-max-575-98\:\[\&_\#vo-pop\]\:tw-left-\[0\] #vo-pop {
    left: 0
  }

  :where(.cmt) .mq1-max-575-98\:\[\&_\#vo-pop\]\:tw-right-\[0\] #vo-pop {
    right: 0
  }

  :where(.cmt) .mq1-max-575-98\:\[\&_\#vo-pop\]\:tw-top-\[auto\] #vo-pop {
    top: auto
  }

  :where(.cmt) .mq1-max-575-98\:\[\&_\#vo-pop\]\:tw-z-\[1050\] #vo-pop {
    z-index: 1050
  }

  :where(.cmt) .mq1-max-575-98\:\[\&_\#vo-pop\]\:tw-m-\[0\] #vo-pop {
    margin: 0
  }

  :where(.cmt) .mq1-max-575-98\:\[\&_\#vo-pop\]\:tw-max-h-\[82vh\] #vo-pop {
    max-height: 82vh
  }

  :where(.cmt) .mq1-max-575-98\:\[\&_\#vo-pop\]\:tw-w-full #vo-pop {
    width: 100%
  }

  :where(.cmt) .mq1-max-575-98\:\[\&_\#vo-pop\]\:tw-rounded-\[20px_20px_0_0\] #vo-pop {
    border-radius: 20px 20px 0 0
  }

  :where(.cmt) .mq1-max-575-98\:\[\&_\#vo-pop\]\:tw-pb-\[calc\(10px_\+_env\(safe-area-inset-bottom\)\)\] #vo-pop {
    padding-bottom: calc(10px + env(safe-area-inset-bottom))
  }

  :where(.cmt) .mq1-max-575-98\:\[\&_\#vo-pop\]\:tw-css-border-\[0\] #vo-pop {
    border: 0
  }

  :where(.cmt) .mq1-max-575-98\:\[\&_\#vo-pop\]\:tw-css-transform-\[none\] #vo-pop {
    transform: none
  }
}

:where(.cmt) .\[\&_button\.active\]\:tw-css-background-\[var\(--surface\2c _\#fff\)\] button.active {
  background: var(--surface, #fff)
}

:where(.cmt) .\[\&_button\.active\]\:tw-css-box-shadow-\[0_1px_2px_rgba\(17\2c _19\2c _21\2c _\.1\)\] button.active {
  box-shadow: 0 1px 2px rgba(17, 19, 21, .1)
}

:where(.cmt) .\[\&_button\.active\]\:tw-css-color-\[var\(--ink\2c _\#1D1D1F\)\] button.active {
  color: var(--ink, #1D1D1F)
}

:where(.cmt) .\[\&_i\:\:after\]\:tw-absolute i::after {
  position: absolute
}

:where(.cmt) .\[\&_i\:\:after\]\:tw-left-\[2px\] i::after {
  left: 2px
}

:where(.cmt) .\[\&_i\:\:after\]\:tw-top-\[2px\] i::after {
  top: 2px
}

:where(.cmt) .\[\&_i\:\:after\]\:tw-h-\[18px\] i::after {
  height: 18px
}

:where(.cmt) .\[\&_i\:\:after\]\:tw-w-\[18px\] i::after {
  width: 18px
}

:where(.cmt) .\[\&_i\:\:after\]\:tw-rounded-\[50\%\] i::after {
  border-radius: 50%
}

:where(.cmt) .\[\&_i\:\:after\]\:tw-css-background-\[\#fff\] i::after {
  background: #fff
}

:where(.cmt) .\[\&_i\:\:after\]\:tw-css-transition-\[transform_\.15s\] i::after {
  transition: transform .15s
}

:where(.cmt) .\[\&_i\:\:after\]\:tw-css-box-shadow-\[0_1px_2px_rgba\(17\2c _19\2c _21\2c _\.3\)\] i::after {
  box-shadow: 0 1px 2px rgba(17, 19, 21, .3)
}

:where(.cmt) .\[\&_i\:\:after\]\:tw-css-content-\[\'\'\] i::after {
  content: ''
}

:where(.cmt) .\[\&_i\]\:tw-relative i {
  position: relative
}

:where(.cmt) .\[\&_i\]\:tw-h-\[22px\] i {
  height: 22px
}

:where(.cmt) .\[\&_i\]\:tw-w-\[36px\] i {
  width: 36px
}

:where(.cmt) .\[\&_i\]\:tw-rounded-\[999px\] i {
  border-radius: 999px
}

:where(.cmt) .\[\&_i\]\:tw-css-background-\[var\(--hairline\2c _rgba\(0\2c _0\2c _0\2c _\.08\)\)\] i {
  background: var(--hairline, rgba(0, 0, 0, .08))
}

:where(.cmt) .\[\&_i\]\:tw-css-transition-\[background_\.15s\] i {
  transition: background .15s
}

:where(.cmt) .\[\&_i\]\:tw-css-flex-\[none\] i {
  flex: none
}

@media (max-width: 575.98px) {
  :where(.cmt) .tk #vo-pop .mq1-max-575-98\:\[\.tk_\#vo-pop_\&\]\:tw-flex {
    display: flex
  }
}

:where(.cmt) .tk .\[\.tk_\&\.active\]\:tw-css-background-\[var\(--accent\2c _\#1D1D1F\)\].active {
  background: var(--accent, #1D1D1F)
}

:where(.cmt) .tk .\[\.tk_\&\.active\]\:tw-css-color-\[var\(--on-accent\2c _\#fff\)\].active {
  color: var(--on-accent, #fff)
}

:where(.cmt) .vo-item .\[\.vo-item_\&\]\:tw-p-\[0\] {
  padding: 0
}

:where(.cmt) .vo-item .\[\.vo-item_\&\]\:tw-css-border-\[0\] {
  border: 0
}

:where(.cmt) .vo-item .\[\.vo-item_\&\]\:tw-css-background-\[transparent\] {
  background: transparent
}
