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

:where(.cmt) .cw-wrap {
  margin: 24px auto 0;
  text-align: left
}

:where(.cmt) .cw-grid {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  gap: 16px;
  align-items: start
}

:where(.cmt) .cw-left {
  position: sticky;
  top: 16px
}

@media (max-width: 991.98px) {
  :where(.cmt) .cw-grid {
    grid-template-columns: minmax(0, 1fr)
  }

  :where(.cmt) .cw-left {
    position: static
  }
}

:where(.cmt) .cw-card {
  border: 1px solid var(--cm-line);
  background: var(--cm-surface);
  min-width: 0;
  border-radius: 16px;
  padding: 20px
}

:where(.cmt) .cw-card + .cw-card {
  margin-top: 16px
}

:where(.cmt) .cw-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  font-size: var(--cm-fs-body-sm);
  margin-bottom: 14px;
  color: var(--cm-text);
  font-weight: var(--cm-fw-semibold)
}

:where(.cmt) .cw-title small {
  font-size: var(--cm-fs-caption);
  text-align: right;
  color: var(--cm-muted);
  font-weight: var(--cm-fw-medium)
}

:where(.cmt) .cw-card button:focus-visible {
  outline: 2px solid var(--cm-text);
  outline-offset: 2px
}

:where(.cmt) .cw-edit-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 18px;
  justify-content: space-between;
  gap: 8px;
  padding-top: 16px;
  border-top: 1px solid var(--cm-line)
}

@media (max-width: 575.98px) {
  :where(.cmt) .cw-card {
    padding: 16px
  }

  :where(.cmt) .cw-lbl {
    display: none
  }
}

/*! tw-utilities */

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

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

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

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

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

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

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

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

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

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

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

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

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

:where(.cmt) .tw-mb-\[6px\] {
  margin-bottom: 6px
}

:where(.cmt) .tw-mb-\[8px\] {
  margin-bottom: 8px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

:where(.cmt) .tw-w-\[min\(380px\,_86vw\)\] {
  width: min(380px, 86vw)
}

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

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

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

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

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

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

:where(.cmt) .tw-grid-cols-\[18px_minmax\(0\,_1fr\)_72px\] {
  grid-template-columns: 18px minmax(0, 1fr) 72px
}

:where(.cmt) .tw-grid-cols-\[64px_minmax\(0\,_1fr\)\] {
  grid-template-columns: 64px minmax(0, 1fr)
}

:where(.cmt) .tw-grid-cols-\[minmax\(0\,_5fr\)_minmax\(0\,_7fr\)\] {
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr)
}

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

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

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

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

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

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

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

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

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

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

:where(.cmt) .\!tw-gap-\[4px\] {
  gap: 4px !important
}

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

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

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

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

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

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

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

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

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

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

:where(.cmt) .tw-text-ellipsis {
  text-overflow: ellipsis
}

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

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

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

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

:where(.cmt) .\!tw-rounded-\[var\(--r-md\2c _14px\)\] {
  border-radius: var(--r-md, 14px) !important
}

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

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

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

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

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

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

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

:where(.cmt) .tw-rounded-\[var\(--r-md\,_14px\)\] {
  border-radius: var(--r-md, 14px)
}

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

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

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

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

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

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

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

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

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

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

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

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

:where(.cmt) .tw-uppercase {
  text-transform: uppercase
}

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

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

:where(.cmt) .tw-tracking-\[-\.02em\] {
  letter-spacing: -.02em
}

:where(.cmt) .tw-tracking-\[0\] {
  letter-spacing: 0
}

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

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

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

:where(.cmt) .tw-css-border-\[1px_solid_var\(--cm-line\)\] {
  border: 1px solid var(--cm-line)
}

:where(.cmt) .tw-css-border-\[1px_solid_var\(--cm-line-2\)\] {
  border: 1px solid var(--cm-line-2)
}

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

:where(.cmt) .\!tw-css-background-\[var\(--cm-surface\)\] {
  background: var(--cm-surface) !important
}

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

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

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

:where(.cmt) .tw-css-background-\[var\(--cm-bg-subtle\)\] {
  background: var(--cm-bg-subtle)
}

:where(.cmt) .tw-css-background-\[var\(--cm-surface\)\] {
  background: var(--cm-surface)
}

:where(.cmt) .tw-css-font-\[12\.5px\/1\.6_ui-monospace\,_SFMono-Regular\,_Menlo\,_monospace\] {
  font: 12.5px/1.6 ui-monospace, SFMono-Regular, Menlo, monospace
}

:where(.cmt) .tw-css-transition-\[border-color_\.15s\,_color_\.15s\,_background_\.15s\] {
  transition: border-color .15s, color .15s, background .15s
}

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

:where(.cmt) .tw-css-transition-\[transform_\.12s\,_box-shadow_\.12s\] {
  transition: transform .12s, box-shadow .12s
}

:where(.cmt) .tw-css-transition-\[transform_\.15s\,_box-shadow_\.15s\] {
  transition: transform .15s, box-shadow .15s
}

:where(.cmt) .tw-css-flex-\[1\] {
  flex: 1
}

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

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

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

:where(.cmt) .tw-css-align-items-\[start\] {
  align-items: start
}

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

:where(.cmt) .\!tw-css-box-shadow-\[none\] {
  box-shadow: none !important
}

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

:where(.cmt) .tw-css-box-shadow-\[inset_0_0_0_1px_rgba\(16\,_24\,_40\,_\.28\)\,_0_0_0_1\.5px_rgba\(16\,_24\,_40\,_\.4\)\,_0_3px_10px_rgba\(16\,_24\,_40\,_\.4\)\] {
  box-shadow: inset 0 0 0 1px rgba(16, 24, 40, .28), 0 0 0 1.5px rgba(16, 24, 40, .4), 0 3px 10px rgba(16, 24, 40, .4)
}

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

:where(.cmt) .tw-css-color-\[var\(--cm-muted\)\] {
  color: var(--cm-muted)
}

:where(.cmt) .tw-css-color-\[var\(--cm-text\)\] {
  color: var(--cm-text)
}

:where(.cmt) .tw-css-color-\[var\(--cm-text-2\)\] {
  color: var(--cm-text-2)
}

:where(.cmt) .tw-css-font-family-\[ui-monospace\,_SFMono-Regular\,_Menlo\,_monospace\] {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace
}

:where(.cmt) .tw-css-font-size-\[var\(--cm-fs-caption\)\] {
  font-size: var(--cm-fs-caption)
}

:where(.cmt) .tw-css-font-size-\[var\(--cm-fs-h1\)\] {
  font-size: var(--cm-fs-h1)
}

:where(.cmt) .tw-css-font-variant-numeric-\[tabular-nums\] {
  font-variant-numeric: tabular-nums
}

:where(.cmt) .tw-css-font-weight-\[var\(--cm-fw-semibold\)\] {
  font-weight: var(--cm-fw-semibold)
}

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

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

@media (max-width: 1199.98px) and (min-width: 992px) {
  :where(.cmt) .mq2-max-1199-98-and-min-992\:tw-h-\[140px\] {
    height: 140px
  }
}

@media (max-width: 575.98px) {
  :where(.cmt) .mq3-max-575-98\:tw-mb-\[4px\] {
    margin-bottom: 4px
  }

  :where(.cmt) .mq3-max-575-98\:tw-flex {
    display: flex
  }

  :where(.cmt) .mq3-max-575-98\:tw-hidden {
    display: none
  }

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

  :where(.cmt) .mq3-max-575-98\:tw-h-\[52px\] {
    height: 52px
  }

  :where(.cmt) .mq3-max-575-98\:tw-h-\[92px\] {
    height: 92px
  }

  :where(.cmt) .mq3-max-575-98\:tw-w-\[52px\] {
    width: 52px
  }

  :where(.cmt) .mq3-max-575-98\:tw-w-full {
    width: 100%
  }

  :where(.cmt) .mq3-max-575-98\:tw-grid-cols-\[16px_minmax\(0\2c _1fr\)_64px\] {
    grid-template-columns: 16px minmax(0, 1fr) 64px
  }

  :where(.cmt) .mq3-max-575-98\:tw-grid-cols-\[52px_minmax\(0\2c _1fr\)\] {
    grid-template-columns: 52px minmax(0, 1fr)
  }

  :where(.cmt) .mq3-max-575-98\:tw-grid-cols-\[minmax\(0\2c _1fr\)\] {
    grid-template-columns: minmax(0, 1fr)
  }

  :where(.cmt) .mq3-max-575-98\:tw-flex-col {
    flex-direction: column
  }

  :where(.cmt) .mq3-max-575-98\:tw-items-center {
    align-items: center
  }

  :where(.cmt) .mq3-max-575-98\:tw-justify-end {
    justify-content: flex-end
  }

  :where(.cmt) .mq3-max-575-98\:tw-gap-\[10px\] {
    gap: 10px
  }

  :where(.cmt) .mq3-max-575-98\:tw-gap-\[12px\] {
    gap: 12px
  }

  :where(.cmt) .mq3-max-575-98\:tw-gap-\[14px\] {
    gap: 14px
  }

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

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

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

  :where(.cmt) .mq3-max-575-98\:tw-p-\[0_6px\] {
    padding: 0 6px
  }

  :where(.cmt) .mq3-max-575-98\:tw-p-\[8px_6px\] {
    padding: 8px 6px
  }

  :where(.cmt) .mq3-max-575-98\:tw-css-font-size-\[0\] {
    font-size: 0
  }
}

@media (hover: none) {
  :where(.cmt) .mq4-hover-none\:tw-opacity-\[1\] {
    opacity: 1
  }
}

:where(.cmt) .\[\&\.is-base\:\:after\]\:tw-pointer-events-none.is-base::after {
  pointer-events: none
}

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

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

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

:where(.cmt) .\[\&\.is-base\:\:after\]\:tw-css-border-\[2px_solid_rgba\(255\2c _255\2c _255\2c _\.95\)\].is-base::after {
  border: 2px solid rgba(255, 255, 255, .95)
}

:where(.cmt) .\[\&\.is-base\:\:after\]\:tw-css-box-shadow-\[0_0_0_1px_rgba\(16\2c _24\2c _40\2c _\.2\)\].is-base::after {
  box-shadow: 0 0 0 1px rgba(16, 24, 40, .2)
}

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

:where(.cmt) .\[\&\.is-base\]\:tw-m-\[-19px_0_0_-19px\].is-base {
  margin: -19px 0 0 -19px
}

:where(.cmt) .\[\&\.is-base\]\:tw-h-\[38px\].is-base {
  height: 38px
}

:where(.cmt) .\[\&\.is-base\]\:tw-w-\[38px\].is-base {
  width: 38px
}

:where(.cmt) .\[\&\.is-drag\]\:tw-cursor-grabbing.is-drag {
  cursor: grabbing
}

:where(.cmt) .\[\&\.is-drag\]\:tw-css-transform-\[scale\(1\.12\)\].is-drag {
  transform: scale(1.12)
}

:where(.cmt) .\[\&\.is-dragging\]\:tw-cursor-grabbing.is-dragging {
  cursor: grabbing
}

:where(.cmt) .\[\&\.is-dragging_canvas\]\:tw-cursor-grabbing.is-dragging canvas {
  cursor: grabbing
}

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

:where(.cmt) .\[\&\.is-on\]\:tw-css-background-\[var\(--cm-inverse\)\].is-on {
  background: var(--cm-inverse)
}

:where(.cmt) .\[\&\.is-on\]\:tw-css-border-color-\[var\(--cm-text\)\].is-on {
  border-color: var(--cm-text)
}

:where(.cmt) .\[\&\.is-on\]\:tw-css-color-\[var\(--cm-on-inverse\)\].is-on {
  color: var(--cm-on-inverse)
}

:where(.cmt) .\[\&\.is-sel\]\:tw-css-box-shadow-\[0_0_0_3px_var\(--cm-surface\)\2c _0_0_0_5px_var\(--cm-text\)\].is-sel {
  box-shadow: 0 0 0 3px var(--cm-surface), 0 0 0 5px var(--cm-text)
}

:where(.cmt) .\[\&\.is-sel\]\:tw-css-box-shadow-\[inset_0_0_0_1px_rgba\(16\2c _24\2c _40\2c _\.28\)\2c _0_0_0_4px_var\(--cm-text\)\2c _0_3px_12px_rgba\(16\2c _24\2c _40\2c _\.45\)\].is-sel {
  box-shadow: inset 0 0 0 1px rgba(16, 24, 40, .28), 0 0 0 4px var(--cm-text), 0 3px 12px rgba(16, 24, 40, .45)
}

:where(.cmt) .\[\&\.no\]\:tw-css-background-\[var\(--cm-danger-bg\)\].no {
  background: var(--cm-danger-bg)
}

:where(.cmt) .\[\&\.no\]\:tw-css-color-\[var\(--cm-danger\)\].no {
  color: var(--cm-danger)
}

:where(.cmt) .\[\&\.ok\]\:tw-css-background-\[var\(--cm-success-bg\)\].ok {
  background: var(--cm-success-bg)
}

:where(.cmt) .\[\&\.ok\]\:tw-css-color-\[var\(--cm-success\)\].ok {
  color: var(--cm-success)
}

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

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

:where(.cmt) .\[\&\:\:-moz-range-thumb\]\:tw-cursor-pointer::-moz-range-thumb {
  cursor: pointer
}

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

:where(.cmt) .\[\&\:\:-moz-range-thumb\]\:tw-css-border-\[2px_solid_var\(--cm-text\)\]::-moz-range-thumb {
  border: 2px solid var(--cm-text)
}

:where(.cmt) .\[\&\:\:-moz-range-thumb\]\:tw-css-background-\[var\(--cm-surface\)\]::-moz-range-thumb {
  background: var(--cm-surface)
}

:where(.cmt) .\[\&\:\:-webkit-slider-thumb\]\:tw-h-\[20px\]::-webkit-slider-thumb {
  height: 20px
}

:where(.cmt) .\[\&\:\:-webkit-slider-thumb\]\:tw-w-\[20px\]::-webkit-slider-thumb {
  width: 20px
}

:where(.cmt) .\[\&\:\:-webkit-slider-thumb\]\:tw-cursor-pointer::-webkit-slider-thumb {
  cursor: pointer
}

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

:where(.cmt) .\[\&\:\:-webkit-slider-thumb\]\:tw-css-border-\[2px_solid_var\(--cm-text\)\]::-webkit-slider-thumb {
  border: 2px solid var(--cm-text)
}

:where(.cmt) .\[\&\:\:-webkit-slider-thumb\]\:tw-css-background-\[var\(--cm-surface\)\]::-webkit-slider-thumb {
  background: var(--cm-surface)
}

:where(.cmt) .\[\&\:\:-webkit-slider-thumb\]\:tw-css--webkit-appearance-\[none\]::-webkit-slider-thumb {
  -webkit-appearance: none
}

:where(.cmt) .\[\&\:\:-webkit-slider-thumb\]\:tw-css-box-shadow-\[0_1px_4px_rgba\(16\2c _24\2c _40\2c _\.3\)\]::-webkit-slider-thumb {
  box-shadow: 0 1px 4px rgba(16, 24, 40, .3)
}

:where(.cmt) .\[\&\:disabled\]\:tw-cursor-default:disabled {
  cursor: default
}

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

:where(.cmt) .\[\&\:disabled\]\:tw-css-background-\[var\(--cm-bg-subtle\)\]:disabled {
  background: var(--cm-bg-subtle)
}

:where(.cmt) .\[\&\:disabled\]\:tw-css-color-\[var\(--cm-faint\)\]:disabled {
  color: var(--cm-faint)
}

:where(.cmt) .\[\&\:focus-visible\:\:-webkit-slider-thumb\]\:tw-css-box-shadow-\[0_0_0_3px_rgba\(16\2c _24\2c _40\2c _\.2\)\]:focus-visible::-webkit-slider-thumb {
  box-shadow: 0 0 0 3px rgba(16, 24, 40, .2)
}

:where(.cmt) .\[\&\:focus-visible\]\:tw-css-outline-\[2px_solid_var\(--cm-text\)\]:focus-visible {
  outline: 2px solid var(--cm-text)
}

:where(.cmt) .\[\&\:focus-visible\]\:tw-css-outline-\[none\]:focus-visible {
  outline: none
}

:where(.cmt) .\[\&\:focus-visible\]\:tw-css-box-shadow-\[inset_0_0_0_1px_rgba\(16\2c _24\2c _40\2c _\.28\)\2c _0_0_0_4px_var\(--cm-text\)\2c _0_3px_12px_rgba\(16\2c _24\2c _40\2c _\.45\)\]:focus-visible {
  box-shadow: inset 0 0 0 1px rgba(16, 24, 40, .28), 0 0 0 4px var(--cm-text), 0 3px 12px rgba(16, 24, 40, .45)
}

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

:where(.cmt) .\[\&\:focus\]\:tw-css-border-color-\[var\(--cm-text\)\]:focus {
  border-color: var(--cm-text)
}

:where(.cmt) .\[\&\:focus\]\:tw-css-box-shadow-\[var\(--cm-focus\)\]:focus {
  box-shadow: var(--cm-focus)
}

:where(.cmt) .\[\&\:hover\:not\(\:disabled\)\]\:tw-css-border-color-\[var\(--cm-line-2\)\]:hover:not(:disabled) {
  border-color: var(--cm-line-2)
}

:where(.cmt) .\[\&\:hover\:not\(\:disabled\)\]\:tw-css-color-\[var\(--cm-text\)\]:hover:not(:disabled) {
  color: var(--cm-text)
}

:where(.cmt) .\[\&\:hover\]\:tw-css-background-\[rgba\(255\2c _255\2c _255\2c _\.42\)\]:hover {
  background: rgba(255, 255, 255, .42)
}

:where(.cmt) .\[\&\:hover\]\:tw-css-transform-\[scale\(1\.08\)\]:hover {
  transform: scale(1.08)
}

:where(.cmt) .\[\&\:hover\]\:tw-css-transform-\[translateY\(-2px\)\]:hover {
  transform: translateY(-2px)
}

@media (max-width: 575.98px) {
  :where(.cmt) .mq3-max-575-98\:\[\&\:hover\]\:tw-css-transform-\[none\]:hover {
    transform: none
  }
}

:where(.cmt) .\[\&_\:is\(i\2c \.icon\)\]\:tw-w-\[16px\] :is(i,.icon) {
  width: 16px
}

:where(.cmt) .\[\&_\:is\(i\2c \.icon\)\]\:tw-shrink-0 :is(i,.icon) {
  flex-shrink: 0
}

:where(.cmt) .\[\&_\:is\(i\2c \.icon\)\]\:tw-text-center :is(i,.icon) {
  text-align: center
}

:where(.cmt) .\[\&_\:is\(i\2c \.icon\)\]\:tw-text-\[14px\] :is(i,.icon) {
  font-size: 14px
}

:where(.cmt) .\[\&_\:is\(i\2c \.icon\)\]\:tw-css-color-\[var\(--cm-faint\)\] :is(i,.icon) {
  color: var(--cm-faint)
}

@media (max-width: 575.98px) {
  :where(.cmt) .mq3-max-575-98\:\[\&_\:is\(i\2c \.icon\)\]\:tw-text-\[9px\] :is(i,.icon) {
    font-size: 9px
  }
}

:where(.cmt) .\[\&_b\]\:tw-mr-\[4px\] b {
  margin-right: 4px
}

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

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

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

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

:where(.cmt) .\[\&_b\]\:tw-leading-\[1\.25\] b {
  line-height: 1.25
}

:where(.cmt) .\[\&_b\]\:tw-tracking-\[0\] b {
  letter-spacing: 0
}

:where(.cmt) .\[\&_b\]\:tw-css-color-\[var\(--cm-text-2\)\] b {
  color: var(--cm-text-2)
}

:where(.cmt) .\[\&_b\]\:tw-css-font-family-\[ui-monospace\2c _SFMono-Regular\2c _Menlo\2c _monospace\] b {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace
}

:where(.cmt) .\[\&_b\]\:tw-css-font-size-\[var\(--cm-fs-body-sm\)\] b {
  font-size: var(--cm-fs-body-sm)
}

:where(.cmt) .\[\&_b\]\:tw-css-font-size-\[var\(--cm-fs-h2\)\] b {
  font-size: var(--cm-fs-h2)
}

:where(.cmt) .\[\&_b\]\:tw-css-font-weight-\[var\(--cm-fw-semibold\)\] b {
  font-weight: var(--cm-fw-semibold)
}

@media (max-width: 1199.98px) and (min-width: 992px) {
  :where(.cmt) .mq2-max-1199-98-and-min-992\:\[\&_b\]\:tw-css-font-size-\[var\(--cm-fs-caption\)\] b {
    font-size: var(--cm-fs-caption)
  }
}

@media (max-width: 575.98px) {
  :where(.cmt) .mq3-max-575-98\:\[\&_b\]\:tw-text-center b {
    text-align: center
  }

  :where(.cmt) .mq3-max-575-98\:\[\&_b\]\:tw-tracking-\[0\] b {
    letter-spacing: 0
  }

  :where(.cmt) .mq3-max-575-98\:\[\&_b\]\:tw-css-font-size-\[var\(--cm-fs-caption\)\] b {
    font-size: var(--cm-fs-caption)
  }
}

:where(.cmt) .\[\&_button\.active\]\:\!tw-css-background-\[var\(--cm-surface-2\)\] button.active {
  background: var(--cm-surface-2) !important
}

:where(.cmt) .\[\&_button\.active\]\:tw-css-background-\[var\(--cm-inverse\)\] button.active {
  background: var(--cm-inverse)
}

:where(.cmt) .\[\&_button\.active\]\:tw-css-background-\[var\(--cm-surface\)\] button.active {
  background: var(--cm-surface)
}

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

:where(.cmt) .\[\&_button\.active\]\:tw-css-border-color-\[var\(--cm-line-2\)\] button.active {
  border-color: var(--cm-line-2)
}

:where(.cmt) .\[\&_button\.active\]\:tw-css-border-color-\[var\(--cm-text\)\] button.active {
  border-color: var(--cm-text)
}

:where(.cmt) .\[\&_button\.active\]\:\!tw-css-box-shadow-\[inset_0_0_0_1\.5px_var\(--cm-text\)\] button.active {
  box-shadow: inset 0 0 0 1.5px var(--cm-text) !important
}

:where(.cmt) .\[\&_button\.active\]\:tw-css-box-shadow-\[0_0_0_2px_var\(--cm-surface\)\2c _0_0_0_4px_var\(--cm-text\)\] button.active {
  box-shadow: 0 0 0 2px var(--cm-surface), 0 0 0 4px var(--cm-text)
}

: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-box-shadow-\[0_1px_3px_rgba\(16\2c _24\2c _40\2c _\.15\)\] button.active {
  box-shadow: 0 1px 3px rgba(16, 24, 40, .15)
}

:where(.cmt) .\[\&_button\.active\]\:tw-css-color-\[var\(--cm-on-inverse\)\] button.active {
  color: var(--cm-on-inverse)
}

:where(.cmt) .\[\&_button\.active\]\:tw-css-color-\[var\(--cm-text\)\] button.active {
  color: var(--cm-text)
}

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

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

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

:where(.cmt) .\[\&_button\:\:after\]\:tw-bottom-\[calc\(100\%_\+_8px\)\] button::after {
  bottom: calc(100% + 8px)
}

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

:where(.cmt) .\[\&_button\:\:after\]\:tw-z-\[5\] button::after {
  z-index: 5
}

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

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

:where(.cmt) .\[\&_button\:\:after\]\:tw-p-\[5px_9px\] button::after {
  padding: 5px 9px
}

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

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

:where(.cmt) .\[\&_button\:\:after\]\:tw-css-background-\[var\(--cm-inverse\)\] button::after {
  background: var(--cm-inverse)
}

:where(.cmt) .\[\&_button\:\:after\]\:tw-css-transition-\[opacity_\.15s\2c _transform_\.15s\] button::after {
  transition: opacity .15s, transform .15s
}

:where(.cmt) .\[\&_button\:\:after\]\:tw-css-color-\[var\(--cm-on-inverse\)\] button::after {
  color: var(--cm-on-inverse)
}

:where(.cmt) .\[\&_button\:\:after\]\:tw-css-content-\[attr\(data-tip\)\] button::after {
  content: attr(data-tip)
}

:where(.cmt) .\[\&_button\:\:after\]\:tw-css-font-weight-\[var\(--cm-fw-semibold\)\] button::after {
  font-weight: var(--cm-fw-semibold)
}

:where(.cmt) .\[\&_button\:\:after\]\:tw-css-transform-\[translate\(-50\%\2c _4px\)\] button::after {
  transform: translate(-50%, 4px)
}

@media (max-width: 575.98px) {
  :where(.cmt) .mq3-max-575-98\:\[\&_button\:\:after\]\:tw-hidden button::after {
    display: none
  }
}

:where(.cmt) .\[\&_button\:focus-visible\:\:after\]\:tw-opacity-\[1\] button:focus-visible::after {
  opacity: 1
}

:where(.cmt) .\[\&_button\:focus-visible\:\:after\]\:tw-css-transform-\[translate\(-50\%\2c _0\)\] button:focus-visible::after {
  transform: translate(-50%, 0)
}

:where(.cmt) .\[\&_button\:hover\:\:after\]\:tw-opacity-\[1\] button:hover::after {
  opacity: 1
}

:where(.cmt) .\[\&_button\:hover\:\:after\]\:tw-css-transform-\[translate\(-50\%\2c _0\)\] button:hover::after {
  transform: translate(-50%, 0)
}

:where(.cmt) .\[\&_button\:hover\]\:\!tw-css-background-\[var\(--cm-surface-2\)\] button:hover {
  background: var(--cm-surface-2) !important
}

:where(.cmt) .\[\&_button\:hover\]\:tw-css-border-color-\[var\(--cm-line-2\)\] button:hover {
  border-color: var(--cm-line-2)
}

:where(.cmt) .\[\&_button\:hover\]\:tw-css-color-\[var\(--cm-text\)\] button:hover {
  color: var(--cm-text)
}

:where(.cmt) .\[\&_button\:hover\]\:tw-css-transform-\[scale\(1\.08\)\] button:hover {
  transform: scale(1.08)
}

:where(.cmt) .\[\&_button\:hover\]\:tw-css-transform-\[translateY\(-1px\)\] button:hover {
  transform: translateY(-1px)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

:where(.cmt) .\[\&_button\]\:\!tw-p-\[6px\] button {
  padding: 6px !important
}

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

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

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

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

:where(.cmt) .\[\&_button\]\:tw-css-border-\[1px_solid_var\(--cm-line\)\] button {
  border: 1px solid var(--cm-line)
}

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

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

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

:where(.cmt) .\[\&_button\]\:tw-css-transition-\[background_\.15s\2c _border-color_\.15s\2c _color_\.15s\2c _transform_\.15s\] button {
  transition: background .15s, border-color .15s, color .15s, transform .15s
}

:where(.cmt) .\[\&_button\]\:tw-css-transition-\[transform_\.12s\] button {
  transition: transform .12s
}

:where(.cmt) .\[\&_button\]\:tw-css-flex-\[1_1_auto\] button {
  flex: 1 1 auto
}

:where(.cmt) .\[\&_button\]\:\!tw-css-box-shadow-\[none\] button {
  box-shadow: none !important
}

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

:where(.cmt) .\[\&_button\]\:tw-css-color-\[var\(--cm-text-2\)\] button {
  color: var(--cm-text-2)
}

:where(.cmt) .\[\&_button\]\:tw-css-font-size-\[var\(--cm-fs-caption\)\] button {
  font-size: var(--cm-fs-caption)
}

:where(.cmt) .\[\&_button\]\:tw-css-font-weight-\[var\(--cm-fw-semibold\)\] button {
  font-weight: var(--cm-fw-semibold)
}

@media (max-width: 575.98px) {
  :where(.cmt) .mq3-max-575-98\:\[\&_button\]\:tw-h-\[38px\] button {
    height: 38px
  }

  :where(.cmt) .mq3-max-575-98\:\[\&_button\]\:tw-min-h-\[40px\] button {
    min-height: 40px
  }

  :where(.cmt) .mq3-max-575-98\:\[\&_button\]\:tw-w-\[38px\] button {
    width: 38px
  }
}

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

:where(.cmt) .\[\&_button_svg\]\:tw-h-auto button svg {
  height: auto
}

:where(.cmt) .\[\&_button_svg\]\:tw-w-\[min\(38px\2c _78\%\)\] button svg {
  width: min(38px, 78%)
}

:where(.cmt) .\[\&_button_svg\]\:tw-overflow-visible button svg {
  overflow: visible
}

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

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

:where(.cmt) .\[\&_button_svg_line\]\:tw-css-stroke-width-\[1\.6\] button svg line {
  stroke-width: 1.6
}

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

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

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

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

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

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

:where(.cmt) .\[\&_input\[type\=number\]\:focus\]\:tw-css-border-color-\[var\(--cm-text\)\] input[type=number]:focus {
  border-color: var(--cm-text)
}

:where(.cmt) .\[\&_input\[type\=number\]\:focus\]\:tw-css-box-shadow-\[var\(--cm-focus\)\] input[type=number]:focus {
  box-shadow: var(--cm-focus)
}

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

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

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

:where(.cmt) .\[\&_input\[type\=number\]\]\:tw-p-\[0_10px\] input[type=number] {
  padding: 0 10px
}

:where(.cmt) .\[\&_input\[type\=number\]\]\:tw-text-right input[type=number] {
  text-align: right
}

:where(.cmt) .\[\&_input\[type\=number\]\]\:tw-css-border-\[1px_solid_var\(--cm-line-2\)\] input[type=number] {
  border: 1px solid var(--cm-line-2)
}

:where(.cmt) .\[\&_input\[type\=number\]\]\:tw-css-background-\[var\(--cm-surface\)\] input[type=number] {
  background: var(--cm-surface)
}

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

:where(.cmt) .\[\&_input\[type\=number\]\]\:tw-css-color-\[var\(--cm-text\)\] input[type=number] {
  color: var(--cm-text)
}

:where(.cmt) .\[\&_input\[type\=number\]\]\:tw-css-font-size-\[var\(--cm-fs-caption\)\] input[type=number] {
  font-size: var(--cm-fs-caption)
}

:where(.cmt) .\[\&_input\[type\=number\]\]\:tw-css-font-variant-numeric-\[tabular-nums\] input[type=number] {
  font-variant-numeric: tabular-nums
}

:where(.cmt) .\[\&_input\[type\=number\]\]\:tw-css-font-weight-\[var\(--cm-fw-semibold\)\] input[type=number] {
  font-weight: var(--cm-fw-semibold)
}

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

:where(.cmt) .\[\&_label\]\:tw-css-color-\[var\(--cm-text-2\)\] label {
  color: var(--cm-text-2)
}

:where(.cmt) .\[\&_label\]\:tw-css-font-size-\[var\(--cm-fs-caption\)\] label {
  font-size: var(--cm-fs-caption)
}

:where(.cmt) .\[\&_label\]\:tw-css-font-weight-\[var\(--cm-fw-semibold\)\] label {
  font-weight: var(--cm-fw-semibold)
}

:where(.cmt) .\[\&_small\]\:tw-mb-\[2px\] small {
  margin-bottom: 2px
}

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

:where(.cmt) .\[\&_small\]\:tw-tracking-\[0\] small {
  letter-spacing: 0
}

:where(.cmt) .\[\&_small\]\:tw-opacity-\[\.75\] small {
  opacity: .75
}

:where(.cmt) .\[\&_small\]\:tw-css-font-size-\[var\(--cm-fs-caption\)\] small {
  font-size: var(--cm-fs-caption)
}

:where(.cmt) .\[\&_small\]\:tw-css-font-weight-\[var\(--cm-fw-semibold\)\] small {
  font-weight: var(--cm-fw-semibold)
}

@media (max-width: 575.98px) {
  :where(.cmt) .mq3-max-575-98\:\[\&_small\]\:tw-hidden small {
    display: none
  }
}

:where(.cmt) .\[\&_span\]\:tw-css-font-size-\[var\(--cm-fs-body-sm\)\] span {
  font-size: var(--cm-fs-body-sm)
}

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

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

:where(.cmt) .cw-acts.is-locked .\[\.cw-acts\.is-locked_\&\:not\(\[data-lock\]\)\]\:tw-hidden:not([data-lock]) {
  display: none
}

:where(.cmt) .cw-dls .\[\.cw-dls_\&\]\:tw-mr-\[2px\] {
  margin-right: 2px
}

:where(.cmt) .cw-rules button.active svg .\[\.cw-rules_button\.active_svg_\&\]\:tw-css-stroke-\[var\(--cm-line-2\)\] {
  stroke: var(--cm-line-2)
}

:where(.cmt) .cw-rules button svg .\[\.cw-rules_button_svg_\&\]\:tw-css-fill-\[currentColor\] {
  fill: currentColor
}

:where(.cmt) .cw-rules button svg .\[\.cw-rules_button_svg_\&\]\:tw-css-fill-\[none\] {
  fill: none
}

:where(.cmt) .cw-rules button svg .\[\.cw-rules_button_svg_\&\]\:tw-css-stroke-\[currentColor\] {
  stroke: currentColor
}

:where(.cmt) .cw-rules button svg .\[\.cw-rules_button_svg_\&\]\:tw-css-stroke-\[var\(--cm-surface-3\)\] {
  stroke: var(--cm-surface-3)
}

:where(.cmt) .cw-rules button svg .\[\.cw-rules_button_svg_\&\]\:tw-css-stroke-linejoin-\[round\] {
  stroke-linejoin: round
}

:where(.cmt) .cw-rules button svg .\[\.cw-rules_button_svg_\&\]\:tw-css-stroke-width-\[1\.6\] {
  stroke-width: 1.6
}

:where(.cmt) .cw-rules button svg .\[\.cw-rules_button_svg_\&\]\:tw-css-stroke-width-\[5\] {
  stroke-width: 5
}

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

:where(.cmt) .cw-sw.is-light .\[\.cw-sw\.is-light_\&\]\:tw-css-background-\[rgba\(16\2c _24\2c _40\2c _\.08\)\] {
  background: rgba(16, 24, 40, .08)
}

:where(.cmt) .cw-sw.is-light .\[\.cw-sw\.is-light_\&\]\:tw-css-background-\[rgba\(16\2c _24\2c _40\2c _\.1\)\] {
  background: rgba(16, 24, 40, .1)
}

:where(.cmt) .cw-sw.is-sel .\[\.cw-sw\.is-sel_\&\]\:tw-opacity-\[1\] {
  opacity: 1
}

:where(.cmt) .cw-sw.is-sel .cw-acts.is-locked .\[\.cw-sw\.is-sel_\.cw-acts\.is-locked_\&\]\:tw-inline-flex {
  display: inline-flex
}

:where(.cmt) .cw-sw:focus-within .\[\.cw-sw\:focus-within_\&\]\:tw-opacity-\[1\] {
  opacity: 1
}

:where(.cmt) .cw-sw:hover .\[\.cw-sw\:hover_\&\]\:tw-opacity-\[1\] {
  opacity: 1
}

:where(.cmt) .cw-sw:hover .cw-acts.is-locked .\[\.cw-sw\:hover_\.cw-acts\.is-locked_\&\]\:tw-inline-flex {
  display: inline-flex
}

:root[data-theme=dark] :where(.cmt) .\[\:root\[data-theme\=dark\]_\&_button\.active\]\:tw-css-background-\[var\(--cm-surface-3\)\] button.active {
  background: var(--cm-surface-3)
}