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

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

@keyframes pfPulse {
  50% {
    opacity: .55;
  }
}

/*! tw-utilities */

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

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

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

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

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

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

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

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

:where(.cmt) .tw-css-animation-\[pfIn_\.5s_cubic-bezier\(\.2\,_\.8\,_\.2\,_1\)_both\] {
  animation: pfIn .5s cubic-bezier(.2, .8, .2, 1) both;
}

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

:where(.cmt) .tw-css-animation-delay-\[var\(--d\,_0ms\)\] {
  animation-delay: var(--d, 0ms);
}

:where(.cmt) .tw-css-counter-reset-\[a\] {
  counter-reset: a;
}

@media (max-width: 575.98px) {
  :where(.cmt) .mq1-max-575-98\:tw-grid-cols-\[repeat\(2\2c _minmax\(0\2c _1fr\)\)\] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

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

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

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

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

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

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

:where(.cmt) .\[\&\.v-giu\]\:tw-css-background-\[\#ECFDF3\].v-giu {
  background: #ECFDF3;
}

:where(.cmt) .\[\&\.v-giu\]\:tw-css-color-\[\#067647\].v-giu {
  color: #067647;
}

:where(.cmt) .\[\&\.v-sua\]\:tw-css-background-\[\#FFFAEB\].v-sua {
  background: #FFFAEB;
}

:where(.cmt) .\[\&\.v-sua\]\:tw-css-color-\[\#B54708\].v-sua {
  color: #B54708;
}

: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) .\[\&_circle\]\:tw-css-fill-\[none\] circle {
  fill: none;
}

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

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

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

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

:where(.cmt) .\[\&_li\:\:before\]\:tw-mt-\[1px\] li::before {
  margin-top: 1px;
}

:where(.cmt) .\[\&_li\:\:before\]\:tw-inline-flex li::before {
  display: inline-flex;
}

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

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

:where(.cmt) .\[\&_li\:\:before\]\:tw-shrink-0 li::before {
  flex-shrink: 0;
}

:where(.cmt) .\[\&_li\:\:before\]\:tw-items-center li::before {
  align-items: center;
}

:where(.cmt) .\[\&_li\:\:before\]\:tw-justify-center li::before {
  justify-content: center;
}

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

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

:where(.cmt) .\[\&_li\:\:before\]\:tw-font-semibold li::before {
  font-weight: 600;
}

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

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

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

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

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

:where(.cmt) .\[\&_li\:\:before\]\:tw-css-content-\[counter\(a\)\] li::before {
  content: counter(a);
}

:where(.cmt) .\[\&_li\:\:before\]\:tw-css-counter-increment-\[a\] li::before {
  counter-increment: a;
}

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

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

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

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

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

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

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

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

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

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

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

:where(.cmt) .\[\&_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);
}

: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) .pf-gauge .\[\.pf-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) .pf-gauge .\[\.pf-gauge_\&\]\:tw-css-stroke-\[\#079455\] {
  stroke: #079455;
}

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

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

:where(.cmt) .pf-page:hover .\[\.pf-page\:hover_\&\]\:tw-opacity-\[1\] {
  opacity: 1;
}

:where(.cmt) .pf-pages.is-busy .\[\.pf-pages\.is-busy_\&\]\:tw-css-animation-\[pfPulse_1\.4s_ease-in-out_infinite\] {
  animation: pfPulse 1.4s ease-in-out infinite;
}

@media (prefers-reduced-motion: reduce) {
  :where(.cmt) .pf-pages.is-busy .mq3-motion-reduce\:\[\.pf-pages\.is-busy_\&\]\:tw-css-animation-\[none\] {
    animation: none;
  }
}