@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-2ba24b54], [data-v-2ba24b54]::before, [data-v-2ba24b54]::after, [data-v-2ba24b54]::backdrop { --tw-border-style: solid; --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; --tw-font-weight: initial; --tw-leading: initial; --tw-tracking: initial; }
}
}
.periodo-trigger[data-v-2ba24b54] { cursor: pointer; justify-content: space-between; align-items: center; gap: calc(var(--spacing,.25rem) * 2); 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); width: 200px; padding-inline: calc(var(--spacing,.25rem) * 3); padding-block: calc(var(--spacing,.25rem) * 2); font-size: var(--text-sm,.875rem); line-height: var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875))); color: var(--color-text-primary,#2d2d2d); --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); --tw-outline-style: none; outline-style: none; transition: border-color 0.2s, box-shadow 0.35s cubic-bezier(0.16, 1, 0.3, 1); display: flex; }
.periodo-trigger[data-v-2ba24b54]:hover { border-color: rgba(224, 123, 79, 0.4); }
.periodo-trigger-open[data-v-2ba24b54], .periodo-trigger[data-v-2ba24b54]:focus-visible { border-color: var(--color-brand-orange,#e07b4f); box-shadow: rgba(224, 123, 79, 0.12) 0px 0px 0px 3px; }
.stepper-btn[data-v-2ba24b54] { height: 38px; width: calc(var(--spacing,.25rem) * 8); 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); 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; flex-shrink: 0; justify-content: center; align-items: center; transition-duration: 0.15s; display: flex; }
.stepper-btn[data-v-2ba24b54]:hover:not(:disabled) { background-color: rgba(245, 241, 237, 0.4); }
@supports (color:color-mix(in lab, red, red)) {
  .stepper-btn[data-v-2ba24b54]:hover:not(:disabled) { background-color: rgba(245, 241, 237, 0.4); }
  @supports (color:color-mix(in lch, red, blue)) and (top:var(--f)) {
  .stepper-btn[data-v-2ba24b54]:hover:not(:disabled) { background-color: color-mix(in oklab, var(--color-brand-beige,#f5f1ed) 40%, transparent); }
}
}
.stepper-btn[data-v-2ba24b54]:hover:not(:disabled) { color: var(--color-text-primary,#2d2d2d); }
.stepper-btn[data-v-2ba24b54]:disabled { cursor: not-allowed; opacity: 0.4; }
.picker-head[data-v-2ba24b54] { margin-inline: calc(var(--spacing,.25rem) * .5); margin-bottom: calc(var(--spacing,.25rem) * 2); justify-content: space-between; align-items: center; display: flex; }
.circle-btn[data-v-2ba24b54] { height: calc(var(--spacing,.25rem) * 8); width: calc(var(--spacing,.25rem) * 8); cursor: pointer; border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-brand-border,#e8e4df); background-color: var(--color-card,#fff); 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))); --tw-duration: .15s; border-radius: 2.14748e+09px; justify-content: center; align-items: center; transition-duration: 0.15s; display: flex; }
.circle-btn[data-v-2ba24b54]:hover:not(:disabled) { background-color: rgba(245, 241, 237, 0.5); }
@supports (color:color-mix(in lab, red, red)) {
  .circle-btn[data-v-2ba24b54]:hover:not(:disabled) { background-color: rgba(245, 241, 237, 0.5); }
  @supports (color:color-mix(in lch, red, blue)) and (top:var(--f)) {
  .circle-btn[data-v-2ba24b54]:hover:not(:disabled) { background-color: color-mix(in oklab, var(--color-brand-beige,#f5f1ed) 50%, transparent); }
}
}
.circle-btn[data-v-2ba24b54]:hover:not(:disabled) { color: var(--color-text-primary,#2d2d2d); }
.cell-btn[data-v-2ba24b54] { cursor: pointer; border-radius: var(--radius-lg,.5rem); border-style: var(--tw-border-style); --tw-font-weight: var(--font-weight-medium,500); font-size: 13px; font-weight: var(--font-weight-medium,500); color: var(--color-text-primary,#2d2d2d); background-color: rgba(0, 0, 0, 0); border-width: 1px; border-color: rgba(0, 0, 0, 0); transition: background-color 0.15s, color 0.15s, border-color 0.15s, box-shadow 0.2s cubic-bezier(0.16, 1, 0.3, 1), transform 0.12s; }
.cell-btn[data-v-2ba24b54]:hover:not(:disabled) { background-color: rgba(245, 241, 237, 0.6); }
@supports (color:color-mix(in lab, red, red)) {
  .cell-btn[data-v-2ba24b54]:hover:not(:disabled) { background-color: rgba(245, 241, 237, 0.6); }
  @supports (color:color-mix(in lch, red, blue)) and (top:var(--f)) {
  .cell-btn[data-v-2ba24b54]:hover:not(:disabled) { background-color: color-mix(in oklab, var(--color-brand-beige,#f5f1ed) 60%, transparent); }
}
}
.cell-btn[data-v-2ba24b54]:active:not(:disabled) { transform: scale(0.97); }
.cell-btn[data-v-2ba24b54]:disabled, .circle-btn[data-v-2ba24b54]:disabled { cursor: not-allowed; opacity: 0.4; }
.cell-btn-selected[data-v-2ba24b54] { z-index: 1; --tw-font-weight: var(--font-weight-semibold,600); font-weight: var(--font-weight-semibold,600); color: var(--color-accent-text,#e07b4f); background-color: var(--color-card,#fff); background-image: linear-gradient(to right bottom, rgba(224, 123, 79, 0.12), rgba(255, 255, 255, 0) 55%, rgba(224, 123, 79, 0.18)); border-color: rgba(224, 123, 79, 0.32); position: relative; box-shadow: rgba(255, 255, 255, 0.6) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.05) 0px 1px 2px; }
.cell-btn-selected[data-v-2ba24b54]:hover { background-color: var(--color-card,#fff); border-color: rgba(224, 123, 79, 0.5); box-shadow: rgba(255, 255, 255, 0.6) 0px 0px 0px 1px inset, rgba(224, 123, 79, 0.16) 0px 2px 6px; }
.badge-hoje[data-v-2ba24b54] { background-color: rgba(224, 123, 79, 0.1); border-radius: 2.14748e+09px; }
@supports (color:color-mix(in lab, red, red)) {
  .badge-hoje[data-v-2ba24b54] { background-color: rgba(224, 123, 79, 0.1); }
  @supports (color:color-mix(in lch, red, blue)) and (top:var(--f)) {
  .badge-hoje[data-v-2ba24b54] { background-color: color-mix(in oklab, var(--color-brand-orange,#e07b4f) 10%, transparent); }
}
}
.badge-hoje[data-v-2ba24b54] { padding-inline: calc(var(--spacing,.25rem) * 1.5); --tw-leading: 14px; --tw-font-weight: var(--font-weight-semibold,600); font-size: 9px; line-height: 14px; font-weight: var(--font-weight-semibold,600); --tw-tracking: var(--tracking-wide,.025em); letter-spacing: var(--tracking-wide,.025em); color: var(--color-accent-text,#e07b4f); text-transform: uppercase; }
.cell-btn-selected .badge-hoje[data-v-2ba24b54] { background-color: rgba(224, 123, 79, 0.2); }
@supports (color:color-mix(in lab, red, red)) {
  .cell-btn-selected .badge-hoje[data-v-2ba24b54] { background-color: rgba(224, 123, 79, 0.2); }
  @supports (color:color-mix(in lch, red, blue)) and (top:var(--f)) {
  .cell-btn-selected .badge-hoje[data-v-2ba24b54] { background-color: color-mix(in oklab, var(--color-brand-orange,#e07b4f) 20%, transparent); }
}
}
.cell-btn-range[data-v-2ba24b54] { background-color: rgba(224, 123, 79, 0.15); border-radius: 0px; }
@supports (color:color-mix(in lab, red, red)) {
  .cell-btn-range[data-v-2ba24b54] { background-color: rgba(224, 123, 79, 0.15); }
  @supports (color:color-mix(in lch, red, blue)) and (top:var(--f)) {
  .cell-btn-range[data-v-2ba24b54] { background-color: color-mix(in oklab, var(--color-brand-orange,#e07b4f) 15%, transparent); }
}
}
.cell-btn-range[data-v-2ba24b54] { color: var(--color-accent-text,#e07b4f); }
@media screen {
  :where(.dark) .cell-btn-selected[data-v-2ba24b54], :where(.dark) .cell-btn-selected[data-v-2ba24b54]:hover { box-shadow: none; }
}
@property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
@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; }
@property --tw-font-weight { syntax: "*"; inherits: false; }
@property --tw-leading { syntax: "*"; inherits: false; }
@property --tw-tracking { syntax: "*"; inherits: false; }