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

/*! tw-utilities */

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

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

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

:where(.cmt) .tw-text-left {
  text-align: left
}

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

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

:where(.cmt) .tw-css-background-\[rgba\(255\,_255\,_255\,_\.85\)\] {
  background: rgba(255, 255, 255, .85)
}

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

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

:where(.cmt) .tw-css-box-shadow-\[inset_0_0_0_1px_var\(--hairline\,_\#E5E5EA\)\] {
  box-shadow: inset 0 0 0 1px var(--hairline, #E5E5EA)
}

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

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

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

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

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

: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) .\[\&\:hover\]\:tw-css-transform-\[translateY\(-1px\)\]:hover {
  transform: translateY(-1px)
}

:where(.cmt) .\[\&\[hidden\]\]\:tw-hidden[hidden] {
  display: none
}

:where(.cmt) .\[\&_b\]\:tw-font-semibold b {
  font-weight: 600
}

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

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

:where(.cmt) .\[\&_button\.active\]\:tw-css-outline-offset-\[2px\] button.active {
  outline-offset: 2px
}

:where(.cmt) .\[\&_button\]\:tw-h-\[28px\] button {
  height: 28px
}

:where(.cmt) .\[\&_button\]\:tw-w-\[28px\] button {
  width: 28px
}

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

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

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

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

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

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

:where(.cmt) .\[\&_canvas\]\:tw-css-touch-action-\[none\] canvas {
  touch-action: none
}

:where(.cmt) .bl-dl .\[\.bl-dl_\&\]\:tw-left-\[50\%\] {
  left: 50%
}

:where(.cmt) .bl-dl .\[\.bl-dl_\&\]\:tw-right-\[auto\] {
  right: auto
}

:where(.cmt) .bl-dl .\[\.bl-dl_\&\]\:tw-top-\[calc\(100\%_\+_8px\)\] {
  top: calc(100% + 8px)
}

:where(.cmt) .bl-dl .\[\.bl-dl_\&\]\:tw-w-\[min\(320px\2c _92vw\)\] {
  width: min(320px, 92vw)
}

:where(.cmt) .bl-dl .\[\.bl-dl_\&\]\:tw-text-left {
  text-align: left
}

:where(.cmt) .bl-dl .\[\.bl-dl_\&\]\:tw-css-transform-\[translateX\(-50\%\)\] {
  transform: translateX(-50%)
}

:where(.cmt) .bl-dl .\[\.bl-dl_\&_small\]\:tw-block small {
  display: block
}

:where(.cmt) .bl-dl .\[\.bl-dl_\&_small\]\:tw-text-\[13px\] small {
  font-size: 13px
}

:where(.cmt) .bl-dl .\[\.bl-dl_\&_small\]\:tw-css-color-\[var\(--ink2\2c _\#6E6E73\)\] small {
  color: var(--ink2, #6E6E73)
}