/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer sc-properties;
@layer sc-theme {
  :root, :host {
    --sc-color-neutral-50: oklch(98.5% 0 0);
    --sc-color-neutral-100: oklch(97% 0 0);
  }
}
@layer sc-utils {
  .sugar-calendar-scope .sc\:icon-\[fa6-solid--chevron-down\] {
    display: inline-block !important;
    width: 1em !important;
    height: 1em !important;
    background-color: currentColor !important;
    -webkit-mask-image: var(--svg) !important;
    mask-image: var(--svg) !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-size: 100% 100% !important;
    mask-size: 100% 100% !important;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='black' d='M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7L86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z'/%3E%3C/svg%3E");
  }
  .sugar-calendar-scope .sc\:icon-\[fa6-solid--circle-exclamation\] {
    display: inline-block !important;
    width: 1em !important;
    height: 1em !important;
    background-color: currentColor !important;
    -webkit-mask-image: var(--svg) !important;
    mask-image: var(--svg) !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-size: 100% 100% !important;
    mask-size: 100% 100% !important;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='black' d='M256 512a256 256 0 1 0 0-512a256 256 0 1 0 0 512m0-384c13.3 0 24 10.7 24 24v112c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24m-32 224a32 32 0 1 1 64 0a32 32 0 1 1-64 0'/%3E%3C/svg%3E");
  }
  .sugar-calendar-scope .sc\:icon-\[fa6-solid--copy\] {
    display: inline-block !important;
    width: 0.88em !important;
    height: 1em !important;
    background-color: currentColor !important;
    -webkit-mask-image: var(--svg) !important;
    mask-image: var(--svg) !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-size: 100% 100% !important;
    mask-size: 100% 100% !important;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' width='448' height='512'%3E%3Cpath fill='black' d='M208 0h124.1C344.8 0 357 5.1 366 14.1L433.9 82c9 9 14.1 21.2 14.1 33.9V336c0 26.5-21.5 48-48 48H208c-26.5 0-48-21.5-48-48V48c0-26.5 21.5-48 48-48M48 128h80v64H64v256h192v-32h64v48c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V176c0-26.5 21.5-48 48-48'/%3E%3C/svg%3E");
  }
  .sugar-calendar-scope .sc\:icon-\[fa6-solid--grip-lines\] {
    display: inline-block !important;
    width: 0.88em !important;
    height: 1em !important;
    background-color: currentColor !important;
    -webkit-mask-image: var(--svg) !important;
    mask-image: var(--svg) !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-size: 100% 100% !important;
    mask-size: 100% 100% !important;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' width='448' height='512'%3E%3Cpath fill='black' d='M32 288c-17.7 0-32 14.3-32 32s14.3 32 32 32h384c17.7 0 32-14.3 32-32s-14.3-32-32-32zm0-128c-17.7 0-32 14.3-32 32s14.3 32 32 32h384c17.7 0 32-14.3 32-32s-14.3-32-32-32z'/%3E%3C/svg%3E");
  }
  .sugar-calendar-scope .sc\:icon-\[fa6-solid--location-dot\] {
    display: inline-block !important;
    width: 0.75em !important;
    height: 1em !important;
    background-color: currentColor !important;
    -webkit-mask-image: var(--svg) !important;
    mask-image: var(--svg) !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-size: 100% 100% !important;
    mask-size: 100% 100% !important;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512' width='384' height='512'%3E%3Cpath fill='black' d='M215.7 499.2C267 435 384 279.4 384 192C384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2c12.3 15.3 35.1 15.3 47.4 0M192 128a64 64 0 1 1 0 128a64 64 0 1 1 0-128'/%3E%3C/svg%3E");
  }
  .sugar-calendar-scope .sc\:icon-\[fa6-solid--microphone\] {
    display: inline-block !important;
    width: 0.75em !important;
    height: 1em !important;
    background-color: currentColor !important;
    -webkit-mask-image: var(--svg) !important;
    mask-image: var(--svg) !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-size: 100% 100% !important;
    mask-size: 100% 100% !important;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512' width='384' height='512'%3E%3Cpath fill='black' d='M192 0c-53 0-96 43-96 96v160c0 53 43 96 96 96s96-43 96-96V96c0-53-43-96-96-96M64 216c0-13.3-10.7-24-24-24s-24 10.7-24 24v40c0 89.1 66.2 162.7 152 174.4V464h-48c-13.3 0-24 10.7-24 24s10.7 24 24 24h144c13.3 0 24-10.7 24-24s-10.7-24-24-24h-48v-33.6c85.8-11.7 152-85.3 152-174.4v-40c0-13.3-10.7-24-24-24s-24 10.7-24 24v40c0 70.7-57.3 128-128 128S64 326.7 64 256z'/%3E%3C/svg%3E");
  }
  .sugar-calendar-scope .sc\:icon-\[fa6-solid--plus\] {
    display: inline-block !important;
    width: 0.88em !important;
    height: 1em !important;
    background-color: currentColor !important;
    -webkit-mask-image: var(--svg) !important;
    mask-image: var(--svg) !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-size: 100% 100% !important;
    mask-size: 100% 100% !important;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' width='448' height='512'%3E%3Cpath fill='black' d='M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32v144H48c-17.7 0-32 14.3-32 32s14.3 32 32 32h144v144c0 17.7 14.3 32 32 32s32-14.3 32-32V288h144c17.7 0 32-14.3 32-32s-14.3-32-32-32H256z'/%3E%3C/svg%3E");
  }
  .sugar-calendar-scope .sc\:icon-\[fa6-solid--ticket\] {
    display: inline-block !important;
    width: 1.13em !important;
    height: 1em !important;
    background-color: currentColor !important;
    -webkit-mask-image: var(--svg) !important;
    mask-image: var(--svg) !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-size: 100% 100% !important;
    mask-size: 100% 100% !important;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' width='576' height='512'%3E%3Cpath fill='black' d='M64 64C28.7 64 0 92.7 0 128v64c0 8.8 7.4 15.7 15.7 18.6C34.5 217.1 48 235 48 256s-13.5 38.9-32.3 45.4C7.4 304.3 0 311.2 0 320v64c0 35.3 28.7 64 64 64h448c35.3 0 64-28.7 64-64v-64c0-8.8-7.4-15.7-15.7-18.6C541.5 294.9 528 277 528 256s13.5-38.9 32.3-45.4c8.3-2.9 15.7-9.8 15.7-18.6v-64c0-35.3-28.7-64-64-64zm64 112v160c0 8.8 7.2 16 16 16h288c8.8 0 16-7.2 16-16V176c0-8.8-7.2-16-16-16H144c-8.8 0-16 7.2-16 16m-32-16c0-17.7 14.3-32 32-32h320c17.7 0 32 14.3 32 32v192c0 17.7-14.3 32-32 32H128c-17.7 0-32-14.3-32-32z'/%3E%3C/svg%3E");
  }
  .sugar-calendar-scope .sc\:icon-\[fa6-solid--trash\] {
    display: inline-block !important;
    width: 0.88em !important;
    height: 1em !important;
    background-color: currentColor !important;
    -webkit-mask-image: var(--svg) !important;
    mask-image: var(--svg) !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-size: 100% 100% !important;
    mask-size: 100% 100% !important;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' width='448' height='512'%3E%3Cpath fill='black' d='M135.2 17.7L128 32H32C14.3 32 0 46.3 0 64s14.3 32 32 32h384c17.7 0 32-14.3 32-32s-14.3-32-32-32h-96l-7.2-14.3C307.4 6.8 296.3 0 284.2 0H163.8c-12.1 0-23.2 6.8-28.6 17.7M416 128H32l21.2 339c1.6 25.3 22.6 45 47.9 45h245.8c25.3 0 46.3-19.7 47.9-45z'/%3E%3C/svg%3E");
  }
  .sugar-calendar-scope .sc\:icon-\[fa6-solid--users\] {
    display: inline-block !important;
    width: 1.25em !important;
    height: 1em !important;
    background-color: currentColor !important;
    -webkit-mask-image: var(--svg) !important;
    mask-image: var(--svg) !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-size: 100% 100% !important;
    mask-size: 100% 100% !important;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512' width='640' height='512'%3E%3Cpath fill='black' d='M144 0a80 80 0 1 1 0 160a80 80 0 1 1 0-160m368 0a80 80 0 1 1 0 160a80 80 0 1 1 0-160M0 298.7C0 239.8 47.8 192 106.7 192h42.7c15.9 0 31 3.5 44.6 9.7c-1.3 7.2-1.9 14.7-1.9 22.3c0 38.2 16.8 72.5 43.3 96H21.3C9.6 320 0 310.4 0 298.7M405.3 320h-.7c26.6-23.5 43.3-57.8 43.3-96c0-7.6-.7-15-1.9-22.3c13.6-6.3 28.7-9.7 44.6-9.7h42.7c58.9 0 106.7 47.8 106.7 106.7c0 11.8-9.6 21.3-21.3 21.3H405.4zM224 224a96 96 0 1 1 192 0a96 96 0 1 1-192 0m-96 261.3c0-73.6 59.7-133.3 133.3-133.3h117.3c73.7 0 133.4 59.7 133.4 133.3c0 14.7-11.9 26.7-26.7 26.7H154.6c-14.7 0-26.7-11.9-26.7-26.7z'/%3E%3C/svg%3E");
  }
  .sugar-calendar-scope .sc\:icon-\[fa6-solid--xmark\] {
    display: inline-block !important;
    width: 0.75em !important;
    height: 1em !important;
    background-color: currentColor !important;
    -webkit-mask-image: var(--svg) !important;
    mask-image: var(--svg) !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-size: 100% 100% !important;
    mask-size: 100% 100% !important;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512' width='384' height='512'%3E%3Cpath fill='black' d='M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7L86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256L41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3l105.4 105.3c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256z'/%3E%3C/svg%3E");
  }
  .sugar-calendar-scope .sc\:min-h-\[80px\] {
    min-height: 80px !important;
  }
  .sugar-calendar-scope .sc\:w-full {
    width: 100% !important;
  }
  .sugar-calendar-scope .sc\:resize-y {
    resize: vertical !important;
  }
  .sugar-calendar-scope .sc\:py-\[12px\] {
    padding-block: 12px !important;
  }
  .sugar-calendar-scope .sc\:checked\:before\:icon-src-\[fa6-solid--check\] {
    &:checked {
      &::before {
        content: var(--tw-content) !important;
        width: 0.88em !important;
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' width='448' height='512'%3E%3Cpath fill='black' d='M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7l233.4-233.3c12.5-12.5 32.8-12.5 45.3 0z'/%3E%3C/svg%3E");
      }
    }
  }
}
@layer sc-components {
  [class*="icon-["] {
    flex: 0 0 auto;
  }
}
@charset "UTF-8";
@layer sc-overrides, sc-utils, sc-components, sc-reset, sc-theme, sc-properties;
@layer sc-reset {
  .sugar-calendar-scope :where(.sc-reset, .sc-reset-deep, .sc-reset-deep *),
  .sugar-calendar-scope .sc-reset::before, .sugar-calendar-scope .sc-reset::after,
  .sugar-calendar-scope .sc-reset-deep::before, .sugar-calendar-scope .sc-reset-deep::after,
  .sugar-calendar-scope .sc-reset-deep *::before, .sugar-calendar-scope .sc-reset-deep *::after {
    all: revert !important;
  }
  .sugar-calendar-scope :where(.sc-reset, .sc-reset-deep, .sc-reset-deep *),
  .sugar-calendar-scope .sc-reset::before, .sugar-calendar-scope .sc-reset::after,
  .sugar-calendar-scope .sc-reset-deep::before, .sugar-calendar-scope .sc-reset-deep::after,
  .sugar-calendar-scope .sc-reset-deep *::before, .sugar-calendar-scope .sc-reset-deep *::after {
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 solid !important;
  }
  .sugar-calendar-scope :is(.sc-reset, .sc-reset-deep, .sc-reset-deep *):is(hr) {
    height: 0 !important;
    color: inherit !important;
    border-top-width: 1px !important;
  }
  .sugar-calendar-scope :is(.sc-reset, .sc-reset-deep, .sc-reset-deep *):is(abbr:where([title])) {
    -webkit-text-decoration: underline dotted !important;
    text-decoration: underline dotted !important;
  }
  .sugar-calendar-scope :is(.sc-reset, .sc-reset-deep, .sc-reset-deep *):is(h1, h2, h3, h4, h5, h6) {
    font-size: inherit !important;
    font-weight: inherit !important;
  }
  .sugar-calendar-scope :is(.sc-reset, .sc-reset-deep, .sc-reset-deep *):is(a) {
    color: inherit !important;
    -webkit-text-decoration: inherit !important;
    text-decoration: inherit !important;
  }
  .sugar-calendar-scope :is(.sc-reset, .sc-reset-deep, .sc-reset-deep *):is(b, strong) {
    font-weight: bolder !important;
  }
  .sugar-calendar-scope :is(.sc-reset, .sc-reset-deep, .sc-reset-deep *):is(code, kbd, samp, pre) {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
    font-feature-settings: normal !important;
    font-variation-settings: normal !important;
    font-size: 1em !important;
  }
  .sugar-calendar-scope :is(.sc-reset, .sc-reset-deep, .sc-reset-deep *):is(small) {
    font-size: 80% !important;
  }
  .sugar-calendar-scope :is(.sc-reset, .sc-reset-deep, .sc-reset-deep *):is(sub, sup) {
    font-size: 75% !important;
    line-height: 0 !important;
    position: relative !important;
    vertical-align: baseline !important;
  }
  .sugar-calendar-scope :is(.sc-reset, .sc-reset-deep, .sc-reset-deep *):is(sub) {
    bottom: -0.25em !important;
  }
  .sugar-calendar-scope :is(.sc-reset, .sc-reset-deep, .sc-reset-deep *):is(sup) {
    top: -0.5em !important;
  }
  .sugar-calendar-scope :is(.sc-reset, .sc-reset-deep, .sc-reset-deep *):is(table) {
    text-indent: 0 !important;
    border-color: inherit !important;
    border-collapse: collapse !important;
  }
  .sugar-calendar-scope :is(.sc-reset, .sc-reset-deep, .sc-reset-deep *):is(:-moz-focusring:where(:not(iframe))) {
    outline: auto !important;
  }
  .sugar-calendar-scope :is(.sc-reset, .sc-reset-deep, .sc-reset-deep *):is(progress) {
    vertical-align: baseline !important;
  }
  .sugar-calendar-scope :is(.sc-reset, .sc-reset-deep, .sc-reset-deep *):is(summary) {
    display: list-item !important;
  }
  .sugar-calendar-scope :is(.sc-reset, .sc-reset-deep, .sc-reset-deep *):is(ol, ul, menu) {
    list-style: none !important;
  }
  .sugar-calendar-scope :is(.sc-reset, .sc-reset-deep, .sc-reset-deep *):is(img, svg, video, canvas, audio, iframe, embed, object) {
    display: block !important;
    vertical-align: middle !important;
  }
  .sugar-calendar-scope :is(.sc-reset, .sc-reset-deep, .sc-reset-deep *):is(img, video) {
    max-width: 100% !important;
    height: auto !important;
  }
  .sugar-calendar-scope :is(.sc-reset, .sc-reset-deep, .sc-reset-deep *):is(button, input, select, optgroup, textarea) {
    font: inherit !important;
    font-feature-settings: inherit !important;
    font-variation-settings: inherit !important;
    letter-spacing: inherit !important;
    color: inherit !important;
    border-radius: 0 !important;
    background-color: transparent !important;
    opacity: 1 !important;
  }
  .sugar-calendar-scope :is(.sc-reset, .sc-reset-deep, .sc-reset-deep *):is(select:where([multiple], [size]) optgroup) {
    font-weight: bolder !important;
  }
  .sugar-calendar-scope :is(.sc-reset, .sc-reset-deep, .sc-reset-deep *):is(select:where([multiple], [size]) optgroup option) {
    padding-inline-start: 20px !important;
  }
  .sugar-calendar-scope .sc-reset::placeholder,
  .sugar-calendar-scope .sc-reset-deep::placeholder, .sugar-calendar-scope .sc-reset-deep *::placeholder {
    opacity: 1 !important;
  }
  @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
    .sugar-calendar-scope .sc-reset::placeholder,
    .sugar-calendar-scope .sc-reset-deep::placeholder, .sugar-calendar-scope .sc-reset-deep *::placeholder {
      color: currentcolor !important;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent) !important;
      }
    }
  }
  .sugar-calendar-scope :is(.sc-reset, .sc-reset-deep, .sc-reset-deep *):is(textarea) {
    resize: vertical !important;
  }
  .sugar-calendar-scope :is(.sc-reset, .sc-reset-deep, .sc-reset-deep *):is(button, input:where([type=button], [type=reset], [type=submit])) {
    appearance: button !important;
  }
  .sugar-calendar-scope .sc-reset::-webkit-search-decoration,
  .sugar-calendar-scope .sc-reset-deep::-webkit-search-decoration, .sugar-calendar-scope .sc-reset-deep *::-webkit-search-decoration {
    -webkit-appearance: none !important;
  }
  .sugar-calendar-scope .sc-reset::-webkit-inner-spin-button,
  .sugar-calendar-scope .sc-reset-deep::-webkit-inner-spin-button, .sugar-calendar-scope .sc-reset-deep *::-webkit-inner-spin-button {
    height: auto !important;
  }
  .sugar-calendar-scope .sc-reset::-webkit-outer-spin-button,
  .sugar-calendar-scope .sc-reset-deep::-webkit-outer-spin-button, .sugar-calendar-scope .sc-reset-deep *::-webkit-outer-spin-button {
    height: auto !important;
  }
  .sugar-calendar-scope :is(.sc-reset, .sc-reset-deep, .sc-reset-deep *):is(:-moz-ui-invalid) {
    box-shadow: none !important;
  }
  .sugar-calendar-scope :is(.sc-reset, .sc-reset-deep, .sc-reset-deep *):is([hidden]:where(:not([hidden=until-found]))) {
    display: none !important;
  }
}
:root {
  --sc-color-brand-orange-0: #FFF3EC;
  --sc-color-brand-orange-30: #FFA06A;
  --sc-color-brand-orange-50: #FF8845;
  --sc-color-brand-orange-70: #CB6D37;
  --sc-color-brand-blue-0: #F0F6FC;
  --sc-color-brand-blue-30: #4F94D4;
  --sc-color-brand-blue-50: #2271B1;
  --sc-color-brand-blue-70: #0A4B78;
  --sc-color-neutral-0: #F7F7F7;
  --sc-color-neutral-3: #F0F0F1;
  --sc-color-neutral-5: #DCDCDE;
  --sc-color-neutral-10: #C3C4C7;
  --sc-color-neutral-20: #A7AAAD;
  --sc-color-neutral-30: #8C8F94;
  --sc-color-neutral-40: #787C82;
  --sc-color-neutral-50: #646970;
  --sc-color-neutral-60: #50575E;
  --sc-color-neutral-70: #3C434A;
  --sc-color-neutral-80: #2C3338;
  --sc-color-neutral-90: #1D2327;
  --sc-color-neutral-100: #101517;
  --sc-color-neutral-white: #FFFFFF;
  --sc-color-utility-red-0: #FCEEEF;
  --sc-color-utility-red-30: #F86368;
  --sc-color-utility-red-50: #D63638;
  --sc-color-utility-red-70: #B32D2E;
  --sc-color-utility-yellow-0: #FCF9E8;
  --sc-color-utility-yellow-30: #F2D675;
  --sc-color-utility-yellow-50: #DBA617;
  --sc-color-utility-yellow-70: #BD8600;
  --sc-color-utility-green-0: #E3FCE7;
  --sc-color-utility-green-30: #00BA37;
  --sc-color-utility-green-50: #008A20;
  --sc-color-utility-green-70: #007017;
  --sc-color-utility-blue-bright-0: #E5F5FA;
  --sc-color-utility-blue-bright-30: #66C6E4;
  --sc-color-utility-blue-bright-50: #00A0D2;
  --sc-color-utility-blue-bright-70: #007CB2;
  --sc-color-utility-purple-0: #F4ECFF;
  --sc-color-utility-purple-50: #7A30E2;
  --sc-color-utility-purple-70: #621AC8;
  --sc-color-utility-steel-0: #E7ECF2;
  --sc-color-utility-steel-30: #9BA4AF;
  --sc-color-accent-orange-0: #FFF0E8;
  --sc-color-accent-orange-50: #FE9E68;
  --sc-color-accent-red-0: #FFEAE8;
  --sc-color-accent-red-50: #FF7368;
  --sc-color-accent-pink-0: #FAE6F0;
  --sc-color-accent-pink-50: #DF5B9A;
  --sc-color-accent-purple-0: #EDE6F6;
  --sc-color-accent-purple-50: #8659C2;
  --sc-color-accent-blue-0: #F0F6FC;
  --sc-color-accent-blue-50: #5685BD;
  --sc-color-accent-teal-0: #E4F5F2;
  --sc-color-accent-teal-50: #4BB9A7;
  --sc-color-accent-green-0: #E3FCE7;
  --sc-color-accent-green-50: #57D466;
  --sc-color-accent-yellow-0: #FFF6E9;
  --sc-color-accent-yellow-50: #FFC469;
  --sc-radius-3: 3px;
  --sc-radius-4: 4px;
  --sc-radius-6: 6px;
  --sc-radius-10: 10px;
  --sc-radius-100: 100px;
  --sc-spacing-5: 5px;
  --sc-spacing-10: 10px;
  --sc-spacing-15: 15px;
  --sc-spacing-20: 20px;
  --sc-spacing-25: 25px;
  --sc-spacing-30: 30px;
  --sc-spacing-50: 50px;
  --sc-padding-4: 4px;
  --sc-padding-8: 8px;
  --sc-padding-12: 12px;
  --sc-padding-16: 16px;
  --sc-padding-20: 20px;
  --sc-padding-24: 24px;
  --sc-padding-28: 28px;
  --sc-padding-32: 32px;
  --sc-typography-font-family-sans: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --sc-typography-font-weight-regular: 400;
  --sc-typography-font-weight-medium: 500;
  --sc-typography-font-weight-bold: 700;
  --sc-typography-font-size-8: 8px;
  --sc-typography-font-size-10: 10px;
  --sc-typography-font-size-12: 12px;
  --sc-typography-font-size-13: 13px;
  --sc-typography-font-size-14: 14px;
  --sc-typography-font-size-16: 16px;
  --sc-typography-font-size-18: 18px;
  --sc-typography-font-size-20: 20px;
  --sc-typography-font-size-22: 22px;
  --sc-typography-font-size-24: 24px;
  --sc-typography-line-height-tight: 1;
  --sc-typography-line-height-snug: 1.2;
  --sc-typography-line-height-normal: 1.4;
  --sc-typography-letter-spacing-percent-5: 0.05em;
  --sc-shadow-1: 0 2px 4px rgba(0, 0, 0, 0.07);
  --sc-shadow-1-focus: 0 2px 4px rgba(0, 0, 0, 0.15);
  --sc-shadow-2: 0 5px 15px rgba(0, 0, 0, 0.15);
  --sc-transition-fast: 0.05s;
  --sc-transition-normal: 0.15s;
  --sc-transition-slow: 0.25s;
  --sc-transition-slower: 0.40s;
  --sc-transition-slowest: 0.50s;
  --sc-z-base: 0;
  --sc-z-dropdown: 100;
  --sc-z-sticky: 200;
  --sc-z-overlay: 500;
  --sc-z-modal: 1000;
  --sc-z-tooltip: 1100;
  --sc-z-toast: 1200;
  --sc-text-primary: var(--sc-color-neutral-80);
  --sc-text-secondary: var(--sc-color-neutral-60);
  --sc-text-tertiary: var(--sc-color-neutral-40);
  --sc-text-heading: var(--sc-color-neutral-90);
  --sc-text-title: var(--sc-color-neutral-100);
  --sc-text-placeholder: var(--sc-color-neutral-20);
  --sc-text-link: var(--sc-brand-secondary);
  --sc-text-link--hover: var(--sc-brand-secondary--hover);
  --sc-text-success: var(--sc-color-utility-green-50);
  --sc-text-error: var(--sc-color-utility-red-50);
  --sc-text-warning: var(--sc-color-utility-yellow-50);
  --sc-text-icon: var(--sc-color-neutral-20);
  --sc-text-icon--hover: var(--sc-color-neutral-50);
  --sc-text-white: var(--sc-color-neutral-white);
  --sc-surface-border: var(--sc-color-neutral-10);
  --sc-surface-divider: var(--sc-color-neutral-5);
  --sc-surface-background: var(--sc-color-neutral-3);
  --sc-surface-background-white: var(--sc-color-neutral-white);
  --sc-surface-background-light: var(--sc-color-neutral-0);
  --sc-brand-primary: var(--sc-color-brand-orange-50);
  --sc-brand-primary--hover: var(--sc-color-brand-orange-70);
  --sc-brand-secondary: var(--sc-color-brand-blue-50);
  --sc-brand-secondary--hover: var(--sc-color-brand-blue-70);
  --sc-radius-button: var(--sc-radius-4);
  --sc-radius-field: var(--sc-radius-4);
  --sc-radius-badge: var(--sc-radius-3);
  --sc-radius-table: var(--sc-radius-4);
  --sc-radius-field-wp: var(--sc-radius-3);
  --sc-radius-modals: var(--sc-radius-6);
  --sc-radius-full: var(--sc-radius-100);
  --sc-components-button-primary-background: var(--sc-brand-primary);
  --sc-components-button-primary-background--hover: var(--sc-brand-primary--hover);
  --sc-components-button-primary-text: var(--sc-text-white);
  --sc-components-button-primary-background--inverse: var(--sc-surface-background-white);
  --sc-components-button-primary-background--inverse--hover: var(--sc-components-button-tertiary-background--hover);
  --sc-components-button-primary-text--inverse: var(--sc-brand-primary);
  --sc-components-button-secondary-background: var(--sc-brand-secondary);
  --sc-components-button-secondary-background--hover: var(--sc-brand-secondary--hover);
  --sc-components-button-secondary-text: var(--sc-text-white);
  --sc-components-button-tertiary-background: var(--sc-color-neutral-0);
  --sc-components-button-tertiary-background--hover: var(--sc-color-neutral-3);
  --sc-components-button-tertiary-border: var(--sc-color-neutral-30);
  --sc-components-button-tertiary-border--hover: var(--sc-color-neutral-60);
  --sc-components-button-tertiary-text: var(--sc-color-neutral-60);
  --sc-components-button-tertiary-text--hover: var(--sc-color-neutral-80);
  --sc-components-button-wp-primary-background: var(--sc-brand-secondary);
  --sc-components-button-wp-primary-background--hover: var(--sc-brand-secondary--hover);
  --sc-components-button-wp-primary-text: var(--sc-text-white);
  --sc-components-button-wp-secondary-background: var(--sc-color-neutral-0);
  --sc-components-button-wp-secondary-background--hover: var(--sc-color-neutral-3);
  --sc-components-button-wp-secondary-border: var(--sc-brand-secondary);
  --sc-components-button-wp-secondary-border--hover: var(--sc-brand-secondary--hover);
  --sc-components-button-wp-secondary-text: var(--sc-brand-secondary);
  --sc-components-button-wp-secondary-text--hover: var(--sc-brand-secondary--hover);
  --sc-components-field-background: var(--sc-surface-background-white);
  --sc-components-field-background--disabled: var(--sc-surface-background);
  --sc-components-field-border: var(--sc-color-neutral-10);
  --sc-components-field-border--focus: var(--sc-brand-secondary);
  --sc-components-field-border-error: var(--sc-color-utility-red-50);
  --sc-components-field-border-success: var(--sc-color-utility-green-50);
  --sc-components-field-choice-off: var(--sc-color-neutral-30);
  --sc-components-field-choice-on: var(--sc-brand-secondary);
  --sc-components-field-choice-off--hover: var(--sc-color-neutral-50);
  --sc-components-field-choice-on--hover: var(--sc-brand-secondary--hover);
  --sc-components-badge-orange-background: var(--sc-color-brand-orange-0);
  --sc-components-badge-orange-text: var(--sc-color-brand-orange-50);
  --sc-components-badge-blue-background: var(--sc-color-utility-blue-bright-0);
  --sc-components-badge-blue-text: var(--sc-color-utility-blue-bright-50);
  --sc-components-badge-green-background: var(--sc-color-utility-green-0);
  --sc-components-badge-green-text: var(--sc-color-utility-green-50);
  --sc-components-badge-red-background: var(--sc-color-utility-red-0);
  --sc-components-badge-red-text: var(--sc-color-utility-red-50);
  --sc-components-badge-yellow-background: var(--sc-color-utility-yellow-0);
  --sc-components-badge-yellow-text: var(--sc-color-utility-yellow-70);
  --sc-components-badge-titanium-background: var(--sc-color-neutral-5);
  --sc-components-badge-titanium-text: var(--sc-color-neutral-30);
  --sc-components-badge-platinum-background: var(--sc-color-neutral-3);
  --sc-components-badge-platinum-text: var(--sc-components-badge-titanium-text);
  --sc-components-badge-steel-background: var(--sc-color-utility-steel-0);
  --sc-components-badge-steel-text: var(--sc-color-utility-steel-30);
  --sc-color-primary: var(--sc-text-primary);
  --sc-color-secondary: var(--sc-text-secondary);
  --sc-color-tertiary: var(--sc-text-tertiary);
  --sc-color-heading: var(--sc-text-heading);
  --sc-color-title: var(--sc-text-title);
  --sc-color-placeholder: var(--sc-text-placeholder);
  --sc-color-link: var(--sc-text-link);
  --sc-color-success: var(--sc-text-success);
  --sc-color-error: var(--sc-text-error);
  --sc-color-warning: var(--sc-text-warning);
  --sc-color-icon: var(--sc-text-icon);
  --sc-color-white: var(--sc-text-white);
  --sc-color-surface-border: var(--sc-surface-border);
  --sc-color-surface-divider: var(--sc-surface-divider);
  --sc-color-surface-background: var(--sc-surface-background);
  --sc-color-surface-background-white: var(--sc-surface-background-white);
  --sc-color-surface-background-light: var(--sc-surface-background-light);
  --sc-color-brand-primary: var(--sc-brand-primary);
  --sc-color-brand-secondary: var(--sc-brand-secondary);
}
@layer sc-components {
  .sugar-calendar-scope .sc-prompt-header {
    font-family: var(--sc-typography-font-family-sans) !important;
    font-weight: var(--sc-typography-font-weight-medium) !important;
    font-size: var(--sc-typography-font-size-24) !important;
    line-height: var(--sc-typography-line-height-tight) !important;
    letter-spacing: 0 !important;
  }
  .sugar-calendar-scope .sc-prompt-description {
    font-family: var(--sc-typography-font-family-sans) !important;
    font-weight: var(--sc-typography-font-weight-regular) !important;
    font-size: var(--sc-typography-font-size-18) !important;
    line-height: var(--sc-typography-line-height-normal) !important;
    letter-spacing: 0 !important;
  }
  .sugar-calendar-scope .sc-title-bar {
    font-family: var(--sc-typography-font-family-sans) !important;
    font-weight: var(--sc-typography-font-weight-medium) !important;
    font-size: var(--sc-typography-font-size-22) !important;
    line-height: normal !important;
    letter-spacing: 0 !important;
  }
  .sugar-calendar-scope .sc-page-title {
    font-family: var(--sc-typography-font-family-sans) !important;
    font-weight: var(--sc-typography-font-weight-medium) !important;
    font-size: var(--sc-typography-font-size-18) !important;
    line-height: normal !important;
    letter-spacing: 0 !important;
  }
  .sugar-calendar-scope .sc-page-description {
    font-family: var(--sc-typography-font-family-sans) !important;
    font-weight: var(--sc-typography-font-weight-regular) !important;
    font-size: var(--sc-typography-font-size-14) !important;
    line-height: var(--sc-typography-line-height-normal) !important;
    letter-spacing: 0 !important;
  }
  .sugar-calendar-scope .sc-field-label {
    font-family: var(--sc-typography-font-family-sans) !important;
    font-weight: var(--sc-typography-font-weight-medium) !important;
    font-size: var(--sc-typography-font-size-14) !important;
    line-height: var(--sc-typography-line-height-normal) !important;
    letter-spacing: 0 !important;
  }
  .sugar-calendar-scope .sc-field-description-bold {
    font-family: var(--sc-typography-font-family-sans) !important;
    font-weight: var(--sc-typography-font-weight-medium) !important;
    font-size: var(--sc-typography-font-size-14) !important;
    line-height: var(--sc-typography-line-height-normal) !important;
    letter-spacing: 0 !important;
  }
  .sugar-calendar-scope .sc-field-description {
    font-family: var(--sc-typography-font-family-sans) !important;
    font-weight: var(--sc-typography-font-weight-regular) !important;
    font-size: var(--sc-typography-font-size-14) !important;
    line-height: var(--sc-typography-line-height-normal) !important;
    letter-spacing: 0 !important;
  }
  .sugar-calendar-scope .sc-field-description-small {
    font-family: var(--sc-typography-font-family-sans) !important;
    font-weight: var(--sc-typography-font-weight-regular) !important;
    font-size: var(--sc-typography-font-size-12) !important;
    line-height: var(--sc-typography-line-height-normal) !important;
    letter-spacing: 0 !important;
  }
  .sugar-calendar-scope .sc-field-text {
    font-family: var(--sc-typography-font-family-sans) !important;
    font-weight: var(--sc-typography-font-weight-regular) !important;
    font-size: var(--sc-typography-font-size-14) !important;
    line-height: normal !important;
    letter-spacing: 0 !important;
  }
  .sugar-calendar-scope .sc-nav {
    font-family: var(--sc-typography-font-family-sans) !important;
    font-weight: var(--sc-typography-font-weight-regular) !important;
    font-size: var(--sc-typography-font-size-14) !important;
    line-height: var(--sc-typography-line-height-tight) !important;
    letter-spacing: 0 !important;
  }
  .sugar-calendar-scope .sc-toggle-label {
    font-family: var(--sc-typography-font-family-sans) !important;
    font-weight: var(--sc-typography-font-weight-medium) !important;
    font-size: var(--sc-typography-font-size-12) !important;
    line-height: var(--sc-typography-line-height-normal) !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
  }
  .sugar-calendar-scope .sc-buttons-large {
    font-family: var(--sc-typography-font-family-sans) !important;
    font-weight: var(--sc-typography-font-weight-medium) !important;
    font-size: var(--sc-typography-font-size-16) !important;
    line-height: normal !important;
    letter-spacing: 0 !important;
  }
  .sugar-calendar-scope .sc-buttons-default {
    font-family: var(--sc-typography-font-family-sans) !important;
    font-weight: var(--sc-typography-font-weight-medium) !important;
    font-size: var(--sc-typography-font-size-14) !important;
    line-height: normal !important;
    letter-spacing: 0 !important;
  }
  .sugar-calendar-scope .sc-buttons-small {
    font-family: var(--sc-typography-font-family-sans) !important;
    font-weight: var(--sc-typography-font-weight-medium) !important;
    font-size: var(--sc-typography-font-size-12) !important;
    line-height: normal !important;
    letter-spacing: 0 !important;
  }
  .sugar-calendar-scope .sc-buttons-wp {
    font-family: var(--sc-typography-font-family-sans) !important;
    font-weight: var(--sc-typography-font-weight-regular) !important;
    font-size: var(--sc-typography-font-size-13) !important;
    line-height: normal !important;
    letter-spacing: 0 !important;
  }
  .sugar-calendar-scope .sc-badge-lg {
    font-family: var(--sc-typography-font-family-sans) !important;
    font-weight: var(--sc-typography-font-weight-bold) !important;
    font-size: var(--sc-typography-font-size-10) !important;
    line-height: var(--sc-typography-line-height-tight) !important;
    letter-spacing: var(--sc-typography-letter-spacing-percent-5) !important;
    text-transform: uppercase !important;
  }
  .sugar-calendar-scope .sc-badge-sm {
    font-family: var(--sc-typography-font-family-sans) !important;
    font-weight: var(--sc-typography-font-weight-bold) !important;
    font-size: var(--sc-typography-font-size-8) !important;
    line-height: var(--sc-typography-line-height-tight) !important;
    letter-spacing: var(--sc-typography-letter-spacing-percent-5) !important;
    text-transform: uppercase !important;
  }
  .sugar-calendar-scope .sc-input {
    display: block !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: var(--sc-input-max-width, 400px) !important;
    height: var(--sc-input-height, 36px) !important;
    margin: 0 !important;
    padding: 0 var(--sc-padding-8) !important;
    background: var(--sc-components-field-background) !important;
    border: 1px solid var(--sc-components-field-border) !important;
    border-radius: var(--sc-radius-field) !important;
    color: var(--sc-text-primary) !important;
    transition: border-color var(--sc-transition-normal), box-shadow var(--sc-transition-normal) !important;
  }
  .sugar-calendar-scope .sc-input::placeholder {
    color: var(--sc-text-placeholder) !important;
    opacity: 1 !important;
  }
  .sugar-calendar-scope .sc-input:focus {
    outline: none !important;
    border-color: var(--sc-components-field-border--focus) !important;
    box-shadow: inset 0 0 0 1px var(--sc-components-field-border--focus) !important;
  }
  .sugar-calendar-scope .sc-input[aria-invalid=true] {
    border-color: var(--sc-components-field-border-error) !important;
  }
  .sugar-calendar-scope .sc-input[aria-invalid=true]:focus {
    border-color: var(--sc-components-field-border-error) !important;
    box-shadow: inset 0 0 0 1px var(--sc-components-field-border-error) !important;
  }
  .sugar-calendar-scope .sc-input:disabled {
    background: var(--sc-components-field-background--disabled) !important;
    opacity: 0.5 !important;
    cursor: default !important;
  }
  .sugar-calendar-scope .sc-input:disabled::placeholder {
    color: var(--sc-text-tertiary) !important;
  }
  .sugar-calendar-scope .sc-input-field {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: var(--sc-spacing-10) !important;
    max-width: 400px !important;
  }
  .sugar-calendar-scope .sc-input-field > label {
    color: var(--sc-text-primary) !important;
  }
  .sugar-calendar-scope .sc-input-description {
    color: var(--sc-text-tertiary) !important;
  }
  .sugar-calendar-scope .sc-input-description--error {
    color: var(--sc-text-error) !important;
  }
  .sugar-calendar-scope .sc-input {
    min-height: var(--sc-input-height, 36px) !important;
  }
  .sugar-calendar-scope .sc-checkbox {
    appearance: none !important;
    -webkit-appearance: none !important;
    display: inline-block !important;
    flex: 0 0 auto !important;
    width: 16px !important;
    height: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: var(--sc-components-field-background) !important;
    border: 1px solid var(--sc-components-field-choice-off) !important;
    border-radius: var(--sc-radius-3) !important;
    cursor: pointer !important;
    vertical-align: middle !important;
    position: relative !important;
    transition: background var(--sc-transition-normal), border-color var(--sc-transition-normal), box-shadow var(--sc-transition-normal) !important;
  }
  .sugar-calendar-scope .sc-checkbox:focus {
    outline: none !important;
  }
  .sugar-calendar-scope .sc-checkbox[data-size=lg] {
    width: 20px !important;
    height: 20px !important;
  }
  .sugar-calendar-scope .sc-checkbox:not(:checked):not(:disabled):hover {
    border-color: var(--sc-components-field-choice-off--hover) !important;
  }
  .sugar-calendar-scope .sc-checkbox:not(:checked):focus-visible {
    border-color: var(--sc-components-field-border--focus) !important;
    border-width: 2px !important;
  }
  .sugar-calendar-scope .sc-checkbox:checked {
    background: var(--sc-components-field-choice-on) !important;
    border-color: var(--sc-components-field-choice-on) !important;
  }
  .sugar-calendar-scope .sc-checkbox:checked::before {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: inherit !important;
    height: inherit !important;
    transform: translate(-50%, -50%) !important;
    background-color: var(--sc-text-white) !important;
    -webkit-mask: var(--svg) 50% calc(50% + 0.5px)/62% no-repeat !important;
    mask: var(--svg) 50% calc(50% + 0.5px)/62% no-repeat !important;
  }
  .sugar-calendar-scope .sc-checkbox:checked:not(:disabled):hover {
    background: var(--sc-components-field-choice-on--hover) !important;
    border-color: var(--sc-components-field-choice-on--hover) !important;
  }
  .sugar-calendar-scope .sc-checkbox:checked:focus-visible {
    box-shadow: 0 0 0 2px var(--sc-components-field-border--focus) !important;
  }
  .sugar-calendar-scope .sc-checkbox:disabled {
    opacity: 0.5 !important;
    cursor: default !important;
    pointer-events: none !important;
  }
  .sugar-calendar-scope .sc-checkbox-row {
    display: inline-flex !important;
    align-items: center !important;
    gap: var(--sc-spacing-10) !important;
    color: var(--sc-text-secondary) !important;
    cursor: pointer !important;
  }
  .sugar-calendar-scope .sc-checkbox-row:has(> .sc-checkbox:disabled) {
    color: var(--sc-text-tertiary) !important;
    cursor: default !important;
  }
  .sugar-calendar-scope .sc-checkbox {
    box-shadow: none !important;
  }
  .sugar-calendar-scope .sc-checkbox:checked::before {
    margin: 0 !important;
  }
  .sugar-calendar-scope .sc-button {
    --sc-button-icon-size: 12px;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: var(--sc-spacing-5) !important;
    height: 36px !important;
    padding: 0 var(--sc-padding-16) !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    border-radius: var(--sc-radius-button) !important;
    color: inherit !important;
    font-family: var(--sc-typography-font-family-sans) !important;
    font-weight: var(--sc-typography-font-weight-medium) !important;
    font-size: var(--sc-typography-font-size-14) !important;
    line-height: 1 !important;
    text-align: center !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    user-select: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    transition: background var(--sc-transition-normal), border-color var(--sc-transition-normal), color var(--sc-transition-normal), box-shadow var(--sc-transition-normal) !important;
  }
  .sugar-calendar-scope .sc-button:focus {
    outline: none !important;
  }
  .sugar-calendar-scope .sc-button:disabled,
  .sugar-calendar-scope .sc-button[aria-disabled=true] {
    opacity: 0.5 !important;
    cursor: default !important;
    pointer-events: none !important;
  }
  .sugar-calendar-scope .sc-button__icon {
    font-size: var(--sc-button-icon-size) !important;
  }
  .sugar-calendar-scope .sc-button[data-size=xl] {
    --sc-button-icon-size: 16px;
    height: 52px !important;
    padding: 0 var(--sc-padding-28) !important;
    gap: var(--sc-spacing-10) !important;
    font-size: var(--sc-typography-font-size-16) !important;
  }
  .sugar-calendar-scope .sc-button[data-size=lg] {
    --sc-button-icon-size: 14px;
    height: 42px !important;
    padding: 0 var(--sc-padding-16) !important;
    font-size: var(--sc-typography-font-size-16) !important;
  }
  .sugar-calendar-scope .sc-button[data-size=sm] {
    --sc-button-icon-size: 12px;
    height: 30px !important;
    padding: 0 var(--sc-padding-12) !important;
    font-size: var(--sc-typography-font-size-12) !important;
  }
  .sugar-calendar-scope .sc-button--primary {
    background: var(--sc-button-primary-background, var(--sc-components-button-primary-background)) !important;
    color: var(--sc-components-button-primary-text) !important;
  }
  .sugar-calendar-scope .sc-button--primary:hover {
    background: var(--sc-button-primary-background--hover, var(--sc-components-button-primary-background--hover)) !important;
  }
  .sugar-calendar-scope .sc-button--primary:focus-visible {
    background: var(--sc-button-primary-background--hover, var(--sc-components-button-primary-background--hover)) !important;
    border-color: var(--sc-color-neutral-white) !important;
    box-shadow: 0 0 0 2px var(--sc-button-primary-background--hover, var(--sc-components-button-primary-background--hover)) !important;
  }
  .sugar-calendar-scope .sc-button--secondary {
    background: var(--sc-components-button-secondary-background) !important;
    color: var(--sc-components-button-secondary-text) !important;
  }
  .sugar-calendar-scope .sc-button--secondary:hover {
    background: var(--sc-components-button-secondary-background--hover) !important;
  }
  .sugar-calendar-scope .sc-button--secondary:focus-visible {
    background: var(--sc-components-button-secondary-background--hover) !important;
    border-color: var(--sc-color-neutral-white) !important;
    box-shadow: 0 0 0 2px var(--sc-components-button-secondary-background--hover) !important;
  }
  .sugar-calendar-scope .sc-button--tertiary {
    background: var(--sc-components-button-tertiary-background) !important;
    border-color: var(--sc-components-button-tertiary-border) !important;
    color: var(--sc-components-button-tertiary-text) !important;
  }
  .sugar-calendar-scope .sc-button--tertiary:hover {
    border-color: var(--sc-components-button-tertiary-border--hover) !important;
    color: var(--sc-components-button-tertiary-text--hover) !important;
  }
  .sugar-calendar-scope .sc-button--tertiary:focus-visible {
    background: var(--sc-components-button-tertiary-background--hover) !important;
    border-color: var(--sc-components-button-tertiary-border--hover) !important;
    color: var(--sc-components-button-tertiary-text--hover) !important;
    box-shadow: 0 0 0 2px var(--sc-components-button-tertiary-border--hover) !important;
  }
  .sugar-calendar-scope .sc-button--text {
    color: var(--sc-button-text-color, var(--sc-text-link)) !important;
    height: auto !important;
    padding: 0 var(--sc-padding-4) !important;
  }
  .sugar-calendar-scope .sc-button--text[data-size] {
    height: auto !important;
    padding: 0 var(--sc-padding-4) !important;
  }
  .sugar-calendar-scope .sc-button--text:hover {
    color: var(--sc-button-text-color, var(--sc-text-link--hover)) !important;
    text-decoration: underline !important;
  }
  .sugar-calendar-scope .sc-button--text:focus-visible {
    color: var(--sc-button-text-color, var(--sc-text-link--hover)) !important;
    text-decoration: underline !important;
  }
  .sugar-calendar-scope .sc-select {
    --sc-select-chevron-color: var(--sc-text-icon);
    --sc-select-chevron-rotation: 0deg;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: var(--sc-spacing-10) !important;
    box-sizing: border-box !important;
    width: 100% !important;
    height: 36px !important;
    margin: 0 !important;
    padding: 0 var(--sc-padding-8) !important;
    background: var(--sc-components-field-background) !important;
    border: 1px solid var(--sc-components-field-border) !important;
    border-radius: var(--sc-radius-field) !important;
    color: var(--sc-text-primary) !important;
    text-align: left !important;
    cursor: pointer !important;
    transition: border-color var(--sc-transition-normal), box-shadow var(--sc-transition-normal) !important;
  }
  .sugar-calendar-scope .sc-select__chevron {
    margin-left: auto !important;
    align-self: var(--sc-select-chevron-align, auto) !important;
    margin-top: var(--sc-select-chevron-top, 0) !important;
    font-size: 14px !important;
    color: var(--sc-select-chevron-color) !important;
    transform: rotate(var(--sc-select-chevron-rotation)) !important;
    transition: transform var(--sc-transition-normal), color var(--sc-transition-normal) !important;
  }
  .sugar-calendar-scope .sc-select:focus-within,
  .sugar-calendar-scope .sc-select[aria-expanded=true] {
    --sc-select-chevron-color: var(--sc-text-icon--hover);
  }
  .sugar-calendar-scope .sc-select[aria-expanded=true] {
    --sc-select-chevron-rotation: 180deg;
  }
  .sugar-calendar-scope .sc-select[data-state=placeholder] {
    color: var(--sc-text-placeholder) !important;
  }
  .sugar-calendar-scope .sc-select:focus-within,
  .sugar-calendar-scope .sc-select[aria-expanded=true] {
    outline: none !important;
    border-color: var(--sc-components-field-border--focus) !important;
    box-shadow: inset 0 0 0 1px var(--sc-components-field-border--focus) !important;
  }
  .sugar-calendar-scope .sc-select[aria-invalid=true] {
    border-color: var(--sc-components-field-border-error) !important;
  }
  .sugar-calendar-scope .sc-select[aria-invalid=true]:focus-within,
  .sugar-calendar-scope .sc-select[aria-invalid=true][aria-expanded=true] {
    border-color: var(--sc-components-field-border-error) !important;
    box-shadow: inset 0 0 0 1px var(--sc-components-field-border-error) !important;
  }
  .sugar-calendar-scope .sc-select:disabled,
  .sugar-calendar-scope .sc-select[aria-disabled=true] {
    background: var(--sc-components-field-background--disabled) !important;
    opacity: 0.5 !important;
    cursor: default !important;
  }
  .sugar-calendar-scope .sc-select[data-type=search] {
    cursor: text !important;
  }
  .sugar-calendar-scope .sc-select-input {
    flex: 1 !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    outline: none !important;
    color: inherit !important;
    font: inherit !important;
    line-height: inherit !important;
  }
  .sugar-calendar-scope .sc-select-input::placeholder {
    color: var(--sc-text-placeholder) !important;
  }
  .sugar-calendar-scope .sc-dropdown-menu {
    display: flex !important;
    flex-direction: column !important;
    min-width: 200px !important;
    max-height: 320px !important;
    background: var(--sc-surface-background-white) !important;
    border-radius: var(--sc-radius-6) !important;
    box-shadow: var(--sc-shadow-2) !important;
    overflow: hidden !important;
  }
  .sugar-calendar-scope .sc-dropdown-menu[hidden],
  .sugar-calendar-scope .sc-dropdown-item[hidden] {
    display: none !important;
  }
  .sugar-calendar-scope .sc-dropdown-list {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }
  .sugar-calendar-scope .sc-dropdown-item {
    display: flex !important;
    align-items: center !important;
    gap: var(--sc-spacing-10) !important;
    width: 100% !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 0 var(--sc-padding-12) !important;
    background: transparent !important;
    border: 0 !important;
    color: var(--sc-text-secondary) !important;
    text-align: left !important;
    cursor: pointer !important;
    transition: background var(--sc-transition-normal), color var(--sc-transition-normal) !important;
  }
  .sugar-calendar-scope .sc-dropdown-item:hover,
  .sugar-calendar-scope .sc-dropdown-item:focus-visible,
  .sugar-calendar-scope .sc-dropdown-item[aria-selected=true] {
    background: var(--sc-surface-background-light) !important;
    color: var(--sc-text-primary) !important;
    outline: none !important;
  }
  .sugar-calendar-scope .sc-dropdown-item:disabled {
    opacity: 0.5 !important;
    cursor: default !important;
  }
  .sugar-calendar-scope .sc-dropdown-item--action {
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    padding: 0 var(--sc-padding-12) !important;
    min-height: 40px !important;
    border-top: 1px solid var(--sc-surface-divider) !important;
    background: var(--sc-surface-background-white) !important;
    flex-shrink: 0 !important;
  }
  .sugar-calendar-scope .sc-dropdown-item--action:hover,
  .sugar-calendar-scope .sc-dropdown-item--action:focus-within {
    background: var(--sc-surface-background-light) !important;
  }
  .sugar-calendar-scope .sc-dropdown-item {
    --sc-dropdown-item-icon-size: 14px;
  }
  .sugar-calendar-scope .sc-dropdown-item__icon {
    font-size: var(--sc-dropdown-item-icon-size) !important;
  }
  .sugar-calendar-scope .sc-option-row {
    display: flex !important;
    align-items: center !important;
    gap: var(--sc-spacing-10) !important;
  }
  .sugar-calendar-scope .sc-option-row__handle {
    flex: none !important;
    font-size: 16px !important;
    color: var(--sc-text-icon) !important;
    cursor: grab !important;
    touch-action: none !important;
    transition: color var(--sc-transition-normal) !important;
  }
  .sugar-calendar-scope .sc-option-row[data-state=filled] .sc-option-row__handle:hover {
    color: var(--sc-text-icon--hover) !important;
  }
  .sugar-calendar-scope .sc-option-row__input {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }
  .sugar-calendar-scope .sc-option-row__actions {
    flex: none !important;
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
  }
  .sugar-calendar-scope .sc-option-row__action {
    flex: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: var(--sc-radius-4) !important;
    background: transparent !important;
    color: var(--sc-text-icon) !important;
    font-size: 16px !important;
    cursor: pointer !important;
    transition: color var(--sc-transition-normal), background-color var(--sc-transition-normal) !important;
  }
  .sugar-calendar-scope .sc-option-row__action:hover {
    color: var(--sc-text-icon--hover) !important;
  }
  .sugar-calendar-scope .sc-option-row__add:hover {
    background: var(--sc-surface-background) !important;
  }
  .sugar-calendar-scope .sc-option-row__remove:hover {
    background: var(--sc-surface-background) !important;
  }
  .sugar-calendar-scope .sc-option-row__action:focus-visible {
    outline: 2px solid var(--sc-components-field-border--focus) !important;
    outline-offset: -2px !important;
  }
  .sugar-calendar-scope .sc-option-row[data-state=placeholder] .sc-option-row__handle,
  .sugar-calendar-scope .sc-option-row[data-state=placeholder] .sc-option-row__action {
    opacity: 0.4 !important;
  }
  .sugar-calendar-scope .sc-option-row[data-state=placeholder] .sc-option-row__handle {
    cursor: default !important;
  }
  .sugar-calendar-scope .sc-option-row[data-dragging] {
    opacity: 0.9 !important;
    box-shadow: var(--sc-shadow-1) !important;
    cursor: grabbing !important;
  }
  .sugar-calendar-scope .sc-option-row[data-dragging] .sc-option-row__handle {
    cursor: grabbing !important;
  }
  .sugar-calendar-scope .sc-option-row__handle:focus-visible {
    outline: 2px solid var(--sc-components-field-border--focus) !important;
    outline-offset: 2px !important;
  }
  .sugar-calendar-scope .sc-tag {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 24px !important;
    gap: var(--sc-spacing-5) !important;
    padding: 0 var(--sc-padding-8) !important;
    background: var(--sc-components-button-secondary-background) !important;
    border-radius: var(--sc-radius-badge) !important;
    color: var(--sc-components-button-secondary-text) !important;
    white-space: nowrap !important;
  }
  .sugar-calendar-scope .sc-tag:hover:not([data-state=overflow]) {
    background: var(--sc-components-button-secondary-background--hover) !important;
  }
  .sugar-calendar-scope .sc-tag-close {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 12px !important;
    height: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    color: inherit !important;
    cursor: pointer !important;
  }
  .sugar-calendar-scope .sc-tag-close__icon {
    font-size: var(--sc-typography-font-size-12) !important;
    opacity: 0.5 !important;
  }
  .sugar-calendar-scope .sc-tag-close:focus-visible {
    outline: 1px solid currentColor !important;
    outline-offset: 1px !important;
  }
  .sugar-calendar-scope .sc-tag[data-state=overflow] {
    background: var(--sc-components-button-tertiary-background) !important;
    color: var(--sc-components-button-tertiary-text) !important;
  }
  .sugar-calendar-scope .sc-multiselect-tags {
    display: flex !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    align-items: center !important;
    gap: var(--sc-padding-8) !important;
    overflow: hidden !important;
  }
  .sugar-calendar-scope .sc-multiselect-tags[data-wrap=true] {
    flex-wrap: wrap !important;
    overflow: visible !important;
  }
  .sugar-calendar-scope .sc-multiselect-input {
    flex: 1 1 auto !important;
    width: 100% !important;
    display: var(--sc-multiselect-input-display, inline-block) !important;
  }
  .sugar-calendar-scope .sc-select[data-type=multi] {
    --sc-multiselect-input-display: none;
  }
  .sugar-calendar-scope .sc-select[data-type=multi][aria-expanded=true] {
    --sc-multiselect-input-display: inline-block;
  }
  .sugar-calendar-scope .sc-select[data-type=multi] {
    height: auto !important;
    min-height: 36px !important;
    padding-block: 5px !important;
    cursor: text !important;
  }
  .sugar-calendar-scope .sc-select[data-type=multi][aria-expanded=true] {
    --sc-select-chevron-align: flex-start;
    --sc-select-chevron-top: 5px;
    border-bottom-color: transparent !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    box-shadow: inset 1px 0 0 var(--sc-components-field-border--focus), inset -1px 0 0 var(--sc-components-field-border--focus), inset 0 1px 0 var(--sc-components-field-border--focus) !important;
  }
  .sugar-calendar-scope .sc-dropdown-menu.sc-multiselect-menu {
    margin-top: -1px !important;
    border: 2px solid var(--sc-components-field-border--focus) !important;
    border-top: 0 !important;
    border-radius: 0 0 var(--sc-radius-field) var(--sc-radius-field) !important;
    box-shadow: none !important;
  }
  .sugar-calendar-scope .sc-dropdown-menu.sc-multiselect-menu::before {
    content: "" !important;
    flex-shrink: 0 !important;
    height: 1px !important;
    background: var(--sc-components-field-border) !important;
  }
  .sugar-calendar-scope .sc-multiselect-hint {
    margin: 0 !important;
    padding: var(--sc-padding-12) var(--sc-padding-8) !important;
    color: var(--sc-text-primary) !important;
  }
  .sugar-calendar-scope .sc-radio {
    appearance: none !important;
    -webkit-appearance: none !important;
    display: inline-block !important;
    flex: 0 0 auto !important;
    width: 16px !important;
    height: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: var(--sc-components-field-background) !important;
    border: 1px solid var(--sc-components-field-choice-off) !important;
    border-radius: 50% !important;
    cursor: pointer !important;
    vertical-align: middle !important;
    position: relative !important;
    transition: border-color var(--sc-transition-normal), border-width var(--sc-transition-normal), box-shadow var(--sc-transition-normal) !important;
  }
  .sugar-calendar-scope .sc-radio:focus {
    outline: none !important;
  }
  .sugar-calendar-scope .sc-radio:not(:checked):not(:disabled):hover {
    border-color: var(--sc-components-field-choice-off--hover) !important;
  }
  .sugar-calendar-scope .sc-radio:not(:checked):focus-visible {
    border-color: var(--sc-components-field-border--focus) !important;
    border-width: 2px !important;
  }
  .sugar-calendar-scope .sc-radio:checked {
    border-color: var(--sc-components-field-choice-on) !important;
  }
  .sugar-calendar-scope .sc-radio:checked::before {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 10px !important;
    height: 10px !important;
    background: var(--sc-components-field-choice-on) !important;
    border-radius: 50% !important;
    transform: translate(-50%, -50%) !important;
  }
  .sugar-calendar-scope .sc-radio:checked:not(:disabled):hover {
    border-color: var(--sc-components-field-choice-on--hover) !important;
  }
  .sugar-calendar-scope .sc-radio:checked:not(:disabled):hover::before {
    background: var(--sc-components-field-choice-on--hover) !important;
  }
  .sugar-calendar-scope .sc-radio:checked:focus-visible {
    border-width: 2px !important;
  }
  .sugar-calendar-scope .sc-radio:disabled {
    opacity: 0.5 !important;
    cursor: default !important;
    pointer-events: none !important;
  }
  .sugar-calendar-scope .sc-radio-row {
    display: inline-flex !important;
    align-items: center !important;
    gap: var(--sc-spacing-10) !important;
    color: var(--sc-text-secondary) !important;
    cursor: pointer !important;
  }
  .sugar-calendar-scope .sc-radio-row:has(> .sc-radio:disabled) {
    color: var(--sc-text-tertiary) !important;
    cursor: default !important;
  }
  .sugar-calendar-scope .sc-radio {
    box-shadow: none !important;
  }
  .sugar-calendar-scope .sc-radio:checked::before {
    margin: 0 !important;
  }
  .sugar-calendar-scope .sc-toggle {
    appearance: none !important;
    -webkit-appearance: none !important;
    position: relative !important;
    display: inline-block !important;
    flex-shrink: 0 !important;
    width: 28px !important;
    height: 17px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: var(--sc-radius-full) !important;
    background: var(--sc-components-field-choice-off) !important;
    cursor: pointer !important;
    vertical-align: middle !important;
    transition: background var(--sc-transition-normal), box-shadow var(--sc-transition-normal) !important;
  }
  .sugar-calendar-scope .sc-toggle::before {
    content: "" !important;
    position: absolute !important;
    top: 2px !important;
    left: 2px !important;
    width: 13px !important;
    height: 13px !important;
    border-radius: 50% !important;
    background: var(--sc-color-neutral-white) !important;
    transition: transform var(--sc-transition-normal) !important;
  }
  .sugar-calendar-scope .sc-toggle:checked {
    background: var(--sc-components-field-choice-on) !important;
  }
  .sugar-calendar-scope .sc-toggle:checked::before {
    transform: translateX(11px) !important;
  }
  .sugar-calendar-scope .sc-toggle:hover {
    background: var(--sc-components-field-choice-off--hover) !important;
  }
  .sugar-calendar-scope .sc-toggle:checked:hover {
    background: var(--sc-components-field-choice-on--hover) !important;
  }
  .sugar-calendar-scope .sc-toggle:focus-visible {
    outline: none !important;
    background: var(--sc-components-field-choice-off--hover) !important;
    box-shadow: 0 0 0 2px var(--sc-surface-background-white), 0 0 0 4px var(--sc-components-field-choice-off--hover) !important;
  }
  .sugar-calendar-scope .sc-toggle:checked:focus-visible {
    background: var(--sc-components-field-choice-on--hover) !important;
    box-shadow: 0 0 0 2px var(--sc-surface-background-white), 0 0 0 4px var(--sc-components-field-choice-on--hover) !important;
  }
  .sugar-calendar-scope .sc-toggle:disabled {
    opacity: 0.5 !important;
    cursor: default !important;
    pointer-events: none !important;
  }
  .sugar-calendar-scope .sc-toggle-row {
    display: inline-flex !important;
    align-items: center !important;
    gap: var(--sc-spacing-10) !important;
    color: var(--sc-text-secondary) !important;
    cursor: pointer !important;
  }
  .sugar-calendar-scope .sc-toggle-row:has(> .sc-toggle:disabled) {
    cursor: default !important;
  }
  .sugar-calendar-scope .sc-toggle {
    box-shadow: none !important;
  }
  .sugar-calendar-scope .sc-toggle::before {
    margin: 0 !important;
  }
  .sugar-calendar-scope .sc-form-editor-block {
    display: flex !important;
    flex-direction: column !important;
    background: var(--sc-surface-background-white) !important;
    border: 1px solid var(--sc-surface-border) !important;
    border-radius: var(--sc-radius-6) !important;
    transition: box-shadow var(--sc-transition-normal) !important;
  }
  .sugar-calendar-scope .sc-form-editor-block:hover {
    box-shadow: var(--sc-shadow-1) !important;
  }
  .sugar-calendar-scope .sc-form-editor-block[data-dragging] {
    box-shadow: var(--sc-shadow-2) !important;
    opacity: 0.95 !important;
  }
  .sugar-calendar-scope .sc-form-editor-block__header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: var(--sc-spacing-10) !important;
    height: 42px !important;
    padding: 0 var(--sc-padding-20) !important;
    border-bottom: 1px solid var(--sc-surface-divider) !important;
    cursor: move !important;
  }
  .sugar-calendar-scope .sc-form-editor-block[data-dragging] .sc-form-editor-block__header {
    cursor: grabbing !important;
  }
  .sugar-calendar-scope .sc-form-editor-block__type {
    position: relative !important;
  }
  .sugar-calendar-scope .sc-form-editor-block__type-trigger {
    display: inline-flex !important;
    align-items: center !important;
    gap: var(--sc-spacing-5) !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--sc-text-primary) !important;
    cursor: pointer !important;
  }
  .sugar-calendar-scope .sc-form-editor-block__type-chevron {
    font-size: 12px !important;
    color: var(--sc-text-icon) !important;
    transition: color var(--sc-transition-normal), transform var(--sc-transition-normal) !important;
  }
  .sugar-calendar-scope .sc-form-editor-block__type-trigger:hover .sc-form-editor-block__type-chevron,
  .sugar-calendar-scope .sc-form-editor-block__type-trigger[aria-expanded=true] .sc-form-editor-block__type-chevron {
    color: var(--sc-text-icon--hover) !important;
  }
  .sugar-calendar-scope .sc-form-editor-block__type-trigger[aria-expanded=true] .sc-form-editor-block__type-chevron {
    transform: rotate(180deg) !important;
  }
  .sugar-calendar-scope .sc-form-editor-block__actions {
    display: flex !important;
    align-items: center !important;
    gap: var(--sc-spacing-15) !important;
  }
  .sugar-calendar-scope .sc-form-editor-block__action {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 16px !important;
    height: 16px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: var(--sc-radius-4) !important;
    background: transparent !important;
    color: var(--sc-text-icon) !important;
    font-size: 16px !important;
    cursor: pointer !important;
    transition: color var(--sc-transition-normal), background-color var(--sc-transition-normal) !important;
  }
  .sugar-calendar-scope .sc-form-editor-block__action:hover {
    color: var(--sc-text-icon--hover) !important;
    background: var(--sc-surface-background) !important;
  }
  .sugar-calendar-scope .sc-form-editor-block__action:focus-visible {
    outline: 2px solid var(--sc-components-field-border--focus) !important;
  }
  .sugar-calendar-scope .sc-form-editor-block__delete,
  .sugar-calendar-scope .sc-form-editor-block__delete:hover {
    color: var(--sc-text-error) !important;
  }
  .sugar-calendar-scope .sc-form-editor-block__body {
    display: flex !important;
    flex-direction: column !important;
    gap: var(--sc-spacing-15) !important;
    padding: var(--sc-padding-20) !important;
  }
  .sugar-calendar-scope .sc-form-editor-block__question {
    display: flex !important;
    flex-direction: column !important;
    gap: var(--sc-spacing-5) !important;
    width: 100% !important;
  }
  .sugar-calendar-scope .sc-form-editor-block__options {
    display: flex !important;
    flex-direction: column !important;
    gap: var(--sc-spacing-10) !important;
  }
  .sugar-calendar-scope .sc-form-editor-block__question {
    gap: var(--sc-spacing-10) !important;
  }
  .sugar-calendar-scope .sc-form-editor-block__type .sc-dropdown-menu {
    position: absolute !important;
    top: calc(100% + var(--sc-spacing-5)) !important;
    left: 0 !important;
    z-index: 10 !important;
  }
  .sugar-calendar-scope .sc-form-editor-block__type-trigger:focus-visible {
    outline: 2px solid var(--sc-components-field-border--focus) !important;
    outline-offset: 2px !important;
  }
  .sugar-calendar-scope .sc-form-editor-block__header:focus-visible {
    outline: 2px solid var(--sc-components-field-border--focus) !important;
    outline-offset: -2px !important;
  }
  .sugar-calendar-scope .sc-settings-field {
    display: flex !important;
    align-items: flex-start !important;
    gap: var(--sc-spacing-10) !important;
    color: var(--sc-text-primary) !important;
  }
  .sugar-calendar-scope .sc-settings-field__label {
    flex: none !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: var(--sc-spacing-10) !important;
    width: 200px !important;
    min-height: 34px !important;
    padding-top: var(--sc-padding-8) !important;
  }
  .sugar-calendar-scope .sc-settings-field__field {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: var(--sc-spacing-10) !important;
  }
  .sugar-calendar-scope .sc-settings-field__row {
    display: flex !important;
    align-items: center !important;
    gap: var(--sc-spacing-10) !important;
  }
  .sugar-calendar-scope .sc-settings-field[data-type=text-input] .sc-settings-field__control,
  .sugar-calendar-scope .sc-settings-field[data-type=dropdown] .sc-settings-field__control,
  .sugar-calendar-scope .sc-settings-field[data-type=multi-select] .sc-settings-field__control {
    width: 400px !important;
  }
  .sugar-calendar-scope .sc-settings-field[data-type=radio] .sc-settings-field__row,
  .sugar-calendar-scope .sc-settings-field[data-type=toggle] .sc-settings-field__row {
    padding-top: var(--sc-padding-8) !important;
  }
  .sugar-calendar-scope .sc-settings-field__radio-group {
    display: flex !important;
    align-items: center !important;
    gap: var(--sc-spacing-30) !important;
  }
  .sugar-calendar-scope .sc-settings-field__description {
    display: flex !important;
    align-items: center !important;
    gap: var(--sc-spacing-5) !important;
    color: var(--sc-text-tertiary) !important;
  }
  .sugar-calendar-scope .sc-settings-field__link,
  .sugar-calendar-scope .sc-settings-field__learn-more {
    display: inline-flex !important;
    align-items: center !important;
    gap: var(--sc-spacing-5) !important;
    color: var(--sc-text-link) !important;
    text-decoration: underline !important;
  }
  .sugar-calendar-scope .sc-settings-field__learn-more-icon {
    font-size: var(--sc-typography-font-size-12) !important;
    text-decoration: none !important;
  }
  .sugar-calendar-scope .sc-notice-banner {
    --sc-notice-banner-icon-color: var(--sc-text-link);
    --sc-notice-banner-line: calc(var(--sc-typography-font-size-14) * var(--sc-typography-line-height-normal));
    display: flex !important;
    align-items: flex-start !important;
    gap: var(--sc-spacing-10) !important;
    padding: var(--sc-padding-8) var(--sc-padding-12) !important;
    background: var(--sc-surface-background-light) !important;
    border-radius: var(--sc-radius-4) !important;
    color: var(--sc-text-primary) !important;
  }
  .sugar-calendar-scope .sc-notice-banner__icon {
    flex: none !important;
    margin-top: calc((var(--sc-notice-banner-line) - 1em) / 2) !important;
    font-size: 16px !important;
    color: var(--sc-notice-banner-icon-color) !important;
  }
  .sugar-calendar-scope .sc-notice-banner__meta {
    display: flex !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    align-items: flex-start !important;
    gap: var(--sc-spacing-10) !important;
  }
  .sugar-calendar-scope .sc-notice-banner__text {
    margin: 0 !important;
  }
  .sugar-calendar-scope .sc-notice-banner__action {
    flex: none !important;
    display: inline-flex !important;
    align-items: center !important;
    min-height: var(--sc-notice-banner-line) !important;
  }
  .sugar-calendar-scope .sc-notice-banner__link {
    color: var(--sc-text-primary) !important;
    text-decoration: underline !important;
  }
  .sugar-calendar-scope .sc-notice-banner--notice {
    background: var(--sc-components-badge-blue-background) !important;
  }
  .sugar-calendar-scope .sc-notice-banner--warning {
    --sc-notice-banner-icon-color: var(--sc-text-warning);
    --sc-button-text-color: var(--sc-text-warning);
    background: var(--sc-color-utility-yellow-0) !important;
  }
  .sugar-calendar-scope .sc-notice-banner--error {
    --sc-notice-banner-icon-color: var(--sc-text-error);
    --sc-button-text-color: var(--sc-text-error);
    background: var(--sc-components-badge-red-background) !important;
  }
  .sugar-calendar-scope #sc-registration-form-editor,
  .sugar-calendar-scope #sc-registration-form-education {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }
  .sugar-calendar-scope .sc-registration-form {
    display: flex !important;
    flex-direction: column !important;
  }
  .sugar-calendar-scope .sc-registration-form .sc-settings-field__field {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }
  .sugar-calendar-scope .sc-registration-form .sc-settings-field__label {
    width: 160px !important;
  }
  .sugar-calendar-scope .sc-registration-form__fields {
    display: flex !important;
    flex-direction: column !important;
    gap: var(--sc-spacing-10) !important;
    width: 100% !important;
    max-width: 400px !important;
  }
  .sugar-calendar-scope .sc-registration-form__add-field-row {
    display: flex !important;
    width: 100% !important;
    max-width: 400px !important;
    padding-top: var(--sc-spacing-10) !important;
  }
  .sugar-calendar-scope .sc-registration-form__divider {
    height: 0 !important;
    margin: var(--sc-spacing-20) 0 !important;
    border: 0 !important;
    border-top: 1px solid var(--sc-surface-divider) !important;
  }
  .sugar-calendar-scope .sc-registration-form__settings {
    display: flex !important;
    flex-direction: column !important;
    gap: var(--sc-spacing-20) !important;
  }
  .sugar-calendar-scope .sc-registration-form__ticket-types {
    width: 400px !important;
    max-width: 100% !important;
  }
  .sugar-calendar-scope .sc-registration-form__error {
    margin: 0 !important;
  }
  .sugar-calendar-scope .sc-registration-form__unsupported {
    margin: 0 !important;
    color: var(--sc-text-error) !important;
  }
  .sugar-calendar-scope .sc-registration-form__no-host {
    max-width: 400px !important;
    margin-top: var(--sc-spacing-10) !important;
  }
  .sugar-calendar-scope .sc-registration-form__host-link {
    padding: 0 !important;
    border: 0 !important;
    background: none !important;
    font: inherit !important;
    color: inherit !important;
    text-decoration: underline !important;
    cursor: pointer !important;
  }
  .sugar-calendar-scope .sc-registration-form__host-link:hover, .sugar-calendar-scope .sc-registration-form__host-link:focus {
    text-decoration: none !important;
  }
  .sugar-calendar-scope .sc-settings-field__description .sc-registration-form__host-link {
    color: var(--sc-text-link) !important;
  }
  .sugar-calendar-scope .sc-settings-field__description .sc-registration-form__host-link:hover, .sugar-calendar-scope .sc-settings-field__description .sc-registration-form__host-link:focus {
    color: var(--sc-text-link--hover) !important;
  }
  .sugar-calendar-scope .sc-registration-form .sc-settings-field[data-type=text] .sc-settings-field__row {
    padding-top: var(--sc-padding-8) !important;
  }
  .sugar-calendar-scope .sc-registration-form--education {
    position: relative !important;
  }
  .sugar-calendar-scope .sc-registration-form__education-mock {
    pointer-events: none !important;
  }
  .sugar-calendar-scope .sc-registration-form--education .sc-settings-field {
    opacity: 0.5 !important;
  }
  .sugar-calendar-scope .sc-registration-form__education-overlay {
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    display: block !important;
    cursor: pointer !important;
  }
}
@property --tw-content {
  syntax: "*";
  initial-value: "";
  inherits: false;
}
@layer sc-properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-content: "";
    }
  }
}