@import url("https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;700&family=Dancing+Script:wght@400;700&family=Lora:wght@400;700&family=Montserrat:wght@400;700&family=Playfair+Display:wght@400;700&display=swap");
/* dien-ten-hang-loat.blade.php: Tailwind step 2. Utilities live in the markup; built by work/tw/build-tools.sh (content: dien-ten-hang-loat.classes). */

:where(.cmt) .bk-grip {
  position: absolute;
  right: -9px;
  top: 50%;
  margin-top: -9px;
  height: 18px;
  width: 18px;
  border-radius: 50%;
  background: #2E90FA;
  display: none;
  border: 2px solid #fff;
  cursor: ew-resize;
  touch-action: none
}

/*! tw-utilities */

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

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

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

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

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

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

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

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

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

:where(.cmt) .tw-css-border-\[1\.5px_dashed_rgba\(46\,_144\,_250\,_\.75\)\] {
  border: 1.5px dashed rgba(46, 144, 250, .75)
}

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

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

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

:where(.cmt) .\[\&\#bk-list\]\:tw-overflow-auto#bk-list {
  overflow: auto
}

:where(.cmt) .\[\&\#bk-list\]\:tw-whitespace-pre#bk-list {
  white-space: pre
}

:where(.cmt) .\[\&\#bk-list\]\:tw-css-tab-size-\[18\]#bk-list {
  tab-size: 18
}

:where(.cmt) .\[\&\#bk-next\:disabled\]\:tw-opacity-\[\.4\]#bk-next:disabled {
  opacity: .4
}

:where(.cmt) .\[\&\#bk-prev\:disabled\]\:tw-opacity-\[\.4\]#bk-prev:disabled {
  opacity: .4
}

:where(.cmt) .\[\&\#bk-zip\:disabled\]\:tw-opacity-\[\.4\]#bk-zip:disabled {
  opacity: .4
}

:where(.cmt) .\[\&\.is-sel\]\:tw-css-background-\[rgba\(46\2c _144\2c _250\2c _\.08\)\].is-sel {
  background: rgba(46, 144, 250, .08)
}

: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) .\[\&\.is-sel_\.bk-grip\]\:tw-block.is-sel .bk-grip {
  display: block
}

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

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

: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) .\[\&\[aria-pressed\=true\]\]\:tw-css-background-\[var\(--surface\2c _\#fff\)\][aria-pressed=true] {
  background: var(--surface, #fff)
}

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

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

: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-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-full canvas {
  height: 100%
}

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

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

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

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

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

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

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

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

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

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

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

:where(.cmt) .bk-dd .\[\.bk-dd_\&_button\.active\]\:tw-font-semibold button.active {
  font-weight: 600
}

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

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

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

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

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

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

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