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

@keyframes lyScan {
  from {
    top: -34%;
  }

  to {
    top: 100%;
  }
}

@keyframes lyPulse {
  50% {
    transform: scale(1.6);
    opacity: .4;
  }
}

/*! tw-utilities */

:where(.cmt) .tw-pointer-events-none {
  pointer-events: none;
}

:where(.cmt) .tw-fixed {
  position: fixed;
}

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

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

:where(.cmt) .tw-sticky {
  position: sticky;
}

:where(.cmt) .tw-inset-\[0\] {
  inset: 0;
}

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

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

:where(.cmt) .tw-left-\[0\] {
  left: 0;
}

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

:where(.cmt) .tw-right-\[-5\%\] {
  right: -5%;
}

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

:where(.cmt) .tw-top-\[0\] {
  top: 0;
}

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

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

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

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

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

:where(.cmt) .tw-m-\[0\] {
  margin: 0;
}

:where(.cmt) .tw-m-\[16px_auto_0\] {
  margin: 16px auto 0;
}

:where(.cmt) .tw-mt-\[4vh\] {
  margin-top: 4vh;
}

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

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

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

:where(.cmt) .tw-h-\[100vh\] {
  height: 100vh;
}

:where(.cmt) .tw-h-\[240vh\] {
  height: 240vh;
}

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

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

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

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

:where(.cmt) .tw-h-full {
  height: 100%;
}

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

:where(.cmt) .tw-max-h-\[50vh\] {
  max-height: 50vh;
}

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

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

:where(.cmt) .tw-w-\[min\(440px\,_80vw\,_50vh\)\] {
  width: min(440px, 80vw, 50vh);
}

:where(.cmt) .tw-w-full {
  width: 100%;
}

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

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

:where(.cmt) .tw-shrink-0 {
  flex-shrink: 0;
}

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

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

:where(.cmt) .tw-flex-col {
  flex-direction: column;
}

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

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

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

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

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

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

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

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

:where(.cmt) .tw-overflow-x-auto {
  overflow-x: auto;
}

:where(.cmt) .tw-overflow-y-auto {
  overflow-y: auto;
}

:where(.cmt) .tw-whitespace-nowrap {
  white-space: nowrap;
}

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

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

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

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

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

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

:where(.cmt) .tw-p-\[14px_2px_8px\] {
  padding: 14px 2px 8px;
}

:where(.cmt) .tw-p-\[3px_8px\] {
  padding: 3px 8px;
}

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

:where(.cmt) .tw-p-\[6px_14px\] {
  padding: 6px 14px;
}

:where(.cmt) .tw-p-\[72px_16px_24px\] {
  padding: 72px 16px 24px;
}

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

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

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

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

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

:where(.cmt) .tw-font-semibold {
  font-weight: 600;
}

:where(.cmt) .tw-opacity-\[0\] {
  opacity: 0;
}

:where(.cmt) .tw-css-border-\[1\.5px_solid_\#2E90FA\] {
  border: 1.5px solid #2E90FA;
}

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

:where(.cmt) .tw-css-animation-\[lyPulse_1s_ease-in-out_infinite\] {
  animation: lyPulse 1s ease-in-out infinite;
}

:where(.cmt) .tw-css-animation-\[lyScan_2\.1s_cubic-bezier\(\.45\,_0\,_\.55\,_1\)_infinite_alternate\] {
  animation: lyScan 2.1s cubic-bezier(.45, 0, .55, 1) infinite alternate;
}

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

:where(.cmt) .tw-css-background-\[linear-gradient\(180deg\,_rgba\(255\,_255\,_255\,_0\)_0\%\,_rgba\(255\,_255\,_255\,_\.12\)_55\%\,_rgba\(255\,_255\,_255\,_\.45\)_90\%\,_rgba\(255\,_255\,_255\,_\.95\)_100\%\)\] {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .12) 55%, rgba(255, 255, 255, .45) 90%, rgba(255, 255, 255, .95) 100%);
}

:where(.cmt) .tw-css-background-\[rgba\(15\,_23\,_42\,_\.3\)\] {
  background: rgba(15, 23, 42, .3);
}

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

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

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

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

:where(.cmt) .tw-css-background-\[var\(--surface\,_\#fff\)\] {
  background: var(--surface, #fff);
}

:where(.cmt) .tw-css-transition-\[opacity_\.15s\] {
  transition: opacity .15s;
}

:where(.cmt) .tw-css-transition-\[opacity_\.25s\] {
  transition: opacity .25s;
}

:where(.cmt) .tw-css-transition-\[opacity_\.35s\] {
  transition: opacity .35s;
}

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

:where(.cmt) .tw-css-list-style-\[none\] {
  list-style: none;
}

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

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

:where(.cmt) .tw-css-background-position-\[0_0\,_0_8px\,_8px_-8px\,_-8px_0\] {
  background-position: 0 0, 0 8px, 8px -8px, -8px 0;
}

:where(.cmt) .tw-css-background-size-\[16px_16px\] {
  background-size: 16px 16px;
}

:where(.cmt) .tw-css-box-shadow-\[0_0_0_1px_rgba\(255\,_255\,_255\,_\.7\)\] {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, .7);
}

:where(.cmt) .tw-css-box-shadow-\[0_8px_26px_4px_rgba\(255\,_255\,_255\,_\.6\)\] {
  box-shadow: 0 8px 26px 4px rgba(255, 255, 255, .6);
}

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

: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-perspective-\[1600px\] {
  perspective: 1600px;
}

:where(.cmt) .tw-css-scrollbar-width-\[thin\] {
  scrollbar-width: thin;
}

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

:where(.cmt) .tw-css-transform-\[translate\(-6px\,_-120\%\)\] {
  transform: translate(-6px, -120%);
}

:where(.cmt) .tw-css-transform-\[translateX\(-50\%\)\] {
  transform: translateX(-50%);
}

:where(.cmt) .tw-css-transform-style-\[preserve-3d\] {
  transform-style: preserve-3d;
}

:where(.cmt) .tw-css-user-select-\[none\] {
  user-select: none;
}

:where(.cmt) .tw-css-will-change-\[transform\] {
  will-change: transform;
}

@media (prefers-reduced-motion: reduce) {
  :where(.cmt) .mq1-motion-reduce\:tw-relative {
    position: relative;
  }

  :where(.cmt) .mq1-motion-reduce\:tw-h-auto {
    height: auto;
  }

  :where(.cmt) .mq1-motion-reduce\:tw-min-h-\[100vh\] {
    min-height: 100vh;
  }

  :where(.cmt) .mq1-motion-reduce\:tw-css-animation-\[none\] {
    animation: none;
  }

  :where(.cmt) .mq1-motion-reduce\:tw-css-transition-\[none\] {
    transition: none;
  }
}

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

:where(.cmt) .\[\&\.is-active\]\:tw-opacity-\[1\].is-active {
  opacity: 1;
}

:where(.cmt) .\[\&\.is-base_img\]\:tw-rounded-\[12px\].is-base img {
  border-radius: 12px;
}

:where(.cmt) .\[\&\.is-compare_canvas\]\:tw-opacity-\[0\].is-compare canvas {
  opacity: 0;
}

:where(.cmt) .\[\&\.is-drag\]\:tw-opacity-\[\.5\].is-drag {
  opacity: .5;
}

:where(.cmt) .\[\&\.is-fading\]\:tw-opacity-\[0\].is-fading {
  opacity: 0;
}

:where(.cmt) .\[\&\.is-in_figure\]\:tw-opacity-\[1\].is-in figure {
  opacity: 1;
}

:where(.cmt) .\[\&\.is-in_figure\]\:tw-css-transform-\[none\].is-in figure {
  transform: none;
}

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

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

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

:where(.cmt) .\[\&\:focus-visible\]\:tw-css-outline-offset-\[1px\]:focus-visible {
  outline-offset: 1px;
}

:where(.cmt) .\[\&\:hover\]\:tw-opacity-\[\.9\]:hover {
  opacity: .9;
}

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

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

:where(.cmt) .\[\&_\.eye\]\:tw-text-center .eye {
  text-align: center;
}

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

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

:where(.cmt) .\[\&_\.icon\]\:tw-w-\[40px\] .icon {
  width: 40px;
}

:where(.cmt) .\[\&_\:is\(i\2c \.icon\)\:nth-child\(1\)\]\:tw-left-\[-7px\] :is(i,.icon):nth-child(1) {
  left: -7px;
}

:where(.cmt) .\[\&_\:is\(i\2c \.icon\)\:nth-child\(1\)\]\:tw-top-\[-7px\] :is(i,.icon):nth-child(1) {
  top: -7px;
}

:where(.cmt) .\[\&_\:is\(i\2c \.icon\)\:nth-child\(2\)\]\:tw-right-\[-7px\] :is(i,.icon):nth-child(2) {
  right: -7px;
}

:where(.cmt) .\[\&_\:is\(i\2c \.icon\)\:nth-child\(2\)\]\:tw-top-\[-7px\] :is(i,.icon):nth-child(2) {
  top: -7px;
}

:where(.cmt) .\[\&_\:is\(i\2c \.icon\)\:nth-child\(3\)\]\:tw-bottom-\[-7px\] :is(i,.icon):nth-child(3) {
  bottom: -7px;
}

:where(.cmt) .\[\&_\:is\(i\2c \.icon\)\:nth-child\(3\)\]\:tw-left-\[-7px\] :is(i,.icon):nth-child(3) {
  left: -7px;
}

:where(.cmt) .\[\&_\:is\(i\2c \.icon\)\:nth-child\(4\)\]\:tw-bottom-\[-7px\] :is(i,.icon):nth-child(4) {
  bottom: -7px;
}

:where(.cmt) .\[\&_\:is\(i\2c \.icon\)\:nth-child\(4\)\]\:tw-right-\[-7px\] :is(i,.icon):nth-child(4) {
  right: -7px;
}

: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) .\[\&_\>_i\]\:tw-block > i {
  display: block;
}

:where(.cmt) .\[\&_\>_i\]\:tw-h-full > i {
  height: 100%;
}

:where(.cmt) .\[\&_\>_i\]\:tw-w-\[0\] > i {
  width: 0;
}

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

:where(.cmt) .\[\&_\>_i\]\:tw-css-background-\[var\(--ink\2c _\#1D1D1F\)\] > i {
  background: var(--ink, #1D1D1F);
}

:where(.cmt) .\[\&_\>_i\]\:tw-css-transition-\[width_\.8s_linear\] > i {
  transition: width .8s linear;
}

:where(.cmt) .\[\&_\>_img\]\:tw-absolute > img {
  position: absolute;
}

:where(.cmt) .\[\&_\>_img\]\:tw-inset-\[0\] > img {
  inset: 0;
}

:where(.cmt) .\[\&_\>_img\]\:tw-block > img {
  display: block;
}

:where(.cmt) .\[\&_\>_img\]\:tw-h-full > img {
  height: 100%;
}

:where(.cmt) .\[\&_\>_img\]\:tw-w-full > img {
  width: 100%;
}

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

:where(.cmt) .\[\&_figcaption\]\:tw-mt-\[6px\] figcaption {
  margin-top: 6px;
}

:where(.cmt) .\[\&_figcaption\]\:tw-overflow-hidden figcaption {
  overflow: hidden;
}

:where(.cmt) .\[\&_figcaption\]\:tw-text-ellipsis figcaption {
  text-overflow: ellipsis;
}

:where(.cmt) .\[\&_figcaption\]\:tw-whitespace-nowrap figcaption {
  white-space: nowrap;
}

:where(.cmt) .\[\&_figcaption\]\:tw-text-center figcaption {
  text-align: center;
}

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

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

:where(.cmt) .\[\&_figure\]\:tw-m-\[0\] figure {
  margin: 0;
}

:where(.cmt) .\[\&_figure\]\:tw-w-\[112px\] figure {
  width: 112px;
}

:where(.cmt) .\[\&_figure\]\:tw-opacity-\[0\] figure {
  opacity: 0;
}

:where(.cmt) .\[\&_figure\]\:tw-css-transition-\[opacity_\.5s\2c _transform_\.5s\] figure {
  transition: opacity .5s, transform .5s;
}

:where(.cmt) .\[\&_figure\]\:tw-css-flex-\[0_0_auto\] figure {
  flex: 0 0 auto;
}

:where(.cmt) .\[\&_figure\]\:tw-css-transform-\[translateY\(14px\)\] figure {
  transform: translateY(14px);
}

@media (prefers-reduced-motion: reduce) {
  :where(.cmt) .mq1-motion-reduce\:\[\&_figure\]\:tw-opacity-\[1\] figure {
    opacity: 1;
  }

  :where(.cmt) .mq1-motion-reduce\:\[\&_figure\]\:tw-css-transition-\[none\] figure {
    transition: none;
  }

  :where(.cmt) .mq1-motion-reduce\:\[\&_figure\]\:tw-css-transform-\[none\] figure {
    transform: none;
  }
}

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

:where(.cmt) .\[\&_i\]\:tw-block i {
  display: block;
}

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

:where(.cmt) .\[\&_i\]\:tw-h-full i {
  height: 100%;
}

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

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

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

:where(.cmt) .\[\&_i\]\:tw-css-border-\[1\.5px_solid_\#2E90FA\] i {
  border: 1.5px solid #2E90FA;
}

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

:where(.cmt) .\[\&_i\]\:tw-css-background-\[var\(--ink\2c _\#1D1D1F\)\] i {
  background: var(--ink, #1D1D1F);
}

:where(.cmt) .\[\&_img\.is-off\]\:tw-opacity-\[0\] img.is-off {
  opacity: 0;
}

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

:where(.cmt) .\[\&_img\]\:tw-block img {
  display: block;
}

:where(.cmt) .\[\&_img\]\:tw-h-full img {
  height: 100%;
}

:where(.cmt) .\[\&_img\]\:tw-w-full img {
  width: 100%;
}

:where(.cmt) .\[\&_img\]\:tw-object-cover img {
  object-fit: cover;
}

:where(.cmt) .\[\&_img\]\:tw-css-transition-\[opacity_\.25s\] img {
  transition: opacity .25s;
}

@media (prefers-reduced-motion: reduce) {
  :where(.cmt) .mq1-motion-reduce\:\[\&_img\]\:tw-css-transition-\[none\] img {
    transition: none;
  }
}

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

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

:where(.cmt) .\[\&_svg\]\:tw-m-\[0_auto\] svg {
  margin: 0 auto;
}

:where(.cmt) .\[\&_svg\]\:tw-block svg {
  display: block;
}

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

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

:where(.cmt) .lx-demo.is-orig .\[\.lx-demo\.is-orig_\&\]\:tw-opacity-\[1\] {
  opacity: 1;
}

:where(.cmt) .lx-demo .\[\.lx-demo_\&\]\:tw-inset-\[0\] {
  inset: 0;
}

:where(.cmt) .lx-demo .\[\.lx-demo_\&\]\:tw-z-\[50\] {
  z-index: 50;
}

:where(.cmt) .lx-demo .\[\.lx-demo_\&\]\:tw-h-full {
  height: 100%;
}

:where(.cmt) .lx-demo .\[\.lx-demo_\&\]\:tw-w-full {
  width: 100%;
}

:where(.cmt) .lx-demo .\[\.lx-demo_\&\]\:tw-opacity-\[0\] {
  opacity: 0;
}

:where(.cmt) .lx-poster.is-ready .\[\.lx-poster\.is-ready_\&\]\:tw-opacity-\[0\] {
  opacity: 0;
}

:where(.cmt) .lx-poster.is-ready .\[\.lx-poster\.is-ready_\&\]\:tw-opacity-\[1\] {
  opacity: 1;
}

:where(.cmt) .lx-row.is-off .\[\.lx-row\.is-off_\&\]\:tw-opacity-\[\.4\] {
  opacity: .4;
}

:where(.cmt) .lx-row .\[\.lx-row_\&\]\:tw-flex {
  display: flex;
}

:where(.cmt) .lx-row .\[\.lx-row_\&\]\:tw-h-\[34px\] {
  height: 34px;
}

:where(.cmt) .lx-row .\[\.lx-row_\&\]\:tw-w-\[34px\] {
  width: 34px;
}

:where(.cmt) .lx-row .\[\.lx-row_\&\]\:tw-min-w-\[0\] {
  min-width: 0;
}

:where(.cmt) .lx-row .\[\.lx-row_\&\]\:tw-shrink-0 {
  flex-shrink: 0;
}

:where(.cmt) .lx-row .\[\.lx-row_\&\]\:tw-items-center {
  align-items: center;
}

:where(.cmt) .lx-row .\[\.lx-row_\&\]\:tw-justify-center {
  justify-content: center;
}

:where(.cmt) .lx-row .\[\.lx-row_\&\]\:tw-overflow-hidden {
  overflow: hidden;
}

:where(.cmt) .lx-row .\[\.lx-row_\&\]\:tw-text-ellipsis {
  text-overflow: ellipsis;
}

:where(.cmt) .lx-row .\[\.lx-row_\&\]\:tw-whitespace-nowrap {
  white-space: nowrap;
}

:where(.cmt) .lx-row .\[\.lx-row_\&\]\:tw-rounded-\[8px\] {
  border-radius: 8px;
}

:where(.cmt) .lx-row .\[\.lx-row_\&\]\:tw-text-\[14px\] {
  font-size: 14px;
}

:where(.cmt) .lx-row .\[\.lx-row_\&\]\:tw-font-medium {
  font-weight: 500;
}

:where(.cmt) .lx-row .\[\.lx-row_\&\]\:tw-css-flex-\[1\] {
  flex: 1;
}

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

:where(.cmt) .lx-row .\[\.lx-row_\&_img\]\:tw-max-h-\[100\%\] img {
  max-height: 100%;
}

:where(.cmt) .lx-row .\[\.lx-row_\&_img\]\:tw-max-w-\[100\%\] img {
  max-width: 100%;
}

:where(.cmt) .lx-strip .\[\.lx-strip_\&\]\:tw-flex {
  display: flex;
}

:where(.cmt) .lx-strip .\[\.lx-strip_\&\]\:tw-h-\[112px\] {
  height: 112px;
}

:where(.cmt) .lx-strip .\[\.lx-strip_\&\]\:tw-w-\[112px\] {
  width: 112px;
}

:where(.cmt) .lx-strip .\[\.lx-strip_\&\]\:tw-items-center {
  align-items: center;
}

:where(.cmt) .lx-strip .\[\.lx-strip_\&\]\:tw-justify-center {
  justify-content: center;
}

:where(.cmt) .lx-strip .\[\.lx-strip_\&\]\:tw-rounded-\[14px\] {
  border-radius: 14px;
}

:where(.cmt) .lx-strip .\[\.lx-strip_\&\]\:tw-p-\[8px\] {
  padding: 8px;
}

:where(.cmt) .lx-strip .\[\.lx-strip_\&\]\:tw-css-background-\[var\(--inset\2c _\#F5F5F7\)\] {
  background: var(--inset, #F5F5F7);
}

:where(.cmt) .lx-strip .\[\.lx-strip_\&_img\]\:tw-max-h-\[100\%\] img {
  max-height: 100%;
}

:where(.cmt) .lx-strip .\[\.lx-strip_\&_img\]\:tw-max-w-\[100\%\] img {
  max-width: 100%;
}

:where(.cmt) .lx-strip .\[\.lx-strip_\&_img\]\:tw-object-contain img {
  object-fit: contain;
}

:where(.cmt) .ly-grid > .\[\.ly-grid_\>_\&\]\:tw-w-\[var\(--ly-w\2c _100\%\)\] {
  width: var(--ly-w, 100%);
}

:where(.cmt) .ly-grid > .\[\.ly-grid_\>_\&\]\:tw-max-w-\[100\%\] {
  max-width: 100%;
}

:where(.cmt) .ly-grid > .\[\.ly-grid_\>_\&\]\:tw-text-left {
  text-align: left;
}

:where(.cmt) .ly-grid > .\[\.ly-grid_\>_\&\]\:tw-css-flex-\[0_0_auto\] {
  flex: 0 0 auto;
}

:where(.cmt) .ly-item.is-hidden .\[\.ly-item\.is-hidden_\&\]\:tw-opacity-\[\.4\] {
  opacity: .4;
}

:where(.cmt) .ly-item .\[\.ly-item_\&\]\:tw-flex {
  display: flex;
}

:where(.cmt) .ly-item .\[\.ly-item_\&\]\:tw-h-\[40px\] {
  height: 40px;
}

:where(.cmt) .ly-item .\[\.ly-item_\&\]\:tw-w-\[40px\] {
  width: 40px;
}

:where(.cmt) .ly-item .\[\.ly-item_\&\]\:tw-min-w-\[0\] {
  min-width: 0;
}

:where(.cmt) .ly-item .\[\.ly-item_\&\]\:tw-shrink-0 {
  flex-shrink: 0;
}

:where(.cmt) .ly-item .\[\.ly-item_\&\]\:tw-items-center {
  align-items: center;
}

:where(.cmt) .ly-item .\[\.ly-item_\&\]\:tw-justify-center {
  justify-content: center;
}

:where(.cmt) .ly-item .\[\.ly-item_\&\]\:tw-overflow-hidden {
  overflow: hidden;
}

:where(.cmt) .ly-item .\[\.ly-item_\&\]\:tw-text-ellipsis {
  text-overflow: ellipsis;
}

:where(.cmt) .ly-item .\[\.ly-item_\&\]\:tw-whitespace-nowrap {
  white-space: nowrap;
}

:where(.cmt) .ly-item .\[\.ly-item_\&\]\:tw-rounded-\[8px\] {
  border-radius: 8px;
}

:where(.cmt) .ly-item .\[\.ly-item_\&\]\:tw-text-\[14px\] {
  font-size: 14px;
}

:where(.cmt) .ly-item .\[\.ly-item_\&\]\:tw-font-medium {
  font-weight: 500;
}

:where(.cmt) .ly-item .\[\.ly-item_\&\]\:tw-css-flex-\[1\] {
  flex: 1;
}

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

:where(.cmt) .ly-item .\[\.ly-item_\&_img\]\:tw-max-h-\[100\%\] img {
  max-height: 100%;
}

:where(.cmt) .ly-item .\[\.ly-item_\&_img\]\:tw-max-w-\[100\%\] img {
  max-width: 100%;
}

:where(.cmt) .ly .\[\.ly_\&\.is-active\]\:tw-css-background-\[var\(--ink\2c _\#1D1D1F\)\].is-active {
  background: var(--ink, #1D1D1F);
}

:where(.cmt) .ly .\[\.ly_\&\.is-active\]\:tw-css-color-\[var\(--surface\2c _\#fff\)\].is-active {
  color: var(--surface, #fff);
}

:where(.cmt) .ly .\[\.ly_\&\.is-on\]\:tw-opacity-\[1\].is-on {
  opacity: 1;
}

:where(.cmt) .ly .\[\.ly_\&\.is-on\]\:tw-css-box-shadow-\[0_0_0_2px_var\(--surface\2c _\#fff\)\2c _0_0_0_3\.5px_var\(--ink\2c _\#1D1D1F\)\].is-on {
  box-shadow: 0 0 0 2px var(--surface, #fff), 0 0 0 3.5px var(--ink, #1D1D1F);
}

:where(.cmt) .ly .\[\.ly_\&\:focus-visible\]\:tw-css-outline-\[2px_solid_var\(--ink\2c _\#1D1D1F\)\]:focus-visible {
  outline: 2px solid var(--ink, #1D1D1F);
}

:where(.cmt) .ly .\[\.ly_\&\:focus-visible\]\:tw-css-outline-offset-\[2px\]:focus-visible {
  outline-offset: 2px;
}

:where(.cmt) .ly .\[\.ly_\&\: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) .ly .\[\.ly_\&\:hover\]\:tw-css-background-\[var\(--inset\2c _\#F5F5F7\)\]:hover {
  background: var(--inset, #F5F5F7);
}

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

:where(.cmt) .ly .\[\.ly_\&\[aria-expanded\=true\]\]\:tw-css-background-\[var\(--inset\2c _\#F5F5F7\)\][aria-expanded=true] {
  background: var(--inset, #F5F5F7);
}

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

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

:where(.cmt) .ly .\[\.ly_\&\]\:tw-relative {
  position: relative;
}

:where(.cmt) .ly .\[\.ly_\&\]\:tw-bottom-\[40px\] {
  bottom: 40px;
}

:where(.cmt) .ly .\[\.ly_\&\]\:tw-bottom-\[4px\] {
  bottom: 4px;
}

:where(.cmt) .ly .\[\.ly_\&\]\:tw-right-\[0\] {
  right: 0;
}

:where(.cmt) .ly .\[\.ly_\&\]\:tw-z-\[20\] {
  z-index: 20;
}

:where(.cmt) .ly .\[\.ly_\&\]\:tw-block {
  display: block;
}

:where(.cmt) .ly .\[\.ly_\&\]\:tw-flex {
  display: flex;
}

:where(.cmt) .ly .\[\.ly_\&\]\:tw-h-\[30px\] {
  height: 30px;
}

:where(.cmt) .ly .\[\.ly_\&\]\:tw-h-\[56px\] {
  height: 56px;
}

:where(.cmt) .ly .\[\.ly_\&\]\:tw-w-\[28px\] {
  width: 28px;
}

:where(.cmt) .ly .\[\.ly_\&\]\:tw-w-\[30px\] {
  width: 30px;
}

:where(.cmt) .ly .\[\.ly_\&\]\:tw-w-\[56px\] {
  width: 56px;
}

:where(.cmt) .ly .\[\.ly_\&\]\:tw-w-full {
  width: 100%;
}

:where(.cmt) .ly .\[\.ly_\&\]\:tw-min-w-\[0\] {
  min-width: 0;
}

:where(.cmt) .ly .\[\.ly_\&\]\:tw-min-w-\[150px\] {
  min-width: 150px;
}

:where(.cmt) .ly .\[\.ly_\&\]\:tw-shrink-0 {
  flex-shrink: 0;
}

:where(.cmt) .ly .\[\.ly_\&\]\:tw-items-center {
  align-items: center;
}

:where(.cmt) .ly .\[\.ly_\&\]\:tw-gap-\[10px\] {
  gap: 10px;
}

:where(.cmt) .ly .\[\.ly_\&\]\:tw-overflow-hidden {
  overflow: hidden;
}

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

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

:where(.cmt) .ly .\[\.ly_\&\]\:tw-rounded-\[8px\] {
  border-radius: 8px;
}

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

:where(.cmt) .ly .\[\.ly_\&\]\:tw-p-\[6px\] {
  padding: 6px;
}

:where(.cmt) .ly .\[\.ly_\&\]\:tw-text-left {
  text-align: left;
}

:where(.cmt) .ly .\[\.ly_\&\]\:tw-opacity-\[\.55\] {
  opacity: .55;
}

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

:where(.cmt) .ly .\[\.ly_\&\]\: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) .ly .\[\.ly_\&\]\:tw-css-background-\[none\] {
  background: none;
}

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

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

:where(.cmt) .ly .\[\.ly_\&\]\:tw-css-transition-\[opacity_\.2s\2c _box-shadow_\.2s\] {
  transition: opacity .2s, box-shadow .2s;
}

:where(.cmt) .ly .\[\.ly_\&\]\: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) .ly .\[\.ly_\&\]\:tw-css-color-\[var\(--ink-2\2c _\#6E6E73\)\] {
  color: var(--ink-2, #6E6E73);
}

:where(.cmt) .ly .\[\.ly_\&_button\.is-confirm\]\:tw-font-medium button.is-confirm {
  font-weight: 500;
}

:where(.cmt) .ly .\[\.ly_\&_button\.is-confirm\]\:tw-css-background-\[\#B42318\] button.is-confirm {
  background: #B42318;
}

:where(.cmt) .ly .\[\.ly_\&_button\.is-confirm\]\:tw-css-color-\[\#fff\] button.is-confirm {
  color: #fff;
}

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

:where(.cmt) .ly .\[\.ly_\&_button\]\:tw-block button {
  display: block;
}

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

:where(.cmt) .ly .\[\.ly_\&_button\]\:tw-w-full button {
  width: 100%;
}

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

:where(.cmt) .ly .\[\.ly_\&_button\]\:tw-gap-\[8px\] button {
  gap: 8px;
}

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

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

:where(.cmt) .ly .\[\.ly_\&_button\]\:tw-p-\[10px_12px\] button {
  padding: 10px 12px;
}

:where(.cmt) .ly .\[\.ly_\&_button\]\:tw-p-\[8px_10px\] button {
  padding: 8px 10px;
}

:where(.cmt) .ly .\[\.ly_\&_button\]\:tw-text-left button {
  text-align: left;
}

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

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

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

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

:where(.cmt) .ly .ly-card .\[\.ly_\.ly-card_\&\:is\(input\)\]\:tw-w-full:is(input) {
  width: 100%;
}

:where(.cmt) .ly .ly-card .\[\.ly_\.ly-card_\&\:is\(input\)\]\:tw-rounded-\[8px\]:is(input) {
  border-radius: 8px;
}

:where(.cmt) .ly .ly-card .\[\.ly_\.ly-card_\&\:is\(input\)\]\:tw-p-\[2px_6px\]:is(input) {
  padding: 2px 6px;
}

:where(.cmt) .ly .ly-card .\[\.ly_\.ly-card_\&\:is\(input\)\]\:tw-text-\[14px\]:is(input) {
  font-size: 14px;
}

:where(.cmt) .ly .ly-card .\[\.ly_\.ly-card_\&\:is\(input\)\]\:tw-font-medium:is(input) {
  font-weight: 500;
}

:where(.cmt) .ly .ly-card .\[\.ly_\.ly-card_\&\:is\(input\)\]\:tw-css-border-\[0\]:is(input) {
  border: 0;
}

:where(.cmt) .ly .ly-card .\[\.ly_\.ly-card_\&\:is\(input\)\]\:tw-css-background-\[var\(--inset\2c _\#F5F5F7\)\]:is(input) {
  background: var(--inset, #F5F5F7);
}

:where(.cmt) .ly .ly-card .\[\.ly_\.ly-card_\&\:is\(input\)\]\:tw-css-outline-\[0\]:is(input) {
  outline: 0;
}

:where(.cmt) .ly .ly-card .\[\.ly_\.ly-card_\&\:is\(input\)\]\:tw-css-box-shadow-\[0_0_0_1\.5px_var\(--ink\2c _\#1D1D1F\)\]:is(input) {
  box-shadow: 0 0 0 1.5px var(--ink, #1D1D1F);
}

:where(.cmt) .ly .ly-card .\[\.ly_\.ly-card_\&\:is\(input\)\]\:tw-css-color-\[var\(--ink\2c _\#1D1D1F\)\]:is(input) {
  color: var(--ink, #1D1D1F);
}

:where(.cmt) .ly .ly-card .\[\.ly_\.ly-card_\&\]\:tw-mt-\[2px\] {
  margin-top: 2px;
}

:where(.cmt) .ly .ly-card .\[\.ly_\.ly-card_\&\]\:tw-aspect-\[4_\/_3\] {
  aspect-ratio: 4 / 3;
}

:where(.cmt) .ly .ly-card .\[\.ly_\.ly-card_\&\]\:tw-items-center {
  align-items: center;
}

:where(.cmt) .ly .ly-card .\[\.ly_\.ly-card_\&\]\:tw-justify-center {
  justify-content: center;
}

:where(.cmt) .ly .ly-card .\[\.ly_\.ly-card_\&\]\:tw-overflow-hidden {
  overflow: hidden;
}

:where(.cmt) .ly .ly-card .\[\.ly_\.ly-card_\&\]\:tw-text-ellipsis {
  text-overflow: ellipsis;
}

:where(.cmt) .ly .ly-card .\[\.ly_\.ly-card_\&\]\:tw-whitespace-nowrap {
  white-space: nowrap;
}

:where(.cmt) .ly .ly-card .\[\.ly_\.ly-card_\&\]\:tw-rounded-\[14px\] {
  border-radius: 14px;
}

:where(.cmt) .ly .ly-card .\[\.ly_\.ly-card_\&\]\:tw-p-\[8px_36px_0_2px\] {
  padding: 8px 36px 0 2px;
}

:where(.cmt) .ly .ly-card .\[\.ly_\.ly-card_\&\]\:tw-text-\[13px\] {
  font-size: 13px;
}

:where(.cmt) .ly .ly-card .\[\.ly_\.ly-card_\&\]\:tw-text-\[14px\] {
  font-size: 14px;
}

:where(.cmt) .ly .ly-card .\[\.ly_\.ly-card_\&\]\:tw-font-medium {
  font-weight: 500;
}

:where(.cmt) .ly .ly-card .\[\.ly_\.ly-card_\&\]\:tw-css-color-\[var\(--ink\2c _\#1D1D1F\)\] {
  color: var(--ink, #1D1D1F);
}

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

:where(.cmt) .ly .ly-card .\[\.ly_\.ly-card_\&_img\]\:tw-max-h-\[100\%\] img {
  max-height: 100%;
}

:where(.cmt) .ly .ly-card .\[\.ly_\.ly-card_\&_img\]\:tw-max-w-\[100\%\] img {
  max-width: 100%;
}

:where(.cmt) .ly .ly-card .\[\.ly_\.ly-card_\&_img\]\:tw-object-contain img {
  object-fit: contain;
}

:where(.cmt) .ly .ly-cmenu .\[\.ly_\.ly-cmenu_\&\:is\(button\)\]\:tw-css-color-\[\#D92D20\]:is(button) {
  color: #D92D20;
}