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

@keyframes dcIn {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
}

@keyframes dcDrop {
  from {
    opacity: 0;
    transform: translateY(-8px) scale(.8);
  }
}

@keyframes dcPop {
  from {
    opacity: 0;
    transform: translateY(2px) scale(.98);
  }
}

@keyframes dcSheet {
  from {
    transform: translateY(16px);
    opacity: 0;
  }
}

/*! 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-z-\[2\] {
  z-index: 2;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

:where(.cmt) .tw-max-w-\[calc\(100\%_-_16px\)\] {
  max-width: calc(100% - 16px);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

:where(.cmt) .tw-pt-\[1px\] {
  padding-top: 1px;
}

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

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

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

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

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

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

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

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

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

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

:where(.cmt) .tw-css-border-\[1\.5px_solid_rgba\(16\,_24\,_40\,_\.35\)\] {
  border: 1.5px solid rgba(16, 24, 40, .35);
}

: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-\[dcDrop_\.4s_cubic-bezier\(\.2\,_1\.3\,_\.4\,_1\)_both\] {
  animation: dcDrop .4s cubic-bezier(.2, 1.3, .4, 1) both;
}

:where(.cmt) .tw-css-animation-\[dcPop_\.16s_ease-out_both\] {
  animation: dcPop .16s ease-out both;
}

: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-\[background-color_\.15s\] {
  transition: background-color .15s;
}

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

:where(.cmt) .tw-css-transition-\[transform_\.18s_ease\,_box-shadow_\.18s\,_border-color_\.18s\] {
  transition: transform .18s ease, box-shadow .18s, border-color .18s;
}

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

:where(.cmt) .tw-css-box-shadow-\[0_4px_12px_rgba\(16\,_24\,_40\,_\.12\)\] {
  box-shadow: 0 4px 12px rgba(16, 24, 40, .12);
}

: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);
}

@media (max-width: 767.98px) {
  :where(.cmt) .mq1-max-767-98\:tw-fixed {
    position: fixed;
  }

  :where(.cmt) .mq1-max-767-98\:\!tw-left-\[12px\] {
    left: 12px !important;
  }

  :where(.cmt) .mq1-max-767-98\:\!tw-top-\[auto\] {
    top: auto !important;
  }

  :where(.cmt) .mq1-max-767-98\:tw-bottom-\[12px\] {
    bottom: 12px;
  }

  :where(.cmt) .mq1-max-767-98\:tw-right-\[12px\] {
    right: 12px;
  }

  :where(.cmt) .mq1-max-767-98\:tw-m-\[-14px_0_0_-14px\] {
    margin: -14px 0 0 -14px;
  }

  :where(.cmt) .mq1-max-767-98\:tw-h-\[28px\] {
    height: 28px;
  }

  :where(.cmt) .mq1-max-767-98\:tw-w-\[28px\] {
    width: 28px;
  }

  :where(.cmt) .mq1-max-767-98\:tw-w-auto {
    width: auto;
  }

  :where(.cmt) .mq1-max-767-98\:tw-max-w-\[none\] {
    max-width: none;
  }

  :where(.cmt) .mq1-max-767-98\:tw-rounded-\[16px\] {
    border-radius: 16px;
  }

  :where(.cmt) .mq1-max-767-98\:tw-p-\[16px_16px_calc\(16px_\+_env\(safe-area-inset-bottom\2c _0px\)\)\] {
    padding: 16px 16px calc(16px + env(safe-area-inset-bottom, 0px));
  }

  :where(.cmt) .mq1-max-767-98\:tw-css-animation-\[dcSheet_\.2s_ease-out_both\] {
    animation: dcSheet .2s ease-out both;
  }

  :where(.cmt) .mq1-max-767-98\:tw-css-box-shadow-\[0_-8px_32px_-12px_rgba\(16\2c _24\2c _40\2c _\.25\)\] {
    box-shadow: 0 -8px 32px -12px rgba(16, 24, 40, .25);
  }
}

@media (prefers-reduced-motion: reduce) {
  :where(.cmt) .mq2-motion-reduce\:tw-css-animation-\[none\] {
    animation: none;
  }

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

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

:where(.cmt) .\[\&\.dc-pin\]\:tw-text-\[16px\].dc-pin {
  font-size: 16px;
}

:where(.cmt) .\[\&\.dc-pin\]\:tw-font-normal.dc-pin {
  font-weight: 400;
}

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

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

:where(.cmt) .\[\&\.is-active\]\:tw-css-border-color-\[rgba\(16\2c _24\2c _40\2c _\.5\)\].is-active {
  border-color: rgba(16, 24, 40, .5);
}

:where(.cmt) .\[\&\.is-active\]\:tw-css-box-shadow-\[0_0_0_9999px_rgba\(255\2c _255\2c _255\2c _\.35\)\].is-active {
  box-shadow: 0 0 0 9999px rgba(255, 255, 255, .35);
}

:where(.cmt) .\[\&\.is-on\:not\(\.is-plus\)\]\:tw-css-border-color-\[\#fff\].is-on:not(.is-plus) {
  border-color: #fff;
}

:where(.cmt) .\[\&\.is-on\:not\(\.is-plus\)\]\:tw-css-box-shadow-\[0_0_0_2px_\#1D1D1F\2c _0_6px_16px_rgba\(16\2c _24\2c _40\2c _\.3\)\].is-on:not(.is-plus) {
  box-shadow: 0 0 0 2px #1D1D1F, 0 6px 16px rgba(16, 24, 40, .3);
}

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

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

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

:where(.cmt) .\[\&\.is-on\]\:tw-css-box-shadow-\[0_0_0_1px_var\(--ink\2c _\#1D1D1F\)\2c _0_4px_12px_rgba\(16\2c _24\2c _40\2c _\.16\)\].is-on {
  box-shadow: 0 0 0 1px var(--ink, #1D1D1F), 0 4px 12px rgba(16, 24, 40, .16);
}

:where(.cmt) .\[\&\.sev-cao\:\:after\]\:tw-absolute.sev-cao::after {
  position: absolute;
}

:where(.cmt) .\[\&\.sev-cao\:\:after\]\:tw-right-\[-1px\].sev-cao::after {
  right: -1px;
}

:where(.cmt) .\[\&\.sev-cao\:\:after\]\:tw-top-\[-1px\].sev-cao::after {
  top: -1px;
}

:where(.cmt) .\[\&\.sev-cao\:\:after\]\:tw-h-\[7px\].sev-cao::after {
  height: 7px;
}

:where(.cmt) .\[\&\.sev-cao\:\:after\]\:tw-w-\[7px\].sev-cao::after {
  width: 7px;
}

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

:where(.cmt) .\[\&\.sev-cao\:\:after\]\:tw-opacity-\[\.7\].sev-cao::after {
  opacity: .7;
}

:where(.cmt) .\[\&\.sev-cao\:\:after\]\:tw-css-background-\[\#F04438\].sev-cao::after {
  background: #F04438;
}

:where(.cmt) .\[\&\.sev-cao\:\:after\]\:tw-css-box-shadow-\[0_0_0_1\.5px_\#fff\].sev-cao::after {
  box-shadow: 0 0 0 1.5px #fff;
}

:where(.cmt) .\[\&\.sev-cao\:\:after\]\:tw-css-content-\[\'\'\].sev-cao::after {
  content: '';
}

:where(.cmt) .\[\&\.sev-cao\]\:tw-css-background-\[\#FEF3F2\].sev-cao {
  background: #FEF3F2;
}

:where(.cmt) .\[\&\.sev-cao\]\:tw-css-color-\[\#B42318\].sev-cao {
  color: #B42318;
}

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

:where(.cmt) .\[\&\:\:before\]\:tw-inset-\[-9px\]::before {
  inset: -9px;
}

:where(.cmt) .\[\&\:\:before\]\:tw-css-content-\[\'\'\]::before {
  content: '';
}

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

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

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

:where(.cmt) .\[\&\:not\(\.is-plus\)\]\:tw-css-background-\[\#1D1D1F\]:not(.is-plus) {
  background: #1D1D1F;
}

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

:where(.cmt) .\[\&\:not\(\.is-plus\)\]\:tw-css-box-shadow-\[0_4px_12px_rgba\(16\2c _24\2c _40\2c _\.28\)\]:not(.is-plus) {
  box-shadow: 0 4px 12px rgba(16, 24, 40, .28);
}

:where(.cmt) .\[\&\:not\(\.is-plus\)\]\:tw-css-color-\[\#fff\]:not(.is-plus) {
  color: #fff;
}

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

:where(.cmt) .\[\&_\:is\(i\2c \.icon\)\]\:tw-ml-\[4px\] :is(i,.icon) {
  margin-left: 4px;
}

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

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

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

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

:where(.cmt) .\[\&_\:is\(i\2c \.icon\)\]\:tw-css-transition-\[transform_\.2s\] :is(i,.icon) {
  transition: transform .2s;
}

:where(.cmt) .\[\&_\:is\(i\2c \.icon\)\]\:tw-css-color-\[var\(--ink-3\2c _\#A1A1A6\)\] :is(i,.icon) {
  color: var(--ink-3, #A1A1A6);
}

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

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

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

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

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

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

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

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

:where(.cmt) .\[\&_circle\]\:tw-css-fill-\[none\] circle {
  fill: none;
}

:where(.cmt) .\[\&_circle\]\:tw-css-stroke-width-\[4\] circle {
  stroke-width: 4;
}

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

:where(.cmt) .\[\&_img\]\:tw-max-h-\[calc\(100vh_-_160px\)\] img {
  max-height: calc(100vh - 160px);
}

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

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

@media (max-width: 767.98px) {
  :where(.cmt) .mq1-max-767-98\:\[\&_img\]\:tw-max-h-\[72vh\] img {
    max-height: 72vh;
  }
}

:where(.cmt) .\[\&_li\.is-on\]\:tw-css-color-\[var\(--ink\2c _\#1D1D1F\)\] li.is-on {
  color: var(--ink, #1D1D1F);
}

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

:where(.cmt) .\[\&_li\[data-i\]\]\:tw-cursor-pointer li[data-i] {
  cursor: pointer;
}

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

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

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

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

:where(.cmt) .\[\&_span\]\:tw-justify-center span {
  justify-content: center;
}

:where(.cmt) .\[\&_span\]\:tw-text-\[30px\] span {
  font-size: 30px;
}

:where(.cmt) .\[\&_span\]\:tw-font-semibold span {
  font-weight: 600;
}

:where(.cmt) .\[\&_span\]\:tw-tracking-\[-\.03em\] span {
  letter-spacing: -.03em;
}

:where(.cmt) .\[\&_span\]\:tw-css-color-\[\#079455\] span {
  color: #079455;
}

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

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

:where(.cmt) .\[\&_svg\]\:tw-css-transform-\[rotate\(-90deg\)\] svg {
  transform: rotate(-90deg);
}

:where(.cmt) .dc-crit.is-bad .\[\.dc-crit\.is-bad_\&\]\:tw-css-color-\[\#B42318\] {
  color: #B42318;
}

:where(.cmt) .dc-crit.is-bad .\[\.dc-crit\.is-bad_\&_span\]\:tw-css-background-\[\#F04438\] span {
  background: #F04438;
}

:where(.cmt) .dc-crit.is-good .\[\.dc-crit\.is-good_\&\]\:tw-css-color-\[\#079455\] {
  color: #079455;
}

:where(.cmt) .dc-crit.is-good .\[\.dc-crit\.is-good_\&_span\]\:tw-css-background-\[\#17B26A\] span {
  background: #17B26A;
}

:where(.cmt) .dc-crit.is-mid .\[\.dc-crit\.is-mid_\&\]\:tw-css-color-\[\#B54708\] {
  color: #B54708;
}

:where(.cmt) .dc-crit.is-mid .\[\.dc-crit\.is-mid_\&_span\]\:tw-css-background-\[\#F79009\] span {
  background: #F79009;
}

:where(.cmt) .dc-crit.is-open .\[\.dc-crit\.is-open_\&\]\:tw-block {
  display: block;
}

:where(.cmt) .dc-crit.is-open .\[\.dc-crit\.is-open_\&_\:is\(i\2c \.icon\)\]\:tw-css-transform-\[rotate\(180deg\)\] :is(i,.icon) {
  transform: rotate(180deg);
}

:where(.cmt) .dc-crit .\[\.dc-crit_\&_span\]\:tw-block span {
  display: block;
}

:where(.cmt) .dc-crit .\[\.dc-crit_\&_span\]\:tw-h-full span {
  height: 100%;
}

:where(.cmt) .dc-crit .\[\.dc-crit_\&_span\]\:tw-w-\[0\] span {
  width: 0;
}

:where(.cmt) .dc-crit .\[\.dc-crit_\&_span\]\:tw-rounded-\[999px\] span {
  border-radius: 999px;
}

:where(.cmt) .dc-crit .\[\.dc-crit_\&_span\]\:tw-css-transition-\[width_\.9s_cubic-bezier\(\.2\2c _\.8\2c _\.2\2c _1\)\] span {
  transition: width .9s cubic-bezier(.2, .8, .2, 1);
}

@media (prefers-reduced-motion: reduce) {
  :where(.cmt) .dc-crit .mq2-motion-reduce\:\[\.dc-crit_\&_span\]\:tw-css-transition-\[none\] span {
    transition: none;
  }
}

:where(.cmt) .dc-gauge .\[\.dc-gauge_\&\]\:tw-css-transition-\[stroke-dashoffset_1s_cubic-bezier\(\.2\2c _\.8\2c _\.2\2c _1\)\] {
  transition: stroke-dashoffset 1s cubic-bezier(.2, .8, .2, 1);
}

:where(.cmt) .dc-gauge .\[\.dc-gauge_\&\]\:tw-css-stroke-\[\#079455\] {
  stroke: #079455;
}

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

:where(.cmt) .dc-gauge .\[\.dc-gauge_\&\]\:tw-css-stroke-linecap-\[round\] {
  stroke-linecap: round;
}

@media (prefers-reduced-motion: reduce) {
  :where(.cmt) .dc-gauge .mq2-motion-reduce\:\[\.dc-gauge_\&\]\:tw-css-transition-\[none\] {
    transition: none;
  }
}

:where(.cmt) .dc-layout.has-result .\[\.dc-layout\.has-result_\&\]\:tw-css-animation-\[dcIn_\.55s_cubic-bezier\(\.2\2c _\.8\2c _\.2\2c _1\)_both\] {
  animation: dcIn .55s cubic-bezier(.2, .8, .2, 1) both;
}

:where(.cmt) .dc-layout.has-result .\[\.dc-layout\.has-result_\&\]\:tw-css-animation-delay-\[var\(--d\2c _0ms\)\] {
  animation-delay: var(--d, 0ms);
}

@media (prefers-reduced-motion: reduce) {
  :where(.cmt) .dc-layout.has-result .mq2-motion-reduce\:\[\.dc-layout\.has-result_\&\]\:tw-css-animation-\[none\] {
    animation: none;
  }
}

:where(.cmt) .dc-layout:not(.has-result) .\[\.dc-layout\:not\(\.has-result\)_\&\]\:tw-hidden {
  display: none;
}

:where(.cmt) .dc-stage.pins-off .\[\.dc-stage\.pins-off_\&\]\:tw-hidden {
  display: none;
}

:where(.cmt) .dc-stage .\[\.dc-stage_\&\]\:tw-overflow-hidden {
  overflow: hidden;
}

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