@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-348bcd36], [data-v-348bcd36]::before, [data-v-348bcd36]::after, [data-v-348bcd36]::backdrop { --tw-border-style: solid; --tw-font-weight: 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-duration: initial; }
}
}
.atalho-btn[data-v-348bcd36] { cursor: pointer; border-radius: var(--radius-lg,.5rem); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-brand-border-dark,#d4ccc3); background-color: var(--color-card,#fff); padding-inline: calc(var(--spacing,.25rem) * 3); padding-block: calc(var(--spacing,.25rem) * 1.5); font-size: var(--text-xs,.75rem); line-height: var(--tw-leading,var(--text-xs--line-height,calc(1 / .75))); --tw-font-weight: var(--font-weight-medium,500); font-weight: var(--font-weight-medium,500); color: var(--color-text-secondary,#666); --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); 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))); --tw-duration: .15s; transition-duration: 0.15s; }
.atalho-btn[data-v-348bcd36]:hover { background-color: rgba(245, 241, 237, 0.5); }
@supports (color:color-mix(in lab, red, red)) {
  .atalho-btn[data-v-348bcd36]:hover { background-color: rgba(245, 241, 237, 0.5); }
  @supports (color:color-mix(in lch, red, blue)) and (top:var(--f)) {
  .atalho-btn[data-v-348bcd36]:hover { background-color: color-mix(in oklab, var(--color-brand-beige,#f5f1ed) 50%, transparent); }
}
}
.atalho-btn[data-v-348bcd36]:hover { color: var(--color-text-primary,#2d2d2d); }
.atalho-btn-selected[data-v-348bcd36] { border-color: rgba(224, 123, 79, 0.5); }
@supports (color:color-mix(in lab, red, red)) {
  .atalho-btn-selected[data-v-348bcd36] { border-color: rgba(224, 123, 79, 0.5); }
  @supports (color:color-mix(in lch, red, blue)) and (top:var(--f)) {
  .atalho-btn-selected[data-v-348bcd36] { border-color: color-mix(in oklab, var(--color-brand-orange,#e07b4f) 50%, transparent); }
}
}
.atalho-btn-selected[data-v-348bcd36] { background-color: rgba(224, 123, 79, 0.1); }
@supports (color:color-mix(in lab, red, red)) {
  .atalho-btn-selected[data-v-348bcd36] { background-color: rgba(224, 123, 79, 0.1); }
  @supports (color:color-mix(in lch, red, blue)) and (top:var(--f)) {
  .atalho-btn-selected[data-v-348bcd36] { background-color: color-mix(in oklab, var(--color-brand-orange,#e07b4f) 10%, transparent); }
}
}
.atalho-btn-selected[data-v-348bcd36] { --tw-font-weight: var(--font-weight-semibold,600); font-weight: var(--font-weight-semibold,600); color: var(--color-accent-text,#e07b4f); }
.atalho-btn-selected[data-v-348bcd36]:hover { border-color: rgba(224, 123, 79, 0.7); }
@supports (color:color-mix(in lab, red, red)) {
  .atalho-btn-selected[data-v-348bcd36]:hover { border-color: rgba(224, 123, 79, 0.7); }
  @supports (color:color-mix(in lch, red, blue)) and (top:var(--f)) {
  .atalho-btn-selected[data-v-348bcd36]:hover { border-color: color-mix(in oklab, var(--color-brand-orange,#e07b4f) 70%, transparent); }
}
}
.atalho-btn-selected[data-v-348bcd36]:hover { background-color: rgba(224, 123, 79, 0.2); }
@supports (color:color-mix(in lab, red, red)) {
  .atalho-btn-selected[data-v-348bcd36]:hover { background-color: rgba(224, 123, 79, 0.2); }
  @supports (color:color-mix(in lch, red, blue)) and (top:var(--f)) {
  .atalho-btn-selected[data-v-348bcd36]:hover { background-color: color-mix(in oklab, var(--color-brand-orange,#e07b4f) 20%, transparent); }
}
}
.atalho-btn-selected[data-v-348bcd36]:hover { color: var(--color-brand-orange-dark,#c67448); }
@property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-font-weight { 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-duration { syntax: "*"; inherits: false; }