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

/*! tw-utilities */

:where(.cmt) .tw-relative {
  position: relative
}

:where(.cmt) .tw-flex {
  display: flex
}

:where(.cmt) .tw-grid {
  display: grid
}

:where(.cmt) .tw-aspect-\[1\] {
  aspect-ratio: 1
}

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

:where(.cmt) .tw-h-\[34px\] {
  height: 34px
}

:where(.cmt) .tw-w-\[22px\] {
  width: 22px
}

:where(.cmt) .tw-w-\[34px\] {
  width: 34px
}

:where(.cmt) .tw-cursor-pointer {
  cursor: pointer
}

:where(.cmt) .tw-grid-cols-\[repeat\(auto-fill\,_minmax\(46px\,_1fr\)\)\] {
  grid-template-columns: repeat(auto-fill, minmax(46px, 1fr))
}

:where(.cmt) .tw-items-center {
  align-items: center
}

:where(.cmt) .tw-justify-center {
  justify-content: center
}

:where(.cmt) .tw-gap-\[8px\] {
  gap: 8px
}

:where(.cmt) .tw-overflow-hidden {
  overflow: hidden
}

:where(.cmt) .tw-rounded-\[12px\] {
  border-radius: 12px
}

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

:where(.cmt) .tw-rounded-\[6px\] {
  border-radius: 6px
}

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

:where(.cmt) .tw-p-\[7px_13px\] {
  padding: 7px 13px
}

:where(.cmt) .tw-text-\[17px\] {
  font-size: 17px
}

:where(.cmt) .tw-leading-\[1\.2\] {
  line-height: 1.2
}

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

:where(.cmt) .tw-css-background-\[none\] {
  background: none
}

:where(.cmt) .tw-css-background-\[var\(--inset\,_\#F5F5F7\)\] {
  background: var(--inset, #F5F5F7)
}

:where(.cmt) .tw-css-background-color-\[\#fff\] {
  background-color: #fff
}

:where(.cmt) .tw-css-background-image-\[linear-gradient\(45deg\,_\#EAECF0_25\%\,_transparent_25\%\)\,_linear-gradient\(-45deg\,_\#EAECF0_25\%\,_transparent_25\%\)\,_linear-gradient\(45deg\,_transparent_75\%\,_\#EAECF0_75\%\)\,_linear-gradient\(-45deg\,_transparent_75\%\,_\#EAECF0_75\%\)\] {
  background-image: linear-gradient(45deg, #EAECF0 25%, transparent 25%), linear-gradient(-45deg, #EAECF0 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #EAECF0 75%), linear-gradient(-45deg, transparent 75%, #EAECF0 75%)
}

:where(.cmt) .tw-css-background-position-\[0_0\,_0_10px\,_10px_-10px\,_-10px_0\] {
  background-position: 0 0, 0 10px, 10px -10px, -10px 0
}

:where(.cmt) .tw-css-background-size-\[20px_20px\] {
  background-size: 20px 20px
}

:where(.cmt) .tw-css-box-shadow-\[inset_0_0_0_1px_rgba\(16\,_24\,_40\,_\.18\)\] {
  box-shadow: inset 0 0 0 1px rgba(16, 24, 40, .18)
}

:where(.cmt) .tw-css-color-\[var\(--ink\,_\#1D1D1F\)\] {
  color: var(--ink, #1D1D1F)
}

:where(.cmt) .\[\&\.active\]\:tw-css-box-shadow-\[0_0_0_2px_var\(--surface\2c _\#fff\)\2c _0_0_0_4px_var\(--ink\2c _\#1D1D1F\)\].active {
  box-shadow: 0 0 0 2px var(--surface, #fff), 0 0 0 4px var(--ink, #1D1D1F)
}

:where(.cmt) .\[\&\.active\]\:tw-css-box-shadow-\[inset_0_0_0_1\.5px_var\(--ink\2c _\#1D1D1F\)\].active {
  box-shadow: inset 0 0 0 1.5px var(--ink, #1D1D1F)
}

:where(.cmt) .\[\&\:\:-webkit-color-swatch-wrapper\]\:tw-p-\[0\]::-webkit-color-swatch-wrapper {
  padding: 0
}

:where(.cmt) .\[\&\:\:-webkit-color-swatch\]\:tw-rounded-\[6px\]::-webkit-color-swatch {
  border-radius: 6px
}

:where(.cmt) .\[\&\:\:-webkit-color-swatch\]\:tw-css-border-\[0\]::-webkit-color-swatch {
  border: 0
}

:where(.cmt) .\[\&\:\:-webkit-color-swatch\]\:tw-css-box-shadow-\[inset_0_0_0_1px_rgba\(0\2c _0\2c _0\2c _\.14\)\]::-webkit-color-swatch {
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .14)
}

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

:where(.cmt) .\[\&\:\:after\]\:tw-inset-\[9px\]::after {
  inset: 9px
}

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

:where(.cmt) .\[\&\:\:after\]\:tw-css-background-\[var\(--fg\)\]::after {
  background: var(--fg)
}

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

:where(.cmt) .\[\&\:hover\]\:tw-css-background-\[var\(--hairline\2c _\#E5E5EA\)\]:hover {
  background: var(--hairline, #E5E5EA)
}

: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) .\[\&_canvas\]\:tw-block canvas {
  display: block
}

:where(.cmt) .\[\&_canvas\]\:tw-h-auto canvas {
  height: auto
}

:where(.cmt) .\[\&_canvas\]\:tw-w-full canvas {
  width: 100%
}

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

:where(.cmt) .\[\&_svg\]\:tw-w-\[22px\] svg {
  width: 22px
}

:where(.cmt) .\[\&_svg\]\:tw-css-fill-\[none\] svg {
  fill: none
}

:where(.cmt) .\[\&_svg\]\:tw-css-stroke-\[currentColor\] svg {
  stroke: currentColor
}

:where(.cmt) .\[\&_svg\]\:tw-css-stroke-linecap-\[round\] svg {
  stroke-linecap: round
}

:where(.cmt) .\[\&_svg\]\:tw-css-stroke-linejoin-\[round\] svg {
  stroke-linejoin: round
}

:where(.cmt) .\[\&_svg\]\:tw-css-stroke-width-\[2\] svg {
  stroke-width: 2
}