@layer properties {
  @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
  [data-v-c80d2d47], [data-v-c80d2d47]::before, [data-v-c80d2d47]::after, [data-v-c80d2d47]::backdrop { --tw-duration: initial; --tw-shadow: 0 0 #0000; --tw-shadow-color: initial; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0 #0000; --tw-inset-shadow-color: initial; --tw-inset-shadow-alpha: 100%; --tw-ring-color: initial; --tw-ring-shadow: 0 0 #0000; --tw-inset-ring-color: initial; --tw-inset-ring-shadow: 0 0 #0000; --tw-ring-inset: initial; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-font-weight: initial; }
}
}
.review-thumb[data-v-c80d2d47] { width: calc(var(--spacing,.25rem) * 6); height: calc(var(--spacing,.25rem) * 6); cursor: pointer; border-radius: var(--radius-md,.375rem); color: rgba(102, 102, 102, 0.7); justify-content: center; align-items: center; display: inline-flex; }
@supports (color:color-mix(in lab, red, red)) {
  .review-thumb[data-v-c80d2d47] { color: rgba(102, 102, 102, 0.7); }
  @supports (color:color-mix(in lch, red, blue)) and (top:var(--f)) {
  .review-thumb[data-v-c80d2d47] { color: color-mix(in oklab, var(--color-text-secondary,#666) 70%, transparent); }
}
}
.review-thumb[data-v-c80d2d47] { transition-property: background-color, color, transform; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1))); --tw-duration: .15s; transition-duration: 0.15s; }
@media (hover: hover) {
  .review-thumb[data-v-c80d2d47]:hover { background-color: rgba(0, 0, 0, 0.05); }
  @supports (color:color-mix(in lab, red, red)) {
  .review-thumb[data-v-c80d2d47]:hover { background-color: rgba(0, 0, 0, 0.05); }
  @supports (color:color-mix(in lch, red, blue)) and (top:var(--f)) {
  .review-thumb[data-v-c80d2d47]:hover { background-color: color-mix(in oklab, var(--color-black,#000) 5%, transparent); }
}
}
  .review-thumb[data-v-c80d2d47]:hover { color: var(--color-text-primary,#2d2d2d); }
}
.review-thumb[data-v-c80d2d47]:active { scale: 0.96; }
.review-thumb[data-v-c80d2d47]:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-ring-color: #e07b4f66; }
@supports (color:color-mix(in lab, red, red)) {
  .review-thumb[data-v-c80d2d47]:focus-visible { --tw-ring-color: color-mix(in oklab, var(--color-brand-orange,#e07b4f) 40%, transparent); }
}
.review-thumb[data-v-c80d2d47]:focus-visible { --tw-outline-style: none; outline-style: none; }
@media (hover: none) {
  .review-thumbs-on-hover[data-v-c80d2d47] { opacity: 1; }
}
.review-action[data-v-c80d2d47] { cursor: pointer; align-items: center; gap: var(--spacing,.25rem); --tw-font-weight: var(--font-weight-medium,500); font-size: 12px; font-weight: var(--font-weight-medium,500); color: var(--color-text-secondary,#666); transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1))); transition-duration: var(--tw-duration,var(--default-transition-duration,.15s)); display: inline-flex; }
@media screen {
  .dark .review-thumb[data-v-c80d2d47]:hover { background-color: rgba(255, 255, 255, 0.05); }
}
@property --tw-duration { syntax: "*"; inherits: false; }
@property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-shadow-color { syntax: "*"; inherits: false; }
@property --tw-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-shadow-color { syntax: "*"; inherits: false; }
@property --tw-inset-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-ring-color { syntax: "*"; inherits: false; }
@property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-ring-color { syntax: "*"; inherits: false; }
@property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-ring-inset { syntax: "*"; inherits: false; }
@property --tw-ring-offset-width { syntax: "<length>"; inherits: false; initial-value: 0; }
@property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; }
@property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-font-weight { syntax: "*"; inherits: false; }