@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-9960f7ee], [data-v-9960f7ee]::before, [data-v-9960f7ee]::after, [data-v-9960f7ee]::backdrop { --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; }
}
}
.suggestion-row[data-v-9960f7ee] { cursor: pointer; align-items: center; gap: calc(var(--spacing,.25rem) * 3); padding-inline: calc(var(--spacing,.25rem) * 4); padding-block: calc(var(--spacing,.25rem) * 2.5); user-select: none; transition: background-color 0.1s; display: flex; position: relative; }
.suggestion-row[data-v-9960f7ee]:hover, .suggestion-row.is-active[data-v-9960f7ee] { background-color: rgba(245, 241, 237, 0.4); }
@supports (color:color-mix(in lab, red, red)) {
  .suggestion-row[data-v-9960f7ee]:hover, .suggestion-row.is-active[data-v-9960f7ee] { background-color: rgba(245, 241, 237, 0.4); }
  @supports (color:color-mix(in lch, red, blue)) and (top:var(--f)) {
  .suggestion-row[data-v-9960f7ee]:hover, .suggestion-row.is-active[data-v-9960f7ee] { background-color: color-mix(in oklab, var(--color-brand-beige,#f5f1ed) 40%, transparent); }
}
}
.suggestion-accent[data-v-9960f7ee] { background-color: var(--color-brand-orange,#e07b4f); opacity: 0; border-radius: 2.14748e+09px; width: 2px; transition: opacity 0.15s; position: absolute; top: 25%; bottom: 25%; left: 0px; }
.suggestion-row.is-active .suggestion-accent[data-v-9960f7ee] { opacity: 1; }
.suggestion-icon[data-v-9960f7ee] { height: calc(var(--spacing,.25rem) * 7); width: calc(var(--spacing,.25rem) * 7); border-radius: var(--radius-lg,.5rem); color: rgba(224, 123, 79, 0.85); flex-shrink: 0; justify-content: center; align-items: center; display: flex; }
@supports (color:color-mix(in lab, red, red)) {
  .suggestion-icon[data-v-9960f7ee] { color: rgba(224, 123, 79, 0.85); }
  @supports (color:color-mix(in lch, red, blue)) and (top:var(--f)) {
  .suggestion-icon[data-v-9960f7ee] { color: color-mix(in oklab, var(--color-accent-text,#e07b4f) 85%, transparent); }
}
}
.suggestion-icon[data-v-9960f7ee] { background: linear-gradient(rgb(255, 255, 255), rgba(245, 241, 237, 0.9)); border: 1px solid rgba(232, 228, 223, 0.9); box-shadow: rgba(255, 255, 255, 0.8) 0px 1px inset; }
.suggestion-arrow[data-v-9960f7ee] { --tw-translate-x: calc(var(--spacing,.25rem) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); color: var(--color-accent-text,#e07b4f); opacity: 0; transition: opacity 0.2s cubic-bezier(0.16, 1, 0.3, 1), transform 0.2s cubic-bezier(0.16, 1, 0.3, 1); }
.suggestion-row.is-active .suggestion-arrow[data-v-9960f7ee] { --tw-translate-x: 0px; translate: var(--tw-translate-x) var(--tw-translate-y); opacity: 1; }
@media screen {
  .dark .suggestion-row[data-v-9960f7ee]:hover, .dark .suggestion-row.is-active[data-v-9960f7ee] { background-image: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05)); }
  .dark .suggestion-icon[data-v-9960f7ee] { background: var(--color-brand-beige); border-color: var(--color-brand-border); box-shadow: none; }
}
@property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; }