@import url("https://fonts.googleapis.com/css2?family=Anton&family=Baloo+2:wght@800&family=Bangers&family=Be+Vietnam+Pro:wght@800&family=Lobster&family=Oswald:wght@700&family=Patrick+Hand&display=swap");
/* tao-meme.blade.php: Tailwind step 2. Utilities live in the markup; built by work/tw/build-tools.sh (content: tao-meme.classes). */

/*! tw-utilities */

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

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

:where(.cmt) .tw-bottom-\[-10px\] {
  bottom: -10px
}

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

:where(.cmt) .tw-right-\[-10px\] {
  right: -10px
}

:where(.cmt) .tw-top-\[-30px\] {
  top: -30px
}

:where(.cmt) .tw-top-\[50\%\] {
  top: 50%
}

:where(.cmt) .tw-z-\[2\] {
  z-index: 2
}

:where(.cmt) .tw-ml-\[-9px\] {
  margin-left: -9px
}

:where(.cmt) .tw-mt-\[-9px\] {
  margin-top: -9px
}

:where(.cmt) .tw-inline-block {
  display: inline-block
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

:where(.cmt) .tw-font-extrabold {
  font-weight: 800
}

:where(.cmt) .tw-font-medium {
  font-weight: 500
}

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

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

:where(.cmt) .tw-css-border-\[1\.5px_dashed_transparent\] {
  border: 1.5px dashed transparent
}

:where(.cmt) .tw-css-border-\[2px_solid_\#fff\] {
  border: 2px solid #fff
}

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

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

:where(.cmt) .tw-css-background-\[rgba\(16\,_24\,_40\,_\.62\)\] {
  background: rgba(16, 24, 40, .62)
}

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

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

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

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

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

:where(.cmt) .tw-css-cursor-\[ew-resize\] {
  cursor: ew-resize
}

:where(.cmt) .tw-css-cursor-\[ns-resize\] {
  cursor: ns-resize
}

:where(.cmt) .tw-css-cursor-\[nwse-resize\] {
  cursor: nwse-resize
}

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

:where(.cmt) .tw-css-transform-\[translate\(calc\(-100\%_-_8px\)\,_8px\)\] {
  transform: translate(calc(-100% - 8px), 8px)
}

@media (hover: none) {
  :where(.cmt) .mq1-hover-none\:tw-bottom-\[-13px\] {
    bottom: -13px
  }

  :where(.cmt) .mq1-hover-none\:tw-right-\[-13px\] {
    right: -13px
  }

  :where(.cmt) .mq1-hover-none\:tw-top-\[-36px\] {
    top: -36px
  }

  :where(.cmt) .mq1-hover-none\:tw-ml-\[-12px\] {
    margin-left: -12px
  }

  :where(.cmt) .mq1-hover-none\:tw-mt-\[-12px\] {
    margin-top: -12px
  }

  :where(.cmt) .mq1-hover-none\:tw-h-\[24px\] {
    height: 24px
  }

  :where(.cmt) .mq1-hover-none\:tw-w-\[24px\] {
    width: 24px
  }
}

@media (max-width: 575.98px) {
  :where(.cmt) .mq2-max-575-98\:tw-relative {
    position: relative
  }
}

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

:where(.cmt) .\[\&\.is-empty\]\:tw-p-\[9px_16px\].is-empty {
  padding: 9px 16px
}

:where(.cmt) .\[\&\.is-empty\]\:tw-css-transform-\[translate\(-50\%\2c _-50\%\)\].is-empty {
  transform: translate(-50%, -50%)
}

:where(.cmt) .\[\&\.is-sel\]\:tw-css-border-color-\[\#2E90FA\].is-sel {
  border-color: #2E90FA
}

:where(.cmt) .\[\&\.is-sel\]\:tw-css-border-style-\[solid\].is-sel {
  border-style: solid
}

:where(.cmt) .\[\&\:hover\]\:tw-css-background-\[rgba\(16\2c _24\2c _40\2c _\.82\)\]:hover {
  background: rgba(16, 24, 40, .82)
}

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

:where(.cmt) .\[\&\:hover\]\:tw-css-border-color-\[rgba\(46\2c _144\2c _250\2c _\.6\)\]:hover {
  border-color: rgba(46, 144, 250, .6)
}

:where(.cmt) .\[\&_\.icon\]\:tw-shrink-0 .icon {
  flex-shrink: 0
}

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

:where(.cmt) .\[\&_button\.active\]\:tw-css-box-shadow-\[inset_0_0_0_1px_rgba\(0\2c _0\2c _0\2c _\.14\)\2c _0_0_0_2px_var\(--surface\2c _\#fff\)\2c _0_0_0_4px_var\(--ink\2c _\#1D1D1F\)\] button.active {
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .14), 0 0 0 2px var(--surface, #fff), 0 0 0 4px var(--ink, #1D1D1F)
}

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

:where(.cmt) .\[\&_button\]\:tw-flex button {
  display: flex
}

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

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

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

:where(.cmt) .\[\&_button\]\:tw-cursor-pointer button {
  cursor: pointer
}

:where(.cmt) .\[\&_button\]\:tw-items-center button {
  align-items: center
}

:where(.cmt) .\[\&_button\]\:tw-justify-center button {
  justify-content: center
}

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

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

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

:where(.cmt) .\[\&_button\]\:tw-text-\[26px\] button {
  font-size: 26px
}

:where(.cmt) .\[\&_button\]\:tw-leading-\[1\] button {
  line-height: 1
}

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

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

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

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

:where(.cmt) .\[\&_canvas\]\:tw-inset-\[0\] canvas {
  inset: 0
}

:where(.cmt) .\[\&_canvas\]\:tw-block canvas {
  display: block
}

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

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

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

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

:where(.cmt) .\[\&_input\[type\=range\]\]\:tw-w-\[110px\] input[type=range] {
  width: 110px
}

@media (max-width: 575.98px) {
  :where(.cmt) .mq2-max-575-98\:\[\&_input\[type\=range\]\]\:tw-w-\[90px\] input[type=range] {
    width: 90px
  }
}

:where(.cmt) .\[\&_input\[type\=text\]\:focus\]\:tw-css-background-\[var\(--surface\2c _\#fff\)\] input[type=text]:focus {
  background: var(--surface, #fff)
}

:where(.cmt) .\[\&_input\[type\=text\]\:focus\]\:tw-css-box-shadow-\[0_0_0_1\.5px_var\(--ink\2c _\#1D1D1F\)\] input[type=text]:focus {
  box-shadow: 0 0 0 1.5px var(--ink, #1D1D1F)
}

:where(.cmt) .\[\&_input\[type\=text\]\]\:tw-h-\[40px\] input[type=text] {
  height: 40px
}

:where(.cmt) .\[\&_input\[type\=text\]\]\:tw-min-w-\[0\] input[type=text] {
  min-width: 0
}

:where(.cmt) .\[\&_input\[type\=text\]\]\:tw-max-w-\[100\%\] input[type=text] {
  max-width: 100%
}

:where(.cmt) .\[\&_input\[type\=text\]\]\:tw-rounded-\[14px\] input[type=text] {
  border-radius: 14px
}

:where(.cmt) .\[\&_input\[type\=text\]\]\:tw-p-\[0_14px\] input[type=text] {
  padding: 0 14px
}

:where(.cmt) .\[\&_input\[type\=text\]\]\:tw-text-\[15px\] input[type=text] {
  font-size: 15px
}

:where(.cmt) .\[\&_input\[type\=text\]\]\:tw-css-border-\[0\] input[type=text] {
  border: 0
}

:where(.cmt) .\[\&_input\[type\=text\]\]\:tw-css-background-\[var\(--inset\2c _\#F5F5F7\)\] input[type=text] {
  background: var(--inset, #F5F5F7)
}

:where(.cmt) .\[\&_input\[type\=text\]\]\:tw-css-flex-\[1_1_240px\] input[type=text] {
  flex: 1 1 240px
}

:where(.cmt) .\[\&_input\[type\=text\]\]\:tw-css-outline-\[none\] input[type=text] {
  outline: none
}

:where(.cmt) .\[\&_input\[type\=text\]\]\:tw-css-color-\[var\(--ink\2c _\#1D1D1F\)\] input[type=text] {
  color: var(--ink, #1D1D1F)
}

:where(.cmt) .\[\&_span\]\:tw-overflow-hidden span {
  overflow: hidden
}

:where(.cmt) .\[\&_span\]\:tw-text-ellipsis span {
  text-overflow: ellipsis
}

:where(.cmt) .\[\&_span\]\:tw-whitespace-nowrap span {
  white-space: nowrap
}

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

:where(.cmt) .mm-bar .\[\.mm-bar_\&\[aria-pressed\=true\]\]\:tw-css-background-\[var\(--ink\2c _\#1D1D1F\)\][aria-pressed=true] {
  background: var(--ink, #1D1D1F)
}

:where(.cmt) .mm-bar .\[\.mm-bar_\&\[aria-pressed\=true\]\]\:tw-css-color-\[var\(--surface\2c _\#fff\)\][aria-pressed=true] {
  color: var(--surface, #fff)
}

:where(.cmt) .mm-bar .\[\.mm-bar_\&\]\:tw-inline-flex {
  display: inline-flex
}

:where(.cmt) .mm-bar .\[\.mm-bar_\&\]\:tw-h-\[40px\] {
  height: 40px
}

:where(.cmt) .mm-bar .\[\.mm-bar_\&\]\:tw-items-center {
  align-items: center
}

:where(.cmt) .mm-bar .\[\.mm-bar_\&\]\:tw-gap-\[6px\] {
  gap: 6px
}

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

:where(.cmt) .mm-bar .\[\.mm-bar_\&\]\:tw-p-\[0_12px\] {
  padding: 0 12px
}

:where(.cmt) .mm-bar .\[\.mm-bar_\&\]\:tw-text-\[14px\] {
  font-size: 14px
}

:where(.cmt) .mm-bar .\[\.mm-bar_\&\]\:tw-font-medium {
  font-weight: 500
}

:where(.cmt) .mm-bar .\[\.mm-bar_\&\]\:tw-css-background-\[var\(--inset\2c _\#F5F5F7\)\] {
  background: var(--inset, #F5F5F7)
}

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

@media (max-width: 575.98px) {
  :where(.cmt) .mm-bar .mq2-max-575-98\:\[\.mm-bar_\&\]\:tw-static {
    position: static
  }

  :where(.cmt) .mm-bar .mm-dd .mq2-max-575-98\:\[\.mm-bar_\.mm-dd_\&\]\:tw-left-\[0\] {
    left: 0
  }

  :where(.cmt) .mm-bar .mm-dd .mq2-max-575-98\:\[\.mm-bar_\.mm-dd_\&\]\:tw-right-\[0\] {
    right: 0
  }

  :where(.cmt) .mm-bar .mm-dd .mq2-max-575-98\:\[\.mm-bar_\.mm-dd_\&\]\:tw-top-\[calc\(100\%_\+_4px\)\] {
    top: calc(100% + 4px)
  }

  :where(.cmt) .mm-bar .mm-dd .mq2-max-575-98\:\[\.mm-bar_\.mm-dd_\&\]\:tw-max-w-\[none\] {
    max-width: none
  }
}

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

:where(.cmt) .mm-dd .\[\.mm-dd_\&\]\:tw-left-\[0\] {
  left: 0
}

:where(.cmt) .mm-dd .\[\.mm-dd_\&\]\:tw-right-\[auto\] {
  right: auto
}

:where(.cmt) .mm-dd .\[\.mm-dd_\&\]\:tw-top-\[calc\(100\%_\+_6px\)\] {
  top: calc(100% + 6px)
}

:where(.cmt) .mm-dd .\[\.mm-dd_\&\]\:tw-z-\[30\] {
  z-index: 30
}

:where(.cmt) .mm-dd .\[\.mm-dd_\&\]\:tw-block {
  display: block
}

:where(.cmt) .mm-dd .\[\.mm-dd_\&\]\:tw-max-h-\[300px\] {
  max-height: 300px
}

:where(.cmt) .mm-dd .\[\.mm-dd_\&\]\:tw-min-w-\[190px\] {
  min-width: 190px
}

:where(.cmt) .mm-dd .\[\.mm-dd_\&\]\:tw-max-w-\[280px\] {
  max-width: 280px
}

:where(.cmt) .mm-dd .\[\.mm-dd_\&\]\:tw-overflow-auto {
  overflow: auto
}

:where(.cmt) .mm-dd .\[\.mm-dd_\&\]\:tw-rounded-\[20px\] {
  border-radius: 20px
}

:where(.cmt) .mm-dd .\[\.mm-dd_\&\]\:tw-p-\[6px\] {
  padding: 6px
}

:where(.cmt) .mm-dd .\[\.mm-dd_\&\]\:tw-text-left {
  text-align: left
}

:where(.cmt) .mm-dd .\[\.mm-dd_\&\]\:tw-css-border-\[1px_solid_var\(--hairline\2c _rgba\(0\2c _0\2c _0\2c _\.08\)\)\] {
  border: 1px solid var(--hairline, rgba(0, 0, 0, .08))
}

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

:where(.cmt) .mm-dd .\[\.mm-dd_\&\]\:tw-css-box-shadow-\[0_1px_2px_rgba\(17\2c _19\2c _21\2c _\.06\)\2c _0_18px_40px_-16px_rgba\(17\2c _19\2c _21\2c _\.28\)\] {
  box-shadow: 0 1px 2px rgba(17, 19, 21, .06), 0 18px 40px -16px rgba(17, 19, 21, .28)
}

:where(.cmt) .mm-dd .\[\.mm-dd_\&_button\.active\]\:tw-font-medium button.active {
  font-weight: 500
}

:where(.cmt) .mm-dd .\[\.mm-dd_\&_button\.active\]\:tw-css-background-\[var\(--inset\2c _\#F5F5F7\)\] button.active {
  background: var(--inset, #F5F5F7)
}

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

:where(.cmt) .mm-dd .\[\.mm-dd_\&_button\:hover\]\:tw-css-background-\[var\(--inset\2c _\#F5F5F7\)\] button:hover {
  background: var(--inset, #F5F5F7)
}

:where(.cmt) .mm-dd .\[\.mm-dd_\&_button\]\:tw-h-\[40px\] button {
  height: 40px
}

:where(.cmt) .mm-dd .\[\.mm-dd_\&_button\]\:tw-overflow-hidden button {
  overflow: hidden
}

:where(.cmt) .mm-dd .\[\.mm-dd_\&_button\]\:tw-text-ellipsis button {
  text-overflow: ellipsis
}

:where(.cmt) .mm-dd .\[\.mm-dd_\&_button\]\:tw-whitespace-nowrap button {
  white-space: nowrap
}

:where(.cmt) .mm-dd .\[\.mm-dd_\&_button\]\:tw-rounded-\[12px\] button {
  border-radius: 12px
}

:where(.cmt) .mm-dd .\[\.mm-dd_\&_button\]\:tw-p-\[0_12px\] button {
  padding: 0 12px
}

:where(.cmt) .mm-dd .\[\.mm-dd_\&_button\]\:tw-text-\[14px\] button {
  font-size: 14px
}

:where(.cmt) .mm-dd .\[\.mm-dd_\&_button\]\:tw-css-color-\[var\(--ink-2\2c _\#6E6E73\)\] button {
  color: var(--ink-2, #6E6E73)
}

:where(.cmt) .mm-it.is-sel .\[\.mm-it\.is-sel_\&\]\:tw-block {
  display: block
}

:where(.cmt) .mm-it.is-top .\[\.mm-it\.is-top_\&\]\:tw-bottom-\[-30px\] {
  bottom: -30px
}

:where(.cmt) .mm-it.is-top .\[\.mm-it\.is-top_\&\]\:tw-top-\[auto\] {
  top: auto
}

:where(.cmt) .mm-it.is-top .\[\.mm-it\.is-top_\&\]\:tw-hidden {
  display: none
}

@media (hover: none) {
  :where(.cmt) .mm-it.is-top .mq1-hover-none\:\[\.mm-it\.is-top_\&\]\:tw-bottom-\[-36px\] {
    bottom: -36px
  }

  :where(.cmt) .mm-it.is-top .mq1-hover-none\:\[\.mm-it\.is-top_\&\]\:tw-top-\[auto\] {
    top: auto
  }
}