/* Generated by scripts/build-forms-styles.mjs. Edit approved source styles, then regenerate. */
/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
.sable-forms-experience,:where(.sable-forms-experience)  :host {
  --font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text","Forms Inter", sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
  --color-black: #000;
  --color-white: #fff;
  --spacing: 0.25rem;
  --container-xs: 20rem;
  --container-sm: 24rem;
  --container-md: 28rem;
  --container-lg: 32rem;
  --container-5xl: 64rem;
  --text-xs: 0.75rem;
  --text-xs--line-height: calc(1 / 0.75);
  --text-sm: 0.875rem;
  --text-sm--line-height: calc(1.25 / 0.875);
  --text-base: 1rem;
  --text-base--line-height: calc(1.5 / 1);
  --text-xl: 1.25rem;
  --text-xl--line-height: calc(1.75 / 1.25);
  --text-2xl: 1.5rem;
  --text-2xl--line-height: calc(2 / 1.5);
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --tracking-widest: 0.1em;
  --leading-tight: 1.25;
  --leading-relaxed: 1.625;
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 24px;
  --radius-2xl: 1rem;
  --radius-3xl: 1.5rem;
  --radius-4xl: 2rem;
  --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --ease-out: cubic-bezier(0, 0, 0.2, 1);
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --animate-spin: spin 1s linear infinite;
  --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  --blur-xs: 4px;
  --blur-sm: 8px;
  --blur-2xl: 40px;
  --default-transition-duration: 150ms;
  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  --default-font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text","Forms Inter", sans-serif;
  --default-mono-font-family: var(--font-mono);
  --radius-pill: 9999px;
  --text-meta: 12px;
  --text-secondary: 13px;
  --text-body: 14px;
  --text-heading: 24px;
  --text-touch-input: 16px;
}
:where(.sable-forms-experience) *,:where(.sable-forms-experience)  ::after,:where(.sable-forms-experience)  ::before,:where(.sable-forms-experience)  ::backdrop,:where(.sable-forms-experience)  ::file-selector-button {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0 solid;
}
.sable-forms-experience,:where(.sable-forms-experience)  :host {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  tab-size: 4;
  font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
  font-feature-settings: var(--default-font-feature-settings, normal);
  font-variation-settings: var(--default-font-variation-settings, normal);
  -webkit-tap-highlight-color: transparent;
}
:where(.sable-forms-experience) hr {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}
:where(.sable-forms-experience) abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
:where(.sable-forms-experience) h1,:where(.sable-forms-experience)  h2,:where(.sable-forms-experience)  h3,:where(.sable-forms-experience)  h4,:where(.sable-forms-experience)  h5,:where(.sable-forms-experience)  h6 {
  font-size: inherit;
  font-weight: inherit;
}
:where(.sable-forms-experience) a {
  color: inherit;
  -webkit-text-decoration: inherit;
  text-decoration: inherit;
}
:where(.sable-forms-experience) b,:where(.sable-forms-experience)  strong {
  font-weight: bolder;
}
:where(.sable-forms-experience) code,:where(.sable-forms-experience)  kbd,:where(.sable-forms-experience)  samp,:where(.sable-forms-experience)  pre {
  font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
  font-feature-settings: var(--default-mono-font-feature-settings, normal);
  font-variation-settings: var(--default-mono-font-variation-settings, normal);
  font-size: 1em;
}
:where(.sable-forms-experience) small {
  font-size: 80%;
}
:where(.sable-forms-experience) sub,:where(.sable-forms-experience)  sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
:where(.sable-forms-experience) sub {
  bottom: -0.25em;
}
:where(.sable-forms-experience) sup {
  top: -0.5em;
}
:where(.sable-forms-experience) table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}
:where(.sable-forms-experience) :-moz-focusring {
  outline: auto;
}
:where(.sable-forms-experience) progress {
  vertical-align: baseline;
}
:where(.sable-forms-experience) summary {
  display: list-item;
}
:where(.sable-forms-experience) ol,:where(.sable-forms-experience)  ul,:where(.sable-forms-experience)  menu {
  list-style: none;
}
:where(.sable-forms-experience) img,:where(.sable-forms-experience)  svg,:where(.sable-forms-experience)  video,:where(.sable-forms-experience)  canvas,:where(.sable-forms-experience)  audio,:where(.sable-forms-experience)  iframe,:where(.sable-forms-experience)  embed,:where(.sable-forms-experience)  object {
  display: block;
  vertical-align: middle;
}
:where(.sable-forms-experience) img,:where(.sable-forms-experience)  video {
  max-width: 100%;
  height: auto;
}
:where(.sable-forms-experience) button,:where(.sable-forms-experience)  input,:where(.sable-forms-experience)  select,:where(.sable-forms-experience)  optgroup,:where(.sable-forms-experience)  textarea,:where(.sable-forms-experience)  ::file-selector-button {
  font: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  letter-spacing: inherit;
  color: inherit;
  border-radius: 0;
  background-color: transparent;
  opacity: 1;
}
:where(.sable-forms-experience) :where(select:is([multiple], [size])) optgroup {
  font-weight: bolder;
}
:where(.sable-forms-experience) :where(select:is([multiple], [size])) optgroup option {
  padding-inline-start: 20px;
}
:where(.sable-forms-experience) ::file-selector-button {
  margin-inline-end: 4px;
}
:where(.sable-forms-experience) ::placeholder {
  opacity: 1;
}
@supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
  :where(.sable-forms-experience) ::placeholder {
    color: currentcolor;
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, currentcolor 50%, transparent);
    }
  }
}
:where(.sable-forms-experience) textarea {
  resize: vertical;
}
:where(.sable-forms-experience) ::-webkit-search-decoration {
  -webkit-appearance: none;
}
:where(.sable-forms-experience) ::-webkit-date-and-time-value {
  min-height: 1lh;
  text-align: inherit;
}
:where(.sable-forms-experience) ::-webkit-datetime-edit {
  display: inline-flex;
}
:where(.sable-forms-experience) ::-webkit-datetime-edit-fields-wrapper {
  padding: 0;
}
:where(.sable-forms-experience) ::-webkit-datetime-edit,:where(.sable-forms-experience)  ::-webkit-datetime-edit-year-field,:where(.sable-forms-experience)  ::-webkit-datetime-edit-month-field,:where(.sable-forms-experience)  ::-webkit-datetime-edit-day-field,:where(.sable-forms-experience)  ::-webkit-datetime-edit-hour-field,:where(.sable-forms-experience)  ::-webkit-datetime-edit-minute-field,:where(.sable-forms-experience)  ::-webkit-datetime-edit-second-field,:where(.sable-forms-experience)  ::-webkit-datetime-edit-millisecond-field,:where(.sable-forms-experience)  ::-webkit-datetime-edit-meridiem-field {
  padding-block: 0;
}
:where(.sable-forms-experience) ::-webkit-calendar-picker-indicator {
  line-height: 1;
}
:where(.sable-forms-experience) :-moz-ui-invalid {
  box-shadow: none;
}
:where(.sable-forms-experience) button,:where(.sable-forms-experience)  input:where([type="button"], [type="reset"], [type="submit"]),:where(.sable-forms-experience)  ::file-selector-button {
  appearance: button;
}
:where(.sable-forms-experience) ::-webkit-inner-spin-button,:where(.sable-forms-experience)  ::-webkit-outer-spin-button {
  height: auto;
}
:where(.sable-forms-experience) [hidden]:where(:not([hidden="until-found"])) {
  display: none !important;
}
:where(.sable-forms-experience) .pointer-events-none {
  pointer-events: none;
}
:where(.sable-forms-experience) .collapse {
  visibility: collapse;
}
:where(.sable-forms-experience) .invisible {
  visibility: hidden;
}
:where(.sable-forms-experience) .visible {
  visibility: visible;
}
:where(.sable-forms-experience) .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border-width: 0;
}
:where(.sable-forms-experience) .absolute {
  position: absolute;
}
:where(.sable-forms-experience) .fixed {
  position: fixed;
}
:where(.sable-forms-experience) .relative {
  position: relative;
}
:where(.sable-forms-experience) .static {
  position: static;
}
:where(.sable-forms-experience) .inset-0 {
  inset: calc(var(--spacing) * 0);
}
:where(.sable-forms-experience) .inset-x-0 {
  inset-inline: calc(var(--spacing) * 0);
}
:where(.sable-forms-experience) .inset-y-0 {
  inset-block: calc(var(--spacing) * 0);
}
:where(.sable-forms-experience) .start {
  inset-inline-start: var(--spacing);
}
:where(.sable-forms-experience) .end {
  inset-inline-end: var(--spacing);
}
:where(.sable-forms-experience) .top-0 {
  top: calc(var(--spacing) * 0);
}
:where(.sable-forms-experience) .top-1\.5 {
  top: calc(var(--spacing) * 1.5);
}
:where(.sable-forms-experience) .top-1\/2 {
  top: calc(1 / 2 * 100%);
}
:where(.sable-forms-experience) .top-2 {
  top: calc(var(--spacing) * 2);
}
:where(.sable-forms-experience) .top-3 {
  top: calc(var(--spacing) * 3);
}
:where(.sable-forms-experience) .top-3\.5 {
  top: calc(var(--spacing) * 3.5);
}
:where(.sable-forms-experience) .right-1 {
  right: calc(var(--spacing) * 1);
}
:where(.sable-forms-experience) .right-2 {
  right: calc(var(--spacing) * 2);
}
:where(.sable-forms-experience) .right-3 {
  right: calc(var(--spacing) * 3);
}
:where(.sable-forms-experience) .bottom-0 {
  bottom: calc(var(--spacing) * 0);
}
:where(.sable-forms-experience) .left-1\/2 {
  left: calc(1 / 2 * 100%);
}
:where(.sable-forms-experience) .isolate {
  isolation: isolate;
}
:where(.sable-forms-experience) .z-0 {
  z-index: 0;
}
:where(.sable-forms-experience) .z-10 {
  z-index: 10;
}
:where(.sable-forms-experience) .z-20 {
  z-index: 20;
}
:where(.sable-forms-experience) .z-50 {
  z-index: 50;
}
:where(.sable-forms-experience) .z-\[80\] {
  z-index: 80;
}
:where(.sable-forms-experience) .order-first {
  order: -9999;
}
:where(.sable-forms-experience) .order-last {
  order: 9999;
}
:where(.sable-forms-experience) .col-span-full {
  grid-column: 1 / -1;
}
:where(.sable-forms-experience) .float-left {
  float: left;
}
:where(.sable-forms-experience) .float-right {
  float: right;
}
:where(.sable-forms-experience) .container {
  width: 100%;
  @media (width >= 40rem) {
    max-width: 40rem;
  }
  @media (width >= 48rem) {
    max-width: 48rem;
  }
  @media (width >= 64rem) {
    max-width: 64rem;
  }
  @media (width >= 80rem) {
    max-width: 80rem;
  }
  @media (width >= 96rem) {
    max-width: 96rem;
  }
}
:where(.sable-forms-experience) .-mx-1 {
  margin-inline: calc(var(--spacing) * -1);
}
:where(.sable-forms-experience) .-mx-1\.5 {
  margin-inline: calc(var(--spacing) * -1.5);
}
:where(.sable-forms-experience) .-mx-4 {
  margin-inline: calc(var(--spacing) * -4);
}
:where(.sable-forms-experience) .mx-0\.5 {
  margin-inline: calc(var(--spacing) * 0.5);
}
:where(.sable-forms-experience) .mx-2 {
  margin-inline: calc(var(--spacing) * 2);
}
:where(.sable-forms-experience) .mx-3\.5 {
  margin-inline: calc(var(--spacing) * 3.5);
}
:where(.sable-forms-experience) .mx-auto {
  margin-inline: auto;
}
:where(.sable-forms-experience) .my-1 {
  margin-block: calc(var(--spacing) * 1);
}
:where(.sable-forms-experience) .my-1\.5 {
  margin-block: calc(var(--spacing) * 1.5);
}
:where(.sable-forms-experience) .mt-1 {
  margin-top: calc(var(--spacing) * 1);
}
:where(.sable-forms-experience) .mt-2 {
  margin-top: calc(var(--spacing) * 2);
}
:where(.sable-forms-experience) .mt-3 {
  margin-top: calc(var(--spacing) * 3);
}
:where(.sable-forms-experience) .mt-4 {
  margin-top: calc(var(--spacing) * 4);
}
:where(.sable-forms-experience) .mt-auto {
  margin-top: auto;
}
:where(.sable-forms-experience) .-mb-4 {
  margin-bottom: calc(var(--spacing) * -4);
}
:where(.sable-forms-experience) .mb-1\.5 {
  margin-bottom: calc(var(--spacing) * 1.5);
}
:where(.sable-forms-experience) .ml-1\.5 {
  margin-left: calc(var(--spacing) * 1.5);
}
:where(.sable-forms-experience) .ml-auto {
  margin-left: auto;
}
:where(.sable-forms-experience) .no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
  &::-webkit-scrollbar {
    display: none;
  }
}
:where(.sable-forms-experience) .block {
  display: block;
}
:where(.sable-forms-experience) .contents {
  display: contents;
}
:where(.sable-forms-experience) .flex {
  display: flex;
}
:where(.sable-forms-experience) .grid {
  display: grid;
}
:where(.sable-forms-experience) .hidden {
  display: none;
}
:where(.sable-forms-experience) .inline {
  display: inline;
}
:where(.sable-forms-experience) .inline-flex {
  display: inline-flex;
}
:where(.sable-forms-experience) .table {
  display: table;
}
:where(.sable-forms-experience) .table-caption {
  display: table-caption;
}
:where(.sable-forms-experience) .table-cell {
  display: table-cell;
}
:where(.sable-forms-experience) .table-row {
  display: table-row;
}
:where(.sable-forms-experience) .aspect-square {
  aspect-ratio: 1 / 1;
}
:where(.sable-forms-experience) .size-\(--cell-size\) {
  width: var(--cell-size);
  height: var(--cell-size);
}
:where(.sable-forms-experience) .size-1\.5 {
  width: calc(var(--spacing) * 1.5);
  height: calc(var(--spacing) * 1.5);
}
:where(.sable-forms-experience) .size-2\.5 {
  width: calc(var(--spacing) * 2.5);
  height: calc(var(--spacing) * 2.5);
}
:where(.sable-forms-experience) .size-3 {
  width: calc(var(--spacing) * 3);
  height: calc(var(--spacing) * 3);
}
:where(.sable-forms-experience) .size-3\.5 {
  width: calc(var(--spacing) * 3.5);
  height: calc(var(--spacing) * 3.5);
}
:where(.sable-forms-experience) .size-4 {
  width: calc(var(--spacing) * 4);
  height: calc(var(--spacing) * 4);
}
:where(.sable-forms-experience) .size-4\.5 {
  width: calc(var(--spacing) * 4.5);
  height: calc(var(--spacing) * 4.5);
}
:where(.sable-forms-experience) .size-5 {
  width: calc(var(--spacing) * 5);
  height: calc(var(--spacing) * 5);
}
:where(.sable-forms-experience) .size-6 {
  width: calc(var(--spacing) * 6);
  height: calc(var(--spacing) * 6);
}
:where(.sable-forms-experience) .size-7 {
  width: calc(var(--spacing) * 7);
  height: calc(var(--spacing) * 7);
}
:where(.sable-forms-experience) .size-8 {
  width: calc(var(--spacing) * 8);
  height: calc(var(--spacing) * 8);
}
:where(.sable-forms-experience) .size-9 {
  width: calc(var(--spacing) * 9);
  height: calc(var(--spacing) * 9);
}
:where(.sable-forms-experience) .size-10 {
  width: calc(var(--spacing) * 10);
  height: calc(var(--spacing) * 10);
}
:where(.sable-forms-experience) .size-\[18px\] {
  width: 18px;
  height: 18px;
}
:where(.sable-forms-experience) .size-\[22px\] {
  width: 22px;
  height: 22px;
}
:where(.sable-forms-experience) .size-auto {
  width: auto;
  height: auto;
}
:where(.sable-forms-experience) .size-full {
  width: 100%;
  height: 100%;
}
:where(.sable-forms-experience) .h-\(--cell-size\) {
  height: var(--cell-size);
}
:where(.sable-forms-experience) .h-4 {
  height: calc(var(--spacing) * 4);
}
:where(.sable-forms-experience) .h-5 {
  height: calc(var(--spacing) * 5);
}
:where(.sable-forms-experience) .h-6 {
  height: calc(var(--spacing) * 6);
}
:where(.sable-forms-experience) .h-7 {
  height: calc(var(--spacing) * 7);
}
:where(.sable-forms-experience) .h-8 {
  height: calc(var(--spacing) * 8);
}
:where(.sable-forms-experience) .h-9 {
  height: calc(var(--spacing) * 9);
}
:where(.sable-forms-experience) .h-10 {
  height: calc(var(--spacing) * 10);
}
:where(.sable-forms-experience) .h-12 {
  height: calc(var(--spacing) * 12);
}
:where(.sable-forms-experience) .h-13 {
  height: calc(var(--spacing) * 13);
}
:where(.sable-forms-experience) .h-14 {
  height: calc(var(--spacing) * 14);
}
:where(.sable-forms-experience) .h-40 {
  height: calc(var(--spacing) * 40);
}
:where(.sable-forms-experience) .h-\[22px\] {
  height: 22px;
}
:where(.sable-forms-experience) .h-\[26px\] {
  height: 26px;
}
:where(.sable-forms-experience) .h-\[calc\(100\%-1px\)\] {
  height: calc(100% - 1px);
}
:where(.sable-forms-experience) .h-auto {
  height: auto;
}
:where(.sable-forms-experience) .h-full {
  height: 100%;
}
:where(.sable-forms-experience) .h-px {
  height: 1px;
}
:where(.sable-forms-experience) .h-svh {
  height: 100svh;
}
:where(.sable-forms-experience) .max-h-\(--available-height\) {
  max-height: var(--available-height);
}
:where(.sable-forms-experience) .max-h-72 {
  max-height: calc(var(--spacing) * 72);
}
:where(.sable-forms-experience) .max-h-\[calc\(100dvh-2rem\)\] {
  max-height: calc(100dvh - 2rem);
}
:where(.sable-forms-experience) .min-h-0 {
  min-height: calc(var(--spacing) * 0);
}
:where(.sable-forms-experience) .min-h-9 {
  min-height: calc(var(--spacing) * 9);
}
:where(.sable-forms-experience) .min-h-12 {
  min-height: calc(var(--spacing) * 12);
}
:where(.sable-forms-experience) .min-h-14 {
  min-height: calc(var(--spacing) * 14);
}
:where(.sable-forms-experience) .min-h-\[56px\] {
  min-height: 56px;
}
:where(.sable-forms-experience) .min-h-\[88px\] {
  min-height: 88px;
}
:where(.sable-forms-experience) .min-h-full {
  min-height: 100%;
}
:where(.sable-forms-experience) .min-h-svh {
  min-height: 100svh;
}
:where(.sable-forms-experience) .w-\(--anchor-width\) {
  width: var(--anchor-width);
}
:where(.sable-forms-experience) .w-\(--cell-size\) {
  width: var(--cell-size);
}
:where(.sable-forms-experience) .w-\(--sidebar-width\) {
  width: var(--sidebar-width);
}
:where(.sable-forms-experience) .w-4 {
  width: calc(var(--spacing) * 4);
}
:where(.sable-forms-experience) .w-5 {
  width: calc(var(--spacing) * 5);
}
:where(.sable-forms-experience) .w-11 {
  width: calc(var(--spacing) * 11);
}
:where(.sable-forms-experience) .w-16 {
  width: calc(var(--spacing) * 16);
}
:where(.sable-forms-experience) .w-72 {
  width: calc(var(--spacing) * 72);
}
:where(.sable-forms-experience) .w-80 {
  width: calc(var(--spacing) * 80);
}
:where(.sable-forms-experience) .w-\[calc\(100vw-2rem\)\] {
  width: calc(100vw - 2rem);
}
:where(.sable-forms-experience) .w-auto {
  width: auto;
}
:where(.sable-forms-experience) .w-fit {
  width: fit-content;
}
:where(.sable-forms-experience) .w-full {
  width: 100%;
}
:where(.sable-forms-experience) .max-w-\(--available-width\) {
  max-width: var(--available-width);
}
:where(.sable-forms-experience) .max-w-\(--skeleton-width\) {
  max-width: var(--skeleton-width);
}
:where(.sable-forms-experience) .max-w-5xl {
  max-width: var(--container-5xl);
}
:where(.sable-forms-experience) .max-w-\[480px\] {
  max-width: 480px;
}
:where(.sable-forms-experience) .max-w-\[calc\(100\%-2rem\)\] {
  max-width: calc(100% - 2rem);
}
:where(.sable-forms-experience) .max-w-full {
  max-width: 100%;
}
:where(.sable-forms-experience) .max-w-lg {
  max-width: var(--container-lg);
}
:where(.sable-forms-experience) .max-w-md {
  max-width: var(--container-md);
}
:where(.sable-forms-experience) .max-w-xs {
  max-width: var(--container-xs);
}
:where(.sable-forms-experience) .min-w-\(--cell-size\) {
  min-width: var(--cell-size);
}
:where(.sable-forms-experience) .min-w-0 {
  min-width: calc(var(--spacing) * 0);
}
:where(.sable-forms-experience) .min-w-5 {
  min-width: calc(var(--spacing) * 5);
}
:where(.sable-forms-experience) .min-w-32 {
  min-width: calc(var(--spacing) * 32);
}
:where(.sable-forms-experience) .min-w-36 {
  min-width: calc(var(--spacing) * 36);
}
:where(.sable-forms-experience) .min-w-\[22px\] {
  min-width: 22px;
}
:where(.sable-forms-experience) .min-w-\[96px\] {
  min-width: 96px;
}
:where(.sable-forms-experience) .min-w-\[280px\] {
  min-width: 280px;
}
:where(.sable-forms-experience) .flex-1 {
  flex: 1;
}
:where(.sable-forms-experience) .shrink-0 {
  flex-shrink: 0;
}
:where(.sable-forms-experience) .caption-bottom {
  caption-side: bottom;
}
:where(.sable-forms-experience) .border-collapse {
  border-collapse: collapse;
}
:where(.sable-forms-experience) .origin-\(--transform-origin\) {
  transform-origin: var(--transform-origin);
}
:where(.sable-forms-experience) .-translate-x-1\/2 {
  --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
:where(.sable-forms-experience) .-translate-x-px {
  --tw-translate-x: -1px;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
:where(.sable-forms-experience) .translate-x-\[18px\] {
  --tw-translate-x: 18px;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
:where(.sable-forms-experience) .translate-x-px {
  --tw-translate-x: 1px;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
:where(.sable-forms-experience) .-translate-y-1\/2 {
  --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
:where(.sable-forms-experience) .translate-y-\[calc\(-50\%-2px\)\] {
  --tw-translate-y: calc(-50% - 2px);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
:where(.sable-forms-experience) .rotate-45 {
  rotate: 45deg;
}
:where(.sable-forms-experience) .transform {
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
}
:where(.sable-forms-experience) .animate-none\! {
  animation: none !important;
}
:where(.sable-forms-experience) .animate-pulse {
  animation: var(--animate-pulse);
}
:where(.sable-forms-experience) .animate-spin {
  animation: var(--animate-spin);
}
:where(.sable-forms-experience) .cursor-default {
  cursor: default;
}
:where(.sable-forms-experience) .cursor-pointer {
  cursor: pointer;
}
:where(.sable-forms-experience) .cursor-text {
  cursor: text;
}
:where(.sable-forms-experience) .resize {
  resize: both;
}
:where(.sable-forms-experience) .resize-none {
  resize: none;
}
:where(.sable-forms-experience) .scroll-my-1 {
  scroll-margin-block: calc(var(--spacing) * 1);
}
:where(.sable-forms-experience) .scroll-my-1\.5 {
  scroll-margin-block: calc(var(--spacing) * 1.5);
}
:where(.sable-forms-experience) .grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
:where(.sable-forms-experience) .grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
:where(.sable-forms-experience) .grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
:where(.sable-forms-experience) .grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
:where(.sable-forms-experience) .grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
:where(.sable-forms-experience) .grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
:where(.sable-forms-experience) .flex-col {
  flex-direction: column;
}
:where(.sable-forms-experience) .flex-col-reverse {
  flex-direction: column-reverse;
}
:where(.sable-forms-experience) .flex-row {
  flex-direction: row;
}
:where(.sable-forms-experience) .flex-wrap {
  flex-wrap: wrap;
}
:where(.sable-forms-experience) .place-content-center {
  place-content: center;
}
:where(.sable-forms-experience) .items-center {
  align-items: center;
}
:where(.sable-forms-experience) .items-start {
  align-items: flex-start;
}
:where(.sable-forms-experience) .items-stretch {
  align-items: stretch;
}
:where(.sable-forms-experience) .justify-between {
  justify-content: space-between;
}
:where(.sable-forms-experience) .justify-center {
  justify-content: center;
}
:where(.sable-forms-experience) .justify-end {
  justify-content: flex-end;
}
:where(.sable-forms-experience) .justify-start {
  justify-content: flex-start;
}
:where(.sable-forms-experience) .gap-0 {
  gap: calc(var(--spacing) * 0);
}
:where(.sable-forms-experience) .gap-0\.5 {
  gap: calc(var(--spacing) * 0.5);
}
:where(.sable-forms-experience) .gap-1 {
  gap: calc(var(--spacing) * 1);
}
:where(.sable-forms-experience) .gap-1\.5 {
  gap: calc(var(--spacing) * 1.5);
}
:where(.sable-forms-experience) .gap-2 {
  gap: calc(var(--spacing) * 2);
}
:where(.sable-forms-experience) .gap-2\.5 {
  gap: calc(var(--spacing) * 2.5);
}
:where(.sable-forms-experience) .gap-3 {
  gap: calc(var(--spacing) * 3);
}
:where(.sable-forms-experience) .gap-4 {
  gap: calc(var(--spacing) * 4);
}
:where(.sable-forms-experience) .gap-5 {
  gap: calc(var(--spacing) * 5);
}
:where(.sable-forms-experience) .gap-\[7px\] {
  gap: 7px;
}
:where(.sable-forms-experience) .gap-px {
  gap: 1px;
}
:where(.sable-forms-experience) .space-y-2 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }
}
:where(.sable-forms-experience) .space-y-3 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
  }
}
:where(.sable-forms-experience) .space-y-4 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }
}
:where(.sable-forms-experience) .space-y-6 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
  }
}
:where(.sable-forms-experience) .truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
:where(.sable-forms-experience) .overflow-auto {
  overflow: auto;
}
:where(.sable-forms-experience) .overflow-hidden {
  overflow: hidden;
}
:where(.sable-forms-experience) .overflow-x-auto {
  overflow-x: auto;
}
:where(.sable-forms-experience) .overflow-x-hidden {
  overflow-x: hidden;
}
:where(.sable-forms-experience) .overflow-y-auto {
  overflow-y: auto;
}
:where(.sable-forms-experience) .overscroll-contain {
  overscroll-behavior: contain;
}
:where(.sable-forms-experience) .rounded-\(--cell-radius\) {
  border-radius: var(--cell-radius);
}
:where(.sable-forms-experience) .rounded-2xl {
  border-radius: var(--radius-2xl);
}
:where(.sable-forms-experience) .rounded-3xl {
  border-radius: var(--radius-3xl);
}
:where(.sable-forms-experience) .rounded-4xl {
  border-radius: var(--radius-4xl);
}
:where(.sable-forms-experience) .rounded-\[2px\] {
  border-radius: 2px;
}
:where(.sable-forms-experience) .rounded-\[4px\] {
  border-radius: 4px;
}
:where(.sable-forms-experience) .rounded-\[6px\] {
  border-radius: 6px;
}
:where(.sable-forms-experience) .rounded-\[10px\] {
  border-radius: 10px;
}
:where(.sable-forms-experience) .rounded-\[14px\] {
  border-radius: 14px;
}
:where(.sable-forms-experience) .rounded-\[20px\] {
  border-radius: 20px;
}
:where(.sable-forms-experience) .rounded-\[min\(var\(--radius-md\)\,10px\)\] {
  border-radius: min(var(--radius-md), 10px);
}
:where(.sable-forms-experience) .rounded-\[min\(var\(--radius-md\)\,12px\)\] {
  border-radius: min(var(--radius-md), 12px);
}
:where(.sable-forms-experience) .rounded-full {
  border-radius: calc(infinity * 1px);
}
:where(.sable-forms-experience) .rounded-lg {
  border-radius: 20px;
}
:where(.sable-forms-experience) .rounded-md {
  border-radius: 14px;
}
:where(.sable-forms-experience) .rounded-none {
  border-radius: 0;
}
:where(.sable-forms-experience) .rounded-xl {
  border-radius: 24px;
}
:where(.sable-forms-experience) .rounded-l-\(--cell-radius\) {
  border-top-left-radius: var(--cell-radius);
  border-bottom-left-radius: var(--cell-radius);
}
:where(.sable-forms-experience) .rounded-r-\(--cell-radius\) {
  border-top-right-radius: var(--cell-radius);
  border-bottom-right-radius: var(--cell-radius);
}
:where(.sable-forms-experience) .rounded-b-xl {
  border-bottom-right-radius: 24px;
  border-bottom-left-radius: 24px;
}
:where(.sable-forms-experience) .border {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
:where(.sable-forms-experience) .border-0 {
  border-style: var(--tw-border-style);
  border-width: 0px;
}
:where(.sable-forms-experience) .border-t {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
}
:where(.sable-forms-experience) .border-b {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
}
:where(.sable-forms-experience) .border-l {
  border-left-style: var(--tw-border-style);
  border-left-width: 1px;
}
:where(.sable-forms-experience) .border-border {
  border-color: var(--border);
}
:where(.sable-forms-experience) .border-destructive\/30 {
  border-color: var(--destructive);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--destructive) 30%, transparent);
  }
}
:where(.sable-forms-experience) .border-input {
  border-color: var(--input);
}
:where(.sable-forms-experience) .border-primary {
  border-color: var(--primary);
}
:where(.sable-forms-experience) .border-primary-200 {
  border-color: var(--primary-200);
}
:where(.sable-forms-experience) .border-primary-300 {
  border-color: var(--primary-300);
}
:where(.sable-forms-experience) .border-sidebar-border {
  border-color: var(--border);
}
:where(.sable-forms-experience) .border-transparent {
  border-color: transparent;
}
:where(.sable-forms-experience) .bg-\(--status-draft-bg\) {
  background-color: var(--status-draft-bg);
}
:where(.sable-forms-experience) .bg-\(--status-paid-bg\) {
  background-color: var(--status-paid-bg);
}
:where(.sable-forms-experience) .bg-\(--status-part-bg\) {
  background-color: var(--status-part-bg);
}
:where(.sable-forms-experience) .bg-action {
  background-color: var(--action);
}
:where(.sable-forms-experience) .bg-action-foreground {
  background-color: var(--action-foreground);
}
:where(.sable-forms-experience) .bg-background {
  background-color: var(--background);
}
:where(.sable-forms-experience) .bg-background\/95 {
  background-color: var(--background);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--background) 95%, transparent);
  }
}
:where(.sable-forms-experience) .bg-black\/10 {
  background-color: color-mix(in srgb, #000 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
  }
}
:where(.sable-forms-experience) .bg-border {
  background-color: var(--border);
}
:where(.sable-forms-experience) .bg-card {
  background-color: var(--card);
}
:where(.sable-forms-experience) .bg-current {
  background-color: currentcolor;
}
:where(.sable-forms-experience) .bg-destructive\/5 {
  background-color: var(--destructive);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--destructive) 5%, transparent);
  }
}
:where(.sable-forms-experience) .bg-destructive\/10 {
  background-color: var(--destructive);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
  }
}
:where(.sable-forms-experience) .bg-foreground {
  background-color: var(--foreground);
}
:where(.sable-forms-experience) .bg-foreground\/40 {
  background-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--foreground) 40%, transparent);
  }
}
:where(.sable-forms-experience) .bg-input\/50 {
  background-color: var(--input);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--input) 50%, transparent);
  }
}
:where(.sable-forms-experience) .bg-muted {
  background-color: var(--muted);
}
:where(.sable-forms-experience) .bg-muted\/50 {
  background-color: var(--muted);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--muted) 50%, transparent);
  }
}
:where(.sable-forms-experience) .bg-popover {
  background-color: var(--popover);
}
:where(.sable-forms-experience) .bg-popover\/70 {
  background-color: var(--popover);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--popover) 70%, transparent);
  }
}
:where(.sable-forms-experience) .bg-primary {
  background-color: var(--primary);
}
:where(.sable-forms-experience) .bg-primary-50 {
  background-color: var(--primary-50);
}
:where(.sable-forms-experience) .bg-secondary {
  background-color: var(--secondary);
}
:where(.sable-forms-experience) .bg-sidebar {
  background-color: var(--sidebar);
}
:where(.sable-forms-experience) .bg-sidebar-border {
  background-color: var(--border);
}
:where(.sable-forms-experience) .bg-transparent {
  background-color: transparent;
}
:where(.sable-forms-experience) .bg-clip-padding {
  background-clip: padding-box;
}
:where(.sable-forms-experience) .fill-foreground {
  fill: var(--foreground);
}
:where(.sable-forms-experience) .p-0 {
  padding: calc(var(--spacing) * 0);
}
:where(.sable-forms-experience) .p-1 {
  padding: calc(var(--spacing) * 1);
}
:where(.sable-forms-experience) .p-1\.5 {
  padding: calc(var(--spacing) * 1.5);
}
:where(.sable-forms-experience) .p-2 {
  padding: calc(var(--spacing) * 2);
}
:where(.sable-forms-experience) .p-2\.5 {
  padding: calc(var(--spacing) * 2.5);
}
:where(.sable-forms-experience) .p-3 {
  padding: calc(var(--spacing) * 3);
}
:where(.sable-forms-experience) .p-4 {
  padding: calc(var(--spacing) * 4);
}
:where(.sable-forms-experience) .p-6 {
  padding: calc(var(--spacing) * 6);
}
:where(.sable-forms-experience) .p-\[3px\] {
  padding: 3px;
}
:where(.sable-forms-experience) .px-\(--cell-size\) {
  padding-inline: var(--cell-size);
}
:where(.sable-forms-experience) .px-0 {
  padding-inline: calc(var(--spacing) * 0);
}
:where(.sable-forms-experience) .px-1 {
  padding-inline: calc(var(--spacing) * 1);
}
:where(.sable-forms-experience) .px-1\.5 {
  padding-inline: calc(var(--spacing) * 1.5);
}
:where(.sable-forms-experience) .px-2 {
  padding-inline: calc(var(--spacing) * 2);
}
:where(.sable-forms-experience) .px-2\.5 {
  padding-inline: calc(var(--spacing) * 2.5);
}
:where(.sable-forms-experience) .px-3 {
  padding-inline: calc(var(--spacing) * 3);
}
:where(.sable-forms-experience) .px-3\.5 {
  padding-inline: calc(var(--spacing) * 3.5);
}
:where(.sable-forms-experience) .px-4 {
  padding-inline: calc(var(--spacing) * 4);
}
:where(.sable-forms-experience) .px-6 {
  padding-inline: calc(var(--spacing) * 6);
}
:where(.sable-forms-experience) .py-0 {
  padding-block: calc(var(--spacing) * 0);
}
:where(.sable-forms-experience) .py-0\.5 {
  padding-block: calc(var(--spacing) * 0.5);
}
:where(.sable-forms-experience) .py-1 {
  padding-block: calc(var(--spacing) * 1);
}
:where(.sable-forms-experience) .py-1\.5 {
  padding-block: calc(var(--spacing) * 1.5);
}
:where(.sable-forms-experience) .py-2 {
  padding-block: calc(var(--spacing) * 2);
}
:where(.sable-forms-experience) .py-2\.5 {
  padding-block: calc(var(--spacing) * 2.5);
}
:where(.sable-forms-experience) .py-3 {
  padding-block: calc(var(--spacing) * 3);
}
:where(.sable-forms-experience) .py-3\.5 {
  padding-block: calc(var(--spacing) * 3.5);
}
:where(.sable-forms-experience) .pt-0\.5 {
  padding-top: calc(var(--spacing) * 0.5);
}
:where(.sable-forms-experience) .pt-2 {
  padding-top: calc(var(--spacing) * 2);
}
:where(.sable-forms-experience) .pt-3 {
  padding-top: calc(var(--spacing) * 3);
}
:where(.sable-forms-experience) .pt-6 {
  padding-top: calc(var(--spacing) * 6);
}
:where(.sable-forms-experience) .pr-2 {
  padding-right: calc(var(--spacing) * 2);
}
:where(.sable-forms-experience) .pr-2\.5 {
  padding-right: calc(var(--spacing) * 2.5);
}
:where(.sable-forms-experience) .pr-3 {
  padding-right: calc(var(--spacing) * 3);
}
:where(.sable-forms-experience) .pr-8 {
  padding-right: calc(var(--spacing) * 8);
}
:where(.sable-forms-experience) .pb-0\.5 {
  padding-bottom: calc(var(--spacing) * 0.5);
}
:where(.sable-forms-experience) .pb-3 {
  padding-bottom: calc(var(--spacing) * 3);
}
:where(.sable-forms-experience) .pb-4 {
  padding-bottom: calc(var(--spacing) * 4);
}
:where(.sable-forms-experience) .pb-6 {
  padding-bottom: calc(var(--spacing) * 6);
}
:where(.sable-forms-experience) .pb-12 {
  padding-bottom: calc(var(--spacing) * 12);
}
:where(.sable-forms-experience) .pl-1\.5 {
  padding-left: calc(var(--spacing) * 1.5);
}
:where(.sable-forms-experience) .pl-2\.5 {
  padding-left: calc(var(--spacing) * 2.5);
}
:where(.sable-forms-experience) .pl-3 {
  padding-left: calc(var(--spacing) * 3);
}
:where(.sable-forms-experience) .text-center {
  text-align: center;
}
:where(.sable-forms-experience) .text-left {
  text-align: left;
}
:where(.sable-forms-experience) .align-middle {
  vertical-align: middle;
}
:where(.sable-forms-experience) .text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
}
:where(.sable-forms-experience) .text-base {
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
}
:where(.sable-forms-experience) .text-sm {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
}
:where(.sable-forms-experience) .text-xl {
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
}
:where(.sable-forms-experience) .text-xs {
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
}
:where(.sable-forms-experience) .text-\[0\.8rem\] {
  font-size: 0.8rem;
}
:where(.sable-forms-experience) .text-\[11px\] {
  font-size: 11px;
}
:where(.sable-forms-experience) .text-\[12px\] {
  font-size: 12px;
}
:where(.sable-forms-experience) .text-\[13px\] {
  font-size: 13px;
}
:where(.sable-forms-experience) .text-\[14px\] {
  font-size: 14px;
}
:where(.sable-forms-experience) .leading-none {
  --tw-leading: 1;
  line-height: 1;
}
:where(.sable-forms-experience) .leading-relaxed {
  --tw-leading: var(--leading-relaxed);
  line-height: var(--leading-relaxed);
}
:where(.sable-forms-experience) .leading-tight {
  --tw-leading: var(--leading-tight);
  line-height: var(--leading-tight);
}
:where(.sable-forms-experience) .font-medium {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
:where(.sable-forms-experience) .font-normal {
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
}
:where(.sable-forms-experience) .font-semibold {
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}
:where(.sable-forms-experience) .tracking-widest {
  --tw-tracking: var(--tracking-widest);
  letter-spacing: var(--tracking-widest);
}
:where(.sable-forms-experience) .whitespace-nowrap {
  white-space: nowrap;
}
:where(.sable-forms-experience) .text-\(--status-draft-fg\) {
  color: var(--status-draft-fg);
}
:where(.sable-forms-experience) .text-\(--status-paid-fg\) {
  color: var(--status-paid-fg);
}
:where(.sable-forms-experience) .text-\(--status-part-fg\) {
  color: var(--status-part-fg);
}
:where(.sable-forms-experience) .text-action-foreground {
  color: var(--action-foreground);
}
:where(.sable-forms-experience) .text-background {
  color: var(--background);
}
:where(.sable-forms-experience) .text-current {
  color: currentcolor;
}
:where(.sable-forms-experience) .text-destructive {
  color: var(--destructive);
}
:where(.sable-forms-experience) .text-foreground {
  color: var(--foreground);
}
:where(.sable-forms-experience) .text-foreground\/60 {
  color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--foreground) 60%, transparent);
  }
}
:where(.sable-forms-experience) .text-link {
  color: var(--link);
}
:where(.sable-forms-experience) .text-muted-foreground {
  color: var(--muted-foreground);
}
:where(.sable-forms-experience) .text-muted-foreground\/70 {
  color: var(--muted-foreground);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--muted-foreground) 70%, transparent);
  }
}
:where(.sable-forms-experience) .text-popover-foreground {
  color: var(--popover-foreground);
}
:where(.sable-forms-experience) .text-primary {
  color: var(--primary);
}
:where(.sable-forms-experience) .text-primary-700 {
  color: var(--primary-700);
}
:where(.sable-forms-experience) .text-primary-foreground {
  color: var(--primary-foreground);
}
:where(.sable-forms-experience) .text-secondary-foreground {
  color: var(--secondary-foreground);
}
:where(.sable-forms-experience) .text-sidebar-foreground {
  color: var(--text-default);
}
:where(.sable-forms-experience) .text-sidebar-foreground\/70 {
  color: var(--text-default);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--text-default) 70%, transparent);
  }
}
:where(.sable-forms-experience) .text-white {
  color: var(--color-white);
}
:where(.sable-forms-experience) .lowercase {
  text-transform: lowercase;
}
:where(.sable-forms-experience) .tabular-nums {
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
}
:where(.sable-forms-experience) .underline-offset-4 {
  text-underline-offset: 4px;
}
:where(.sable-forms-experience) .opacity-0 {
  opacity: 0%;
}
:where(.sable-forms-experience) .opacity-50 {
  opacity: 50%;
}
:where(.sable-forms-experience) .opacity-55 {
  opacity: 55%;
}
:where(.sable-forms-experience) .shadow-2xl {
  --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
:where(.sable-forms-experience) .shadow-\[0_0_0_1px_var\(--sidebar-border\)\] {
  --tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--sidebar-border));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
:where(.sable-forms-experience) .shadow-\[inset_0_0_0_0\.5px_var\(--primary-300\)\] {
  --tw-shadow: inset 0 0 0 0.5px var(--tw-shadow-color, var(--primary-300));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
:where(.sable-forms-experience) .shadow-lg {
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
:where(.sable-forms-experience) .shadow-md {
  --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
:where(.sable-forms-experience) .shadow-none {
  --tw-shadow: 0 0 #0000;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
:where(.sable-forms-experience) .shadow-sm {
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
:where(.sable-forms-experience) .shadow-xl {
  --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
:where(.sable-forms-experience) .ring {
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
:where(.sable-forms-experience) .ring-0 {
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
:where(.sable-forms-experience) .ring-1 {
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
:where(.sable-forms-experience) .inset-shadow-xs {
  --tw-inset-shadow: inset 0 1px 1px var(--tw-inset-shadow-color, rgb(0 0 0 / 0.05));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
:where(.sable-forms-experience) .shadow-foreground\/10 {
  --tw-shadow-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--foreground) 10%, transparent) var(--tw-shadow-alpha), transparent);
  }
}
:where(.sable-forms-experience) .ring-foreground\/5 {
  --tw-ring-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-ring-color: color-mix(in oklab, var(--foreground) 5%, transparent);
  }
}
:where(.sable-forms-experience) .ring-foreground\/10 {
  --tw-ring-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-ring-color: color-mix(in oklab, var(--foreground) 10%, transparent);
  }
}
:where(.sable-forms-experience) .ring-sidebar-ring {
  --tw-ring-color: var(--ring);
}
:where(.sable-forms-experience) .inset-shadow-background\/20 {
  --tw-inset-shadow-color: var(--background);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-inset-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--background) 20%, transparent) var(--tw-inset-shadow-alpha), transparent);
  }
}
:where(.sable-forms-experience) .outline-hidden {
  --tw-outline-style: none;
  outline-style: none;
  @media (forced-colors: active) {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
}
:where(.sable-forms-experience) .outline {
  outline-style: var(--tw-outline-style);
  outline-width: 1px;
}
:where(.sable-forms-experience) .blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
:where(.sable-forms-experience) .filter {
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
:where(.sable-forms-experience) .backdrop-blur-sm {
  --tw-backdrop-blur: blur(var(--blur-sm));
  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
}
:where(.sable-forms-experience) .transition {
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
:where(.sable-forms-experience) .transition-\[color\,background-color\,border-color\,box-shadow\] {
  transition-property: color,background-color,border-color,box-shadow;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
:where(.sable-forms-experience) .transition-\[color\,box-shadow\,background-color\] {
  transition-property: color,box-shadow,background-color;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
:where(.sable-forms-experience) .transition-\[left\,right\,width\] {
  transition-property: left,right,width;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
:where(.sable-forms-experience) .transition-\[margin\,opacity\] {
  transition-property: margin,opacity;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
:where(.sable-forms-experience) .transition-\[opacity\,transform\] {
  transition-property: opacity,transform;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
:where(.sable-forms-experience) .transition-\[transform\,background-color\,border-color\] {
  transition-property: transform,background-color,border-color;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
:where(.sable-forms-experience) .transition-\[width\,height\,padding\] {
  transition-property: width,height,padding;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
:where(.sable-forms-experience) .transition-\[width\] {
  transition-property: width;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
:where(.sable-forms-experience) .transition-all {
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
:where(.sable-forms-experience) .transition-colors {
  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));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
:where(.sable-forms-experience) .transition-opacity {
  transition-property: opacity;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
:where(.sable-forms-experience) .transition-transform {
  transition-property: transform, translate, scale, rotate;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
:where(.sable-forms-experience) .transition-none {
  transition-property: none;
}
:where(.sable-forms-experience) .duration-100 {
  --tw-duration: 100ms;
  transition-duration: 100ms;
}
:where(.sable-forms-experience) .duration-150 {
  --tw-duration: 150ms;
  transition-duration: 150ms;
}
:where(.sable-forms-experience) .duration-180 {
  --tw-duration: 180ms;
  transition-duration: 180ms;
}
:where(.sable-forms-experience) .duration-200 {
  --tw-duration: 200ms;
  transition-duration: 200ms;
}
:where(.sable-forms-experience) .ease-in-out {
  --tw-ease: var(--ease-in-out);
  transition-timing-function: var(--ease-in-out);
}
:where(.sable-forms-experience) .ease-linear {
  --tw-ease: linear;
  transition-timing-function: linear;
}
:where(.sable-forms-experience) .outline-none {
  --tw-outline-style: none;
  outline-style: none;
}
:where(.sable-forms-experience) .select-none {
  -webkit-user-select: none;
  user-select: none;
}
:where(.sable-forms-experience) .\[--cell-radius\:var\(--radius-md\)\] {
  --cell-radius: var(--radius-md);
}
:where(.sable-forms-experience) .\[--cell-size\:--spacing\(7\)\] {
  --cell-size: calc(var(--spacing) * 7);
}
:where(.sable-forms-experience) .paused {
  animation-play-state: paused;
}
:where(.sable-forms-experience) .running {
  animation-play-state: running;
}
:where(.sable-forms-experience) .group-focus-within\/menu-item\:opacity-100 {
  &:is(:where(.group\/menu-item):focus-within *) {
    opacity: 100%;
  }
}
:where(.sable-forms-experience) .group-hover\/menu-item\:opacity-100 {
  &:is(:where(.group\/menu-item):hover *) {
    @media (hover: hover) {
      opacity: 100%;
    }
  }
}
:where(.sable-forms-experience) .group-focus\/dropdown-menu-item\:text-accent-foreground {
  &:is(:where(.group\/dropdown-menu-item):focus *) {
    color: var(--accent-foreground);
  }
}
:where(.sable-forms-experience) .group-has-disabled\/field\:opacity-50 {
  &:is(:where(.group\/field):has(*:disabled) *) {
    opacity: 50%;
  }
}
:where(.sable-forms-experience) .group-has-data-\[sidebar\=menu-action\]\/menu-item\:pr-8 {
  &:is(:where(.group\/menu-item):has(*[data-sidebar="menu-action"]) *) {
    padding-right: calc(var(--spacing) * 8);
  }
}
:where(.sable-forms-experience) .group-has-\[\:focus-visible\]\/field-label\:border-transparent {
  &:is(:where(.group\/field-label):has(*:is(:focus-visible)) *) {
    border-color: transparent;
  }
}
:where(.sable-forms-experience) .group-has-\[\:focus-visible\]\/field-label\:ring-0 {
  &:is(:where(.group\/field-label):has(*:is(:focus-visible)) *) {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
:where(.sable-forms-experience) .group-has-\[\:focus-visible\]\/field-label\:not-data-checked\:border-input {
  &:is(:where(.group\/field-label):has(*:is(:focus-visible)) *) {
    &:not(*:where([data-state="checked"]),  *:where([data-checked]:not([data-checked="false"]))) {
      border-color: var(--input);
    }
  }
}
:where(.sable-forms-experience) .group-has-\[\>input\]\/input-group\:pt-3\.5 {
  &:is(:where(.group\/input-group):has(>input) *) {
    padding-top: calc(var(--spacing) * 3.5);
  }
}
:where(.sable-forms-experience) .group-has-\[\>input\]\/input-group\:pb-3\.5 {
  &:is(:where(.group\/input-group):has(>input) *) {
    padding-bottom: calc(var(--spacing) * 3.5);
  }
}
:where(.sable-forms-experience) .group-data-\[collapsible\=icon\]\:-mt-8 {
  &:is(:where(.group)[data-collapsible="icon"] *) {
    margin-top: calc(var(--spacing) * -8);
  }
}
:where(.sable-forms-experience) .group-data-\[collapsible\=icon\]\:hidden {
  &:is(:where(.group)[data-collapsible="icon"] *) {
    display: none;
  }
}
:where(.sable-forms-experience) .group-data-\[collapsible\=icon\]\:size-8\! {
  &:is(:where(.group)[data-collapsible="icon"] *) {
    width: calc(var(--spacing) * 8) !important;
    height: calc(var(--spacing) * 8) !important;
  }
}
:where(.sable-forms-experience) .group-data-\[collapsible\=icon\]\:w-\(--sidebar-width-icon\) {
  &:is(:where(.group)[data-collapsible="icon"] *) {
    width: var(--sidebar-width-icon);
  }
}
:where(.sable-forms-experience) .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\)\] {
  &:is(:where(.group)[data-collapsible="icon"] *) {
    width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)));
  }
}
:where(.sable-forms-experience) .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\+2px\)\] {
  &:is(:where(.group)[data-collapsible="icon"] *) {
    width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)) + 2px);
  }
}
:where(.sable-forms-experience) .group-data-\[collapsible\=icon\]\:overflow-hidden {
  &:is(:where(.group)[data-collapsible="icon"] *) {
    overflow: hidden;
  }
}
:where(.sable-forms-experience) .group-data-\[collapsible\=icon\]\:p-0\! {
  &:is(:where(.group)[data-collapsible="icon"] *) {
    padding: calc(var(--spacing) * 0) !important;
  }
}
:where(.sable-forms-experience) .group-data-\[collapsible\=icon\]\:p-2\! {
  &:is(:where(.group)[data-collapsible="icon"] *) {
    padding: calc(var(--spacing) * 2) !important;
  }
}
:where(.sable-forms-experience) .group-data-\[collapsible\=icon\]\:opacity-0 {
  &:is(:where(.group)[data-collapsible="icon"] *) {
    opacity: 0%;
  }
}
:where(.sable-forms-experience) .group-data-\[collapsible\=offcanvas\]\:w-0 {
  &:is(:where(.group)[data-collapsible="offcanvas"] *) {
    width: calc(var(--spacing) * 0);
  }
}
:where(.sable-forms-experience) .group-data-\[collapsible\=offcanvas\]\:translate-x-0 {
  &:is(:where(.group)[data-collapsible="offcanvas"] *) {
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
}
:where(.sable-forms-experience) .group-data-\[disabled\=true\]\/input-group\:opacity-50 {
  &:is(:where(.group\/input-group)[data-disabled="true"] *) {
    opacity: 50%;
  }
}
:where(.sable-forms-experience) .group-data-\[focused\=true\]\/day\:relative {
  &:is(:where(.group\/day)[data-focused="true"] *) {
    position: relative;
  }
}
:where(.sable-forms-experience) .group-data-\[focused\=true\]\/day\:z-10 {
  &:is(:where(.group\/day)[data-focused="true"] *) {
    z-index: 10;
  }
}
:where(.sable-forms-experience) .group-data-\[focused\=true\]\/day\:border-ring {
  &:is(:where(.group\/day)[data-focused="true"] *) {
    border-color: var(--ring);
  }
}
:where(.sable-forms-experience) .group-data-\[focused\=true\]\/day\:ring-\[3px\] {
  &:is(:where(.group\/day)[data-focused="true"] *) {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
:where(.sable-forms-experience) .group-data-\[focused\=true\]\/day\:ring-ring\/50 {
  &:is(:where(.group\/day)[data-focused="true"] *) {
    --tw-ring-color: var(--ring);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }
}
:where(.sable-forms-experience) .group-data-\[side\=left\]\:-right-4 {
  &:is(:where(.group)[data-side="left"] *) {
    right: calc(var(--spacing) * -4);
  }
}
:where(.sable-forms-experience) .group-data-\[side\=left\]\:border-r {
  &:is(:where(.group)[data-side="left"] *) {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
}
:where(.sable-forms-experience) .group-data-\[side\=right\]\:left-0 {
  &:is(:where(.group)[data-side="right"] *) {
    left: calc(var(--spacing) * 0);
  }
}
:where(.sable-forms-experience) .group-data-\[side\=right\]\:rotate-180 {
  &:is(:where(.group)[data-side="right"] *) {
    rotate: 180deg;
  }
}
:where(.sable-forms-experience) .group-data-\[side\=right\]\:border-l {
  &:is(:where(.group)[data-side="right"] *) {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
}
:where(.sable-forms-experience) .group-data-\[size\=default\]\/switch\:size-4 {
  &:is(:where(.group\/switch)[data-size="default"] *) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
}
:where(.sable-forms-experience) .group-data-\[size\=sm\]\/switch\:size-3 {
  &:is(:where(.group\/switch)[data-size="sm"] *) {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }
}
:where(.sable-forms-experience) .group-data-\[variant\=floating\]\:rounded-lg {
  &:is(:where(.group)[data-variant="floating"] *) {
    border-radius: 20px;
  }
}
:where(.sable-forms-experience) .group-data-\[variant\=floating\]\:shadow-sm {
  &:is(:where(.group)[data-variant="floating"] *) {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
:where(.sable-forms-experience) .group-data-\[variant\=floating\]\:ring-1 {
  &:is(:where(.group)[data-variant="floating"] *) {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
:where(.sable-forms-experience) .group-data-\[variant\=floating\]\:ring-sidebar-border {
  &:is(:where(.group)[data-variant="floating"] *) {
    --tw-ring-color: var(--border);
  }
}
:where(.sable-forms-experience) .group-data-\[variant\=line\]\/tabs-list\:bg-transparent {
  &:is(:where(.group\/tabs-list)[data-variant="line"] *) {
    background-color: transparent;
  }
}
:where(.sable-forms-experience) .group-data-horizontal\/tabs\:h-8 {
  &:is(:where(.group\/tabs):where([data-orientation="horizontal"]) *) {
    height: calc(var(--spacing) * 8);
  }
}
:where(.sable-forms-experience) .group-data-vertical\/tabs\:h-fit {
  &:is(:where(.group\/tabs):where([data-orientation="vertical"]) *) {
    height: fit-content;
  }
}
:where(.sable-forms-experience) .group-data-vertical\/tabs\:w-full {
  &:is(:where(.group\/tabs):where([data-orientation="vertical"]) *) {
    width: 100%;
  }
}
:where(.sable-forms-experience) .group-data-vertical\/tabs\:flex-col {
  &:is(:where(.group\/tabs):where([data-orientation="vertical"]) *) {
    flex-direction: column;
  }
}
:where(.sable-forms-experience) .group-data-vertical\/tabs\:justify-start {
  &:is(:where(.group\/tabs):where([data-orientation="vertical"]) *) {
    justify-content: flex-start;
  }
}
:where(.sable-forms-experience) .peer-hover\/menu-button\:text-sidebar-accent-foreground {
  &:is(:where(.peer\/menu-button):hover ~ *) {
    @media (hover: hover) {
      color: var(--accent-foreground);
    }
  }
}
:where(.sable-forms-experience) .peer-data-\[size\=default\]\/menu-button\:top-1\.5 {
  &:is(:where(.peer\/menu-button)[data-size="default"] ~ *) {
    top: calc(var(--spacing) * 1.5);
  }
}
:where(.sable-forms-experience) .peer-data-\[size\=lg\]\/menu-button\:top-2\.5 {
  &:is(:where(.peer\/menu-button)[data-size="lg"] ~ *) {
    top: calc(var(--spacing) * 2.5);
  }
}
:where(.sable-forms-experience) .peer-data-\[size\=sm\]\/menu-button\:top-1 {
  &:is(:where(.peer\/menu-button)[data-size="sm"] ~ *) {
    top: calc(var(--spacing) * 1);
  }
}
:where(.sable-forms-experience) .peer-data-active\/menu-button\:text-sidebar-accent-foreground {
  &:is(:is(:where(.peer\/menu-button):where([data-state="active"]), :where(.peer\/menu-button):where([data-active]:not([data-active="false"]))) ~ *) {
    color: var(--accent-foreground);
  }
}
:where(.sable-forms-experience) .file\:inline-flex {
  &::file-selector-button {
    display: inline-flex;
  }
}
:where(.sable-forms-experience) .file\:h-6 {
  &::file-selector-button {
    height: calc(var(--spacing) * 6);
  }
}
:where(.sable-forms-experience) .file\:h-7 {
  &::file-selector-button {
    height: calc(var(--spacing) * 7);
  }
}
:where(.sable-forms-experience) .file\:border-0 {
  &::file-selector-button {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
}
:where(.sable-forms-experience) .file\:bg-transparent {
  &::file-selector-button {
    background-color: transparent;
  }
}
:where(.sable-forms-experience) .file\:text-sm {
  &::file-selector-button {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
}
:where(.sable-forms-experience) .file\:font-medium {
  &::file-selector-button {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
}
:where(.sable-forms-experience) .file\:text-foreground {
  &::file-selector-button {
    color: var(--foreground);
  }
}
:where(.sable-forms-experience) .placeholder\:text-muted-foreground {
  &::placeholder {
    color: var(--muted-foreground);
  }
}
:where(.sable-forms-experience) .before\:pointer-events-none {
  &::before {
    content: var(--tw-content);
    pointer-events: none;
  }
}
:where(.sable-forms-experience) .before\:absolute {
  &::before {
    content: var(--tw-content);
    position: absolute;
  }
}
:where(.sable-forms-experience) .before\:inset-0 {
  &::before {
    content: var(--tw-content);
    inset: calc(var(--spacing) * 0);
  }
}
:where(.sable-forms-experience) .before\:-z-1 {
  &::before {
    content: var(--tw-content);
    z-index: calc(1 * -1);
  }
}
:where(.sable-forms-experience) .before\:rounded-\[inherit\] {
  &::before {
    content: var(--tw-content);
    border-radius: inherit;
  }
}
:where(.sable-forms-experience) .before\:backdrop-blur-2xl {
  &::before {
    content: var(--tw-content);
    --tw-backdrop-blur: blur(var(--blur-2xl));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
}
:where(.sable-forms-experience) .before\:backdrop-saturate-150 {
  &::before {
    content: var(--tw-content);
    --tw-backdrop-saturate: saturate(150%);
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
}
:where(.sable-forms-experience) .after\:absolute {
  &::after {
    content: var(--tw-content);
    position: absolute;
  }
}
:where(.sable-forms-experience) .after\:-inset-2 {
  &::after {
    content: var(--tw-content);
    inset: calc(var(--spacing) * -2);
  }
}
:where(.sable-forms-experience) .after\:-inset-x-3 {
  &::after {
    content: var(--tw-content);
    inset-inline: calc(var(--spacing) * -3);
  }
}
:where(.sable-forms-experience) .after\:-inset-y-2 {
  &::after {
    content: var(--tw-content);
    inset-block: calc(var(--spacing) * -2);
  }
}
:where(.sable-forms-experience) .after\:inset-y-0 {
  &::after {
    content: var(--tw-content);
    inset-block: calc(var(--spacing) * 0);
  }
}
:where(.sable-forms-experience) .after\:start-1\/2 {
  &::after {
    content: var(--tw-content);
    inset-inline-start: calc(1/2 * 100%);
  }
}
:where(.sable-forms-experience) .after\:right-0 {
  &::after {
    content: var(--tw-content);
    right: calc(var(--spacing) * 0);
  }
}
:where(.sable-forms-experience) .after\:left-0 {
  &::after {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
  }
}
:where(.sable-forms-experience) .after\:w-4 {
  &::after {
    content: var(--tw-content);
    width: calc(var(--spacing) * 4);
  }
}
:where(.sable-forms-experience) .after\:w-\[2px\] {
  &::after {
    content: var(--tw-content);
    width: 2px;
  }
}
:where(.sable-forms-experience) .after\:bg-foreground {
  &::after {
    content: var(--tw-content);
    background-color: var(--foreground);
  }
}
:where(.sable-forms-experience) .after\:bg-muted {
  &::after {
    content: var(--tw-content);
    background-color: var(--muted);
  }
}
:where(.sable-forms-experience) .after\:opacity-0 {
  &::after {
    content: var(--tw-content);
    opacity: 0%;
  }
}
:where(.sable-forms-experience) .after\:transition-opacity {
  &::after {
    content: var(--tw-content);
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
}
:where(.sable-forms-experience) .group-data-\[collapsible\=offcanvas\]\:after\:left-full {
  &:is(:where(.group)[data-collapsible="offcanvas"] *) {
    &::after {
      content: var(--tw-content);
      left: 100%;
    }
  }
}
:where(.sable-forms-experience) .group-data-horizontal\/tabs\:after\:inset-x-0 {
  &:is(:where(.group\/tabs):where([data-orientation="horizontal"]) *) {
    &::after {
      content: var(--tw-content);
      inset-inline: calc(var(--spacing) * 0);
    }
  }
}
:where(.sable-forms-experience) .group-data-horizontal\/tabs\:after\:bottom-\[-5px\] {
  &:is(:where(.group\/tabs):where([data-orientation="horizontal"]) *) {
    &::after {
      content: var(--tw-content);
      bottom: -5px;
    }
  }
}
:where(.sable-forms-experience) .group-data-horizontal\/tabs\:after\:h-0\.5 {
  &:is(:where(.group\/tabs):where([data-orientation="horizontal"]) *) {
    &::after {
      content: var(--tw-content);
      height: calc(var(--spacing) * 0.5);
    }
  }
}
:where(.sable-forms-experience) .group-data-vertical\/tabs\:after\:inset-y-0 {
  &:is(:where(.group\/tabs):where([data-orientation="vertical"]) *) {
    &::after {
      content: var(--tw-content);
      inset-block: calc(var(--spacing) * 0);
    }
  }
}
:where(.sable-forms-experience) .group-data-vertical\/tabs\:after\:-right-1 {
  &:is(:where(.group\/tabs):where([data-orientation="vertical"]) *) {
    &::after {
      content: var(--tw-content);
      right: calc(var(--spacing) * -1);
    }
  }
}
:where(.sable-forms-experience) .group-data-vertical\/tabs\:after\:w-0\.5 {
  &:is(:where(.group\/tabs):where([data-orientation="vertical"]) *) {
    &::after {
      content: var(--tw-content);
      width: calc(var(--spacing) * 0.5);
    }
  }
}
:where(.sable-forms-experience) .hover\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\] {
  &:hover {
    @media (hover: hover) {
      background-color: var(--secondary);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklch,var(--secondary),var(--foreground) 5%);
      }
    }
  }
}
:where(.sable-forms-experience) .hover\:bg-accent {
  &:hover {
    @media (hover: hover) {
      background-color: var(--accent);
    }
  }
}
:where(.sable-forms-experience) .hover\:bg-action-hover {
  &:hover {
    @media (hover: hover) {
      background-color: var(--action-hover);
    }
  }
}
:where(.sable-forms-experience) .hover\:bg-destructive\/20 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--destructive);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
      }
    }
  }
}
:where(.sable-forms-experience) .hover\:bg-muted {
  &:hover {
    @media (hover: hover) {
      background-color: var(--muted);
    }
  }
}
:where(.sable-forms-experience) .hover\:bg-muted\/50 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--muted);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--muted) 50%, transparent);
      }
    }
  }
}
:where(.sable-forms-experience) .hover\:bg-primary-50 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--primary-50);
    }
  }
}
:where(.sable-forms-experience) .hover\:bg-primary\/80 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--primary);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--primary) 80%, transparent);
      }
    }
  }
}
:where(.sable-forms-experience) .hover\:bg-secondary\/80 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--secondary);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--secondary) 80%, transparent);
      }
    }
  }
}
:where(.sable-forms-experience) .hover\:bg-sidebar-accent {
  &:hover {
    @media (hover: hover) {
      background-color: var(--accent);
    }
  }
}
:where(.sable-forms-experience) .hover\:text-foreground {
  &:hover {
    @media (hover: hover) {
      color: var(--foreground);
    }
  }
}
:where(.sable-forms-experience) .hover\:text-link {
  &:hover {
    @media (hover: hover) {
      color: var(--link);
    }
  }
}
:where(.sable-forms-experience) .hover\:text-sidebar-accent-foreground {
  &:hover {
    @media (hover: hover) {
      color: var(--accent-foreground);
    }
  }
}
:where(.sable-forms-experience) .hover\:underline {
  &:hover {
    @media (hover: hover) {
      text-decoration-line: underline;
    }
  }
}
:where(.sable-forms-experience) .hover\:shadow-\[0_0_0_1px_var\(--sidebar-accent\)\] {
  &:hover {
    @media (hover: hover) {
      --tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--sidebar-accent));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
}
:where(.sable-forms-experience) .hover\:group-data-\[collapsible\=offcanvas\]\:bg-sidebar {
  &:hover {
    @media (hover: hover) {
      &:is(:where(.group)[data-collapsible="offcanvas"] *) {
        background-color: var(--sidebar);
      }
    }
  }
}
:where(.sable-forms-experience) .hover\:after\:bg-sidebar-border {
  &:hover {
    @media (hover: hover) {
      &::after {
        content: var(--tw-content);
        background-color: var(--border);
      }
    }
  }
}
:where(.sable-forms-experience) .focus\:bg-accent {
  &:focus {
    background-color: var(--accent);
  }
}
:where(.sable-forms-experience) .focus\:text-accent-foreground {
  &:focus {
    color: var(--accent-foreground);
  }
}
:where(.sable-forms-experience) .focus\:\*\*\:text-accent-foreground {
  &:focus {
    :is(& *) {
      color: var(--accent-foreground);
    }
  }
}
:where(.sable-forms-experience) .not-data-\[variant\=destructive\]\:focus\:\*\*\:text-accent-foreground {
  &:not(*[data-variant="destructive"]) {
    &:focus {
      :is(& *) {
        color: var(--accent-foreground);
      }
    }
  }
}
:where(.sable-forms-experience) .focus-visible\:border-destructive\/40 {
  &:focus-visible {
    border-color: var(--destructive);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--destructive) 40%, transparent);
    }
  }
}
:where(.sable-forms-experience) .focus-visible\:border-ring {
  &:focus-visible {
    border-color: var(--ring);
  }
}
:where(.sable-forms-experience) .focus-visible\:ring-0 {
  &:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
:where(.sable-forms-experience) .focus-visible\:ring-2 {
  &:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
:where(.sable-forms-experience) .focus-visible\:ring-3 {
  &:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
:where(.sable-forms-experience) .focus-visible\:ring-\[3px\] {
  &:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
:where(.sable-forms-experience) .focus-visible\:ring-destructive\/20 {
  &:focus-visible {
    --tw-ring-color: var(--destructive);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }
}
:where(.sable-forms-experience) .focus-visible\:ring-ring {
  &:focus-visible {
    --tw-ring-color: var(--ring);
  }
}
:where(.sable-forms-experience) .focus-visible\:ring-ring\/30 {
  &:focus-visible {
    --tw-ring-color: var(--ring);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--ring) 30%, transparent);
    }
  }
}
:where(.sable-forms-experience) .focus-visible\:ring-ring\/50 {
  &:focus-visible {
    --tw-ring-color: var(--ring);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }
}
:where(.sable-forms-experience) .focus-visible\:outline-1 {
  &:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
}
:where(.sable-forms-experience) .focus-visible\:outline-ring {
  &:focus-visible {
    outline-color: var(--ring);
  }
}
:where(.sable-forms-experience) .focus-visible\:ring-inset {
  &:focus-visible {
    --tw-ring-inset: inset;
  }
}
:where(.sable-forms-experience) .active\:scale-\[0\.98\] {
  &:active {
    scale: 0.98;
  }
}
:where(.sable-forms-experience) .active\:bg-action-active {
  &:active {
    background-color: var(--action-active);
  }
}
:where(.sable-forms-experience) .active\:bg-sidebar-accent {
  &:active {
    background-color: var(--accent);
  }
}
:where(.sable-forms-experience) .active\:text-sidebar-accent-foreground {
  &:active {
    color: var(--accent-foreground);
  }
}
:where(.sable-forms-experience) .active\:not-aria-\[haspopup\]\:translate-y-px {
  &:active {
    &:not(*[aria-haspopup]) {
      --tw-translate-y: 1px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
}
:where(.sable-forms-experience) .disabled\:pointer-events-none {
  &:disabled {
    pointer-events: none;
  }
}
:where(.sable-forms-experience) .disabled\:cursor-default {
  &:disabled {
    cursor: default;
  }
}
:where(.sable-forms-experience) .disabled\:cursor-not-allowed {
  &:disabled {
    cursor: not-allowed;
  }
}
:where(.sable-forms-experience) .disabled\:bg-input\/50 {
  &:disabled {
    background-color: var(--input);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--input) 50%, transparent);
    }
  }
}
:where(.sable-forms-experience) .disabled\:opacity-50 {
  &:disabled {
    opacity: 50%;
  }
}
:where(.sable-forms-experience) .disabled\:opacity-55 {
  &:disabled {
    opacity: 55%;
  }
}
:where(.sable-forms-experience) .disabled\:opacity-100 {
  &:disabled {
    opacity: 100%;
  }
}
:where(.sable-forms-experience) .disabled\:active\:scale-100 {
  &:disabled {
    &:active {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
}
:where(.sable-forms-experience) .in-data-\[side\=left\]\:cursor-w-resize {
  :where(*[data-side="left"]) & {
    cursor: w-resize;
  }
}
:where(.sable-forms-experience) .in-data-\[side\=right\]\:cursor-e-resize {
  :where(*[data-side="right"]) & {
    cursor: e-resize;
  }
}
:where(.sable-forms-experience) .in-data-\[slot\=button-group\]\:rounded-lg {
  :where(*[data-slot="button-group"]) & {
    border-radius: 20px;
  }
}
:where(.sable-forms-experience) .in-data-\[slot\=card-content\]\:bg-transparent {
  :where(*[data-slot="card-content"]) & {
    background-color: transparent;
  }
}
:where(.sable-forms-experience) .in-data-\[slot\=popover-content\]\:bg-transparent {
  :where(*[data-slot="popover-content"]) & {
    background-color: transparent;
  }
}
:where(.sable-forms-experience) .has-aria-expanded\:bg-muted\/50 {
  &:has(*[aria-expanded="true"]) {
    background-color: var(--muted);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--muted) 50%, transparent);
    }
  }
}
:where(.sable-forms-experience) .has-data-\[icon\=inline-end\]\:pr-1 {
  &:has(*[data-icon="inline-end"]) {
    padding-right: calc(var(--spacing) * 1);
  }
}
:where(.sable-forms-experience) .has-data-\[icon\=inline-end\]\:pr-1\.5 {
  &:has(*[data-icon="inline-end"]) {
    padding-right: calc(var(--spacing) * 1.5);
  }
}
:where(.sable-forms-experience) .has-data-\[icon\=inline-end\]\:pr-2 {
  &:has(*[data-icon="inline-end"]) {
    padding-right: calc(var(--spacing) * 2);
  }
}
:where(.sable-forms-experience) .has-data-\[icon\=inline-end\]\:pr-2\.5 {
  &:has(*[data-icon="inline-end"]) {
    padding-right: calc(var(--spacing) * 2.5);
  }
}
:where(.sable-forms-experience) .has-data-\[icon\=inline-end\]\:pr-3 {
  &:has(*[data-icon="inline-end"]) {
    padding-right: calc(var(--spacing) * 3);
  }
}
:where(.sable-forms-experience) .has-data-\[icon\=inline-start\]\:pl-1 {
  &:has(*[data-icon="inline-start"]) {
    padding-left: calc(var(--spacing) * 1);
  }
}
:where(.sable-forms-experience) .has-data-\[icon\=inline-start\]\:pl-1\.5 {
  &:has(*[data-icon="inline-start"]) {
    padding-left: calc(var(--spacing) * 1.5);
  }
}
:where(.sable-forms-experience) .has-data-\[icon\=inline-start\]\:pl-2 {
  &:has(*[data-icon="inline-start"]) {
    padding-left: calc(var(--spacing) * 2);
  }
}
:where(.sable-forms-experience) .has-data-\[icon\=inline-start\]\:pl-2\.5 {
  &:has(*[data-icon="inline-start"]) {
    padding-left: calc(var(--spacing) * 2.5);
  }
}
:where(.sable-forms-experience) .has-data-\[icon\=inline-start\]\:pl-3 {
  &:has(*[data-icon="inline-start"]) {
    padding-left: calc(var(--spacing) * 3);
  }
}
:where(.sable-forms-experience) .has-data-\[slot\=kbd\]\:pr-1\.5 {
  &:has(*[data-slot="kbd"]) {
    padding-right: calc(var(--spacing) * 1.5);
  }
}
:where(.sable-forms-experience) .has-data-\[variant\=inset\]\:bg-sidebar {
  &:has(*[data-variant="inset"]) {
    background-color: var(--sidebar);
  }
}
:where(.sable-forms-experience) .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:border-ring {
  &:has(*:is([data-slot=input-group-control]:focus-visible)) {
    border-color: var(--ring);
  }
}
:where(.sable-forms-experience) .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-3 {
  &:has(*:is([data-slot=input-group-control]:focus-visible)) {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
:where(.sable-forms-experience) .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/30 {
  &:has(*:is([data-slot=input-group-control]:focus-visible)) {
    --tw-ring-color: var(--ring);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--ring) 30%, transparent);
    }
  }
}
:where(.sable-forms-experience) .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:border-destructive {
  &:has(*:is([data-slot][aria-invalid=true])) {
    border-color: var(--destructive);
  }
}
:where(.sable-forms-experience) .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-3 {
  &:has(*:is([data-slot][aria-invalid=true])) {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
:where(.sable-forms-experience) .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20 {
  &:has(*:is([data-slot][aria-invalid=true])) {
    --tw-ring-color: var(--destructive);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }
}
:where(.sable-forms-experience) .has-\[\>\[data-align\=block-end\]\]\:h-auto {
  &:has(>[data-align=block-end]) {
    height: auto;
  }
}
:where(.sable-forms-experience) .has-\[\>\[data-align\=block-end\]\]\:flex-col {
  &:has(>[data-align=block-end]) {
    flex-direction: column;
  }
}
:where(.sable-forms-experience) .has-\[\>\[data-align\=block-end\]\]\:rounded-\[14px\] {
  &:has(>[data-align=block-end]) {
    border-radius: 14px;
  }
}
:where(.sable-forms-experience) .has-\[\>\[data-align\=block-start\]\]\:h-auto {
  &:has(>[data-align=block-start]) {
    height: auto;
  }
}
:where(.sable-forms-experience) .has-\[\>\[data-align\=block-start\]\]\:flex-col {
  &:has(>[data-align=block-start]) {
    flex-direction: column;
  }
}
:where(.sable-forms-experience) .has-\[\>\[data-align\=block-start\]\]\:rounded-\[14px\] {
  &:has(>[data-align=block-start]) {
    border-radius: 14px;
  }
}
:where(.sable-forms-experience) .has-\[\>button\]\:-mr-1 {
  &:has(>button) {
    margin-right: calc(var(--spacing) * -1);
  }
}
:where(.sable-forms-experience) .has-\[\>button\]\:-ml-1 {
  &:has(>button) {
    margin-left: calc(var(--spacing) * -1);
  }
}
:where(.sable-forms-experience) .has-\[\>svg\]\:p-0 {
  &:has(>svg) {
    padding: calc(var(--spacing) * 0);
  }
}
:where(.sable-forms-experience) .has-\[\>textarea\]\:h-auto {
  &:has(>textarea) {
    height: auto;
  }
}
:where(.sable-forms-experience) .has-\[\>textarea\]\:rounded-\[14px\] {
  &:has(>textarea) {
    border-radius: 14px;
  }
}
:where(.sable-forms-experience) .aria-disabled\:pointer-events-none {
  &[aria-disabled="true"] {
    pointer-events: none;
  }
}
:where(.sable-forms-experience) .aria-disabled\:opacity-50 {
  &[aria-disabled="true"] {
    opacity: 50%;
  }
}
:where(.sable-forms-experience) .aria-expanded\:bg-muted {
  &[aria-expanded="true"] {
    background-color: var(--muted);
  }
}
:where(.sable-forms-experience) .aria-expanded\:bg-primary-50 {
  &[aria-expanded="true"] {
    background-color: var(--primary-50);
  }
}
:where(.sable-forms-experience) .aria-expanded\:bg-secondary {
  &[aria-expanded="true"] {
    background-color: var(--secondary);
  }
}
:where(.sable-forms-experience) .aria-expanded\:text-foreground {
  &[aria-expanded="true"] {
    color: var(--foreground);
  }
}
:where(.sable-forms-experience) .aria-expanded\:text-link {
  &[aria-expanded="true"] {
    color: var(--link);
  }
}
:where(.sable-forms-experience) .aria-expanded\:text-secondary-foreground {
  &[aria-expanded="true"] {
    color: var(--secondary-foreground);
  }
}
:where(.sable-forms-experience) .aria-expanded\:opacity-100 {
  &[aria-expanded="true"] {
    opacity: 100%;
  }
}
:where(.sable-forms-experience) .aria-invalid\:border-destructive {
  &[aria-invalid="true"] {
    border-color: var(--destructive);
  }
}
:where(.sable-forms-experience) .aria-invalid\:ring-0 {
  &[aria-invalid="true"] {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
:where(.sable-forms-experience) .aria-invalid\:ring-3 {
  &[aria-invalid="true"] {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
:where(.sable-forms-experience) .aria-invalid\:ring-destructive\/20 {
  &[aria-invalid="true"] {
    --tw-ring-color: var(--destructive);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }
}
:where(.sable-forms-experience) .aria-invalid\:aria-checked\:border-primary {
  &[aria-invalid="true"] {
    &[aria-checked="true"] {
      border-color: var(--primary);
    }
  }
}
:where(.sable-forms-experience) .aria-selected\:text-muted-foreground {
  &[aria-selected="true"] {
    color: var(--muted-foreground);
  }
}
:where(.sable-forms-experience) .data-ending-style\:opacity-0 {
  &[data-ending-style] {
    opacity: 0%;
  }
}
:where(.sable-forms-experience) .data-inset\:pl-7 {
  &[data-inset] {
    padding-left: calc(var(--spacing) * 7);
  }
}
:where(.sable-forms-experience) .data-placeholder\:text-muted-foreground {
  &[data-placeholder] {
    color: var(--muted-foreground);
  }
}
:where(.sable-forms-experience) .data-popup-open\:bg-accent {
  &[data-popup-open] {
    background-color: var(--accent);
  }
}
:where(.sable-forms-experience) .data-popup-open\:text-accent-foreground {
  &[data-popup-open] {
    color: var(--accent-foreground);
  }
}
:where(.sable-forms-experience) .data-starting-style\:translate-y-1 {
  &[data-starting-style] {
    --tw-translate-y: calc(var(--spacing) * 1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
}
:where(.sable-forms-experience) .data-starting-style\:opacity-0 {
  &[data-starting-style] {
    opacity: 0%;
  }
}
:where(.sable-forms-experience) .data-\[align-trigger\=true\]\:animate-none {
  &[data-align-trigger="true"] {
    animation: none;
  }
}
:where(.sable-forms-experience) .data-\[checked\]\:border-primary-400 {
  &[data-checked] {
    border-color: var(--primary-400);
  }
}
:where(.sable-forms-experience) .data-\[checked\]\:bg-primary-400 {
  &[data-checked] {
    background-color: var(--primary-400);
  }
}
:where(.sable-forms-experience) .data-\[range-end\=true\]\:rounded-\(--cell-radius\) {
  &[data-range-end="true"] {
    border-radius: var(--cell-radius);
  }
}
:where(.sable-forms-experience) .data-\[range-end\=true\]\:rounded-r-\(--cell-radius\) {
  &[data-range-end="true"] {
    border-top-right-radius: var(--cell-radius);
    border-bottom-right-radius: var(--cell-radius);
  }
}
:where(.sable-forms-experience) .data-\[range-end\=true\]\:bg-primary {
  &[data-range-end="true"] {
    background-color: var(--primary);
  }
}
:where(.sable-forms-experience) .data-\[range-end\=true\]\:text-primary-foreground {
  &[data-range-end="true"] {
    color: var(--primary-foreground);
  }
}
:where(.sable-forms-experience) .data-\[range-middle\=true\]\:rounded-none {
  &[data-range-middle="true"] {
    border-radius: 0;
  }
}
:where(.sable-forms-experience) .data-\[range-middle\=true\]\:bg-muted {
  &[data-range-middle="true"] {
    background-color: var(--muted);
  }
}
:where(.sable-forms-experience) .data-\[range-middle\=true\]\:text-foreground {
  &[data-range-middle="true"] {
    color: var(--foreground);
  }
}
:where(.sable-forms-experience) .data-\[range-start\=true\]\:rounded-\(--cell-radius\) {
  &[data-range-start="true"] {
    border-radius: var(--cell-radius);
  }
}
:where(.sable-forms-experience) .data-\[range-start\=true\]\:rounded-l-\(--cell-radius\) {
  &[data-range-start="true"] {
    border-top-left-radius: var(--cell-radius);
    border-bottom-left-radius: var(--cell-radius);
  }
}
:where(.sable-forms-experience) .data-\[range-start\=true\]\:bg-primary {
  &[data-range-start="true"] {
    background-color: var(--primary);
  }
}
:where(.sable-forms-experience) .data-\[range-start\=true\]\:text-primary-foreground {
  &[data-range-start="true"] {
    color: var(--primary-foreground);
  }
}
:where(.sable-forms-experience) .data-\[selected-single\=true\]\:bg-primary {
  &[data-selected-single="true"] {
    background-color: var(--primary);
  }
}
:where(.sable-forms-experience) .data-\[selected-single\=true\]\:text-primary-foreground {
  &[data-selected-single="true"] {
    color: var(--primary-foreground);
  }
}
:where(.sable-forms-experience) .data-\[selected\=true\]\:rounded-none {
  &[data-selected="true"] {
    border-radius: 0;
  }
}
:where(.sable-forms-experience) .data-\[side\=bottom\]\:inset-x-0 {
  &[data-side="bottom"] {
    inset-inline: calc(var(--spacing) * 0);
  }
}
:where(.sable-forms-experience) .data-\[side\=bottom\]\:top-1 {
  &[data-side="bottom"] {
    top: calc(var(--spacing) * 1);
  }
}
:where(.sable-forms-experience) .data-\[side\=bottom\]\:bottom-0 {
  &[data-side="bottom"] {
    bottom: calc(var(--spacing) * 0);
  }
}
:where(.sable-forms-experience) .data-\[side\=bottom\]\:h-auto {
  &[data-side="bottom"] {
    height: auto;
  }
}
:where(.sable-forms-experience) .data-\[side\=bottom\]\:border-t {
  &[data-side="bottom"] {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
}
:where(.sable-forms-experience) .data-\[side\=bottom\]\:slide-in-from-top-2 {
  &[data-side="bottom"] {
    --tw-enter-translate-y: calc(2*var(--spacing)*-1);
  }
}
:where(.sable-forms-experience) .data-\[side\=bottom\]\:data-ending-style\:translate-y-\[2\.5rem\] {
  &[data-side="bottom"] {
    &[data-ending-style] {
      --tw-translate-y: 2.5rem;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
}
:where(.sable-forms-experience) .data-\[side\=bottom\]\:data-starting-style\:translate-y-\[2\.5rem\] {
  &[data-side="bottom"] {
    &[data-starting-style] {
      --tw-translate-y: 2.5rem;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
}
:where(.sable-forms-experience) .data-\[side\=inline-end\]\:top-1\/2\! {
  &[data-side="inline-end"] {
    top: calc(1 / 2 * 100%) !important;
  }
}
:where(.sable-forms-experience) .data-\[side\=inline-end\]\:-left-1 {
  &[data-side="inline-end"] {
    left: calc(var(--spacing) * -1);
  }
}
:where(.sable-forms-experience) .data-\[side\=inline-end\]\:-translate-y-1\/2 {
  &[data-side="inline-end"] {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
}
:where(.sable-forms-experience) .data-\[side\=inline-end\]\:slide-in-from-left-2 {
  &[data-side="inline-end"] {
    --tw-enter-translate-x: calc(2*var(--spacing)*-1);
  }
}
:where(.sable-forms-experience) .data-\[side\=inline-start\]\:top-1\/2\! {
  &[data-side="inline-start"] {
    top: calc(1 / 2 * 100%) !important;
  }
}
:where(.sable-forms-experience) .data-\[side\=inline-start\]\:-right-1 {
  &[data-side="inline-start"] {
    right: calc(var(--spacing) * -1);
  }
}
:where(.sable-forms-experience) .data-\[side\=inline-start\]\:-translate-y-1\/2 {
  &[data-side="inline-start"] {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
}
:where(.sable-forms-experience) .data-\[side\=inline-start\]\:slide-in-from-right-2 {
  &[data-side="inline-start"] {
    --tw-enter-translate-x: calc(2*var(--spacing));
  }
}
:where(.sable-forms-experience) .data-\[side\=left\]\:inset-y-0 {
  &[data-side="left"] {
    inset-block: calc(var(--spacing) * 0);
  }
}
:where(.sable-forms-experience) .data-\[side\=left\]\:top-1\/2\! {
  &[data-side="left"] {
    top: calc(1 / 2 * 100%) !important;
  }
}
:where(.sable-forms-experience) .data-\[side\=left\]\:-right-1 {
  &[data-side="left"] {
    right: calc(var(--spacing) * -1);
  }
}
:where(.sable-forms-experience) .data-\[side\=left\]\:left-0 {
  &[data-side="left"] {
    left: calc(var(--spacing) * 0);
  }
}
:where(.sable-forms-experience) .data-\[side\=left\]\:h-full {
  &[data-side="left"] {
    height: 100%;
  }
}
:where(.sable-forms-experience) .data-\[side\=left\]\:w-3\/4 {
  &[data-side="left"] {
    width: calc(3 / 4 * 100%);
  }
}
:where(.sable-forms-experience) .data-\[side\=left\]\:-translate-y-1\/2 {
  &[data-side="left"] {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
}
:where(.sable-forms-experience) .data-\[side\=left\]\:border-r {
  &[data-side="left"] {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
}
:where(.sable-forms-experience) .data-\[side\=left\]\:slide-in-from-right-2 {
  &[data-side="left"] {
    --tw-enter-translate-x: calc(2*var(--spacing));
  }
}
:where(.sable-forms-experience) .data-\[side\=left\]\:group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\] {
  &[data-side="left"] {
    &:is(:where(.group)[data-collapsible="offcanvas"] *) {
      left: calc(var(--sidebar-width) * -1);
    }
  }
}
:where(.sable-forms-experience) .data-\[side\=left\]\:data-ending-style\:translate-x-\[-2\.5rem\] {
  &[data-side="left"] {
    &[data-ending-style] {
      --tw-translate-x: -2.5rem;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
}
:where(.sable-forms-experience) .data-\[side\=left\]\:data-starting-style\:translate-x-\[-2\.5rem\] {
  &[data-side="left"] {
    &[data-starting-style] {
      --tw-translate-x: -2.5rem;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
}
:where(.sable-forms-experience) .data-\[side\=right\]\:inset-y-0 {
  &[data-side="right"] {
    inset-block: calc(var(--spacing) * 0);
  }
}
:where(.sable-forms-experience) .data-\[side\=right\]\:top-1\/2\! {
  &[data-side="right"] {
    top: calc(1 / 2 * 100%) !important;
  }
}
:where(.sable-forms-experience) .data-\[side\=right\]\:right-0 {
  &[data-side="right"] {
    right: calc(var(--spacing) * 0);
  }
}
:where(.sable-forms-experience) .data-\[side\=right\]\:-left-1 {
  &[data-side="right"] {
    left: calc(var(--spacing) * -1);
  }
}
:where(.sable-forms-experience) .data-\[side\=right\]\:h-full {
  &[data-side="right"] {
    height: 100%;
  }
}
:where(.sable-forms-experience) .data-\[side\=right\]\:w-3\/4 {
  &[data-side="right"] {
    width: calc(3 / 4 * 100%);
  }
}
:where(.sable-forms-experience) .data-\[side\=right\]\:-translate-y-1\/2 {
  &[data-side="right"] {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
}
:where(.sable-forms-experience) .data-\[side\=right\]\:border-l {
  &[data-side="right"] {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
}
:where(.sable-forms-experience) .data-\[side\=right\]\:slide-in-from-left-2 {
  &[data-side="right"] {
    --tw-enter-translate-x: calc(2*var(--spacing)*-1);
  }
}
:where(.sable-forms-experience) .data-\[side\=right\]\:group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\] {
  &[data-side="right"] {
    &:is(:where(.group)[data-collapsible="offcanvas"] *) {
      right: calc(var(--sidebar-width) * -1);
    }
  }
}
:where(.sable-forms-experience) .data-\[side\=right\]\:data-ending-style\:translate-x-\[2\.5rem\] {
  &[data-side="right"] {
    &[data-ending-style] {
      --tw-translate-x: 2.5rem;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
}
:where(.sable-forms-experience) .data-\[side\=right\]\:data-starting-style\:translate-x-\[2\.5rem\] {
  &[data-side="right"] {
    &[data-starting-style] {
      --tw-translate-x: 2.5rem;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
}
:where(.sable-forms-experience) .data-\[side\=top\]\:inset-x-0 {
  &[data-side="top"] {
    inset-inline: calc(var(--spacing) * 0);
  }
}
:where(.sable-forms-experience) .data-\[side\=top\]\:top-0 {
  &[data-side="top"] {
    top: calc(var(--spacing) * 0);
  }
}
:where(.sable-forms-experience) .data-\[side\=top\]\:-bottom-2\.5 {
  &[data-side="top"] {
    bottom: calc(var(--spacing) * -2.5);
  }
}
:where(.sable-forms-experience) .data-\[side\=top\]\:h-auto {
  &[data-side="top"] {
    height: auto;
  }
}
:where(.sable-forms-experience) .data-\[side\=top\]\:border-b {
  &[data-side="top"] {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
}
:where(.sable-forms-experience) .data-\[side\=top\]\:slide-in-from-bottom-2 {
  &[data-side="top"] {
    --tw-enter-translate-y: calc(2*var(--spacing));
  }
}
:where(.sable-forms-experience) .data-\[side\=top\]\:data-ending-style\:translate-y-\[-2\.5rem\] {
  &[data-side="top"] {
    &[data-ending-style] {
      --tw-translate-y: -2.5rem;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
}
:where(.sable-forms-experience) .data-\[side\=top\]\:data-starting-style\:translate-y-\[-2\.5rem\] {
  &[data-side="top"] {
    &[data-starting-style] {
      --tw-translate-y: -2.5rem;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
}
:where(.sable-forms-experience) .data-\[size\=default\]\:h-8 {
  &[data-size="default"] {
    height: calc(var(--spacing) * 8);
  }
}
:where(.sable-forms-experience) .data-\[size\=default\]\:h-9 {
  &[data-size="default"] {
    height: calc(var(--spacing) * 9);
  }
}
:where(.sable-forms-experience) .data-\[size\=default\]\:h-\[18\.4px\] {
  &[data-size="default"] {
    height: 18.4px;
  }
}
:where(.sable-forms-experience) .data-\[size\=default\]\:w-\[32px\] {
  &[data-size="default"] {
    width: 32px;
  }
}
:where(.sable-forms-experience) .data-\[size\=md\]\:text-sm {
  &[data-size="md"] {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
}
:where(.sable-forms-experience) .data-\[size\=sm\]\:h-7 {
  &[data-size="sm"] {
    height: calc(var(--spacing) * 7);
  }
}
:where(.sable-forms-experience) .data-\[size\=sm\]\:h-8 {
  &[data-size="sm"] {
    height: calc(var(--spacing) * 8);
  }
}
:where(.sable-forms-experience) .data-\[size\=sm\]\:h-\[14px\] {
  &[data-size="sm"] {
    height: 14px;
  }
}
:where(.sable-forms-experience) .data-\[size\=sm\]\:w-\[24px\] {
  &[data-size="sm"] {
    width: 24px;
  }
}
:where(.sable-forms-experience) .data-\[size\=sm\]\:rounded-\[min\(var\(--radius-md\)\,10px\)\] {
  &[data-size="sm"] {
    border-radius: min(var(--radius-md), 10px);
  }
}
:where(.sable-forms-experience) .data-\[size\=sm\]\:text-xs {
  &[data-size="sm"] {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
}
:where(.sable-forms-experience) .\*\*\:data-\[slot\$\=-item\]\:focus\:bg-foreground\/10 {
  :is(& *) {
    &[data-slot$="-item"] {
      &:focus {
        background-color: var(--foreground);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--foreground) 10%, transparent);
        }
      }
    }
  }
}
:where(.sable-forms-experience) .\*\*\:data-\[slot\$\=-item\]\:data-highlighted\:bg-foreground\/10 {
  :is(& *) {
    &[data-slot$="-item"] {
      &[data-highlighted] {
        background-color: var(--foreground);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--foreground) 10%, transparent);
        }
      }
    }
  }
}
:where(.sable-forms-experience) .\*\*\:data-\[slot\$\=-separator\]\:bg-foreground\/5 {
  :is(& *) {
    &[data-slot$="-separator"] {
      background-color: var(--foreground);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--foreground) 5%, transparent);
      }
    }
  }
}
:where(.sable-forms-experience) .\*\*\:data-\[slot\$\=-trigger\]\:focus\:bg-foreground\/10 {
  :is(& *) {
    &[data-slot$="-trigger"] {
      &:focus {
        background-color: var(--foreground);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--foreground) 10%, transparent);
        }
      }
    }
  }
}
:where(.sable-forms-experience) .\*\*\:data-\[slot\$\=-trigger\]\:aria-expanded\:bg-foreground\/10\! {
  :is(& *) {
    &[data-slot$="-trigger"] {
      &[aria-expanded="true"] {
        background-color: var(--foreground) !important;
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--foreground) 10%, transparent) !important;
        }
      }
    }
  }
}
:where(.sable-forms-experience) .\*\*\:data-\[slot\=kbd\]\:relative {
  :is(& *) {
    &[data-slot="kbd"] {
      position: relative;
    }
  }
}
:where(.sable-forms-experience) .\*\*\:data-\[slot\=kbd\]\:isolate {
  :is(& *) {
    &[data-slot="kbd"] {
      isolation: isolate;
    }
  }
}
:where(.sable-forms-experience) .\*\*\:data-\[slot\=kbd\]\:z-50 {
  :is(& *) {
    &[data-slot="kbd"] {
      z-index: 50;
    }
  }
}
:where(.sable-forms-experience) .\*\*\:data-\[slot\=kbd\]\:rounded-sm {
  :is(& *) {
    &[data-slot="kbd"] {
      border-radius: 10px;
    }
  }
}
:where(.sable-forms-experience) .\*\:data-\[slot\=select-value\]\:line-clamp-1 {
  :is(& > *) {
    &[data-slot="select-value"] {
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
    }
  }
}
:where(.sable-forms-experience) .\*\:data-\[slot\=select-value\]\:flex {
  :is(& > *) {
    &[data-slot="select-value"] {
      display: flex;
    }
  }
}
:where(.sable-forms-experience) .\*\:data-\[slot\=select-value\]\:items-center {
  :is(& > *) {
    &[data-slot="select-value"] {
      align-items: center;
    }
  }
}
:where(.sable-forms-experience) .\*\:data-\[slot\=select-value\]\:gap-1\.5 {
  :is(& > *) {
    &[data-slot="select-value"] {
      gap: calc(var(--spacing) * 1.5);
    }
  }
}
:where(.sable-forms-experience) .data-\[state\=delayed-open\]\:animate-in {
  &[data-state="delayed-open"] {
    animation: forms-enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
  }
}
:where(.sable-forms-experience) .data-\[state\=delayed-open\]\:fade-in-0 {
  &[data-state="delayed-open"] {
    --tw-enter-opacity: calc(0/100);
    --tw-enter-opacity: 0;
  }
}
:where(.sable-forms-experience) .data-\[state\=delayed-open\]\:zoom-in-95 {
  &[data-state="delayed-open"] {
    --tw-enter-scale: calc(95*1%);
    --tw-enter-scale: .95;
  }
}
:where(.sable-forms-experience) .data-\[state\=selected\]\:bg-muted {
  &[data-state="selected"] {
    background-color: var(--muted);
  }
}
:where(.sable-forms-experience) .data-\[variant\=destructive\]\:text-destructive {
  &[data-variant="destructive"] {
    color: var(--destructive);
  }
}
:where(.sable-forms-experience) .\*\*\:data-\[variant\=destructive\]\:\*\*\:text-accent-foreground\! {
  :is(& *) {
    &[data-variant="destructive"] {
      :is(& *) {
        color: var(--accent-foreground) !important;
      }
    }
  }
}
:where(.sable-forms-experience) .\*\*\:data-\[variant\=destructive\]\:text-accent-foreground\! {
  :is(& *) {
    &[data-variant="destructive"] {
      color: var(--accent-foreground) !important;
    }
  }
}
:where(.sable-forms-experience) .data-\[variant\=destructive\]\:focus\:bg-destructive\/10 {
  &[data-variant="destructive"] {
    &:focus {
      background-color: var(--destructive);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
      }
    }
  }
}
:where(.sable-forms-experience) .data-\[variant\=destructive\]\:focus\:text-destructive {
  &[data-variant="destructive"] {
    &:focus {
      color: var(--destructive);
    }
  }
}
:where(.sable-forms-experience) .\*\*\:data-\[variant\=destructive\]\:focus\:bg-foreground\/10\! {
  :is(& *) {
    &[data-variant="destructive"] {
      &:focus {
        background-color: var(--foreground) !important;
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--foreground) 10%, transparent) !important;
        }
      }
    }
  }
}
:where(.sable-forms-experience) .data-\[variant\=line\]\:rounded-none {
  &[data-variant="line"] {
    border-radius: 0;
  }
}
:where(.sable-forms-experience) .supports-backdrop-filter\:backdrop-blur-xs {
  @supports (backdrop-filter: var(--tw)) {
    --tw-backdrop-blur: blur(var(--blur-xs));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
}
:where(.sable-forms-experience) .motion-reduce\:transition-none {
  @media (prefers-reduced-motion: reduce) {
    transition-property: none;
  }
}
:where(.sable-forms-experience) .max-md\:inset-0 {
  @media (width < 48rem) {
    inset: calc(var(--spacing) * 0);
  }
}
:where(.sable-forms-experience) .max-md\:h-full {
  @media (width < 48rem) {
    height: 100%;
  }
}
:where(.sable-forms-experience) .max-md\:w-full {
  @media (width < 48rem) {
    width: 100%;
  }
}
:where(.sable-forms-experience) .max-sm\:inset-x-0 {
  @media (width < 40rem) {
    inset-inline: calc(var(--spacing) * 0);
  }
}
:where(.sable-forms-experience) .max-sm\:top-auto {
  @media (width < 40rem) {
    top: auto;
  }
}
:where(.sable-forms-experience) .max-sm\:bottom-0 {
  @media (width < 40rem) {
    bottom: calc(var(--spacing) * 0);
  }
}
:where(.sable-forms-experience) .max-sm\:w-full {
  @media (width < 40rem) {
    width: 100%;
  }
}
:where(.sable-forms-experience) .max-sm\:translate-x-0 {
  @media (width < 40rem) {
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
}
:where(.sable-forms-experience) .max-sm\:translate-y-0 {
  @media (width < 40rem) {
    --tw-translate-y: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
}
:where(.sable-forms-experience) .max-sm\:flex-wrap {
  @media (width < 40rem) {
    flex-wrap: wrap;
  }
}
:where(.sable-forms-experience) .max-sm\:rounded-t-\[24px\] {
  @media (width < 40rem) {
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
  }
}
:where(.sable-forms-experience) .max-sm\:rounded-b-none {
  @media (width < 40rem) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
}
:where(.sable-forms-experience) .sm\:flex {
  @media (width >= 40rem) {
    display: flex;
  }
}
:where(.sable-forms-experience) .sm\:w-auto {
  @media (width >= 40rem) {
    width: auto;
  }
}
:where(.sable-forms-experience) .sm\:max-w-sm {
  @media (width >= 40rem) {
    max-width: var(--container-sm);
  }
}
:where(.sable-forms-experience) .sm\:grid-cols-2 {
  @media (width >= 40rem) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
:where(.sable-forms-experience) .sm\:flex-row {
  @media (width >= 40rem) {
    flex-direction: row;
  }
}
:where(.sable-forms-experience) .sm\:items-center {
  @media (width >= 40rem) {
    align-items: center;
  }
}
:where(.sable-forms-experience) .sm\:justify-end {
  @media (width >= 40rem) {
    justify-content: flex-end;
  }
}
:where(.sable-forms-experience) .sm\:rounded-2xl {
  @media (width >= 40rem) {
    border-radius: var(--radius-2xl);
  }
}
:where(.sable-forms-experience) .sm\:border {
  @media (width >= 40rem) {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
}
:where(.sable-forms-experience) .sm\:border-border {
  @media (width >= 40rem) {
    border-color: var(--border);
  }
}
:where(.sable-forms-experience) .sm\:p-6 {
  @media (width >= 40rem) {
    padding: calc(var(--spacing) * 6);
  }
}
:where(.sable-forms-experience) .sm\:shadow-sm {
  @media (width >= 40rem) {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
:where(.sable-forms-experience) .data-\[side\=left\]\:sm\:max-w-sm {
  &[data-side="left"] {
    @media (width >= 40rem) {
      max-width: var(--container-sm);
    }
  }
}
:where(.sable-forms-experience) .data-\[side\=right\]\:sm\:max-w-sm {
  &[data-side="right"] {
    @media (width >= 40rem) {
      max-width: var(--container-sm);
    }
  }
}
:where(.sable-forms-experience) .md\:top-1\/2 {
  @media (width >= 48rem) {
    top: calc(1 / 2 * 100%);
  }
}
:where(.sable-forms-experience) .md\:left-1\/2 {
  @media (width >= 48rem) {
    left: calc(1 / 2 * 100%);
  }
}
:where(.sable-forms-experience) .md\:block {
  @media (width >= 48rem) {
    display: block;
  }
}
:where(.sable-forms-experience) .md\:flex {
  @media (width >= 48rem) {
    display: flex;
  }
}
:where(.sable-forms-experience) .md\:h-\[min\(720px\,calc\(100dvh-40px\)\)\] {
  @media (width >= 48rem) {
    height: min(720px, calc(100dvh - 40px));
  }
}
:where(.sable-forms-experience) .md\:w-\[min\(1120px\,calc\(100vw-40px\)\)\] {
  @media (width >= 48rem) {
    width: min(1120px, calc(100vw - 40px));
  }
}
:where(.sable-forms-experience) .md\:-translate-x-1\/2 {
  @media (width >= 48rem) {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
}
:where(.sable-forms-experience) .md\:-translate-y-1\/2 {
  @media (width >= 48rem) {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
}
:where(.sable-forms-experience) .md\:flex-row {
  @media (width >= 48rem) {
    flex-direction: row;
  }
}
:where(.sable-forms-experience) .md\:rounded-\[24px\] {
  @media (width >= 48rem) {
    border-radius: 24px;
  }
}
:where(.sable-forms-experience) .md\:p-\[10px\] {
  @media (width >= 48rem) {
    padding: 10px;
  }
}
:where(.sable-forms-experience) .md\:text-sm {
  @media (width >= 48rem) {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
}
:where(.sable-forms-experience) .md\:opacity-0 {
  @media (width >= 48rem) {
    opacity: 0%;
  }
}
:where(.sable-forms-experience) .md\:peer-data-\[variant\=inset\]\:m-2 {
  @media (width >= 48rem) {
    &:is(:where(.peer)[data-variant="inset"] ~ *) {
      margin: calc(var(--spacing) * 2);
    }
  }
}
:where(.sable-forms-experience) .md\:peer-data-\[variant\=inset\]\:ml-0 {
  @media (width >= 48rem) {
    &:is(:where(.peer)[data-variant="inset"] ~ *) {
      margin-left: calc(var(--spacing) * 0);
    }
  }
}
:where(.sable-forms-experience) .md\:peer-data-\[variant\=inset\]\:rounded-xl {
  @media (width >= 48rem) {
    &:is(:where(.peer)[data-variant="inset"] ~ *) {
      border-radius: 24px;
    }
  }
}
:where(.sable-forms-experience) .md\:peer-data-\[variant\=inset\]\:shadow-sm {
  @media (width >= 48rem) {
    &:is(:where(.peer)[data-variant="inset"] ~ *) {
      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
}
:where(.sable-forms-experience) .md\:peer-data-\[variant\=inset\]\:peer-data-\[state\=collapsed\]\:ml-2 {
  @media (width >= 48rem) {
    &:is(:where(.peer)[data-variant="inset"] ~ *) {
      &:is(:where(.peer)[data-state="collapsed"] ~ *) {
        margin-left: calc(var(--spacing) * 2);
      }
    }
  }
}
:where(.sable-forms-experience) .md\:after\:hidden {
  @media (width >= 48rem) {
    &::after {
      content: var(--tw-content);
      display: none;
    }
  }
}
:where(.sable-forms-experience) .xl\:grid-cols-3 {
  @media (width >= 80rem) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
:where(.sable-forms-experience) .ltr\:-translate-x-1\/2 {
  &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
}
:where(.sable-forms-experience) .rtl\:-translate-x-1\/2 {
  &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
}
:where(.sable-forms-experience) .dark\:border-input {
  &:where([data-mode='dark'], [data-mode='dark'] *) {
    border-color: var(--input);
  }
}
:where(.sable-forms-experience) .dark\:bg-accent {
  &:where([data-mode='dark'], [data-mode='dark'] *) {
    background-color: var(--accent);
  }
}
:where(.sable-forms-experience) .dark\:bg-card {
  &:where([data-mode='dark'], [data-mode='dark'] *) {
    background-color: var(--card);
  }
}
:where(.sable-forms-experience) .dark\:bg-destructive\/20 {
  &:where([data-mode='dark'], [data-mode='dark'] *) {
    background-color: var(--destructive);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }
}
:where(.sable-forms-experience) .dark\:bg-input\/30 {
  &:where([data-mode='dark'], [data-mode='dark'] *) {
    background-color: var(--input);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--input) 30%, transparent);
    }
  }
}
:where(.sable-forms-experience) .dark\:bg-transparent {
  &:where([data-mode='dark'], [data-mode='dark'] *) {
    background-color: transparent;
  }
}
:where(.sable-forms-experience) .dark\:text-muted-foreground {
  &:where([data-mode='dark'], [data-mode='dark'] *) {
    color: var(--muted-foreground);
  }
}
:where(.sable-forms-experience) .dark\:text-primary-300 {
  &:where([data-mode='dark'], [data-mode='dark'] *) {
    color: var(--primary-300);
  }
}
:where(.sable-forms-experience) .dark\:ring-foreground\/10 {
  &:where([data-mode='dark'], [data-mode='dark'] *) {
    --tw-ring-color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--foreground) 10%, transparent);
    }
  }
}
:where(.sable-forms-experience) .dark\:hover\:bg-destructive\/30 {
  &:where([data-mode='dark'], [data-mode='dark'] *) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--destructive) 30%, transparent);
        }
      }
    }
  }
}
:where(.sable-forms-experience) .dark\:hover\:bg-input\/50 {
  &:where([data-mode='dark'], [data-mode='dark'] *) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--input);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--input) 50%, transparent);
        }
      }
    }
  }
}
:where(.sable-forms-experience) .dark\:hover\:bg-muted\/50 {
  &:where([data-mode='dark'], [data-mode='dark'] *) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--muted);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--muted) 50%, transparent);
        }
      }
    }
  }
}
:where(.sable-forms-experience) .dark\:hover\:bg-primary-500\/10 {
  &:where([data-mode='dark'], [data-mode='dark'] *) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--primary-500);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--primary-500) 10%, transparent);
        }
      }
    }
  }
}
:where(.sable-forms-experience) .dark\:hover\:text-foreground {
  &:where([data-mode='dark'], [data-mode='dark'] *) {
    &:hover {
      @media (hover: hover) {
        color: var(--foreground);
      }
    }
  }
}
:where(.sable-forms-experience) .dark\:focus-visible\:ring-destructive\/40 {
  &:where([data-mode='dark'], [data-mode='dark'] *) {
    &:focus-visible {
      --tw-ring-color: var(--destructive);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
      }
    }
  }
}
:where(.sable-forms-experience) .dark\:disabled\:bg-input\/80 {
  &:where([data-mode='dark'], [data-mode='dark'] *) {
    &:disabled {
      background-color: var(--input);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--input) 80%, transparent);
      }
    }
  }
}
:where(.sable-forms-experience) .dark\:aria-expanded\:bg-primary-500\/10 {
  &:where([data-mode='dark'], [data-mode='dark'] *) {
    &[aria-expanded="true"] {
      background-color: var(--primary-500);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--primary-500) 10%, transparent);
      }
    }
  }
}
:where(.sable-forms-experience) .dark\:aria-invalid\:border-destructive\/50 {
  &:where([data-mode='dark'], [data-mode='dark'] *) {
    &[aria-invalid="true"] {
      border-color: var(--destructive);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
      }
    }
  }
}
:where(.sable-forms-experience) .dark\:aria-invalid\:ring-destructive\/40 {
  &:where([data-mode='dark'], [data-mode='dark'] *) {
    &[aria-invalid="true"] {
      --tw-ring-color: var(--destructive);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
      }
    }
  }
}
:where(.sable-forms-experience) .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20 {
  &:where([data-mode='dark'], [data-mode='dark'] *) {
    &[data-variant="destructive"] {
      &:focus {
        background-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
        }
      }
    }
  }
}
:where(.sable-forms-experience) .data-open\:animate-in {
  &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
    animation: forms-enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
  }
}
:where(.sable-forms-experience) .data-open\:bg-accent {
  &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
    background-color: var(--accent);
  }
}
:where(.sable-forms-experience) .data-open\:text-accent-foreground {
  &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
    color: var(--accent-foreground);
  }
}
:where(.sable-forms-experience) .data-open\:fade-in-0 {
  &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
    --tw-enter-opacity: calc(0/100);
    --tw-enter-opacity: 0;
  }
}
:where(.sable-forms-experience) .data-open\:zoom-in-95 {
  &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
    --tw-enter-scale: calc(95*1%);
    --tw-enter-scale: .95;
  }
}
:where(.sable-forms-experience) .data-open\:hover\:bg-sidebar-accent {
  &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--accent);
      }
    }
  }
}
:where(.sable-forms-experience) .data-open\:hover\:text-sidebar-accent-foreground {
  &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
    &:hover {
      @media (hover: hover) {
        color: var(--accent-foreground);
      }
    }
  }
}
:where(.sable-forms-experience) .data-closed\:animate-out {
  &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) {
    animation: forms-exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
  }
}
:where(.sable-forms-experience) .data-closed\:overflow-hidden {
  &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) {
    overflow: hidden;
  }
}
:where(.sable-forms-experience) .data-closed\:fade-out-0 {
  &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) {
    --tw-exit-opacity: calc(0/100);
    --tw-exit-opacity: 0;
  }
}
:where(.sable-forms-experience) .data-closed\:zoom-out-95 {
  &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) {
    --tw-exit-scale: calc(95*1%);
    --tw-exit-scale: .95;
  }
}
:where(.sable-forms-experience) .data-checked\:border-primary {
  &:where([data-state="checked"]), &:where([data-checked]:not([data-checked="false"])) {
    border-color: var(--primary);
  }
}
:where(.sable-forms-experience) .data-checked\:bg-primary {
  &:where([data-state="checked"]), &:where([data-checked]:not([data-checked="false"])) {
    background-color: var(--primary);
  }
}
:where(.sable-forms-experience) .data-checked\:text-primary-foreground {
  &:where([data-state="checked"]), &:where([data-checked]:not([data-checked="false"])) {
    color: var(--primary-foreground);
  }
}
:where(.sable-forms-experience) .group-has-\[\:focus-visible\]\/field-label\:data-checked\:border-primary {
  &:is(:where(.group\/field-label):has(*:is(:focus-visible)) *) {
    &:where([data-state="checked"]), &:where([data-checked]:not([data-checked="false"])) {
      border-color: var(--primary);
    }
  }
}
:where(.sable-forms-experience) .group-data-\[size\=default\]\/switch\:data-checked\:translate-x-\[calc\(100\%-2px\)\] {
  &:is(:where(.group\/switch)[data-size="default"] *) {
    &:where([data-state="checked"]), &:where([data-checked]:not([data-checked="false"])) {
      --tw-translate-x: calc(100% - 2px);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
}
:where(.sable-forms-experience) .group-data-\[size\=sm\]\/switch\:data-checked\:translate-x-\[calc\(100\%-2px\)\] {
  &:is(:where(.group\/switch)[data-size="sm"] *) {
    &:where([data-state="checked"]), &:where([data-checked]:not([data-checked="false"])) {
      --tw-translate-x: calc(100% - 2px);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
}
:where(.sable-forms-experience) .dark\:data-checked\:bg-primary {
  &:where([data-mode='dark'], [data-mode='dark'] *) {
    &:where([data-state="checked"]), &:where([data-checked]:not([data-checked="false"])) {
      background-color: var(--primary);
    }
  }
}
:where(.sable-forms-experience) .dark\:data-checked\:bg-primary-foreground {
  &:where([data-mode='dark'], [data-mode='dark'] *) {
    &:where([data-state="checked"]), &:where([data-checked]:not([data-checked="false"])) {
      background-color: var(--primary-foreground);
    }
  }
}
:where(.sable-forms-experience) .data-unchecked\:bg-input {
  &:where([data-state="unchecked"]), &:where([data-unchecked]:not([data-unchecked="false"])) {
    background-color: var(--input);
  }
}
:where(.sable-forms-experience) .group-data-\[size\=default\]\/switch\:data-unchecked\:translate-x-0 {
  &:is(:where(.group\/switch)[data-size="default"] *) {
    &:where([data-state="unchecked"]), &:where([data-unchecked]:not([data-unchecked="false"])) {
      --tw-translate-x: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
}
:where(.sable-forms-experience) .group-data-\[size\=sm\]\/switch\:data-unchecked\:translate-x-0 {
  &:is(:where(.group\/switch)[data-size="sm"] *) {
    &:where([data-state="unchecked"]), &:where([data-unchecked]:not([data-unchecked="false"])) {
      --tw-translate-x: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
}
:where(.sable-forms-experience) .dark\:data-unchecked\:bg-foreground {
  &:where([data-mode='dark'], [data-mode='dark'] *) {
    &:where([data-state="unchecked"]), &:where([data-unchecked]:not([data-unchecked="false"])) {
      background-color: var(--foreground);
    }
  }
}
:where(.sable-forms-experience) .dark\:data-unchecked\:bg-input\/80 {
  &:where([data-mode='dark'], [data-mode='dark'] *) {
    &:where([data-state="unchecked"]), &:where([data-unchecked]:not([data-unchecked="false"])) {
      background-color: var(--input);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--input) 80%, transparent);
      }
    }
  }
}
:where(.sable-forms-experience) .data-disabled\:pointer-events-none {
  &:where([data-disabled="true"]), &:where([data-disabled]:not([data-disabled="false"])) {
    pointer-events: none;
  }
}
:where(.sable-forms-experience) .data-disabled\:cursor-not-allowed {
  &:where([data-disabled="true"]), &:where([data-disabled]:not([data-disabled="false"])) {
    cursor: not-allowed;
  }
}
:where(.sable-forms-experience) .data-disabled\:opacity-50 {
  &:where([data-disabled="true"]), &:where([data-disabled]:not([data-disabled="false"])) {
    opacity: 50%;
  }
}
:where(.sable-forms-experience) .data-active\:bg-background {
  &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) {
    background-color: var(--background);
  }
}
:where(.sable-forms-experience) .data-active\:bg-sidebar-accent {
  &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) {
    background-color: var(--accent);
  }
}
:where(.sable-forms-experience) .data-active\:font-medium {
  &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
}
:where(.sable-forms-experience) .data-active\:text-foreground {
  &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) {
    color: var(--foreground);
  }
}
:where(.sable-forms-experience) .data-active\:text-sidebar-accent-foreground {
  &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) {
    color: var(--accent-foreground);
  }
}
:where(.sable-forms-experience) .group-data-\[variant\=default\]\/tabs-list\:data-active\:shadow-sm {
  &:is(:where(.group\/tabs-list)[data-variant="default"] *) {
    &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) {
      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
}
:where(.sable-forms-experience) .group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent {
  &:is(:where(.group\/tabs-list)[data-variant="line"] *) {
    &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) {
      background-color: transparent;
    }
  }
}
:where(.sable-forms-experience) .group-data-\[variant\=line\]\/tabs-list\:data-active\:shadow-none {
  &:is(:where(.group\/tabs-list)[data-variant="line"] *) {
    &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) {
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
}
:where(.sable-forms-experience) .group-data-\[variant\=line\]\/tabs-list\:data-active\:after\:opacity-100 {
  &:is(:where(.group\/tabs-list)[data-variant="line"] *) {
    &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) {
      &::after {
        content: var(--tw-content);
        opacity: 100%;
      }
    }
  }
}
:where(.sable-forms-experience) .dark\:data-active\:border-input {
  &:where([data-mode='dark'], [data-mode='dark'] *) {
    &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) {
      border-color: var(--input);
    }
  }
}
:where(.sable-forms-experience) .dark\:data-active\:bg-input\/30 {
  &:where([data-mode='dark'], [data-mode='dark'] *) {
    &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) {
      background-color: var(--input);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--input) 30%, transparent);
      }
    }
  }
}
:where(.sable-forms-experience) .dark\:data-active\:text-foreground {
  &:where([data-mode='dark'], [data-mode='dark'] *) {
    &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) {
      color: var(--foreground);
    }
  }
}
:where(.sable-forms-experience) .dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:border-transparent {
  &:where([data-mode='dark'], [data-mode='dark'] *) {
    &:is(:where(.group\/tabs-list)[data-variant="line"] *) {
      &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) {
        border-color: transparent;
      }
    }
  }
}
:where(.sable-forms-experience) .dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent {
  &:where([data-mode='dark'], [data-mode='dark'] *) {
    &:is(:where(.group\/tabs-list)[data-variant="line"] *) {
      &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) {
        background-color: transparent;
      }
    }
  }
}
:where(.sable-forms-experience) .data-horizontal\:h-px {
  &:where([data-orientation="horizontal"]) {
    height: 1px;
  }
}
:where(.sable-forms-experience) .data-horizontal\:w-full {
  &:where([data-orientation="horizontal"]) {
    width: 100%;
  }
}
:where(.sable-forms-experience) .data-horizontal\:flex-col {
  &:where([data-orientation="horizontal"]) {
    flex-direction: column;
  }
}
:where(.sable-forms-experience) .data-vertical\:w-px {
  &:where([data-orientation="vertical"]) {
    width: 1px;
  }
}
:where(.sable-forms-experience) .data-vertical\:self-stretch {
  &:where([data-orientation="vertical"]) {
    align-self: stretch;
  }
}
:where(.sable-forms-experience) .\[\&_svg\]\:pointer-events-none {
  & svg {
    pointer-events: none;
  }
}
:where(.sable-forms-experience) .\[\&_svg\]\:size-4 {
  & svg {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
}
:where(.sable-forms-experience) .\[\&_svg\]\:shrink-0 {
  & svg {
    flex-shrink: 0;
  }
}
:where(.sable-forms-experience) .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 {
  & svg:not([class*='size-']) {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }
}
:where(.sable-forms-experience) .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 {
  & svg:not([class*='size-']) {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }
}
:where(.sable-forms-experience) .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 {
  & svg:not([class*='size-']) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
}
:where(.sable-forms-experience) .\[\&_tr\]\:border-b {
  & tr {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
}
:where(.sable-forms-experience) .\[\&_tr\:last-child\]\:border-0 {
  & tr:last-child {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
}
:where(.sable-forms-experience) .\[\&\:first-child\[data-selected\=true\]_button\]\:rounded-l-\(--cell-radius\) {
  &:first-child[data-selected=true] button {
    border-top-left-radius: var(--cell-radius);
    border-bottom-left-radius: var(--cell-radius);
  }
}
:where(.sable-forms-experience) .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0 {
  &:has([role=checkbox]) {
    padding-right: calc(var(--spacing) * 0);
  }
}
:where(.sable-forms-experience) .\[\.border-b\]\:pb-3 {
  &:is(.border-b) {
    padding-bottom: calc(var(--spacing) * 3);
  }
}
:where(.sable-forms-experience) .\[\.border-t\]\:pt-3 {
  &:is(.border-t) {
    padding-top: calc(var(--spacing) * 3);
  }
}
:where(.sable-forms-experience) .rtl\:\*\*\:\[\.rdp-button\\_next\>svg\]\:rotate-180 {
  &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    :is(& *) {
      &:is(.rdp-button_next>svg) {
        rotate: 180deg;
      }
    }
  }
}
:where(.sable-forms-experience) .rtl\:\*\*\:\[\.rdp-button\\_previous\>svg\]\:rotate-180 {
  &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    :is(& *) {
      &:is(.rdp-button_previous>svg) {
        rotate: 180deg;
      }
    }
  }
}
:where(.sable-forms-experience) .\*\:\[a\]\:underline {
  :is(& > *) {
    &:is(a) {
      text-decoration-line: underline;
    }
  }
}
:where(.sable-forms-experience) .\*\:\[a\]\:underline-offset-3 {
  :is(& > *) {
    &:is(a) {
      text-underline-offset: 3px;
    }
  }
}
:where(.sable-forms-experience) .\[a\]\:hover\:bg-destructive\/20 {
  &:is(a) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
        }
      }
    }
  }
}
:where(.sable-forms-experience) .\[a\]\:hover\:bg-muted {
  &:is(a) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--muted);
      }
    }
  }
}
:where(.sable-forms-experience) .\[a\]\:hover\:bg-primary-400 {
  &:is(a) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--primary-400);
      }
    }
  }
}
:where(.sable-forms-experience) .\[a\]\:hover\:bg-secondary\/80 {
  &:is(a) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--secondary);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--secondary) 80%, transparent);
        }
      }
    }
  }
}
:where(.sable-forms-experience) .\*\:\[a\]\:hover\:text-foreground {
  :is(& > *) {
    &:is(a) {
      &:hover {
        @media (hover: hover) {
          color: var(--foreground);
        }
      }
    }
  }
}
:where(.sable-forms-experience) .\*\:\[span\]\:last\:flex {
  :is(& > *) {
    &:is(span) {
      &:last-child {
        display: flex;
      }
    }
  }
}
:where(.sable-forms-experience) .\*\:\[span\]\:last\:items-center {
  :is(& > *) {
    &:is(span) {
      &:last-child {
        align-items: center;
      }
    }
  }
}
:where(.sable-forms-experience) .\*\:\[span\]\:last\:gap-2 {
  :is(& > *) {
    &:is(span) {
      &:last-child {
        gap: calc(var(--spacing) * 2);
      }
    }
  }
}
:where(.sable-forms-experience) .data-\[variant\=destructive\]\:\*\:\[svg\]\:text-destructive {
  &[data-variant="destructive"] {
    :is(& > *) {
      &:is(svg) {
        color: var(--destructive);
      }
    }
  }
}
:where(.sable-forms-experience) .\[\&\:last-child\[data-selected\=true\]_button\]\:rounded-r-\(--cell-radius\) {
  &:last-child[data-selected=true] button {
    border-top-right-radius: var(--cell-radius);
    border-bottom-right-radius: var(--cell-radius);
  }
}
:where(.sable-forms-experience) .\[\&\:nth-child\(2\)\[data-selected\=true\]_button\]\:rounded-l-\(--cell-radius\) {
  &:nth-child(2)[data-selected=true] button {
    border-top-left-radius: var(--cell-radius);
    border-bottom-left-radius: var(--cell-radius);
  }
}
:where(.sable-forms-experience) .\[\&\>\[data-slot\=chip\]\]\:h-auto {
  &>[data-slot=chip] {
    height: auto;
  }
}
:where(.sable-forms-experience) .\[\&\>\[data-slot\=chip\]\]\:min-w-11 {
  &>[data-slot=chip] {
    min-width: calc(var(--spacing) * 11);
  }
}
:where(.sable-forms-experience) .\[\&\>\[data-slot\=chip\]\]\:justify-center {
  &>[data-slot=chip] {
    justify-content: center;
  }
}
:where(.sable-forms-experience) .\[\&\>\[data-slot\=chip\]\]\:border-0 {
  &>[data-slot=chip] {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
}
:where(.sable-forms-experience) .\[\&\>\[data-slot\=chip\]\]\:px-3 {
  &>[data-slot=chip] {
    padding-inline: calc(var(--spacing) * 3);
  }
}
:where(.sable-forms-experience) .\[\&\>\[data-slot\=chip\]\[data-state\=off\]\]\:bg-transparent {
  &>[data-slot=chip][data-state=off] {
    background-color: transparent;
  }
}
:where(.sable-forms-experience) .\[\&\>button\]\:hidden {
  &>button {
    display: none;
  }
}
:where(.sable-forms-experience) .\[\&\>div\+div\]\:border-t {
  &>div+div {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
}
:where(.sable-forms-experience) .\[\&\>div\+div\]\:border-border {
  &>div+div {
    border-color: var(--border);
  }
}
:where(.sable-forms-experience) .has-\[\>\[data-align\=block-end\]\]\:\[\&\>input\]\:pt-3 {
  &:has(>[data-align=block-end]) {
    &>input {
      padding-top: calc(var(--spacing) * 3);
    }
  }
}
:where(.sable-forms-experience) .has-\[\>\[data-align\=block-start\]\]\:\[\&\>input\]\:pb-3 {
  &:has(>[data-align=block-start]) {
    &>input {
      padding-bottom: calc(var(--spacing) * 3);
    }
  }
}
:where(.sable-forms-experience) .has-\[\>\[data-align\=inline-end\]\]\:\[\&\>input\]\:pr-1\.5 {
  &:has(>[data-align=inline-end]) {
    &>input {
      padding-right: calc(var(--spacing) * 1.5);
    }
  }
}
:where(.sable-forms-experience) .has-\[\>\[data-align\=inline-start\]\]\:\[\&\>input\]\:pl-1\.5 {
  &:has(>[data-align=inline-start]) {
    &>input {
      padding-left: calc(var(--spacing) * 1.5);
    }
  }
}
:where(.sable-forms-experience) .\[\&\>span\]\:text-xs {
  &>span {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
}
:where(.sable-forms-experience) .\[\&\>span\]\:opacity-70 {
  &>span {
    opacity: 70%;
  }
}
:where(.sable-forms-experience) .\[\&\>span\:last-child\]\:truncate {
  &>span:last-child {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
:where(.sable-forms-experience) .\[\&\>svg\]\:pointer-events-none {
  &>svg {
    pointer-events: none;
  }
}
:where(.sable-forms-experience) .\[\&\>svg\]\:size-3\! {
  &>svg {
    width: calc(var(--spacing) * 3) !important;
    height: calc(var(--spacing) * 3) !important;
  }
}
:where(.sable-forms-experience) .\[\&\>svg\]\:size-3\.5 {
  &>svg {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }
}
:where(.sable-forms-experience) .\[\&\>svg\]\:size-3\.5\! {
  &>svg {
    width: calc(var(--spacing) * 3.5) !important;
    height: calc(var(--spacing) * 3.5) !important;
  }
}
:where(.sable-forms-experience) .\[\&\>svg\]\:size-4 {
  &>svg {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
}
:where(.sable-forms-experience) .\[\&\>svg\]\:shrink-0 {
  &>svg {
    flex-shrink: 0;
  }
}
:where(.sable-forms-experience) .\[\&\>svg\]\:text-muted-foreground {
  &>svg {
    color: var(--muted-foreground);
  }
}
:where(.sable-forms-experience) .\[\&\>svg\]\:text-sidebar-accent-foreground {
  &>svg {
    color: var(--accent-foreground);
  }
}
:where(.sable-forms-experience) .\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 {
  &>svg:not([class*='size-']) {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }
}
:where(.sable-forms-experience) .\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 {
  &>svg:not([class*='size-']) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
}
:where(.sable-forms-experience) .\[\&\>tr\]\:last\:border-b-0 {
  &>tr {
    &:last-child {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0px;
    }
  }
}
:where(.sable-forms-experience) .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2 {
  [data-side=left][data-collapsible=offcanvas] & {
    right: calc(var(--spacing) * -2);
  }
}
:where(.sable-forms-experience) .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize {
  [data-side=left][data-state=collapsed] & {
    cursor: e-resize;
  }
}
:where(.sable-forms-experience) .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2 {
  [data-side=right][data-collapsible=offcanvas] & {
    left: calc(var(--spacing) * -2);
  }
}
:where(.sable-forms-experience) .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize {
  [data-side=right][data-state=collapsed] & {
    cursor: w-resize;
  }
}
@property --tw-animation-delay {
  syntax: "*";
  inherits: false;
  initial-value: 0s;
}
@property --tw-animation-direction {
  syntax: "*";
  inherits: false;
  initial-value: normal;
}
@property --tw-animation-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-animation-fill-mode {
  syntax: "*";
  inherits: false;
  initial-value: none;
}
@property --tw-animation-iteration-count {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-enter-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-enter-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-enter-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-enter-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-enter-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-enter-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-exit-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-exit-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-exit-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-exit-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-exit-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-exit-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
.sable-forms-experience {
  --background: #f7f8fa;
  --foreground: #25272b;
  --card: #fff;
  --popover: #fafbfc;
  --primary: #33383b;
  --secondary: #eceef1;
  --muted-foreground: #777c83;
  --border: #e0e3e6;
  --sidebar: #e9ecefb3;
  --glass: rgba(248, 250, 252, 0.72);
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  font: 100%/1.5 -apple-system,
    BlinkMacSystemFont,
    "SF Pro Text","Forms Inter",
    sans-serif;
  color: var(--foreground);
  background: var(--background);
}
:where(.sable-forms-experience) * {
  box-sizing: border-box;
  border-color: var(--border);
}
.sable-forms-experience {
  margin: 0;
}
:where(.sable-forms-experience) button,:where(.sable-forms-experience) 
input,:where(.sable-forms-experience) 
textarea {
  font: inherit;
}
:where(.sable-forms-experience) button {
  cursor: pointer;
}
:where(.sable-forms-experience) button:disabled {
  cursor: not-allowed;
  opacity: 0.45;
}
:where(.sable-forms-experience) button,:where(.sable-forms-experience) 
a,:where(.sable-forms-experience) 
input,:where(.sable-forms-experience) 
textarea {
  outline-offset: 4px;
}
:where(.sable-forms-experience) button:active:not(:disabled) {
  transform: scale(0.97);
}
:where(.sable-forms-experience) button {
  transition: transform 120ms var(--ease-out),
    background-color 140ms,
    color 140ms;
}
:where(.sable-forms-experience) svg {
  flex-shrink: 0;
  stroke-width: 1.65;
}
:where(.sable-forms-experience) button svg {
  pointer-events: none;
}
:where(.sable-forms-experience) h1,:where(.sable-forms-experience) 
h2,:where(.sable-forms-experience) 
h3,:where(.sable-forms-experience) 
p {
  margin: 0;
}
:where(.sable-forms-experience) .studio-sidebar [data-slot='sidebar-inner'] {
  background: linear-gradient(160deg, #edf0f3b8, #e6eaefd9);
  backdrop-filter: blur(24px) saturate(1.4);
  border-right: 1px solid #fff9;
}
:where(.sable-forms-experience) .studio-sidebar [data-slot='sidebar-header'] {
  padding: 26px 20px 22px;
}
:where(.sable-forms-experience) .wordmark {
  font-size: 39px;
  letter-spacing: -2.4px;
  font-weight: 450;
  line-height: 1.1;
  display: flex;
  align-items: end;
  gap: 12px;
}
:where(.sable-forms-experience) .wordmark span {
  font-size: 10px;
  letter-spacing: 1px;
  line-height: 1.5;
  text-transform: uppercase;
  color: #73787f;
  max-width: 45px;
  margin-bottom: 2px;
}
:where(.sable-forms-experience) .workspace-picker {
  display: flex;
  align-items: center;
  text-align: left;
  gap: 10px;
  background: #ffffff70;
  border: 1px solid #fff9;
  border-radius: 12px;
  padding: 10px;
  margin-top: 30px;
  font-size: 14px;
  box-shadow: 0 2px 3px #26334904;
}
:where(.sable-forms-experience) .workspace-picker > span:nth-child(2) {
  flex: 1;
}
:where(.sable-forms-experience) .workspace-picker small {
  display: block;
  font-size: 11px;
  color: #777e87;
  margin-top: 1px;
}
:where(.sable-forms-experience) .avatar {
  width: 32px;
  height: 32px;
  border: 1px solid #fff;
  display: grid;
  place-items: center;
  border-radius: 9px;
  background: #dedfe3;
  font-size: 12px;
  font-weight: 600;
  color: #60656d;
}
:where(.sable-forms-experience) .studio-sidebar [data-slot='sidebar-content'] {
  padding: 0 14px;
  gap: 4px;
}
:where(.sable-forms-experience) .studio-sidebar [data-slot='sidebar-menu-button'] {
  height: 43px;
  padding: 0 14px;
  gap: 12px;
  font-size: 14px;
  margin: 1px 0;
  border-radius: 10px;
}
:where(.sable-forms-experience) .studio-sidebar [data-slot='sidebar-menu-button'][data-active] {
  box-shadow: 0 3px 9px #36404b06;
  border: 1px solid #fff9;
}
:where(.sable-forms-experience) .side-label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 1.2px;
  color: #8b9097;
  margin: 36px 14px 10px;
}
:where(.sable-forms-experience) .folder-link {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 11px 14px;
  border-radius: 9px;
  font-size: 13px;
  color: #747b83;
  text-align: left;
}
:where(.sable-forms-experience) .folder-link.selected {
  color: #343a43;
}
:where(.sable-forms-experience) .folder-link small {
  margin-left: auto;
  font-size: 11px;
  opacity: 0.7;
}
:where(.sable-forms-experience) .studio-sidebar [data-slot='sidebar-footer'] {
  padding: 20px;
  gap: 22px;
}
:where(.sable-forms-experience) .concept-note {
  font-size: 11px;
  color: #6e767d;
}
:where(.sable-forms-experience) .concept-note small {
  display: block;
  font-size: 10px;
  margin-top: 5px;
}
:where(.sable-forms-experience) .status-dot {
  display: inline-block;
  width: 6px;
  height: 6px;
  background: #659783;
  border-radius: min(50%, var(--sable-radius-cap, 50%));
  margin-right: 6px;
}
:where(.sable-forms-experience) .profile {
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: 12px;
}
:where(.sable-forms-experience) .profile svg {
  margin-left: auto;
}
:where(.sable-forms-experience) .main {
  flex: 1;
  min-width: 0;
  background: radial-gradient(ellipse at 100% 0, #e9edf36e, transparent 55%), #fafbfc;
}
:where(.sable-forms-experience) .topbar {
  height: 76px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 38px;
  border-bottom: 1px solid #e4e7ea8c;
  font-size: 12px;
  color: #878d93;
  background: #fafbfca6;
  backdrop-filter: blur(18px);
  position: sticky;
  top: 0;
  z-index: 10;
}
:where(.sable-forms-experience) .topbar b {
  font-weight: 500;
  color: #494f57;
}
:where(.sable-forms-experience) .topbar [data-slot='sidebar-trigger'] {
  display: none;
}
:where(.sable-forms-experience) .slash {
  color: #b6bac1;
}
:where(.sable-forms-experience) .small-muted {
  font-size: 11px;
  color: #8a9098;
}
:where(.sable-forms-experience) .dashboard {
  max-width: 1510px;
  margin: auto;
  padding: 44px 48px 36px;
}
:where(.sable-forms-experience) .page-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 34px;
  gap: 20px;
}
:where(.sable-forms-experience) .eyebrow {
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 1.65px;
  color: #8e9298;
  margin-bottom: 10px;
}
:where(.sable-forms-experience) h1 {
  font-size: 38px;
  font-weight: 520;
  letter-spacing: -1.5px;
  line-height: 1.2;
}
:where(.sable-forms-experience) .page-heading p {
  color: #8a8f95;
  font-size: 13px;
  margin-top: 9px;
}
:where(.sable-forms-experience) .button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 40px;
  padding: 9px 16px;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: #ffffffad;
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
}
:where(.sable-forms-experience) .button.primary {
  background: #343a3f;
  color: #fff;
  border-color: #343a3f;
  box-shadow: inset 0 1px #ffffff20,
    0 3px 8px #1d263018;
}
:where(.sable-forms-experience) .stats-strip {
  display: flex;
  align-items: center;
  background: #fff9;
  border: 1px solid #e6e8eb;
  border-radius: 14px;
  padding: 21px 24px;
  margin-bottom: 34px;
  box-shadow: 0 4px 20px #1e304103;
  gap: 44px;
}
:where(.sable-forms-experience) .stats-strip > div {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
:where(.sable-forms-experience) .stats-strip strong {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.6px;
  font-variant-numeric: tabular-nums;
}
:where(.sable-forms-experience) .stats-strip span {
  font-size: 11px;
  color: #8a9096;
}
:where(.sable-forms-experience) .stats-strip .stats-caption {
  margin-left: auto;
  flex-direction: row;
  align-items: center;
  font-size: 11px;
  color: #8c9299;
  gap: 5px;
}
:where(.sable-forms-experience) .list-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 22px;
  gap: 15px;
}
:where(.sable-forms-experience) .filter-tabs {
  display: flex;
  gap: 22px;
  align-items: center;
}
:where(.sable-forms-experience) .filter-tabs button {
  color: #90959c;
  font-size: 12px;
  padding: 5px 0;
}
:where(.sable-forms-experience) .filter-tabs .active {
  color: #353b42;
  font-weight: 550;
}
:where(.sable-forms-experience) .filter-tabs span {
  display: inline-grid;
  place-items: center;
  background: #e9ecf0;
  color: #727b85;
  border-radius: 5px;
  font-size: 10px;
  margin-left: 4px;
  width: 17px;
  height: 17px;
}
:where(.sable-forms-experience) .toolbar-right {
  display: flex;
  align-items: center;
  gap: 12px;
}
:where(.sable-forms-experience) .search {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #9298a0;
  font-size: 12px;
}
:where(.sable-forms-experience) .search input {
  outline: 0;
  background: transparent;
  width: 150px;
}
:where(.sable-forms-experience) .icon-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  color: #7d858e;
}
:where(.sable-forms-experience) .form-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}
:where(.sable-forms-experience) .form-card {
  min-width: 0;
  background: #fff;
  border: 1px solid #e5e7ea;
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 4px 9px #38445203;
  transition: box-shadow 180ms var(--ease-out),
    transform 180ms var(--ease-out);
}
:where(.sable-forms-experience) .form-cover {
  height: 195px;
  padding: 22px 27px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  background: #eddad5;
  color: #593d36;
}
:where(.sable-forms-experience) .rose {
  background: linear-gradient(125deg, #efded7, #e7c9c1);
  color: #62413b;
}
:where(.sable-forms-experience) .cream {
  background: linear-gradient(125deg, #efebe4, #e6e0d4);
  color: #665a47;
}
:where(.sable-forms-experience) .lilac {
  background: linear-gradient(125deg, #e9e5ee, #ded8e8);
  color: #5e4e6e;
}
:where(.sable-forms-experience) .dark {
  background: linear-gradient(125deg, #414e48, #2f3c37);
  color: #f4ede3;
}
:where(.sable-forms-experience) .blue {
  background: linear-gradient(125deg, #e2e9ef, #cbd8e5);
  color: #4d6075;
}
:where(.sable-forms-experience) .green {
  background: linear-gradient(125deg, #e7eae2, #d6ddd0);
  color: #56644c;
}
:where(.sable-forms-experience) .mini-brand {
  font-size: 14px;
  letter-spacing: -0.6px;
  opacity: 0.6;
}
:where(.sable-forms-experience) .cover-title {
  white-space: pre-line;
  max-width: 230px;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 26px;
  letter-spacing: -0.9px;
  line-height: 1.14;
  font-weight: 400;
  margin: auto 0;
}
:where(.sable-forms-experience) .cover-cta {
  font-size: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
  background: #ffffff38;
  border: 1px solid #ffffff40;
  padding: 5px 8px;
  border-radius: 5px;
}
:where(.sable-forms-experience) .card-details {
  padding: 14px 18px 19px;
}
:where(.sable-forms-experience) .card-title-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
}
:where(.sable-forms-experience) h3 {
  font-size: 13px;
  font-weight: 550;
  letter-spacing: -0.15px;
}
:where(.sable-forms-experience) .card-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 8px;
  font-size: 10px;
  color: #959ba1;
}
:where(.sable-forms-experience) .published,:where(.sable-forms-experience) 
.draft {
  display: flex;
  align-items: center;
  gap: 5px;
  color: #78857d;
}
:where(.sable-forms-experience) .published:before,:where(.sable-forms-experience) 
.draft:before {
  content: '';
  width: 5px;
  height: 5px;
  background: #7b9c89;
  border-radius: min(50%, var(--sable-radius-cap, 50%));
}
:where(.sable-forms-experience) .draft {
  color: #9a9283;
}
:where(.sable-forms-experience) .draft:before {
  background: #b9a989;
}
:where(.sable-forms-experience) .template-prompt {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 32px;
  padding: 20px 0;
  color: #737c84;
  border-top: 1px solid #e8eaed;
  font-size: 12px;
}
:where(.sable-forms-experience) .template-prompt > span {
  font-weight: 500;
}
:where(.sable-forms-experience) .template-prompt small {
  display: block;
  font-weight: 400;
  font-size: 11px;
  color: #989da3;
  margin-top: 3px;
}
:where(.sable-forms-experience) .template-prompt button {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
}
:where(.sable-forms-experience) .form-list {
  grid-template-columns: 1fr;
  gap: 10px;
}
:where(.sable-forms-experience) .form-list .form-card {
  display: flex;
  align-items: center;
}
:where(.sable-forms-experience) .form-list .form-cover {
  height: 70px;
  width: 110px;
  padding: 10px;
  flex-shrink: 0;
}
:where(.sable-forms-experience) .form-list .cover-title {
  font-size: 13px;
}
:where(.sable-forms-experience) .form-list .mini-brand,:where(.sable-forms-experience) 
.form-list .cover-cta {
  display: none;
}
:where(.sable-forms-experience) .form-list .card-details {
  flex: 1;
}
:where(.sable-forms-experience) .form-list .card-meta {
  justify-content: start;
  gap: 24px;
}
@media (hover: hover) and (pointer: fine) {
  :where(.sable-forms-experience) .form-card:hover {
    box-shadow: 0 8px 24px #3443520a;
    transform: translateY(-2px);
  }
  :where(.sable-forms-experience) .icon-button:hover,:where(.sable-forms-experience) 
  .folder-link:hover {
    background: #e7ebef;
  }
  :where(.sable-forms-experience) .button:hover {
    filter: brightness(0.97);
  }
}
@media (min-width: 1550px) {
  :where(.sable-forms-experience) .form-cover {
    height: 245px;
  }
  :where(.sable-forms-experience) .cover-title {
    font-size: 32px;
    max-width: 270px;
  }
}
@media (max-width: 1150px) {
  :where(.sable-forms-experience) .dashboard {
    padding: 32px 28px;
  }
  :where(.sable-forms-experience) .stats-strip {
    gap: 24px;
  }
  :where(.sable-forms-experience) .form-grid {
    gap: 17px;
  }
  :where(.sable-forms-experience) .cover-title {
    font-size: 23px;
  }
  :where(.sable-forms-experience) .form-cover {
    padding: 20px;
    height: 185px;
  }
  :where(.sable-forms-experience) .small-muted {
    display: none;
  }
}
@media (max-width: 900px) {
  :where(.sable-forms-experience) .form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  :where(.sable-forms-experience) .stats-caption {
    display: none !important;
  }
  :where(.sable-forms-experience) .stats-strip {
    gap: 20px;
    justify-content: space-between;
  }
  :where(.sable-forms-experience) .stats-strip strong {
    font-size: 21px;
  }
  :where(.sable-forms-experience) .stats-strip span {
    font-size: 10px;
  }
  :where(.sable-forms-experience) .form-list {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 767px) {
  :where(.sable-forms-experience) .topbar {
    padding: 0 20px;
    height: 58px;
  }
  :where(.sable-forms-experience) .topbar [data-slot='sidebar-trigger'] {
    display: flex;
  }
  :where(.sable-forms-experience) .dashboard {
    padding: 30px 20px;
  }
  :where(.sable-forms-experience) .eyebrow {
    font-size: 8px;
    letter-spacing: 1.1px;
  }
  :where(.sable-forms-experience) .page-heading {
    align-items: start;
  }
  :where(.sable-forms-experience) .page-heading p {
    font-size: 12px;
    max-width: 220px;
  }
  :where(.sable-forms-experience) .page-heading .button {
    font-size: 0;
    padding: 10px;
    min-width: 40px;
  }
  :where(.sable-forms-experience) .page-heading .button svg {
    width: 18px;
  }
  :where(.sable-forms-experience) h1 {
    font-size: 32px;
  }
  :where(.sable-forms-experience) .stats-strip {
    padding: 16px;
    gap: 15px;
    flex-wrap: wrap;
  }
  :where(.sable-forms-experience) .stats-strip > div {
    width: 40%;
  }
  :where(.sable-forms-experience) .list-toolbar {
    align-items: start;
    flex-direction: column;
  }
  :where(.sable-forms-experience) .toolbar-right {
    width: 100%;
  }
  :where(.sable-forms-experience) .search {
    flex: 1;
  }
  :where(.sable-forms-experience) .search input {
    width: 100%;
  }
  :where(.sable-forms-experience) .form-cover {
    height: 185px;
    padding: 15px;
  }
  :where(.sable-forms-experience) .cover-title {
    font-size: 23px;
  }
  :where(.sable-forms-experience) .card-details {
    padding: 10px;
  }
  :where(.sable-forms-experience) .card-title-row h3 {
    font-size: 12px;
  }
  :where(.sable-forms-experience) .card-meta {
    font-size: 9px;
  }
  :where(.sable-forms-experience) .template-prompt small {
    max-width: 170px;
  }
  :where(.sable-forms-experience) .template-prompt button {
    font-size: 10px;
  }
  :where(.sable-forms-experience) .form-grid {
    gap: 12px;
  }
  :where(.sable-forms-experience) .form-list {
    grid-template-columns: 1fr;
  }
}
@media (prefers-reduced-motion: reduce) {
  :where(.sable-forms-experience) *,:where(.sable-forms-experience) 
  *:before,:where(.sable-forms-experience) 
  *:after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
}
@media (prefers-reduced-transparency: reduce) {
  :where(.sable-forms-experience) .studio-sidebar [data-slot='sidebar-inner'],:where(.sable-forms-experience) 
  .topbar {
    background: #eef0f3;
    backdrop-filter: none;
  }
}
@media (prefers-contrast: more) {
  .sable-forms-experience {
    --muted-foreground: #3d4249;
    --border: #747d88;
  }
  :where(.sable-forms-experience) .topbar,:where(.sable-forms-experience) 
  .studio-sidebar [data-slot='sidebar-inner'] {
    background: #f6f7f9;
  }
  :where(.sable-forms-experience) small,:where(.sable-forms-experience) 
  .small-muted,:where(.sable-forms-experience) 
  .card-meta {
    color: #454e59;
  }
}
:where(.sable-forms-experience) .form-cover {
  width: 100%;
  text-align: left;
}
:where(.sable-forms-experience) .form-card .form-cover:active {
  transform: none;
}
:where(.sable-forms-experience) .card-title-row > button:first-child {
  text-align: left;
}
:where(.sable-forms-experience) .invite-button {
  display: flex;
  gap: 8px;
  align-items: center;
}
:where(.sable-forms-experience) .glass-dialog[data-slot='dialog-content'] {
  max-width: 500px;
  width: calc(100vw - 40px);
  padding: 30px;
  border-radius: min(23px, var(--sable-radius-cap, 23px));
  background: rgba(250, 251, 253, 0.94);
  backdrop-filter: blur(24px) saturate(1.2);
  box-shadow: 0 25px 100px #202d4233,
    inset 0 1px #fff;
  gap: 18px;
  max-height: calc(100dvh - 60px);
  overflow-y: auto;
  font-size: 14px;
}
:where(.sable-forms-experience) .glass-dialog.wide[data-slot='dialog-content'] {
  max-width: 940px;
}
:where(.sable-forms-experience) .glass-dialog [data-slot='dialog-title'] {
  font-size: 24px;
  font-weight: 520;
  line-height: 1.25;
  letter-spacing: -0.8px;
  padding-right: 24px;
}
:where(.sable-forms-experience) .glass-dialog [data-slot='dialog-description'] {
  font-size: 13px;
  line-height: 1.6;
  color: #838b94;
}
:where(.sable-forms-experience) .glass-dialog [data-slot='dialog-close'] {
  top: 20px;
  right: 16px;
  border-radius: min(50%, var(--sable-radius-cap, 50%));
  background: #e8ebef;
}
:where(.sable-forms-experience) [data-slot='dialog-overlay'] {
  background: #29374730;
  backdrop-filter: blur(5px);
}
:where(.sable-forms-experience) .segments[data-slot='tabs-list'] {
  height: 38px;
  background: #e7eaee99;
  border: 1px solid #e1e5eb80;
  border-radius: 10px;
  padding: 3px;
  max-width: 100%;
  overflow: auto;
  justify-content: flex-start;
}
:where(.sable-forms-experience) .segments [data-slot='tabs-trigger'] {
  font-size: 12px;
  min-height: 30px;
  padding: 5px 13px;
  border-radius: 7px;
  transition: background-color 140ms,
    color 140ms;
  flex: none;
}
:where(.sable-forms-experience) .segments [data-slot='tabs-trigger'][data-active] {
  background: #ffffffd9;
  box-shadow: 0 1px 4px #17253812;
}
:where(.sable-forms-experience) .pick[data-slot='select-trigger'] {
  width: 100%;
  min-height: 36px;
  height: auto;
  border-radius: 8px;
  font-size: 12px;
  background: #ffffff85;
  padding: 8px 10px;
  white-space: normal;
}
:where(.sable-forms-experience) .toolbar-right .pick {
  width: auto;
  min-width: 103px;
  font-size: 11px;
  border: 0;
  background: transparent;
}
:where(.sable-forms-experience) [data-slot='select-item'],:where(.sable-forms-experience) 
[data-slot='dropdown-menu-item'] {
  padding: 8px 10px;
  font-size: 12px;
}
:where(.sable-forms-experience) .form-menu {
  min-width: 190px;
  padding: 6px !important;
  border-radius: 12px !important;
  background: #fcfdffef !important;
  backdrop-filter: blur(20px);
}
:where(.sable-forms-experience) .field {
  display: flex;
  flex-direction: column;
  gap: 7px;
  font-size: 12px;
  color: #616a75;
  margin-bottom: 14px;
}
:where(.sable-forms-experience) .field input,:where(.sable-forms-experience) 
.field textarea,:where(.sable-forms-experience) 
.plain-input {
  width: 100%;
  border: 1px solid #dce1e6;
  border-radius: 9px;
  background: #fff9;
  padding: 10px 12px;
  font-size: 13px;
  color: #343b44;
  min-width: 0;
}
:where(.sable-forms-experience) .field textarea {
  min-height: 78px;
  resize: vertical;
}
:where(.sable-forms-experience) .field small {
  font-size: 11px;
  color: #9098a2;
}
:where(.sable-forms-experience) .two-fields {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
:where(.sable-forms-experience) .toggle-row {
  display: flex;
  justify-content: space-between;
  gap: 15px;
  align-items: center;
  padding: 12px 0;
  font-size: 12px;
  color: #58616b;
  cursor: pointer;
}
:where(.sable-forms-experience) .toggle-row small {
  display: block;
  color: #9aa0a8;
  font-size: 10px;
  line-height: 1.5;
  margin-top: 4px;
}
:where(.sable-forms-experience) .toggle-row [data-slot='switch'] {
  flex-shrink: 0;
  width: 30px;
  height: 18px;
}
:where(.sable-forms-experience) .toggle-row [data-slot='switch-thumb'] {
  width: 14px;
  height: 14px;
}
:where(.sable-forms-experience) .modal-actions {
  display: flex;
  justify-content: flex-end;
  gap: 9px;
  border-top: 1px solid #e1e5e9;
  padding-top: 18px;
}
:where(.sable-forms-experience) .destructive {
  background: #ae4e49;
  color: white;
  border-color: #ae4e49;
}
:where(.sable-forms-experience) .demo-caption {
  color: #858e98;
  font-size: 12px;
  line-height: 1.7;
  margin: 16px 0;
}
:where(.sable-forms-experience) .demo-pill {
  font-size: 11px;
  color: #7c8793;
  background: #e9edf2;
  border: 1px solid #e1e6ec;
  border-radius: 20px;
  padding: 6px 12px;
  white-space: nowrap;
}
:where(.sable-forms-experience) .text-button {
  display: flex;
  align-items: center;
  gap: 7px;
  color: inherit;
  font-size: 12px;
  padding: 6px 0;
}
:where(.sable-forms-experience) .rank-confirm {
  min-height: 44px;
  padding: 10px 0;
}
:where(.sable-forms-experience) .toast {
  position: fixed;
  bottom: 25px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 18px;
  border: 1px solid #fff;
  border-radius: 14px;
  box-shadow: 0 8px 40px #22304620;
  background: #fdfefef2;
  backdrop-filter: blur(18px);
  font-size: 13px;
  max-width: calc(100vw - 32px);
  width: max-content;
  color: #44535a;
}
:where(.sable-forms-experience) .toast > button {
  margin-left: 8px;
}
:where(.sable-forms-experience) .storage-error {
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: 9px;
  text-align: center;
  background: #f9e0bc;
  color: #654c2c;
  z-index: 101;
  font-size: 12px;
}
:where(.sable-forms-experience) .empty-state {
  text-align: center;
  padding: 65px 15px;
  color: #8c95a0;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 15px;
}
:where(.sable-forms-experience) .empty-state h2 {
  font-size: 24px;
  color: #404a55;
  font-weight: 500;
  letter-spacing: -0.7px;
}
:where(.sable-forms-experience) .empty-state p {
  font-size: 13px;
}
:where(.sable-forms-experience) .library-search {
  display: flex;
  align-items: center;
  gap: 10px;
  border: 1px solid #e1e5e9;
  background: #fff9;
  padding: 11px 14px;
  border-radius: 10px;
  color: #939da6;
  font-size: 13px;
}
:where(.sable-forms-experience) .library-search input {
  width: 100%;
  outline: 0;
  background: none;
}
:where(.sable-forms-experience) .catalog-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px 25px;
}
:where(.sable-forms-experience) .catalog-category h4 {
  font-size: 11px;
  color: #8b949d;
  margin: 5px 0 8px;
}
:where(.sable-forms-experience) .catalog-item {
  display: flex;
  align-items: center;
  gap: 9px;
  width: 100%;
  padding: 8px 4px;
  font-size: 12px;
  border-radius: 8px;
  text-align: left;
}
:where(.sable-forms-experience) .catalog-item small {
  font-size: 9px;
  color: #9198a1;
  margin-left: auto;
}
:where(.sable-forms-experience) .catalog-item:hover {
  background: #e8ecf1;
}
:where(.sable-forms-experience) .type-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 25px;
  height: 23px;
  border-radius: 6px;
  font-size: 14px;
  font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 500;
  line-height: 1;
}
:where(.sable-forms-experience) .pink {
  background: #f0dbe0;
  color: #a76475;
}
:where(.sable-forms-experience) .sky {
  background: #dce9f3;
  color: #5b88a9;
}
:where(.sable-forms-experience) .purple {
  background: #e4dff1;
  color: #8674a6;
}
:where(.sable-forms-experience) .sage {
  background: #e1eadc;
  color: #7a9469;
}
:where(.sable-forms-experience) .gold {
  background: #f0e6ca;
  color: #a39155;
}
:where(.sable-forms-experience) .stone {
  background: #e5e6e8;
  color: #8a8f95;
}
:where(.sable-forms-experience) .import-flow {
  padding: 20px 36px;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 18px;
  text-align: center;
}
:where(.sable-forms-experience) .import-flow h2,:where(.sable-forms-experience) 
.create-fresh h2 {
  font-size: 24px;
  letter-spacing: -0.7px;
  font-weight: 500;
}
:where(.sable-forms-experience) .import-flow p {
  font-size: 13px;
  color: #838d97;
  max-width: 430px;
}
:where(.sable-forms-experience) .import-flow textarea {
  width: 100%;
  min-height: 130px;
  border: 1px solid #cfd7e0;
  background: #fff9;
  border-radius: 13px;
  padding: 16px;
  font-size: 14px;
  outline-color: #98a8b9;
  text-align: left;
  resize: vertical;
}
:where(.sable-forms-experience) .import-flow small {
  font-size: 11px;
  color: #939ba4;
}
:where(.sable-forms-experience) .import-icon,:where(.sable-forms-experience) 
.new-form-symbol {
  width: 70px;
  height: 70px;
  display: grid;
  place-items: center;
  background: #e9edf2;
  border: 1px solid #fff;
  border-radius: 19px;
  color: #7c8a98;
}
:where(.sable-forms-experience) .suggestions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: center;
}
:where(.sable-forms-experience) .suggestions button {
  font-size: 11px;
  padding: 7px 10px;
  background: #e8edf2;
  border-radius: 20px;
}
:where(.sable-forms-experience) .create-fresh {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 32px;
  gap: 22px;
}
:where(.sable-forms-experience) .create-fresh .field {
  width: 100%;
  max-width: 350px;
}
:where(.sable-forms-experience) .template-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
:where(.sable-forms-experience) .template-grid > button {
  text-align: left;
  border: 1px solid #e2e6e9;
  overflow: hidden;
  border-radius: 12px;
  background: white;
}
:where(.sable-forms-experience) .template-cover {
  height: 150px;
  padding: 18px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
:where(.sable-forms-experience) .template-cover > span {
  font-size: 12px;
  letter-spacing: -0.6px;
}
:where(.sable-forms-experience) .template-cover h3 {
  font-family: Georgia, serif;
  font-size: 22px;
  line-height: 1.1;
  font-weight: 400;
  white-space: pre-line;
}
:where(.sable-forms-experience) .template-grid strong,:where(.sable-forms-experience) 
.template-grid small {
  display: block;
  padding: 12px 13px 0;
  font-size: 12px;
  font-weight: 500;
}
:where(.sable-forms-experience) .template-grid small {
  font-size: 10px;
  color: #9ba1a8;
  display: flex;
  justify-content: space-between;
  padding: 7px 13px 14px;
}
:where(.sable-forms-experience) .member-row {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 12px;
  border-bottom: 1px solid #e5e9ed;
  padding: 9px 0;
}
:where(.sable-forms-experience) .member-row small {
  margin-left: auto;
  color: #909aa3;
}
:where(.sable-forms-experience) .brand-preview {
  height: 145px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  font-size: 48px;
  letter-spacing: -3px;
}
:where(.sable-forms-experience) .color-field {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  padding: 9px 0;
}
:where(.sable-forms-experience) .color-field input {
  width: 32px;
  height: 27px;
  border: 1px solid #d6dce3;
  border-radius: 5px;
  background: none;
  padding: 2px;
  cursor: pointer;
}
:where(.sable-forms-experience) .import-backup {
  position: relative;
}
:where(.sable-forms-experience) .import-backup input {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
  width: 100%;
}
:where(.sable-forms-experience) .editor {
  height: 100dvh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: #f2f4f7;
}
:where(.sable-forms-experience) .editor-header {
  height: 76px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 0 22px;
  background: #fdfefece;
  backdrop-filter: blur(20px);
  border-bottom: 1px solid #e3e7ec;
  z-index: 20;
}
:where(.sable-forms-experience) .editor-identity {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  flex: 1;
}
:where(.sable-forms-experience) .editor-logo {
  font-size: 29px;
  letter-spacing: -1.8px;
  font-weight: 450;
}
:where(.sable-forms-experience) .editor-identity > svg {
  color: #adb6bf;
}
:where(.sable-forms-experience) .editor-identity input {
  min-width: 0;
  width: 200px;
  font-size: 12px;
  background: none;
  padding: 6px;
  border-radius: 5px;
  color: #6e7782;
}
:where(.sable-forms-experience) .editor-identity input:focus {
  background: #edf0f3;
  outline: 1px solid #ccd4df;
}
:where(.sable-forms-experience) .editor-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1;
  justify-content: flex-end;
}
:where(.sable-forms-experience) .saved {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 10px;
  color: #97a099;
  white-space: nowrap;
}
:where(.sable-forms-experience) .editor-actions .button {
  min-height: 34px;
  font-size: 11px;
  padding: 7px 12px;
}
:where(.sable-forms-experience) .editor-body {
  display: grid;
  grid-template-columns: 235px minmax(0, 1fr) 246px;
  flex: 1;
  min-height: 0;
}
:where(.sable-forms-experience) .question-sidebar {
  display: flex;
  flex-direction: column;
  background: #f8fafba8;
  border-right: 1px solid #e0e5eb;
  min-height: 0;
}
:where(.sable-forms-experience) .question-sidebar-head {
  display: flex;
  justify-content: space-between;
  font-size: 10px;
  padding: 25px 20px 18px;
  color: #8f9aa5;
  letter-spacing: 1px;
}
:where(.sable-forms-experience) .question-sidebar-head > span:last-child {
  font-size: 10px;
  letter-spacing: 0;
  color: #a7afb7;
}
:where(.sable-forms-experience) .question-list {
  padding: 0 10px;
  overflow-y: auto;
}
:where(.sable-forms-experience) .question-item {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  border: 1px solid transparent;
  border-radius: 10px;
  position: relative;
}
:where(.sable-forms-experience) .question-item.selected {
  background: #fff;
  border-color: #dce3eb;
  box-shadow: 0 3px 9px #2c435b07;
}
:where(.sable-forms-experience) .question-select {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 8px;
  min-width: 0;
  text-align: left;
  flex: 1;
}
:where(.sable-forms-experience) .question-row-text {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
:where(.sable-forms-experience) .question-row-text > small {
  font-size: 9px;
  color: #99a3ae;
}
:where(.sable-forms-experience) .question-row-text > span {
  font-size: 11px;
  color: #65717d;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
:where(.sable-forms-experience) .question-item.selected .question-row-text > span {
  color: #384450;
  font-weight: 500;
}
:where(.sable-forms-experience) .question-more {
  width: 23px;
  color: #9ea8b2;
  margin-right: 3px;
}
:where(.sable-forms-experience) .add-question {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px dashed #ccd4dd;
  border-radius: 9px;
  min-height: 38px;
  margin: 10px 17px;
  font-size: 11px;
  color: #7b8a98;
}
:where(.sable-forms-experience) .question-sidebar-foot {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: auto;
  padding: 18px 16px;
  color: #8e9ba7;
  font-size: 10px;
  border-top: 1px solid #e1e7ed;
}
:where(.sable-forms-experience) .question-sidebar-foot > svg:last-child {
  margin-left: auto;
}
:where(.sable-forms-experience) .editor-center {
  display: flex;
  flex-direction: column;
  position: relative;
  min-width: 0;
  min-height: 0;
  background: radial-gradient(ellipse at 55% 50%, #e7ebf3, transparent 70%), #f0f3f7;
}
:where(.sable-forms-experience) .canvas-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 60px;
  padding: 0 24px;
  flex-shrink: 0;
}
:where(.sable-forms-experience) .canvas-toolbar > div {
  display: flex;
  align-items: center;
  gap: 6px;
}
:where(.sable-forms-experience) .design-button {
  font-size: 11px;
  min-height: 30px;
  padding: 6px 10px;
  border-color: #e1e5e9;
  box-shadow: 0 1px 2px #34425705;
}
:where(.sable-forms-experience) .design-button.active {
  background: #dfe7f0;
}
:where(.sable-forms-experience) .toolbar-divider {
  height: 18px;
  width: 1px;
  background: #dce2e8;
  margin: 0 6px;
}
:where(.sable-forms-experience) .canvas-toolbar .icon-button {
  width: 29px;
  height: 29px;
}
:where(.sable-forms-experience) .icon-button.active {
  background: #dce5ee;
  color: #546f89;
}
:where(.sable-forms-experience) .canvas-stage {
  flex: 1;
  min-height: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 28px 16px;
  overflow: auto;
}
:where(.sable-forms-experience) .form-canvas {
  width: 100%;
  max-width: 950px;
  min-height: 470px;
  height: 100%;
  max-height: 770px;
  border-radius: 14px;
  box-shadow: 0 12px 40px #53647b12,
    inset 0 1px #fff4;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: auto;
  transition: background-color 180ms,
    color 180ms;
}
:where(.sable-forms-experience) .canvas-brand {
  font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 20px;
  letter-spacing: -1px;
  opacity: 0.6;
  position: absolute;
  top: 26px;
  left: 30px;
}
:where(.sable-forms-experience) .canvas-question {
  margin: auto;
  width: 100%;
  padding: 95px 14% 50px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
:where(.sable-forms-experience) .canvas-label {
  font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 9px;
  letter-spacing: 1.1px;
  opacity: 0.5;
  margin-bottom: 14px;
}
:where(.sable-forms-experience) .editable-title {
  display: block;
  font-family: inherit;
  background: transparent;
  color: inherit;
  font-size: clamp(25px, 2.6vw, 40px);
  font-weight: 400;
  line-height: 1.14;
  letter-spacing: -1.1px;
  resize: none;
  overflow: hidden;
  border: 1px solid transparent;
  padding: 5px;
  margin-left: -5px;
  width: calc(100% + 10px);
}
:where(.sable-forms-experience) .editable-title:focus,:where(.sable-forms-experience) 
.editable-description:focus {
  outline: none;
  background: #ffffff20;
  border-color: #ffffff60;
  border-radius: 5px;
}
:where(.sable-forms-experience) .editable-description {
  font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  color: inherit;
  opacity: 0.6;
  font-size: 12px;
  line-height: 1.7;
  background: none;
  border: 1px solid transparent;
  resize: none;
  padding: 5px;
  margin: 10px -5px 16px;
  width: calc(100% + 10px);
}
:where(.sable-forms-experience) .editable-description::placeholder {
  color: inherit;
}
:where(.sable-forms-experience) .canvas-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 24px;
  font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 8px;
  opacity: 0.4;
}
:where(.sable-forms-experience) .canvas-caption {
  display: flex;
  justify-content: space-between;
  padding: 0 30px 17px;
  font-size: 10px;
  color: #9ba5af;
  flex-shrink: 0;
}
:where(.sable-forms-experience) .canvas-caption button {
  display: flex;
  gap: 6px;
  align-items: center;
}
:where(.sable-forms-experience) .mobile-canvas {
  max-width: 350px !important;
}
:where(.sable-forms-experience) .mobile-canvas .canvas-question {
  padding: 100px 27px 40px;
}
:where(.sable-forms-experience) .mobile-canvas .editable-title {
  font-size: 30px;
}
:where(.sable-forms-experience) .question-properties {
  background: #fbfcfde0;
  backdrop-filter: blur(18px);
  border-left: 1px solid #e1e6ec;
  overflow-y: auto;
  padding: 22px 20px;
}
:where(.sable-forms-experience) .properties-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 9px;
  letter-spacing: 1.2px;
  color: #909ca7;
  margin-bottom: 18px;
}
:where(.sable-forms-experience) .property-section {
  padding: 17px 0;
  border-bottom: 1px solid #e5e9ed;
}
:where(.sable-forms-experience) .property-section h4 {
  font-size: 11px;
  color: #7b8794;
  margin-bottom: 12px;
}
:where(.sable-forms-experience) .question-properties .toggle-row {
  font-size: 11px;
  padding: 10px 0;
}
:where(.sable-forms-experience) .question-properties .field {
  margin-top: 15px;
  font-size: 10px;
}
:where(.sable-forms-experience) .question-properties .field input,:where(.sable-forms-experience) 
.question-properties .field textarea {
  font-size: 11px;
}
:where(.sable-forms-experience) .question-properties .pick {
  font-size: 11px;
}
:where(.sable-forms-experience) .option-edit {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 7px;
  font-size: 11px;
}
:where(.sable-forms-experience) .option-edit > span {
  color: #a1aab4;
  font-size: 9px;
}
:where(.sable-forms-experience) .option-edit input {
  min-width: 0;
  flex: 1;
  border: 1px solid #dfe5ea;
  padding: 7px 8px;
  border-radius: 6px;
  background: white;
}
:where(.sable-forms-experience) .option-edit button {
  color: #9ba6b1;
}
:where(.sable-forms-experience) .media-upload {
  display: flex;
  gap: 7px;
  align-items: center;
  position: relative;
  font-size: 11px;
  color: #7d8a95;
  cursor: pointer;
}
:where(.sable-forms-experience) .media-upload input {
  position: absolute;
  inset: 0;
  opacity: 0;
  width: 100%;
  cursor: pointer;
}
:where(.sable-forms-experience) .media-upload > svg:last-child {
  margin-left: auto;
}
:where(.sable-forms-experience) .property-help {
  display: block;
  font-size: 9px;
  line-height: 1.6;
  color: #a0a8b1;
  margin-top: 8px;
}
:where(.sable-forms-experience) .property-action {
  display: flex;
  align-items: center;
  gap: 9px;
  width: 100%;
  padding: 12px 0;
  font-size: 11px;
  color: #80909d;
}
:where(.sable-forms-experience) .property-action > svg:last-child:not(:first-child) {
  margin-left: auto;
}
:where(.sable-forms-experience) .danger {
  color: #ad756f;
}
:where(.sable-forms-experience) .design-panel {
  position: absolute;
  top: 54px;
  left: 24px;
  z-index: 15;
  width: 300px;
  max-height: calc(100% - 75px);
  overflow: auto;
  background: #fbfcfdeb;
  backdrop-filter: blur(24px);
  border: 1px solid #fff;
  border-radius: 15px;
  box-shadow: 0 16px 45px #283b5526;
  padding: 17px;
  transform-origin: top left;
}
:where(.sable-forms-experience) .panel-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
:where(.sable-forms-experience) .panel-title h3 {
  font-size: 13px;
}
:where(.sable-forms-experience) .theme-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin: 15px 0;
}
:where(.sable-forms-experience) .theme-card {
  text-align: left;
  border: 1px solid #e0e5eb;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
  position: relative;
}
:where(.sable-forms-experience) .theme-card.selected {
  outline: 2px solid #94a5b5;
  outline-offset: 1px;
}
:where(.sable-forms-experience) .theme-card > span {
  display: flex;
  flex-direction: column;
  height: 82px;
  padding: 12px;
  gap: 3px;
}
:where(.sable-forms-experience) .theme-card b {
  font: 24px Georgia,
    serif;
}
:where(.sable-forms-experience) .theme-card small {
  font-size: 8px;
}
:where(.sable-forms-experience) .theme-card i {
  width: 25px;
  height: 7px;
  border-radius: 2px;
  display: block;
  margin-top: 5px;
}
:where(.sable-forms-experience) .theme-card strong {
  display: block;
  font-size: 10px;
  padding: 7px 9px;
  font-weight: 400;
}
:where(.sable-forms-experience) .theme-card > svg {
  position: absolute;
  right: 6px;
  bottom: 8px;
}
:where(.sable-forms-experience) .design-controls {
  padding-top: 8px;
  border-top: 1px solid #e1e6eb;
}
:where(.sable-forms-experience) .design-controls .field {
  font-size: 11px;
}
:where(.sable-forms-experience) .brand-section {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 16px 0;
}
:where(.sable-forms-experience) .brand-section p,:where(.sable-forms-experience) 
.my-themes p {
  font-size: 11px;
  color: #8c97a1;
}
:where(.sable-forms-experience) .my-themes {
  padding: 18px 0;
}
:where(.sable-forms-experience) .my-themes .field {
  margin-top: 15px;
}
:where(.sable-forms-experience) .saved-theme {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 12px;
  margin-bottom: 8px;
}
:where(.sable-forms-experience) .saved-theme span {
  font: 20px Georgia;
  padding: 10px;
  border-radius: 5px;
}
:where(.sable-forms-experience) .comments-panel {
  position: absolute;
  right: 22px;
  bottom: 42px;
  z-index: 14;
  width: min(430px, calc(100% - 40px));
  background: #fbfcfdef;
  border: 1px solid white;
  border-radius: 15px;
  padding: 18px;
  backdrop-filter: blur(22px);
  box-shadow: 0 10px 30px #293d5920;
}
:where(.sable-forms-experience) .comment {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 12px;
  margin-bottom: 12px;
}
:where(.sable-forms-experience) .comment p {
  flex: 1;
}
:where(.sable-forms-experience) .comments-panel form {
  display: flex;
  gap: 6px;
}
:where(.sable-forms-experience) .comments-panel input {
  font-size: 11px;
  min-width: 0;
  flex: 1;
  background: #eaf0f580;
  padding: 8px;
  border-radius: 8px;
}
:where(.sable-forms-experience) .comments-panel .button {
  font-size: 10px;
  padding: 7px;
  min-height: 32px;
}
:where(.sable-forms-experience) .media-preview {
  position: relative;
}
:where(.sable-forms-experience) .media-preview img {
  width: 100%;
  height: 140px;
  object-fit: cover;
  border-radius: 8px;
  margin-bottom: 15px;
}
:where(.sable-forms-experience) .media-preview button {
  position: absolute;
  top: 3px;
  right: 3px;
  background: white;
}
:where(.sable-forms-experience) .audit-list > div {
  display: flex;
  justify-content: space-between;
  padding: 13px 0;
  border-bottom: 1px solid #e1e7ed;
  font-size: 13px;
}
:where(.sable-forms-experience) .answer-choices {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 4px 0 16px;
  font-family: -apple-system, BlinkMacSystemFont, sans-serif;
}
:where(.sable-forms-experience) .answer-choice {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  text-align: left;
  border: 1px solid currentColor;
  border-color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, currentColor 24%, transparent);
  }
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, currentColor 4%, transparent);
  }
  border-radius: 7px;
  padding: 10px 12px;
  color: inherit;
  font-size: 13px;
  min-height: 41px;
}
:where(.sable-forms-experience) .answer-choice.chosen {
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, currentColor 12%, transparent);
  }
  border-color: currentColor;
  box-shadow: 0 0 0 1px currentColor;
}
:where(.sable-forms-experience) .answer-choice.unavailable {
  opacity: 0.4;
  cursor: not-allowed;
  border-style: dashed;
}
:where(.sable-forms-experience) .answer-choice > svg:last-child {
  margin-left: auto;
}
:where(.sable-forms-experience) .choice-key {
  font: 10px -apple-system,
    BlinkMacSystemFont,
    sans-serif;
  display: grid;
  place-items: center;
  border: 1px solid currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, currentColor 30%, transparent);
  }
  width: 20px;
  height: 21px;
  border-radius: 3px;
  background: #ffffff25;
  flex-shrink: 0;
}
:where(.sable-forms-experience) .answer-hint {
  font: 10px/1.6 -apple-system,
    BlinkMacSystemFont,
    sans-serif;
  opacity: 0.6;
  display: block;
  margin-top: 8px;
}
:where(.sable-forms-experience) .answer-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  gap: 12px;
  background: var(--answer-color, #4b5b63);
  color: var(--answer-foreground, #fff);
  font: 500 12px -apple-system,
    BlinkMacSystemFont,
    sans-serif;
  padding: 11px 17px;
  min-height: 38px;
  border-radius: 7px;
  width: max-content;
  max-width: 100%;
  border: 1px solid #00000006;
  margin-top: 20px;
  text-decoration: none;
}
:where(.sable-forms-experience) .dark .answer-submit,:where(.sable-forms-experience) 
.ink .answer-submit {
  color: #35443c;
}
:where(.sable-forms-experience) .contact-fields {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px 20px;
  font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  margin: 10px 0 20px;
}
:where(.sable-forms-experience) .contact-fields label {
  font-size: 10px;
  opacity: 0.8;
}
:where(.sable-forms-experience) .contact-fields input,:where(.sable-forms-experience) 
.single-answer,:where(.sable-forms-experience) 
.canvas-question textarea:not(.editable-title):not(.editable-description),:where(.sable-forms-experience) 
.question-display textarea,:where(.sable-forms-experience) 
.question-display input:not([type='file']),:where(.sable-forms-experience) 
.signature input,:where(.sable-forms-experience) 
.faq-answer + input {
  width: 100%;
  display: block;
  padding: 9px 0;
  background: none;
  border: 0;
  border-bottom: 1px solid currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border-bottom: 1px solid color-mix(in srgb, currentColor 28%, transparent);
  }
  font: 16px/1.5 -apple-system,
    BlinkMacSystemFont,
    sans-serif;
  color: inherit;
  border-radius: 0;
  outline: none;
}
:where(.sable-forms-experience) .contact-fields input:focus,:where(.sable-forms-experience) 
.single-answer:focus,:where(.sable-forms-experience) 
.question-display textarea:focus,:where(.sable-forms-experience) 
.signature input:focus {
  border-bottom-color: currentColor;
}
:where(.sable-forms-experience) .contact-fields input::placeholder,:where(.sable-forms-experience) 
.single-answer::placeholder,:where(.sable-forms-experience) 
.question-display textarea::placeholder,:where(.sable-forms-experience) 
.signature input::placeholder {
  color: inherit;
  opacity: 0.35;
}
:where(.sable-forms-experience) .single-answer {
  font-size: 22px;
  margin: 10px 0 20px;
}
:where(.sable-forms-experience) .canvas-question textarea:not(.editable-title):not(.editable-description),:where(.sable-forms-experience) 
.question-display textarea {
  min-height: 100px;
  resize: vertical;
  font-size: 16px;
}
:where(.sable-forms-experience) .rating-answer {
  display: flex;
  gap: 6px;
  margin: 10px 0 22px;
  flex-wrap: wrap;
}
:where(.sable-forms-experience) .rating-answer > button {
  padding: 3px;
  opacity: 0.55;
  color: inherit;
}
:where(.sable-forms-experience) .rating-answer > button svg {
  width: 35px;
  height: 35px;
  stroke-width: 1.2;
}
:where(.sable-forms-experience) .rating-answer > button.chosen {
  opacity: 1;
}
:where(.sable-forms-experience) .scale-answer {
  gap: 5px;
}
:where(.sable-forms-experience) .scale-answer > button {
  border: 1px solid currentColor;
  min-width: 31px;
  min-height: 37px;
  border-radius: 5px;
  font: 13px -apple-system,
    BlinkMacSystemFont,
    sans-serif;
}
:where(.sable-forms-experience) .scale-answer > button.chosen {
  background: #ffffff40;
}
:where(.sable-forms-experience) .scale-labels {
  display: flex;
  justify-content: space-between;
  font: 10px -apple-system,
    BlinkMacSystemFont,
    sans-serif;
  opacity: 0.6;
  margin-top: -10px;
  margin-bottom: 15px;
}
:where(.sable-forms-experience) .picture-choices {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
:where(.sable-forms-experience) .picture-choices .answer-choice {
  flex-wrap: wrap;
  padding: 8px;
  gap: 7px;
  font-size: 10px;
}
:where(.sable-forms-experience) .picture-swatch {
  width: 100%;
  height: 90px;
  border-radius: 4px;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: #cdb5a0;
}
:where(.sable-forms-experience) .picture-swatch > span {
  font: 24px Georgia,
    serif;
  color: #ffffff80;
}
:where(.sable-forms-experience) .swatch-1 {
  background: #846552;
}
:where(.sable-forms-experience) .swatch-2 {
  background: #bd926e;
}
:where(.sable-forms-experience) .swatch-3 {
  background: #5e493d;
}
:where(.sable-forms-experience) .picture-swatch img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
:where(.sable-forms-experience) .rank-row {
  display: flex;
  align-items: center;
  gap: 12px;
  border: 1px solid currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, currentColor 25%, transparent);
  }
  border-radius: 6px;
  padding: 9px;
  font-size: 13px;
}
:where(.sable-forms-experience) .rank-row > span:nth-child(2) {
  flex: 1;
}
:where(.sable-forms-experience) .rank-row button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  min-width: 44px;
  min-height: 44px;
  padding: 3px;
}
:where(.sable-forms-experience) .matrix-wrap {
  overflow: auto;
}
:where(.sable-forms-experience) .matrix {
  width: 100%;
  border-collapse: collapse;
  font: 11px -apple-system,
    BlinkMacSystemFont,
    sans-serif;
}
:where(.sable-forms-experience) .matrix th,:where(.sable-forms-experience) 
.matrix td {
  padding: 12px 6px;
  border-bottom: 1px solid #00000010;
  text-align: center;
  font-weight: 400;
}
:where(.sable-forms-experience) .matrix tbody th {
  text-align: left;
}
:where(.sable-forms-experience) .signature .segments {
  margin-bottom: 15px;
}
:where(.sable-forms-experience) .signature .typed-signature {
  font: italic 27px Georgia,
    serif !important;
}
:where(.sable-forms-experience) .signature canvas {
  width: 100%;
  height: 130px;
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, currentColor 6%, transparent);
  }
  border: 1px dashed currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px dashed color-mix(in srgb, currentColor 30%, transparent);
  }
  border-radius: 10px;
  touch-action: none;
}
:where(.sable-forms-experience) .upload-box {
  border: 1px dashed currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px dashed color-mix(in srgb, currentColor 35%, transparent);
  }
  border-radius: 9px;
  padding: 25px 15px;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 9px;
  position: relative;
  font: 12px -apple-system,
    BlinkMacSystemFont,
    sans-serif;
  cursor: pointer;
  background: #ffffff12;
}
:where(.sable-forms-experience) .upload-box span {
  font-size: 10px;
  opacity: 0.6;
}
:where(.sable-forms-experience) .upload-box input {
  position: absolute;
  inset: 0;
  width: 100%;
  opacity: 0;
  cursor: pointer;
}
:where(.sable-forms-experience) .payment-preview {
  padding: 20px;
  border: 1px solid currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, currentColor 18%, transparent);
  }
  border-radius: 14px;
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, currentColor 4%, transparent);
  }
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 10px;
  color: inherit;
  font-family: -apple-system, BlinkMacSystemFont, sans-serif;
}
:where(.sable-forms-experience) .payment-preview strong {
  font-size: 24px;
}
:where(.sable-forms-experience) .payment-preview p {
  font-size: 13px !important;
  opacity: 0.65;
}
:where(.sable-forms-experience) .payment-preview-card {
  width: 100%;
  display: grid;
  gap: 10px;
  padding: 14px;
  border: 1px dashed currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px dashed color-mix(in srgb, currentColor 30%, transparent);
  }
  border-radius: 10px;
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, currentColor 6%, transparent);
  }
}
:where(.sable-forms-experience) .payment-preview-line {
  display: block;
  height: 10px;
  border-radius: 6px;
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, currentColor 14%, transparent);
  }
}
:where(.sable-forms-experience) .payment-preview-line.short {
  width: 40%;
}
:where(.sable-forms-experience) .scheduler-date {
  display: flex;
  align-items: center;
  gap: 10px;
}
:where(.sable-forms-experience) .scheduler-date input {
  background: none;
  padding: 10px;
  font: 14px -apple-system,
    BlinkMacSystemFont,
    sans-serif;
}
:where(.sable-forms-experience) .time-slots {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 12px 0;
}
:where(.sable-forms-experience) .time-slots button {
  border: 1px solid #00000030;
  padding: 8px;
  border-radius: 6px;
  font: 11px -apple-system,
    BlinkMacSystemFont,
    sans-serif;
}
:where(.sable-forms-experience) .time-slots button.chosen {
  background: #ffffff60;
  border-color: currentColor;
}
:where(.sable-forms-experience) .faq-answer {
  font: 12px/1.6 -apple-system,
    BlinkMacSystemFont,
    sans-serif;
  border-bottom: 1px solid #00000020;
  padding: 10px 0;
}
:where(.sable-forms-experience) .faq-answer summary {
  cursor: pointer;
}
:where(.sable-forms-experience) .faq-answer p {
  font-size: 12px !important;
  margin-top: 10px !important;
}
:where(.sable-forms-experience) .field-error {
  font: 12px -apple-system,
    BlinkMacSystemFont,
    sans-serif !important;
  background: #fff3ee;
  color: #aa5042 !important;
  padding: 10px 13px;
  border-radius: 6px;
  margin: 14px 0 !important;
  opacity: 1 !important;
}
:where(.sable-forms-experience) .respondent-shell {
  position: fixed;
  inset: 0;
  background: #e9edf1;
  z-index: 40;
  display: flex;
  flex-direction: column;
}
:where(.sable-forms-experience) .preview-toolbar {
  height: 64px;
  background: #fcfdfecc;
  border-bottom: 1px solid #ffffffb3;
  backdrop-filter: blur(20px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 30px;
  flex-shrink: 0;
  font-size: 12px;
  color: #73808c;
}
:where(.sable-forms-experience) .preview-toolbar > span {
  display: flex;
  align-items: center;
}
:where(.sable-forms-experience) .preview-toolbar small {
  display: inline-block;
  margin-left: 20px;
  font-size: 11px;
  opacity: 0.6;
}
:where(.sable-forms-experience) .preview-toolbar > div {
  display: flex;
  gap: 10px;
  align-items: center;
}
:where(.sable-forms-experience) .preview-toolbar .button {
  font-size: 11px;
  min-height: 32px;
}
:where(.sable-forms-experience) .respondent-page {
  flex: 1;
  position: relative;
  overflow: auto;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  width: 100%;
  transition: background-color 180ms;
}
:where(.sable-forms-experience) .respondent-brand {
  position: absolute;
  top: 35px;
  left: 45px;
  font: 33px -apple-system,
    BlinkMacSystemFont,
    sans-serif;
  letter-spacing: -1.8px;
}
:where(.sable-forms-experience) .question-display {
  width: 100%;
  max-width: 770px;
  padding: 110px 50px 100px;
  margin: auto;
  position: relative;
}
:where(.sable-forms-experience) .question-display h1 {
  font: 400 clamp(30px, 4vw, 49px)/1.13 Georgia,
    serif;
  letter-spacing: -1.6px;
  color: inherit;
}
:where(.sable-forms-experience) .question-display h1 sup {
  font-size: 16px;
  vertical-align: super;
  margin-left: 7px;
}
:where(.sable-forms-experience) .question-display p {
  font: 15px/1.65 -apple-system,
    BlinkMacSystemFont,
    sans-serif;
  opacity: 0.65;
  margin: 23px 0 30px;
}
:where(.sable-forms-experience) .question-index {
  display: flex;
  align-items: center;
  gap: 6px;
  position: absolute;
  left: 15px;
  top: 119px;
  font: 12px -apple-system,
    BlinkMacSystemFont,
    sans-serif;
  opacity: 0.6;
}
:where(.sable-forms-experience) .respondent-actions {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 20px;
}
:where(.sable-forms-experience) .respondent-actions .answer-submit {
  margin: 0;
  font-size: 15px;
  padding: 14px 20px;
}
:where(.sable-forms-experience) .respondent-actions small {
  font: 10px -apple-system,
    BlinkMacSystemFont,
    sans-serif;
  opacity: 0.55;
}
:where(.sable-forms-experience) .respondent-progress {
  height: 4px;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #0000000b;
}
:where(.sable-forms-experience) .respondent-progress span {
  height: 100%;
  background: var(--answer-color);
  display: block;
  transition: width 180ms var(--ease-out);
}
:where(.sable-forms-experience) .respondent-nav {
  position: fixed;
  bottom: 25px;
  right: 30px;
  display: flex;
  align-items: center;
  gap: 3px;
  font: 11px -apple-system,
    BlinkMacSystemFont,
    sans-serif;
}
:where(.sable-forms-experience) .respondent-nav > span {
  margin-right: 13px;
  opacity: 0.6;
}
:where(.sable-forms-experience) .respondent-nav button {
  padding: 9px;
  border: 1px solid #ffffff40;
  background: #ffffff30;
  border-radius: 6px;
}
:where(.sable-forms-experience) .mobile-preview {
  max-width: 390px;
  border-radius: min(22px, var(--sable-radius-cap, 22px));
  margin: 20px auto;
  box-shadow: 0 12px 50px #32465c20;
}
:where(.sable-forms-experience) .mobile-preview .question-display {
  padding: 120px 32px 90px;
}
:where(.sable-forms-experience) .mobile-preview .question-display h1 {
  font-size: 35px;
}
:where(.sable-forms-experience) .mobile-preview .question-index {
  left: 12px;
  top: 95px;
}
:where(.sable-forms-experience) .mobile-preview .respondent-brand {
  left: 30px;
}
:where(.sable-forms-experience) .mobile-preview .respondent-nav,:where(.sable-forms-experience) 
.mobile-preview .respondent-progress {
  position: absolute;
}
:where(.sable-forms-experience) .mobile-preview .contact-fields {
  grid-template-columns: 1fr;
}
:where(.sable-forms-experience) .completion {
  text-align: center;
}
:where(.sable-forms-experience) .completion-icon {
  width: 62px;
  height: 62px;
  border-radius: min(50%, var(--sable-radius-cap, 50%));
  background: #ffffff30;
  display: grid;
  place-items: center;
  margin: 0 auto 24px;
}
:where(.sable-forms-experience) .completion small {
  font: 11px -apple-system,
    BlinkMacSystemFont,
    sans-serif;
  opacity: 0.55;
}
:where(.sable-forms-experience) .completion .answer-submit {
  margin: 20px auto;
}
:where(.sable-forms-experience) .question-media {
  max-height: 220px;
  width: 100%;
  object-fit: cover;
  border-radius: 12px;
  margin-bottom: 24px;
}
:where(.sable-forms-experience) .section-page {
  padding: 42px 48px;
  overflow: auto;
  flex: 1;
  max-width: 1600px;
  width: 100%;
  margin: auto;
}
:where(.sable-forms-experience) .section-page .page-heading {
  margin-bottom: 30px;
}
:where(.sable-forms-experience) .section-page h1 {
  font-size: 32px;
}
:where(.sable-forms-experience) .section-page > .library-search {
  max-width: 370px;
  margin-bottom: 25px;
}
:where(.sable-forms-experience) .workflow {
  overflow: auto;
  flex: 1;
  background: #f7f9fb;
}
:where(.sable-forms-experience) .sub-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 30px;
  border-bottom: 1px solid #e5eaf0;
}
:where(.sable-forms-experience) .sub-toolbar .button {
  font-size: 11px;
  min-height: 32px;
}
:where(.sable-forms-experience) .flow-intro {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 38px 45px 15px;
  gap: 20px;
}
:where(.sable-forms-experience) .flow-intro h2,:where(.sable-forms-experience) 
.workflow-config h2 {
  font-size: 25px;
  font-weight: 480;
  letter-spacing: -0.8px;
  margin-top: 9px;
}
:where(.sable-forms-experience) .flow-intro p,:where(.sable-forms-experience) 
.workflow-config > p {
  font-size: 12px;
  color: #8e99a5;
  margin-top: 10px;
}
:where(.sable-forms-experience) .flow-count {
  font-size: 11px;
  color: #99a3ae;
  white-space: nowrap;
}
:where(.sable-forms-experience) .flow-scroll {
  overflow: auto;
  padding: 40px 0 60px;
  background-image: radial-gradient(#a3afbc30 1px, transparent 1px);
  background-size: 20px 20px;
}
:where(.sable-forms-experience) .flow-map {
  display: flex;
  align-items: center;
  padding: 25px 50px;
  width: max-content;
  min-width: 100%;
  min-height: 310px;
}
:where(.sable-forms-experience) .data-node {
  border: 1px dashed #c9d3df;
  background: #f5f8fcd9;
  border-radius: 13px;
  padding: 20px;
  width: 195px;
  min-height: 185px;
  flex-shrink: 0;
}
:where(.sable-forms-experience) .node-icon {
  display: block;
  color: #9ba9b8;
  margin-bottom: 15px;
}
:where(.sable-forms-experience) .data-node h3 {
  font-size: 12px;
  color: #6c7a88;
}
:where(.sable-forms-experience) .data-node p {
  font-size: 11px;
  color: #9ba6b2;
  margin: 8px 0 12px;
  line-height: 1.6;
}
:where(.sable-forms-experience) .parameter {
  font-size: 9px;
  padding: 3px 5px;
  margin: 2px;
  background: #e7edf4;
  color: #8c9aaa;
  border-radius: 4px;
  display: inline-flex;
  gap: 4px;
}
:where(.sable-forms-experience) .data-node form {
  display: flex;
  align-items: center;
  margin-top: 8px;
}
:where(.sable-forms-experience) .data-node input {
  min-width: 0;
  flex: 1;
  font-size: 10px;
  background: none;
  outline: 0;
}
:where(.sable-forms-experience) .data-node form button {
  color: #a5b0bc;
}
:where(.sable-forms-experience) .node-pair {
  display: flex;
  align-items: center;
}
:where(.sable-forms-experience) .flow-node {
  display: flex;
  flex-direction: column;
  width: 185px;
  min-height: 133px;
  border-radius: 12px;
  border: 1px solid #dde5ee;
  box-shadow: 0 6px 20px #3e5a7510;
  background: #fff;
  text-align: left;
  padding: 18px;
  gap: 14px;
}
:where(.sable-forms-experience) .flow-node > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
:where(.sable-forms-experience) .flow-node small {
  font-size: 10px;
  color: #b1bbc4;
}
:where(.sable-forms-experience) .flow-node h3 {
  font-size: 12px;
  line-height: 1.5;
  color: #617181;
  font-weight: 450;
}
:where(.sable-forms-experience) .flow-node > span {
  font-size: 9px;
  color: #a5b0bb;
}
:where(.sable-forms-experience) .flow-node > b {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 9px;
  font-weight: 500;
  color: #9a87ae;
  background: #ece5f3;
  border-radius: 4px;
  padding: 3px 5px;
}
:where(.sable-forms-experience) .flow-connector {
  width: 50px;
  height: 1px;
  background: #cbd5df;
  position: relative;
  flex-shrink: 0;
}
:where(.sable-forms-experience) .flow-connector:after {
  content: '';
  position: absolute;
  right: -1px;
  top: -3px;
  width: 6px;
  height: 6px;
  border-top: 1px solid #bdc9d5;
  border-right: 1px solid #bdc9d5;
  transform: rotate(45deg);
}
:where(.sable-forms-experience) .flow-bottom {
  padding: 0 45px;
  display: flex;
  align-items: center;
  gap: 20px;
  font-size: 10px;
  color: #a0a9b3;
}
:where(.sable-forms-experience) .flow-bottom .pick {
  width: 85px;
}
:where(.sable-forms-experience) .rules-list {
  margin: 40px 45px;
}
:where(.sable-forms-experience) .section-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 10px;
  color: #a2acb6;
  margin-bottom: 18px;
}
:where(.sable-forms-experience) .section-heading h3 {
  font-size: 12px;
  color: #758291;
}
:where(.sable-forms-experience) .rule-row {
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 17px;
  border: 1px solid #e0e6ee;
  background: #fff;
  border-radius: 10px;
  margin-bottom: 10px;
  font-size: 12px;
  color: #8694a3;
}
:where(.sable-forms-experience) .rule-row > span {
  flex: 1;
}
:where(.sable-forms-experience) .rule-row b {
  font-weight: 500;
  color: #5e6e7e;
}
:where(.sable-forms-experience) .empty-rule {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 20px;
  border: 1px dashed #d8e1eb;
  border-radius: 10px;
  font-size: 11px;
  color: #9aa6b3;
}
:where(.sable-forms-experience) .empty-rule .text-button {
  margin-left: auto;
}
:where(.sable-forms-experience) .workflow-config {
  max-width: 830px;
  margin: auto;
  padding: 45px;
}
:where(.sable-forms-experience) .workflow-config > p {
  margin-bottom: 25px;
  line-height: 1.7;
}
:where(.sable-forms-experience) .workflow-config > .field {
  margin: 20px 0;
}
:where(.sable-forms-experience) .score-row {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 16px 0;
  border-bottom: 1px solid #e0e7ee;
  font-size: 12px;
}
:where(.sable-forms-experience) .score-row > span:nth-child(2) {
  flex: 1;
  color: #6b7a89;
}
:where(.sable-forms-experience) .score-row input {
  width: 135px;
  padding: 8px 10px;
  border: 1px solid #d6e0e9;
  border-radius: 8px;
  background: white;
  font-size: 12px;
}
:where(.sable-forms-experience) .connection-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
}
:where(.sable-forms-experience) .connection-card {
  background: #ffffffc9;
  border: 1px solid #e1e7ed;
  border-radius: 15px;
  padding: 25px;
  text-align: left;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-height: 220px;
}
:where(.sable-forms-experience) .integration-icon {
  width: 45px;
  height: 45px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  font-size: 25px;
  letter-spacing: -1px;
  margin-bottom: 23px;
}
:where(.sable-forms-experience) .connection-card h3 {
  font-size: 14px;
}
:where(.sable-forms-experience) .connection-card p {
  font-size: 11px;
  color: #939faa;
  margin-top: 8px;
}
:where(.sable-forms-experience) .connection-card > span {
  margin-top: auto;
  padding-top: 22px;
  font-size: 10px;
  color: #7e91a1;
  display: flex;
  align-items: center;
  gap: 6px;
}
:where(.sable-forms-experience) .mapping-line {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px;
  border: 1px solid #dce5ed;
  border-radius: 10px;
  font-size: 12px;
  color: #8091a1;
}
:where(.sable-forms-experience) .responses-table {
  background: #ffffff90;
  font-size: 12px;
  white-space: nowrap;
}
:where(.sable-forms-experience) .responses-table th {
  font-size: 10px;
  color: #9aa6b2;
  font-weight: 400;
  height: 40px;
}
:where(.sable-forms-experience) .responses-table td {
  padding: 14px 10px;
  color: #768594;
}
:where(.sable-forms-experience) .responses-table tr {
  border-color: #e5eaf0;
}
:where(.sable-forms-experience) .client-cell {
  display: flex;
  align-items: center;
  gap: 11px;
  text-align: left;
  font-size: 12px;
  color: #5b6c7c;
}
:where(.sable-forms-experience) .client-cell small {
  display: block;
  font-size: 10px;
  color: #a3adb7;
  margin-top: 2px;
}
:where(.sable-forms-experience) .client-cell .avatar {
  background: #e7ecf0;
  border-color: #fff;
  color: #93a0aa;
}
:where(.sable-forms-experience) .responses-table .published,:where(.sable-forms-experience) 
.responses-table .draft {
  font-size: 10px;
}
:where(.sable-forms-experience) .table-pagination {
  display: flex;
  justify-content: flex-end;
  gap: 20px;
  font-size: 11px;
  color: #8e9ba7;
  margin: 20px 0;
}
:where(.sable-forms-experience) .table-pagination > span {
  margin-right: auto;
}
:where(.sable-forms-experience) .table-pagination button:disabled {
  opacity: 0.3;
}
:where(.sable-forms-experience) .selection-bar {
  display: flex;
  align-items: center;
  gap: 20px;
  background: #e6ecf3;
  padding: 12px 16px;
  font-size: 11px;
  color: #6a7f93;
  border-radius: 8px;
  margin-bottom: 13px;
}
:where(.sable-forms-experience) .selection-bar > span {
  margin-right: auto;
}
:where(.sable-forms-experience) .summary-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}
:where(.sable-forms-experience) .summary-card {
  background: #fff;
  border: 1px solid #e1e7ee;
  border-radius: 13px;
  padding: 25px;
}
:where(.sable-forms-experience) .summary-card h3 {
  font-size: 14px;
  margin: 15px 0 5px;
}
:where(.sable-forms-experience) .summary-card > p {
  font-size: 11px;
  color: #a0acb7;
  margin-bottom: 20px;
}
:where(.sable-forms-experience) .result-bar {
  margin: 15px 0;
}
:where(.sable-forms-experience) .result-bar > div:first-child {
  display: flex;
  justify-content: space-between;
  font-size: 11px;
  color: #80909d;
}
:where(.sable-forms-experience) .result-bar > div:last-child {
  height: 5px;
  background: #edf1f5;
  margin-top: 8px;
  border-radius: 4px;
  overflow: hidden;
}
:where(.sable-forms-experience) .result-bar i {
  display: block;
  height: 100%;
  background: #a0b2c1;
  border-radius: 4px;
}
:where(.sable-forms-experience) .text-responses p {
  padding: 12px 0;
  border-top: 1px solid #e9edf2;
  font-size: 12px;
  color: #8b99a6;
}
:where(.sable-forms-experience) .response-detail > div {
  padding: 15px 0;
  border-bottom: 1px solid #e0e7ee;
}
:where(.sable-forms-experience) .response-detail label {
  font-size: 11px;
  color: #9da8b2;
}
:where(.sable-forms-experience) .response-detail p {
  font-size: 14px;
  color: #637484;
  margin-top: 8px;
  word-break: break-word;
}
:where(.sable-forms-experience) .settings-layout {
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr);
  gap: 30px;
  min-height: 390px;
  max-height: 55vh;
}
:where(.sable-forms-experience) .settings-layout nav {
  display: flex;
  flex-direction: column;
  gap: 7px;
  border-right: 1px solid #e0e6ed;
  padding-right: 20px;
}
:where(.sable-forms-experience) .settings-layout nav button {
  text-align: left;
  padding: 10px;
  border-radius: 7px;
  font-size: 11px;
  color: #8c98a4;
}
:where(.sable-forms-experience) .settings-layout nav button.active {
  background: #e6ecf3;
  color: #5b6c7c;
}
:where(.sable-forms-experience) .settings-content {
  overflow: auto;
  padding-right: 7px;
}
:where(.sable-forms-experience) .settings-content h3 {
  font-size: 13px;
  margin: 18px 0 10px;
}
:where(.sable-forms-experience) .settings-content h3:first-child {
  margin-top: 5px;
}
:where(.sable-forms-experience) .settings-content > p {
  font-size: 11px;
  color: #96a1ab;
  margin: 5px 0 15px;
  line-height: 1.7;
}
:where(.sable-forms-experience) .settings-content .toggle-row {
  border-bottom: 1px solid #e6ebf0;
}
:where(.sable-forms-experience) .settings-content .field {
  margin-top: 16px;
}
:where(.sable-forms-experience) .reference-row {
  padding: 13px 0;
  border-bottom: 1px solid #e5ebf0;
}
:where(.sable-forms-experience) .reference-row span {
  font-size: 12px;
  display: block;
}
:where(.sable-forms-experience) .reference-row code {
  font-size: 9px;
  color: #a6afb8;
  word-break: break-all;
}
:where(.sable-forms-experience) .publish-status {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 18px;
  background: #eaf0ec;
  border: 1px solid #dce6de;
  border-radius: 12px;
}
:where(.sable-forms-experience) .publish-icon {
  color: #94ad9c;
}
:where(.sable-forms-experience) .publish-status strong {
  font-size: 13px;
  font-weight: 500;
  color: #657e6d;
}
:where(.sable-forms-experience) .publish-status small {
  display: block;
  font-size: 10px;
  color: #96a69c;
  margin-top: 4px;
}
:where(.sable-forms-experience) .publish-status .button {
  margin-left: auto;
  font-size: 11px;
  min-height: 33px;
  padding: 7px 12px;
}
:where(.sable-forms-experience) .share-content {
  padding-top: 8px;
}
:where(.sable-forms-experience) .share-url {
  display: flex;
  align-items: center;
  gap: 12px;
  border: 1px solid #dce4ec;
  border-radius: 9px;
  padding: 6px 8px;
  margin-bottom: 18px;
  color: #a0abb7;
}
:where(.sable-forms-experience) .share-url input {
  min-width: 0;
  flex: 1;
  font-size: 11px;
  text-overflow: ellipsis;
  background: none;
  padding: 6px;
}
:where(.sable-forms-experience) .share-url .button {
  min-height: 30px;
  padding: 6px 10px;
  font-size: 11px;
}
:where(.sable-forms-experience) .share-content > p {
  font-size: 11px;
  color: #939fa9;
  line-height: 1.7;
  margin: 17px 0 5px;
}
:where(.sable-forms-experience) .embed-preview {
  height: 160px;
  background: #e8edf2;
  border: 1px solid #dde5ed;
  border-radius: 10px;
  margin: 18px 0;
  position: relative;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  overflow: hidden;
}
:where(.sable-forms-experience) .embed-preview > div {
  height: 8px;
  background: #d5dee8;
  width: 35%;
  border-radius: 3px;
}
:where(.sable-forms-experience) .embed-preview > span {
  position: absolute;
  right: 30px;
  top: 25px;
  width: 45%;
  bottom: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: #f8fafd;
  border-radius: 10px;
  font-size: 13px;
  color: #91a2b2;
}
:where(.sable-forms-experience) .embed-preview small {
  font-size: 10px;
  margin-top: 8px;
  color: #b0bdc9;
}
:where(.sable-forms-experience) .embed-full-page > span {
  inset: 10px;
  width: auto;
}
:where(.sable-forms-experience) .embed-popup > span {
  left: 30%;
  right: 30%;
  width: auto;
}
:where(.sable-forms-experience) .embed-slider > span {
  right: 0;
  bottom: 0;
  top: 0;
  border-radius: 0;
}
:where(.sable-forms-experience) .embed-popover > span {
  width: 35%;
  top: 65px;
  right: 15px;
  bottom: 10px;
}
:where(.sable-forms-experience) .automation-card {
  display: flex;
  align-items: center;
  gap: 20px;
  border: 1px solid #dfe7ef;
  background: #fff;
  border-radius: 14px;
  padding: 23px;
  margin-bottom: 16px;
}
:where(.sable-forms-experience) .automation-icon {
  display: grid;
  place-items: center;
  width: 45px;
  height: 45px;
  background: #e8edf4;
  border-radius: 11px;
  color: #8d9fb1;
}
:where(.sable-forms-experience) .automation-card > div {
  flex: 1;
}
:where(.sable-forms-experience) .automation-card h3 {
  font-size: 14px;
  color: #687b8d;
}
:where(.sable-forms-experience) .automation-card p {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 11px;
  color: #9caab8;
  margin: 8px 0 4px;
}
:where(.sable-forms-experience) .automation-card small {
  font-size: 10px;
  color: #aeb8c3;
}
:where(.sable-forms-experience) .automation-card > .toggle-row {
  font-size: 10px;
}
:where(.sable-forms-experience) .automation-card > .button {
  font-size: 11px;
  min-height: 33px;
}
:where(.sable-forms-experience) .automation-list + .demo-caption {
  margin-top: 30px;
}
:where(.sable-forms-experience) .empty-canvas {
  margin: auto;
  text-align: center;
  padding: 30px;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 20px;
}
:where(.sable-forms-experience) .empty-canvas h2 {
  font-size: 30px;
}
:where(.sable-forms-experience) .empty-canvas p {
  font: 13px -apple-system,
    BlinkMacSystemFont,
    sans-serif;
}
@media (hover: hover) and (pointer: fine) {
  :where(.sable-forms-experience) .flow-node:hover,:where(.sable-forms-experience) 
  .connection-card:hover {
    border-color: #bbcbd9;
    box-shadow: 0 5px 20px #2b466b0c;
  }
  :where(.sable-forms-experience) .question-item:hover:not(.selected) {
    background: #e9eef3a0;
  }
  :where(.sable-forms-experience) .question-more {
    opacity: 0.3;
  }
  :where(.sable-forms-experience) .question-item:hover .question-more,:where(.sable-forms-experience) 
  .question-more:focus-visible {
    opacity: 1;
  }
  :where(.sable-forms-experience) .editable-title:hover,:where(.sable-forms-experience) 
  .editable-description:hover {
    background: #ffffff12;
    border-color: #ffffff30;
  }
}
@media (max-width: 1250px) {
  :where(.sable-forms-experience) .editor-body {
    grid-template-columns: 210px minmax(0, 1fr) 215px;
  }
  :where(.sable-forms-experience) .editor-header {
    padding: 0 15px;
    gap: 10px;
  }
  :where(.sable-forms-experience) .editor-identity {
    gap: 5px;
  }
  :where(.sable-forms-experience) .editor-identity input {
    width: 145px;
  }
  :where(.sable-forms-experience) .saved {
    display: none;
  }
  :where(.sable-forms-experience) .editor-header .segments [data-slot='tabs-trigger'] {
    padding: 5px 9px;
    font-size: 11px;
  }
  :where(.sable-forms-experience) .canvas-stage {
    padding: 8px 18px 16px;
  }
  :where(.sable-forms-experience) .canvas-question {
    padding-left: 11%;
    padding-right: 11%;
  }
  :where(.sable-forms-experience) .question-properties {
    padding: 22px 15px;
  }
  :where(.sable-forms-experience) .connection-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  :where(.sable-forms-experience) .section-page {
    padding: 35px 30px;
  }
}
@media (max-width: 1000px) {
  :where(.sable-forms-experience) .editor-identity input {
    width: 115px;
  }
  :where(.sable-forms-experience) .editor-logo {
    display: none;
  }
  :where(.sable-forms-experience) .editor-body {
    grid-template-columns: 175px minmax(0, 1fr) 195px;
  }
  :where(.sable-forms-experience) .question-row-text > span {
    font-size: 10px;
  }
  :where(.sable-forms-experience) .question-select {
    gap: 6px;
  }
  :where(.sable-forms-experience) .question-properties {
    padding: 20px 12px;
  }
  :where(.sable-forms-experience) .canvas-toolbar {
    padding: 0 15px;
  }
  :where(.sable-forms-experience) .canvas-toolbar .icon-button {
    width: 25px;
  }
  :where(.sable-forms-experience) .canvas-stage {
    padding: 8px 12px 14px;
  }
  :where(.sable-forms-experience) .canvas-question {
    padding: 90px 10% 30px;
  }
  :where(.sable-forms-experience) .canvas-brand {
    left: 22px;
  }
  :where(.sable-forms-experience) .contact-fields {
    grid-template-columns: 1fr;
  }
  :where(.sable-forms-experience) .picture-choices {
    grid-template-columns: 1fr;
  }
  :where(.sable-forms-experience) .picture-swatch {
    height: 70px;
  }
  :where(.sable-forms-experience) .picture-choices .answer-choice {
    display: grid;
    grid-template-columns: 20px 1fr;
  }
  :where(.sable-forms-experience) .picture-swatch {
    grid-column: 1/-1;
  }
  :where(.sable-forms-experience) .form-canvas {
    min-height: 440px;
  }
  :where(.sable-forms-experience) .connection-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  :where(.sable-forms-experience) .flow-intro {
    padding: 30px;
  }
  :where(.sable-forms-experience) .flow-count {
    display: none;
  }
  :where(.sable-forms-experience) .rules-list {
    margin: 30px;
  }
  :where(.sable-forms-experience) .catalog-grid {
    gap: 15px;
  }
  :where(.sable-forms-experience) .toolbar-right {
    gap: 6px;
  }
  :where(.sable-forms-experience) .toolbar-right .search input {
    width: 110px;
  }
}
@media (max-width: 767px) {
  :where(.sable-forms-experience) .editor-header {
    height: auto;
    min-height: 105px;
    flex-wrap: wrap;
    padding: 13px 15px;
    gap: 9px;
  }
  :where(.sable-forms-experience) .editor-identity {
    order: 0;
    flex: 1;
  }
  :where(.sable-forms-experience) .editor-identity input {
    width: 180px;
  }
  :where(.sable-forms-experience) .editor-actions {
    order: 1;
    flex: 0;
  }
  :where(.sable-forms-experience) .editor-header > [data-slot='tabs'] {
    order: 2;
    width: 100%;
  }
  :where(.sable-forms-experience) .editor-header .segments {
    width: 100%;
    justify-content: center;
  }
  :where(.sable-forms-experience) .editor-actions .button {
    font-size: 0;
    gap: 0;
    padding: 8px;
  }
  :where(.sable-forms-experience) .editor-actions .button svg {
    width: 15px;
  }
  :where(.sable-forms-experience) .editor-body {
    grid-template-columns: 1fr;
    overflow: auto;
    display: flex;
    flex-direction: column;
  }
  :where(.sable-forms-experience) .question-sidebar {
    height: auto;
    flex-shrink: 0;
    border-right: 0;
    border-bottom: 1px solid #dce4ed;
  }
  :where(.sable-forms-experience) .question-sidebar-head,:where(.sable-forms-experience) 
  .question-sidebar-foot {
    display: none;
  }
  :where(.sable-forms-experience) .question-list {
    display: flex;
    overflow: auto;
    padding: 10px;
    gap: 7px;
  }
  :where(.sable-forms-experience) .question-item {
    min-width: 175px;
    margin: 0;
    flex-shrink: 0;
    max-width: 200px;
  }
  :where(.sable-forms-experience) .question-select {
    padding: 8px;
  }
  :where(.sable-forms-experience) .question-row-text > small {
    font-size: 8px;
  }
  :where(.sable-forms-experience) .question-row-text > span {
    font-size: 10px;
  }
  :where(.sable-forms-experience) .add-question {
    margin: 0 12px 10px;
    min-height: 30px;
    width: 130px;
  }
  :where(.sable-forms-experience) .editor-center {
    min-height: 650px;
    flex-shrink: 0;
  }
  :where(.sable-forms-experience) .canvas-toolbar {
    height: 50px;
  }
  :where(.sable-forms-experience) .canvas-stage {
    overflow: visible;
    padding: 10px 18px 16px;
    align-items: stretch;
  }
  :where(.sable-forms-experience) .form-canvas {
    height: auto;
    min-height: 515px;
    max-height: none;
  }
  :where(.sable-forms-experience) .canvas-question {
    padding: 100px 30px 40px;
  }
  :where(.sable-forms-experience) .editable-title {
    font-size: 35px;
  }
  :where(.sable-forms-experience) .canvas-footer {
    font-size: 8px;
  }
  :where(.sable-forms-experience) .question-properties {
    border-top: 1px solid #dce4ed;
    overflow: visible;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 20px;
    padding: 25px;
    flex-shrink: 0;
  }
  :where(.sable-forms-experience) .question-properties > .properties-heading {
    grid-column: 1/-1;
  }
  :where(.sable-forms-experience) .question-properties > .pick {
    grid-column: 1/-1;
  }
  :where(.sable-forms-experience) .question-properties > .property-section {
    min-width: 0;
  }
  :where(.sable-forms-experience) .question-properties .toggle-row {
    font-size: 12px;
  }
  :where(.sable-forms-experience) .question-properties .field {
    font-size: 12px;
  }
  :where(.sable-forms-experience) .question-properties .field input {
    font-size: 13px;
  }
  :where(.sable-forms-experience) .design-panel {
    left: 14px;
    top: 48px;
    max-height: 570px;
    width: 285px;
  }
  :where(.sable-forms-experience) .canvas-question .contact-fields {
    grid-template-columns: 1fr 1fr;
  }
  :where(.sable-forms-experience) .picture-choices {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  :where(.sable-forms-experience) .picture-choices .answer-choice {
    display: flex;
  }
  :where(.sable-forms-experience) .glass-dialog[data-slot='dialog-content'] {
    padding: 25px 20px;
    border-radius: 19px;
    max-height: calc(100dvh - 30px);
    width: calc(100vw - 24px);
  }
  :where(.sable-forms-experience) .glass-dialog [data-slot='dialog-title'] {
    font-size: 22px;
  }
  :where(.sable-forms-experience) .glass-dialog .segments [data-slot='tabs-trigger'] {
    font-size: 10px;
    padding: 5px 9px;
  }
  :where(.sable-forms-experience) .glass-dialog .segments {
    width: 100%;
  }
  :where(.sable-forms-experience) .catalog-grid {
    grid-template-columns: 1fr 1fr;
  }
  :where(.sable-forms-experience) .catalog-item {
    font-size: 11px;
    gap: 7px;
  }
  :where(.sable-forms-experience) .catalog-item small {
    font-size: 8px;
  }
  :where(.sable-forms-experience) .catalog-category h4 {
    font-size: 10px;
  }
  :where(.sable-forms-experience) .import-flow {
    padding: 15px 0;
  }
  :where(.sable-forms-experience) .create-fresh {
    padding: 20px 0;
  }
  :where(.sable-forms-experience) .template-grid {
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }
  :where(.sable-forms-experience) .template-cover {
    padding: 15px;
    height: 140px;
  }
  :where(.sable-forms-experience) .template-cover h3 {
    font-size: 21px;
  }
  :where(.sable-forms-experience) .section-page {
    padding: 30px 20px;
  }
  :where(.sable-forms-experience) .section-page h1 {
    font-size: 28px;
  }
  :where(.sable-forms-experience) .section-page .page-heading {
    align-items: center;
  }
  :where(.sable-forms-experience) .section-page .page-heading .button {
    font-size: 0;
    gap: 0;
  }
  :where(.sable-forms-experience) .connection-grid {
    gap: 12px;
  }
  :where(.sable-forms-experience) .connection-card {
    padding: 20px;
    min-height: 200px;
  }
  :where(.sable-forms-experience) .connection-card p {
    line-height: 1.6;
  }
  :where(.sable-forms-experience) .summary-grid {
    grid-template-columns: 1fr;
  }
  :where(.sable-forms-experience) .settings-layout {
    grid-template-columns: 1fr;
    gap: 15px;
    max-height: 60vh;
    min-height: 0;
  }
  :where(.sable-forms-experience) .settings-layout nav {
    flex-direction: row;
    border: 0;
    padding: 0;
    overflow: auto;
    white-space: nowrap;
    gap: 3px;
    flex-shrink: 0;
  }
  :where(.sable-forms-experience) .settings-layout nav button {
    font-size: 10px;
    padding: 8px;
  }
  :where(.sable-forms-experience) .settings-content {
    max-height: 42vh;
  }
  :where(.sable-forms-experience) .settings-content .two-fields {
    grid-template-columns: 1fr;
  }
  :where(.sable-forms-experience) .publish-status {
    flex-wrap: wrap;
    padding: 14px;
    gap: 10px;
  }
  :where(.sable-forms-experience) .publish-status > span {
    flex: 1;
  }
  :where(.sable-forms-experience) .publish-status small {
    line-height: 1.6;
  }
  :where(.sable-forms-experience) .publish-status .button {
    margin-left: 0;
  }
  :where(.sable-forms-experience) .publish-icon {
    display: none;
  }
  :where(.sable-forms-experience) .sub-toolbar {
    padding: 14px;
    gap: 10px;
  }
  :where(.sable-forms-experience) .sub-toolbar .segments [data-slot='tabs-trigger'] {
    font-size: 10px;
    padding: 5px 8px;
  }
  :where(.sable-forms-experience) .sub-toolbar .button {
    font-size: 0;
    gap: 0;
  }
  :where(.sable-forms-experience) .flow-intro {
    padding: 25px 20px;
  }
  :where(.sable-forms-experience) .flow-intro h2 {
    font-size: 22px;
  }
  :where(.sable-forms-experience) .flow-intro p {
    line-height: 1.6;
  }
  :where(.sable-forms-experience) .flow-scroll {
    padding: 10px 0 30px;
  }
  :where(.sable-forms-experience) .flow-map {
    padding: 30px;
  }
  :where(.sable-forms-experience) .rules-list {
    margin: 25px 20px;
  }
  :where(.sable-forms-experience) .empty-rule {
    flex-wrap: wrap;
    font-size: 12px;
  }
  :where(.sable-forms-experience) .empty-rule .text-button {
    margin: 0;
  }
  :where(.sable-forms-experience) .section-heading {
    flex-wrap: wrap;
    gap: 8px;
  }
  :where(.sable-forms-experience) .rule-row {
    flex-wrap: wrap;
  }
  :where(.sable-forms-experience) .rule-row > span {
    flex-basis: 80%;
    line-height: 1.7;
  }
  :where(.sable-forms-experience) .workflow-config {
    padding: 30px 20px;
  }
  :where(.sable-forms-experience) .score-row input {
    width: 100px;
  }
  :where(.sable-forms-experience) .score-row {
    gap: 8px;
  }
  :where(.sable-forms-experience) .preview-toolbar {
    padding: 0 14px;
  }
  :where(.sable-forms-experience) .preview-toolbar small {
    display: none;
  }
  :where(.sable-forms-experience) .preview-toolbar .button {
    font-size: 10px;
    padding: 7px;
  }
  :where(.sable-forms-experience) .question-display {
    padding: 120px 30px 100px;
  }
  :where(.sable-forms-experience) .question-display h1 {
    font-size: 37px;
  }
  :where(.sable-forms-experience) .question-display p {
    font-size: 14px;
  }
  :where(.sable-forms-experience) .respondent-brand {
    left: 30px;
    top: 30px;
  }
  :where(.sable-forms-experience) .question-index {
    left: 30px;
    top: 90px;
  }
  :where(.sable-forms-experience) .respondent-nav {
    right: 20px;
    bottom: 20px;
  }
  :where(.sable-forms-experience) .respondent-page .contact-fields {
    grid-template-columns: 1fr;
  }
  :where(.sable-forms-experience) .respondent-actions small {
    font-size: 9px;
  }
  :where(.sable-forms-experience) .mobile-preview {
    margin: 10px auto;
    max-width: calc(100vw - 20px);
  }
  :where(.sable-forms-experience) .automation-card {
    gap: 12px;
    flex-wrap: wrap;
    padding: 18px;
  }
  :where(.sable-forms-experience) .automation-card > div {
    min-width: 160px;
  }
  :where(.sable-forms-experience) .automation-card > .toggle-row {
    margin-left: 55px;
  }
  :where(.sable-forms-experience) .automation-card > .button {
    margin-left: auto;
  }
  :where(.sable-forms-experience) .two-fields {
    gap: 10px;
  }
  :where(.sable-forms-experience) .table-pagination {
    gap: 15px;
  }
  :where(.sable-forms-experience) .member-row {
    font-size: 10px;
  }
  :where(.sable-forms-experience) .card-meta button {
    padding: 2px;
  }
  :where(.sable-forms-experience) .list-toolbar .toolbar-right {
    flex-wrap: wrap;
  }
  :where(.sable-forms-experience) .list-toolbar .search {
    min-width: 130px;
  }
}
@media (prefers-reduced-motion: reduce) {
  :where(.sable-forms-experience) *,:where(.sable-forms-experience) 
  *:before,:where(.sable-forms-experience) 
  *:after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
  :where(.sable-forms-experience) button:active:not(:disabled),:where(.sable-forms-experience) 
  .form-card:hover {
    transform: none;
  }
}
@media (prefers-reduced-transparency: reduce) {
  :where(.sable-forms-experience) .glass-dialog[data-slot='dialog-content'],:where(.sable-forms-experience) 
  .design-panel,:where(.sable-forms-experience) 
  .comments-panel,:where(.sable-forms-experience) 
  .editor-header,:where(.sable-forms-experience) 
  .preview-toolbar,:where(.sable-forms-experience) 
  .toast {
    backdrop-filter: none;
    background: #f9fafc;
  }
  :where(.sable-forms-experience) .question-properties {
    background: #fbfcfd;
  }
}
@media (prefers-contrast: more) {
  :where(.sable-forms-experience) .glass-dialog,:where(.sable-forms-experience) 
  .design-panel,:where(.sable-forms-experience) 
  .form-canvas {
    border: 1px solid #687888;
  }
  :where(.sable-forms-experience) .field,:where(.sable-forms-experience) 
  .toggle-row,:where(.sable-forms-experience) 
  .question-row-text > span,:where(.sable-forms-experience) 
  .canvas-caption,:where(.sable-forms-experience) 
  .property-help,:where(.sable-forms-experience) 
  .demo-caption {
    color: #455465;
  }
}
:where(.sable-forms-experience) .media-preview video {
  width: 100%;
  max-height: 190px;
  border-radius: 9px;
  margin-bottom: 15px;
}
:where(.sable-forms-experience) .question-media {
  object-fit: contain;
}
:where(.sable-forms-experience) .editor-header [data-slot='tabs-trigger']:focus-visible,:where(.sable-forms-experience) 
.filter-tabs button:focus-visible {
  transition: none;
}
:where(.sable-forms-experience) .field input:focus-visible,:where(.sable-forms-experience) 
.field textarea:focus-visible {
  outline: 2px solid #9dadbc;
  outline-offset: 2px;
}
:where(.sable-forms-experience) .score-question {
  border: 0;
  border-top: 1px solid var(--border, #e5e3e8);
  padding: 20px 0;
  margin: 24px 0 0;
  min-width: 0;
}
:where(.sable-forms-experience) .score-question legend {
  font-size: 14px;
  font-weight: 500;
  padding: 0 12px 0 0;
  max-width: 100%;
}
:where(.sable-forms-experience) .score-choice {
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr) 80px;
  align-items: center;
  gap: 12px;
  padding: 8px 0;
  font-size: 14px;
}
:where(.sable-forms-experience) .score-choice-letter {
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  border: 1px solid var(--border, #e5e3e8);
  border-radius: 5px;
  font-size: 11px;
}
:where(.sable-forms-experience) .score-choice input {
  min-width: 0;
  width: 80px;
  padding: 8px 10px;
  text-align: right;
  border: 1px solid var(--border, #e5e3e8);
  border-radius: 6px;
  background: white;
  font-variant-numeric: tabular-nums;
}
:where(.sable-forms-experience) .tagging-config {
  max-width: 980px;
}
:where(.sable-forms-experience) .tagging-layout {
  display: grid;
  grid-template-columns: 190px minmax(0, 1fr);
  gap: 28px;
  margin-top: 28px;
}
:where(.sable-forms-experience) .tagging-layout nav {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: stretch;
}
:where(.sable-forms-experience) .tag-group-button {
  text-align: left;
  padding: 10px 12px;
  border-radius: 7px;
  overflow-wrap: anywhere;
}
:where(.sable-forms-experience) .tag-group-button.selected {
  background: #eeecf0;
}
:where(.sable-forms-experience) .tag-group-heading {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
}
:where(.sable-forms-experience) .tag-group-heading input {
  flex: 1;
  min-width: 0;
  font-weight: 500;
}
:where(.sable-forms-experience) .tag-group-content {
  min-width: 0;
}
:where(.sable-forms-experience) .tag-rule-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
}
:where(.sable-forms-experience) .tag-rule-actions .text-button {
  margin-right: auto;
}
:where(.sable-forms-experience) .tag-empty p {
  max-width: 380px;
}
@media (max-width: 700px) {
  :where(.sable-forms-experience) .tagging-layout {
    grid-template-columns: 1fr;
  }
}
:where(.sable-forms-experience) .outcome-config {
  max-width: 820px;
}
:where(.sable-forms-experience) .outcome-hint {
  font-size: 12px;
  color: var(--muted, #827b89);
}
:where(.sable-forms-experience) .outcome-ending {
  border-top: 1px solid #e5e3e8;
  padding: 22px 0;
}
:where(.sable-forms-experience) .outcome-heading {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}
:where(.sable-forms-experience) .outcome-heading input {
  flex: 1;
  min-width: 0;
}
:where(.sable-forms-experience) .outcome-ending summary {
  cursor: pointer;
  font-size: 13px;
  padding: 10px 12px;
  border: 1px solid #e5e3e8;
  border-radius: 7px;
}
:where(.sable-forms-experience) .outcome-ending summary span {
  float: right;
  color: #827b89;
}
:where(.sable-forms-experience) .outcome-answer-list {
  max-height: 340px;
  overflow-y: auto;
  padding: 16px;
  border: 1px solid #e5e3e8;
  border-radius: 7px;
  margin-top: 8px;
}
:where(.sable-forms-experience) .outcome-answer-list fieldset {
  border: 0;
  padding: 0;
  margin: 0 0 20px;
}
:where(.sable-forms-experience) .outcome-answer-list legend {
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 8px;
}
:where(.sable-forms-experience) .outcome-choice {
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 6px 0;
  font-size: 13px;
}
:where(.sable-forms-experience) .outcome-choice input {
  accent-color: #514856;
}
:where(.sable-forms-experience) .outcome-actions {
  display: flex;
  gap: 20px;
}
:where(.sable-forms-experience) .variable-columns {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) 120px minmax(100px, 1fr) 32px;
  gap: 12px;
  align-items: center;
  margin: 12px 0;
  font-size: 12px;
}
:where(.sable-forms-experience) .variable-columns input {
  min-width: 0;
}
:where(.sable-forms-experience) .calculation-operation {
  display: grid;
  grid-template-columns: 160px minmax(0, 1fr);
  gap: 12px;
  margin-bottom: 14px;
}
@media (max-width: 640px) {
  :where(.sable-forms-experience) .variable-columns {
    grid-template-columns: 1fr 1fr;
  }
  :where(.sable-forms-experience) .calculation-operation {
    grid-template-columns: 1fr;
  }
}
:where(.sable-forms-experience) .workflow-graph-shell {
  min-width: 0;
  position: relative;
  padding-top: 36px;
}
:where(.sable-forms-experience) .graph-fit {
  position: absolute;
  right: 20px;
  top: 8px;
}
:where(.sable-forms-experience) .workflow-graph-viewport {
  width: 100%;
  overflow: auto;
  min-height: 300px;
  background: radial-gradient(#dfdce3 1px, transparent 1px) 0 0 / 18px 18px;
}
:where(.sable-forms-experience) .workflow-graph {
  position: relative;
}
:where(.sable-forms-experience) .graph-edges {
  position: absolute;
  inset: 0;
  overflow: visible;
  color: #918698;
  pointer-events: none;
}
:where(.sable-forms-experience) .graph-edges path:not(marker path) {
  fill: none;
  stroke-width: 1.5px;
}
:where(.sable-forms-experience) .graph-default-edge {
  stroke: #c7c1cd;
}
:where(.sable-forms-experience) .graph-rule-edge {
  stroke: #918698;
}
:where(.sable-forms-experience) .workflow-page-node {
  position: absolute;
  width: 210px;
  min-height: 108px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 14px 16px;
  text-align: left;
  background: white;
  border: 1px solid #ded9e3;
  border-radius: 10px;
  box-shadow: 0 2px 5px #30293708;
}
:where(.sable-forms-experience) .workflow-page-node small,:where(.sable-forms-experience)  .workflow-page-node span {
  font-size: 11px;
  color: #827889;
}
:where(.sable-forms-experience) .workflow-page-node strong {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
:where(.sable-forms-experience) .workflow-page-node svg {
  position: absolute;
  right: 14px;
  bottom: 14px;
  color: #827889;
}
:where(.sable-forms-experience) .workflow-page-node.selected {
  border-color: #776383;
  box-shadow: 0 0 0 3px #77638315;
}
:where(.sable-forms-experience) .workflow-page-node.ending {
  background: #f6f3f8;
}
:where(.sable-forms-experience) .graph-page-details {
  padding: 20px 24px;
  border-top: 1px solid #e6e2e9;
  background: white;
}
:where(.sable-forms-experience) .graph-page-details h3 {
  font-size: 15px;
  margin: 0 0 16px;
}
:where(.sable-forms-experience) .graph-question-rules {
  display: grid;
  gap: 8px;
  margin: 16px 0;
  font-size: 13px;
}
:where(.sable-forms-experience) .graph-rule-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 12px;
  text-align: left;
  padding: 12px;
  background: #f7f6f8;
  border-radius: 6px;
}
:where(.sable-forms-experience) .graph-empty {
  padding: 70px;
  text-align: center;
}
:where(.sable-forms-experience) .graph-question-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 20px;
  padding-top: 12px;
}
:where(.sable-forms-experience) .workflow-scope-back {
  align-self: flex-start;
  margin: 12px 24px 0;
}
:where(.sable-forms-experience) .calculation-step {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 8px;
}
:where(.sable-forms-experience) .calculation-step > span {
  display: flex;
  gap: 4px;
}
:where(.sable-forms-experience) .graph-branch-step {
  display: flex;
  align-items: center;
  gap: 8px;
}
:where(.sable-forms-experience) .graph-branch-step .graph-rule-row {
  flex: 1;
  min-width: 0;
}
:where(.sable-forms-experience) .branch-number {
  color: var(--muted);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
  width: 20px;
  text-align: center;
}
:where(.sable-forms-experience) .graph-branch-priority > p {
  font-size: 12px;
  color: var(--muted);
}
:where(.sable-forms-experience) .hide-choice-options {
  border: 0;
  padding: 0;
  margin: 0 0 16px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 8px;
}
:where(.sable-forms-experience) .hide-choice-options legend {
  margin-bottom: 10px;
  font-weight: 500;
}
:where(.sable-forms-experience) .hide-choice-options label {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border: 1px solid var(--border);
  border-radius: 8px;
  cursor: pointer;
}
:where(.sable-forms-experience) .hide-choice-options input {
  accent-color: var(--foreground);
}
:where(.sable-forms-experience) .hide-choice-options span {
  overflow-wrap: anywhere;
}
:where(.sable-forms-experience) .workflow-graph-viewport {
  cursor: grab;
}
:where(.sable-forms-experience) .workflow-graph-viewport.is-panning {
  cursor: grabbing;
  user-select: none;
}
:where(.sable-forms-experience) .workflow-graph-viewport:focus-visible {
  outline: 2px solid #8b779d;
  outline-offset: -2px;
}
:where(.sable-forms-experience) .workflow-page-node {
  cursor: pointer;
}
.sable-forms-experience[data-sable-preview] {
  --font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text","Forms Inter", sans-serif;
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 24px;
  --radius-pill: 9999px;
  --text-meta: 12px;
  --text-secondary: 13px;
  --text-body: 14px;
  --text-heading: 24px;
  --text-hero-metric: 34px;
  --text-touch-input: 16px;
  --background: #f5f9f4;
  --foreground: #151d14;
  --card: #fdfffd;
  --card-foreground: #151d14;
  --popover: #fdfffd;
  --popover-foreground: #151d14;
  --surface: #fdfffd;
  --primary: #b5eca9;
  --primary-foreground: #0b1209;
  --secondary: #ecf2ec;
  --secondary-foreground: #2d362c;
  --muted: #ecf2ec;
  --muted-foreground: #697168;
  --accent: #dff4db;
  --accent-foreground: #151d14;
  --destructive: #c33435;
  --border: #dce3db;
  --input: #dce3db;
  --ring: #7ac26b;
  --text-strong: #161d15;
  --text-default: #3f463e;
  --text-subtle: #6c746b;
  --icon-subtle: #99a198;
  --primary-50: #eff9ed;
  --primary-100: #def3da;
  --primary-200: #c6eabe;
  --primary-300: #b5eca9;
  --primary-400: #96d888;
  --primary-500: #7ac26b;
  --primary-600: #5fa34f;
  --primary-700: #477c3b;
  --primary-800: #335b2b;
  --primary-900: #233e1c;
  --action: var(--primary-700);
  --action-hover: var(--primary-800);
  --action-active: var(--primary-900);
  --action-foreground: #fff;
  --link: var(--primary-700);
  --tooltip-surface: #000;
  --tooltip-ink: #fff;
  --sidebar: var(--card);
  --glass: var(--background);
  --sable-accent: var(--accent);
  --sable-ring: var(--ring);
  --sable-font: var(--font-sans);
  --tracking-ui: -0.15px;
  --tracking-display: -0.05em;
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  font: 400 var(--text-body)/1.5 var(--font-sans);
  letter-spacing: var(--tracking-ui);
  color: var(--text-default);
  background: var(--background);
  color-scheme: light;
}
.sable-forms-experience[data-sable-preview].dark,.sable-forms-experience[data-sable-preview][data-mode='dark'] {
  --background: #0c0f0c;
  --foreground: #f6f9f5;
  --card: #171b17;
  --card-foreground: #f6f9f5;
  --popover: #171b17;
  --popover-foreground: #f6f9f5;
  --surface: #171b17;
  --primary: #b5eca9;
  --primary-foreground: #0b1209;
  --secondary: #20241f;
  --secondary-foreground: #f6f9f5;
  --muted: #20241f;
  --muted-foreground: #a3aaa2;
  --accent: #243320;
  --accent-foreground: #f6f9f5;
  --destructive: #f66d67;
  --border: #282d28;
  --input: #282d28;
  --ring: #96d888;
  --text-strong: #f6f9f5;
  --text-default: #b9c0b8;
  --text-subtle: #888e87;
  --icon-subtle: #596058;
  --link: var(--primary-300);
  color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
  .sable-forms-experience[data-sable-preview][data-mode='system']:not(.light) {
    --background: #0c0f0c;
    --foreground: #f6f9f5;
    --card: #171b17;
    --card-foreground: #f6f9f5;
    --popover: #171b17;
    --popover-foreground: #f6f9f5;
    --surface: #171b17;
    --primary: #b5eca9;
    --primary-foreground: #0b1209;
    --secondary: #20241f;
    --secondary-foreground: #f6f9f5;
    --muted: #20241f;
    --muted-foreground: #a3aaa2;
    --accent: #243320;
    --accent-foreground: #f6f9f5;
    --destructive: #f66d67;
    --border: #282d28;
    --input: #282d28;
    --ring: #96d888;
    --text-strong: #f6f9f5;
    --text-default: #b9c0b8;
    --text-subtle: #888e87;
    --icon-subtle: #596058;
    --link: var(--primary-300);
    color-scheme: dark;
  }
}
.sable-forms-experience[data-sable-preview] {
  --sable-display: "Forms Sable Display", 'Helvetica Neue', sans-serif;
  --shadow-color: #080f08;
  --shadow-sm: 0 2px 6px var(--shadow-color);
  @supports (color: color-mix(in lab, red, red)) {
    --shadow-sm: 0 2px 6px color-mix(in srgb, var(--shadow-color) 5%, transparent);
  }
  --shadow-panel: 0 16px 48px var(--shadow-color);
  @supports (color: color-mix(in lab, red, red)) {
    --shadow-panel: 0 16px 48px color-mix(in srgb, var(--shadow-color) 16%, transparent);
  }
  --overlay: var(--shadow-color);
  @supports (color: color-mix(in lab, red, red)) {
    --overlay: color-mix(in srgb, var(--shadow-color) 40%, transparent);
  }
  --control-height: 40px;
  --editor-column-gap: 12px;
  --editor-toolbar-height: 48px;
  --studio-chart-1: #151d14;
  --studio-chart-2: #b5eca9;
  --studio-chart-3: #7ac26b;
  --studio-chart-4: #96d888;
  --studio-chart-5: #477c3b;
  --studio-chart-6: #7ac26b;
}
.sable-forms-experience[data-sable-preview][data-mode='dark'] {
  --studio-chart-1: var(--text-strong);
}
@media (any-pointer: coarse) {
  :where(.sable-forms-experience) input,:where(.sable-forms-experience)  textarea,:where(.sable-forms-experience)  select {
    font-size: max(16px, 1em) !important;
  }
}
@font-face {
  font-family: "Forms Sable Display";
  src: url('/forms-experience/fonts/HelveticaNeueBold.woff2') format('woff2');
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "Forms Inter";
  src: url('/forms-experience/fonts/Inter-Regular.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Forms Inter";
  src: url('/forms-experience/fonts/Inter-Medium.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
}
.sable-forms-experience {
  --background: #f7f7f8;
  --foreground: #403a45;
  --card: #fff;
  --popover: #fff;
  --primary: #3b3440;
  --secondary: #ededf0;
  --muted-foreground: #807b84;
  --border: #e5e4e7;
  --sidebar: #f8f8f9;
  --glass: #f7f7f8;
  color: #403a45;
  font-family: Arial, Helvetica, sans-serif;
}
.sable-forms-experience {
  background: #f7f7f8;
  font-family: Arial, Helvetica, sans-serif;
}
:where(.sable-forms-experience) button {
  transition: background-color 0.1s,
    color 0.1s;
}
:where(.sable-forms-experience) button:active:not(:disabled) {
  transform: none;
}
:where(.sable-forms-experience) svg {
  stroke-width: 1.6px;
}
:where(.sable-forms-experience) h1,:where(.sable-forms-experience) 
h2,:where(.sable-forms-experience) 
h3 {
  letter-spacing: 0;
  font-weight: 400;
}
:where(.sable-forms-experience) .button {
  min-height: 32px;
  box-shadow: none;
  background: #fff;
  border-radius: 6px;
  padding: 6px 12px;
  font-size: 13px;
  font-weight: 400;
}
:where(.sable-forms-experience) .button.primary {
  box-shadow: none;
  background: #3b3440;
  border-color: #3b3440;
}
:where(.sable-forms-experience) .icon-button {
  color: #7c7581;
  border-radius: 5px;
  width: 30px;
  height: 30px;
}
:where(.sable-forms-experience) .pick[data-slot='select-trigger'] {
  background: #fff;
  border-color: #e0dfe3;
  border-radius: 7px;
  min-height: 32px;
  padding: 5px 10px;
  font-size: 13px;
}
:where(.sable-forms-experience) .segments[data-slot='tabs-list'] {
  background: 0 0;
  border: 0;
  border-radius: 0;
  gap: 10px;
  height: 37px;
  padding: 0;
}
:where(.sable-forms-experience) .segments [data-slot='tabs-trigger'] {
  color: #77717b;
  background: 0 0;
  border: 0;
  border-radius: 0;
  padding: 8px 4px;
  font-size: 13px;
  font-weight: 400;
  position: relative;
  box-shadow: none !important;
}
:where(.sable-forms-experience) .segments [data-slot='tabs-trigger'][data-active] {
  color: #38323d;
  background: 0 0;
}
:where(.sable-forms-experience) .segments [data-slot='tabs-trigger'][data-active]:after {
  content: '';
  opacity: 1;
  background: #3d3542;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 4px;
  right: 4px;
}
:where(.sable-forms-experience) .type-badge {
  color: #51495a;
  border-radius: 5px;
  width: 24px;
  height: 22px;
  font-size: 15px;
}
:where(.sable-forms-experience) .pink {
  background: #f7ccd7;
}
:where(.sable-forms-experience) .sky {
  background: #badef8;
}
:where(.sable-forms-experience) .purple {
  background: #ded6fc;
}
:where(.sable-forms-experience) .sage {
  background: #c5e2bc;
}
:where(.sable-forms-experience) .gold {
  background: #ffe293;
}
:where(.sable-forms-experience) .stone {
  background: #e5e2e7;
}
:where(.sable-forms-experience) .field {
  color: #78727d;
  font-size: 13px;
}
:where(.sable-forms-experience) .field input,:where(.sable-forms-experience) 
.field textarea {
  background: #fff;
  border-color: #e3e1e6;
  border-radius: 6px;
  padding: 9px 11px;
  font-size: 14px;
}
:where(.sable-forms-experience) .field small {
  color: #99949d;
}
:where(.sable-forms-experience) .toggle-row {
  color: #716b77;
  font-size: 13px;
}
:where(.sable-forms-experience) .toggle-row small {
  color: #99929f;
  font-size: 11px;
}
:where(.sable-forms-experience) .toggle-row [data-slot='switch'] {
  background: #d8d6dc;
  width: 29px;
  height: 17px;
}
:where(.sable-forms-experience) .toggle-row [data-slot='switch'][data-checked] {
  background: #625b67;
}
:where(.sable-forms-experience) .toggle-row [data-slot='switch-thumb'] {
  background: #fff;
  width: 13px;
  height: 13px;
}
:where(.sable-forms-experience) .text-button {
  color: inherit;
  font-size: 13px;
}
:where(.sable-forms-experience) .demo-caption {
  color: #96919b;
  font-size: 11px;
}
:where(.sable-forms-experience) .toast {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background: #fff;
  border: 1px solid #ddd9e2;
  border-radius: 7px;
  box-shadow: 0 3px 12px #00000016;
}
:where(.sable-forms-experience) .form-menu {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  border: 1px solid #e3e1e5;
  min-width: 190px;
  box-shadow: 0 0 0 3px #eeeeef;
  background: #fff !important;
  border-radius: 12px !important;
  padding: 10px !important;
}
:where(.sable-forms-experience) .form-menu [data-slot='dropdown-menu-item'] {
  color: #78717e;
  padding: 11px 7px;
  font-size: 13px;
}
:where(.sable-forms-experience) .form-menu [data-variant='destructive'] {
  color: #bd503d;
}
:where(.sable-forms-experience) .form-menu [data-slot='dropdown-menu-item'] > svg {
  display: none;
}
:where(.sable-forms-experience) .form-menu [data-slot='dropdown-menu-separator'] {
  margin: 7px 2px;
}
:where(.sable-forms-experience) [data-slot='sidebar-wrapper'] {
  padding-top: 48px;
}
:where(.sable-forms-experience) .studio-sidebar [data-slot='sidebar-container'] {
  border: 0;
  height: calc(100dvh - 48px);
  padding: 0;
  top: 48px;
}
:where(.sable-forms-experience) .studio-sidebar [data-slot='sidebar-inner'] {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  box-shadow: none;
  background: #f8f8f9;
  border: 0;
}
:where(.sable-forms-experience) .workspace-create {
  width: 100%;
  min-height: 30px;
  font-size: 13px !important;
}
:where(.sable-forms-experience) .workspace-search {
  color: #89848e;
  align-items: center;
  gap: 8px;
  padding: 7px 1px;
  font-size: 13px;
  display: flex;
}
:where(.sable-forms-experience) .workspace-search input {
  background: 0 0;
  outline: none;
  width: 100%;
  min-width: 0;
}
:where(.sable-forms-experience) .studio-sidebar [data-slot='sidebar-content'] {
  gap: 2px;
  padding: 0 15px;
}
:where(.sable-forms-experience) .studio-sidebar [data-slot='sidebar-menu'] {
  z-index: 30;
  background: #f8f8f9;
  border-bottom: 1px solid #eeedf0;
  flex-direction: row;
  align-items: center;
  gap: 23px;
  width: 100vw;
  height: 48px;
  padding: 0 20px;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}
:where(.sable-forms-experience) .studio-sidebar [data-slot='sidebar-menu-item'] {
  align-items: center;
  height: 100%;
  display: flex;
}
:where(.sable-forms-experience) .studio-sidebar [data-slot='sidebar-menu-button'] {
  color: #757079;
  border-radius: 0;
  gap: 8px;
  width: auto;
  height: 100%;
  margin: 0;
  padding: 0;
  font-size: 13px;
  box-shadow: none !important;
  background: 0 0 !important;
  border: 0 !important;
}
:where(.sable-forms-experience) .studio-sidebar [data-slot='sidebar-menu-button'] > svg {
  width: 15px;
  height: 15px;
}
:where(.sable-forms-experience) .studio-sidebar [data-slot='sidebar-menu-button'][data-active] {
  color: #302a35;
}
:where(.sable-forms-experience) .studio-sidebar [data-slot='sidebar-menu-button'][data-active]:after {
  content: '';
  background: #3b3440;
  height: 2px;
  position: absolute;
  bottom: 5px;
  left: 0;
  right: 0;
}
:where(.sable-forms-experience) .side-label {
  text-transform: none;
  letter-spacing: 0;
  color: #77727d;
  margin: 18px 6px 14px;
  font-size: 12px;
  font-weight: 400;
}
:where(.sable-forms-experience) .side-label button {
  background: #fff;
  border-radius: min(50%, var(--sable-radius-cap, 50%));
  place-items: center;
  width: 21px;
  height: 21px;
  display: grid;
}
:where(.sable-forms-experience) .folder-link {
  color: #77717a;
  border-radius: 5px;
  gap: 8px;
  padding: 10px 8px;
  font-size: 12px;
}
:where(.sable-forms-experience) .folder-link.selected {
  color: #4f4756;
  background: #ededf0;
}
:where(.sable-forms-experience) .folder-link > svg {
  width: 14px;
}
:where(.sable-forms-experience) .folder-link small {
  font-size: 11px;
}
:where(.sable-forms-experience) .side-label.secondary-library {
  color: #aaa4af;
  margin-top: 28px;
}
:where(.sable-forms-experience) .studio-sidebar [data-slot='sidebar-footer'] {
  gap: 24px;
  padding: 20px;
}
:where(.sable-forms-experience) .workspace-usage {
  color: #96909b;
  flex-direction: column;
  gap: 4px;
  font-size: 11px;
  display: flex;
}
:where(.sable-forms-experience) .workspace-usage > span:first-child {
  color: #716b77;
  font-size: 12px;
}
:where(.sable-forms-experience) .usage-track {
  background: #dddbe0;
  height: 3px;
  margin: 4px 0;
  overflow: hidden;
}
:where(.sable-forms-experience) .usage-track i {
  background: #8e8793;
  height: 100%;
  display: block;
}
:where(.sable-forms-experience) .workspace-usage > button {
  color: #8c8690;
  background: #fafafa;
  border: 1px solid #e6e4e8;
  border-radius: 3px;
  align-self: start;
  margin-top: 18px;
  padding: 4px 7px;
  font-size: 10px;
}
:where(.sable-forms-experience) .workspace-ai {
  color: #a19aa8;
  background: #fff;
  border: 1px solid #e6e1eb;
  border-radius: 7px;
  align-items: center;
  gap: 9px;
  width: 100%;
  padding: 11px;
  font-size: 12px;
  display: flex;
  box-shadow: 0 0 0 3px #eeebf144;
}
:where(.sable-forms-experience) .workspace-ai > svg:last-child {
  margin-left: auto;
}
:where(.sable-forms-experience) .main {
  background: #f7f7f8;
  min-height: calc(100dvh - 48px);
}
:where(.sable-forms-experience) .topbar {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background: 0 0;
  border-bottom: 1px solid #e4e2e7;
  gap: 15px;
  height: 79px;
  margin: 0 28px;
  padding: 0;
  position: relative;
  top: auto;
}
:where(.sable-forms-experience) .workspace-title {
  align-items: center;
  gap: 13px;
  min-width: 0;
  display: flex;
}
:where(.sable-forms-experience) .workspace-title h1 {
  letter-spacing: -0.25px;
  color: #4c4452;
  white-space: nowrap;
  font-size: 20px;
  line-height: 1.2;
}
:where(.sable-forms-experience) .invite-button {
  color: #857c8b;
  align-items: center;
  gap: 7px;
  font-size: 13px;
  display: flex;
}
:where(.sable-forms-experience) .workspace-view {
  align-items: center;
  gap: 12px;
  display: flex;
}
:where(.sable-forms-experience) .workspace-view > .pick {
  color: #8b8291;
  background: #fcfcfd;
  width: 150px;
}
:where(.sable-forms-experience) .view-switch {
  border: 1px solid #dedbe2;
  border-radius: 7px;
  display: flex;
  overflow: hidden;
}
:where(.sable-forms-experience) .view-switch > button {
  color: #7b7382;
  background: #fff;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  font-size: 13px;
  display: flex;
}
:where(.sable-forms-experience) .view-switch > button.active {
  color: #61596a;
  background: #edebef;
}
:where(.sable-forms-experience) .dashboard {
  max-width: none;
  padding: 50px 28px 30px;
}
:where(.sable-forms-experience) .dashboard .stats-strip,:where(.sable-forms-experience) 
.dashboard .page-heading,:where(.sable-forms-experience) 
.dashboard .list-toolbar,:where(.sable-forms-experience) 
.template-prompt {
  display: none;
}
:where(.sable-forms-experience) .list-column-head {
  color: #8a8292;
  grid-template-columns: minmax(180px, 1fr) 100px 100px 135px 120px 40px;
  align-items: center;
  gap: 8px;
  padding: 0 14px 17px;
  font-size: 12px;
  display: grid;
}
:where(.sable-forms-experience) .form-grid.form-list {
  flex-direction: column;
  gap: 8px;
  display: flex;
}
:where(.sable-forms-experience) .form-card {
  box-shadow: none;
  background: #fff;
  border: 1px solid #e2dfe5;
  border-radius: 12px;
  transition: none;
  overflow: visible;
}
:where(.sable-forms-experience) .form-list .form-card {
  grid-template-columns: 32px minmax(140px, 1fr) 100px 100px 135px 120px 40px;
  align-items: center;
  gap: 8px;
  min-height: 48px;
  padding: 6px 10px;
  display: grid;
}
:where(.sable-forms-experience) .form-document-icon {
  color: #fff;
  background: #6793b7;
  border-radius: 8px;
  place-items: center;
  width: 30px;
  height: 30px;
  display: grid;
}
:where(.sable-forms-experience) .form-document-icon svg {
  opacity: 0.8;
  width: 18px;
  height: 18px;
}
:where(.sable-forms-experience) .form-list .form-card {
  position: relative;
}
:where(.sable-forms-experience) .form-list .form-name::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  cursor: pointer;
}
:where(.sable-forms-experience) .form-list .form-card:has(.form-name:focus-visible) {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}
:where(.sable-forms-experience) .form-list .form-actions {
  position: relative;
  z-index: 1;
}
:where(.sable-forms-experience) .form-name {
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #4e4458;
  font-size: 13px;
  overflow: hidden;
}
:where(.sable-forms-experience) .form-response-count,:where(.sable-forms-experience) 
.form-complete-count,:where(.sable-forms-experience) 
.form-updated {
  color: #a199a8;
  font-size: 12px;
}
:where(.sable-forms-experience) .form-integrations {
  color: #7f748a;
  border: 1px solid #e4e0e8;
  border-radius: 4px;
  place-items: center;
  width: 22px;
  height: 22px;
  display: grid;
}
:where(.sable-forms-experience) .form-actions {
  justify-content: flex-end;
  display: flex;
}
:where(.sable-forms-experience) .form-grid:not(.form-list) {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}
:where(.sable-forms-experience) .form-grid:not(.form-list) .form-card {
  border-color: #eeedf0;
  border-radius: 7px;
  flex-direction: column;
  align-items: flex-start;
  height: 185px;
  padding: 19px 15px;
  display: flex;
  position: relative;
}
:where(.sable-forms-experience) .form-grid:not(.form-list) .form-document-icon,:where(.sable-forms-experience) 
.form-grid:not(.form-list) .form-response-count,:where(.sable-forms-experience) 
.form-grid:not(.form-list) .form-complete-count,:where(.sable-forms-experience) 
.form-grid:not(.form-list) .form-updated {
  display: none;
}
:where(.sable-forms-experience) .form-grid:not(.form-list) .form-name {
  max-width: calc(100% - 15px);
  font-size: 12px;
}
:where(.sable-forms-experience) .form-grid:not(.form-list) .form-integrations {
  border: 0;
  margin-top: 16px;
}
:where(.sable-forms-experience) .form-grid:not(.form-list) .form-actions {
  position: absolute;
  top: 10px;
  right: 7px;
}
:where(.sable-forms-experience) .form-grid:not(.form-list) .form-actions .icon-button {
  width: 20px;
  height: 24px;
}
:where(.sable-forms-experience) .dashboard:has(.form-grid:not(.form-list)) .list-column-head {
  visibility: hidden;
  height: 0;
  padding: 0;
}
:where(.sable-forms-experience) .empty-state {
  justify-content: center;
  gap: 15px;
  min-height: calc(100dvh - 230px);
  padding: 30px;
}
:where(.sable-forms-experience) .empty-state > svg {
  color: #6b8194;
  background: #e4f0fb;
  border-radius: 9px;
  width: 55px;
  height: 55px;
  padding: 12px;
}
:where(.sable-forms-experience) .empty-state h2 {
  color: #45414a;
  letter-spacing: 0;
  font-size: 16px;
  font-weight: 400;
}
:where(.sable-forms-experience) .empty-state p {
  display: none;
}
:where(.sable-forms-experience) .empty-state .button {
  color: #fff;
  background: #3b3440;
  border-color: #3b3440;
}
:where(.sable-forms-experience) .section-page {
  background: #f7f7f8;
}
:where(.sable-forms-experience) .section-page .eyebrow {
  display: none;
}
:where(.sable-forms-experience) .section-page h1 {
  font-size: 25px;
}
:where(.sable-forms-experience) .section-page .page-heading p {
  font-size: 13px;
}
:where(.sable-forms-experience) .automation-card,:where(.sable-forms-experience) 
.connection-card,:where(.sable-forms-experience) 
.summary-card {
  box-shadow: none;
  border-radius: 7px;
}
:where(.sable-forms-experience) .connection-card > p,:where(.sable-forms-experience) 
.automation-card p {
  color: #8d8793;
}
:where(.sable-forms-experience) .automation-icon {
  color: #6f647e;
  background: #e9e6ef;
}
:where(.sable-forms-experience) .brand-preview {
  border-radius: 5px;
}
:where(.sable-forms-experience) .stats-strip {
  box-shadow: none;
  border-radius: 6px;
}
:where(.sable-forms-experience) .responses-table {
  background: #fff;
}
:where(.sable-forms-experience) .responses-table td {
  color: #77707f;
}
:where(.sable-forms-experience) .responses-table th {
  color: #7e7586;
}
:where(.sable-forms-experience) .editor {
  background: #fff;
}
:where(.sable-forms-experience) .editor-header {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background: #fff;
  border: 0;
  gap: 10px;
  height: 47px;
  padding: 0 17px;
  font-size: 12px;
}
:where(.sable-forms-experience) .editor-identity {
  gap: 5px;
}
:where(.sable-forms-experience) .editor-identity > .icon-button {
  display: none;
}
:where(.sable-forms-experience) .editor-logo {
  letter-spacing: 0;
  color: #817787;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  display: flex;
}
:where(.sable-forms-experience) .editor-identity input {
  color: #655a6c;
  width: 160px;
  font-size: 12px;
}
:where(.sable-forms-experience) .editor-header .segments [data-slot='tabs-trigger'][data-active]:after {
  height: 1px;
}
:where(.sable-forms-experience) .editor-actions > .button:not(.primary) {
  display: none;
}
:where(.sable-forms-experience) .editor-actions > .button.results-shortcut {
  color: #fff;
  background: #337c70;
  border-color: #337c70;
  order: 2;
  min-height: 27px;
  display: flex;
}
:where(.sable-forms-experience) .editor-actions > .button.primary {
  min-height: 27px;
  padding: 4px 12px;
  font-size: 11px;
}
:where(.sable-forms-experience) .saved {
  z-index: 22;
  color: #696170;
  background: #fff;
  border: 1px solid #acd2ff;
  border-radius: 6px;
  gap: 13px;
  min-width: 280px;
  padding: 15px 22px;
  font-size: 12px;
  position: fixed;
  bottom: 8px;
  right: 8px;
  box-shadow: 0 0 0 2px #eaf4ff;
  display: flex !important;
}
:where(.sable-forms-experience) .saved svg {
  color: #498bc2;
}
:where(.sable-forms-experience) .editor-body {
  background: #fff;
  grid-template-columns: 230px minmax(0, 1fr) 235px;
  gap: 14px;
  padding: 0 14px 14px;
  display: grid;
}
:where(.sable-forms-experience) .question-sidebar {
  background: #f7f7f8;
  border: 0;
  border-radius: 11px;
  margin-top: 57px;
  padding-top: 8px;
  position: relative;
}
:where(.sable-forms-experience) .form-mode {
  background: #f7f7f8;
  border-radius: 10px;
  align-items: center;
  height: 45px;
  padding: 6px 10px;
  display: flex;
  position: absolute;
  top: -57px;
  left: 0;
  right: 0;
}
:where(.sable-forms-experience) .form-mode .pick {
  color: #847b8b;
  background: 0 0;
  border: 0;
  font-size: 13px;
}
:where(.sable-forms-experience) .question-sidebar-head {
  letter-spacing: 0;
  color: #49414f;
  padding: 13px 17px 20px;
  font-size: 13px;
}
:where(.sable-forms-experience) .question-sidebar-head > span:last-child {
  display: none;
}
:where(.sable-forms-experience) .question-list {
  flex: none;
  max-height: 46vh;
  padding: 0 10px;
  overflow: auto;
}
:where(.sable-forms-experience) .question-item {
  border-radius: 6px;
  margin: 0 0 7px;
  box-shadow: none !important;
  border: 0 !important;
}
:where(.sable-forms-experience) .question-item.selected {
  background: #edebef;
}
:where(.sable-forms-experience) .question-item[data-ending='true'] {
  display: none;
}
:where(.sable-forms-experience) .question-select {
  gap: 8px;
  padding: 10px 8px;
}
:where(.sable-forms-experience) .question-row-text > small {
  display: none;
}
:where(.sable-forms-experience) .question-row-text > span {
  color: #746a7c;
  font-size: 12px;
  font-weight: 400 !important;
}
:where(.sable-forms-experience) .question-more {
  opacity: 1;
  color: #94869e;
}
:where(.sable-forms-experience) .question-item .type-badge {
  border-radius: 4px;
  width: 27px;
  height: 18px;
  font-size: 12px;
}
:where(.sable-forms-experience) .contact-subfields {
  flex-direction: column;
  gap: 6px;
  padding: 0 13px;
  display: flex;
}
:where(.sable-forms-experience) .contact-subfields > button {
  color: #83788d;
  text-align: left;
  align-items: center;
  gap: 10px;
  padding: 7px 3px;
  font-size: 12px;
  display: flex;
}
:where(.sable-forms-experience) .contact-subfields .type-badge {
  gap: 8px;
  width: 44px;
  height: 22px;
  font-size: 15px;
}
:where(.sable-forms-experience) .contact-subfields small {
  font-size: 10px;
}
:where(.sable-forms-experience) .add-question {
  color: #88798f;
  border: 0;
  border-top: 1px solid #e6e1e9;
  border-radius: 0;
  justify-content: center;
  min-height: 35px;
  margin: 1px 12px 10px;
  font-size: 12px;
}
:where(.sable-forms-experience) .add-welcome {
  color: #716278;
  border: 1px dashed #ddd7e2;
  border-radius: 12px;
  align-items: center;
  gap: 8px;
  margin: auto 12px 12px;
  padding: 10px 8px;
  font-size: 12px;
  display: flex;
}
:where(.sable-forms-experience) .add-welcome > span {
  text-align: left;
  flex: 1;
}
:where(.sable-forms-experience) .add-welcome svg {
  background: #fff;
  border: 1px solid #e2dce6;
  border-radius: 4px;
  width: 22px;
  height: 22px;
  padding: 2px;
}
:where(.sable-forms-experience) .endings-panel {
  background: #f7f7f8;
  border-top: 12px solid #fff;
  border-radius: 0 0 11px 11px;
  flex: 0 0 28%;
  min-height: 120px;
  margin: 0 -1px -1px;
  padding: 14px;
  position: relative;
}
:where(.sable-forms-experience) .endings-panel:before {
  content: '';
  background: #b5aebc;
  width: 36px;
  height: 2px;
  position: absolute;
  top: -8px;
  left: calc(50% - 18px);
}
:where(.sable-forms-experience) .endings-panel > div {
  color: #574a61;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
  font-size: 13px;
  display: flex;
}
:where(.sable-forms-experience) .endings-panel > div .icon-button {
  background: #fff;
  border: 1px solid #e3dde8;
}
:where(.sable-forms-experience) .ending-item {
  text-align: left;
  color: #8b7d95;
  border-radius: 6px;
  align-items: center;
  gap: 6px;
  width: 100%;
  padding: 9px 5px;
  font-size: 11px;
  line-height: 1.5;
  display: flex;
}
:where(.sable-forms-experience) .ending-item.selected {
  background: #ede9f0;
}
:where(.sable-forms-experience) .editor-center {
  background: #fff;
  min-width: 0;
}
:where(.sable-forms-experience) .canvas-toolbar {
  background: #f7f7f8;
  border-radius: 10px;
  flex-shrink: 0;
  justify-content: flex-start;
  gap: 10px;
  height: 45px;
  padding: 0 8px;
}
:where(.sable-forms-experience) .canvas-toolbar > div {
  gap: 7px;
}
:where(.sable-forms-experience) .canvas-toolbar .button.primary {
  border-radius: 6px;
  height: 29px;
  min-height: 29px;
  padding: 5px 10px;
  font-size: 12px;
}
:where(.sable-forms-experience) .canvas-toolbar .design-button {
  box-shadow: none;
  background: 0 0;
  border: 0;
  padding: 5px 8px;
  font-size: 13px;
}
:where(.sable-forms-experience) .toolbar-divider {
  background: #e9e5ed;
  height: 17px;
  margin: 0 3px;
}
:where(.sable-forms-experience) .canvas-toolbar .icon-button[aria-label='Undo'],:where(.sable-forms-experience) 
.canvas-toolbar .icon-button[aria-label='Redo'] {
  display: none;
}
:where(.sable-forms-experience) .canvas-stage {
  align-items: center;
  padding: 24px 8px 60px;
  display: flex;
  overflow: auto;
}
:where(.sable-forms-experience) .form-canvas {
  background: #fafafa;
  border: 1px solid #e9e6ed;
  border-radius: 0;
  max-width: none;
  height: 65vh;
  min-height: 320px;
  max-height: 720px;
  overflow: auto;
  box-shadow: 0 0 0 1px #faf9fb;
  font-family: inherit;
}
:where(.sable-forms-experience) .canvas-brand,:where(.sable-forms-experience) 
.canvas-footer {
  display: none;
}
:where(.sable-forms-experience) .canvas-question {
  width: 100%;
  margin: auto;
  padding: 35px 17%;
  display: block;
  position: relative;
}
:where(.sable-forms-experience) .canvas-label {
  color: #fff;
  opacity: 1;
  letter-spacing: 0;
  background: #3c3442;
  border-radius: 4px;
  place-items: center;
  width: 14px;
  height: 17px;
  margin: 0;
  font-size: 10px;
  display: grid;
  position: absolute;
  top: 43px;
  left: calc(17% - 24px);
}
:where(.sable-forms-experience) .editable-title {
  letter-spacing: -0.5px;
  color: inherit;
  border: 0;
  width: 100%;
  min-height: 34px;
  margin-left: 0;
  padding: 0;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.35;
  font-family: inherit;
}
:where(.sable-forms-experience) .editable-description {
  opacity: 0.5;
  border: 0;
  width: 100%;
  height: 26px;
  min-height: 24px;
  margin: 5px 0 14px;
  padding: 0;
  font: italic 16px/1.5 Arial,
    Helvetica,
    sans-serif;
}
:where(.sable-forms-experience) .editable-title:hover,:where(.sable-forms-experience) 
.editable-description:hover {
  background: 0 0 !important;
  border: 0 !important;
}
:where(.sable-forms-experience) .canvas-question > .answer-submit {
  display: none;
}
:where(.sable-forms-experience) .canvas-question .contact-fields {
  flex-direction: column;
  gap: 24px;
  margin: 18px 0 0;
  display: flex;
}
:where(.sable-forms-experience) .canvas-question .contact-fields label {
  color: inherit;
  opacity: 1;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
}
:where(.sable-forms-experience) .canvas-question .contact-fields input {
  border-bottom-color: #9a919f;
  padding: 14px 0 7px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 23px;
}
:where(.sable-forms-experience) .canvas-question .contact-fields input::placeholder {
  opacity: 0.45;
}
:where(.sable-forms-experience) .single-answer {
  border-bottom-color: #9a919f;
  padding: 14px 0 8px;
  font: 23px Arial,
    Helvetica,
    sans-serif;
}
:where(.sable-forms-experience) .canvas-question textarea:not(.editable-title):not(.editable-description) {
  font-family: Arial, Helvetica, sans-serif;
}
:where(.sable-forms-experience) .canvas-caption {
  justify-content: center;
  align-items: center;
  height: 50px;
  padding: 0;
}
:where(.sable-forms-experience) .chat-create {
  color: #a08dac;
  background: #fff;
  border: 1px solid #d8bce9;
  border-radius: 6px;
  align-items: center;
  gap: 14px;
  min-width: 265px;
  padding: 11px 14px;
  font-size: 13px;
  display: flex;
  box-shadow: 0 0 0 5px #faf8fb,
    0 0 0 6px #ead8f5;
}
:where(.sable-forms-experience) .chat-create > span:last-child {
  color: #c2b4cb;
  border: 1px solid #eee6f3;
  border-radius: 4px;
  margin-left: auto;
}
:where(.sable-forms-experience) .mobile-canvas {
  border-radius: 0;
  max-width: 340px !important;
}
:where(.sable-forms-experience) .mobile-canvas .canvas-question {
  padding: 35px 25px;
}
:where(.sable-forms-experience) .mobile-canvas .canvas-label {
  left: 8px;
}
:where(.sable-forms-experience) .question-properties {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background: #f7f7f8;
  border: 0;
  border-radius: 11px;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  padding: 17px 15px 83px;
  display: flex;
  position: relative;
  overflow-y: auto;
}
:where(.sable-forms-experience) .properties-heading {
  letter-spacing: 0;
  color: #4f405b;
  margin-bottom: 15px;
  font-size: 13px;
}
:where(.sable-forms-experience) .properties-heading > .type-badge {
  display: none;
}
:where(.sable-forms-experience) .question-format {
  background: #fff;
  border: 1px solid #ddd7e3;
  border-radius: 6px;
  flex-shrink: 0;
  width: 100%;
  height: 29px;
  margin-bottom: 32px;
  display: flex;
  overflow: hidden;
}
:where(.sable-forms-experience) .question-format > button,:where(.sable-forms-experience) 
.question-format > label {
  color: #7d6b8b;
  cursor: pointer;
  flex: 1;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  display: flex;
  position: relative;
}
:where(.sable-forms-experience) .question-format .active {
  background: #eeebf1;
}
:where(.sable-forms-experience) .question-format input {
  opacity: 0;
  cursor: pointer;
  width: 100%;
  position: absolute;
  inset: 0;
}
:where(.sable-forms-experience) .answer-heading {
  color: #594662;
  margin-bottom: 14px;
  font-size: 13px;
  font-weight: 400;
}
:where(.sable-forms-experience) .question-properties > .pick {
  background: #fff;
  border: 0;
  margin-bottom: 3px;
  font-size: 12px;
}
:where(.sable-forms-experience) .property-section {
  border-color: #e7e1eb;
  padding: 12px 0;
}
:where(.sable-forms-experience) .question-properties .toggle-row {
  color: #73627f;
  gap: 6px;
  padding: 12px 0;
  font-size: 12px;
}
:where(.sable-forms-experience) .toggle-row small,:where(.sable-forms-experience) 
.property-help {
  display: none;
}
:where(.sable-forms-experience) .question-properties .field {
  margin-top: 12px;
  font-size: 11px;
}
:where(.sable-forms-experience) .question-properties .field input {
  background: #fff;
  font-size: 12px;
}
:where(.sable-forms-experience) .question-properties .property-action {
  color: #736080;
  font-size: 12px;
}
:where(.sable-forms-experience) :is(
  .question-properties[data-question-type='Contact\ Info'] > .pick,
  .question-properties[data-question-type='Contact\ Info']
    > .property-section:not(:has(.media-upload)),
  .question-properties[data-question-type='Contact\ Info'] > .field
) {
  display: none;
}
:where(.sable-forms-experience) .media-upload {
  color: #645070;
  min-height: 30px;
  font-size: 12px;
}
:where(.sable-forms-experience) .media-upload > svg:first-child {
  display: none;
}
:where(.sable-forms-experience) .media-upload > svg:last-child {
  background: #fff;
  border: 1px solid #e2d9e9;
  border-radius: 6px;
  width: 26px;
  height: 27px;
  padding: 3px;
}
:where(.sable-forms-experience) .inspector-bottom {
  flex-direction: column;
  gap: 8px;
  margin-top: auto;
  padding-top: 30px;
  display: flex;
}
:where(.sable-forms-experience) .inspector-bottom > button,:where(.sable-forms-experience)  .inspector-bottom > span > button {
  color: #766080;
  border-top: 1px solid #e0d7e7;
  justify-content: space-between;
  align-items: center;
  padding: 12px 1px;
  font-size: 12px;
  display: flex;
}
:where(.sable-forms-experience) .question-properties .property-action:has(svg):not(.danger) {
  display: none;
}
:where(.sable-forms-experience) .question-properties .property-action.danger {
  color: #b17e7b;
  font-size: 11px;
}
:where(.sable-forms-experience) .answer-choice {
  border-radius: 4px;
  padding: 8px 10px;
  font-size: 15px;
}
:where(.sable-forms-experience) .rating-answer > button svg {
  width: 35px;
  height: 35px;
}
:where(.sable-forms-experience) .signature .segments {
  float: right;
  border: 1px solid #d6d0db;
  border-radius: 4px;
  gap: 0;
  height: 25px;
  display: inline-flex;
}
:where(.sable-forms-experience) .signature .segments [data-slot='tabs-trigger'] {
  border-right: 1px solid #d8d0df;
  padding: 4px 8px;
  font-size: 11px;
}
:where(.sable-forms-experience) .signature .segments [data-slot='tabs-trigger'][data-active] {
  background: #eeebf2;
}
:where(.sable-forms-experience) .signature .segments [data-slot='tabs-trigger']:after {
  display: none;
}
:where(.sable-forms-experience) .signature input {
  clear: both;
  font-size: 17px !important;
}
:where(.sable-forms-experience) .signature .answer-hint {
  margin-top: 12px;
  font-size: 10px;
}
:where(.sable-forms-experience) .upload-box {
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, currentColor 6%, transparent);
  }
  border-radius: 10px;
  padding: 15px;
  font-size: 13px;
}
:where(.sable-forms-experience) [data-slot='dialog-overlay'] {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background: #37313dbf;
}
:where(.sable-forms-experience) .glass-dialog[data-slot='dialog-content'] {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  box-shadow: none;
  background: #f8f8f9;
  border: 0;
  border-radius: 15px;
  gap: 18px;
  padding: 25px;
}
:where(.sable-forms-experience) .glass-dialog.wide[data-slot='dialog-content'] {
  max-width: 1050px;
}
:where(.sable-forms-experience) .glass-dialog [data-slot='dialog-title'] {
  letter-spacing: -0.5px;
  font-size: 24px;
  font-weight: 400;
}
:where(.sable-forms-experience) .glass-dialog [data-slot='dialog-description'] {
  color: #8f849b;
  font-size: 13px;
}
:where(.sable-forms-experience) .glass-dialog [data-slot='dialog-close'] {
  color: #84768f;
  background: 0 0;
  top: 14px;
  right: 13px;
}
:where(.sable-forms-experience) .glass-dialog:has(.catalog-grid) {
  gap: 0;
  padding: 14px 22px 22px;
  max-width: 1000px !important;
}
:where(.sable-forms-experience) :is(
  .glass-dialog:has(.catalog-grid) > [data-slot='dialog-title'],
  .glass-dialog:has(.catalog-grid) > [data-slot='dialog-description']
) {
  display: none;
}
:where(.sable-forms-experience) .glass-dialog:has(.catalog-grid) > [data-slot='tabs'] {
  height: 37px;
  margin-bottom: 15px;
}
:where(.sable-forms-experience) .glass-dialog:has(.catalog-grid) .segments {
  gap: 24px;
}
:where(.sable-forms-experience) .glass-dialog:has(.catalog-grid) .segments [data-slot='tabs-trigger'] {
  font-size: 13px;
}
:where(.sable-forms-experience) .catalog-search {
  z-index: 2;
  background: #fafafa;
  border-radius: 7px;
  width: 185px;
  padding: 8px 10px;
  font-size: 12px;
  position: absolute;
  top: 89px;
  left: 42px;
}
:where(.sable-forms-experience) .catalog-search input {
  width: 100%;
  min-width: 0;
}
:where(.sable-forms-experience) .catalog-grid {
  background: #fff;
  border-radius: 13px;
  grid-template-rows: auto auto;
  grid-template-columns: 190px 1fr 1fr 1fr;
  gap: 18px 23px;
  min-height: 510px;
  padding: 30px 20px 35px;
  display: grid;
  position: relative;
}
:where(.sable-forms-experience) .catalog-recommended {
  grid-area: 1/1/3;
  padding-top: 60px;
}
:where(.sable-forms-experience) .catalog-recommended h4,:where(.sable-forms-experience) 
.catalog-category h4 {
  color: #5e526b;
  margin: 0 0 10px;
  font-size: 13px;
  font-weight: 400;
}
:where(.sable-forms-experience) .catalog-recommended h4:not(:first-child) {
  margin-top: 26px;
}
:where(.sable-forms-experience) .catalog-recommended .catalog-item {
  border: 1px solid #eee9f1;
  border-radius: 6px;
  margin-bottom: 6px;
  padding: 7px;
}
:where(.sable-forms-experience) .catalog-recommended small {
  color: #a89bad;
  margin-top: 12px;
  font-size: 10px;
  line-height: 1.7;
  display: block;
}
:where(.sable-forms-experience) .catalog-category[data-category='Contact\ info'] {
  grid-area: 1/2;
}
:where(.sable-forms-experience) .catalog-category[data-category='Text & video'] {
  grid-area: 2/2;
}
:where(.sable-forms-experience) .catalog-category[data-category='Choice'] {
  grid-area: 1/3;
}
:where(.sable-forms-experience) .catalog-category[data-category='Other'] {
  grid-area: 2/3;
}
:where(.sable-forms-experience) .catalog-category[data-category='Rating & ranking'] {
  grid-area: 1/4;
}
:where(.sable-forms-experience) .catalog-category[data-category='Structure'] {
  grid-area: 2/4;
  padding-top: 0;
}
:where(.sable-forms-experience) .catalog-category[data-category='Structure'] h4 {
  visibility: hidden;
  height: 0;
  margin: 0;
}
:where(.sable-forms-experience) .catalog-item {
  color: #8b7b99;
  gap: 9px;
  padding: 7px 0;
  font-size: 12px;
}
:where(.sable-forms-experience) .catalog-item small {
  color: #b2a5bb;
  font-size: 8px;
}
:where(.sable-forms-experience) .catalog-item .type-badge {
  width: 23px;
  height: 23px;
}
:where(.sable-forms-experience) .catalog-item:hover {
  background: #f8f6fa;
}
:where(.sable-forms-experience) .design-panel {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background: #fff;
  border: 1px solid #ded6e7;
  border-radius: 10px;
  width: 355px;
  max-height: calc(100% - 80px);
  padding: 16px;
  top: 45px;
  left: 11px;
  box-shadow: 0 0 0 3px #eeebf2;
}
:where(.sable-forms-experience) .design-panel .panel-title {
  margin-bottom: 18px;
}
:where(.sable-forms-experience) .design-panel .segments {
  background: #f8f7f9;
  gap: 17px;
  height: 44px;
  padding: 0 5px;
}
:where(.sable-forms-experience) .theme-grid {
  gap: 14px;
  margin: 8px 0;
  padding: 10px 3px;
}
:where(.sable-forms-experience) .theme-card {
  border: 1px solid #e3dde9;
  border-radius: 9px;
}
:where(.sable-forms-experience) .theme-card > span {
  gap: 4px;
  height: 102px;
  padding: 15px;
}
:where(.sable-forms-experience) .theme-card b {
  font: 400 12px Arial,
    Helvetica,
    sans-serif;
}
:where(.sable-forms-experience) .theme-card small {
  color: inherit;
  opacity: 0.75;
  font: 12px Arial,
    Helvetica,
    sans-serif;
}
:where(.sable-forms-experience) .theme-card i {
  border-radius: 3px;
  width: 32px;
  height: 14px;
  margin-top: 7px;
}
:where(.sable-forms-experience) .theme-card strong {
  padding: 13px;
  font: 12px Arial,
    Helvetica,
    sans-serif;
}
:where(.sable-forms-experience) .theme-card > svg {
  bottom: 13px;
  right: 9px;
}
:where(.sable-forms-experience) .design-controls {
  padding: 15px 5px;
}
:where(.sable-forms-experience) .settings-layout {
  grid-template-columns: 235px minmax(0, 1fr);
  gap: 32px;
  min-height: 400px;
  max-height: 60vh;
}
:where(.sable-forms-experience) .settings-layout nav {
  border: 0;
  gap: 4px;
  padding: 0;
}
:where(.sable-forms-experience) .settings-layout nav button {
  color: #89808f;
  border-radius: 10px;
  padding: 15px;
  font-size: 15px;
}
:where(.sable-forms-experience) .settings-layout nav button.active {
  color: #534958;
  background: #eeedf0;
}
:where(.sable-forms-experience) .settings-layout nav button:last-child {
  color: #b6adbf;
  border-top: 1px solid #e1dce6;
  border-radius: 0;
  margin-top: 15px;
  padding-top: 24px;
}
:where(.sable-forms-experience) .settings-content {
  background: #fff;
  border-radius: 13px;
  padding: 25px 33px;
  overflow: auto;
}
:where(.sable-forms-experience) .settings-content h3 {
  color: #201b24;
  margin: 8px 0 16px;
  font-size: 17px;
  font-weight: 400;
}
:where(.sable-forms-experience) .settings-content > p {
  color: #8d8197;
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 1.6;
}
:where(.sable-forms-experience) .settings-content > .pick {
  margin: 16px 0 10px;
}
:where(.sable-forms-experience) .settings-content > .demo-caption {
  color: #a294ab;
  font-size: 13px;
}
:where(.sable-forms-experience) .settings-content h3:not(:first-child) {
  border-top: 1px solid #eee9f3;
  margin-top: 32px;
  padding-top: 28px;
}
:where(.sable-forms-experience) .settings-content .toggle-row {
  border: 0;
  padding: 16px 0;
  font-size: 14px;
}
:where(.sable-forms-experience) .glass-dialog:has(.settings-layout) > [data-slot='dialog-title'] {
  margin: 0 0 12px;
  padding-left: 9px;
  font-size: 27px;
}
:where(.sable-forms-experience) .glass-dialog:has(.settings-layout) > [data-slot='dialog-description'] {
  display: none;
}
:where(.sable-forms-experience) .modal-actions {
  border: 0;
  padding-top: 0;
}
:where(.sable-forms-experience) .modal-actions .button {
  color: #716079;
  background: #f0eef3;
  border-color: #e5ddeb;
  border-radius: 8px;
  font-size: 14px;
}
:where(.sable-forms-experience) .modal-actions .button:first-child {
  background: 0 0;
  border: 0;
}
:where(.sable-forms-experience) .modal-actions .button.primary {
  color: #fff;
  background: #3b3440;
}
:where(.sable-forms-experience) .import-flow {
  gap: 24px;
  padding: 45px 40px;
}
:where(.sable-forms-experience) .import-flow h2 {
  color: #52445d;
  letter-spacing: 0;
  font-size: 26px;
  font-weight: 400;
}
:where(.sable-forms-experience) .import-flow textarea {
  border: 1px solid #ceb5e3;
  border-radius: 8px;
  min-height: 160px;
  font-size: 14px;
  box-shadow: 0 0 0 5px #f9f4fd,
    0 0 0 6px #eee4f7;
}
:where(.sable-forms-experience) .import-flow p {
  color: #9d8da8;
}
:where(.sable-forms-experience) .import-flow .suggestions button {
  background: #f5f2f9;
  border: 1px solid #e8deef;
  border-radius: 6px;
  font-size: 12px;
}
:where(.sable-forms-experience) :is(.glass-dialog:has(.create-fresh), .glass-dialog:has(.template-grid)) {
  max-width: 900px !important;
}
:where(.sable-forms-experience) .create-fresh h2 {
  letter-spacing: 0;
  font-size: 23px;
  font-weight: 400;
}
:where(.sable-forms-experience) .new-form-symbol {
  color: #a192ae;
  background: #f1eef5;
  border-radius: 8px;
}
:where(.sable-forms-experience) .workflow {
  background: #fafafa;
}
:where(.sable-forms-experience) .sub-toolbar {
  background: #fafafa;
  border: 0;
  justify-content: flex-start;
  gap: 24px;
  height: 46px;
  padding: 0 22px;
}
:where(.sable-forms-experience) .sub-toolbar .segments {
  height: 36px;
}
:where(.sable-forms-experience) .sub-toolbar .segments [data-slot='tabs-trigger'] {
  font-size: 12px;
}
:where(.sable-forms-experience) .flow-intro {
  display: none;
}
:where(.sable-forms-experience) .flow-scroll {
  background: #fafafa;
  align-items: center;
  min-height: 68vh;
  padding: 0;
  display: flex;
}
:where(.sable-forms-experience) .flow-map {
  min-height: 400px;
  padding: 45px;
}
:where(.sable-forms-experience) .flow-node {
  background: #fff;
  border-color: #eeecef;
  border-radius: 10px;
  gap: 12px;
  width: 170px;
  min-height: 125px;
  padding: 17px;
  box-shadow: 0 2px 12px #00000003;
}
:where(.sable-forms-experience) .flow-node h3 {
  color: #7f718b;
  font-size: 13px;
  font-weight: 400;
}
:where(.sable-forms-experience) .flow-node > span {
  color: #a698b2;
  font-size: 10px;
}
:where(.sable-forms-experience) .flow-connector {
  background: #ada1b8;
  width: 55px;
}
:where(.sable-forms-experience) .flow-connector:after {
  border-color: #ada1b8;
}
:where(.sable-forms-experience) .data-node {
  background: 0 0;
  border: 1px solid #ebe7ef;
  border-radius: 5px;
  width: 200px;
  min-height: 160px;
  padding: 20px;
}
:where(.sable-forms-experience) .data-node h3 {
  color: #75667f;
  font-size: 14px;
}
:where(.sable-forms-experience) .data-node p {
  color: #a596b0;
  font-size: 12px;
}
:where(.sable-forms-experience) .flow-bottom {
  padding: 12px 24px;
}
:where(.sable-forms-experience) .flow-bottom > span {
  color: #bbb1c4;
  font-size: 10px;
}
:where(.sable-forms-experience) .rules-list {
  margin-top: 15px;
}
:where(.sable-forms-experience) .section-heading h3 {
  color: #84718f;
}
:where(.sable-forms-experience) .rules-list .empty-rule {
  font-size: 11px;
}
:where(.sable-forms-experience) .response-label {
  color: #8d8195;
  font-size: 12px;
}
:where(.sable-forms-experience) .respondent-page {
  font-family: inherit;
}
:where(.sable-forms-experience) .question-display h1 {
  letter-spacing: -0.5px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 33px;
}
:where(.sable-forms-experience) .respondent-brand {
  letter-spacing: -1px;
  font-size: 20px;
}
:where(.sable-forms-experience) .preview-toolbar {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background: #f7f7f8;
}
:where(.sable-forms-experience) .question-display p {
  font-family: Arial, Helvetica, sans-serif;
}
:where(.sable-forms-experience) .respondent-page .contact-fields {
  flex-direction: column;
  display: flex;
}
:where(.sable-forms-experience) .respondent-page .contact-fields label {
  font-size: 13px;
}
:where(.sable-forms-experience) .respondent-page .contact-fields input {
  font-size: 24px;
}
@media (hover: hover) and (pointer: fine) {
  :where(.sable-forms-experience) .form-card:hover {
    box-shadow: none;
    border-color: #d3cdd9;
    transform: none;
  }
  :where(.sable-forms-experience) .button:hover {
    filter: none;
    background: #f0edf3;
  }
  :where(.sable-forms-experience) .button.primary:hover {
    background: #514659;
  }
  :where(.sable-forms-experience) .icon-button:hover,:where(.sable-forms-experience) 
  .folder-link:hover {
    background: #eeebf1;
  }
}
@media (max-width: 1300px) {
  :where(.sable-forms-experience) .form-grid:not(.form-list) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  :where(.sable-forms-experience) .editor-body {
    grid-template-columns: 190px minmax(0, 1fr) 205px;
    gap: 10px;
    padding: 0 10px 10px;
  }
  :where(.sable-forms-experience) .canvas-question {
    padding-left: 15%;
    padding-right: 15%;
  }
  :where(.sable-forms-experience) .canvas-label {
    left: calc(15% - 23px);
  }
  :where(.sable-forms-experience) .workspace-view > .pick {
    width: 120px;
  }
  :where(.sable-forms-experience) .list-column-head {
    grid-template-columns: minmax(160px, 1fr) 75px 80px 100px 80px 30px;
  }
  :where(.sable-forms-experience) .form-list .form-card {
    grid-template-columns: 30px minmax(125px, 1fr) 75px 80px 100px 80px 30px;
  }
  :where(.sable-forms-experience) .form-updated {
    font-size: 11px;
  }
  :where(.sable-forms-experience) .settings-layout {
    grid-template-columns: 180px minmax(0, 1fr);
  }
  :where(.sable-forms-experience) .canvas-toolbar {
    gap: 4px;
  }
  :where(.sable-forms-experience) .canvas-toolbar > div {
    gap: 3px;
  }
}
@media (max-width: 1050px) {
  :where(.sable-forms-experience) .form-grid:not(.form-list) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  :where(.sable-forms-experience) .form-list .form-card {
    grid-template-columns: 28px minmax(100px, 1fr) 60px 65px 85px 40px 26px;
    gap: 5px;
  }
  :where(.sable-forms-experience) .list-column-head {
    grid-template-columns: minmax(140px, 1fr) 60px 65px 85px 40px 26px;
    gap: 5px;
    font-size: 10px;
  }
  :where(.sable-forms-experience) .list-column-head > span:nth-child(5) {
    font-size: 0;
  }
  :where(.sable-forms-experience) .form-name {
    font-size: 12px;
  }
  :where(.sable-forms-experience) .workspace-title h1 {
    font-size: 18px;
  }
  :where(.sable-forms-experience) .workspace-title,:where(.sable-forms-experience) 
  .workspace-view {
    gap: 6px;
  }
  :where(.sable-forms-experience) .topbar {
    margin: 0 18px;
  }
  :where(.sable-forms-experience) .dashboard {
    padding-left: 18px;
    padding-right: 18px;
  }
  :where(.sable-forms-experience) .editor-body {
    grid-template-columns: 170px minmax(0, 1fr) 185px;
  }
  :where(.sable-forms-experience) .canvas-toolbar .icon-button {
    width: 23px;
  }
  :where(.sable-forms-experience) .canvas-toolbar .button {
    font-size: 11px;
  }
  :where(.sable-forms-experience) .canvas-question {
    padding: 35px 11%;
  }
  :where(.sable-forms-experience) .canvas-label {
    left: calc(11% - 18px);
  }
  :where(.sable-forms-experience) .editable-title {
    font-size: 22px;
  }
  :where(.sable-forms-experience) .question-properties {
    padding: 15px 11px 78px;
  }
  :where(.sable-forms-experience) .saved {
    min-width: 210px;
    padding: 12px;
    font-size: 10px;
  }
  :where(.sable-forms-experience) .catalog-grid {
    grid-template-columns: 150px 1fr 1fr 1fr;
    gap: 16px;
    padding: 25px 16px;
  }
  :where(.sable-forms-experience) .catalog-search {
    width: 145px;
    left: 35px;
  }
  :where(.sable-forms-experience) .catalog-item {
    gap: 6px;
    font-size: 11px;
  }
  :where(.sable-forms-experience) .catalog-category h4 {
    font-size: 12px;
  }
  :where(.sable-forms-experience) .catalog-item small {
    display: none;
  }
  :where(.sable-forms-experience) .settings-content {
    padding: 22px;
  }
}
@media (max-width: 767px) {
  :where(.sable-forms-experience) [data-slot='sidebar-wrapper'] {
    padding-top: 0;
  }
  :where(.sable-forms-experience) .studio-sidebar [data-slot='sidebar-container'] {
    top: 0;
  }
  :where(.sable-forms-experience) .main {
    min-height: 100dvh;
  }
  :where(.sable-forms-experience) .topbar {
    flex-wrap: wrap;
    gap: 12px;
    height: auto;
    min-height: 70px;
    padding: 13px 0;
  }
  :where(.sable-forms-experience) .workspace-title h1 {
    font-size: 17px;
  }
  :where(.sable-forms-experience) .workspace-view {
    margin-left: auto;
  }
  :where(.sable-forms-experience) .dashboard {
    padding-top: 28px;
  }
  :where(.sable-forms-experience) .list-column-head {
    display: none;
  }
  :where(.sable-forms-experience) .form-list .form-card {
    grid-template-columns: 28px minmax(100px, 1fr) 45px 25px;
    min-height: 53px;
  }
  :where(.sable-forms-experience) .form-list .form-complete-count,:where(.sable-forms-experience) 
  .form-list .form-updated,:where(.sable-forms-experience) 
  .form-list .form-integrations {
    display: none;
  }
  :where(.sable-forms-experience) .form-grid:not(.form-list) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
  :where(.sable-forms-experience) .form-grid:not(.form-list) .form-card {
    height: 145px;
  }
  :where(.sable-forms-experience) .editor-header {
    gap: 5px;
    height: auto;
    min-height: 90px;
    padding: 10px 13px;
  }
  :where(.sable-forms-experience) .editor-identity input {
    width: 145px;
  }
  :where(.sable-forms-experience) .editor-header .segments {
    gap: 25px;
    height: 29px;
  }
  :where(.sable-forms-experience) .editor-header .segments [data-slot='tabs-trigger'] {
    padding: 5px 2px;
  }
  :where(.sable-forms-experience) .editor-body {
    gap: 0;
    padding: 0;
    display: flex;
    overflow: auto;
  }
  :where(.sable-forms-experience) .question-sidebar {
    background: #f7f7f8;
    border-radius: 0;
    flex-shrink: 0;
    margin: 0;
    padding: 0;
  }
  :where(.sable-forms-experience) .form-mode {
    border-radius: 0;
    height: 35px;
    padding: 0 10px;
    position: relative;
    top: 0;
  }
  :where(.sable-forms-experience) .question-sidebar-head {
    display: none;
  }
  :where(.sable-forms-experience) .question-list {
    gap: 6px;
    max-height: none;
    padding: 8px;
    display: flex;
  }
  :where(.sable-forms-experience) .question-item {
    background: #f3f0f6;
    min-width: 150px;
    max-width: 180px;
    margin: 0;
  }
  :where(.sable-forms-experience) .contact-subfields,:where(.sable-forms-experience) 
  .add-welcome,:where(.sable-forms-experience) 
  .endings-panel {
    display: none;
  }
  :where(.sable-forms-experience) .question-sidebar .add-question {
    align-self: flex-start;
    width: auto;
    min-height: 25px;
    margin: 0 10px 8px;
    padding: 2px 8px;
  }
  :where(.sable-forms-experience) .editor-center {
    flex-shrink: 0;
    min-height: 520px;
  }
  :where(.sable-forms-experience) .canvas-toolbar {
    border-radius: 6px;
    justify-content: flex-start;
    gap: 5px;
    height: 40px;
    margin: 5px 8px;
    overflow: auto;
  }
  :where(.sable-forms-experience) .canvas-toolbar > div {
    flex-shrink: 0;
  }
  :where(.sable-forms-experience) .canvas-stage {
    min-height: 410px;
    padding: 20px 14px;
  }
  :where(.sable-forms-experience) .form-canvas {
    height: 55vh;
    min-height: 355px;
    max-height: 600px;
  }
  :where(.sable-forms-experience) .canvas-question {
    padding: 35px 12%;
  }
  :where(.sable-forms-experience) .canvas-label {
    left: calc(12% - 20px);
  }
  :where(.sable-forms-experience) .editable-title {
    font-size: 24px;
  }
  :where(.sable-forms-experience) .editable-description {
    font-size: 14px;
  }
  :where(.sable-forms-experience) .canvas-question .contact-fields {
    gap: 20px;
  }
  :where(.sable-forms-experience) .canvas-question .contact-fields input {
    font-size: 21px;
  }
  :where(.sable-forms-experience) .canvas-caption {
    height: 55px;
  }
  :where(.sable-forms-experience) .chat-create {
    min-width: 200px;
    padding: 9px;
    font-size: 12px;
  }
  :where(.sable-forms-experience) .question-properties {
    border-radius: 0;
    padding: 20px 25px 55px;
    display: flex;
    overflow: visible;
  }
  :where(.sable-forms-experience) .question-format {
    max-width: 250px;
  }
  :where(.sable-forms-experience) .question-properties .toggle-row {
    font-size: 13px;
  }
  :where(.sable-forms-experience) .question-properties .field {
    font-size: 12px;
  }
  :where(.sable-forms-experience) .question-properties .field input {
    font-size: 14px;
  }
  :where(.sable-forms-experience) .saved {
    display: none !important;
  }
  :where(.sable-forms-experience) .inspector-bottom {
    padding-top: 10px;
  }
  :where(.sable-forms-experience) .design-panel {
    max-width: calc(100% - 24px);
    max-height: 470px;
    top: 48px;
    left: 12px;
  }
  :where(.sable-forms-experience) .glass-dialog[data-slot='dialog-content'] {
    border-radius: 12px;
    max-height: calc(100dvh - 30px);
    padding: 22px 18px;
  }
  :where(.sable-forms-experience) .glass-dialog [data-slot='dialog-title'] {
    font-size: 22px;
  }
  :where(.sable-forms-experience) .glass-dialog:has(.catalog-grid) {
    padding: 8px 13px 14px;
  }
  :where(.sable-forms-experience) .glass-dialog:has(.catalog-grid) .segments {
    gap: 12px;
  }
  :where(.sable-forms-experience) .glass-dialog:has(.catalog-grid) .segments [data-slot='tabs-trigger'] {
    font-size: 11px;
  }
  :where(.sable-forms-experience) .catalog-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    gap: 20px 15px;
    padding: 65px 16px 20px;
  }
  :where(.sable-forms-experience) .catalog-recommended {
    display: none;
  }
  :where(.sable-forms-experience) .catalog-category[data-category] {
    grid-area: auto;
    padding: 0;
  }
  :where(.sable-forms-experience) .catalog-search {
    width: auto;
    font-size: 12px;
    top: 61px;
    left: 28px;
    right: 28px;
  }
  :where(.sable-forms-experience) .catalog-item {
    padding: 8px 0;
    font-size: 12px;
  }
  :where(.sable-forms-experience) .catalog-category h4 {
    font-size: 12px;
  }
  :where(.sable-forms-experience) .catalog-category[data-category='Structure'] h4 {
    visibility: visible;
    height: auto;
    margin-bottom: 10px;
  }
  :where(.sable-forms-experience) .settings-layout {
    flex-direction: column;
    gap: 12px;
    min-height: 0;
    max-height: 65vh;
    display: flex;
  }
  :where(.sable-forms-experience) .settings-layout nav {
    flex-direction: row;
    gap: 3px;
  }
  :where(.sable-forms-experience) .settings-layout nav button {
    border-radius: 6px;
    padding: 8px;
    font-size: 11px;
  }
  :where(.sable-forms-experience) .settings-layout nav button:last-child {
    border: 0;
    margin: 0;
    padding: 8px;
  }
  :where(.sable-forms-experience) .settings-content {
    max-height: 49vh;
    padding: 20px;
    overflow: auto;
  }
  :where(.sable-forms-experience) .settings-content h3 {
    font-size: 16px;
  }
  :where(.sable-forms-experience) .settings-content > p {
    font-size: 12px;
  }
  :where(.sable-forms-experience) .settings-content .toggle-row {
    font-size: 13px;
  }
  :where(.sable-forms-experience) .import-flow {
    padding: 20px 0;
  }
  :where(.sable-forms-experience) .import-flow h2 {
    font-size: 23px;
  }
  :where(.sable-forms-experience) .flow-scroll {
    min-height: 55vh;
  }
  :where(.sable-forms-experience) .flow-map {
    min-height: 300px;
    padding: 30px;
  }
  :where(.sable-forms-experience) .flow-bottom {
    padding: 10px 15px;
  }
  :where(.sable-forms-experience) .sub-toolbar {
    padding: 0 15px;
    overflow: auto;
  }
  :where(.sable-forms-experience) .sub-toolbar .segments {
    gap: 10px;
  }
  :where(.sable-forms-experience) .sub-toolbar .segments [data-slot='tabs-trigger'] {
    font-size: 11px;
  }
  :where(.sable-forms-experience) .question-display h1 {
    font-size: 29px;
  }
  :where(.sable-forms-experience) .studio-sidebar [data-slot='sidebar-menu'] {
    border: 0;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    width: 100%;
    height: auto;
    padding: 0;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
  }
  :where(.sable-forms-experience) .studio-sidebar [data-slot='sidebar-menu-item'] {
    height: 40px;
  }
  :where(.sable-forms-experience) .studio-sidebar [data-slot='sidebar-menu-button'] {
    width: 100%;
    padding: 0 8px;
  }
  :where(.sable-forms-experience) .workspace-view > .pick {
    width: 110px;
  }
  :where(.sable-forms-experience) .view-switch > button {
    font-size: 12px;
  }
  :where(.sable-forms-experience) .empty-state {
    min-height: 65vh;
  }
}
@media (prefers-reduced-motion: reduce) {
  :where(.sable-forms-experience) *,:where(.sable-forms-experience) 
  :before,:where(.sable-forms-experience) 
  :after {
    transition: none !important;
    animation: none !important;
  }
}
@media (prefers-contrast: more) {
  .sable-forms-experience {
    --foreground: #26202d;
    --muted-foreground: #5a5065;
  }
  :where(.sable-forms-experience) .form-name,:where(.sable-forms-experience) 
  .form-response-count,:where(.sable-forms-experience) 
  .form-updated,:where(.sable-forms-experience) 
  .field,:where(.sable-forms-experience) 
  .toggle-row,:where(.sable-forms-experience) 
  .question-row-text > span {
    color: #51465a;
  }
}
:where(.sable-forms-experience) .glass-dialog:has(.create-ai-flow) {
  background: #fafafa;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0;
  height: 100dvh;
  display: flex;
  border-radius: 0 !important;
  width: 100vw !important;
  max-width: none !important;
  max-height: none !important;
  padding: 0 !important;
}
:where(.sable-forms-experience) :is(
  .glass-dialog:has(.create-ai-flow) > [data-slot='dialog-title'],
  .glass-dialog:has(.create-ai-flow) > [data-slot='dialog-description'],
  .glass-dialog:has(.create-ai-flow) > [data-slot='tabs']
) {
  display: none;
}
:where(.sable-forms-experience) .glass-dialog:has(.create-ai-flow) > [data-slot='dialog-close'] {
  top: 18px;
  right: 20px;
}
:where(.sable-forms-experience) .create-ai-flow {
  gap: 0;
  width: min(560px, 100%);
  padding: 30px;
}
:where(.sable-forms-experience) .create-ai-flow .ai-label {
  color: #8a7b97;
  margin-bottom: 18px;
  font-size: 13px;
}
:where(.sable-forms-experience) .create-ai-flow h2 {
  color: #61506e;
  margin-bottom: 45px;
  font-size: 26px;
}
:where(.sable-forms-experience) .create-ai-flow textarea {
  background: #fff;
  border-color: #d9bdf0;
  min-height: 170px;
  margin-bottom: 12px;
  padding: 18px;
  font-size: 15px;
}
:where(.sable-forms-experience) .create-ai-flow > .button {
  color: #b4a6c1;
  background: #f9f8fb;
  border-color: #e9e1f0;
  align-self: flex-end;
  width: 29px;
  min-height: 26px;
  margin-top: -49px;
  margin-right: 9px;
  padding: 4px;
  font-size: 0;
  position: relative;
}
:where(.sable-forms-experience) .create-ai-flow > .button svg {
  width: 16px;
}
:where(.sable-forms-experience) .create-ai-flow > small {
  color: #b1a5bc;
  align-self: flex-start;
  margin-top: 24px;
  font-size: 9px;
}
:where(.sable-forms-experience) .creation-shortcuts {
  border-top: 1px solid #eae4f0;
  grid-template-columns: minmax(0, 280px);
  justify-content: center;
  gap: 18px;
  width: 100%;
  margin-top: 58px;
  padding-top: 38px;
  display: grid;
}
:where(.sable-forms-experience) .creation-shortcuts > button {
  color: #9a89a8;
  background: #f3f1f6;
  border-radius: 9px;
  justify-content: center;
  align-items: center;
  gap: 9px;
  padding: 13px;
  font-size: 14px;
  display: flex;
}
:where(.sable-forms-experience) .creation-shortcuts > button > span {
  color: #9370ad;
  background: #e2d3ec;
  border-radius: 5px;
  padding: 2px 5px;
}
:where(.sable-forms-experience) .creation-shortcuts > button.minor {
  background: 0 0;
  padding: 0;
  font-size: 11px;
}
:where(.sable-forms-experience) .type-badge svg {
  width: 16px;
  height: 16px;
}
:where(.sable-forms-experience) .question-item .type-badge svg {
  width: 14px;
  height: 14px;
}
:where(.sable-forms-experience) .inspector-bottom {
  min-height: 65px;
}
:where(.sable-forms-experience) .settings-content .demo-caption {
  line-height: 1.6;
}
:where(.sable-forms-experience) .studio-sidebar[data-slot='sidebar-container'] {
  border: 0;
  height: calc(100dvh - 48px);
  top: 48px;
}
:where(.sable-forms-experience) .studio-sidebar [data-slot='sidebar-header'] {
  gap: 18px;
  padding: 14px 20px 10px;
}
:where(.sable-forms-experience) .workspace-create {
  height: 32px !important;
  min-height: 32px !important;
}
:where(.sable-forms-experience) .side-private {
  color: #8d8990;
  justify-content: space-between;
  padding: 0 8px 12px;
  font-size: 12px;
  display: flex;
}
:where(.sable-forms-experience) .side-label {
  margin-top: 15px;
}
:where(.sable-forms-experience) .research-nav {
  color: #77737b;
  border-left: 1px solid #e5e4e7;
  align-items: center;
  gap: 8px;
  padding-left: 26px;
  font-size: 13px;
  display: flex;
}
:where(.sable-forms-experience) .research-nav small {
  color: #6c8596;
  background: #eff7fe;
  padding: 2px 5px;
  font-size: 10px;
}
:where(.sable-forms-experience) .topbar {
  height: 85px;
  margin: 0 28px;
}
:where(.sable-forms-experience) .workspace-title h1 {
  font-size: 20px;
}
:where(.sable-forms-experience) .dashboard {
  padding-top: 20px;
}
:where(.sable-forms-experience) .form-list .form-card {
  border-radius: 9px;
  min-height: 44px;
  padding: 5px 10px;
}
:where(.sable-forms-experience) .form-grid.form-list {
  gap: 10px;
}
:where(.sable-forms-experience) .form-document-icon {
  border-radius: 7px;
  width: 30px;
  height: 30px;
}
:where(.sable-forms-experience) .form-grid:not(.form-list) .form-card {
  height: 170px;
  padding: 18px;
}
:where(.sable-forms-experience) .form-menu {
  min-width: 200px;
}
:where(.sable-forms-experience) .form-menu [data-slot='dropdown-menu-item'] {
  padding: 9px 8px;
  font-size: 13px;
}
:where(.sable-forms-experience) .editor-header {
  height: 52px;
  padding: 0 20px;
}
:where(.sable-forms-experience) .editor-header .segments [data-slot='tabs-trigger'][data-active] {
  background: #f5f5f6;
  border-radius: 7px;
}
:where(.sable-forms-experience) .editor-header .segments [data-slot='tabs-trigger']::after {
  display: none;
}
:where(.sable-forms-experience) .editor-header .segments {
  gap: 8px;
  height: 36px;
  overflow: visible;
}
:where(.sable-forms-experience) .editor-header .segments [data-slot='tabs-trigger'] {
  padding: 8px 12px;
  font-size: 14px;
}
:where(.sable-forms-experience) .editor-identity input {
  width: 170px;
  font-size: 14px;
}
:where(.sable-forms-experience) .editor-logo {
  font-size: 14px;
}
:where(.sable-forms-experience) .editor-actions {
  gap: 14px;
}
:where(.sable-forms-experience) .editor-actions .button.primary {
  color: #77717c;
  background: #fff;
  border: 1px solid #e3e2e5;
  height: 32px;
  font-size: 14px;
}
:where(.sable-forms-experience) .editor-actions .button.results-shortcut {
  order: 0;
  height: 32px;
  padding: 5px 14px;
  font-size: 14px;
}
:where(.sable-forms-experience) .editor-actions .button.primary {
  order: -1;
}
:where(.sable-forms-experience) .editor-actions > .icon-button {
  border: 1px solid #89858d;
  border-radius: min(50%, var(--sable-radius-cap, 50%));
  width: 22px;
  height: 22px;
  font-size: 13px;
}
:where(.sable-forms-experience) .profile-avatar {
  color: #5c7183;
  background: #baddfa;
  border-radius: min(50%, var(--sable-radius-cap, 50%));
  width: 32px;
  height: 32px;
  font-size: 13px;
}
:where(.sable-forms-experience) .saved {
  min-width: 355px;
  padding: 19px 20px;
  font-size: 13px;
  bottom: 12px;
  right: 12px;
}
:where(.sable-forms-experience) .saved > button {
  margin-left: auto;
}
:where(.sable-forms-experience) .editor-body {
  grid-template-columns: 256px minmax(0, 1fr) 256px;
  gap: 16px;
  height: calc(100dvh - 52px);
  padding: 0 13px 16px;
}
:where(.sable-forms-experience) .question-sidebar {
  border-radius: 13px;
  margin-top: 65px;
}
:where(.sable-forms-experience) .form-mode {
  border-radius: 12px;
  height: 48px;
  padding: 5px 18px;
  top: -65px;
}
:where(.sable-forms-experience) .form-mode .pick[data-slot='select-trigger'] {
  font-size: 14px;
}
:where(.sable-forms-experience) .question-sidebar-head {
  padding: 15px 20px 22px;
  font-size: 14px;
}
:where(.sable-forms-experience) .question-list {
  max-height: 43vh;
  padding: 0 14px;
}
:where(.sable-forms-experience) .question-select {
  padding: 12px 6px;
}
:where(.sable-forms-experience) .question-item .type-badge {
  gap: 12px;
  width: auto;
  min-width: 48px;
  height: 25px;
  padding: 2px 5px;
}
:where(.sable-forms-experience) .question-item .type-badge > span {
  font-size: 12px;
}
:where(.sable-forms-experience) .question-row-text > span {
  font-size: 13px;
}
:where(.sable-forms-experience) .question-item:not(.selected) .question-more {
  opacity: 0;
}
:where(.sable-forms-experience) .question-item:hover .question-more {
  opacity: 1;
}
:where(.sable-forms-experience) .add-question {
  min-height: 43px;
  margin: 0 14px;
  font-size: 14px;
}
:where(.sable-forms-experience) .add-welcome {
  border: 1px dashed #e4e2e6;
  border-radius: 16px;
  padding: 10px 7px;
  font-size: 12px;
}
:where(.sable-forms-experience) .endings-panel {
  border-top-width: 14px;
  flex-basis: 34%;
  padding: 20px;
}
:where(.sable-forms-experience) .endings-panel > div {
  font-size: 14px;
}
:where(.sable-forms-experience) .editor-center {
  position: relative;
  overflow: visible;
}
:where(.sable-forms-experience) .canvas-toolbar {
  border-radius: 12px;
  gap: 12px;
  height: 48px;
  padding: 0 8px;
}
:where(.sable-forms-experience) .canvas-toolbar .button.primary {
  height: 32px;
  font-size: 14px;
}
:where(.sable-forms-experience) .canvas-toolbar .design-button {
  font-size: 14px;
}
:where(.sable-forms-experience) .canvas-toolbar .icon-button {
  color: #79737e;
  width: 28px;
  height: 32px;
}
:where(.sable-forms-experience) .canvas-stage {
  flex: 1;
  align-items: center;
  min-height: 0;
  padding: 30px 10px 40px;
  display: flex;
}
:where(.sable-forms-experience) .form-canvas {
  background: #fafafa;
  border-color: #eeeeef;
  height: min(65vh, 810px);
  min-height: 0;
  max-height: none;
}
:where(.sable-forms-experience) .canvas-question {
  width: 50%;
  margin: auto;
  padding: 0;
}
:where(.sable-forms-experience) .canvas-label {
  top: 7px;
  left: -27px;
}
:where(.sable-forms-experience) .editable-title {
  letter-spacing: -0.4px;
  resize: none;
  min-height: 34px;
  font-size: 26px;
  line-height: 1.3;
}
:where(.sable-forms-experience) .editable-title::placeholder {
  color: #756f79;
  opacity: 1;
  font-style: italic;
}
:where(.sable-forms-experience) .editable-description {
  height: 28px;
  margin: 0 0 30px;
  font-size: 18px;
  line-height: 1.4;
}
:where(.sable-forms-experience) .single-answer {
  border-bottom: 1px solid #99949e;
  padding: 10px 0;
  font-size: 26px;
}
:where(.sable-forms-experience) .contact-canvas {
  width: 60%;
  margin: 0 auto;
  padding: 26px 0;
}
:where(.sable-forms-experience) .contact-canvas .canvas-label {
  top: 33px;
}
:where(.sable-forms-experience) .contact-canvas .editable-description {
  margin-bottom: 14px;
}
:where(.sable-forms-experience) .canvas-question .contact-fields {
  gap: 28px;
  margin-top: 12px;
}
:where(.sable-forms-experience) .canvas-question .contact-fields label {
  font-size: 14px;
}
:where(.sable-forms-experience) .canvas-question .contact-fields input {
  padding: 15px 0 9px;
  font-size: 24px;
}
:where(.sable-forms-experience) .canvas-caption {
  height: 66px;
  min-height: 66px;
}
:where(.sable-forms-experience) .chat-create {
  border: 1px solid #d9b6f4;
  width: 340px;
  min-height: 44px;
  font-size: 14px;
  box-shadow: 0 0 0 5px #fff,
    0 0 0 7px #f0e2fc;
}
:where(.sable-forms-experience) .question-properties {
  background: 0 0;
  border: 0;
  border-radius: 0;
  flex-direction: column;
  gap: 8px;
  padding: 0;
  display: flex;
  overflow: visible;
}
:where(.sable-forms-experience) .reference-question {
  background: #f7f7f8;
  border-radius: 13px;
  padding: 18px 16px 16px;
}
:where(.sable-forms-experience) .reference-question > div:first-child {
  align-items: center;
  gap: 3px;
  font-size: 14px;
  display: flex;
}
:where(.sable-forms-experience) .reference-question .question-format {
  height: 32px;
  margin: 17px 0 0;
}
:where(.sable-forms-experience) .question-format > button,:where(.sable-forms-experience) 
.question-format > label {
  justify-content: center;
  align-items: center;
  gap: 5px;
  font-size: 14px;
  display: flex;
}
:where(.sable-forms-experience) .reference-answer {
  background: #f7f7f8;
  border-radius: 13px;
  flex: 1;
  min-height: 0;
  padding: 18px 16px;
  overflow-y: auto;
}
:where(.sable-forms-experience) .reference-answer h4 {
  margin: 0 0 18px;
  font-size: 14px;
  font-weight: 400;
}
:where(.sable-forms-experience) .reference-answer .toggle-row {
  color: #77717b;
  border: 0;
  min-height: 40px;
  padding: 10px 0;
  font-size: 14px;
}
:where(.sable-forms-experience) .reference-answer .toggle-row [data-slot='switch'] {
  background: #e9e9ec;
  border: 1px solid #d6d5d9;
  width: 28px;
  height: 16px;
}
:where(.sable-forms-experience) .reference-answer .toggle-row [data-slot='switch-thumb'] {
  background: #67616b;
  width: 11px;
  height: 11px;
}
:where(.sable-forms-experience) .reference-answer .toggle-row [data-slot='switch'][data-checked] {
  background: #6c6770;
}
:where(.sable-forms-experience) .reference-answer
  .toggle-row
  [data-slot='switch'][data-checked]
  [data-slot='switch-thumb'] {
  background: #fff;
}
:where(.sable-forms-experience) .answer-type-select {
  margin-bottom: 19px;
  position: relative;
}
:where(.sable-forms-experience) .answer-type-select > .type-badge {
  z-index: 2;
  pointer-events: none;
  width: 24px;
  height: 23px;
  position: absolute;
  top: 5px;
  left: 12px;
}
:where(.sable-forms-experience) .answer-type-select > .pick[data-slot='select-trigger'] {
  border: 1px solid #e3e2e6;
  width: 100%;
  height: 33px;
  padding-left: 44px;
  font-size: 14px;
}
:where(.sable-forms-experience) .mapping-row {
  border-top: 1px solid #e5e4e8;
  border-bottom: 1px solid #e5e4e8;
  margin: 0 0 10px;
  padding: 12px 0;
  position: relative;
}
:where(.sable-forms-experience) .mapping-row > .icon-button {
  width: 18px;
  height: 18px;
  position: absolute;
  top: 23px;
  left: 108px;
}
:where(.sable-forms-experience) .mapping-row .toggle-row {
  color: #4b444f;
}
:where(.sable-forms-experience) .reference-media {
  cursor: pointer;
  border-top: 1px solid #e8e7eb;
  justify-content: space-between;
  align-items: center;
  margin-top: 16px;
  padding: 17px 0;
  font-size: 14px;
  display: flex;
}
:where(.sable-forms-experience) .reference-media > input,:where(.sable-forms-experience) 
.question-format input {
  opacity: 0;
  width: 1px;
  height: 1px;
  position: absolute;
}
:where(.sable-forms-experience) .reference-media > span {
  background: #fff;
  border: 1px solid #e1dfe5;
  border-radius: 7px;
  place-items: center;
  width: 32px;
  height: 32px;
  display: grid;
}
:where(.sable-forms-experience) .rating-settings {
  grid-template-columns: 1fr 1.3fr;
  gap: 8px;
  margin: 5px 0 16px;
  display: grid;
}
:where(.sable-forms-experience) .inspector-input {
  background: #fff;
  border: 1px solid #dedbe3;
  border-radius: 5px;
  width: 100%;
  padding: 7px;
  font-size: 13px;
}
:where(.sable-forms-experience) .signature-settings .property-line {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: 20px 0;
  font-size: 13px;
  display: flex;
}
:where(.sable-forms-experience) .signature-settings .field {
  gap: 6px;
  font-size: 12px;
}
:where(.sable-forms-experience) .signature-settings p {
  color: #8b8491;
  margin: 12px 0;
  font-size: 11px;
  line-height: 1.5;
}
:where(.sable-forms-experience) .signature-settings .text-button {
  font-size: 10px;
  text-decoration: underline;
}
:where(.sable-forms-experience) .inspector-bottom {
  gap: 8px;
  margin: 0;
  padding: 4px 0 0;
}
:where(.sable-forms-experience) .inspector-bottom > button,:where(.sable-forms-experience)  .inspector-bottom > span > button {
  background: #f7f7f8;
  border: 0;
  border-radius: 12px;
  min-height: 43px;
  padding: 12px 16px;
  font-size: 14px;
}
:where(.sable-forms-experience) .rating-answer > button {
  background: 0 0;
  border: 0;
  width: 42px;
  min-width: 42px;
  height: 62px;
  padding: 0;
  position: relative;
}
:where(.sable-forms-experience) .rating-answer > button svg {
  stroke-width: 1.3px;
  width: 42px;
  height: 42px;
}
:where(.sable-forms-experience) .rating-answer .rating-number {
  margin-top: 6px;
  font-size: 11px;
  display: block;
}
:where(.sable-forms-experience) .scale-answer > button {
  border: 1px solid;
  min-width: 30px;
  height: auto;
  padding: 10px;
}
:where(.sable-forms-experience) .design-panel {
  z-index: 25;
  border: 1px solid #dedde1;
  border-radius: 14px;
  width: 480px;
  max-height: calc(100% - 80px);
  padding: 14px;
  position: absolute;
  top: 50px;
  left: 0;
  overflow: auto;
  box-shadow: 0 0 0 3px #f0eff1;
}
:where(.sable-forms-experience) .design-panel .panel-title {
  padding: 4px 6px 16px;
}
:where(.sable-forms-experience) .design-panel .panel-title h3 {
  font-size: 17px;
}
:where(.sable-forms-experience) .design-panel .segments {
  background: #f7f7f8;
  border-radius: 10px 10px 0 0;
  gap: 22px;
  height: 52px;
  padding-left: 14px;
}
:where(.sable-forms-experience) .design-panel .segments [data-slot='tabs-trigger'] {
  font-size: 16px;
}
:where(.sable-forms-experience) .my-themes {
  background: #f7f7f8;
  border-radius: 0 0 10px 10px;
  padding: 0 20px;
}
:where(.sable-forms-experience) .theme-section-row {
  border-bottom: 1px solid #e6e4e9;
  align-items: center;
  gap: 10px;
  padding: 22px 0;
  font-size: 16px;
  display: flex;
}
:where(.sable-forms-experience) .theme-section-row:last-child {
  border: 0;
}
:where(.sable-forms-experience) .theme-section-row > .button,:where(.sable-forms-experience) 
.theme-section-row > .icon-button {
  background: #fff;
  border: 1px solid #e1dfe5;
  border-radius: 7px;
  height: 30px;
  min-height: 30px;
  margin-left: auto;
  font-size: 14px;
}
:where(.sable-forms-experience) .theme-edit-fields,:where(.sable-forms-experience) 
.design-controls {
  display: none;
}
:where(.sable-forms-experience) .theme-edit-fields.visible,:where(.sable-forms-experience) 
.design-controls.visible {
  padding: 16px 0;
  display: block;
}
:where(.sable-forms-experience) .theme-grid {
  background: #f7f7f8;
  gap: 14px;
  padding: 16px;
}
:where(.sable-forms-experience) .theme-card {
  text-align: left;
  border: 1px solid #e4e2e7;
  border-radius: 11px;
  position: relative;
  overflow: hidden;
}
:where(.sable-forms-experience) .theme-card.selected {
  outline-offset: -1px;
  outline: 2px solid #48424d;
}
:where(.sable-forms-experience) .theme-card > span:first-child {
  height: 100px;
  padding: 20px 17px;
}
:where(.sable-forms-experience) .theme-card strong {
  background: #fff;
  padding: 16px 14px;
  font-size: 13px;
}
:where(.sable-forms-experience) .theme-more {
  font-size: 12px;
  position: absolute;
  bottom: 14px;
  right: 12px;
}
:where(.sable-forms-experience) :is(.glass-dialog:has(.catalog-grid), .glass-dialog:has(.catalog-ai)) {
  border-radius: 14px;
  gap: 0;
  width: min(960px, 100vw - 40px);
  padding: 0 16px 16px;
  max-width: 960px !important;
}
:where(.sable-forms-experience) :is(
  .glass-dialog:has(.catalog-grid) > .segments,
  .glass-dialog:has(.catalog-ai) > .segments
) {
  height: 48px;
}
:where(.sable-forms-experience) :is(
  .glass-dialog:has(.catalog-grid) > [data-slot='tabs'],
  .glass-dialog:has(.catalog-ai) > [data-slot='tabs']
) {
  height: 48px;
  margin: 0;
}
:where(.sable-forms-experience) .catalog-grid {
  grid-template-rows: 240px auto;
  grid-template-columns: 190px repeat(3, 1fr);
  gap: 26px;
  min-height: 590px;
  padding: 30px 26px;
}
:where(.sable-forms-experience) .catalog-category h4,:where(.sable-forms-experience) 
.catalog-recommended h4 {
  color: #665f6b;
  margin-bottom: 9px;
  font-size: 13px;
}
:where(.sable-forms-experience) .catalog-category .catalog-item {
  color: #79727f;
  min-height: 36px;
  padding: 7px 0;
  font-size: 13px;
}
:where(.sable-forms-experience) .catalog-item .type-badge {
  flex-shrink: 0;
  width: 23px;
  height: 23px;
}
:where(.sable-forms-experience) .catalog-search {
  border: 1px solid #eee;
  width: 180px;
  height: 32px;
  padding: 6px 9px;
  top: 79px;
  left: 42px;
}
:where(.sable-forms-experience) .catalog-recommended {
  padding-top: 55px;
}
:where(.sable-forms-experience) .catalog-recommended .catalog-item {
  font-size: 13px;
}
:where(.sable-forms-experience) .glass-dialog:has(.settings-layout) {
  padding: 24px 20px 16px;
  max-width: 1000px !important;
}
:where(.sable-forms-experience) .glass-dialog:has(.settings-layout) > [data-slot='dialog-title'] {
  margin-bottom: 4px;
  font-size: 24px;
}
:where(.sable-forms-experience) .settings-layout {
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 30px;
  height: 470px;
  max-height: 65vh;
}
:where(.sable-forms-experience) .settings-layout nav button {
  border-radius: 7px;
  padding: 13px 12px;
  font-size: 14px;
}
:where(.sable-forms-experience) .settings-content {
  border-radius: 12px;
  padding: 26px 30px;
}
:where(.sable-forms-experience) .settings-content h3 {
  font-size: 16px;
}
:where(.sable-forms-experience) .settings-content > p {
  font-size: 14px;
}
:where(.sable-forms-experience) .settings-content > .demo-caption {
  font-size: 13px;
}
:where(.sable-forms-experience) .settings-content .toggle-row {
  padding: 14px 0;
}
:where(.sable-forms-experience) .glass-dialog:has(.workspace-name) {
  background: #fff;
  border-radius: min(21px, var(--sable-radius-cap, 21px));
  gap: 24px;
  max-width: 580px;
  padding: 32px 32px 0;
}
:where(.sable-forms-experience) .workspace-name input {
  border-color: #55505b;
  border-radius: 10px;
  height: 44px;
  font-size: 18px;
}
:where(.sable-forms-experience) .glass-dialog:has(.workspace-name) .modal-actions {
  background: #f6f6f7;
  border-radius: 0 0 min(21px, var(--sable-radius-cap, 21px)) min(21px, var(--sable-radius-cap, 21px));
  margin: 18px -32px 0;
  padding: 18px 22px;
}
:where(.sable-forms-experience) .glass-dialog:has(.workspace-name) .modal-actions .button {
  min-height: 40px;
  font-size: 17px;
}
:where(.sable-forms-experience) .glass-dialog:has(.workspace-name) .modal-actions .button:first-child {
  background: #fff;
  border: 1px solid #e2e1e5;
}
:where(.sable-forms-experience) .glass-dialog:has(.workspace-name) .modal-actions .button:disabled {
  color: #bdbac1;
  background: #ededee;
  border: 1px solid #dedde1;
}
:where(.sable-forms-experience) .brand-gate {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 18px;
  min-height: 85vh;
  margin: auto;
  display: flex;
}
:where(.sable-forms-experience) .brand-gate h2 {
  font-size: 19px;
}
:where(.sable-forms-experience) .brand-gate p {
  color: #929096;
  font-size: 14px;
  line-height: 1.4;
}
:where(.sable-forms-experience) .brand-gate small {
  color: #799a92;
  font-size: 12px;
  line-height: 1.5;
}
:where(.sable-forms-experience) .green {
  color: #fff !important;
  background: #187c6d !important;
  border-color: #187c6d !important;
}
:where(.sable-forms-experience) .glass-dialog:has(.brand-gate) {
  background: #fafbfb;
  border-radius: 5px;
  width: calc(100vw - 40px);
  height: calc(100dvh - 40px);
  max-width: none !important;
}
:where(.sable-forms-experience) :is(
  .glass-dialog:has(.brand-gate) > [data-slot='dialog-title'],
  .glass-dialog:has(.brand-gate) > [data-slot='dialog-description']
) {
  display: none;
}
@media (max-width: 1500px) {
  :where(.sable-forms-experience) .editor-body {
    grid-template-columns: 210px minmax(0, 1fr) 220px;
    gap: 12px;
  }
  :where(.sable-forms-experience) .canvas-question {
    width: 66%;
  }
  :where(.sable-forms-experience) .contact-canvas {
    width: 70%;
  }
  :where(.sable-forms-experience) .editable-title {
    font-size: 24px;
  }
  :where(.sable-forms-experience) .saved {
    min-width: 290px;
  }
  :where(.sable-forms-experience) .design-panel {
    width: 430px;
  }
}
@media (max-width: 1000px) {
  :where(.sable-forms-experience) .editor-body {
    grid-template-columns: 175px minmax(0, 1fr) 200px;
    gap: 10px;
  }
  :where(.sable-forms-experience) .editor-header .segments {
    gap: 0;
  }
  :where(.sable-forms-experience) .editor-identity input {
    width: 100px;
  }
  :where(.sable-forms-experience) .editor-header .segments [data-slot='tabs-trigger'] {
    padding: 7px;
    font-size: 12px;
  }
  :where(.sable-forms-experience) .canvas-toolbar {
    gap: 2px;
  }
  :where(.sable-forms-experience) .canvas-toolbar .button.primary {
    font-size: 12px;
  }
  :where(.sable-forms-experience) .canvas-question {
    width: 75%;
  }
  :where(.sable-forms-experience) .reference-answer {
    padding: 12px;
  }
  :where(.sable-forms-experience) .reference-answer .toggle-row {
    font-size: 12px;
  }
  :where(.sable-forms-experience) .profile-avatar {
    display: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  :where(.sable-forms-experience) * {
    scroll-behavior: auto !important;
  }
}
:where(.sable-forms-experience) .menu-chevron {
  margin-left: auto;
}
:where(.sable-forms-experience) .prompt-composer {
  background: #fff;
  border: 1px solid #b994d0;
  border-radius: 6px;
  width: 100%;
  padding: 0;
  position: relative;
  box-shadow: 0 0 0 7px #faf5fc,
    0 0 0 9px #eadff2;
}
:where(.sable-forms-experience) .prompt-composer textarea {
  resize: none;
  border-radius: 6px;
  width: 100%;
  height: 180px;
  min-height: 180px;
  padding: 14px 12px 48px;
  font: 16px/1.4 Arial;
  box-shadow: none !important;
  border: 0 !important;
  outline: 0 !important;
}
:where(.sable-forms-experience) .prompt-tools {
  color: #8c8791;
  align-items: center;
  gap: 9px;
  display: flex;
  position: absolute;
  bottom: 10px;
  left: 10px;
  right: 10px;
}
:where(.sable-forms-experience) .prompt-tools button,:where(.sable-forms-experience) 
.prompt-audio {
  cursor: pointer;
  place-items: center;
  width: 23px;
  height: 25px;
  display: grid;
}
:where(.sable-forms-experience) .prompt-audio input {
  opacity: 0;
  width: 1px;
  height: 1px;
  position: absolute;
}
:where(.sable-forms-experience) .prompt-tools .prompt-send {
  background: #f8f8f9;
  border: 1px solid #eeedef;
  border-radius: 5px;
  margin-left: auto;
}
:where(.sable-forms-experience) .prompt-send:disabled {
  opacity: 0.35;
}
:where(.sable-forms-experience) .create-ai-flow .prompt-composer {
  margin-top: 24px;
}
:where(.sable-forms-experience) .create-ai-flow .prompt-composer textarea {
  min-height: 180px;
}
:where(.sable-forms-experience) .create-ai-flow h2 {
  font-size: 26px;
}
:where(.sable-forms-experience) .create-ai-flow .creation-shortcuts {
  border-top: 1px solid #e8e7eb;
  margin-top: 52px;
  padding-top: 45px;
}
:where(.sable-forms-experience) .create-ai-flow .creation-shortcuts button {
  color: #77717c;
  background: #f0eff2;
  height: 46px;
  font-size: 14px;
}
:where(.sable-forms-experience) .crm-hub,:where(.sable-forms-experience) 
.crm-sales {
  justify-content: center;
  align-items: center;
  background: #fff !important;
  border-radius: 6px !important;
  width: 29px !important;
  height: 29px !important;
  display: inline-flex !important;
}
:where(.sable-forms-experience) .crm-hub {
  color: #f58d65 !important;
}
:where(.sable-forms-experience) .crm-sales {
  color: #4eb0d8 !important;
}
:where(.sable-forms-experience) .catalog-ai {
  background: #fff;
  border-radius: 12px;
  padding: 52px 65px 48px;
}
:where(.sable-forms-experience) .catalog-ai-top {
  grid-template-columns: 230px 1fr;
  align-items: center;
  gap: 36px;
  display: grid;
}
:where(.sable-forms-experience) .catalog-ai-top h2 {
  margin-top: 10px;
  font-size: 22px;
  line-height: 1.4;
}
:where(.sable-forms-experience) .catalog-ai-top small {
  color: #9a969e;
  font-size: 13px;
}
:where(.sable-forms-experience) .catalog-ai .prompt-composer textarea {
  height: 150px;
  min-height: 150px;
  font-size: 14px;
}
:where(.sable-forms-experience) .ai-suggestions {
  flex-direction: column;
  gap: 17px;
  margin-top: 48px;
  display: flex;
}
:where(.sable-forms-experience) .ai-suggestions > button {
  text-align: left;
  border: 1px solid #eeecef;
  border-radius: 10px;
  align-items: center;
  gap: 16px;
  padding: 14px;
  display: flex;
  position: relative;
}
:where(.sable-forms-experience) .ai-suggestion-icon {
  background: #f2f7fb;
  border-radius: 6px;
  place-items: center;
  width: 45px;
  height: 50px;
  font-size: 22px;
  display: grid;
}
:where(.sable-forms-experience) .ai-suggestions strong {
  color: #827b88;
  margin-bottom: 6px;
  font-size: 14px;
  font-weight: 400;
  display: block;
}
:where(.sable-forms-experience) .ai-suggestions small {
  color: #b1a9b7;
  max-width: 350px;
  font-size: 12px;
  line-height: 1.4;
  display: block;
}
:where(.sable-forms-experience) .ai-suggestions em {
  color: #7993a9;
  background: #eef5fb;
  font-size: 10px;
  font-style: normal;
  position: absolute;
  top: 12px;
  right: 90px;
}
:where(.sable-forms-experience) :is(
  .glass-dialog:has(.catalog-ai) > [data-slot='dialog-title'],
  .glass-dialog:has(.catalog-ai) > [data-slot='dialog-description']
) {
  display: none;
}
:where(.sable-forms-experience) .brand-art {
  background-position: -872px -384px;
  width: 212px;
  height: 160px;
}
:where(.sable-forms-experience) .automation-sidebar .workspace-search,:where(.sable-forms-experience) 
.automation-sidebar .side-label,:where(.sable-forms-experience) 
.automation-sidebar .side-private,:where(.sable-forms-experience) 
.automation-sidebar .folder-link,:where(.sable-forms-experience) 
.automation-sidebar .workspace-usage {
  display: none;
}
:where(.sable-forms-experience) .automation-sidebar [data-slot='sidebar-footer'] {
  margin-top: auto;
}
:where(.sable-forms-experience) .automation-sidebar [data-slot='sidebar-content'] {
  border-top: 1px solid #fff;
  padding-top: 12px;
}
:where(.sable-forms-experience) .automation-filters {
  flex-direction: column;
  gap: 6px;
  display: flex;
}
:where(.sable-forms-experience) .automation-filters button {
  text-align: left;
  color: #857e8c;
  border-radius: 7px;
  padding: 12px 10px;
  font-size: 14px;
  display: flex;
}
:where(.sable-forms-experience) .automation-filters button span {
  margin-left: auto;
  font-size: 12px;
}
:where(.sable-forms-experience) .automation-filters button.selected {
  color: #58515f;
  background: #eeedf0;
}
:where(.sable-forms-experience) .automation-main > .topbar {
  display: none;
}
:where(.sable-forms-experience) .automation-page {
  height: calc(100dvh - 48px);
  padding: 0 32px;
  overflow: auto;
}
:where(.sable-forms-experience) .automation-hero {
  justify-content: center;
  align-items: center;
  gap: 70px;
  min-height: calc(100dvh - 95px);
  display: flex;
}
:where(.sable-forms-experience) .automation-hero .page-heading {
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  max-width: 410px;
  margin: 0;
  display: flex;
}
:where(.sable-forms-experience) .automation-hero h1 {
  font-size: 23px;
  line-height: 1.3;
}
:where(.sable-forms-experience) .automation-hero .page-heading p {
  font-size: 16px;
  line-height: 1.4;
}
:where(.sable-forms-experience) .automation-hero .button {
  font-size: 14px;
}
:where(.sable-forms-experience) .automation-learn {
  color: #8b8491 !important;
  font-size: 13px !important;
}
:where(.sable-forms-experience) .automation-learn button {
  text-decoration: underline;
}
:where(.sable-forms-experience) .automation-page > .demo-caption {
  display: none;
}
:where(.sable-forms-experience) .workflow {
  background: #f7f7f8;
  flex-direction: column;
  height: calc(100dvh - 52px);
  display: flex;
  position: relative;
}
:where(.sable-forms-experience) .sub-toolbar {
  background: #f7f7f8;
  gap: 12px;
  height: 45px;
  min-height: 45px;
  padding: 0 20px;
}
:where(.sable-forms-experience) .workflow-tools {
  color: #8a828f;
  gap: 14px;
  display: flex;
}
:where(.sable-forms-experience) .sub-toolbar .add-rule-button {
  height: 26px;
  min-height: 26px;
  margin-left: auto;
  font-size: 12px;
}
:where(.sable-forms-experience) .flow-scroll {
  background: #f7f7f8;
  flex: 1;
  min-height: 0;
  padding: 0 190px 0 25px;
  overflow: auto;
}
:where(.sable-forms-experience) .flow-map {
  align-items: center;
  min-height: 0;
  margin: auto;
  padding: 30px 0;
  display: flex;
}
:where(.sable-forms-experience) .data-node {
  border-radius: 13px;
  flex-shrink: 0;
  width: 210px;
  min-height: 190px;
  margin-right: 70px;
  padding: 18px;
}
:where(.sable-forms-experience) .data-node h3 {
  margin: 10px 0;
  font-size: 16px;
}
:where(.sable-forms-experience) .data-node p {
  color: #9b94a1;
  font-size: 14px;
  line-height: 1.4;
}
:where(.sable-forms-experience) .data-node > .node-icon {
  background: 0 0;
  border: 0;
  height: auto;
  padding: 0;
}
:where(.sable-forms-experience) .data-node > .flow-connector,:where(.sable-forms-experience) 
.data-node + .flow-connector {
  display: none;
}
:where(.sable-forms-experience) .parameter-add {
  background: #fff;
  border: 1px solid #e4e1e7;
  border-radius: 6px;
  place-items: center;
  width: 28px;
  height: 28px;
  margin-top: 15px;
  display: grid;
}
:where(.sable-forms-experience) .parameters-form {
  display: none !important;
}
:where(.sable-forms-experience) .parameters-form.open {
  display: flex !important;
}
:where(.sable-forms-experience) .flow-node {
  border-radius: 13px;
  flex-shrink: 0;
  width: 160px;
  min-height: 112px;
  padding: 14px;
}
:where(.sable-forms-experience) .flow-node h3 {
  font-size: 14px;
  line-height: 1.3;
}
:where(.sable-forms-experience) .flow-node > span {
  display: none;
}
:where(.sable-forms-experience) .flow-connector {
  flex-shrink: 0;
  width: 120px;
}
:where(.sable-forms-experience) .workflow-actions {
  background: #f8f8f9;
  flex-direction: column;
  justify-content: center;
  gap: 35px;
  width: 150px;
  padding: 16px;
  display: flex;
  position: absolute;
  top: 48px;
  bottom: 35px;
  right: 8px;
}
:where(.sable-forms-experience) .workflow-actions h4 {
  font-size: 13px;
  font-weight: 400;
  position: absolute;
  top: 0;
}
:where(.sable-forms-experience) .workflow-actions > div {
  color: #89808f;
  font-size: 12px;
}
:where(.sable-forms-experience) .workflow-actions button {
  text-align: left;
  font-size: 12px;
  line-height: 1.5;
}
:where(.sable-forms-experience) .workflow-actions p {
  margin: 4px 0;
  font-size: 10px;
  line-height: 1.5;
}
:where(.sable-forms-experience) .workflow-actions small {
  color: #87a8c6;
  background: #eef5fe;
  font-size: 8px;
}
:where(.sable-forms-experience) .app-mini-icons {
  gap: 12px;
  margin-top: 10px;
  display: flex;
}
:where(.sable-forms-experience) .app-mini-icons button {
  color: #4d986a;
  font-size: 16px;
}
:where(.sable-forms-experience) .app-mini-icons button:nth-child(3) {
  color: #ec9b77;
}
:where(.sable-forms-experience) .workflow-actions .button {
  background: 0 0;
  border: 0;
  padding: 0;
}
:where(.sable-forms-experience) .flow-bottom {
  padding: 0;
  position: absolute;
  bottom: 8px;
  left: 10px;
}
:where(.sable-forms-experience) .flow-bottom > span {
  display: none;
}
:where(.sable-forms-experience) .flow-bottom .pick {
  width: 80px;
  font-size: 11px;
}
:where(.sable-forms-experience) .flow-chat {
  position: absolute;
  bottom: 18px;
  left: calc(50% - 170px);
}
:where(.sable-forms-experience) .rules-list {
  max-height: 170px;
  padding: 10px 190px 10px 20px;
  overflow: auto;
}
:where(.sable-forms-experience) .rules-list.no-rules {
  display: none;
}
@media (max-width: 1400px) {
  :where(.sable-forms-experience) .automation-art {
    background-position: -704px -274.56px;
    background-size: 1287.68px 756.48px;
    width: 320px;
    height: 240px;
  }
  :where(.sable-forms-experience) .automation-hero {
    gap: 45px;
  }
  :where(.sable-forms-experience) .automation-hero h1 {
    font-size: 20px;
  }
  :where(.sable-forms-experience) .automation-hero .page-heading p {
    font-size: 14px;
  }
}
:where(.sable-forms-experience) .design-panel .segments {
  justify-content: flex-start;
  width: 100%;
}
:where(.sable-forms-experience) .theme-card > .theme-more {
  line-height: 15px;
  color: #6d6771 !important;
  background: 0 0 !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  font-size: 12px !important;
  display: block !important;
  top: auto !important;
  bottom: 14px !important;
  right: 12px !important;
}
:where(.sable-forms-experience) .contact-input {
  display: block;
}
:where(.sable-forms-experience) .phone-input {
  border-bottom: 1px solid #99949e;
  align-items: flex-end;
  gap: 8px;
  display: flex;
}
:where(.sable-forms-experience) .phone-input input {
  flex: 1;
  min-width: 0;
  border-bottom: 0 !important;
}
:where(.sable-forms-experience) .phone-country {
  background: 0 0;
  border: 0;
  outline: none;
  width: 45px;
  padding: 0 0 8px;
  font-size: 20px;
}
:where(.sable-forms-experience) .form-canvas[data-question-type='Video and Audio'] .upload-box {
  background: #f0eff1;
  border: 0;
  flex-direction: row;
  align-items: center;
  gap: 7px;
  min-height: 0;
  margin: 0;
  padding: 8px 10px;
  font-size: 14px;
  display: inline-flex;
}
:where(.sable-forms-experience) .form-canvas[data-question-type='Video and Audio'] .upload-box svg {
  width: 17px;
  height: 17px;
}
:where(.sable-forms-experience) .form-canvas[data-question-type='Video and Audio'] .upload-box strong {
  font-size: 14px;
  font-weight: 400;
}
:where(.sable-forms-experience) .form-canvas[data-question-type='Video and Audio'] .upload-box > span,:where(.sable-forms-experience) 
.form-canvas[data-question-type='Video and Audio'] .upload-box ~ textarea,:where(.sable-forms-experience) 
.form-canvas[data-question-type='Video and Audio'] .answer-hint {
  display: none;
}
:where(.sable-forms-experience) .rating-shape {
  font-size: 40px;
  line-height: 42px;
}
:where(.sable-forms-experience) .glass-dialog:has(.settings-layout) .modal-actions .button:disabled {
  color: #ccc9d0;
  background: #efeff1;
  border: 1px solid #e6e4e8;
}
:where(.sable-forms-experience) .glass-dialog:has(.settings-layout) > [data-slot='dialog-close'] {
  display: none;
}
.sable-forms-experience:has(.settings-layout) [data-slot='dialog-overlay'] {
  background: #69646d;
}
:where(.sable-forms-experience) .glass-dialog:has(.catalog-grid) .segments [data-slot='tabs-trigger']:after {
  display: none;
}
:where(.sable-forms-experience) .glass-dialog:has(.catalog-ai) .segments [data-slot='tabs-trigger']:after {
  display: none;
}
:where(.sable-forms-experience) .glass-dialog:has(.small-screen-notice) {
  background: #fff;
  border-radius: 15px;
  max-width: 320px;
  padding: 25px;
}
:where(.sable-forms-experience) .glass-dialog:has(.small-screen-notice) > [data-slot='dialog-title'] {
  font-size: 20px;
  line-height: 1.35;
}
:where(.sable-forms-experience) .small-screen-notice p {
  color: #87818c;
  font-size: 14px;
  line-height: 1.4;
}
:where(.sable-forms-experience) .small-screen-notice .button {
  margin: 25px 0 0 auto;
  display: flex;
}
:where(.sable-forms-experience) .mobile-canvas .canvas-question {
  width: 100%;
  padding: 30px;
}
:where(.sable-forms-experience) .mobile-canvas .canvas-label {
  top: 38px;
  left: 9px;
}
:where(.sable-forms-experience) .theme-tile {
  min-width: 0;
  position: relative;
}
:where(.sable-forms-experience) .theme-tile > .theme-card {
  width: 100%;
  height: 100%;
}
:where(.sable-forms-experience) .theme-tile > .theme-more {
  z-index: 2;
  color: #67616b;
  place-items: center;
  width: 22px;
  height: 22px;
  font-size: 13px;
  display: grid;
  position: absolute;
  bottom: 11px;
  right: 11px;
}
:where(.sable-forms-experience) .theme-tile .theme-card[data-theme='ai-accent'] > span:first-child {
  background: radial-gradient(160% 110% at 0 110%, #e2dccb 70%, #0000 71%),
    radial-gradient(100% 140% at 90% 160%, #f1ede5 85%, #0000 86%), #f8bf68 !important;
}
:where(.sable-forms-experience) .single-answer {
  color: var(--answer-color);
}
:where(.sable-forms-experience) .side-label > svg {
  margin-right: 7px;
}
:where(.sable-forms-experience) .side-label {
  justify-content: flex-start;
}
:where(.sable-forms-experience) .side-label > button {
  margin-left: auto;
}
:where(.sable-forms-experience) .folder-link > svg,:where(.sable-forms-experience) 
.secondary-library,:where(.sable-forms-experience) 
.secondary-library ~ .folder-link {
  display: none;
}
:where(.sable-forms-experience) .settings-shortcuts {
  gap: 12px;
  display: flex;
}
:where(.sable-forms-experience) .contact-subfields > button.selected {
  background: #eceaef;
  border-radius: 5px;
}
:where(.sable-forms-experience) .flow-map {
  flex: none;
  min-width: max-content;
}
:where(.sable-forms-experience) .flow-node > .type-badge {
  width: 45px;
}
:where(.sable-forms-experience) .editor:has(.workflow) .saved {
  display: none !important;
}
:where(.sable-forms-experience) .dashboard:has(.empty-state) .list-column-head {
  display: none;
}
:where(.sable-forms-experience) .catalog-grid {
  background: #fff;
}
@media (max-width: 699px) {
  :where(.sable-forms-experience) .editor-body {
    min-width: 960px;
  }
  :where(.sable-forms-experience) .editor {
    overflow-x: auto;
  }
  :where(.sable-forms-experience) .editor-header {
    min-width: 760px;
  }
  :where(.sable-forms-experience) .form-canvas {
    height: 65vh;
  }
  :where(.sable-forms-experience) .question-properties {
    display: flex;
  }
  :where(.sable-forms-experience) .small-screen-notice {
    display: block;
  }
}
:where(.sable-forms-experience) .workflow-actions > div > button:first-child > br {
  display: none;
}
:where(.sable-forms-experience) .workflow-actions > div > button:first-child > svg {
  margin-bottom: 6px;
}
:where(.sable-forms-experience) .workflow-actions .button {
  gap: 12px;
  display: flex;
}
:where(.sable-forms-experience) .flow-node[data-question-type='Contact\ Info'] .type-badge {
  background: #e3e1e6;
}
:where(.sable-forms-experience) .glass-dialog [data-slot='dialog-close'] {
  box-shadow: none;
  background: 0 0;
  border: 0;
  border-radius: 0;
}
:where(.sable-forms-experience) .glass-dialog [data-slot='dialog-close'] > svg {
  width: 21px;
  height: 21px;
}
:where(.sable-forms-experience) .workspace-name input:focus {
  box-shadow: none;
  outline-offset: 0;
  outline: 1px solid #56515b;
}
:where(.sable-forms-experience) .signature > [data-slot='tabs'] {
  align-self: flex-end;
  width: max-content;
  margin-left: auto;
}
:where(.sable-forms-experience) .signature input::placeholder {
  color: inherit;
  opacity: 0.35;
  font: 14px Arial,
    sans-serif;
}
:where(.sable-forms-experience) .welcome-inspector {
  padding: 16px;
}
:where(.sable-forms-experience) .welcome-inspector .answer-type-select {
  border-bottom: 1px solid #e8e7eb;
  margin: 0;
  padding-bottom: 20px;
}
:where(.sable-forms-experience) .welcome-settings {
  padding-top: 10px;
}
:where(.sable-forms-experience) .welcome-toggle {
  position: relative;
}
:where(.sable-forms-experience) .welcome-toggle .toggle-row > span {
  align-items: center;
  gap: 3px;
  display: flex;
}
:where(.sable-forms-experience) .welcome-toggle .toggle-row {
  min-height: 40px;
  padding: 10px 0;
}
:where(.sable-forms-experience) .welcome-help {
  color: #918c95;
  pointer-events: none;
  position: absolute;
  top: 14px;
  left: 116px;
}
:where(.sable-forms-experience) .welcome-toggle:nth-child(2) .welcome-help {
  left: 156px;
}
:where(.sable-forms-experience) .welcome-button-field {
  color: #77717b;
  flex-direction: column;
  gap: 9px;
  margin-top: 13px;
  font-size: 14px;
  display: flex;
}
:where(.sable-forms-experience) .welcome-button-field input {
  color: #514a57;
  width: 100%;
  height: 32px;
  min-height: 32px;
  box-shadow: none;
  background: #fafafa;
  border: 1px solid #e1dfe5;
  border-radius: 8px;
  padding: 0 12px;
  font-size: 14px;
}
:where(.sable-forms-experience) .character-count {
  color: #99939d;
  align-self: flex-end;
  font-size: 12px;
  line-height: 18px;
}
:where(.sable-forms-experience) .welcome-inspector .reference-media {
  border-bottom: 1px solid #e8e7eb;
  margin-top: 19px;
  padding: 16px 0;
}
:where(.sable-forms-experience) .inspector-bottom {
  flex-shrink: 0;
  gap: 14px;
  padding: 4px 0 0;
}
:where(.sable-forms-experience) .inspector-bottom > button,:where(.sable-forms-experience)  .inspector-bottom > span > button {
  min-height: 49px;
  padding: 9px 16px;
}
:where(.sable-forms-experience) .inspector-add {
  color: #77717b;
  background: #fff;
  border: 1px solid #e1dfe5;
  border-radius: 7px;
  place-items: center;
  width: 32px;
  height: 32px;
  margin-left: auto;
  display: grid;
}
:where(.sable-forms-experience) .inspector-bottom > button:last-child {
  justify-content: flex-start;
  gap: 9px;
}
:where(.sable-forms-experience) .welcome-details {
  color: var(--form-text, #706876);
  flex-direction: column;
  gap: 6px;
  margin-top: 8px;
  font-size: 14px;
  display: flex;
}
:where(.sable-forms-experience) .welcome-details > span {
  align-items: center;
  gap: 4px;
  display: flex;
}
:where(.sable-forms-experience) .form-canvas[data-question-type='Welcome\ Screen'] .canvas-question,:where(.sable-forms-experience) 
.form-canvas[data-question-type='Welcome\ Screen'] .editable-title,:where(.sable-forms-experience) 
.form-canvas[data-question-type='Welcome\ Screen'] .editable-description {
  text-align: center;
}
:where(.sable-forms-experience) .form-canvas[data-question-type='Welcome\ Screen'] .answer-submit {
  margin-left: auto;
  margin-right: auto;
}
:where(.sable-forms-experience) .form-canvas[data-question-type='Welcome\ Screen'] .welcome-details > span {
  justify-content: center;
}
:where(.sable-forms-experience) .form-canvas[data-question-type='Welcome\ Screen'] .canvas-label {
  display: none;
}
:where(.sable-forms-experience) .form-canvas[data-question-type='Welcome\ Screen'] .answer-submit {
  border-radius: 8px;
  margin-top: 24px;
  padding: 9px 16px;
  display: flex;
}
:where(.sable-forms-experience) .form-canvas[data-question-type='Welcome\ Screen'] .editable-description {
  font-style: normal;
}
:where(.sable-forms-experience) .field-type-trigger {
  color: #77717b;
  text-align: left;
  background: #fcfcfc;
  border: 1px solid #e3e2e6;
  border-radius: 7px;
  align-items: center;
  gap: 8px;
  width: 100%;
  height: 33px;
  padding: 4px 10px;
  font-size: 14px;
  display: flex;
}
:where(.sable-forms-experience) .field-type-trigger > span:nth-child(2) {
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 1;
  overflow: hidden;
}
:where(.sable-forms-experience) .field-type-trigger .type-badge {
  flex: none;
  width: 24px;
  height: 24px;
}
:where(.sable-forms-experience) .field-type-menu[data-slot='popover-content'] {
  width: 270px;
  max-width: calc(100vw - 24px);
  max-height: min(850px, var(--available-height));
  background: #fff;
  border: 1px solid #e3e2e5;
  border-radius: 15px;
  gap: 0;
  padding: 0;
  overflow: hidden;
  box-shadow: 0 0 0 4px #e8e7e9;
}
:where(.sable-forms-experience) .field-type-search {
  color: #77717b;
  background: #f7f7f8;
  border-bottom: 1px solid #e9e8eb;
  flex-shrink: 0;
  align-items: center;
  gap: 10px;
  min-height: 50px;
  padding: 12px 16px;
  display: flex;
}
:where(.sable-forms-experience) .field-type-search input {
  width: 100%;
  min-width: 0;
  box-shadow: none;
  background: 0 0;
  border: 0;
  outline: none;
  font-size: 15px;
}
:where(.sable-forms-experience) .field-type-options {
  min-height: 0;
  padding: 8px 10px;
  overflow-y: auto;
}
:where(.sable-forms-experience) .field-type-option {
  color: #77717b;
  text-align: left;
  border-radius: 6px;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 44px;
  padding: 8px;
  font-size: 15px;
  display: flex;
}
:where(.sable-forms-experience) .field-type-option .type-badge {
  border-radius: 6px;
  flex: none;
  width: 27px;
  height: 27px;
}
:where(.sable-forms-experience) .field-type-option .type-badge svg {
  width: 20px;
  height: 20px;
}
:where(.sable-forms-experience) :is(.field-type-option:hover, .field-type-option:focus-visible) {
  background: #f2f1f4;
  outline: none;
}
:where(.sable-forms-experience) .field-type-empty {
  color: #77717b;
  padding: 16px;
  font-size: 14px;
}
:where(.sable-forms-experience) .list-column-head {
  grid-template-columns: minmax(180px, 1fr) 100px 100px 135px 40px;
}
:where(.sable-forms-experience) .form-list .form-card {
  grid-template-columns: 32px minmax(140px, 1fr) 100px 100px 135px 40px;
}
:where(.sable-forms-experience) .stylist-heading {
  margin-top: 25px;
}
:where(.sable-forms-experience) .stylist-heading small {
  margin-left: auto;
  font-size: 10px;
  font-weight: 400;
}
:where(.sable-forms-experience) .stylist-link {
  gap: 10px;
}
:where(.sable-forms-experience) .stylist-avatar {
  background: #e9e3ef;
  border-radius: min(50%, var(--sable-radius-cap, 50%));
  place-items: center;
  width: 24px;
  height: 24px;
  font-size: 12px;
  display: grid;
}
:where(.sable-forms-experience) .main-area:has(.intake-page) .workspace-view {
  display: none;
}
:where(.sable-forms-experience) .intake-page {
  background: #f7f7f8;
  height: calc(100dvh - 140px);
  min-height: 450px;
  display: flex;
}
:where(.sable-forms-experience) .intake-main {
  flex-direction: column;
  flex: 1;
  min-width: 0;
  padding: 12px 24px 24px;
  display: flex;
}
:where(.sable-forms-experience) .intake-heading {
  justify-content: space-between;
  align-items: center;
  display: flex;
}
:where(.sable-forms-experience) .intake-heading h2 {
  font-size: 22px;
  font-weight: 500;
}
:where(.sable-forms-experience) .intake-heading > span,:where(.sable-forms-experience) 
.intake-intro {
  color: #827b86;
  font-size: 13px;
}
:where(.sable-forms-experience) .intake-intro {
  margin: 10px 0 22px;
  line-height: 1.5;
}
:where(.sable-forms-experience) .intake-toolbar {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-bottom: 20px;
  display: flex;
}
:where(.sable-forms-experience) .intake-search {
  background: #fafafa;
  border: 1px solid #e0dde3;
  border-radius: 8px;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  display: flex;
}
:where(.sable-forms-experience) .intake-search input {
  background: 0 0;
  border: 0;
  outline: none;
  width: 170px;
  font-size: 13px;
}
:where(.sable-forms-experience) .intake-bulk {
  margin-left: auto;
}
:where(.sable-forms-experience) .intake-filter {
  gap: 12px;
  margin-bottom: 15px;
  display: flex;
}
:where(.sable-forms-experience) .intake-table-wrap {
  background: #fff;
  border-radius: 12px;
  flex: 1;
  overflow: auto;
}
:where(.sable-forms-experience) .intake-table {
  border-collapse: collapse;
  text-align: left;
  white-space: nowrap;
  width: 100%;
  font-size: 13px;
}
:where(.sable-forms-experience) .intake-table th {
  color: #554d5b;
  height: 55px;
  font-weight: 400;
}
:where(.sable-forms-experience) .intake-table th svg {
  vertical-align: middle;
  background: #e9e7eb;
  border-radius: 5px;
  width: 22px;
  height: 22px;
  margin-right: 8px;
  padding: 3px;
  display: inline-block;
}
:where(.sable-forms-experience) .intake-table td,:where(.sable-forms-experience) 
.intake-table th {
  text-overflow: ellipsis;
  border-bottom: 1px solid #eee;
  border-right: 1px solid #eee;
  max-width: 230px;
  padding: 12px 14px;
  overflow: hidden;
}
:where(.sable-forms-experience) .intake-table tbody tr {
  color: #77717b;
  background: #fafafa;
}
:where(.sable-forms-experience) .intake-table tbody tr.selected {
  background: #f0edf4;
}
:where(.sable-forms-experience) .intake-table input[type='checkbox'] {
  accent-color: #514858;
  width: 16px;
  height: 16px;
}
:where(.sable-forms-experience) .intake-contact {
  text-align: left;
  align-items: center;
  gap: 9px;
  display: flex;
}
:where(.sable-forms-experience) .intake-avatar {
  color: #514d59;
  background: #bfdef8;
  border-radius: min(50%, var(--sable-radius-cap, 50%));
  flex-shrink: 0;
  place-items: center;
  width: 26px;
  height: 26px;
  display: grid;
}
:where(.sable-forms-experience) .intake-status {
  color: #38715c;
  background: #e5f1eb;
  border-radius: 4px;
  margin-right: 4px;
  padding: 3px 6px;
  font-size: 11px;
}
:where(.sable-forms-experience) .intake-status.new {
  color: #706080;
  background: #ede9f4;
}
:where(.sable-forms-experience) .intake-detail {
  border-left: 1px solid #fff;
  flex-shrink: 0;
  width: 390px;
  padding: 16px 24px;
  overflow: auto;
}
:where(.sable-forms-experience) .intake-detail-top {
  color: #817987;
  justify-content: space-between;
  align-items: center;
  font-size: 11px;
  display: flex;
}
:where(.sable-forms-experience) .intake-profile {
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin: 30px 0;
  display: flex;
}
:where(.sable-forms-experience) .intake-avatar.large {
  width: 64px;
  height: 64px;
  font-size: 22px;
}
:where(.sable-forms-experience) .intake-profile h3 {
  font-size: 19px;
  font-weight: 400;
}
:where(.sable-forms-experience) .intake-profile p {
  color: #817987;
  margin-top: 5px;
  font-size: 12px;
}
:where(.sable-forms-experience) .intake-profile > button {
  margin-left: auto;
}
:where(.sable-forms-experience) .intake-info {
  background: #fff;
  border-radius: 12px;
  margin-bottom: 12px;
  padding: 18px;
  font-size: 13px;
}
:where(.sable-forms-experience) .intake-info h4 {
  border-bottom: 1px solid #eee;
  margin-bottom: 10px;
  padding-bottom: 16px;
  font-size: 13px;
  font-weight: 500;
}
:where(.sable-forms-experience) .intake-info-row {
  color: #817987;
  grid-template-columns: 110px minmax(0, 1fr);
  gap: 10px;
  padding: 10px 0;
  display: grid;
}
:where(.sable-forms-experience) .intake-info-row span {
  overflow-wrap: anywhere;
}
:where(.sable-forms-experience) .intake-info input,:where(.sable-forms-experience) 
.intake-info textarea {
  background: #fafafa;
  border: 1px solid #e5e1e8;
  border-radius: 5px;
  width: 100%;
  min-width: 0;
  padding: 6px;
}
:where(.sable-forms-experience) .intake-info textarea {
  resize: vertical;
  min-height: 75px;
}
:where(.sable-forms-experience) .intake-local {
  color: #928b97;
  margin-top: 12px;
  font-size: 11px;
  line-height: 1.5;
}
:where(.sable-forms-experience) .intake-source-card {
  text-align: left;
  color: #746c7c;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 12px 0;
  display: flex;
}
:where(.sable-forms-experience) .intake-source-card small {
  margin-top: 5px;
  font-size: 11px;
  display: block;
}
:where(.sable-forms-experience) .intake-source-card time {
  font-size: 11px;
}
:where(.sable-forms-experience) .intake-notice {
  background: #eaf3ef;
  border-radius: 8px;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  padding: 12px;
  font-size: 12px;
  display: flex;
}
:where(.sable-forms-experience) .intake-notice button {
  margin-left: auto;
}
:where(.sable-forms-experience) .intake-empty {
  text-align: center;
  color: #817987;
  padding: 70px 25px;
}
:where(.sable-forms-experience) .intake-empty svg {
  margin: auto auto 15px;
}
:where(.sable-forms-experience) .intake-empty h3 {
  font-size: 18px;
}
:where(.sable-forms-experience) .intake-empty p {
  margin-top: 10px;
  font-size: 13px;
}
@media (max-width: 1100px) {
  :where(.sable-forms-experience) .intake-detail {
    width: 330px;
    padding: 16px;
  }
  :where(.sable-forms-experience) .list-column-head {
    grid-template-columns: minmax(120px, 1fr) 70px 70px 100px 30px;
  }
  :where(.sable-forms-experience) .form-list .form-card {
    grid-template-columns: 30px minmax(100px, 1fr) 70px 70px 100px 30px;
  }
}
@media (max-width: 750px) {
  :where(.sable-forms-experience) .intake-page.has-detail .intake-main {
    display: none;
  }
  :where(.sable-forms-experience) .intake-detail {
    width: 100%;
  }
}
:where(.sable-forms-experience) .main:has(.intake-page) > .topbar {
  display: none;
}
:where(.sable-forms-experience) .main:has(.intake-page) .intake-page {
  height: calc(100dvh - 64px);
}
:where(.sable-forms-experience) .intake-main {
  padding-top: 28px;
}
:where(.sable-forms-experience) .intake-toolbar > .pick[data-slot='select-trigger'] {
  flex: none;
  width: 160px;
}
:where(.sable-forms-experience) .intake-filter > .pick[data-slot='select-trigger'] {
  width: 180px;
}
:where(.sable-forms-experience) .intake-heading {
  border-bottom: 1px solid #e5e3e8;
  padding-bottom: 18px;
}
:where(.sable-forms-experience) .intake-intro {
  margin-top: 14px;
}
:where(.sable-forms-experience) .intake-contact-cell {
  align-items: center;
  gap: 12px;
  min-width: 190px;
  display: flex;
}
:where(.sable-forms-experience) .intake-contact-cell .intake-contact {
  flex: 1;
}
:where(.sable-forms-experience) .intake-contact-cell > .icon-button {
  opacity: 0;
  border-radius: 6px;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
}
:where(.sable-forms-experience) .intake-table tr:hover .intake-contact-cell > .icon-button,:where(.sable-forms-experience) 
.intake-contact-cell:focus-within > .icon-button {
  opacity: 1;
}
:where(.sable-forms-experience) .intake-contact-cell > .icon-button:hover {
  background: #efedf1;
}
:where(.sable-forms-experience) .intake-table tbody tr:hover {
  background: #f4f2f6;
}
:where(.sable-forms-experience) .intake-detail.resizable-detail {
  min-width: 365px;
  max-width: calc(100% - 320px);
  padding: 0;
  position: relative;
  overflow: visible;
}
:where(.sable-forms-experience) .intake-detail-scroll {
  height: 100%;
  padding: 20px 28px;
  overflow-y: auto;
}
:where(.sable-forms-experience) .contact-resize-handle {
  z-index: 5;
  cursor: col-resize;
  touch-action: none;
  justify-content: center;
  align-items: center;
  width: 10px;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -5px;
}
:where(.sable-forms-experience) .contact-resize-handle:before {
  content: '';
  background: 0 0;
  width: 2px;
  height: 100%;
  position: absolute;
}
:where(.sable-forms-experience) .contact-resize-handle > span {
  z-index: 1;
  background: #c9c3ce;
  border-radius: 4px;
  width: 4px;
  height: 36px;
}
:where(.sable-forms-experience) .contact-resize-handle:hover:before,:where(.sable-forms-experience) 
.resizing .contact-resize-handle:before {
  background: #b9acc8;
}
:where(.sable-forms-experience) .contact-resize-handle:focus-visible:before {
  background: #b9acc8;
}
:where(.sable-forms-experience) .contact-resize-handle:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #8b74a4;
}
:where(.sable-forms-experience) .resizing {
  -webkit-user-select: none;
  user-select: none;
}
:where(.sable-forms-experience) .resizable-detail .intake-info-row {
  grid-template-columns: minmax(120px, 0.85fr) minmax(0, 1.3fr);
}
:where(.sable-forms-experience) .submission-answers details {
  border-bottom: 1px solid #eee;
  padding: 12px 0;
}
:where(.sable-forms-experience) .submission-answers summary {
  cursor: pointer;
  color: #5c5264;
  line-height: 1.5;
}
:where(.sable-forms-experience) .submission-answers summary small {
  color: #928a98;
  margin: 4px 0;
  font-size: 11px;
  display: block;
}
:where(.sable-forms-experience) .submission-answer {
  margin: 16px 0;
  line-height: 1.6;
}
:where(.sable-forms-experience) .submission-answer strong {
  font-size: 12px;
  font-weight: 500;
}
:where(.sable-forms-experience) .submission-answer p {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  color: #807787;
  margin-top: 5px;
}
@media (hover: none) {
  :where(.sable-forms-experience) .intake-contact-cell > .icon-button {
    opacity: 1;
  }
}
@media (max-width: 750px) {
  :where(.sable-forms-experience) .intake-detail.resizable-detail {
    min-width: 0;
    max-width: 100%;
    width: 100% !important;
  }
  :where(.sable-forms-experience) .contact-resize-handle {
    display: none;
  }
}
:where(.sable-forms-experience) .intake-page {
  position: relative;
  overflow: hidden;
}
:where(.sable-forms-experience) .intake-detail.resizable-detail {
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  background: #f7f7f8;
  transition: transform 0.29s cubic-bezier(0.32, 0.72, 0, 1),
    opacity 0.22s ease-out,
    visibility 0s 0.29s;
  animation: none;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  transform: translate(100%);
  box-shadow: -10px 0 24px -20px #41334e40;
}
:where(.sable-forms-experience) .intake-detail.resizable-detail[data-open='true'] {
  opacity: 1;
  visibility: visible;
  transition: transform 0.29s cubic-bezier(0.32, 0.72, 0, 1),
    opacity 0.22s ease-out,
    visibility;
  transform: translate(0);
}
@starting-style {
  :where(.sable-forms-experience) .intake-detail.resizable-detail[data-open='true'] {
    opacity: 0;
    transform: translate(100%);
  }
}
:where(.sable-forms-experience) .intake-table tr.selected .intake-contact-cell > .icon-button {
  opacity: 1;
  color: #51435e;
  background: #e8e3ed;
}
:where(.sable-forms-experience) .intake-contact-cell > .icon-button {
  transition: opacity 0.14s,
    background-color 0.14s,
    transform 0.12s ease-out;
}
:where(.sable-forms-experience) .intake-contact-cell > .icon-button:active {
  transform: scale(0.96);
}
@media (max-width: 750px) {
  :where(.sable-forms-experience) .intake-page.has-detail .intake-main {
    display: flex;
  }
}
@media (prefers-reduced-motion: reduce) {
  :where(.sable-forms-experience) .intake-detail.resizable-detail,:where(.sable-forms-experience) 
  .intake-detail.resizable-detail[data-open='true'] {
    transition: opacity 0.12s ease-out,
      visibility 0s 0.12s;
    transform: none;
  }
  :where(.sable-forms-experience) .intake-detail.resizable-detail[data-open='true'] {
    transition-delay: 0s;
  }
  @starting-style {
    :where(.sable-forms-experience) .intake-detail.resizable-detail[data-open='true'] {
      opacity: 0;
      transform: none;
    }
  }
}
:where(.sable-forms-experience) .submission-answers summary {
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 8px 0;
  list-style: none;
  display: flex;
}
:where(.sable-forms-experience) .submission-answers summary::-webkit-details-marker {
  display: none;
}
:where(.sable-forms-experience) .submission-answers summary::marker {
  content: '';
}
:where(.sable-forms-experience) .submission-summary-text {
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  display: flex;
}
:where(.sable-forms-experience) .submission-answers .submission-summary-text small {
  color: #96909c;
  margin: 0;
  font-size: 11px;
}
:where(.sable-forms-experience) .submission-chevron {
  color: #96909c;
  flex-shrink: 0;
  transition: transform 0.18s cubic-bezier(0.23, 1, 0.32, 1);
}
:where(.sable-forms-experience) .submission-answers details[open] > summary .submission-chevron {
  transform: rotate(180deg);
}
:where(.sable-forms-experience) .submission-answers summary:focus-visible {
  outline-offset: 4px;
  outline: 2px solid #a397af;
}
:where(.sable-forms-experience) .submission-answers details:last-child {
  border-bottom: 0;
}
@media (hover: hover) {
  :where(.sable-forms-experience) .submission-answers summary:hover .submission-chevron {
    color: #554b60;
  }
}
@media (prefers-reduced-motion: reduce) {
  :where(.sable-forms-experience) .submission-chevron {
    transition: none;
  }
}
:where(.sable-forms-experience) .specialized-examples em {
  color: #8b799b;
  border: 1px solid #dfd7e8;
  border-radius: 4px;
  margin-left: 6px;
  padding: 2px 5px;
  font-size: 10px;
  font-style: normal;
}
:where(.sable-forms-experience) .submitted-media {
  border: 1px solid #e7e2eb;
  border-radius: 9px;
  margin-top: 10px;
  overflow: hidden;
}
:where(.sable-forms-experience) .submitted-image-button {
  cursor: zoom-in;
  background: #f6f3f0;
  width: 100%;
  display: block;
}
:where(.sable-forms-experience) .submitted-image-button img {
  object-fit: contain;
  width: 100%;
  max-height: 240px;
  display: block;
}
:where(.sable-forms-experience) .submitted-file-meta {
  color: #867b90;
  align-items: center;
  gap: 7px;
  padding: 10px;
  font-size: 11px;
  display: flex;
}
:where(.sable-forms-experience) .submitted-file-meta span {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  overflow: hidden;
}
:where(.sable-forms-experience) .submitted-file-meta button {
  color: #584961;
}
:where(.sable-forms-experience) .submitted-image-full {
  object-fit: contain;
  width: 100%;
  max-height: 70vh;
}
:where(.sable-forms-experience) .submitted-signature {
  background: #faf9fc;
  border: 1px solid #e9e5ed;
  border-radius: 8px;
  margin-top: 10px;
  padding: 22px 18px 12px;
}
:where(.sable-forms-experience) .submitted-signature > span {
  color: #51435a;
  border-bottom: 1px solid #dcd5e4;
  padding-bottom: 10px;
  font-family: Snell Roundhand,
    Brush Script MT,
    cursive;
  font-size: 32px;
  display: block;
}
:where(.sable-forms-experience) .submitted-signature small {
  color: #9b919f;
  margin-top: 7px;
  font-size: 10px;
  display: block;
}
:where(.sable-forms-experience) .submitted-rating,:where(.sable-forms-experience) 
.submitted-date {
  color: #998260;
  align-items: center;
  gap: 5px;
  margin-top: 10px;
  display: flex;
}
:where(.sable-forms-experience) .submitted-rating span {
  color: #8d8395;
  margin-left: 8px;
  font-size: 12px;
}
:where(.sable-forms-experience) .submitted-ranking {
  margin-top: 10px;
  padding: 0;
  list-style: none;
}
:where(.sable-forms-experience) .submitted-ranking li {
  color: #7f7388;
  align-items: center;
  gap: 9px;
  margin: 7px 0;
  display: flex;
}
:where(.sable-forms-experience) .submitted-ranking li > span {
  background: #eee9f3;
  border-radius: 5px;
  place-items: center;
  width: 23px;
  height: 23px;
  font-size: 11px;
  display: grid;
}
:where(.sable-forms-experience) .submitted-choices {
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 10px;
  display: flex;
}
:where(.sable-forms-experience) .submitted-choices > span {
  color: #7c6d89;
  background: #f0edf4;
  border-radius: 5px;
  align-items: center;
  gap: 5px;
  padding: 5px 8px;
  font-size: 12px;
  display: flex;
}
:where(.sable-forms-experience) .submitted-fields {
  margin-top: 10px;
}
:where(.sable-forms-experience) .submitted-fields > div {
  color: #85798d;
  grid-template-columns: 1fr 1.3fr;
  gap: 12px;
  padding: 6px 0;
  display: grid;
}
:where(.sable-forms-experience) .submitted-fields dt {
  color: #9a909f;
}
:where(.sable-forms-experience) .submitted-fields dd {
  overflow-wrap: anywhere;
  margin: 0;
}
:where(.sable-forms-experience) .submitted-file {
  border: 1px solid #e6e1eb;
  border-radius: 8px;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
  padding: 12px;
  display: flex;
}
:where(.sable-forms-experience) .submitted-file small {
  color: #9b909f;
  font-size: 10px;
  display: block;
}
:where(.sable-forms-experience) .submitted-file a {
  margin-left: auto;
  font-size: 11px;
}
:where(.sable-forms-experience) .submission-gallery {
  margin-top: 12px;
}
:where(.sable-forms-experience) .submission-image-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  display: grid;
}
:where(.sable-forms-experience) .submission-image-grid > button {
  aspect-ratio: 3/4;
  cursor: zoom-in;
  background: #ece7ef;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
}
:where(.sable-forms-experience) .submission-image-grid img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: transform 0.18s ease-out;
  display: block;
}
:where(.sable-forms-experience) .submission-image-grid button > span {
  color: #594b62;
  background: #ffffffdc;
  border-radius: 4px;
  padding: 1px 5px;
  font-size: 10px;
  position: absolute;
  bottom: 6px;
  right: 6px;
}
:where(.sable-forms-experience) .submission-gallery > small {
  color: #9a8fa2;
  margin-top: 8px;
  font-size: 11px;
  display: block;
}
:where(.sable-forms-experience) .lightbox-stage {
  background: #f1eef3;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  height: min(65vh, 650px);
  display: flex;
  position: relative;
  overflow: hidden;
}
:where(.sable-forms-experience) .lightbox-stage > img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
:where(.sable-forms-experience) .lightbox-stage > button {
  color: #52475d;
  background: #ffffffed;
  border-radius: min(50%, var(--sable-radius-cap, 50%));
  place-items: center;
  width: 38px;
  height: 38px;
  display: grid;
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  box-shadow: 0 2px 10px #0002;
}
:where(.sable-forms-experience) .lightbox-prev {
  left: 12px;
}
:where(.sable-forms-experience) .lightbox-next {
  right: 12px;
}
:where(.sable-forms-experience) .lightbox-footer {
  color: #8a7e93;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding-top: 14px;
  font-size: 12px;
  display: flex;
}
:where(.sable-forms-experience) .lightbox-thumbs {
  gap: 8px;
  display: flex;
}
:where(.sable-forms-experience) .lightbox-thumbs button {
  opacity: 0.55;
  border: 2px solid #0000;
  border-radius: 5px;
  width: 44px;
  height: 52px;
  overflow: hidden;
}
:where(.sable-forms-experience) .lightbox-thumbs button[aria-pressed='true'] {
  opacity: 1;
  border-color: #8e799e;
}
:where(.sable-forms-experience) .lightbox-thumbs img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
@media (hover: hover) {
  :where(.sable-forms-experience) .submission-image-grid button:hover img {
    transform: scale(1.035);
  }
}
@media (prefers-reduced-motion: reduce) {
  :where(.sable-forms-experience) .submission-image-grid img {
    transition: none;
  }
}
:where(.sable-forms-experience) .respondent-page-field + .respondent-page-field {
  margin-top: 32px;
}
:where(.sable-forms-experience) .respondent-page-field {
  position: relative;
}
:where(.sable-forms-experience) .page-tree {
  flex-direction: column;
  gap: 8px;
  padding: 0 10px 12px;
  display: flex;
}
:where(.sable-forms-experience) .page-card {
  border: 1px solid #e8e7e9;
  border-radius: 12px;
  flex-shrink: 0;
  padding: 4px;
}
:where(.sable-forms-experience) .page-card-header {
  border-radius: 8px;
  align-items: center;
  min-height: 46px;
  display: flex;
}
:where(.sable-forms-experience) .page-card-header.selected {
  background: #eeedef;
}
:where(.sable-forms-experience) .page-card-title {
  text-align: left;
  flex: 1;
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 8px 4px;
  font-size: 12px;
  line-height: 17px;
  display: flex;
}
:where(.sable-forms-experience) .page-card-title > span:last-child {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}
:where(.sable-forms-experience) .page-disclosure {
  color: #746e78;
  border-radius: 6px;
  flex-shrink: 0;
  place-items: center;
  width: 30px;
  height: 32px;
  display: grid;
}
:where(.sable-forms-experience) .page-disclosure svg {
  transition: rotate 0.18s cubic-bezier(0.23, 1, 0.32, 1);
}
:where(.sable-forms-experience) .page-more {
  color: #746e78;
  flex-shrink: 0;
  place-items: center;
  width: 24px;
  height: 30px;
  display: grid;
}
:where(.sable-forms-experience) .page-child {
  border-radius: 7px;
  align-items: center;
  min-height: 48px;
  margin: 3px 0;
  display: flex;
}
:where(.sable-forms-experience) .page-child > button:first-child {
  text-align: left;
  flex: 1;
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 8px 4px;
  font-size: 12px;
  display: flex;
}
:where(.sable-forms-experience) .page-child .type-badge,:where(.sable-forms-experience) 
.page-card .type-badge {
  border-radius: 5px;
  justify-content: space-between;
  align-items: center;
  width: 44px;
  min-width: 44px;
  height: 23px;
  padding: 3px 5px;
  font-size: 11px;
  display: flex;
}
:where(.sable-forms-experience) .page-child.selected,:where(.sable-forms-experience) 
.page-child:hover {
  background: #eeedef;
}
:where(.sable-forms-experience) .page-child .page-more {
  opacity: 0;
}
:where(.sable-forms-experience) .page-child:hover .page-more,:where(.sable-forms-experience) 
.page-child.selected .page-more {
  opacity: 1;
}
:where(.sable-forms-experience) .page-more:focus-visible {
  opacity: 1;
}
:where(.sable-forms-experience) .page-add {
  color: #746e78;
  border-top: 1px solid #e8e7e9;
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: 100%;
  padding: 12px 0 7px;
  font-size: 12px;
  display: flex;
}
:where(.sable-forms-experience) .canvas-question[data-field-focus]:not([data-field-focus="question"]) > .editable-title-wrap,:where(.sable-forms-experience) 
.canvas-question[data-field-focus]:not([data-field-focus="question"]) > .editable-description,:where(.sable-forms-experience) 
.canvas-question[data-field-focus]:not([data-field-focus="question"]) > .canvas-label,:where(.sable-forms-experience) 
.canvas-question .contact-fields label[data-focused='false'] {
  opacity: 0.22;
}
:where(.sable-forms-experience) .canvas-question .contact-fields label {
  transition: opacity 0.15s;
}
:where(.sable-forms-experience) .canvas-question .contact-fields label[data-focused='true'] {
  opacity: 1;
}
:where(.sable-forms-experience) .canvas-question[data-field-focus] .contact-fields label {
  cursor: pointer;
}
@media (prefers-reduced-motion: reduce) {
  :where(.sable-forms-experience) .page-disclosure svg,:where(.sable-forms-experience) 
  .canvas-question .contact-fields label {
    transition: none;
  }
}
:where(.sable-forms-experience) .grouped-canvas-field {
  margin: 0 0 32px;
  transition: opacity 0.15s;
}
:where(.sable-forms-experience) .grouped-canvas-field[data-dimmed='true'] {
  opacity: 0.22;
}
:where(.sable-forms-experience) .storage-purchase {
  color: #625b69;
  flex-direction: column;
  gap: 20px;
  padding-top: 8px;
  display: flex;
}
:where(.sable-forms-experience) .storage-purchase p {
  margin: 0;
  font-size: 14px;
  line-height: 1.55;
}
:where(.sable-forms-experience) .storage-purchase > small {
  color: #8b8491;
  font-size: 11px;
  line-height: 1.5;
}
:where(.sable-forms-experience) .storage-hero,:where(.sable-forms-experience) 
.storage-card {
  background: #f5f3f7;
  border: 1px solid #ebe7ef;
  border-radius: 12px;
  align-items: center;
  gap: 14px;
  padding: 18px;
  display: flex;
}
:where(.sable-forms-experience) .storage-hero strong {
  color: #44394f;
}
:where(.sable-forms-experience) .storage-card div {
  flex-direction: column;
  gap: 4px;
  display: flex;
}
:where(.sable-forms-experience) .storage-card small {
  color: #8b8491;
}
:where(.sable-forms-experience) .storage-slider-label {
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  display: flex;
}
:where(.sable-forms-experience) .storage-slider-label strong {
  color: #473b52;
  font-size: 24px;
  font-weight: 500;
}
:where(.sable-forms-experience) .storage-purchase input[type='range'] {
  accent-color: #766082;
  cursor: pointer;
  width: 100%;
}
:where(.sable-forms-experience) .storage-range {
  color: #8b8491;
  justify-content: space-between;
  margin-top: -15px;
  font-size: 11px;
  display: flex;
}
:where(.sable-forms-experience) .storage-price {
  border-top: 1px solid #ebe7ef;
  border-bottom: 1px solid #ebe7ef;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 22px;
  display: flex;
}
:where(.sable-forms-experience) .storage-price strong {
  color: #44394f;
  font-size: 30px;
  font-weight: 500;
}
:where(.sable-forms-experience) .storage-price small {
  color: #8b8491;
  font-size: 14px;
}
:where(.sable-forms-experience) .storage-price span {
  font-size: 13px;
}
:where(.sable-forms-experience) .storage-invoice {
  flex-direction: column;
  gap: 15px;
  margin: 0;
  font-size: 13px;
  display: flex;
}
:where(.sable-forms-experience) .storage-invoice div {
  justify-content: space-between;
  gap: 16px;
  display: flex;
}
:where(.sable-forms-experience) .storage-invoice dd {
  color: #44394f;
  margin: 0;
  font-weight: 500;
}
:where(.sable-forms-experience) .storage-consent,:where(.sable-forms-experience) 
.storage-demo {
  align-items: flex-start;
  gap: 10px;
  font-size: 12px;
  line-height: 1.5;
  display: flex;
}
:where(.sable-forms-experience) .storage-consent input,:where(.sable-forms-experience) 
.storage-demo input {
  accent-color: #766082;
  margin-top: 3px;
}
:where(.sable-forms-experience) .storage-demo {
  color: #8b8491;
  border-top: 1px solid #ebe7ef;
  padding-top: 12px;
}
:where(.sable-forms-experience) .storage-notice {
  background: #f4eff8;
  border: 1px solid #e1d7e9;
  border-radius: 12px;
  align-items: center;
  gap: 14px;
  margin-bottom: 18px;
  padding: 18px;
  font-size: 13px;
  display: flex;
}
:where(.sable-forms-experience) .storage-notice div {
  flex: 1;
}
:where(.sable-forms-experience) .storage-notice p {
  margin: 5px 0 0;
  font-size: 12px;
  line-height: 1.5;
}
:where(.sable-forms-experience) .storage-success {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 8px;
  gap: 18px;
}
:where(.sable-forms-experience) .storage-success-icon {
  width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  border-radius: min(50%, var(--sable-radius-cap, 50%));
  color: #39765e;
  background: #e8f1ec;
  box-shadow: inset 0 0 0 1px #39765e12;
}
:where(.sable-forms-experience) .storage-success-icon svg {
  stroke-width: 2;
}
:where(.sable-forms-experience) .storage-success-capacity {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}
:where(.sable-forms-experience) .storage-success-capacity > strong {
  font-size: 48px;
  line-height: 1.05;
  font-weight: 500;
  letter-spacing: -2px;
  color: #403a45;
  font-variant-numeric: tabular-nums;
}
:where(.sable-forms-experience) .storage-success-capacity strong span {
  font-size: 24px;
  letter-spacing: -0.5px;
  color: #8a818e;
}
:where(.sable-forms-experience) .storage-success-capacity > span {
  color: #807782;
  font-size: 12px;
}
:where(.sable-forms-experience) .storage-success > p {
  margin: 0;
  font-size: 13px;
  line-height: 1.5;
  color: #807782;
  text-align: center;
  max-width: 310px;
}
:where(.sable-forms-experience) .storage-success-receipt {
  width: 100%;
  margin: 3px 0 0;
  padding: 0 16px;
  border: 1px solid #e7e3ea;
  border-radius: 12px;
  background: #fbfafc;
}
:where(.sable-forms-experience) .storage-success-receipt > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 15px 0;
}
:where(.sable-forms-experience) .storage-success-receipt > div + div {
  border-top: 1px solid #eae6ed;
}
:where(.sable-forms-experience) .storage-success-receipt dt {
  display: flex;
  flex-direction: column;
  gap: 5px;
  font-size: 13px;
  color: #554b5e;
}
:where(.sable-forms-experience) .storage-success-receipt dt span {
  font-size: 11px;
  color: #918797;
}
:where(.sable-forms-experience) .storage-success-receipt dd {
  margin: 0;
  font-size: 15px;
  font-weight: 500;
  color: #403a45;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
:where(.sable-forms-experience) .storage-success-receipt dd small {
  font-size: 11px;
  font-weight: 400;
  color: #918797;
}
:where(.sable-forms-experience) .storage-success > .button {
  width: 100%;
  min-height: 40px;
}
:where(.sable-forms-experience) .storage-success-demo {
  color: #9b929f;
  font-size: 11px;
  margin-top: -8px;
}
:where(.sable-forms-experience) .respondent-page-field > .question-index {
  top: 8px;
  left: -34px;
  gap: 4px;
  line-height: 20px;
}
:where(.sable-forms-experience) .mobile-preview .respondent-page-field > .question-index {
  top: 8px;
  left: -30px;
}
:where(.sable-forms-experience) .respondent-page .respondent-brand {
  position: fixed;
  top: auto;
  bottom: max(28px, env(safe-area-inset-bottom));
  left: 40px;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 1;
  letter-spacing: -1px;
  z-index: 2;
}
:where(.sable-forms-experience) .mobile-preview .respondent-brand {
  position: absolute;
  left: 24px;
  bottom: 28px;
}
@media (max-width: 600px) {
  :where(.sable-forms-experience) .respondent-page .respondent-brand {
    left: 24px;
  }
}
:where(.sable-forms-experience) .editable-choices {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  margin-top: 18px;
}
:where(.sable-forms-experience) .editable-choice-row {
  position: relative;
  width: min(100%, 300px);
}
:where(.sable-forms-experience) .editable-choice-row .answer-choice {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 44px;
  margin: 0;
  padding: 8px 10px;
  border: 1px solid #e5e2e7;
  border-radius: 9px;
  background: #eeedef;
}
:where(.sable-forms-experience) .editable-choice-row input {
  width: 100%;
  min-width: 0;
  border: 0;
  padding: 0;
  outline: none;
  background: transparent;
  color: inherit;
  font: inherit;
  box-shadow: none;
}
:where(.sable-forms-experience) .choice-drag,:where(.sable-forms-experience) 
.choice-delete {
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  display: grid;
  place-items: center;
  width: 28px;
  height: 32px;
  border-radius: 6px;
  opacity: 0;
  color: #827888;
  transition: opacity 120ms ease,
    background-color 120ms ease;
}
:where(.sable-forms-experience) .choice-drag {
  left: -30px;
  cursor: grab;
  touch-action: none;
}
:where(.sable-forms-experience) .choice-drag:active {
  cursor: grabbing;
}
:where(.sable-forms-experience) .choice-delete {
  right: -32px;
}
:where(.sable-forms-experience) .editable-choice-row:hover > button,:where(.sable-forms-experience) 
.editable-choice-row:focus-within > button {
  opacity: 1;
}
:where(.sable-forms-experience) .choice-delete:hover:not(:disabled) {
  color: #a13e44;
  background: #f6e9eb;
}
:where(.sable-forms-experience) .choice-delete:disabled {
  opacity: 0.2;
}
:where(.sable-forms-experience) .editable-choice-row.is-dragging {
  opacity: 0.4;
}
:where(.sable-forms-experience) .editable-choice-row.is-drop-target .answer-choice {
  box-shadow: 0 -3px 0 #8a739b;
}
:where(.sable-forms-experience) .choice-add {
  padding: 10px 0;
  text-decoration: underline;
  color: #736979;
  font-size: 14px;
  margin-top: 8px;
}
@media (hover: none) {
  :where(.sable-forms-experience) .choice-drag,:where(.sable-forms-experience) 
  .choice-delete {
    opacity: 1;
  }
}
@media (prefers-reduced-motion: reduce) {
  :where(.sable-forms-experience) .choice-drag,:where(.sable-forms-experience) 
  .choice-delete {
    transition: none;
  }
}
:where(.sable-forms-experience) .contact-field-editor {
  padding: 16px;
  background: #f7f7f8;
  border-radius: 12px;
  margin-bottom: 10px;
}
:where(.sable-forms-experience) .contact-field-editor .text-button {
  margin-top: 10px;
  color: #a13e44;
}
:where(.sable-forms-experience) .canvas-question .editable-description {
  height: auto;
  overflow: hidden;
  resize: none;
  flex-shrink: 0;
}
:where(.sable-forms-experience) .page-card {
  position: relative;
}
:where(.sable-forms-experience) .page-card-title {
  cursor: grab;
}
:where(.sable-forms-experience) .page-card-title:active {
  cursor: grabbing;
}
:where(.sable-forms-experience) .page-card.page-dragging {
  opacity: 0.4;
}
:where(.sable-forms-experience) .page-drop-before:before,:where(.sable-forms-experience) 
.page-drop-after:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  height: 3px;
  background: #8b759d;
  border-radius: 3px;
  pointer-events: none;
  z-index: 2;
}
:where(.sable-forms-experience) .page-drop-before:before {
  top: -6px;
}
:where(.sable-forms-experience) .page-drop-after:after {
  bottom: -6px;
}
:where(.sable-forms-experience) .toggle-row [data-slot='switch'] {
  --switch-track-width: 29px;
  --switch-thumb-size: 13px;
  position: relative;
}
:where(.sable-forms-experience) .reference-answer .toggle-row [data-slot='switch'] {
  --switch-track-width: 28px;
  --switch-thumb-size: 11px;
}
:where(.sable-forms-experience) .toggle-row [data-slot='switch'] [data-slot='switch-thumb'] {
  position: absolute;
  left: 1px;
  top: 50%;
  translate: 0 -50%;
  transform: none;
  transition: translate 160ms cubic-bezier(0.23, 1, 0.32, 1);
}
:where(.sable-forms-experience) .toggle-row [data-slot='switch'][data-checked] [data-slot='switch-thumb'] {
  translate: calc(var(--switch-track-width) - var(--switch-thumb-size) - 4px)
    -50%;
}
@media (prefers-reduced-motion: reduce) {
  :where(.sable-forms-experience) .toggle-row [data-slot='switch'] [data-slot='switch-thumb'] {
    transition: none;
  }
}
:where(.sable-forms-experience) .file-upload-answer {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
:where(.sable-forms-experience) .upload-file-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
:where(.sable-forms-experience) .upload-file-list li {
  display: flex;
  align-items: center;
  gap: 10px;
  border: 1px solid currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, currentColor 20%, transparent);
  }
  border-radius: 10px;
  padding: 10px 12px;
  font-size: 12px;
}
:where(.sable-forms-experience) .upload-file-list li > span {
  flex: 1;
  min-width: 0;
  overflow-wrap: anywhere;
}
:where(.sable-forms-experience) .upload-file-list small {
  display: block;
  color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb, currentColor 65%, transparent);
  }
  margin-top: 3px;
  font-size: 10px;
}
:where(.sable-forms-experience) .upload-file-list button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  min-width: 44px;
  min-height: 44px;
  padding: 6px;
  border-radius: 6px;
  color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb, currentColor 75%, transparent);
  }
}
:where(.sable-forms-experience) .upload-file-list button:hover {
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, currentColor 10%, transparent);
  }
  color: inherit;
}
:where(.sable-forms-experience) .upload-count {
  color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb, currentColor 65%, transparent);
  }
  font-size: 12px;
}
:where(.sable-forms-experience) .upload-error-file {
  display: block;
  overflow-wrap: anywhere;
}
:where(.sable-forms-experience) .upload-limits {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  padding: 16px 0;
  border-bottom: 1px solid #e7e3ea;
}
:where(.sable-forms-experience) .upload-limits .field {
  font-size: 12px;
}
@font-face {
  font-family: "Forms Inter";
  src: url('/forms-experience/fonts/Inter-Regular.ttf') format('truetype');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Forms Inter";
  src: url('/forms-experience/fonts/Inter-Medium.ttf') format('truetype');
  font-style: normal;
  font-weight: 500 700;
  font-display: swap;
}
:where(.sable-forms-experience) .editor {
  font-family: "Forms Inter", sans-serif;
}
:where(.sable-forms-experience) .editor .form-canvas {
  aspect-ratio: 16 / 9;
  height: auto;
  max-height: calc(100vh - 240px);
}
:where(.sable-forms-experience) .editor .canvas-question {
  width: 70%;
  max-width: 720px;
  margin: auto;
  padding: 24px 0;
}
:where(.sable-forms-experience) .editor .editable-title {
  font-family: inherit;
  font-size: 26px;
  line-height: 34px;
  letter-spacing: -0.3px;
  min-height: 34px;
  overflow: hidden;
  display: block;
  resize: none;
}
:where(.sable-forms-experience) .editor .editable-description {
  display: block;
  font-family: inherit;
  font-size: 18px;
  line-height: 24px;
  margin: 8px 0 30px;
}
:where(.sable-forms-experience) .editor .single-answer,:where(.sable-forms-experience) 
.editor .canvas-question > div > textarea {
  font-family: inherit;
  font-size: 26px;
  line-height: 34px;
  padding: 6px 0;
  margin: 0;
}
:where(.sable-forms-experience) .editor .canvas-label {
  top: 31px;
}
:where(.sable-forms-experience) .editor .reference-answer h4 {
  margin-bottom: 16px;
}
:where(.sable-forms-experience) .editor .reference-answer .mapping-row {
  margin-bottom: 12px;
  padding-bottom: 12px;
}
:where(.sable-forms-experience) .inspector-input {
  width: 100%;
  min-width: 0;
  min-height: 32px;
  padding: 6px 10px;
  border: 1px solid #e3e1e5;
  border-radius: 7px;
  margin-bottom: 12px;
  background: #fafafa;
  font-size: 13px;
}
:where(.sable-forms-experience) .scale-settings,:where(.sable-forms-experience) 
.date-settings {
  margin: 14px 0;
}
:where(.sable-forms-experience) .scale-settings .field small {
  text-align: right;
  color: #928b96;
}
:where(.sable-forms-experience) .horizontal-choices {
  flex-direction: row !important;
  flex-wrap: wrap;
}
:where(.sable-forms-experience) .editable-choices.horizontal-choices .editable-choice-row {
  width: auto;
  min-width: 170px;
}
:where(.sable-forms-experience) .single-checkbox-answer {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 20px;
}
:where(.sable-forms-experience) .single-checkbox-answer input {
  border: 0;
  background: transparent;
  padding: 0;
  font: inherit;
  min-width: 0;
  width: 100%;
}
:where(.sable-forms-experience) .choice-picture-upload {
  display: flex;
  width: 100%;
  aspect-ratio: 1;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  overflow: hidden;
  border-radius: 6px;
  background: #f0eff1;
}
:where(.sable-forms-experience) .choice-picture-upload img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
:where(.sable-forms-experience) .choice-picture-upload input {
  display: none;
}
:where(.sable-forms-experience) .picture-editor {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-width: 100%;
  gap: 12px;
}
:where(.sable-forms-experience) .picture-editor .editable-choice-row {
  width: 100%;
}
:where(.sable-forms-experience) .picture-editor .editable-choice-body {
  flex-wrap: wrap;
  width: 100%;
}
:where(.sable-forms-experience) .picture-editor .editable-choice-body > input {
  width: calc(100% - 36px);
}
:where(.sable-forms-experience) .picture-editor .choice-add {
  grid-column: 1/-1;
  justify-self: start;
}
:where(.sable-forms-experience) .supersize-pictures {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
:where(.sable-forms-experience) .matrix input {
  width: 100%;
  min-width: 75px;
  background: transparent;
  border: 0;
  padding: 6px;
  font: inherit;
}
:where(.sable-forms-experience) .matrix-edit-actions {
  display: flex;
  gap: 20px;
  padding-top: 16px;
}
:where(.sable-forms-experience) .editor .mobile-canvas .canvas-question {
  width: calc(100% - 56px);
  padding: 24px 0;
}
:where(.sable-forms-experience) .editor .mobile-canvas .editable-title {
  font-size: 22px;
  line-height: 28px;
}
@media (max-width: 1000px) {
  :where(.sable-forms-experience) .editor .canvas-question {
    width: 78%;
  }
}
:where(.sable-forms-experience) .date-answer {
  display: flex;
  align-items: flex-end;
  gap: 16px;
}
:where(.sable-forms-experience) .date-answer > div {
  display: flex;
  align-items: flex-end;
  gap: 16px;
}
:where(.sable-forms-experience) .date-answer label {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
:where(.sable-forms-experience) .date-answer label > span {
  font-size: 16px;
}
:where(.sable-forms-experience) .date-answer input {
  border: 0;
  border-bottom: 1px solid currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border-bottom: 1px solid color-mix(in srgb, currentColor 28%, transparent);
  }
  background: transparent;
  border-radius: 0;
  font-size: 26px;
  line-height: 34px;
  padding: 6px 0;
  width: 72px;
}
:where(.sable-forms-experience) .date-answer > div:has(input[maxlength='4']) input {
  width: 100px;
}
:where(.sable-forms-experience) .date-separator {
  font-size: 28px;
  opacity: 0.55;
  padding-bottom: 9px;
}
:where(.sable-forms-experience) .standalone-phone {
  display: flex;
  align-items: center;
  gap: 8px;
}
:where(.sable-forms-experience) .standalone-phone .phone-country {
  width: 70px;
  font-size: 24px;
  padding: 10px 0;
  border-bottom: 1px solid #aaa6ad;
}
:where(.sable-forms-experience) .standalone-phone .single-answer {
  flex: 1;
  min-width: 0;
}
:where(.sable-forms-experience) .compound-field {
  margin-bottom: 32px;
  transition: opacity 150ms ease-out;
}
:where(.sable-forms-experience) .compound-field[data-focused='false'] {
  opacity: 0.22;
}
:where(.sable-forms-experience) .compound-field[data-focused='true'] {
  opacity: 1;
}
:where(.sable-forms-experience) .compound-field > label,:where(.sable-forms-experience) 
.compound-label {
  display: block;
  margin: 0 0 16px;
  font-size: 16px;
  line-height: 24px;
}
:where(.sable-forms-experience) .compound-label {
  width: 100%;
  background: transparent;
  border: 0;
  padding: 0;
  color: inherit;
}
:where(.sable-forms-experience) .editor .compound-field .single-answer {
  margin: 0;
  padding: 6px 0;
}
@media (prefers-reduced-motion: reduce) {
  :where(.sable-forms-experience) .compound-field {
    transition: none;
  }
}
:where(.sable-forms-experience) .editor .canvas-question .contact-fields {
  gap: 28px;
  margin-top: 32px;
}
:where(.sable-forms-experience) .editor .canvas-question .compound-field {
  margin: 0;
}
:where(.sable-forms-experience) .editor .canvas-question .contact-fields .compound-label {
  border: 0;
  border-radius: 0;
  font-family: inherit;
  font-size: 16px;
  line-height: 24px;
  height: 24px;
  min-height: 0;
  padding: 0;
  margin: 0 0 14px;
  background: transparent;
}
:where(.sable-forms-experience) .editor .canvas-question .contact-fields .single-answer {
  font-family: inherit;
  font-size: 26px;
  line-height: 34px;
  padding: 6px 0;
  margin: 0;
}
:where(.sable-forms-experience) .editor .canvas-question .contact-fields .standalone-phone {
  margin: 0;
}
:where(.sable-forms-experience) .editor .canvas-question .contact-fields .phone-country {
  padding: 6px 0;
}
:where(.sable-forms-experience) .editor .contact-canvas {
  padding: 24px 0;
}
:where(.sable-forms-experience) .editor .contact-canvas .canvas-label {
  top: 31px;
}
:where(.sable-forms-experience) .editor-header {
  height: 56px;
  min-height: 56px;
}
:where(.sable-forms-experience) .editor-body {
  padding-top: 0;
}
:where(.sable-forms-experience) .editor
  .reference-answer:has(> h4):not(:has(.answer-type-select))
  .reference-media {
  border-top: 0;
}
:where(.sable-forms-experience) .rating-shape-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px 10px;
  border: 1px solid #e5e4e7;
  background: white;
  border-radius: 7px;
  height: 32px;
}
:where(.sable-forms-experience) .rating-shape-trigger > svg:first-child {
  width: 24px;
  height: 24px;
}
:where(.sable-forms-experience) .rating-shape-menu {
  width: 292px;
  padding: 16px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
}
:where(.sable-forms-experience) .rating-shape-menu button {
  display: grid;
  place-items: center;
  padding: 4px;
  border: 1px solid #e5e4e7;
  border-radius: 5px;
  background: white;
  aspect-ratio: 1;
}
:where(.sable-forms-experience) .rating-shape-menu button:hover,:where(.sable-forms-experience) 
.rating-shape-menu button[aria-pressed='true'] {
  background: #eeedef;
  border-color: #77717e;
}
:where(.sable-forms-experience) .rating-shape-menu svg {
  width: 28px;
  height: 28px;
}
:where(.sable-forms-experience) .ending-actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  margin-top: 24px;
}
:where(.sable-forms-experience) .ending-socials {
  display: flex;
  align-items: center;
  gap: 24px;
}
:where(.sable-forms-experience) .ending-socials button {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  background: none;
  border: 0;
  color: inherit;
  opacity: 1;
}
:where(.sable-forms-experience) .ending-socials button:hover {
  opacity: 1;
}
:where(.sable-forms-experience) .ending-socials span {
  font-size: 24px;
}
:where(.sable-forms-experience) .statement-quotation {
  display: block;
  font-family: Georgia, serif;
  font-size: 72px;
  line-height: 1;
  margin-bottom: 12px;
}
:where(.sable-forms-experience) .editor .form-canvas[data-question-type='End Screen'] .canvas-label,:where(.sable-forms-experience) 
.editor .form-canvas[data-question-type='Redirect to URL'] .canvas-label {
  display: none;
}
:where(.sable-forms-experience) .editor .form-canvas[data-question-type='End Screen'] .canvas-question,:where(.sable-forms-experience) 
.editor .form-canvas[data-question-type='Redirect to URL'] .canvas-question {
  text-align: center;
}
:where(.sable-forms-experience) .editor .form-canvas[data-question-type='End Screen'] textarea {
  text-align: center;
}
:where(.sable-forms-experience) .editor-body {
  padding-left: 16px;
  padding-right: 16px;
}
:where(.sable-forms-experience) .reference-question {
  padding-top: 16px;
  padding-bottom: 14px;
}
:where(.sable-forms-experience) .reference-answer {
  padding-top: 16px;
  padding-bottom: 16px;
}
:where(.sable-forms-experience) .editor .reference-answer .mapping-row {
  padding-top: 8px;
  padding-bottom: 8px;
  margin-bottom: 10px;
}
:where(.sable-forms-experience) .editor .answer-type-select {
  margin-bottom: 19px;
}
:where(.sable-forms-experience) .inspector-setting-label {
  margin: 14px 0 20px;
  font-size: 14px;
}
:where(.sable-forms-experience) .date-answer {
  gap: 8px;
}
:where(.sable-forms-experience) .date-answer > div {
  gap: 8px;
}
:where(.sable-forms-experience) .date-answer label > span {
  font-size: 14px;
}
:where(.sable-forms-experience) .date-answer input {
  width: 56px;
}
:where(.sable-forms-experience) .date-answer > div:has(input[maxlength='4']) input {
  width: 110px;
}
:where(.sable-forms-experience) .rating-answer:not(.scale-answer) > button {
  width: 52px;
  min-width: 52px;
  height: 94px;
}
:where(.sable-forms-experience) .rating-answer:not(.scale-answer) > button svg {
  width: 52px;
  height: 52px;
}
:where(.sable-forms-experience) .rating-answer .rating-number {
  font-size: 14px;
  margin-top: 18px;
}
:where(.sable-forms-experience) .line-break-hint {
  display: block;
  margin-top: 8px;
  font-size: 12px;
  opacity: 0.65;
}
:where(.sable-forms-experience) .phone-country,:where(.sable-forms-experience) 
.country-picker-trigger {
  display: flex;
  align-items: center;
  gap: 8px;
  background: transparent;
  color: inherit;
  border: 0;
}
:where(.sable-forms-experience) .country-picker-trigger {
  width: 100%;
  min-height: 44px;
  border: 1px solid currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, currentColor 24%, transparent);
  }
  border-radius: 10px;
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, currentColor 4%, transparent);
  }
  padding: 4px 10px;
  margin-top: 14px;
}
:where(.sable-forms-experience) .country-picker-trigger > span:nth-child(2) {
  flex: 1;
  text-align: left;
}
:where(.sable-forms-experience) .country-picker-menu {
  width: 280px;
  padding: 0;
  overflow: hidden;
}
:where(.sable-forms-experience) .country-picker-menu > label {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px;
  border-bottom: 1px solid currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border-bottom: 1px solid color-mix(in srgb, currentColor 20%, transparent);
  }
}
:where(.sable-forms-experience) .country-picker-menu input {
  width: 100%;
  background: transparent;
  border: 0;
  outline: 0;
}
:where(.sable-forms-experience) .country-picker-menu > div {
  max-height: 320px;
  overflow: auto;
  padding: 6px;
}
:where(.sable-forms-experience) .country-picker-menu button {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px;
  border: 0;
  border-radius: 5px;
  background: transparent;
  text-align: left;
}
:where(.sable-forms-experience) .country-picker-menu button:hover,:where(.sable-forms-experience) 
.country-picker-menu button[aria-pressed='true'] {
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, currentColor 10%, transparent);
  }
}
:where(.sable-forms-experience) .dropdown-answer-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  border: 0;
  border-bottom: 1px solid currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border-bottom: 1px solid color-mix(in srgb, currentColor 28%, transparent);
  }
  background: transparent;
  color: inherit;
  font-family: inherit;
  font-size: 26px;
  line-height: 34px;
  padding: 6px 0;
}
:where(.sable-forms-experience) .dropdown-answer-trigger.empty {
  color: #aaa7ab;
}
:where(.sable-forms-experience) .dropdown-answer-footer {
  display: flex;
  justify-content: space-between;
  margin-top: 8px;
  font-size: 14px;
}
:where(.sable-forms-experience) .dropdown-answer-footer button {
  border: 0;
  background: none;
  color: inherit;
  text-decoration: underline;
  padding: 0;
}
:where(.sable-forms-experience) .dropdown-answer-menu {
  width: var(--anchor-width);
  min-width: 240px;
  padding: 8px;
  max-height: var(--available-height);
}
:where(.sable-forms-experience) .dropdown-answer-menu input {
  width: 100%;
  padding: 8px;
  border: 1px solid #e5e4e7;
  border-radius: 5px;
  flex: none;
}
:where(.sable-forms-experience) .dropdown-answer-menu > div {
  max-height: 240px;
  min-height: 0;
  overflow: auto;
  overscroll-behavior: contain;
}
:where(.sable-forms-experience) .dropdown-answer-menu button {
  width: 100%;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: left;
  background: none;
  border: 0;
  border-radius: 5px;
  min-height: 44px;
}
:where(.sable-forms-experience) .dropdown-answer-menu button[data-highlighted] {
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, currentColor 10%, transparent);
  }
}
:where(.sable-forms-experience) .dropdown-answer-menu button:hover {
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, currentColor 10%, transparent);
  }
}
:where(.sable-forms-experience) .bulk-choices-input {
  width: 100%;
  min-height: 138px;
  padding: 12px;
  border: 1px solid #aaa6ad;
  border-radius: 10px;
  resize: vertical;
}
:where(.sable-forms-experience) .editor .editable-choices .special-choice {
  margin-top: 6px;
}
:where(.sable-forms-experience) .picture-editor.hide-picture-labels
  .editable-choice-row
  .answer-choice
  > input {
  opacity: 0;
}
:where(.sable-forms-experience) .picture-editor.hide-picture-labels
  .editable-choice-row:focus-within
  .answer-choice
  > input {
  opacity: 1;
}
:where(.sable-forms-experience) .picture-editor.supersize-pictures {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
:where(.sable-forms-experience) .matrix {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 8px;
  font-size: 16px;
}
:where(.sable-forms-experience) .matrix th,:where(.sable-forms-experience) 
.matrix td {
  border: 0;
  padding: 12px 16px;
  min-width: 110px;
}
:where(.sable-forms-experience) .matrix thead th {
  font-weight: 400;
}
:where(.sable-forms-experience) .matrix tbody th,:where(.sable-forms-experience) 
.matrix tbody td {
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, currentColor 6%, transparent);
  }
}
:where(.sable-forms-experience) .matrix tbody th {
  border-radius: 8px 0 0 8px;
  width: 40%;
  font-weight: 400;
}
:where(.sable-forms-experience) .matrix tbody td:last-child {
  border-radius: 0 8px 8px 0;
}
:where(.sable-forms-experience) .matrix tbody td {
  text-align: center;
}
:where(.sable-forms-experience) .matrix .matrix-radio {
  appearance: none;
  width: 22px;
  height: 22px;
  border: 1px solid currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, currentColor 45%, transparent);
  }
  border-radius: min(50%, var(--sable-radius-cap, 50%));
  padding: 0;
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, currentColor 6%, transparent);
  }
  vertical-align: middle;
}
:where(.sable-forms-experience) .matrix .matrix-radio:checked {
  box-shadow: inset 0 0 0 5px var(--form-background);
  background: var(--answer-color, currentColor);
}
:where(.sable-forms-experience) .matrix-label {
  display: flex;
  align-items: center;
  gap: 4px;
}
:where(.sable-forms-experience) .matrix-label input {
  min-width: 0;
  width: 100%;
  font: inherit;
  border: 0;
  background: transparent;
  color: inherit;
}
:where(.sable-forms-experience) .matrix-label button {
  opacity: 0;
  flex-shrink: 0;
  display: grid;
  place-items: center;
  border: 0;
  background: none;
  width: 24px;
  height: 24px;
}
:where(.sable-forms-experience) .matrix-label:hover button,:where(.sable-forms-experience) 
.matrix-label:focus-within button {
  opacity: 1;
}
:where(.sable-forms-experience) .matrix-add-column {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 28px;
}
:where(.sable-forms-experience) .matrix-add-column button,:where(.sable-forms-experience) 
.matrix-add-row {
  text-decoration: underline;
  border: 0;
  background: none;
  color: inherit;
  font-size: 16px;
  padding: 0;
}
:where(.sable-forms-experience) .matrix-add-row {
  margin-top: 12px;
}
:where(.sable-forms-experience) .signature-modes {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-bottom: 16px;
}
:where(.sable-forms-experience) .signature-modes button {
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, currentColor 24%, transparent);
  }
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, currentColor 4%, transparent);
  }
  border-radius: 10px;
  padding: 8px 14px;
  font-size: 14px;
  color: inherit;
  min-height: 44px;
}
:where(.sable-forms-experience) .signature-modes button[aria-pressed='true'] {
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, currentColor 12%, transparent);
  }
  border-color: currentColor;
  box-shadow: inset 0 0 0 1px currentColor;
}
:where(.sable-forms-experience) .signature-modes button:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}
:where(.sable-forms-experience) .signature-surface {
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, currentColor 6%, transparent);
  }
  border: 1px dashed currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px dashed color-mix(in srgb, currentColor 30%, transparent);
  }
  border-radius: 14px;
  padding: 10px;
}
:where(.sable-forms-experience) .signature-surface .typed-signature {
  width: 100%;
  min-height: 54px;
  border: 0;
  border-bottom: 1px solid currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border-bottom: 1px solid color-mix(in srgb, currentColor 28%, transparent);
  }
  border-radius: 0;
  padding: 8px 0;
  background: transparent;
}
:where(.sable-forms-experience) .signature-surface .typed-signature:focus-visible {
  border-bottom-color: currentColor;
  box-shadow: 0 1px 0 0 currentColor;
  outline: none;
}
:where(.sable-forms-experience) .signature-surface .typed-signature::placeholder {
  font: 20px/28px Inter,
    sans-serif !important;
}
:where(.sable-forms-experience) .signature .answer-hint {
  font-size: 14px;
  line-height: 20px;
  margin-top: 14px;
}
:where(.sable-forms-experience) .signature-settings .property-line {
  padding: 20px 0;
  border-top: 1px solid #e5e4e7;
  border-bottom: 1px solid #e5e4e7;
  margin: 10px 0 20px;
}
:where(.sable-forms-experience) .signature-settings .property-line span {
  padding: 2px 8px;
  border: 1px solid #e5e4e7;
  border-radius: 5px;
  background: white;
}
:where(.sable-forms-experience) .signature-settings .field {
  font-size: 14px;
}
:where(.sable-forms-experience) .signature-settings p,:where(.sable-forms-experience) 
.signature-settings .text-button {
  font-size: 12px;
  line-height: 16px;
}
:where(.sable-forms-experience) .editable-title-wrap {
  position: relative;
  width: 100%;
}
:where(.sable-forms-experience) .title-required-mirror {
  position: absolute;
  inset: 0;
  pointer-events: none;
  font: 26px/34px inherit;
  letter-spacing: -0.3px;
  color: transparent;
  white-space: pre-wrap;
  overflow-wrap: break-word;
}
:where(.sable-forms-experience) .editor .title-required-mirror {
  font-family: inherit;
  font-size: 26px;
  line-height: 34px;
  font-weight: 400;
}
:where(.sable-forms-experience) .title-required-mirror sup {
  color: var(--form-text, #302b35);
  font-size: 0.7em;
  position: relative;
  top: -0.2em;
  padding-left: 2px;
}
:where(.sable-forms-experience) .media-answer-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}
:where(.sable-forms-experience) .media-answer-actions label,:where(.sable-forms-experience) 
.media-answer-actions button {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid #dddade;
  border-radius: 6px;
  background: #eeedef;
  padding: 12px;
  font-size: 16px;
  color: inherit;
  cursor: pointer;
}
:where(.sable-forms-experience) .media-answer-actions input[type='file'] {
  position: absolute;
  inset: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
:where(.sable-forms-experience) .media-answer-preview {
  margin-top: 20px;
}
:where(.sable-forms-experience) .media-answer-preview video {
  max-width: 100%;
  max-height: 260px;
}
:where(.sable-forms-experience) .media-answer-preview audio {
  width: 100%;
}
:where(.sable-forms-experience) .media-answer > textarea {
  margin-top: 20px;
}
:where(.sable-forms-experience) .knowledge-add {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 0;
  border: 0;
  border-top: 1px solid #e5e4e7;
  background: transparent;
  font-size: 14px;
}
:where(.sable-forms-experience) .knowledge-add > span {
  display: grid;
  place-items: center;
  min-width: 32px;
  height: 32px;
  padding: 4px;
  border-radius: 7px;
  background: #38333e;
  color: white;
}
:where(.sable-forms-experience) .ai-inspector-help {
  border: 1px solid #bcd7f2;
  box-shadow: 0 0 0 2px #eaf3fa;
  border-radius: 8px;
  padding: 16px;
  font-size: 14px;
  line-height: 20px;
  background: #fafcfe;
}
:where(.sable-forms-experience) .ai-inspector-help p {
  margin: 0 0 8px;
}
:where(.sable-forms-experience) .ai-inspector-help p:last-child {
  margin: 0;
}
:where(.sable-forms-experience) .ai-disclaimer-setting {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 20px 0 0;
  font-size: 14px;
}
:where(.sable-forms-experience) .knowledge-editor {
  display: grid;
  grid-template-columns: 1.6fr 1fr;
  gap: 32px;
  align-items: start;
  padding: 16px 0;
}
:where(.sable-forms-experience) .knowledge-editor textarea {
  width: 100%;
  height: 340px;
  border: 1px solid #77717e;
  border-radius: 10px;
  padding: 12px;
  resize: vertical;
}
:where(.sable-forms-experience) .knowledge-editor small {
  display: block;
  text-align: right;
  font-size: 12px;
  opacity: 0.65;
  margin-top: 8px;
}
:where(.sable-forms-experience) .knowledge-editor li {
  margin-top: 8px;
}
:where(.sable-forms-experience) .ai-answer > small {
  display: block;
  font-size: 12px;
  margin-top: 8px;
}
:where(.sable-forms-experience) .ai-answer > .answer-submit {
  display: inline-flex !important;
  margin-top: 16px;
}
:where(.sable-forms-experience) .ai-preview-reply {
  padding: 16px;
  background: #eeedef;
  border-radius: 8px;
  margin-top: 16px;
  white-space: pre-wrap;
}
@media (max-width: 600px) {
  :where(.sable-forms-experience) .knowledge-editor {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}
:where(.sable-forms-experience) .picture-editor .answer-choice {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  min-width: 0;
  gap: 8px;
}
:where(.sable-forms-experience) .picture-editor .answer-choice > input {
  flex: 1;
  min-width: 0;
  width: calc(100% - 40px);
}
:where(.sable-forms-experience) .picture-editor .choice-picture-upload {
  flex: 0 0 100%;
  position: relative;
}
:where(.sable-forms-experience) .picture-editor .choice-picture-upload input {
  display: block;
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
  width: 100%;
  height: 100%;
}
:where(.sable-forms-experience) .picture-editor .choice-picture-upload:focus-within {
  outline: 2px solid #5b80c9;
  outline-offset: 2px;
}
:where(.sable-forms-experience) .compound-media {
  margin: 16px 0;
}
:where(.sable-forms-experience) .compound-media img,:where(.sable-forms-experience) 
.compound-media video {
  max-width: 100%;
  max-height: 260px;
  border-radius: 6px;
}
:where(.sable-forms-experience) .question-format [data-active='true'] {
  background: #eeedef;
}
:where(.sable-forms-experience) .signature-recipient-row {
  display: flex;
  align-items: center;
  gap: 8px;
}
:where(.sable-forms-experience) .signature-recipient-row input {
  min-width: 0;
  flex: 1;
}
:where(.sable-forms-experience) .signature-recipients {
  display: grid;
  gap: 12px;
  margin: 20px 0;
}
:where(.sable-forms-experience) .editor .form-canvas.mobile-canvas {
  aspect-ratio: 9 / 16;
  height: min(672px, calc(100vh - 240px));
  width: min(378px, calc((100vh - 240px) * 9 / 16));
  max-width: 378px !important;
  flex-shrink: 0;
  overflow-y: auto;
}
:where(.sable-forms-experience) .ending-actions > .answer-submit {
  align-self: center;
  margin-top: 0;
}
:where(.sable-forms-experience) .editor .mobile-canvas .editable-title {
  font-size: 18px;
  line-height: 24px;
  min-height: 24px;
}
:where(.sable-forms-experience) .editor .mobile-canvas .editable-description {
  font-size: 14px;
  line-height: 20px;
}
:where(.sable-forms-experience) .editor .mobile-canvas .canvas-label {
  position: static;
  width: max-content;
  margin: 0 0 10px;
}
:where(.sable-forms-experience) .editor .mobile-canvas .picture-editor {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
:where(.sable-forms-experience) .editor .mobile-canvas .picture-editor[data-supersize='true'] {
  grid-template-columns: 1fr;
}
:where(.sable-forms-experience) .editor .mobile-canvas .canvas-label {
  width: 14px;
  min-width: 14px;
  height: 18px;
  display: grid;
  place-items: center;
}
:where(.sable-forms-experience) .brand-kit-layout {
  display: grid;
  grid-template-columns: minmax(260px, .9fr) minmax(300px, 1.1fr);
  gap: 32px;
  margin-top: 24px;
}
:where(.sable-forms-experience) .brand-kit-fields {
  display: grid;
  gap: 20px;
}
:where(.sable-forms-experience) .brand-kit-fields h3 {
  font-size: 13px;
  font-weight: 500;
  margin: 0 0 10px;
}
:where(.sable-forms-experience) .brand-kit-fields small {
  display: block;
  font-size: 11px;
  color: #8a838e;
  margin-top: 8px;
}
:where(.sable-forms-experience) .brand-logo-control {
  display: flex;
  align-items: center;
  gap: 8px;
}
:where(.sable-forms-experience) .brand-logo-upload {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  flex: 1;
  min-height: 78px;
  border: 1px dashed #cfcbd2;
  border-radius: 10px;
  background: #fff;
  font-size: 13px;
  cursor: pointer;
  overflow: hidden;
}
:where(.sable-forms-experience) .brand-logo-upload img {
  width: 64px;
  height: 52px;
  object-fit: contain;
}
:where(.sable-forms-experience) .brand-logo-upload input {
  position: absolute;
  inset: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
:where(.sable-forms-experience) .brand-logo-upload:focus-within {
  outline: 2px solid #786487;
  outline-offset: 3px;
}
:where(.sable-forms-experience) .brand-kit-colors {
  display: grid;
  gap: 8px;
}
:where(.sable-forms-experience) .brand-kit-color {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font-size: 13px;
}
:where(.sable-forms-experience) .brand-kit-color > div {
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid #e0dce3;
  border-radius: 7px;
  padding: 5px 8px;
  background: white;
}
:where(.sable-forms-experience) .brand-kit-color input[type=color] {
  width: 26px;
  height: 26px;
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
}
:where(.sable-forms-experience) .brand-kit-color input:not([type=color]) {
  width: 76px;
  font: 12px ui-monospace, monospace;
  border: 0;
  background: none;
}
:where(.sable-forms-experience) .brand-kit-preview {
  position: relative;
  border: 1px solid #0000000d;
  border-radius: 12px;
  min-height: 450px;
  padding: 30px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
:where(.sable-forms-experience) .brand-preview-caption {
  font: 10px Inter, sans-serif;
  letter-spacing: .12em;
  opacity: .5;
  margin-bottom: 28px;
}
:where(.sable-forms-experience) .brand-kit-preview-logo {
  width: 100px;
  height: 50px;
  object-fit: contain;
  object-position: left;
}
:where(.sable-forms-experience) .brand-kit-wordmark {
  font-size: 22px;
  letter-spacing: -.6px;
}
:where(.sable-forms-experience) .brand-kit-preview-question {
  margin: auto 0;
  padding: 28px 0;
}
:where(.sable-forms-experience) .brand-kit-preview-question h2 {
  font: inherit;
  font-size: 24px;
  line-height: 1.3;
  margin: 12px 0;
}
:where(.sable-forms-experience) .brand-kit-preview-question p {
  font: inherit;
  font-size: 14px;
  opacity: .7;
  line-height: 1.5;
}
:where(.sable-forms-experience) .brand-kit-preview-input {
  margin: 28px 0;
  border-bottom: 1px solid currentColor;
  padding-bottom: 10px;
  opacity: .45;
  font-size: 20px;
}
:where(.sable-forms-experience) .brand-kit-preview-button {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: white;
  padding: 12px 18px;
  border-radius: 7px;
  font-size: 13px;
}
:where(.sable-forms-experience) .brand-kit-footer {
  display: flex;
  gap: 16px;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #e6e2e8;
  padding-top: 20px;
  margin-top: 28px;
}
:where(.sable-forms-experience) .brand-kit-footer p {
  font-size: 12px;
  color: #89828d;
}
:where(.sable-forms-experience) .brand-kit-footer > div {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
:where(.sable-forms-experience) .brand-kit-error {
  color: #b43f35;
  font-size: 12px;
}
:where(.sable-forms-experience) .form-brand-logo {
  position: absolute;
  top: 24px;
  left: 28px;
  max-width: 120px;
  max-height: 48px;
  object-fit: contain;
  z-index: 1;
}
@media (max-width: 700px) {
  :where(.sable-forms-experience) .brand-kit-layout {
    grid-template-columns: 1fr;
  }
  :where(.sable-forms-experience) .brand-kit-preview {
    min-height: 340px;
  }
  :where(.sable-forms-experience) .brand-kit-footer {
    align-items: stretch;
    flex-direction: column;
  }
}
:where(.sable-forms-experience) .design-brand-card {
  display: grid;
  grid-template-columns: 66px minmax(0, 1fr);
  gap: 12px;
  padding: 14px 0 18px;
  border-bottom: 1px solid #e7e3e9;
}
:where(.sable-forms-experience) .design-brand-sample {
  position: relative;
  min-height: 76px;
  border: 1px solid #0000000d;
  border-radius: 8px;
  padding: 8px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
:where(.sable-forms-experience) .design-brand-sample img {
  width: 100%;
  height: 22px;
  object-fit: contain;
  object-position: left;
}
:where(.sable-forms-experience) .design-brand-sample strong {
  font-size: 9px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
:where(.sable-forms-experience) .design-brand-sample > span {
  font-size: 20px;
  line-height: 24px;
}
:where(.sable-forms-experience) .design-brand-sample i {
  width: 22px;
  height: 6px;
  border-radius: 2px;
}
:where(.sable-forms-experience) .design-brand-details {
  align-self: center;
  min-width: 0;
}
:where(.sable-forms-experience) .design-brand-details > strong {
  display: block;
  font-size: 13px;
  font-weight: 500;
  overflow-wrap: anywhere;
}
:where(.sable-forms-experience) .design-brand-swatches {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-top: 9px;
  flex-wrap: wrap;
}
:where(.sable-forms-experience) .design-brand-swatches > span {
  width: 14px;
  height: 14px;
  border-radius: min(50%, var(--sable-radius-cap, 50%));
  border: 1px solid #00000016;
}
:where(.sable-forms-experience) .design-brand-swatches small {
  font-size: 10px;
  color: #89818c;
  margin-left: 3px;
}
:where(.sable-forms-experience) .design-brand-card > button {
  grid-column: 1 / -1;
  width: 100%;
}
:where(.sable-forms-experience) .social-handle-answer small {
  display: block;
  margin-top: 12px;
  font-size: 12px;
  opacity: .6;
}
:where(.sable-forms-experience) .submitted-social-handle {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: underline;
  text-underline-offset: 3px;
  overflow-wrap: anywhere;
}
:where(.sable-forms-experience) .submitted-social-handle small {
  font-size: 11px;
  color: #89818c;
  text-decoration: none;
}
:where(.sable-forms-experience) .glass-dialog.content-library-dialog {
  width: min(960px, calc(100vw - 32px));
  max-width: 960px !important;
  max-height: calc(100dvh - 40px);
  padding: 0 16px 0;
  gap: 0;
  border-radius: 16px;
  overflow-y: auto;
  background: #f7f7f8;
}
:where(.sable-forms-experience) .content-library-dialog > [data-slot='dialog-title'],:where(.sable-forms-experience)  .content-library-dialog > [data-slot='dialog-description'] {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  margin: -1px;
  padding: 0;
}
:where(.sable-forms-experience) .glass-dialog.content-library-dialog > [data-slot='tabs'] {
  height: 56px;
  min-height: 56px;
  margin: 0;
  padding: 0 48px 0 16px;
  display: flex;
  align-items: center;
}
:where(.sable-forms-experience) .content-library-dialog .segments [data-slot='tabs-list'] {
  height: 56px;
  padding: 0;
  gap: 8px;
  background: transparent;
}
:where(.sable-forms-experience) .content-library-dialog .segments [data-slot='tabs-trigger'] {
  position: relative;
  height: 34px;
  margin: 0;
  padding: 0 12px;
  font-size: 14px;
  font-weight: 400;
  border-radius: 8px;
  background: transparent;
  box-shadow: none;
}
:where(.sable-forms-experience) .content-library-dialog .segments [data-slot='tabs-trigger']:hover {
  background: #ededee;
}
:where(.sable-forms-experience) .glass-dialog.content-library-dialog .segments [data-slot='tabs-trigger'][data-active]::after {
  display: block;
  content: '';
  position: absolute;
  height: 3px;
  top: -11px;
  bottom: auto;
  left: 12px;
  right: 12px;
  background: #49434d;
  border-radius: 0 0 3px 3px;
}
:where(.sable-forms-experience) .content-library-dialog > [data-slot='dialog-close'] {
  top: 16px;
  right: 20px;
}
:where(.sable-forms-experience) .content-library-dialog .catalog-ai {
  padding: 52px 80px;
  border-radius: 12px;
  margin-bottom: 0;
}
:where(.sable-forms-experience) .content-library-dialog .catalog-ai-top {
  grid-template-columns: 230px minmax(0, 1fr);
  align-items: start;
  gap: 36px;
}
:where(.sable-forms-experience) .content-library-dialog .catalog-ai-top h2 {
  font-size: 23px;
  font-weight: 400;
  line-height: 1.4;
  margin: 10px 0 0;
}
:where(.sable-forms-experience) .content-library-dialog .catalog-ai-top small {
  font-size: 14px;
  color: #726c76;
}
:where(.sable-forms-experience) .content-library-dialog .catalog-ai .prompt-composer textarea {
  height: 112px;
  min-height: 112px;
  font-size: 14px;
}
:where(.sable-forms-experience) .content-library-dialog .ai-suggestions {
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid #ededee;
  gap: 22px;
}
:where(.sable-forms-experience) .content-library-dialog .ai-suggestions > button {
  padding: 14px;
  min-height: 80px;
  border-color: #e5e3e6;
  background: white;
  gap: 12px;
}
:where(.sable-forms-experience) .content-library-dialog .ai-suggestion-icon {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: #e1f0ff;
  color: #48404d;
}
:where(.sable-forms-experience) .content-library-dialog .ai-suggestions strong {
  color: #706977;
  font-size: 14px;
  margin-bottom: 5px;
}
:where(.sable-forms-experience) .content-library-dialog .ai-suggestions small {
  color: #948e98;
  max-width: 340px;
  font-size: 13px;
}
:where(.sable-forms-experience) .content-library-dialog .ai-suggestions em {
  top: 12px;
  right: auto;
  left: 51%;
  border: 1px solid #bedfff;
  border-radius: 8px;
  padding: 2px 8px;
  color: #216299;
  font-size: 12px;
}
:where(.sable-forms-experience) .catalog-import-body {
  background: white;
  border-radius: 12px;
  padding: 34px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 240px;
  gap: 34px;
}
:where(.sable-forms-experience) .catalog-import-field {
  display: flex;
  flex-direction: column;
  gap: 12px;
  font-size: 14px;
  color: #716b76;
}
:where(.sable-forms-experience) .catalog-import-field textarea {
  resize: none;
  width: 100%;
  height: min(390px, calc(100dvh - 270px));
  min-height: 220px;
  padding: 12px;
  background: #fafafa;
  border: 1px solid #dedde0;
  border-radius: 12px;
  font: inherit;
  line-height: 1.5;
}
:where(.sable-forms-experience) .catalog-import-aside {
  padding-top: 26px;
}
:where(.sable-forms-experience) .catalog-import-help {
  padding: 20px;
  border: 1px solid #94c8ff;
  border-radius: 8px;
  box-shadow: 0 0 0 2px #e4f1ff;
  background: #fbfcff;
  color: #5b5462;
  font-size: 14px;
  line-height: 1.5;
}
:where(.sable-forms-experience) .catalog-import-help > svg {
  color: #3c79ac;
}
:where(.sable-forms-experience) .catalog-import-help ul {
  padding-left: 20px;
  margin: 14px 0 0;
  list-style: disc;
}
:where(.sable-forms-experience) .catalog-import-help li + li {
  margin-top: 4px;
}
:where(.sable-forms-experience) .catalog-import-aside > button {
  width: 100%;
  margin-top: 32px;
}
:where(.sable-forms-experience) .catalog-import-footer {
  display: flex;
  justify-content: flex-end;
  padding: 16px 16px 16px 0;
}
@media (max-width: 720px) {
  :where(.sable-forms-experience) .content-library-dialog .catalog-ai {
    padding: 28px 20px;
  }
  :where(.sable-forms-experience) .content-library-dialog .catalog-ai-top,:where(.sable-forms-experience)  .catalog-import-body {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  :where(.sable-forms-experience) .catalog-import-body {
    padding: 24px;
  }
  :where(.sable-forms-experience) .catalog-import-aside {
    padding: 0;
  }
  :where(.sable-forms-experience) .content-library-dialog .ai-suggestions em {
    position: static;
    margin-left: auto;
  }
  :where(.sable-forms-experience) .glass-dialog.content-library-dialog > [data-slot='tabs'] {
    padding-left: 0;
    overflow-x: auto;
  }
  :where(.sable-forms-experience) .content-library-dialog .segments [data-slot='tabs-trigger'] {
    font-size: 12px;
    padding: 0 8px;
  }
}
:where(.sable-forms-experience) .glass-dialog.content-library-dialog > [data-slot='tabs'] {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
:where(.sable-forms-experience) .content-library-dialog .segments[data-slot='tabs-list'] {
  height: 56px;
  min-height: 56px;
  width: max-content;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 0;
  margin: 0;
  background: transparent;
}
:where(.sable-forms-experience) .content-library-dialog .segments [data-slot='tabs-trigger'] {
  flex: none;
}
:where(.sable-forms-experience) .catalog-import-footer .button:disabled {
  background: #efeff1;
  color: #bbb6bf;
  border-color: #e3e0e6;
  opacity: 1;
}
.sable-forms-experience:has(.content-library-dialog) [data-slot='dialog-overlay'] {
  background: rgb(55 49 61 / 75%);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
:where(.sable-forms-experience) .form-grid:not(.form-list) {
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 20px;
}
:where(.sable-forms-experience) .form-grid:not(.form-list) .form-card {
  height: auto;
  padding: 0;
  border-radius: 12px;
  display: block;
  border-color: #e6e3e9;
}
:where(.sable-forms-experience) .grid-form-preview {
  width: 100%;
  height: 190px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #00000008;
  overflow: hidden;
  gap: 12px;
  text-align: center;
}
:where(.sable-forms-experience) .grid-preview-logo {
  max-width: 80px;
  max-height: 24px;
  object-fit: contain;
}
:where(.sable-forms-experience) .grid-preview-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  width: 100%;
}
:where(.sable-forms-experience) .grid-preview-content strong {
  font-size: 16px;
  line-height: 1.3;
  font-weight: 500;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
:where(.sable-forms-experience) .grid-preview-description {
  font-size: 10px;
  line-height: 1.5;
  opacity: .7;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
:where(.sable-forms-experience) .grid-preview-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--answer-color);
  color: var(--answer-foreground);
  padding: 7px 10px;
  border-radius: 4px;
  font-size: 9px;
}
:where(.sable-forms-experience) .grid-preview-answer {
  font-size: 11px;
  opacity: .45;
  border-bottom: 1px solid currentColor;
  padding: 8px 0;
  text-align: left;
  width: 85%;
}
:where(.sable-forms-experience) .form-card-details {
  padding: 14px 16px 16px;
}
:where(.sable-forms-experience) .form-card-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
:where(.sable-forms-experience) .grid-form-title {
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 0;
}
:where(.sable-forms-experience) .form-card-heading .icon-button {
  flex-shrink: 0;
}
:where(.sable-forms-experience) .grid-form-status {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 11px;
  color: #827b88;
  margin-top: 6px;
}
:where(.sable-forms-experience) .grid-form-status i {
  width: 5px;
  height: 5px;
  border-radius: min(50%, var(--sable-radius-cap, 50%));
  background: #aaa4af;
}
:where(.sable-forms-experience) .grid-form-status[data-published='true'] i {
  background: #3e8971;
}
:where(.sable-forms-experience) .form-card-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  border-top: 1px solid #efedf1;
  padding-top: 12px;
  margin-top: 14px;
  font-size: 11px;
  color: #89828e;
}
:where(.sable-forms-experience) .form-card-meta button {
  color: #5c5464;
}
:where(.sable-forms-experience) .grid-form-preview:focus-visible,:where(.sable-forms-experience)  .grid-form-title:focus-visible,:where(.sable-forms-experience)  .form-card-meta button:focus-visible {
  outline: 2px solid #92849e;
  outline-offset: -3px;
}
@media (max-width: 560px) {
  :where(.sable-forms-experience) .form-grid:not(.form-list) {
    grid-template-columns: 1fr;
  }
}
:where(.sable-forms-experience) .creation-shortcuts {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
:where(.sable-forms-experience) .salon-template-library {
  padding: 20px 12px 12px;
}
:where(.sable-forms-experience) .salon-template-intro {
  margin-bottom: 24px;
}
:where(.sable-forms-experience) .salon-template-intro h2 {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 8px;
}
:where(.sable-forms-experience) .salon-template-intro p {
  font-size: 14px;
  color: #847c8a;
}
:where(.sable-forms-experience) .salon-template-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}
:where(.sable-forms-experience) .salon-template-card {
  text-align: left;
  overflow: hidden;
  border: 1px solid #e7e3ea;
  border-radius: 12px;
  background: #fff;
  transition: border-color 160ms ease, box-shadow 160ms ease;
}
:where(.sable-forms-experience) .salon-template-cover {
  height: 160px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 14px;
  color: #514657;
  text-align: center;
}
:where(.sable-forms-experience) .salon-template-cover h3 {
  font-size: 18px;
  font-weight: 500;
}
:where(.sable-forms-experience) .salon-template-cover > span {
  display: flex;
  gap: 8px;
  align-items: center;
  font-size: 9px;
  padding: 6px 9px;
  border-radius: 4px;
  color: white;
  background: #514657;
}
:where(.sable-forms-experience) .salon-template-details {
  padding: 18px;
}
:where(.sable-forms-experience) .salon-template-details strong {
  font-size: 14px;
  font-weight: 500;
}
:where(.sable-forms-experience) .salon-template-details p {
  font-size: 12px;
  line-height: 1.6;
  color: #857d8b;
  min-height: 40px;
  margin: 8px 0 18px;
}
:where(.sable-forms-experience) .salon-template-details > span {
  display: flex;
  justify-content: space-between;
  font-size: 11px;
  color: #8b8390;
}
:where(.sable-forms-experience) .salon-template-details b {
  display: flex;
  align-items: center;
  gap: 6px;
  font-weight: 500;
  color: #5d4e68;
}
@media (hover: hover) {
  :where(.sable-forms-experience) .salon-template-card:hover {
    border-color: #a598af;
    box-shadow: 0 4px 14px #4033460a;
  }
}
:where(.sable-forms-experience) .salon-template-card:focus-visible {
  outline: 2px solid #93819f;
  outline-offset: 3px;
}
@media (max-width: 560px) {
  :where(.sable-forms-experience) .salon-template-grid {
    grid-template-columns: 1fr;
  }
}
:where(.sable-forms-experience) .glass-dialog:has(.creation-stage) {
  overflow: hidden;
}
:where(.sable-forms-experience) .creation-stage {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  --template-panel-width: 48%;
}
:where(.sable-forms-experience) .creation-stage .create-ai-flow {
  position: absolute;
  left: 50%;
  top: 0;
  height: 100%;
  width: min(560px, calc(52vw - 80px));
  min-width: 0;
  margin: 0;
  padding: 40px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transform: translateX(-50%);
  transition: transform 420ms cubic-bezier(.32,.72,0,1);
}
:where(.sable-forms-experience) .creation-stage[data-templates-open='true'] .create-ai-flow {
  transform: translateX(calc(-50% - 24vw));
}
:where(.sable-forms-experience) .creation-template-panel {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: var(--template-panel-width);
  background: #f5f3f6;
  border-left: 1px solid #e8e3ec;
  display: flex;
  flex-direction: column;
  transform: translateX(100%);
  opacity: 0;
  transition: transform 420ms cubic-bezier(.32,.72,0,1), opacity 240ms ease;
}
:where(.sable-forms-experience) .creation-stage[data-templates-open='true'] .creation-template-panel {
  transform: translateX(0);
  opacity: 1;
}
:where(.sable-forms-experience) .creation-template-header {
  display: flex;
  gap: 20px;
  justify-content: space-between;
  align-items: flex-start;
  padding: 64px 28px 24px;
  flex-shrink: 0;
}
:where(.sable-forms-experience) .creation-template-header h2 {
  font-size: 23px;
  letter-spacing: -.5px;
  font-weight: 500;
}
:where(.sable-forms-experience) .creation-template-header p {
  font-size: 13px;
  color: #83798b;
  margin-top: 8px;
}
:where(.sable-forms-experience) .creation-template-scroll {
  overflow-y: auto;
  overscroll-behavior: contain;
  min-height: 0;
  padding: 0 24px 32px;
}
:where(.sable-forms-experience) .creation-template-panel .salon-template-library {
  padding: 0;
}
:where(.sable-forms-experience) .creation-template-panel .salon-template-intro {
  display: none;
}
:where(.sable-forms-experience) .creation-template-panel .salon-template-grid {
  gap: 16px;
}
:where(.sable-forms-experience) .creation-template-panel .salon-template-cover {
  height: 145px;
}
:where(.sable-forms-experience) .creation-template-panel .salon-template-details > span {
  flex-wrap: wrap;
  gap: 10px;
}
@media (max-width: 1050px) {
  :where(.sable-forms-experience) .creation-template-panel .salon-template-grid {
    grid-template-columns: 1fr;
  }
  :where(.sable-forms-experience) .creation-stage .create-ai-flow {
    width: calc(52vw - 48px);
  }
  :where(.sable-forms-experience) .creation-stage .creation-shortcuts {
    gap: 8px;
  }
}
@media (max-width: 700px) {
  :where(.sable-forms-experience) .creation-stage {
    --template-panel-width: 100%;
  }
  :where(.sable-forms-experience) .creation-stage .create-ai-flow {
    width: calc(100% - 48px);
  }
  :where(.sable-forms-experience) .creation-stage[data-templates-open='true'] .create-ai-flow {
    transform: translateX(-150%);
  }
  :where(.sable-forms-experience) .creation-template-header {
    padding-top: 64px;
  }
}
@media (prefers-reduced-motion: reduce) {
  :where(.sable-forms-experience) .creation-stage .create-ai-flow,:where(.sable-forms-experience)  .creation-template-panel {
    transition: none;
  }
}
:where(.sable-forms-experience) .publish-issues {
  display: grid;
  gap: 10px;
  margin: 10px 0 20px;
}
:where(.sable-forms-experience) .publish-issues button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px;
  border: 1px solid #e6dfe9;
  border-radius: 9px;
  text-align: left;
}
:where(.sable-forms-experience) .publish-issues strong,:where(.sable-forms-experience)  .publish-issues small {
  display: block;
}
:where(.sable-forms-experience) .publish-issues small {
  color: #847889;
  margin-top: 6px;
  line-height: 1.5;
}
:where(.sable-forms-experience) .rule-conditions {
  display: grid;
  gap: 12px;
  padding: 12px 0;
}
:where(.sable-forms-experience) .rule-condition {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  padding: 12px;
  background: #f6f4f7;
  border-radius: 8px;
}
:where(.sable-forms-experience) .display-logic-config {
  overflow: auto;
  padding: 28px;
  max-width: 860px;
  width: 100%;
  margin: 0 auto;
}
:where(.sable-forms-experience) .display-logic-config h2 {
  font-size: 24px;
}
:where(.sable-forms-experience) .display-logic-config > p {
  margin: 8px 0 24px;
  color: #847b8b;
}
:where(.sable-forms-experience) .display-question {
  padding: 20px;
  margin-bottom: 14px;
  background: white;
  border: 1px solid #e9e4ec;
  border-radius: 12px;
}
:where(.sable-forms-experience) .display-question h3 {
  margin-bottom: 16px;
  font-size: 15px;
}
:where(.sable-forms-experience) .display-rule {
  padding: 14px;
  background: #faf9fb;
  margin: 12px 0;
  border-radius: 8px;
  display: grid;
  gap: 10px;
}
:where(.sable-forms-experience) .workflow-graph-shell {
  flex: 1;
  min-height: 0;
  margin-right: 174px;
  overflow: auto;
}
:where(.sable-forms-experience) .workflow-graph-viewport {
  min-height: 300px;
}
@media (max-width: 900px) {
  :where(.sable-forms-experience) .workflow-graph-shell {
    margin-right: 0;
  }
  :where(.sable-forms-experience) .workflow-actions {
    display: none;
  }
}
:where(.sable-forms-experience) .respondent-content {
  display: flex;
  flex: 1;
  min-height: 100%;
}
:where(.sable-forms-experience) .respondent-content[aria-hidden="true"] {
  visibility: hidden;
}
:where(.sable-forms-experience) .respondent-page .respondent-brand {
  left: auto;
  right: 28px;
  bottom: max(22px, env(safe-area-inset-bottom));
  display: flex;
  align-items: center;
  gap: 5px;
  letter-spacing: 0;
}
:where(.sable-forms-experience) .respondent-brand span,:where(.sable-forms-experience)  .powered-sable span {
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0;
  transform: translateY(2px);
}
:where(.sable-forms-experience) .respondent-brand strong,:where(.sable-forms-experience)  .powered-sable strong {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 20px;
  letter-spacing: -1px;
}
:where(.sable-forms-experience) .respondent-page .respondent-nav {
  bottom: 61px;
}
:where(.sable-forms-experience) .respondent-loading {
  position: absolute;
  inset: 0;
  z-index: 5;
  display: grid;
  place-items: center;
  background: inherit;
}
:where(.sable-forms-experience) .respondent-loading-content {
  width: 180px;
  text-align: center;
}
:where(.sable-forms-experience) .powered-sable {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  margin-bottom: 18px;
}
:where(.sable-forms-experience) .respondent-shell.is-loading {
  background: #ffffff;
}
@keyframes forms-sable-form-ground-in {
  from {
    background-color: #ffffff;
  }
}
:where(.sable-forms-experience) .respondent-shell.respondent-live:not(.is-loading) {
  animation: forms-sable-form-ground-in 420ms ease-out backwards;
}
@media (prefers-reduced-motion: reduce) {
  :where(.sable-forms-experience) .respondent-shell.respondent-live:not(.is-loading) {
    animation: none;
  }
}
:where(.sable-forms-experience) .respondent-loading-track {
  height: 3px;
  border-radius: 3px;
  overflow: hidden;
  background: rgb(0 0 0 / 0.1);
}
:where(.sable-forms-experience) .respondent-loading-track span {
  display: block;
  height: 100%;
  background: rgb(0 0 0 / 0.78);
  transform-origin: left;
  animation: forms-sable-form-load 650ms cubic-bezier(.22,1,.36,1) both;
}
@keyframes forms-sable-form-load {
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}
:where(.sable-forms-experience) .respondent-loading-track.is-pending span {
  animation: forms-sable-form-pending 1100ms ease-in-out infinite;
}
@keyframes forms-sable-form-pending {
  from {
    transform: translateX(-100%) scaleX(.45);
  }
  to {
    transform: translateX(100%) scaleX(.45);
  }
}
:where(.sable-forms-experience) .question-display h1:focus {
  outline: none;
}
@media (prefers-reduced-motion: reduce) {
  :where(.sable-forms-experience) .respondent-loading-track span,:where(.sable-forms-experience)  .respondent-loading-track.is-pending span {
    animation: none;
  }
}
@media (max-width: 600px) {
  :where(.sable-forms-experience) .respondent-page .respondent-brand {
    right: 20px;
    left: auto;
  }
}
:where(.sable-forms-experience) .respondent-page {
  overflow: hidden;
}
:where(.sable-forms-experience) .respondent-content {
  min-height: 0;
  overflow: auto;
}
:where(.sable-forms-experience) .respondent-footer {
  position: relative;
  flex: 0 0 96px;
  background: inherit;
}
:where(.sable-forms-experience) .respondent-page .respondent-footer .respondent-brand {
  position: absolute;
  bottom: 20px;
}
:where(.sable-forms-experience) .respondent-page .respondent-footer .respondent-nav {
  position: absolute;
  top: 4px;
  bottom: auto;
  right: 28px;
}
:where(.sable-forms-experience) .respondent-loading {
  z-index: 6;
}
:where(.sable-forms-experience) .recall-text-wrap {
  position: relative;
  min-width: 0;
}
:where(.sable-forms-experience) .recall-text-wrap.recall-description {
  margin: 8px 0 30px;
}
:where(.sable-forms-experience) .editor .recall-text {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  outline: none;
  background: transparent;
  height: auto;
  min-height: 1.4em;
  padding-right: 30px;
}
:where(.sable-forms-experience) .editor .recall-text.editable-description {
  margin: 0;
  opacity: 1;
  color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb, currentColor 55%, transparent);
  }
}
:where(.sable-forms-experience) .recall-text[data-empty]::before {
  position: absolute;
  left: 0;
  top: 0;
  content: attr(data-placeholder);
  opacity: .45;
  pointer-events: none;
}
:where(.sable-forms-experience) .editor .form-canvas[data-question-type='End Screen'] .recall-text.editable-description {
  text-align: center;
  padding-left: 30px;
}
:where(.sable-forms-experience) .editor .form-canvas[data-question-type='End Screen'] .recall-text.editable-description[data-empty]::before {
  right: 0;
  text-align: center;
}
:where(.sable-forms-experience) .editor .form-canvas[data-question-type='Welcome Screen'] .recall-text.editable-description {
  text-align: center;
  padding-left: 30px;
}
:where(.sable-forms-experience) .editor .form-canvas[data-question-type='Welcome Screen'] .recall-text.editable-description[data-empty]::before {
  right: 0;
  text-align: center;
}
:where(.sable-forms-experience) .recall-text:focus {
  box-shadow: none;
}
:where(.sable-forms-experience) .recall-trigger {
  position: absolute;
  right: 0;
  top: 2px;
  width: 26px;
  height: 26px;
  display: grid;
  place-items: center;
  border: 1px solid #dedbe2;
  border-radius: 7px;
  background: #fff;
  color: #75697e;
  opacity: 0;
  pointer-events: none;
  transition: opacity 120ms ease, background 120ms ease;
}
:where(.sable-forms-experience) .recall-text-wrap:hover .recall-trigger,:where(.sable-forms-experience)  .recall-text-wrap:focus-within .recall-trigger,:where(.sable-forms-experience)  .recall-text-wrap[data-open] .recall-trigger {
  opacity: 1;
  pointer-events: auto;
}
:where(.sable-forms-experience) .recall-trigger:hover {
  background: #f2eef6;
}
:where(.sable-forms-experience) .recall-trigger:focus-visible {
  outline: 2px solid #a18ab6;
  outline-offset: 2px;
}
:where(.sable-forms-experience) .recall-chip {
  display: inline;
  padding: .08em .28em;
  border-radius: .25em;
  background: #eee6f6;
  color: #695078;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  font-size: .84em;
  font-style: normal;
  font-weight: 500;
  white-space: normal;
}
:where(.sable-forms-experience) .recall-chip[data-invalid] {
  background: #fbe9e7;
  color: #a6443d;
}
:where(.sable-forms-experience) .recall-picker {
  width: min(320px, calc(100vw - 24px));
  padding: 12px;
  gap: 5px;
  border-radius: 12px;
  background: #fff;
  color: #403945;
  font: 13px/1.4 Inter, sans-serif;
  box-shadow: 0 8px 28px #30233e20, 0 0 0 1px #30233e12;
  animation: none !important;
}
:where(.sable-forms-experience) .recall-picker-hint {
  color: #8b8490;
  margin: 0 0 8px;
  font-size: 12px;
}
:where(.sable-forms-experience) .recall-search {
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid #e2dfe6;
  border-radius: 7px;
  padding: 8px;
  color: #8b8490;
}
:where(.sable-forms-experience) .recall-search input {
  border: 0;
  outline: none;
  width: 100%;
  min-width: 0;
  background: transparent;
  font: inherit;
  color: #403945;
}
:where(.sable-forms-experience) .recall-search:focus-within {
  border-color: #a18ab6;
  box-shadow: 0 0 0 2px #a18ab61a;
}
:where(.sable-forms-experience) .recall-options {
  max-height: min(280px, 45vh);
  overflow-y: auto;
  overscroll-behavior: contain;
  margin-top: 6px;
}
:where(.sable-forms-experience) .recall-option {
  display: flex;
  align-items: center;
  width: 100%;
  text-align: left;
  gap: 10px;
  padding: 9px 8px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: inherit;
}
:where(.sable-forms-experience) .recall-option:hover,:where(.sable-forms-experience)  .recall-option:focus-visible {
  background: #f3eff7;
  outline: none;
}
:where(.sable-forms-experience) .recall-option span {
  min-width: 0;
}
:where(.sable-forms-experience) .recall-option strong {
  display: block;
  font-weight: 500;
  overflow-wrap: anywhere;
}
:where(.sable-forms-experience) .recall-option small {
  display: block;
  color: #928a99;
  font-size: 11px;
}
:where(.sable-forms-experience) .recall-empty {
  padding: 18px 8px;
  text-align: center;
  color: #8b8490;
}
:where(.sable-forms-experience) .canvas-question[data-field-focus]:not([data-field-focus="question"]) > .recall-text-wrap {
  opacity: .22;
}
@media (hover: none) {
  :where(.sable-forms-experience) .recall-trigger {
    opacity: 1;
    pointer-events: auto;
  }
}
@media (prefers-reduced-motion: reduce) {
  :where(.sable-forms-experience) .recall-trigger {
    transition: none;
  }
}
:where(.sable-forms-experience) .recall-text[data-required]::after {
  content: '*';
  display: inline;
  vertical-align: super;
  font-size: .6em;
  margin-left: 3px;
}
:where(.sable-forms-experience) .question-sidebar > .add-question {
  flex-shrink: 0;
}
:where(.sable-forms-experience) .library-page-heading {
  min-height: 56px;
  display: flex;
  align-items: center;
  padding: 0 48px 0 16px;
  font-size: 15px;
  font-weight: 500;
}
:where(.sable-forms-experience) .library-destination {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 14px 20px;
  margin-bottom: 12px;
  border-radius: 10px;
  background: #eeedef;
}
:where(.sable-forms-experience) .library-destination strong {
  font-size: 14px;
  font-weight: 500;
  overflow-wrap: anywhere;
}
:where(.sable-forms-experience) .library-destination span {
  font-size: 12px;
  color: #76707b;
}
:where(.sable-forms-experience) .content-library-dialog .catalog-search {
  position: static;
  width: calc(100% - 40px);
  margin: 0 20px 16px;
}
:where(.sable-forms-experience) .content-library-dialog .catalog-recommended {
  padding-top: 0;
}
:where(.sable-forms-experience) .content-library-dialog:has(.library-page-heading) .catalog-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  min-height: 0;
}
:where(.sable-forms-experience) .content-library-dialog:has(.library-page-heading) .catalog-category {
  grid-area: auto;
}
@media (max-width: 720px) {
  :where(.sable-forms-experience) .content-library-dialog:has(.library-page-heading) .catalog-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
:where(.sable-forms-experience) .editor .canvas-stage,:where(.sable-forms-experience) 
.editor .form-canvas {
  scrollbar-width: none;
}
:where(.sable-forms-experience) .editor .canvas-stage::-webkit-scrollbar,:where(.sable-forms-experience) 
.editor .form-canvas::-webkit-scrollbar {
  display: none;
}
:where(.sable-forms-experience) .editor-actions > .button.publish-edits,:where(.sable-forms-experience) 
.editor-actions > .button.copy-form-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: white;
  color: #655e6b;
  border: 1px solid #e2dfe5;
  border-radius: 8px;
  height: 34px;
}
:where(.sable-forms-experience) .editor-actions > .button.copy-form-link {
  width: 34px;
  padding: 0;
}
:where(.sable-forms-experience) .editor-share-view {
  height: calc(100dvh - 52px);
  overflow: auto;
  padding: 40px 24px;
  background: #f7f7f8;
}
:where(.sable-forms-experience) .editor-share-panel {
  max-width: 860px;
  margin: 0 auto;
  background: white;
  border: 1px solid #e8e5eb;
  border-radius: 16px;
  padding: 32px;
}
:where(.sable-forms-experience) .editor-share-panel h1 {
  font-size: 24px;
  font-weight: 500;
  margin: 0 0 8px;
}
:where(.sable-forms-experience) .editor-share-description {
  color: #77717c;
  margin: 0 0 28px;
}
:where(.sable-forms-experience) .editor-share-panel > .segments {
  margin-top: 24px;
}
:where(.sable-forms-experience) .editor-share-panel .segments {
  overflow: visible;
}
:where(.sable-forms-experience) .editor-share-panel .segments [data-slot='tabs-trigger']::after {
  bottom: 0;
}
:where(.sable-forms-experience) .share-workspace {
  display: grid;
  grid-template-columns: 220px minmax(0,1fr) 270px;
  gap: 16px;
  height: calc(100dvh - 52px);
  padding: 12px 14px 16px;
  color: #514a58;
}
:where(.sable-forms-experience) .share-navigation,:where(.sable-forms-experience) .share-inspector {
  background: #f7f7f8;
  border-radius: 14px;
  padding: 20px 16px;
  overflow: auto;
  scrollbar-width: none;
}
:where(.sable-forms-experience) .share-navigation {
  display: flex;
  flex-direction: column;
}
:where(.sable-forms-experience) .share-navigation nav {
  display: grid;
  gap: 6px;
}
:where(.sable-forms-experience) .share-navigation nav button {
  display: flex;
  align-items: center;
  gap: 10px;
  border: 0;
  background: transparent;
  text-align: left;
  padding: 13px 10px;
  border-radius: 8px;
  font-size: 13px;
  line-height: 1.4;
}
:where(.sable-forms-experience) .share-navigation nav button:hover,:where(.sable-forms-experience) .share-navigation nav button[aria-current] {
  background: #eae8ec;
}
:where(.sable-forms-experience) .share-navigation nav svg {
  flex-shrink: 0;
}
:where(.sable-forms-experience) .share-navigation>p {
  margin: auto 10px 0;
  padding-top: 30px;
  font-size: 12px;
  color: #928b98;
  line-height: 1.6;
}
:where(.sable-forms-experience) .share-main {
  min-width: 0;
  display: flex;
  flex-direction: column;
  overflow: auto;
  scrollbar-width: none;
}
:where(.sable-forms-experience) .share-link-toolbar {
  display: flex;
  align-items: center;
  gap: 8px;
  background: #f7f7f8;
  border-radius: 12px;
  padding: 12px;
  flex-shrink: 0;
}
:where(.sable-forms-experience) .share-link-toolbar input {
  flex: 1;
  min-width: 0;
  border: 1px solid #e2dfe5;
  border-radius: 7px;
  height: 34px;
  padding: 0 12px;
  font-size: 13px;
  background: #fff;
}
:where(.sable-forms-experience) .share-link-toolbar .button {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 34px;
}
:where(.sable-forms-experience) .share-preview-stage {
  flex: 1;
  min-height: 400px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 48px 32px;
}
:where(.sable-forms-experience) .social-preview {
  width: 100%;
  max-width: 680px;
  padding: 28px;
  background: #fff;
  border: 1px solid #e7e4e9;
  border-radius: 16px;
  box-shadow: 0 8px 36px #342b4210;
}
:where(.sable-forms-experience) .social-preview-context {
  display: flex;
  gap: 12px;
  align-items: center;
  margin-bottom: 24px;
}
:where(.sable-forms-experience) .social-preview-context>i {
  width: 34px;
  height: 34px;
  border-radius: min(50%, var(--sable-radius-cap, 50%));
  background: #eceaee;
}
:where(.sable-forms-experience) .social-preview-context>div {
  display: grid;
  gap: 7px;
  flex: 1;
}
:where(.sable-forms-experience) .social-preview-context b,:where(.sable-forms-experience) .social-preview-lines i {
  display: block;
  height: 8px;
  background: #eeecf0;
  border-radius: 8px;
  width: 34%;
}
:where(.sable-forms-experience) .social-preview-context b+b {
  width: 20%;
  height: 6px;
}
:where(.sable-forms-experience) .social-preview-lines {
  display: grid;
  gap: 8px;
  margin-bottom: 20px;
}
:where(.sable-forms-experience) .social-preview-lines i {
  width: 95%;
}
:where(.sable-forms-experience) .social-preview-lines i+i {
  width: 60%;
}
:where(.sable-forms-experience) .social-link-card {
  display: flex;
  align-items: stretch;
  border: 1px solid #e4e0e7;
  border-radius: 12px;
  overflow: hidden;
}
:where(.sable-forms-experience) .social-link-card>img,:where(.sable-forms-experience) .share-thumbnail-fallback {
  width: 150px;
  min-height: 124px;
  object-fit: cover;
  flex-shrink: 0;
}
:where(.sable-forms-experience) .share-thumbnail-fallback {
  background: #f5f3f6;
  display: grid;
  place-items: center;
  font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
  font-size: 30px;
  font-weight: 700;
  letter-spacing: -1.5px;
}
:where(.sable-forms-experience) .social-link-card>div:last-child {
  min-width: 0;
  padding: 18px;
}
:where(.sable-forms-experience) .social-link-card strong {
  font-size: 15px;
  font-weight: 500;
  overflow-wrap: anywhere;
}
:where(.sable-forms-experience) .social-link-card p {
  font-size: 13px;
  color: #79727f;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 7px 0;
}
:where(.sable-forms-experience) .social-link-card small {
  font-size: 12px;
  color: #9c95a2;
}
:where(.sable-forms-experience) .share-preview-caption {
  text-align: center;
  color: #938c9a;
  font-size: 12px;
  line-height: 1.5;
  padding: 16px;
}
:where(.sable-forms-experience) .share-inspector h3 {
  font-size: 14px;
  font-weight: 500;
  margin: 0 0 20px;
}
:where(.sable-forms-experience) .share-inspector h3:not(:first-child) {
  margin-top: 36px;
}
:where(.sable-forms-experience) .share-socials {
  display: flex;
  gap: 8px;
}
:where(.sable-forms-experience) .share-socials .button {
  width: 38px;
  height: 38px;
  padding: 0;
  display: grid;
  place-items: center;
  background: #fff;
}
:where(.sable-forms-experience) .share-inspector .field {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 20px 0;
  font-size: 13px;
  color: #79717f;
}
:where(.sable-forms-experience) .share-inspector .field input,:where(.sable-forms-experience) .share-inspector .field textarea {
  width: 100%;
  min-width: 0;
  border: 1px solid #e2dfe5;
  background: #fff;
  border-radius: 8px;
  padding: 10px;
  font-size: 13px;
  color: #514a58;
  line-height: 1.5;
}
:where(.sable-forms-experience) .share-inspector .field textarea {
  resize: vertical;
}
:where(.sable-forms-experience) .share-inspector .field small,:where(.sable-forms-experience) .share-help {
  font-size: 11px;
  line-height: 1.6;
  color: #918997;
}
:where(.sable-forms-experience) .thumbnail-control {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
:where(.sable-forms-experience) .thumbnail-control>img {
  width: 100%;
  height: 100px;
  object-fit: cover;
  border-radius: 8px;
}
:where(.sable-forms-experience) .thumbnail-control .button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  position: relative;
  font-size: 12px;
}
:where(.sable-forms-experience) .thumbnail-control input[type=file] {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
}
:where(.sable-forms-experience) .share-publication-controls {
  border-top: 1px solid #e6e2e9;
  margin-top: 32px;
  padding-top: 20px;
  font-size: 12px;
}
:where(.sable-forms-experience) .share-preview-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 24px 8px;
}
:where(.sable-forms-experience) .share-preview-toolbar h2 {
  font-size: 15px;
  font-weight: 500;
  margin: 0;
}
:where(.sable-forms-experience) .share-preview-toolbar>div {
  display: flex;
  gap: 8px;
}
:where(.sable-forms-experience) .share-preview-toolbar .button {
  display: inline-flex;
  gap: 7px;
  align-items: center;
}
:where(.sable-forms-experience) .share-preview-toolbar .selected {
  background: #eeebf1;
}
:where(.sable-forms-experience) .share-embed-stage {
  width: 100%;
  min-height: 450px;
  padding: 0 16px;
  margin: 0 auto;
}
:where(.sable-forms-experience) .share-embed-stage.is-mobile {
  max-width: 390px;
}
:where(.sable-forms-experience) .email-preview {
  max-width: 650px;
  margin: auto;
  border: 1px solid #e5e1e8;
  border-radius: 12px;
  overflow: hidden;
}
:where(.sable-forms-experience) .email-envelope {
  padding: 20px 24px;
  display: grid;
  gap: 10px;
  background: #faf9fb;
  font-size: 12px;
  color: #938a9b;
  border-bottom: 1px solid #e5e1e8;
}
:where(.sable-forms-experience) .email-preview-body {
  padding: 32px;
}
:where(.sable-forms-experience) .email-preview-body h2 {
  font-size: 24px;
  font-weight: 500;
}
:where(.sable-forms-experience) .email-preview-body p {
  font-size: 15px;
  line-height: 1.7;
  color: #83788d;
}
:where(.sable-forms-experience) .email-preview-body>a {
  display: inline-block;
  margin-top: 16px;
  padding: 12px 20px;
  border-radius: 7px;
  color: white;
  background: #403945;
  text-decoration: none;
}
:where(.sable-forms-experience) .website-preview {
  border: 1px solid #e5e1e8;
  border-radius: 12px;
  overflow: hidden;
  min-height: 500px;
  height: 100%;
  background: #faf9fb;
}
:where(.sable-forms-experience) .website-preview-header {
  height: 34px;
  display: flex;
  gap: 5px;
  align-items: center;
  padding: 0 14px;
  background: #f1eff3;
  border-bottom: 1px solid #e5e1e8;
}
:where(.sable-forms-experience) .website-preview-header i {
  height: 6px;
  width: 6px;
  border-radius: min(50%, var(--sable-radius-cap, 50%));
  background: #ccc6d2;
}
:where(.sable-forms-experience) .website-iframe {
  margin: 0 auto;
  min-height: 400px;
}
:where(.sable-forms-experience) .website-preview iframe {
  height: 100%;
  width: 100%;
  border: 0;
  display: block;
}
:where(.sable-forms-experience) .website-trigger-preview {
  min-height: 500px;
  position: relative;
  padding: 50px 36px;
}
:where(.sable-forms-experience) .website-placeholder {
  display: grid;
  gap: 16px;
  margin-bottom: 35px;
}
:where(.sable-forms-experience) .website-placeholder b,:where(.sable-forms-experience) .website-placeholder i {
  height: 12px;
  border-radius: 8px;
  background: #e9e5ed;
  width: 80%;
}
:where(.sable-forms-experience) .website-placeholder b {
  height: 28px;
  width: 55%;
}
:where(.sable-forms-experience) .website-placeholder i:last-child {
  width: 60%;
}
:where(.sable-forms-experience) .mode-popover .website-trigger-preview>button {
  position: absolute;
  bottom: 24px;
  right: 24px;
}
:where(.sable-forms-experience) .mode-side-tab .website-trigger-preview>button {
  position: absolute;
  right: 0;
  top: 35%;
  writing-mode: vertical-rl;
}
:where(.sable-forms-experience) .share-code {
  width: 100%;
  height: 240px;
  resize: vertical;
  border: 1px solid #ddd7e4;
  border-radius: 8px;
  padding: 14px;
  font: 12px/1.6 monospace;
}
:where(.sable-forms-experience) .share-live-overlay iframe {
  width: 100%;
  height: 70dvh;
  border: 0;
}
:where(.sable-forms-experience) .glass-dialog.share-live-overlay.preview-slider {
  left: auto !important;
  right: 0 !important;
  top: 0 !important;
  transform: none !important;
  height: 100dvh;
  max-height: 100dvh;
  border-radius: 0;
  width: min(560px,100vw);
}
:where(.sable-forms-experience) .glass-dialog.share-live-overlay.preview-popover {
  width: min(400px,calc(100vw - 32px));
  left: auto !important;
  right: 20px !important;
  top: auto !important;
  bottom: 70px;
  transform: none !important;
}
:where(.sable-forms-experience) .share-live-overlay.preview-popover iframe {
  height: 55dvh;
}
@media (max-width:1100px) {
  :where(.sable-forms-experience) .share-workspace {
    grid-template-columns: 180px minmax(0,1fr) 235px;
    gap: 10px;
  }
  :where(.sable-forms-experience) .share-preview-stage {
    padding: 30px 10px;
  }
  :where(.sable-forms-experience) .social-preview {
    padding: 18px;
  }
  :where(.sable-forms-experience) .social-link-card {
    flex-direction: column;
  }
  :where(.sable-forms-experience) .social-link-card>img,:where(.sable-forms-experience) .share-thumbnail-fallback {
    width: 100%;
    height: 160px;
  }
  :where(.sable-forms-experience) .share-preview-toolbar {
    align-items: flex-start;
    flex-direction: column;
  }
}
@media (max-width:760px) {
  :where(.sable-forms-experience) .share-workspace {
    grid-template-columns: 1fr;
    height: auto;
  }
  :where(.sable-forms-experience) .share-navigation nav {
    display: flex;
    flex-wrap: wrap;
  }
  :where(.sable-forms-experience) .share-navigation>p {
    display: none;
  }
  :where(.sable-forms-experience) .share-preview-stage {
    min-height: 300px;
  }
  :where(.sable-forms-experience) .share-inspector {
    overflow: visible;
  }
}
:where(.sable-forms-experience) .share-embed-stage {
  flex-shrink: 0;
}
:where(.sable-forms-experience) .share-socials .social-f {
  font: 700 22px/1 Arial,sans-serif;
}
:where(.sable-forms-experience) .share-socials .social-in {
  font: 700 16px/1 Arial,sans-serif;
}
:where(.sable-forms-experience) .results-workspace {
  height: calc(100dvh - 52px);
  display: flex;
  flex-direction: column;
  padding: 0 16px 16px;
  color: #5d5665;
  min-height: 0;
}
:where(.sable-forms-experience) .results-subnav {
  display: flex;
  align-items: center;
  gap: 24px;
  background: #f7f7f8;
  padding: 12px 18px;
  border-bottom: 4px solid white;
  min-height: 58px;
  flex-shrink: 0;
}
:where(.sable-forms-experience) .results-subnav>span {
  font-size: 12px;
  color: #918a99;
}
:where(.sable-forms-experience) .results-subnav .segments {
  overflow: visible;
}
:where(.sable-forms-experience) .results-subnav .segments [data-slot='tabs-trigger']::after {
  bottom: 0;
}
:where(.sable-forms-experience) .results-controls {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 16px;
  background: #f7f7f8;
  flex-wrap: wrap;
  flex-shrink: 0;
}
:where(.sable-forms-experience) .results-inboxes {
  display: flex;
  border: 1px solid #e5e1e8;
  border-radius: 8px;
}
:where(.sable-forms-experience) .results-inboxes button {
  display: flex;
  align-items: center;
  gap: 7px;
  background: transparent;
  border: 0;
  padding: 8px 10px;
  font-size: 13px;
  border-radius: 7px;
}
:where(.sable-forms-experience) .results-inboxes button[aria-pressed=true] {
  background: white;
  box-shadow: 0 1px 3px #31243f15;
}
:where(.sable-forms-experience) .results-search {
  display: flex;
  align-items: center;
  gap: 7px;
  border: 1px solid #e1dce6;
  border-radius: 8px;
  padding: 8px 10px;
  background: white;
}
:where(.sable-forms-experience) .results-search input {
  border: 0;
  background: transparent;
  width: 145px;
  font-size: 13px;
  outline: none;
}
:where(.sable-forms-experience) .results-date {
  font-size: 11px;
  display: flex;
  gap: 6px;
  align-items: center;
}
:where(.sable-forms-experience) .results-date input {
  border: 1px solid #e1dce6;
  border-radius: 7px;
  padding: 7px;
  background: white;
  font-size: 12px;
}
:where(.sable-forms-experience) .results-control-actions {
  display: flex;
  gap: 6px;
  margin-left: auto;
}
:where(.sable-forms-experience) .results-data-area {
  display: flex;
  flex: 1;
  min-height: 0;
  background: #f7f7f8;
  padding: 0 14px;
  gap: 12px;
}
:where(.sable-forms-experience) .results-table-scroll {
  flex: 1;
  min-width: 0;
  overflow: auto;
  background: white;
  border-radius: 12px 12px 0 0;
}
:where(.sable-forms-experience) .results-data-table {
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  min-width: 100%;
  font-size: 13px;
}
:where(.sable-forms-experience) .results-data-table th {
  position: sticky;
  top: 0;
  background: white;
  z-index: 2;
  font-weight: 400;
  height: 58px;
  border-bottom: 1px solid #e9e5ed;
  border-right: 1px solid #f0edf3;
  padding: 10px 14px;
  text-align: left;
}
:where(.sable-forms-experience) .results-data-table .response-identity {
  position: sticky;
  left: 0;
  background: white;
  min-width: 265px;
  width: 265px;
  z-index: 1;
}
:where(.sable-forms-experience) .results-data-table th.response-identity {
  z-index: 3;
}
:where(.sable-forms-experience) .results-data-table td {
  border-bottom: 1px solid #e9e5ed;
  border-right: 1px solid #f0edf3;
  padding: 16px 14px;
  vertical-align: top;
  overflow-wrap: anywhere;
}
:where(.sable-forms-experience) .results-data-table td>span {
  display: block;
  max-height: 110px;
  overflow: hidden;
}
:where(.sable-forms-experience) .results-data-table.compact td {
  padding: 10px 14px;
}
:where(.sable-forms-experience) .results-data-table.compact td>span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 20px;
}
:where(.sable-forms-experience) .results-data-table td small {
  display: block;
  color: #948c9b;
  margin-top: 4px;
  font-size: 11px;
}
:where(.sable-forms-experience) .results-data-table tr.selected td,:where(.sable-forms-experience) .results-data-table tr:hover td {
  background: #faf8fc;
}
:where(.sable-forms-experience) .response-identity input {
  margin-right: 12px;
  vertical-align: middle;
  accent-color: #66566f;
  width: 16px;
  height: 16px;
}
:where(.sable-forms-experience) .response-identity>button {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  max-width: 210px;
  vertical-align: middle;
  text-align: left;
  font-size: 13px;
  overflow-wrap: anywhere;
  background: none;
  border: 0;
}
:where(.sable-forms-experience) .response-identity button svg {
  flex-shrink: 0;
}
:where(.sable-forms-experience) .results-column-sort {
  display: flex;
  align-items: center;
  gap: 8px;
  text-align: left;
  background: none;
  border: 0;
  font-size: 13px;
  max-width: 100%;
}
:where(.sable-forms-experience) .results-column-sort>span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
:where(.sable-forms-experience) .results-column-sort svg {
  width: 17px;
  height: 17px;
  flex-shrink: 0;
}
:where(.sable-forms-experience) .results-column-resize {
  position: absolute;
  right: -3px;
  top: 0;
  bottom: 0;
  width: 7px;
  cursor: col-resize;
  background: transparent;
  border: 0;
  touch-action: none;
}
:where(.sable-forms-experience) .results-column-resize:hover,:where(.sable-forms-experience) .results-column-resize:focus-visible {
  background: #bbaacf;
}
:where(.sable-forms-experience) .response-status {
  display: inline-block !important;
  width: max-content;
  border: 1px solid #d9e4d7;
  border-radius: 6px;
  padding: 2px 8px;
  font-size: 11px;
  color: #657b5f;
  background: #f8fbf6;
}
:where(.sable-forms-experience) .response-status.partial {
  color: #8b7852;
  background: #fffaf0;
  border-color: #e9dec7;
}
:where(.sable-forms-experience) .results-count {
  padding: 12px 28px;
  background: #f7f7f8;
  color: #8b8295;
  font-size: 12px;
}
:where(.sable-forms-experience) .results-selection {
  padding: 10px 20px;
  display: flex;
  gap: 20px;
  align-items: center;
  background: #eee8f4;
  font-size: 12px;
}
:where(.sable-forms-experience) .results-selection button {
  border: 0;
  background: transparent;
  text-decoration: underline;
}
:where(.sable-forms-experience) .results-empty {
  padding: 80px 30px;
  text-align: center;
  color: #92889d;
}
:where(.sable-forms-experience) .results-empty svg {
  margin: auto;
}
:where(.sable-forms-experience) .results-empty h2 {
  font-size: 18px;
  font-weight: 500;
}
:where(.sable-forms-experience) .results-empty p {
  font-size: 13px;
}
:where(.sable-forms-experience) .results-detail {
  width: 450px;
  flex-shrink: 0;
  background: white;
  border: 1px solid #e6e0ec;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
:where(.sable-forms-experience) .results-detail>header {
  display: flex;
  align-items: center;
  gap: 6px;
  border-bottom: 1px solid #ece7f1;
  padding: 10px;
}
:where(.sable-forms-experience) .results-detail>header>span {
  font-size: 12px;
  margin-left: auto;
}
:where(.sable-forms-experience) .results-detail-body {
  padding: 24px;
  overflow: auto;
}
:where(.sable-forms-experience) .results-detail-body section {
  margin: 28px 0;
}
:where(.sable-forms-experience) .results-detail-body h3 {
  font-size: 13px;
  font-weight: 500;
  margin: 0 0 12px;
}
:where(.sable-forms-experience) .results-detail-body p {
  font-size: 14px;
  line-height: 1.6;
}
:where(.sable-forms-experience) .response-tags {
  margin: 24px 0;
}
:where(.sable-forms-experience) .response-tags h3 {
  display: flex;
  align-items: center;
  gap: 8px;
}
:where(.sable-forms-experience) .response-tags>button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  border: 1px solid #e2d9eb;
  border-radius: 6px;
  background: #f8f4fc;
  padding: 5px 8px;
  margin: 0 5px 5px 0;
}
:where(.sable-forms-experience) .response-tags form {
  display: flex;
  gap: 5px;
  margin-top: 10px;
}
:where(.sable-forms-experience) .response-tags form input {
  padding: 7px 10px;
  border: 1px solid #e1dae8;
  border-radius: 6px;
  font-size: 12px;
}
:where(.sable-forms-experience) .response-tags form button {
  border: 1px solid #e1dae8;
  border-radius: 6px;
  background: white;
  padding: 7px;
}
:where(.sable-forms-experience) .response-id {
  font-family: monospace;
  overflow-wrap: anywhere;
  font-size: 12px !important;
}
:where(.sable-forms-experience) .response-detail-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
:where(.sable-forms-experience) .results-column-options {
  display: grid;
  gap: 12px;
  max-height: 55vh;
  overflow: auto;
  margin-bottom: 20px;
}
:where(.sable-forms-experience) .results-column-options label {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 13px;
}
:where(.sable-forms-experience) .results-audit-pending {
  overflow: auto;
}
@media (max-width:1000px) {
  :where(.sable-forms-experience) .results-detail {
    width: 380px;
  }
  :where(.sable-forms-experience) .results-data-area.has-detail .results-table-scroll {
    min-width: 240px;
  }
  :where(.sable-forms-experience) .results-data-area {
    overflow: auto;
  }
}
:where(.sable-forms-experience) .results-overview {
  overflow: auto;
  flex: 1;
  padding: 36px max(28px,8vw);
  background: #faf9fb;
}
:where(.sable-forms-experience) .results-overview h1 {
  font-size: 25px;
  font-weight: 500;
  margin: 0 0 8px;
}
:where(.sable-forms-experience) .results-overview>p {
  font-size: 14px;
  color: #8e8499;
}
:where(.sable-forms-experience) .results-overview>h2 {
  font-size: 16px;
  font-weight: 500;
  margin-top: 40px;
}
:where(.sable-forms-experience) .results-performance-metrics {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 20px;
  border: 1px solid #e4deea;
  background: white;
  border-radius: 12px;
  padding: 28px;
}
:where(.sable-forms-experience) .results-performance-metrics>div {
  display: grid;
  gap: 14px;
}
:where(.sable-forms-experience) .results-performance-metrics span {
  font-size: 13px;
  color: #8a8095;
}
:where(.sable-forms-experience) .results-performance-metrics strong {
  font-size: 32px;
  font-weight: 500;
}
:where(.sable-forms-experience) .results-measurement-note {
  padding-top: 20px;
}
:where(.sable-forms-experience) .results-summary-card {
  background: white;
  border: 1px solid #e7e1ed;
  border-radius: 12px;
  padding: 26px;
  margin-top: 24px;
}
:where(.sable-forms-experience) .results-summary-card h2 {
  font-size: 17px;
  font-weight: 500;
  margin: 0 0 8px;
}
:where(.sable-forms-experience) .results-summary-card>small {
  font-size: 12px;
  color: #92889e;
}
:where(.sable-forms-experience) .results-summary-card .result-bar {
  margin-top: 18px;
}
:where(.sable-forms-experience) .summary-answer {
  border-bottom: 1px solid #f0ebf5;
  padding: 14px 0;
}
:where(.sable-forms-experience) .results-controls > [data-slot='select-trigger'] {
  width: 150px;
  flex: none;
}
:where(.sable-forms-experience) .results-date input {
  width: 128px;
}
:where(.sable-forms-experience) .results-controls {
  gap: 8px;
}
:where(.sable-forms-experience) .results-data-area {
  min-height: 240px;
}
:where(.sable-forms-experience) .results-date-trigger {
  display: inline-flex;
  gap: 7px;
  align-items: center;
  white-space: nowrap;
}
:where(.sable-forms-experience) .results-date-popover {
  width: 340px;
  padding: 16px;
}
:where(.sable-forms-experience) .results-date-presets {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-bottom: 10px;
}
:where(.sable-forms-experience) .results-date-presets button {
  padding: 6px 8px;
  border: 0;
  background: #f4f1f7;
  border-radius: 6px;
  font-size: 12px;
}
:where(.sable-forms-experience) .results-date-popover .group\/calendar {
  margin: 0 auto;
  --cell-size: 36px;
}
:where(.sable-forms-experience) .results-date-manual {
  display: flex;
  gap: 12px;
}
:where(.sable-forms-experience) .results-date-manual label {
  display: grid;
  gap: 5px;
  font-size: 11px;
  min-width: 0;
}
:where(.sable-forms-experience) .results-date-manual input {
  width: 140px;
  border: 1px solid #e1d9e9;
  border-radius: 6px;
  padding: 7px;
  font-size: 12px;
}
:where(.sable-forms-experience) .results-date-popover footer,:where(.sable-forms-experience) .results-columns-popover footer {
  display: flex;
  justify-content: space-between;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #ebe5f1;
  gap: 10px;
}
:where(.sable-forms-experience) .results-columns-popover {
  width: 370px;
  padding: 14px;
}
:where(.sable-forms-experience) .results-columns-popover header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
:where(.sable-forms-experience) .results-columns-popover header strong {
  font-size: 14px;
  font-weight: 500;
}
:where(.sable-forms-experience) .results-columns-list {
  max-height: 55vh;
  overflow: auto;
}
:where(.sable-forms-experience) .results-columns-list>div {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 8px 0;
  border-radius: 6px;
}
:where(.sable-forms-experience) .results-columns-list>div:hover {
  background: #f8f5fb;
}
:where(.sable-forms-experience) .results-columns-list span {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
}
:where(.sable-forms-experience) .results-columns-list button {
  padding: 4px;
  border: 0;
  background: transparent;
  color: #867992;
}
:where(.sable-forms-experience) .results-columns-list .column-grip {
  cursor: grab;
}
:where(.sable-forms-experience) .results-data-table th.response-identity {
  white-space: nowrap;
}
:where(.sable-forms-experience) .results-data-table th.response-identity>[data-slot='select-trigger'] {
  display: inline-flex;
  width: 190px;
  vertical-align: middle;
  height: 32px;
}
:where(.sable-forms-experience) .results-count {
  display: flex;
  align-items: center;
  gap: 8px;
}
:where(.sable-forms-experience) .results-count>span {
  margin-right: auto;
}
:where(.sable-forms-experience) .results-count .button {
  font-size: 12px;
  min-height: 28px;
  padding: 4px 10px;
}
:where(.sable-forms-experience) .results-filter-trigger {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
:where(.sable-forms-experience) .results-filter-popover {
  width: min(650px,calc(100vw - 32px));
  padding: 16px;
}
:where(.sable-forms-experience) .results-filter-popover header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
}
:where(.sable-forms-experience) .results-filter-match {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 12px;
}
:where(.sable-forms-experience) .results-filter-match>[data-slot='select-trigger'] {
  width: 160px;
}
:where(.sable-forms-experience) .results-filter-row {
  display: flex;
  gap: 8px;
  margin: 12px 0;
  align-items: center;
}
:where(.sable-forms-experience) .results-filter-row [data-slot='select-trigger'] {
  min-width: 0;
  flex: 1;
}
:where(.sable-forms-experience) .results-filter-row input {
  min-width: 0;
  width: 140px;
  padding: 7px;
  border: 1px solid #e0d7e9;
  border-radius: 6px;
  font-size: 13px;
}
:where(.sable-forms-experience) .results-filter-popover footer {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #e7e0ee;
  padding-top: 12px;
  margin-top: 16px;
}
:where(.sable-forms-experience) .results-filter-popover>.button {
  display: inline-flex;
  gap: 6px;
  align-items: center;
}
:where(.sable-forms-experience) .results-summary-controls {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin: 26px 0 30px;
}
:where(.sable-forms-experience) .results-summary-controls > button {
  width: auto;
}
:where(.sable-forms-experience) .results-summary-search {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 22px 0 12px;
  color: var(--muted-foreground);
}
:where(.sable-forms-experience) .results-summary-search input {
  flex: 1;
  min-width: 0;
  border: 0;
  background: transparent;
  outline: none;
  padding: 8px 0;
}
:where(.sable-forms-experience) .results-summary-search:focus-within {
  box-shadow: 0 1px currentColor;
}
:where(.sable-forms-experience) .results-summary-search span {
  font-size: 12px;
  white-space: nowrap;
}
:where(.sable-forms-experience) .results-summary-card .summary-answer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
:where(.sable-forms-experience) .results-summary-card .summary-answer > :first-child {
  min-width: 0;
  overflow-wrap: anywhere;
}
:where(.sable-forms-experience) .results-summary-card .summary-answer > button {
  flex-shrink: 0;
  font-size: 12px;
  color: var(--muted-foreground);
}
:where(.sable-forms-experience) .results-summary-empty {
  padding: 20px;
  border: 1px dashed var(--border);
  border-radius: 12px;
}
@media (max-width:650px) {
  :where(.sable-forms-experience) .results-summary-card .summary-answer {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }
}
:where(.sable-forms-experience) .results-summary-controls > [data-slot='select-trigger'] {
  width: 190px;
  flex: none;
}
:where(.sable-forms-experience) .results-summary-controls [role='tablist'] {
  overflow: visible;
  height: auto;
}
:where(.sable-forms-experience) .results-export-formats {
  display: grid;
  gap: 12px;
  margin: 24px 0;
}
:where(.sable-forms-experience) .results-export-formats label {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 18px;
  border: 1px solid #e4dfe8;
  border-radius: 10px;
  cursor: pointer;
}
:where(.sable-forms-experience) .results-export-formats label:has(input:checked) {
  border-color: #72617f;
  background: #f7f4f9;
}
:where(.sable-forms-experience) .results-export-formats input {
  accent-color: #483c50;
  width: 16px;
  height: 16px;
}
:where(.sable-forms-experience) .results-export-formats span {
  display: grid;
  gap: 4px;
}
:where(.sable-forms-experience) .results-export-formats strong {
  font-size: 15px;
  font-weight: 500;
}
:where(.sable-forms-experience) .results-export-formats small {
  color: #807589;
}
:where(.sable-forms-experience) .results-export-actions {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
}
:where(.sable-forms-experience) .summary-statistics {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
  margin: 28px 0;
}
:where(.sable-forms-experience) .summary-statistics dt {
  font-size: 12px;
  color: #82768b;
}
:where(.sable-forms-experience) .summary-statistics dd {
  margin: 8px 0 0;
  font-size: 26px;
  font-variant-numeric: tabular-nums;
}
:where(.sable-forms-experience) .summary-chart-controls,:where(.sable-forms-experience) .summary-special {
  margin-top: 24px;
}
:where(.sable-forms-experience) .summary-chart-controls>[data-slot='select-trigger'],:where(.sable-forms-experience) .summary-special>[data-slot='select-trigger'] {
  width: 190px;
}
:where(.sable-forms-experience) .summary-chart-help {
  font-size: 12px;
  color: #82768b;
  margin: 16px 0;
}
:where(.sable-forms-experience) .summary-table-scroll {
  overflow: auto;
  margin-top: 20px;
}
:where(.sable-forms-experience) .summary-table-scroll table {
  border-collapse: collapse;
  width: 100%;
  font-size: 13px;
}
:where(.sable-forms-experience) .summary-table-scroll th,:where(.sable-forms-experience) .summary-table-scroll td {
  padding: 14px;
  text-align: right;
  border-bottom: 1px solid #ebe6ee;
  font-variant-numeric: tabular-nums;
}
:where(.sable-forms-experience) .summary-table-scroll th:first-child {
  text-align: left;
}
:where(.sable-forms-experience) .summary-table-scroll th {
  font-weight: 500;
}
:where(.sable-forms-experience) .summary-rank {
  display: flex;
  gap: 16px;
  align-items: center;
  padding: 18px 0;
  border-bottom: 1px solid #ebe6ee;
}
:where(.sable-forms-experience) .summary-rank strong {
  flex: 1;
  font-size: 14px;
  font-weight: 500;
}
:where(.sable-forms-experience) .summary-rank>span {
  font-variant-numeric: tabular-nums;
}
:where(.sable-forms-experience) .summary-matrix-row {
  margin: 26px 0;
}
:where(.sable-forms-experience) .summary-matrix-row h3 {
  font-size: 15px;
  margin-bottom: 6px;
}
:where(.sable-forms-experience) .summary-vertical-chart {
  display: flex;
  align-items: stretch;
  gap: 20px;
  overflow: auto;
  padding: 24px 0 0;
}
:where(.sable-forms-experience) .summary-vertical-chart .result-bar {
  display: flex;
  flex-direction: column-reverse;
  flex: 1;
  min-width: 70px;
  max-width: 180px;
  margin: 0;
}
:where(.sable-forms-experience) .summary-vertical-chart .result-bar>div:first-child {
  flex-direction: column;
  gap: 6px;
  align-items: center;
  text-align: center;
  padding: 10px 0;
}
:where(.sable-forms-experience) .summary-vertical-chart .result-bar>div:last-child {
  height: 180px;
  position: relative;
  background: transparent;
  overflow: visible;
}
:where(.sable-forms-experience) .summary-vertical-chart .result-bar i {
  position: absolute;
  bottom: 0;
  left: 20%;
  width: 60% !important;
  height: var(--bar-percent);
  border-radius: 5px 5px 0 0;
}
:where(.sable-forms-experience) .summary-trends-toggle {
  margin-top: 20px;
}
:where(.sable-forms-experience) .summary-trends-toggle[aria-pressed=true] {
  background: #f1edf5;
}
:where(.sable-forms-experience) .summary-trends-controls {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 20px 0 12px;
}
:where(.sable-forms-experience) .summary-trends-controls>[data-slot='select-trigger'] {
  width: 170px;
}
:where(.sable-forms-experience) .summary-trend-plot {
  margin-top: 24px;
  width: 100%;
  min-width: 0;
}
:where(.sable-forms-experience) .results-saved-views {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 24px;
}
:where(.sable-forms-experience) .results-saved-views>[data-slot='select-trigger'] {
  width: 230px;
}
:where(.sable-forms-experience) .results-saved-views>.button {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}
:where(.sable-forms-experience) .results-saved-views>span {
  font-size: 12px;
  color: #82748f;
}
:where(.sable-forms-experience) .summary-question-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
:where(.sable-forms-experience) .summary-question-heading h2 {
  margin: 0;
}
:where(.sable-forms-experience) .summary-question-heading>.button {
  opacity: 0;
  transition: opacity 150ms ease;
}
:where(.sable-forms-experience) .results-summary-card:hover .summary-question-heading>.button,:where(.sable-forms-experience) .summary-question-heading>.button:focus-visible {
  opacity: 1;
}
@media (hover:none) {
  :where(.sable-forms-experience) .summary-question-heading>.button {
    opacity: 1;
  }
}
:where(.sable-forms-experience) .summary-report.is-branded {
  background: var(--summary-bg);
  padding: 24px;
  border-radius: 16px;
}
:where(.sable-forms-experience) .summary-report.is-branded>h1,:where(.sable-forms-experience) .summary-report.is-branded .summary-question-heading h2,:where(.sable-forms-experience) .summary-report.is-branded .summary-statistics dd {
  color: var(--summary-text);
  font-family: var(--summary-font);
}
:where(.sable-forms-experience) .summary-report.is-branded .result-bar i {
  background: var(--summary-accent);
}
:where(.sable-forms-experience) .summary-brand-heading {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
  color: var(--summary-text);
  font-family: var(--summary-font);
}
:where(.sable-forms-experience) .summary-brand-heading img {
  max-height: 64px;
  max-width: 220px;
  object-fit: contain;
}
:where(.sable-forms-experience) .summary-brand-heading strong {
  font-size: 24px;
  font-weight: 600;
}
:where(.sable-forms-experience) .response-sending {
  position: absolute;
  bottom: 90px;
  left: 50%;
  transform: translateX(-50%);
  background: white;
  color: #46384f;
  padding: 12px 18px;
  border: 1px solid #e7e1ed;
  border-radius: 12px;
  box-shadow: 0 4px 20px #0000000c;
  z-index: 5;
  font-size: 14px;
}
:where(.sable-forms-experience) .results-sync-error {
  padding: 10px 16px;
  margin: 0;
  background: #fff4e4;
  color: #785128;
  font-size: 13px;
}
:where(.sable-forms-experience) .summary-export-toolbar {
  display: flex;
  justify-content: flex-end;
}
:where(.sable-forms-experience) .summary-export-toolbar .button,:where(.sable-forms-experience) .results-report-actions .button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
:where(.sable-forms-experience) .results-report-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 20px 0;
}
:where(.sable-forms-experience) .results-report-preview {
  width: 100%;
  height: 60vh;
  border: 1px solid #e5dfe9;
  border-radius: 10px;
  background: white;
}
:where(.sable-forms-experience) .results-filter-rule {
  padding: 12px 0;
  border-bottom: 1px solid var(--border,#e7e3e9);
}
:where(.sable-forms-experience) .results-filter-rule .results-filter-row {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr) 28px;
  margin: 0;
}
:where(.sable-forms-experience) .results-filter-value {
  display: flex;
  gap: 8px;
  margin-top: 10px;
}
:where(.sable-forms-experience) .results-filter-value > input,:where(.sable-forms-experience) .results-filter-value > button {
  min-width: 0;
  flex: 1;
}
:where(.sable-forms-experience) .results-filter-value fieldset {
  border: 0;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  max-height: 180px;
  overflow: auto;
  width: 100%;
}
:where(.sable-forms-experience) .results-filter-value legend {
  font-size: 12px;
  color: #817888;
  margin-bottom: 8px;
}
:where(.sable-forms-experience) .results-filter-value fieldset label {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
}
:where(.sable-forms-experience) .results-filter-value input[type=checkbox] {
  width: 14px;
  height: 14px;
  margin: 0;
  accent-color: #403945;
}
:where(.sable-forms-experience) .results-filter-value > input {
  padding: 8px;
  border: 1px solid #e0d7e9;
  border-radius: 6px;
  font-size: 13px;
}
:where(.sable-forms-experience) .summary-report-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 20px;
}
:where(.sable-forms-experience) .summary-report-header h1 {
  margin: 0 0 8px;
  font-size: 25px;
  font-weight: 500;
  letter-spacing: -.5px;
}
:where(.sable-forms-experience) .summary-report-header p {
  margin: 0;
  color: #766e7e;
  font-size: 14px;
  line-height: 1.5;
}
:where(.sable-forms-experience) .summary-report-header .summary-export-toolbar {
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
:where(.sable-forms-experience) .summary-report .results-saved-views {
  margin: 0 0 20px;
}
:where(.sable-forms-experience) .summary-report .results-summary-controls {
  gap: 12px;
  margin: 0 0 24px;
}
:where(.sable-forms-experience) .summary-icon-segments {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  border: 1px solid #e4e0e7;
  padding: 3px;
  border-radius: 8px;
  background: #fff;
}
:where(.sable-forms-experience) .summary-icon-segments button {
  display: grid;
  place-items: center;
  width: 32px;
  height: 30px;
  border: 0;
  border-radius: 5px;
  color: #7b7481;
  background: transparent;
  cursor: pointer;
}
:where(.sable-forms-experience) .summary-icon-segments button[aria-pressed=true] {
  background: #eeecf0;
  color: #39323f;
}
:where(.sable-forms-experience) .summary-icon-segments button:hover {
  background: #f4f2f5;
}
:where(.sable-forms-experience) .summary-icon-segments button:focus-visible {
  outline: 2px solid #8c75ae;
  outline-offset: 2px;
}
:where(.sable-forms-experience) .summary-contact-notice {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 18px;
  background: #f2f0f5;
  border-radius: 10px;
  color: #6d617a;
  margin: 0 0 24px;
}
:where(.sable-forms-experience) .summary-contact-notice>svg {
  flex-shrink: 0;
}
:where(.sable-forms-experience) .summary-contact-notice>div {
  flex: 1;
  min-width: 0;
}
:where(.sable-forms-experience) .summary-contact-notice strong {
  display: block;
  font-size: 13px;
  font-weight: 500;
  color: #4e4359;
}
:where(.sable-forms-experience) .summary-contact-notice p {
  font-size: 12px;
  margin: 4px 0 0;
  line-height: 1.5;
}
:where(.sable-forms-experience) .summary-contact-notice .button {
  flex-shrink: 0;
}
:where(.sable-forms-experience) .summary-question-title {
  display: flex;
  gap: 12px;
  align-items: center;
  min-width: 0;
}
:where(.sable-forms-experience) .summary-question-icon {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  background: #eeeaf2;
  color: #746480;
  flex-shrink: 0;
}
:where(.sable-forms-experience) .summary-question-title h2 {
  overflow-wrap: anywhere;
}
:where(.sable-forms-experience) .summary-report .results-summary-card>small {
  display: block;
  margin: 8px 0 0 40px;
  color: #82798d;
}
:where(.sable-forms-experience) .summary-report.is-branded .summary-report-header h1 {
  color: var(--summary-text);
  font-family: var(--summary-font);
}
:where(.sable-forms-experience) .summary-report.is-branded .summary-question-heading h2,:where(.sable-forms-experience) .summary-report.is-branded .summary-statistics dd {
  color: #403945;
}
@media (max-width:750px) {
  :where(.sable-forms-experience) .summary-report-header {
    flex-direction: column;
    gap: 16px;
  }
  :where(.sable-forms-experience) .summary-contact-notice {
    flex-wrap: wrap;
  }
  :where(.sable-forms-experience) .summary-contact-notice>.button {
    margin-left: 30px;
  }
  :where(.sable-forms-experience) .summary-report .results-summary-card {
    padding: 18px;
  }
  :where(.sable-forms-experience) .summary-report .results-summary-card>small {
    margin-left: 0;
  }
}
:where(.sable-forms-experience) .summary-question-controls {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 20px 0;
  flex-wrap: wrap;
}
:where(.sable-forms-experience) .summary-question-controls:empty {
  display: none;
}
:where(.sable-forms-experience) .summary-question-controls .summary-trends-toggle {
  margin: 0;
}
:where(.sable-forms-experience) .summary-question-controls>[data-slot=select-trigger] {
  width: 190px;
}
:where(.sable-forms-experience) .summary-report .results-summary-card .result-bar>div:first-child {
  font-size: 13px;
  color: #6b6077;
  margin-bottom: 8px;
}
:where(.sable-forms-experience) .summary-report .results-summary-card .result-bar>div:nth-child(2) {
  height: 12px;
  border-radius: 4px;
  overflow: hidden;
  background: #f0edf4;
}
:where(.sable-forms-experience) .summary-report .results-summary-card .result-bar i {
  border-radius: 4px;
  background: var(--summary-accent,#b9accb);
}
:where(.sable-forms-experience) .summary-report .summary-vertical-chart .result-bar>div:nth-child(2) {
  height: 200px;
}
:where(.sable-forms-experience) .summary-icon-segments {
  margin: 0;
  min-width: 0;
}
:where(.sable-forms-experience) .summary-report .summary-vertical-chart .result-bar>div:nth-child(2) {
  background: transparent;
}
:where(.sable-forms-experience) .results-date-presets button[aria-pressed=true] {
  background: #eeeaf3;
  color: #403647;
}
:where(.sable-forms-experience) .results-date-error {
  font-size: 12px;
  color: #a53b3b;
  margin: 10px 0;
}
:where(.sable-forms-experience) .summary-ranking-chart {
  width: 100%;
  min-width: 0;
  margin-top: 24px;
  overflow-x: auto;
}
:where(.sable-forms-experience) .summary-ranking-chart .recharts-responsive-container {
  min-width: 460px;
}
:where(.sable-forms-experience) .summary-ranking-chart .recharts-legend-wrapper {
  font-size: 12px;
}
:where(.sable-forms-experience) .results-report-sharing {
  border-top: 1px solid #e6e1e9;
  margin-top: 24px;
  padding-top: 20px;
}
:where(.sable-forms-experience) .results-report-sharing h3 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  margin: 0 0 8px;
}
:where(.sable-forms-experience) .results-report-sharing>p {
  font-size: 13px;
  line-height: 1.6;
  color: #7b7085;
  margin: 8px 0 14px;
}
:where(.sable-forms-experience) .results-report-link {
  display: grid;
  gap: 7px;
  font-size: 12px;
  margin: 16px 0 8px;
}
:where(.sable-forms-experience) .results-report-link input {
  width: 100%;
  border: 1px solid #ded7e6;
  border-radius: 7px;
  padding: 10px;
  font-size: 13px;
}
:where(.sable-forms-experience) .results-report-sharing>small {
  font-size: 11px;
  color: #81768c;
}
:where(.sable-forms-experience) .results-report-sharing .results-report-actions {
  margin: 14px 0;
}
:where(.sable-forms-experience) .results-report-revoke {
  padding: 14px;
  background: #f5f1f6;
  border-radius: 8px;
  font-size: 13px;
}
:where(.sable-forms-experience) .results-report-revoke button {
  margin-right: 8px;
}
:where(.sable-forms-experience) .results-report-sharing [role=alert] {
  color: #a23b46;
}
:where(.sable-forms-experience) .form-mode-icon {
  display: none;
}
:where(.sable-forms-experience) .results-page .list-toolbar > [data-slot='tabs'] {
  flex-shrink: 0;
}
:where(.sable-forms-experience) .results-page .list-toolbar .segments[data-slot='tabs-list'] {
  overflow: visible;
  width: max-content;
  height: 38px;
  flex-shrink: 0;
}
:where(.sable-forms-experience) .results-page .list-toolbar .segments [data-slot='tabs-trigger'] {
  flex: none;
  height: 34px;
}
:where(.sable-forms-experience) .results-page .list-toolbar .segments [data-slot='tabs-trigger']::after {
  bottom: 0;
}
:where(.sable-forms-experience) .question-display[data-media-desktop],:where(.sable-forms-experience) 
.respondent-page-field[data-media-desktop] {
  --form-media-gutter: 50px;
}
@media (min-width: 700px) {
  :where(.sable-forms-experience) .question-display[data-media-desktop='float-right']:has(> img.question-media),:where(.sable-forms-experience) 
  .question-display[data-media-desktop='float-left']:has(> img.question-media),:where(.sable-forms-experience) 
  .respondent-page-field[data-media-desktop='float-right']:has(> img.question-media),:where(.sable-forms-experience) 
  .respondent-page-field[data-media-desktop='float-left']:has(> img.question-media) {
    display: grid;
    align-content: center;
    column-gap: 40px;
  }
  :where(.sable-forms-experience) .question-display[data-media-desktop='float-right']:has(> img.question-media),:where(.sable-forms-experience) 
  .respondent-page-field[data-media-desktop='float-right']:has(> img.question-media) {
    grid-template-columns: minmax(0, 1fr) 40%;
  }
  :where(.sable-forms-experience) .question-display[data-media-desktop='float-left']:has(> img.question-media),:where(.sable-forms-experience) 
  .respondent-page-field[data-media-desktop='float-left']:has(> img.question-media) {
    grid-template-columns: 40% minmax(0, 1fr);
  }
  :where(.sable-forms-experience) .question-display[data-media-desktop='float-right'] > *:not(img.question-media),:where(.sable-forms-experience) 
  .respondent-page-field[data-media-desktop='float-right'] > *:not(img.question-media) {
    grid-column: 1;
  }
  :where(.sable-forms-experience) .question-display[data-media-desktop='float-left'] > *:not(img.question-media),:where(.sable-forms-experience) 
  .respondent-page-field[data-media-desktop='float-left'] > *:not(img.question-media) {
    grid-column: 2;
  }
  :where(.sable-forms-experience) .question-display[data-media-desktop='float-right'] > img.question-media,:where(.sable-forms-experience) 
  .respondent-page-field[data-media-desktop='float-right'] > img.question-media {
    grid-column: 2;
  }
  :where(.sable-forms-experience) .question-display[data-media-desktop='float-left'] > img.question-media,:where(.sable-forms-experience) 
  .respondent-page-field[data-media-desktop='float-left'] > img.question-media {
    grid-column: 1;
  }
  :where(.sable-forms-experience) .question-display[data-media-desktop='float-right'] > img.question-media,:where(.sable-forms-experience) 
  .question-display[data-media-desktop='float-left'] > img.question-media,:where(.sable-forms-experience) 
  .respondent-page-field[data-media-desktop='float-right'] > img.question-media,:where(.sable-forms-experience) 
  .respondent-page-field[data-media-desktop='float-left'] > img.question-media {
    grid-row: 1 / span 30;
    align-self: center;
    width: 100%;
    height: auto;
    max-height: 62vh;
    margin: 0;
    object-fit: cover;
  }
  :where(.sable-forms-experience) .question-display[data-media-desktop='float-right']:has(> img.question-media),:where(.sable-forms-experience) 
  .question-display[data-media-desktop='float-left']:has(> img.question-media) {
    max-width: 1120px;
  }
  :where(.sable-forms-experience) .question-display[data-media-desktop='split-right']:has(> img.question-media),:where(.sable-forms-experience) 
  .question-display[data-media-desktop='split-left']:has(> img.question-media) {
    max-width: none;
    padding-inline: 0;
    padding-block: 64px;
    min-height: 100%;
  }
  :where(.sable-forms-experience) .respondent-page-field[data-media-desktop='split-right']:has(> img.question-media),:where(.sable-forms-experience) 
  .respondent-page-field[data-media-desktop='split-left']:has(> img.question-media) {
    min-height: 62vh;
  }
  :where(.sable-forms-experience) .question-display[data-media-desktop='split-right']:has(> img.question-media),:where(.sable-forms-experience) 
  .question-display[data-media-desktop='split-left']:has(> img.question-media),:where(.sable-forms-experience) 
  .respondent-page-field[data-media-desktop='split-right']:has(> img.question-media),:where(.sable-forms-experience) 
  .respondent-page-field[data-media-desktop='split-left']:has(> img.question-media) {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  :where(.sable-forms-experience) .question-display[data-media-desktop='split-right'] > *:not(img.question-media),:where(.sable-forms-experience) 
  .question-display[data-media-desktop='split-left'] > *:not(img.question-media),:where(.sable-forms-experience) 
  .respondent-page-field[data-media-desktop='split-right'] > *:not(img.question-media),:where(.sable-forms-experience) 
  .respondent-page-field[data-media-desktop='split-left'] > *:not(img.question-media) {
    width: 50%;
    padding-inline: clamp(24px, 5%, 64px);
  }
  :where(.sable-forms-experience) .question-display[data-media-desktop='split-left'] > *:not(img.question-media),:where(.sable-forms-experience) 
  .respondent-page-field[data-media-desktop='split-left'] > *:not(img.question-media) {
    margin-inline-start: 50%;
  }
  :where(.sable-forms-experience) .question-display[data-media-desktop='split-right'] > img.question-media,:where(.sable-forms-experience) 
  .question-display[data-media-desktop='split-left'] > img.question-media,:where(.sable-forms-experience) 
  .respondent-page-field[data-media-desktop='split-right'] > img.question-media,:where(.sable-forms-experience) 
  .respondent-page-field[data-media-desktop='split-left'] > img.question-media {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50%;
    height: 100%;
    max-height: none;
    margin: 0;
    padding: 0;
    border-radius: 0;
    object-fit: cover;
  }
  :where(.sable-forms-experience) .question-display[data-media-desktop='split-right'] > img.question-media,:where(.sable-forms-experience) 
  .respondent-page-field[data-media-desktop='split-right'] > img.question-media {
    right: 0;
  }
  :where(.sable-forms-experience) .question-display[data-media-desktop='split-left'] > img.question-media,:where(.sable-forms-experience) 
  .respondent-page-field[data-media-desktop='split-left'] > img.question-media {
    left: 0;
  }
  :where(.sable-forms-experience) .question-display[data-media-desktop='background']:has(> img.question-media) {
    max-width: none;
    padding-inline: max(var(--form-media-gutter), calc((100% - 670px) / 2));
    min-height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  :where(.sable-forms-experience) .respondent-page-field[data-media-desktop='background']:has(> img.question-media) {
    padding: 44px var(--form-media-gutter);
    min-height: 62vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  :where(.sable-forms-experience) .question-display[data-media-desktop='background'] > img.question-media,:where(.sable-forms-experience) 
  .respondent-page-field[data-media-desktop='background'] > img.question-media {
    position: absolute;
    inset: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    max-height: none;
    margin: 0;
    border-radius: 0;
    object-fit: cover;
  }
  :where(.sable-forms-experience) .question-display[data-media-desktop='background']:has(> img.question-media)::after,:where(.sable-forms-experience) 
  .respondent-page-field[data-media-desktop='background']:has(> img.question-media)::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
    background: var(--form-background);
    opacity: 0.72;
    pointer-events: none;
  }
  :where(.sable-forms-experience) .question-display[data-media-desktop='background']:has(> img.question-media) > *:not(img.question-media),:where(.sable-forms-experience) 
  .respondent-page-field[data-media-desktop='background']:has(> img.question-media) > *:not(img.question-media) {
    position: relative;
    z-index: 2;
  }
  :where(.sable-forms-experience) .respondent-page-field[data-media-desktop='split-right']:has(> img.question-media),:where(.sable-forms-experience) 
  .respondent-page-field[data-media-desktop='split-left']:has(> img.question-media) {
    min-height: 320px;
  }
  :where(.sable-forms-experience) .respondent-page-field[data-media-desktop='split-right'] > *:not(img.question-media) {
    padding-inline: 0 32px;
  }
  :where(.sable-forms-experience) .respondent-page-field[data-media-desktop='split-left'] > *:not(img.question-media) {
    padding-inline: 32px 0;
  }
  :where(.sable-forms-experience) .respondent-page-field[data-media-desktop='split-right'] > img.question-media,:where(.sable-forms-experience) 
  .respondent-page-field[data-media-desktop='split-left'] > img.question-media {
    border-radius: 14px;
  }
  :where(.sable-forms-experience) .respondent-page-field[data-media-desktop='background']:has(> img.question-media) {
    min-height: 320px;
    padding: 32px;
    border-radius: 14px;
    overflow: hidden;
  }
}
@media (max-width: 699.98px) {
  :where(.sable-forms-experience) .question-display[data-media-mobile],:where(.sable-forms-experience) 
  .respondent-page-field[data-media-mobile] {
    --form-media-gutter: 30px;
  }
  :where(.sable-forms-experience) .question-display[data-media-mobile='stack-small'] > img.question-media,:where(.sable-forms-experience) 
  .respondent-page-field[data-media-mobile='stack-small'] > img.question-media {
    width: 100%;
    height: 35vh;
    max-height: 35vh;
    object-fit: cover;
  }
  :where(.sable-forms-experience) .question-display[data-media-mobile='split']:has(> img.question-media),:where(.sable-forms-experience) 
  .respondent-page-field[data-media-mobile='split']:has(> img.question-media) {
    display: flex;
    flex-direction: column;
  }
  :where(.sable-forms-experience) .question-display[data-media-mobile='split']:has(> img.question-media) {
    max-width: none;
    padding-inline: 0;
    padding-top: 0;
  }
  :where(.sable-forms-experience) .question-display[data-media-mobile='split']:has(> img.question-media) > *:not(img.question-media) {
    padding-inline: var(--form-media-gutter);
  }
  :where(.sable-forms-experience) .respondent-page-field[data-media-mobile='split'] > *:not(img.question-media) {
    padding-inline: var(--form-media-gutter);
  }
  :where(.sable-forms-experience) .question-display[data-media-mobile='split'] > img.question-media,:where(.sable-forms-experience) 
  .respondent-page-field[data-media-mobile='split'] > img.question-media {
    order: -1;
    width: 100%;
    height: 50vh;
    max-height: 50vh;
    margin: 0 0 28px;
    border-radius: 0;
    object-fit: cover;
  }
  :where(.sable-forms-experience) .question-display[data-media-mobile='background']:has(> img.question-media) {
    max-width: none;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  :where(.sable-forms-experience) .respondent-page-field[data-media-mobile='background']:has(> img.question-media) {
    padding: 32px var(--form-media-gutter);
    min-height: 62vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  :where(.sable-forms-experience) .question-display[data-media-mobile='background'] > img.question-media,:where(.sable-forms-experience) 
  .respondent-page-field[data-media-mobile='background'] > img.question-media {
    position: absolute;
    inset: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    max-height: none;
    margin: 0;
    border-radius: 0;
    object-fit: cover;
  }
  :where(.sable-forms-experience) .question-display[data-media-mobile='background']:has(> img.question-media)::after,:where(.sable-forms-experience) 
  .respondent-page-field[data-media-mobile='background']:has(> img.question-media)::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
    background: var(--form-background);
    opacity: 0.72;
    pointer-events: none;
  }
  :where(.sable-forms-experience) .question-display[data-media-mobile='background']:has(> img.question-media) > *:not(img.question-media),:where(.sable-forms-experience) 
  .respondent-page-field[data-media-mobile='background']:has(> img.question-media) > *:not(img.question-media) {
    position: relative;
    z-index: 2;
  }
  :where(.sable-forms-experience) .respondent-page-field[data-media-mobile='split'] > *:not(img.question-media) {
    padding-inline: 0;
  }
  :where(.sable-forms-experience) .respondent-page-field[data-media-mobile='split'] > img.question-media {
    height: 36vh;
    max-height: 36vh;
    margin: 0 0 20px;
    border-radius: 14px;
  }
  :where(.sable-forms-experience) .respondent-page-field[data-media-mobile='background']:has(> img.question-media) {
    min-height: 0;
    padding: 24px;
    border-radius: 14px;
    overflow: hidden;
  }
}
@media (min-width: 700px) {
  :where(.sable-forms-experience) :is(.question-display, .respondent-page-field)
    > img.question-media:is([data-media-desktop='stack'], :not([data-media-desktop])) {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 360px;
  }
}
@media (max-width: 699.98px) {
  :where(.sable-forms-experience) :is(.question-display, .respondent-page-field)
    > img.question-media:is([data-media-mobile='stack'], :not([data-media-mobile])) {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 300px;
  }
}
@keyframes forms-sable-step-in {
  from {
    opacity: 0;
    transform: translateY(16px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes forms-sable-step-out {
  from {
    opacity: 1;
    transform: none;
  }
  to {
    opacity: 0;
    transform: translateY(-12px);
  }
}
:where(.sable-forms-experience) .respondent-motion .question-display > h1,:where(.sable-forms-experience) 
.respondent-motion .question-display > p,:where(.sable-forms-experience) 
.respondent-motion .question-display > .question-media,:where(.sable-forms-experience) 
.respondent-motion .question-display > .completion-icon,:where(.sable-forms-experience) 
.respondent-motion .question-display .respondent-page-field > h1,:where(.sable-forms-experience) 
.respondent-motion .question-display .respondent-page-field > p,:where(.sable-forms-experience) 
.respondent-motion .question-display .respondent-page-field > .question-media,:where(.sable-forms-experience) 
.respondent-motion .question-display .respondent-page-field > :not(h1):not(p):not(.question-media),:where(.sable-forms-experience) 
.respondent-motion .question-display .compound-field > label,:where(.sable-forms-experience) 
.respondent-motion .question-display .compound-field > :not(label):not(p),:where(.sable-forms-experience) 
.respondent-motion .question-display .respondent-actions,:where(.sable-forms-experience) 
.respondent-motion .question-display.completion > div {
  animation: forms-sable-step-in 320ms cubic-bezier(.22, 1, .36, 1) backwards;
}
:where(.sable-forms-experience) .respondent-motion .question-display > h1,:where(.sable-forms-experience) 
.respondent-motion .question-display > .completion-icon,:where(.sable-forms-experience) 
.respondent-motion .question-display .respondent-page-field > h1,:where(.sable-forms-experience) 
.respondent-motion .question-display .compound-field > label {
  animation-delay: 40ms;
}
:where(.sable-forms-experience) .respondent-motion .question-display > p,:where(.sable-forms-experience) 
.respondent-motion .question-display .respondent-page-field > p {
  animation-delay: 90ms;
}
:where(.sable-forms-experience) .respondent-motion .question-display > .question-media,:where(.sable-forms-experience) 
.respondent-motion .question-display .respondent-page-field > .question-media,:where(.sable-forms-experience) 
.respondent-motion .question-display .respondent-page-field > :not(h1):not(p):not(.question-media),:where(.sable-forms-experience) 
.respondent-motion .question-display .compound-field > :not(label):not(p) {
  animation-delay: 140ms;
}
:where(.sable-forms-experience) .respondent-motion .question-display .respondent-actions,:where(.sable-forms-experience) 
.respondent-motion .question-display.completion > div {
  animation-delay: 190ms;
}
:where(.sable-forms-experience) .respondent-motion .question-display[data-motion='exit'] {
  animation: forms-sable-step-out 180ms cubic-bezier(.4, 0, 1, 1) forwards;
}
:where(.sable-forms-experience) .respondent-live .respondent-page-field > h1 + :not(p),:where(.sable-forms-experience) 
.respondent-live .question-display > h1 + .respondent-page-form {
  margin-top: 26px;
}
:where(.sable-forms-experience) .respondent-loading-content:has(.respondent-loading-message) {
  width: min(320px, 100%);
  padding-inline: 24px;
}
:where(.sable-forms-experience) .respondent-recover {
  display: grid;
  gap: 10px;
  width: 100%;
  margin-top: 6px;
}
:where(.sable-forms-experience) .respondent-recover button {
  min-height: 48px;
  width: 100%;
  border-radius: 10px;
  font: 500 14px/1.2 -apple-system, BlinkMacSystemFont, "SF Pro Text","Forms Inter", sans-serif;
  cursor: pointer;
  transition: background 120ms ease, opacity 120ms ease;
}
:where(.sable-forms-experience) .respondent-recover-primary {
  border: 0;
  background: rgb(0 0 0 / 0.88);
  color: #ffffff;
}
:where(.sable-forms-experience) .respondent-recover-primary:hover {
  background: rgb(0 0 0 / 0.78);
}
:where(.sable-forms-experience) .respondent-recover-secondary {
  border: 1px solid rgb(0 0 0 / 0.16);
  background: transparent;
  color: inherit;
}
:where(.sable-forms-experience) .respondent-recover-secondary:hover {
  background: rgb(0 0 0 / 0.05);
}
:where(.sable-forms-experience) .respondent-recover button:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}
:where(.sable-forms-experience) .respondent-loading-message {
  display: grid;
  justify-items: center;
  gap: 14px;
  font-size: 13px;
  line-height: 1.5;
}
:where(.sable-forms-experience) .respondent-progress-top {
  position: absolute;
  top: 0;
  bottom: auto;
  height: 3px;
  z-index: 4;
}
@media (prefers-reduced-motion: reduce) {
  :where(.sable-forms-experience) .respondent-motion .question-display,:where(.sable-forms-experience) 
  .respondent-motion .question-display[data-motion='exit'],:where(.sable-forms-experience) 
  .respondent-motion .question-display * {
    animation: none;
  }
  :where(.sable-forms-experience) .respondent-progress span {
    transition: none;
  }
}
:where(.sable-forms-experience) .respondent-live .respondent-content {
  overflow-x: hidden;
  padding-bottom: env(safe-area-inset-bottom);
  scroll-padding-bottom: 24px;
}
@media (hover: none), (pointer: coarse) {
  :where(.sable-forms-experience) .respondent-live .respondent-actions small {
    display: none;
  }
}
@media (pointer: coarse) {
  :where(.sable-forms-experience) .respondent-live.respondent-shell.standalone {
    bottom: auto;
    height: var(--sable-form-viewport, 100dvh);
  }
  :where(.sable-forms-experience) .respondent-live .answer-submit,:where(.sable-forms-experience) 
  .respondent-live .respondent-page-field button:not([data-slot='checkbox']),:where(.sable-forms-experience) 
  .respondent-live .compound-field button:not([data-slot='checkbox']) {
    min-height: 44px;
  }
  :where(.sable-forms-experience) .respondent-live .respondent-page-field label:has(> [data-slot='checkbox']) {
    min-height: 44px;
    padding-block: 4px;
  }
  :where(.sable-forms-experience) .respondent-live .question-display input:not([type='file']),:where(.sable-forms-experience) 
  .respondent-live .question-display textarea,:where(.sable-forms-experience) 
  .respondent-live .contact-fields input {
    padding: 12px 0;
    font-size: 16px;
  }
}
@media (max-width: 600px) {
  :where(.sable-forms-experience) .respondent-live .question-display {
    padding: 76px 24px 36px;
  }
  :where(.sable-forms-experience) .respondent-live .respondent-footer {
    flex-basis: 74px;
  }
}
:where(.sable-forms-experience) .respondent-live .respondent-page .respondent-footer {
  display: flex;
  align-items: center;
  gap: 14px;
  padding-inline: 28px;
}
:where(.sable-forms-experience) .respondent-live .respondent-page .respondent-footer .respondent-brand {
  margin-left: auto;
}
:where(.sable-forms-experience) .respondent-live .respondent-page .respondent-footer .respondent-brand,:where(.sable-forms-experience) 
.respondent-live .respondent-page .respondent-footer .respondent-nav {
  position: static;
}
@media (max-width: 600px) {
  :where(.sable-forms-experience) .respondent-live .respondent-page .respondent-footer {
    padding-inline: 24px;
  }
}
:where(.sable-forms-experience) .respondent-live .respondent-nav button {
  display: grid;
  place-items: center;
  color: inherit;
  border-color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, currentColor 22%, transparent);
  }
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, currentColor 8%, transparent);
  }
  transition: background 120ms ease;
}
:where(.sable-forms-experience) .respondent-live .respondent-nav button:hover {
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, currentColor 16%, transparent);
  }
}
:where(.sable-forms-experience) .respondent-live .respondent-nav button:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}
:where(.sable-forms-experience) .respondent-live .respondent-nav button:disabled {
  opacity: 0.45;
  pointer-events: none;
}
@media (any-pointer: coarse) {
  :where(.sable-forms-experience) .respondent-live .respondent-nav button {
    min-width: 44px;
    min-height: 44px;
  }
}
@keyframes forms-sable-step-in-back {
  from {
    opacity: 0;
    transform: translateY(-16px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes forms-sable-step-out-back {
  from {
    opacity: 1;
    transform: none;
  }
  to {
    opacity: 0;
    transform: translateY(12px);
  }
}
:where(.sable-forms-experience) .respondent-motion .question-display[data-direction='back'] > h1,:where(.sable-forms-experience) 
.respondent-motion .question-display[data-direction='back'] > p,:where(.sable-forms-experience) 
.respondent-motion .question-display[data-direction='back'] > .question-media,:where(.sable-forms-experience) 
.respondent-motion .question-display[data-direction='back'] > .completion-icon,:where(.sable-forms-experience) 
.respondent-motion .question-display[data-direction='back'] .respondent-page-field > h1,:where(.sable-forms-experience) 
.respondent-motion .question-display[data-direction='back'] .respondent-page-field > p,:where(.sable-forms-experience) 
.respondent-motion .question-display[data-direction='back'] .respondent-page-field > .question-media,:where(.sable-forms-experience) 
.respondent-motion .question-display[data-direction='back'] .respondent-page-field > :not(h1):not(p):not(.question-media),:where(.sable-forms-experience) 
.respondent-motion .question-display[data-direction='back'] .compound-field > label,:where(.sable-forms-experience) 
.respondent-motion .question-display[data-direction='back'] .compound-field > :not(label):not(p),:where(.sable-forms-experience) 
.respondent-motion .question-display[data-direction='back'] .respondent-actions,:where(.sable-forms-experience) 
.respondent-motion .question-display[data-direction='back'].completion > div {
  animation-name: forms-sable-step-in-back;
}
:where(.sable-forms-experience) .respondent-motion .question-display[data-direction='back'][data-motion='exit'] {
  animation-name: forms-sable-step-out-back;
}
:where(.sable-forms-experience) .question-display.respondent-closed {
  text-align: center;
  padding-block: 0;
}
:where(.sable-forms-experience) .respondent-closed .respondent-closed-salon {
  font: 13px/1.4 -apple-system,
    BlinkMacSystemFont,
    "SF Pro Text","Forms Inter",
    sans-serif;
  opacity: 0.55;
  margin: 0 0 18px;
  letter-spacing: 0;
}
:where(.sable-forms-experience) .respondent-closed h1 + p {
  margin-bottom: 0;
  max-width: 44ch;
  margin-inline: auto;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(button,
input,
textarea) {
  font: inherit;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(button,
a,
input,
textarea) {
  outline-offset: 4px;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.studio-sidebar [data-slot='sidebar-inner']) {
  background: var(--secondary);
  border-right: 1px solid var(--border);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.wordmark) {
  font-size: var(--text-heading);
  letter-spacing: var(--tracking-ui);
  font-weight: 500;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.wordmark span) {
  font-size: var(--text-meta);
  letter-spacing: var(--tracking-ui);
  color: var(--text-default);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.workspace-picker) {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  font-size: var(--text-body);
  box-shadow: var(--shadow-sm);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.workspace-picker small) {
  font-size: var(--text-meta);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.avatar) {
  border: 1px solid var(--border);
  border-radius: var(--radius-pill);
  background: var(--secondary);
  font-size: var(--text-meta);
  font-weight: 500;
  color: var(--text-default);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.studio-sidebar [data-slot='sidebar-menu-button']) {
  font-size: var(--text-body);
  border-radius: var(--radius-sm);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.studio-sidebar [data-slot='sidebar-menu-button'][data-active]) {
  box-shadow: var(--shadow-sm);
  border: 1px solid var(--border);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.side-label) {
  font-size: var(--text-meta);
  font-weight: 500;
  letter-spacing: var(--tracking-ui);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.folder-link) {
  border-radius: var(--radius-sm);
  font-size: var(--text-secondary);
  color: var(--text-default);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.folder-link.selected) {
  color: var(--text-strong);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.folder-link small) {
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.concept-note) {
  font-size: var(--text-meta);
  color: var(--text-default);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.concept-note small) {
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.status-dot) {
  background: var(--secondary);
  border-radius: var(--radius-pill);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.profile) {
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.main) {
  background: var(--secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.topbar) {
  border-bottom: 1px solid var(--border);
  font-size: var(--text-meta);
  color: var(--text-subtle);
  background: var(--card);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.topbar b) {
  font-weight: 500;
  color: var(--text-default);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.slash) {
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.small-muted) {
  font-size: var(--text-meta);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.eyebrow) {
  font-size: var(--text-meta);
  font-weight: 500;
  letter-spacing: var(--tracking-ui);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(h1) {
  font-size: var(--text-heading);
  font-weight: 500;
  letter-spacing: var(--tracking-ui);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.page-heading p) {
  color: var(--text-subtle);
  font-size: var(--text-secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.button) {
  border: 1px solid var(--border);
  border-radius: var(--radius-pill);
  background: var(--card);
  font-size: var(--text-secondary);
  font-weight: 500;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.button.primary) {
  background: var(--action);
  color: var(--action-foreground);
  border-color: var(--border);
  box-shadow: none;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.stats-strip) {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.stats-strip strong) {
  font-size: var(--text-heading);
  font-weight: 500;
  letter-spacing: var(--tracking-ui);
  font-variant-numeric: tabular-nums;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.stats-strip span) {
  font-size: var(--text-meta);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.stats-strip .stats-caption) {
  font-size: var(--text-meta);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.filter-tabs button) {
  color: var(--text-subtle);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.filter-tabs .active) {
  color: var(--text-strong);
  font-weight: 500;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.filter-tabs span) {
  background: var(--secondary);
  color: var(--text-default);
  border-radius: var(--radius-xs);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.search) {
  color: var(--text-subtle);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.search input) {
  outline: 0;
  background: transparent;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.icon-button) {
  border-radius: var(--radius-pill);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.form-card) {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(h3) {
  font-size: var(--text-secondary);
  font-weight: 500;
  letter-spacing: var(--tracking-ui);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.card-meta) {
  font-size: var(--text-meta);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.published,
.draft) {
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.published)::before,.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.draft)::before {
  background: var(--secondary);
  border-radius: var(--radius-xl);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.draft) {
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.draft)::before {
  background: var(--secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.template-prompt) {
  color: var(--text-subtle);
  border-top: 1px solid var(--border);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.template-prompt > span) {
  font-weight: 500;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.template-prompt small) {
  font-weight: 400;
  font-size: var(--text-meta);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.template-prompt button) {
  font-size: var(--text-meta);
}
@media (hover: hover) and (pointer: fine) {
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.form-card:hover) {
    box-shadow: var(--shadow-sm);
  }
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.icon-button:hover,
  .folder-link:hover) {
    background: var(--accent);
  }
}
@media (max-width: 900px) {
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.stats-strip strong) {
    font-size: var(--text-heading);
  }
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.stats-strip span) {
    font-size: var(--text-meta);
  }
}
@media (max-width: 767px) {
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.eyebrow) {
    font-size: var(--text-meta);
    letter-spacing: var(--tracking-ui);
  }
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.page-heading p) {
    font-size: var(--text-meta);
  }
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.page-heading .button) {
    font-size: 0;
  }
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(h1) {
    font-size: var(--text-heading);
  }
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.card-title-row h3) {
    font-size: var(--text-meta);
  }
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.card-meta) {
    font-size: var(--text-meta);
  }
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.template-prompt button) {
    font-size: var(--text-meta);
  }
}
@media (prefers-reduced-transparency: reduce) {
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.studio-sidebar [data-slot='sidebar-inner'],
  .topbar) {
    background: var(--secondary);
  }
}
@media (prefers-contrast: more) {
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.topbar,
  .studio-sidebar [data-slot='sidebar-inner']) {
    background: var(--secondary);
  }
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(small,
  .small-muted,
  .card-meta) {
    color: var(--text-default);
  }
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.glass-dialog[data-slot='dialog-content']) {
  border-radius: var(--radius-xl);
  background: var(--secondary);
  box-shadow: none;
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.glass-dialog [data-slot='dialog-title']) {
  font-size: var(--text-heading);
  font-weight: 500;
  letter-spacing: var(--tracking-ui);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.glass-dialog [data-slot='dialog-description']) {
  font-size: var(--text-secondary);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.glass-dialog [data-slot='dialog-close']) {
  border-radius: var(--radius-pill);
  background: var(--secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is([data-slot='dialog-overlay']) {
  background: var(--overlay);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.segments[data-slot='tabs-list']) {
  background: var(--secondary);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.segments [data-slot='tabs-trigger']) {
  font-size: var(--text-meta);
  border-radius: var(--radius-pill);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.segments [data-slot='tabs-trigger'][data-active]) {
  background: var(--accent);
  box-shadow: var(--shadow-sm);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.pick[data-slot='select-trigger']) {
  border-radius: var(--radius-xs);
  font-size: var(--text-meta);
  background: var(--card);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.toolbar-right .pick) {
  font-size: var(--text-meta);
  border: 0;
  background: transparent;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is([data-slot='select-item'],
[data-slot='dropdown-menu-item']) {
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.form-menu) {
  border-radius: var(--radius-sm) !important;
  background: var(--card) !important;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.field) {
  font-size: var(--text-meta);
  color: var(--text-default);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.field input,
.field textarea,
.plain-input) {
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  background: var(--card);
  font-size: var(--text-secondary);
  color: var(--text-strong);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.field small) {
  font-size: var(--text-meta);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.toggle-row) {
  font-size: var(--text-meta);
  color: var(--text-default);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.toggle-row small) {
  color: var(--text-subtle);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.modal-actions) {
  border-top: 1px solid var(--border);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.destructive) {
  background: var(--destructive);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--destructive) 10%, var(--card));
  }
  color: var(--destructive);
  border-color: var(--destructive);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.demo-caption) {
  color: var(--text-subtle);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.demo-pill) {
  font-size: var(--text-meta);
  color: var(--text-subtle);
  background: var(--secondary);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.text-button) {
  color: var(--text-default);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.toast) {
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  background: var(--card);
  font-size: var(--text-secondary);
  color: var(--text-default);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.storage-error) {
  background: var(--destructive);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--destructive) 10%, var(--card));
  }
  color: var(--destructive);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.empty-state) {
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.empty-state h2) {
  font-size: var(--text-heading);
  color: var(--text-default);
  font-weight: 500;
  letter-spacing: var(--tracking-ui);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.empty-state p) {
  font-size: var(--text-secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.library-search) {
  border: 1px solid var(--border);
  background: var(--card);
  border-radius: var(--radius-sm);
  color: var(--text-subtle);
  font-size: var(--text-secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.library-search input) {
  outline: 0;
  background: none;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.catalog-category h4) {
  font-size: var(--text-meta);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.catalog-item) {
  font-size: var(--text-meta);
  border-radius: var(--radius-xs);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.catalog-item small) {
  font-size: var(--text-meta);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.catalog-item:hover) {
  background: var(--accent);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.type-badge) {
  border-radius: var(--radius-pill);
  font-size: var(--text-body);
  font-family: var(--font-sans);
  font-weight: 500;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.pink) {
  background: var(--secondary);
  color: var(--text-default);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.sky) {
  background: var(--secondary);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.purple) {
  background: var(--secondary);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.sage) {
  background: var(--secondary);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.gold) {
  background: var(--secondary);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.stone) {
  background: var(--secondary);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.import-flow h2,
.create-fresh h2) {
  font-size: var(--text-heading);
  letter-spacing: var(--tracking-ui);
  font-weight: 500;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.import-flow p) {
  font-size: var(--text-secondary);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.import-flow textarea) {
  border: 1px solid var(--border);
  background: var(--card);
  border-radius: var(--radius-md);
  font-size: var(--text-body);
  outline-color: var(--border);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.import-flow small) {
  font-size: var(--text-meta);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.import-icon,
.new-form-symbol) {
  background: var(--secondary);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.suggestions button) {
  font-size: var(--text-meta);
  background: var(--secondary);
  border-radius: var(--radius-lg);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.template-grid > button) {
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  background: var(--card);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.template-grid strong,
.template-grid small) {
  font-size: var(--text-meta);
  font-weight: 500;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.template-grid small) {
  font-size: var(--text-meta);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.member-row) {
  font-size: var(--text-meta);
  border-bottom: 1px solid var(--border);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.member-row small) {
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.brand-preview) {
  border-radius: var(--radius-sm);
  font-size: var(--text-heading);
  letter-spacing: var(--tracking-ui);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.color-field) {
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.color-field input) {
  border: 1px solid var(--border);
  border-radius: var(--radius-xs);
  background: none;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.editor) {
  background: var(--secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.editor-header) {
  background: var(--card);
  border-bottom: 1px solid var(--border);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.editor-logo) {
  font-size: var(--text-heading);
  letter-spacing: var(--tracking-ui);
  font-weight: 500;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.editor-identity > svg) {
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.editor-identity input) {
  font-size: var(--text-meta);
  background: none;
  border-radius: var(--radius-xs);
  color: var(--text-default);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.editor-identity input:focus) {
  background: var(--secondary);
  outline: 1px solid var(--ring);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.saved) {
  font-size: var(--text-meta);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.editor-actions .button) {
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.question-sidebar) {
  background: var(--secondary);
  border-right: 1px solid var(--border);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.question-sidebar-head) {
  font-size: var(--text-meta);
  color: var(--text-subtle);
  letter-spacing: var(--tracking-ui);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.question-sidebar-head > span:last-child) {
  font-size: var(--text-meta);
  letter-spacing: var(--tracking-ui);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.question-item) {
  border: 1px solid transparent;
  border-radius: var(--radius-sm);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.question-item.selected) {
  background: var(--accent);
  border-color: var(--border);
  box-shadow: var(--shadow-sm);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.question-row-text > small) {
  font-size: var(--text-meta);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.question-row-text > span) {
  font-size: var(--text-meta);
  color: var(--text-default);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.question-item.selected .question-row-text > span) {
  color: var(--text-default);
  font-weight: 500;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.question-more) {
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.add-question) {
  border: 1px dashed var(--border);
  border-radius: var(--radius-sm);
  font-size: var(--text-meta);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.question-sidebar-foot) {
  color: var(--text-subtle);
  font-size: var(--text-meta);
  border-top: 1px solid var(--border);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.editor-center) {
  background: var(--secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.design-button) {
  font-size: var(--text-meta);
  border-color: var(--border);
  box-shadow: var(--shadow-sm);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.design-button.active) {
  background: var(--accent);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.toolbar-divider) {
  background: var(--secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.icon-button.active) {
  background: var(--accent);
  color: var(--text-default);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.canvas-brand) {
  font-family: var(--font-sans);
  font-size: var(--text-heading);
  letter-spacing: var(--tracking-ui);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.canvas-label) {
  font-family: var(--font-sans);
  font-size: var(--text-meta);
  letter-spacing: var(--tracking-ui);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.canvas-footer) {
  font-family: var(--font-sans);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.canvas-caption) {
  font-size: var(--text-meta);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.question-properties) {
  background: var(--card);
  border-left: 1px solid var(--border);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.properties-heading) {
  font-size: var(--text-meta);
  letter-spacing: var(--tracking-ui);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.property-section) {
  border-bottom: 1px solid var(--border);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.property-section h4) {
  font-size: var(--text-meta);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.question-properties .toggle-row) {
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.question-properties .field) {
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.question-properties .field input,
.question-properties .field textarea) {
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.question-properties .pick) {
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.option-edit) {
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.option-edit > span) {
  color: var(--text-subtle);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.option-edit input) {
  border: 1px solid var(--border);
  border-radius: var(--radius-xs);
  background: var(--card);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.option-edit button) {
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.media-upload) {
  font-size: var(--text-meta);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.property-help) {
  font-size: var(--text-meta);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.property-action) {
  font-size: var(--text-meta);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.danger) {
  color: var(--destructive);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.design-panel) {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.panel-title h3) {
  font-size: var(--text-secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.design-controls) {
  border-top: 1px solid var(--border);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.design-controls .field) {
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.brand-section p,
.my-themes p) {
  font-size: var(--text-meta);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.saved-theme) {
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.saved-theme span) {
  font: var(--text-heading) var(--font-sans);
  border-radius: var(--radius-xs);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.comments-panel) {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.comment) {
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.comments-panel input) {
  font-size: var(--text-meta);
  background: var(--secondary);
  border-radius: var(--radius-lg);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.comments-panel .button) {
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.media-preview img) {
  border-radius: var(--radius-xs);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.media-preview button) {
  background: var(--card);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.audit-list > div) {
  border-bottom: 1px solid var(--border);
  font-size: var(--text-secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.choice-key) {
  font: var(--text-meta) -apple-system,
    BlinkMacSystemFont,
    var(--font-sans);
  border: 1px solid currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, currentColor 30%, transparent);
  }
  border-radius: var(--radius-xs);
  background: var(--card);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.single-answer) {
  font-size: var(--text-heading);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.rating-answer > button) {
  color: inherit;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.scale-answer > button) {
  border: 1px solid currentColor;
  border-radius: var(--radius-xs);
  font: var(--text-secondary) -apple-system,
    BlinkMacSystemFont,
    var(--font-sans);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.scale-answer > button.chosen) {
  background: var(--card);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.scale-labels) {
  font: var(--text-meta) -apple-system,
    BlinkMacSystemFont,
    var(--font-sans);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.swatch-1) {
  background: var(--secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.swatch-2) {
  background: var(--secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.swatch-3) {
  background: var(--secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.rank-row) {
  border: 1px solid currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, currentColor 25%, transparent);
  }
  border-radius: var(--radius-xs);
  font-size: var(--text-secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.matrix) {
  border-collapse: collapse;
  font: var(--text-meta) -apple-system,
    BlinkMacSystemFont,
    var(--font-sans);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.matrix th,
.matrix td) {
  border-bottom: 1px solid var(--border);
  font-weight: 400;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.upload-box) {
  border: 1px dashed currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px dashed color-mix(in srgb, currentColor 35%, transparent);
  }
  border-radius: var(--radius-sm);
  font: var(--text-meta) -apple-system,
    BlinkMacSystemFont,
    var(--font-sans);
  background: var(--card);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.upload-box span) {
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.payment-preview) {
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  background: var(--card);
  font-family: var(--font-sans);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.payment-preview strong) {
  font-size: var(--text-heading);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.payment-preview p) {
  font-size: var(--text-secondary) !important;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.scheduler-date input) {
  background: none;
  font: var(--text-body) -apple-system,
    BlinkMacSystemFont,
    var(--font-sans);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.time-slots button) {
  border: 1px solid var(--border);
  border-radius: var(--radius-pill);
  font: var(--text-meta) -apple-system,
    BlinkMacSystemFont,
    var(--font-sans);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.time-slots button.chosen) {
  background: var(--card);
  border-color: currentColor;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.faq-answer) {
  font: var(--text-meta)/1.6 -apple-system,
    BlinkMacSystemFont,
    var(--font-sans);
  border-bottom: 1px solid var(--border);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.faq-answer p) {
  font-size: var(--text-meta) !important;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.field-error) {
  font: var(--text-meta) -apple-system,
    BlinkMacSystemFont,
    var(--font-sans) !important;
  background: var(--destructive);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--destructive) 10%, var(--card));
  }
  color: var(--destructive) !important;
  border-radius: var(--radius-xs);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.preview-toolbar) {
  background: var(--card);
  border-bottom: 1px solid var(--border);
  font-size: var(--text-meta);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.preview-toolbar small) {
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.preview-toolbar .button) {
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.question-index) {
  font: var(--text-meta) -apple-system,
    BlinkMacSystemFont,
    var(--font-sans);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.mobile-preview) {
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.completion-icon) {
  border-radius: var(--radius-xl);
  background: var(--card);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.completion small) {
  font: var(--text-meta) -apple-system,
    BlinkMacSystemFont,
    var(--font-sans);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.question-media) {
  border-radius: var(--radius-sm);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.section-page h1) {
  font-size: var(--text-heading);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.workflow) {
  background: var(--secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.sub-toolbar) {
  border-bottom: 1px solid var(--border);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.sub-toolbar .button) {
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.flow-intro h2,
.workflow-config h2) {
  font-size: var(--text-heading);
  font-weight: 500;
  letter-spacing: var(--tracking-ui);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.flow-intro p,
.workflow-config > p) {
  font-size: var(--text-meta);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.flow-count) {
  font-size: var(--text-meta);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.data-node) {
  border: 1px dashed var(--border);
  background: var(--secondary);
  border-radius: var(--radius-md);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.node-icon) {
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.data-node h3) {
  font-size: var(--text-meta);
  color: var(--text-default);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.data-node p) {
  font-size: var(--text-meta);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.parameter) {
  font-size: var(--text-meta);
  background: var(--secondary);
  color: var(--text-subtle);
  border-radius: var(--radius-xs);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.data-node input) {
  font-size: var(--text-meta);
  background: none;
  outline: 0;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.data-node form button) {
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.flow-node) {
  border-radius: var(--radius-sm);
  border: 1px solid var(--border);
  box-shadow: var(--shadow-sm);
  background: var(--card);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.flow-node small) {
  font-size: var(--text-meta);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.flow-node h3) {
  font-size: var(--text-meta);
  color: var(--text-default);
  font-weight: 500;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.flow-node > span) {
  font-size: var(--text-meta);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.flow-node > b) {
  font-size: var(--text-meta);
  font-weight: 500;
  color: var(--text-subtle);
  background: var(--secondary);
  border-radius: var(--radius-xs);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.flow-connector) {
  background: var(--secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.flow-connector)::after {
  border-top: 1px solid var(--border);
  border-right: 1px solid var(--border);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.flow-bottom) {
  font-size: var(--text-meta);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.section-heading) {
  font-size: var(--text-meta);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.section-heading h3) {
  font-size: var(--text-meta);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.rule-row) {
  border: 1px solid var(--border);
  background: var(--card);
  border-radius: var(--radius-sm);
  font-size: var(--text-meta);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.rule-row b) {
  font-weight: 500;
  color: var(--text-default);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.empty-rule) {
  border: 1px dashed var(--border);
  border-radius: var(--radius-sm);
  font-size: var(--text-meta);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.score-row) {
  border-bottom: 1px solid var(--border);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.score-row > span:nth-child(2)) {
  color: var(--text-default);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.score-row input) {
  border: 1px solid var(--border);
  border-radius: var(--radius-xs);
  background: var(--card);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.connection-card) {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.integration-icon) {
  border-radius: var(--radius-sm);
  font-size: var(--text-heading);
  letter-spacing: var(--tracking-ui);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.connection-card h3) {
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.connection-card p) {
  font-size: var(--text-meta);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.connection-card > span) {
  font-size: var(--text-meta);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.mapping-line) {
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  font-size: var(--text-meta);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.responses-table) {
  background: var(--card);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.responses-table th) {
  font-size: var(--text-meta);
  color: var(--text-subtle);
  font-weight: 400;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.responses-table td) {
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.responses-table tr) {
  border-color: var(--border);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.client-cell) {
  font-size: var(--text-meta);
  color: var(--text-default);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.client-cell small) {
  font-size: var(--text-meta);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.client-cell .avatar) {
  background: var(--secondary);
  border-color: var(--border);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.responses-table .published,
.responses-table .draft) {
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.table-pagination) {
  font-size: var(--text-meta);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.selection-bar) {
  background: var(--secondary);
  font-size: var(--text-meta);
  color: var(--text-subtle);
  border-radius: var(--radius-xs);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.summary-card) {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.summary-card h3) {
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.summary-card > p) {
  font-size: var(--text-meta);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.result-bar > div:first-child) {
  font-size: var(--text-meta);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.result-bar > div:last-child) {
  background: var(--secondary);
  border-radius: var(--radius-xs);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.result-bar i) {
  background: var(--secondary);
  border-radius: var(--radius-xs);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.text-responses p) {
  border-top: 1px solid var(--border);
  font-size: var(--text-meta);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.response-detail > div) {
  border-bottom: 1px solid var(--border);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.response-detail label) {
  font-size: var(--text-meta);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.response-detail p) {
  font-size: var(--text-body);
  color: var(--text-default);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.settings-layout nav) {
  border-right: 1px solid var(--border);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.settings-layout nav button) {
  border-radius: var(--radius-xs);
  font-size: var(--text-meta);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.settings-layout nav button.active) {
  background: var(--accent);
  color: var(--text-default);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.settings-content h3) {
  font-size: var(--text-secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.settings-content > p) {
  font-size: var(--text-meta);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.settings-content .toggle-row) {
  border-bottom: 1px solid var(--border);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.reference-row) {
  border-bottom: 1px solid var(--border);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.reference-row span) {
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.reference-row code) {
  font-size: var(--text-meta);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.publish-status) {
  background: var(--secondary);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.publish-icon) {
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.publish-status strong) {
  font-size: var(--text-secondary);
  font-weight: 500;
  color: var(--text-default);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.publish-status small) {
  font-size: var(--text-meta);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.publish-status .button) {
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.share-url) {
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.share-url input) {
  font-size: var(--text-meta);
  background: none;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.share-url .button) {
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.share-content > p) {
  font-size: var(--text-meta);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.embed-preview) {
  background: var(--secondary);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.embed-preview > div) {
  background: var(--secondary);
  border-radius: var(--radius-xs);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.embed-preview > span) {
  background: var(--secondary);
  border-radius: var(--radius-sm);
  font-size: var(--text-secondary);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.embed-preview small) {
  font-size: var(--text-meta);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.embed-slider > span) {
  border-radius: 0;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.automation-card) {
  border: 1px solid var(--border);
  background: var(--card);
  border-radius: var(--radius-lg);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.automation-icon) {
  background: var(--secondary);
  border-radius: var(--radius-sm);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.automation-card h3) {
  font-size: var(--text-body);
  color: var(--text-default);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.automation-card p) {
  font-size: var(--text-meta);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.automation-card small) {
  font-size: var(--text-meta);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.automation-card > .toggle-row) {
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.automation-card > .button) {
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.empty-canvas h2) {
  font-size: var(--text-heading);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.empty-canvas p) {
  font: var(--text-secondary) -apple-system,
    BlinkMacSystemFont,
    var(--font-sans);
}
@media (hover: hover) and (pointer: fine) {
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.flow-node:hover,
  .connection-card:hover) {
    border-color: var(--border);
    box-shadow: var(--shadow-sm);
  }
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.question-item:hover:not(.selected)) {
    background: var(--accent);
  }
}
@media (max-width: 1250px) {
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.editor-header .segments [data-slot='tabs-trigger']) {
    font-size: var(--text-meta);
  }
}
@media (max-width: 1000px) {
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.question-row-text > span) {
    font-size: var(--text-meta);
  }
}
@media (max-width: 767px) {
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.editor-actions .button) {
    font-size: 0;
  }
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.question-sidebar) {
    border-right: 0;
    border-bottom: 1px solid var(--border);
  }
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.question-row-text > small) {
    font-size: var(--text-meta);
  }
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.question-row-text > span) {
    font-size: var(--text-meta);
  }
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.canvas-footer) {
    font-size: var(--text-meta);
  }
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.question-properties) {
    border-top: 1px solid var(--border);
  }
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.question-properties .toggle-row) {
    font-size: var(--text-meta);
  }
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.question-properties .field) {
    font-size: var(--text-meta);
  }
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.question-properties .field input) {
    font-size: var(--text-secondary);
  }
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.glass-dialog[data-slot='dialog-content']) {
    border-radius: var(--radius-xl);
  }
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.glass-dialog [data-slot='dialog-title']) {
    font-size: var(--text-heading);
  }
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.glass-dialog .segments [data-slot='tabs-trigger']) {
    font-size: var(--text-meta);
  }
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.catalog-item) {
    font-size: var(--text-meta);
  }
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.catalog-item small) {
    font-size: var(--text-meta);
  }
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.catalog-category h4) {
    font-size: var(--text-meta);
  }
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.section-page h1) {
    font-size: var(--text-heading);
  }
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.section-page .page-heading .button) {
    font-size: 0;
  }
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.settings-layout nav) {
    border: 0;
  }
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.settings-layout nav button) {
    font-size: var(--text-meta);
  }
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.sub-toolbar .segments [data-slot='tabs-trigger']) {
    font-size: var(--text-meta);
  }
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.sub-toolbar .button) {
    font-size: 0;
  }
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.flow-intro h2) {
    font-size: var(--text-heading);
  }
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.empty-rule) {
    font-size: var(--text-meta);
  }
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.preview-toolbar .button) {
    font-size: var(--text-meta);
  }
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.member-row) {
    font-size: var(--text-meta);
  }
}
@media (prefers-reduced-transparency: reduce) {
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.glass-dialog[data-slot='dialog-content'],
  .design-panel,
  .comments-panel,
  .editor-header,
  .preview-toolbar,
  .toast) {
    background: var(--card);
  }
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.question-properties) {
    background: var(--card);
  }
}
@media (prefers-contrast: more) {
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.field,
  .toggle-row,
  .question-row-text > span,
  .canvas-caption,
  .property-help,
  .demo-caption) {
    color: var(--text-default);
  }
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.media-preview video) {
  border-radius: var(--radius-sm);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.field input:focus-visible,
.field textarea:focus-visible) {
  outline: 2px solid var(--ring);
  outline-offset: 2px;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.score-question) {
  border: 0;
  border-top: 1px solid var(--border, var(--border));
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.score-question legend) {
  font-size: var(--text-body);
  font-weight: 500;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.score-choice) {
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.score-choice-letter) {
  border: 1px solid var(--border, var(--border));
  border-radius: var(--radius-xs);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.score-choice input) {
  border: 1px solid var(--border, var(--border));
  border-radius: var(--radius-xs);
  background: var(--card);
  font-variant-numeric: tabular-nums;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.tag-group-button) {
  border-radius: var(--radius-xs);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.tag-group-button.selected) {
  background: var(--accent);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.tag-group-heading input) {
  font-weight: 500;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.outcome-hint) {
  font-size: var(--text-meta);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.outcome-ending) {
  border-top: 1px solid var(--border);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.outcome-ending summary) {
  font-size: var(--text-secondary);
  border: 1px solid var(--border);
  border-radius: var(--radius-xs);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.outcome-ending summary span) {
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.outcome-choice) {
  font-size: var(--text-secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.outcome-choice input) {
  accent-color: var(--text-default);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.variable-columns) {
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.workflow-graph-viewport) {
  background: var(--secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.graph-edges) {
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.workflow-page-node) {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  box-shadow: var(--shadow-sm);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.workflow-page-node small, .workflow-page-node span) {
  font-size: var(--text-meta);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.workflow-page-node strong) {
  font-size: var(--text-secondary);
  font-weight: 500;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.workflow-page-node svg) {
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.workflow-page-node.selected) {
  border-color: var(--border);
  box-shadow: var(--shadow-sm);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.workflow-page-node.ending) {
  background: var(--secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.graph-page-details) {
  border-top: 1px solid var(--border);
  background: var(--card);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.graph-page-details h3) {
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.graph-question-rules) {
  font-size: var(--text-secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.graph-rule-row) {
  background: var(--secondary);
  border-radius: var(--radius-xs);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.branch-number) {
  color: var(--muted);
  font-size: var(--text-meta);
  font-variant-numeric: tabular-nums;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.graph-branch-priority > p) {
  font-size: var(--text-meta);
  color: var(--muted);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.hide-choice-options) {
  border: 0;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.hide-choice-options legend) {
  font-weight: 500;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.hide-choice-options label) {
  border: 1px solid var(--border);
  border-radius: var(--radius-xs);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.hide-choice-options input) {
  accent-color: var(--foreground);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.workflow-graph-viewport:focus-visible) {
  outline: 2px solid var(--ring);
  outline-offset: -2px;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(h1,
h2,
h3) {
  letter-spacing: var(--tracking-ui);
  font-weight: 400;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.button) {
  box-shadow: none;
  background: var(--card);
  border-radius: var(--radius-pill);
  font-size: var(--text-secondary);
  font-weight: 400;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.button.primary) {
  box-shadow: none;
  background: var(--action);
  border-color: var(--border);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.icon-button) {
  color: var(--text-default);
  border-radius: var(--radius-pill);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.pick[data-slot='select-trigger']) {
  background: var(--card);
  border-color: var(--border);
  border-radius: var(--radius-xs);
  font-size: var(--text-secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.segments[data-slot='tabs-list']) {
  background: 0 0;
  border: 0;
  border-radius: 0;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.segments [data-slot='tabs-trigger']) {
  color: var(--text-default);
  background: 0 0;
  border: 0;
  border-radius: 0;
  font-size: var(--text-secondary);
  font-weight: 400;
  box-shadow: none !important;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.segments [data-slot='tabs-trigger'][data-active]) {
  color: var(--text-strong);
  background: 0 0;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.segments [data-slot='tabs-trigger'][data-active])::after {
  background: var(--accent);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.type-badge) {
  color: var(--text-default);
  border-radius: var(--radius-pill);
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.pink) {
  background: var(--secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.sky) {
  background: var(--secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.purple) {
  background: var(--secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.sage) {
  background: var(--secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.gold) {
  background: var(--secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.stone) {
  background: var(--secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.field) {
  color: var(--text-default);
  font-size: var(--text-secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.field input,
.field textarea) {
  background: var(--card);
  border-color: var(--border);
  border-radius: var(--radius-md);
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.field small) {
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.toggle-row) {
  color: var(--text-default);
  font-size: var(--text-secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.toggle-row small) {
  color: var(--text-subtle);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.toggle-row [data-slot='switch']) {
  background: var(--secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.toggle-row [data-slot='switch'][data-checked]) {
  background: var(--accent);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.toggle-row [data-slot='switch-thumb']) {
  background: var(--card);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.text-button) {
  color: var(--text-default);
  font-size: var(--text-secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.demo-caption) {
  color: var(--text-subtle);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.toast) {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.form-menu) {
  border: 1px solid var(--border);
  box-shadow: var(--shadow-sm);
  background: var(--card) !important;
  border-radius: var(--radius-sm) !important;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.form-menu [data-slot='dropdown-menu-item']) {
  color: var(--text-default);
  font-size: var(--text-secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.form-menu [data-variant='destructive']) {
  color: var(--destructive);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.studio-sidebar [data-slot='sidebar-container']) {
  border: 0;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.studio-sidebar [data-slot='sidebar-inner']) {
  box-shadow: none;
  background: var(--secondary);
  border: 0;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.workspace-create) {
  font-size: var(--text-secondary) !important;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.workspace-search) {
  color: var(--text-subtle);
  font-size: var(--text-secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.workspace-search input) {
  background: 0 0;
  outline: none;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.studio-sidebar [data-slot='sidebar-menu']) {
  background: var(--secondary);
  border-bottom: 1px solid var(--border);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.studio-sidebar [data-slot='sidebar-menu-button']) {
  color: var(--text-default);
  border-radius: 0;
  font-size: var(--text-secondary);
  box-shadow: none !important;
  background: 0 0 !important;
  border: 0 !important;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.studio-sidebar [data-slot='sidebar-menu-button'][data-active]) {
  color: var(--text-strong);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.studio-sidebar [data-slot='sidebar-menu-button'][data-active])::after {
  background: var(--accent);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.side-label) {
  letter-spacing: var(--tracking-ui);
  color: var(--text-default);
  font-size: var(--text-meta);
  font-weight: 400;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.side-label button) {
  background: var(--card);
  border-radius: var(--radius-xl);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.folder-link) {
  color: var(--text-default);
  border-radius: var(--radius-xs);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.folder-link.selected) {
  color: var(--text-default);
  background: var(--accent);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.folder-link small) {
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.side-label.secondary-library) {
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.workspace-usage) {
  color: var(--text-subtle);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.workspace-usage > span:first-child) {
  color: var(--text-default);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.usage-track) {
  background: var(--secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.usage-track i) {
  background: var(--secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.workspace-usage > button) {
  color: var(--text-subtle);
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius-xs);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.workspace-ai) {
  color: var(--text-subtle);
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius-xs);
  font-size: var(--text-meta);
  box-shadow: var(--shadow-sm);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.main) {
  background: var(--secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.topbar) {
  background: 0 0;
  border-bottom: 1px solid var(--border);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.workspace-title h1) {
  letter-spacing: var(--tracking-ui);
  color: var(--text-default);
  font-size: var(--text-heading);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.invite-button) {
  color: var(--text-subtle);
  font-size: var(--text-secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.workspace-view > .pick) {
  color: var(--text-subtle);
  background: var(--card);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.view-switch) {
  border: 1px solid var(--border);
  border-radius: var(--radius-xs);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.view-switch > button) {
  color: var(--text-default);
  background: var(--card);
  font-size: var(--text-secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.view-switch > button.active) {
  color: var(--text-default);
  background: var(--accent);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.list-column-head) {
  color: var(--text-subtle);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.form-card) {
  box-shadow: none;
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.form-document-icon) {
  color: var(--text-subtle);
  background: transparent;
  border-radius: var(--radius-xs);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.form-name) {
  color: var(--text-default);
  font-size: var(--text-secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.form-response-count,
.form-complete-count,
.form-updated) {
  color: var(--text-subtle);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.form-integrations) {
  color: var(--text-default);
  border: 1px solid var(--border);
  border-radius: var(--radius-xs);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.form-grid:not(.form-list) .form-card) {
  border-color: var(--border);
  border-radius: var(--radius-lg);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.form-grid:not(.form-list) .form-name) {
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.form-grid:not(.form-list) .form-integrations) {
  border: 0;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.empty-state > svg) {
  color: var(--text-subtle);
  background: var(--secondary);
  border-radius: var(--radius-sm);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.empty-state h2) {
  color: var(--text-default);
  letter-spacing: var(--tracking-ui);
  font-size: var(--text-body);
  font-weight: 400;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.empty-state .button) {
  color: var(--text-subtle);
  background: var(--secondary);
  border-color: var(--border);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.section-page) {
  background: var(--secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.section-page h1) {
  font-size: var(--text-heading);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.section-page .page-heading p) {
  font-size: var(--text-secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.automation-card,
.connection-card,
.summary-card) {
  box-shadow: none;
  border-radius: var(--radius-lg);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.connection-card > p,
.automation-card p) {
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.automation-icon) {
  color: var(--text-default);
  background: var(--secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.brand-preview) {
  border-radius: var(--radius-xs);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.stats-strip) {
  box-shadow: none;
  border-radius: var(--radius-xs);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.responses-table) {
  background: var(--card);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.responses-table td) {
  color: var(--text-default);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.responses-table th) {
  color: var(--text-default);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.editor) {
  background: var(--card);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.editor-header) {
  background: var(--card);
  border: 0;
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.editor-logo) {
  letter-spacing: var(--tracking-ui);
  color: var(--text-default);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.editor-identity input) {
  color: var(--text-default);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.editor-actions > .button.results-shortcut) {
  color: var(--text-subtle);
  background: var(--secondary);
  border-color: var(--border);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.editor-actions > .button.primary) {
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.saved) {
  color: var(--text-default);
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius-xs);
  font-size: var(--text-meta);
  box-shadow: var(--shadow-sm);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.saved svg) {
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.editor-body) {
  background: var(--card);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.question-sidebar) {
  background: var(--secondary);
  border: 0;
  border-radius: var(--radius-sm);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.form-mode) {
  background: var(--secondary);
  border-radius: var(--radius-sm);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.form-mode .pick) {
  color: var(--text-subtle);
  background: 0 0;
  border: 0;
  font-size: var(--text-secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.question-sidebar-head) {
  letter-spacing: var(--tracking-ui);
  color: var(--text-default);
  font-size: var(--text-secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.question-item) {
  border-radius: var(--radius-xs);
  box-shadow: none !important;
  border: 0 !important;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.question-item.selected) {
  background: var(--accent);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.question-row-text > span) {
  color: var(--text-default);
  font-size: var(--text-meta);
  font-weight: 400 !important;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.question-more) {
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.question-item .type-badge) {
  border-radius: var(--radius-pill);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.contact-subfields > button) {
  color: var(--text-subtle);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.contact-subfields .type-badge) {
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.contact-subfields small) {
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.add-question) {
  color: var(--text-subtle);
  border: 0;
  border-top: 1px solid var(--border);
  border-radius: 0;
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.add-welcome) {
  color: var(--text-default);
  border: 1px dashed var(--border);
  border-radius: var(--radius-sm);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.add-welcome svg) {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius-xs);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.endings-panel) {
  background: var(--secondary);
  border-top: 12px solid var(--border);
  border-radius: var(--radius-lg);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.endings-panel)::before {
  background: var(--secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.endings-panel > div) {
  color: var(--text-default);
  font-size: var(--text-secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.endings-panel > div .icon-button) {
  background: var(--card);
  border: 1px solid var(--border);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.ending-item) {
  color: var(--text-subtle);
  border-radius: var(--radius-xs);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.ending-item.selected) {
  background: var(--accent);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.editor-center) {
  background: var(--card);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.canvas-toolbar) {
  background: var(--secondary);
  border-radius: var(--radius-sm);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.canvas-toolbar .button.primary) {
  border-radius: var(--radius-xs);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.canvas-toolbar .design-button) {
  box-shadow: none;
  background: 0 0;
  border: 0;
  font-size: var(--text-secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.toolbar-divider) {
  background: var(--secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.canvas-label) {
  color: var(--text-subtle);
  letter-spacing: var(--tracking-ui);
  background: var(--secondary);
  border-radius: var(--radius-xs);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.single-answer) {
  border-bottom-color: var(--border);
  font: var(--text-heading) var(--font-sans),
    Helvetica,
    var(--font-sans);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.chat-create) {
  color: var(--text-subtle);
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius-xs);
  font-size: var(--text-secondary);
  box-shadow: var(--shadow-sm);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.chat-create > span:last-child) {
  color: var(--text-subtle);
  border: 1px solid var(--border);
  border-radius: var(--radius-xs);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.mobile-canvas) {
  border-radius: 0;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.question-properties) {
  background: var(--secondary);
  border: 0;
  border-radius: var(--radius-sm);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.properties-heading) {
  letter-spacing: var(--tracking-ui);
  color: var(--text-default);
  font-size: var(--text-secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.question-format) {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius-xs);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.question-format > button,
.question-format > label) {
  color: var(--text-default);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.question-format .active) {
  background: var(--accent);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.question-properties > .pick) {
  background: var(--card);
  border: 0;
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.property-section) {
  border-color: var(--border);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.question-properties .toggle-row) {
  color: var(--text-default);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.question-properties .field) {
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.question-properties .field input) {
  background: var(--card);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.question-properties .property-action) {
  color: var(--text-default);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.media-upload) {
  color: var(--text-default);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.media-upload > svg:last-child) {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius-xs);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.inspector-bottom > button, .inspector-bottom > span > button) {
  color: var(--text-default);
  border-top: 1px solid var(--border);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.question-properties .property-action.danger) {
  color: var(--destructive);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.upload-box) {
  background: var(--secondary);
  border-radius: var(--radius-xs);
  font-size: var(--text-secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is([data-slot='dialog-overlay']) {
  background: var(--overlay);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.glass-dialog[data-slot='dialog-content']) {
  box-shadow: none;
  background: var(--secondary);
  border: 0;
  border-radius: var(--radius-xl);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.glass-dialog [data-slot='dialog-title']) {
  letter-spacing: var(--tracking-ui);
  font-size: var(--text-heading);
  font-weight: 400;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.glass-dialog [data-slot='dialog-description']) {
  color: var(--text-subtle);
  font-size: var(--text-secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.glass-dialog [data-slot='dialog-close']) {
  color: var(--text-subtle);
  background: 0 0;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.glass-dialog:has(.catalog-grid) .segments [data-slot='tabs-trigger']) {
  font-size: var(--text-secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.catalog-search) {
  background: var(--card);
  border-radius: var(--radius-xs);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.catalog-grid) {
  background: var(--card);
  border-radius: var(--radius-md);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.catalog-recommended h4,
.catalog-category h4) {
  color: var(--text-default);
  font-size: var(--text-secondary);
  font-weight: 400;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.catalog-recommended .catalog-item) {
  border: 1px solid var(--border);
  border-radius: var(--radius-xs);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.catalog-recommended small) {
  color: var(--text-subtle);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.catalog-item) {
  color: var(--text-subtle);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.catalog-item small) {
  color: var(--text-subtle);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.catalog-item:hover) {
  background: var(--accent);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.design-panel) {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.design-panel .segments) {
  background: var(--secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.settings-layout nav) {
  border: 0;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.settings-layout nav button) {
  color: var(--text-subtle);
  border-radius: var(--radius-sm);
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.settings-layout nav button.active) {
  color: var(--text-default);
  background: var(--accent);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.settings-layout nav button:last-child) {
  color: var(--text-subtle);
  border-top: 1px solid var(--border);
  border-radius: 0;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.settings-content) {
  background: var(--card);
  border-radius: var(--radius-md);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.settings-content h3) {
  color: var(--text-strong);
  font-size: var(--text-body);
  font-weight: 400;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.settings-content > p) {
  color: var(--text-subtle);
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.settings-content > .demo-caption) {
  color: var(--text-subtle);
  font-size: var(--text-secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.settings-content h3:not(:first-child)) {
  border-top: 1px solid var(--border);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.settings-content .toggle-row) {
  border: 0;
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.glass-dialog:has(.settings-layout) > [data-slot='dialog-title']) {
  font-size: var(--text-heading);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.modal-actions) {
  border: 0;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.modal-actions .button) {
  color: var(--text-default);
  background: var(--secondary);
  border-color: var(--border);
  border-radius: var(--radius-pill);
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.modal-actions .button:first-child) {
  background: 0 0;
  border: 0;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.modal-actions .button.primary) {
  color: var(--action-foreground);
  background: var(--action);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.import-flow h2) {
  color: var(--text-default);
  letter-spacing: var(--tracking-ui);
  font-size: var(--text-heading);
  font-weight: 400;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.import-flow textarea) {
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  font-size: var(--text-body);
  box-shadow: var(--shadow-sm);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.import-flow p) {
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.import-flow .suggestions button) {
  background: var(--secondary);
  border: 1px solid var(--border);
  border-radius: var(--radius-xs);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.create-fresh h2) {
  letter-spacing: var(--tracking-ui);
  font-size: var(--text-heading);
  font-weight: 400;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.new-form-symbol) {
  color: var(--text-subtle);
  background: var(--secondary);
  border-radius: var(--radius-xs);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.workflow) {
  background: var(--card);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.sub-toolbar) {
  background: var(--card);
  border: 0;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.sub-toolbar .segments [data-slot='tabs-trigger']) {
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.flow-scroll) {
  background: var(--card);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.flow-node) {
  background: var(--card);
  border-color: var(--border);
  border-radius: var(--radius-sm);
  box-shadow: var(--shadow-sm);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.flow-node h3) {
  color: var(--text-default);
  font-size: var(--text-secondary);
  font-weight: 400;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.flow-node > span) {
  color: var(--text-subtle);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.flow-connector) {
  background: var(--secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.flow-connector)::after {
  border-color: var(--border);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.data-node) {
  background: 0 0;
  border: 1px solid var(--border);
  border-radius: var(--radius-xs);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.data-node h3) {
  color: var(--text-default);
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.data-node p) {
  color: var(--text-subtle);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.flow-bottom > span) {
  color: var(--text-subtle);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.section-heading h3) {
  color: var(--text-default);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.rules-list .empty-rule) {
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.response-label) {
  color: var(--text-subtle);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.preview-toolbar) {
  background: var(--secondary);
}
@media (hover: hover) and (pointer: fine) {
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.form-card:hover) {
    box-shadow: none;
    border-color: var(--border);
  }
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.button:hover) {
    background: var(--accent);
  }
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.button.primary:hover) {
    background: var(--action-hover);
  }
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.icon-button:hover,
  .folder-link:hover) {
    background: var(--accent);
  }
}
@media (max-width: 1300px) {
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.form-updated) {
    font-size: var(--text-meta);
  }
}
@media (max-width: 1050px) {
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.list-column-head) {
    font-size: var(--text-meta);
  }
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.list-column-head > span:nth-child(5)) {
    font-size: 0;
  }
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.form-name) {
    font-size: var(--text-meta);
  }
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.workspace-title h1) {
    font-size: var(--text-body);
  }
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.canvas-toolbar .button) {
    font-size: var(--text-meta);
  }
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.saved) {
    font-size: var(--text-meta);
  }
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.catalog-item) {
    font-size: var(--text-meta);
  }
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.catalog-category h4) {
    font-size: var(--text-meta);
  }
}
@media (max-width: 767px) {
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.workspace-title h1) {
    font-size: var(--text-body);
  }
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.question-sidebar) {
    background: var(--secondary);
    border-radius: 0;
  }
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.form-mode) {
    border-radius: 0;
  }
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.question-item) {
    background: var(--secondary);
  }
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.canvas-toolbar) {
    border-radius: var(--radius-xs);
  }
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.chat-create) {
    font-size: var(--text-meta);
  }
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.question-properties) {
    border-radius: 0;
  }
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.question-properties .toggle-row) {
    font-size: var(--text-secondary);
  }
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.question-properties .field) {
    font-size: var(--text-meta);
  }
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.question-properties .field input) {
    font-size: var(--text-body);
  }
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.glass-dialog[data-slot='dialog-content']) {
    border-radius: var(--radius-xl);
  }
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.glass-dialog [data-slot='dialog-title']) {
    font-size: var(--text-heading);
  }
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.glass-dialog:has(.catalog-grid) .segments [data-slot='tabs-trigger']) {
    font-size: var(--text-meta);
  }
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.catalog-search) {
    font-size: var(--text-meta);
  }
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.catalog-item) {
    font-size: var(--text-meta);
  }
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.catalog-category h4) {
    font-size: var(--text-meta);
  }
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.settings-layout nav button) {
    border-radius: var(--radius-xs);
    font-size: var(--text-meta);
  }
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.settings-layout nav button:last-child) {
    border: 0;
  }
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.settings-content h3) {
    font-size: var(--text-body);
  }
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.settings-content > p) {
    font-size: var(--text-meta);
  }
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.settings-content .toggle-row) {
    font-size: var(--text-secondary);
  }
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.import-flow h2) {
    font-size: var(--text-heading);
  }
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.sub-toolbar .segments [data-slot='tabs-trigger']) {
    font-size: var(--text-meta);
  }
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.studio-sidebar [data-slot='sidebar-menu']) {
    border: 0;
  }
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.view-switch > button) {
    font-size: var(--text-meta);
  }
}
@media (prefers-contrast: more) {
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.form-name,
  .form-response-count,
  .form-updated,
  .field,
  .toggle-row,
  .question-row-text > span) {
    color: var(--text-default);
  }
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.glass-dialog:has(.create-ai-flow)) {
  background: var(--card);
  border-radius: 0 !important;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.create-ai-flow .ai-label) {
  color: var(--text-subtle);
  font-size: var(--text-secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.create-ai-flow h2) {
  color: var(--text-default);
  font-size: var(--text-heading);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.create-ai-flow textarea) {
  background: var(--card);
  border-color: var(--border);
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.create-ai-flow > .button) {
  color: var(--text-subtle);
  background: var(--secondary);
  border-color: var(--border);
  font-size: 0;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.create-ai-flow > small) {
  color: var(--text-subtle);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.creation-shortcuts) {
  border-top: 1px solid var(--border);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.creation-shortcuts > button) {
  color: var(--text-subtle);
  background: var(--secondary);
  border-radius: var(--radius-sm);
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.creation-shortcuts > button > span) {
  color: var(--text-subtle);
  background: var(--secondary);
  border-radius: var(--radius-xs);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.creation-shortcuts > button.minor) {
  background: 0 0;
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.studio-sidebar[data-slot='sidebar-container']) {
  border: 0;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.side-private) {
  color: var(--text-subtle);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.research-nav) {
  color: var(--text-default);
  border-left: 1px solid var(--border);
  font-size: var(--text-secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.research-nav small) {
  color: var(--text-subtle);
  background: var(--secondary);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.workspace-title h1) {
  font-size: var(--text-heading);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.form-list .form-card) {
  border-radius: var(--radius-lg);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.form-document-icon) {
  border-radius: var(--radius-xs);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.form-menu [data-slot='dropdown-menu-item']) {
  font-size: var(--text-secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.editor-header .segments [data-slot='tabs-trigger'][data-active]) {
  background: var(--accent);
  border-radius: var(--radius-pill);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.editor-header .segments [data-slot='tabs-trigger']) {
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.editor-identity input) {
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.editor-logo) {
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.editor-actions .button.primary) {
  color: var(--action-foreground);
  background: var(--action);
  border: 1px solid var(--border);
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.editor-actions .button.results-shortcut) {
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.editor-actions > .icon-button) {
  border: 1px solid var(--border);
  border-radius: var(--radius-pill);
  font-size: var(--text-secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.profile-avatar) {
  color: var(--text-default);
  background: var(--secondary);
  border-radius: var(--radius-pill);
  font-size: var(--text-secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.saved) {
  font-size: var(--text-secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.question-sidebar) {
  border-radius: var(--radius-md);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.form-mode) {
  border-radius: var(--radius-sm);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.form-mode .pick[data-slot='select-trigger']) {
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.question-sidebar-head) {
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.question-item .type-badge > span) {
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.question-row-text > span) {
  font-size: var(--text-secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.add-question) {
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.add-welcome) {
  border: 1px dashed var(--border);
  border-radius: var(--radius-md);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.endings-panel) {
  border-top-width: 14px;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.endings-panel > div) {
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.canvas-toolbar) {
  border-radius: var(--radius-sm);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.canvas-toolbar .button.primary) {
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.canvas-toolbar .design-button) {
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.canvas-toolbar .icon-button) {
  color: var(--text-default);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.single-answer) {
  border-bottom: 1px solid var(--border);
  font-size: var(--text-heading);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.chat-create) {
  border: 1px solid var(--border);
  font-size: var(--text-body);
  box-shadow: var(--shadow-sm);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.question-properties) {
  background: 0 0;
  border: 0;
  border-radius: 0;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.reference-question) {
  background: var(--secondary);
  border-radius: var(--radius-md);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.reference-question > div:first-child) {
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.question-format > button,
.question-format > label) {
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.reference-answer) {
  background: var(--secondary);
  border-radius: var(--radius-md);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.reference-answer h4) {
  font-size: var(--text-body);
  font-weight: 400;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.reference-answer .toggle-row) {
  color: var(--text-default);
  border: 0;
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.reference-answer .toggle-row [data-slot='switch']) {
  background: var(--secondary);
  border: 1px solid var(--border);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.reference-answer .toggle-row [data-slot='switch-thumb']) {
  background: var(--secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.reference-answer .toggle-row [data-slot='switch'][data-checked]) {
  background: var(--accent);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.reference-answer
  .toggle-row
  [data-slot='switch'][data-checked]
  [data-slot='switch-thumb']) {
  background: var(--accent);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.mapping-row) {
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.mapping-row .toggle-row) {
  color: var(--text-default);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.reference-media) {
  border-top: 1px solid var(--border);
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.reference-media > span) {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius-xs);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.inspector-input) {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius-xs);
  font-size: var(--text-secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.inspector-bottom > button, .inspector-bottom > span > button) {
  background: var(--secondary);
  border: 0;
  border-radius: var(--radius-sm);
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.rating-answer > button) {
  background: 0 0;
  border: 0;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.rating-answer .rating-number) {
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.scale-answer > button) {
  border: 1px solid;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.design-panel) {
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.design-panel .panel-title h3) {
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.design-panel .segments) {
  background: var(--secondary);
  border-radius: var(--radius-lg);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.design-panel .segments [data-slot='tabs-trigger']) {
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.my-themes) {
  background: var(--secondary);
  border-radius: var(--radius-xs);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.theme-section-row) {
  border-bottom: 1px solid var(--border);
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.theme-section-row:last-child) {
  border: 0;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.theme-section-row > .button,
.theme-section-row > .icon-button) {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius-pill);
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.theme-grid) {
  background: var(--secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.theme-more) {
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(:is(.glass-dialog:has(.catalog-grid), .glass-dialog:has(.catalog-ai))) {
  border-radius: var(--radius-xl);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.catalog-category h4,
.catalog-recommended h4) {
  color: var(--text-default);
  font-size: var(--text-secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.catalog-category .catalog-item) {
  color: var(--text-default);
  font-size: var(--text-secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.catalog-search) {
  border: 1px solid var(--border);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.catalog-recommended .catalog-item) {
  font-size: var(--text-secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.glass-dialog:has(.settings-layout) > [data-slot='dialog-title']) {
  font-size: var(--text-heading);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.settings-layout nav button) {
  border-radius: var(--radius-xs);
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.settings-content) {
  border-radius: var(--radius-sm);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.settings-content h3) {
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.settings-content > p) {
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.settings-content > .demo-caption) {
  font-size: var(--text-secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.glass-dialog:has(.workspace-name)) {
  background: var(--card);
  border-radius: var(--radius-xl);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.workspace-name input) {
  border-color: var(--border);
  border-radius: var(--radius-sm);
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.glass-dialog:has(.workspace-name) .modal-actions) {
  background: var(--secondary);
  border-radius: var(--radius-xl);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.glass-dialog:has(.workspace-name) .modal-actions .button) {
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.glass-dialog:has(.workspace-name) .modal-actions .button:first-child) {
  background: var(--card);
  border: 1px solid var(--border);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.glass-dialog:has(.workspace-name) .modal-actions .button:disabled) {
  color: var(--text-subtle);
  background: var(--secondary);
  border: 1px solid var(--border);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.brand-gate h2) {
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.brand-gate p) {
  color: var(--text-subtle);
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.brand-gate small) {
  color: var(--text-subtle);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.glass-dialog:has(.brand-gate)) {
  background: var(--card);
  border-radius: var(--radius-xl);
}
@media (max-width: 1000px) {
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.editor-header .segments [data-slot='tabs-trigger']) {
    font-size: var(--text-meta);
  }
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.canvas-toolbar .button.primary) {
    font-size: var(--text-meta);
  }
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.reference-answer .toggle-row) {
    font-size: var(--text-meta);
  }
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.prompt-composer) {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.prompt-composer textarea) {
  border-radius: var(--radius-md);
  font: var(--text-body)/1.4 var(--font-sans);
  box-shadow: none !important;
  border: 0 !important;
  outline: 0 !important;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.prompt-tools) {
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.prompt-tools .prompt-send) {
  background: var(--action);
  border: 1px solid var(--border);
  border-radius: var(--radius-xs);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.create-ai-flow h2) {
  font-size: var(--text-heading);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.create-ai-flow .creation-shortcuts) {
  border-top: 1px solid var(--border);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.create-ai-flow .creation-shortcuts button) {
  color: var(--text-default);
  background: var(--secondary);
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.crm-hub,
.crm-sales) {
  background: var(--card) !important;
  border-radius: var(--radius-xs) !important;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.crm-hub) {
  color: var(--text-subtle) !important;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.crm-sales) {
  color: var(--text-subtle) !important;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.catalog-ai) {
  background: var(--card);
  border-radius: var(--radius-sm);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.catalog-ai-top h2) {
  font-size: var(--text-heading);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.catalog-ai-top small) {
  color: var(--text-subtle);
  font-size: var(--text-secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.catalog-ai .prompt-composer textarea) {
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.ai-suggestions > button) {
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.ai-suggestion-icon) {
  background: var(--secondary);
  border-radius: var(--radius-xs);
  font-size: var(--text-heading);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.ai-suggestions strong) {
  color: var(--text-subtle);
  font-size: var(--text-body);
  font-weight: 400;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.ai-suggestions small) {
  color: var(--text-subtle);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.ai-suggestions em) {
  color: var(--text-subtle);
  background: var(--secondary);
  font-size: var(--text-meta);
  font-style: normal;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.automation-sidebar [data-slot='sidebar-content']) {
  border-top: 1px solid var(--border);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.automation-filters button) {
  color: var(--text-subtle);
  border-radius: var(--radius-xs);
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.automation-filters button span) {
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.automation-filters button.selected) {
  color: var(--text-default);
  background: var(--accent);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.automation-hero h1) {
  font-size: var(--text-heading);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.automation-hero .page-heading p) {
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.automation-hero .button) {
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.automation-learn) {
  color: var(--text-subtle) !important;
  font-size: var(--text-secondary) !important;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.automation-art) {
  border-radius: var(--radius-lg);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.workflow) {
  background: var(--secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.sub-toolbar) {
  background: var(--secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.workflow-tools) {
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.sub-toolbar .add-rule-button) {
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.flow-scroll) {
  background: var(--secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.data-node) {
  border-radius: var(--radius-md);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.data-node h3) {
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.data-node p) {
  color: var(--text-subtle);
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.data-node > .node-icon) {
  background: 0 0;
  border: 0;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.parameter-add) {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius-xs);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.flow-node) {
  border-radius: var(--radius-md);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.flow-node h3) {
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.workflow-actions) {
  background: var(--secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.workflow-actions h4) {
  font-size: var(--text-secondary);
  font-weight: 400;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.workflow-actions > div) {
  color: var(--text-subtle);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.workflow-actions button) {
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.workflow-actions p) {
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.workflow-actions small) {
  color: var(--text-subtle);
  background: var(--secondary);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.app-mini-icons button) {
  color: var(--text-subtle);
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.app-mini-icons button:nth-child(3)) {
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.workflow-actions .button) {
  background: 0 0;
  border: 0;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.flow-bottom .pick) {
  font-size: var(--text-meta);
}
@media (max-width: 1400px) {
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.automation-hero h1) {
    font-size: var(--text-heading);
  }
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.automation-hero .page-heading p) {
    font-size: var(--text-body);
  }
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.phone-input) {
  border-bottom: 1px solid var(--border);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.phone-input input) {
  border-bottom: 0 !important;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.phone-country) {
  background: 0 0;
  border: 0;
  outline: none;
  font-size: var(--text-heading);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.rating-shape) {
  font-size: var(--text-heading);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.glass-dialog:has(.settings-layout) .modal-actions .button:disabled) {
  color: var(--text-subtle);
  background: var(--secondary);
  border: 1px solid var(--border);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.glass-dialog:has(.small-screen-notice)) {
  background: var(--card);
  border-radius: var(--radius-xl);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.glass-dialog:has(.small-screen-notice) > [data-slot='dialog-title']) {
  font-size: var(--text-heading);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.small-screen-notice p) {
  color: var(--text-subtle);
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.theme-tile > .theme-more) {
  color: var(--text-default);
  font-size: var(--text-secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.single-answer) {
  color: var(--answer-color);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.contact-subfields > button.selected) {
  background: var(--accent);
  border-radius: var(--radius-xs);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.catalog-grid) {
  background: var(--card);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.flow-node[data-question-type='Contact\ Info'] .type-badge) {
  background: var(--secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.glass-dialog [data-slot='dialog-close']) {
  box-shadow: none;
  background: 0 0;
  border: 0;
  border-radius: 0;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.workspace-name input:focus) {
  box-shadow: none;
  outline-offset: 0;
  outline: 1px solid var(--ring);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.welcome-help) {
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.welcome-button-field) {
  color: var(--text-default);
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.welcome-button-field input) {
  color: var(--text-default);
  box-shadow: none;
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius-xs);
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.character-count) {
  color: var(--text-subtle);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.welcome-inspector .reference-media) {
  border-bottom: 1px solid var(--border);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.inspector-add) {
  color: var(--text-default);
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius-xs);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.welcome-details) {
  color: var(--form-text, var(--text-subtle));
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.field-type-trigger) {
  color: var(--text-default);
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius-xs);
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.field-type-menu[data-slot='popover-content']) {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.field-type-search) {
  color: var(--text-default);
  background: var(--secondary);
  border-bottom: 1px solid var(--border);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.field-type-search input) {
  box-shadow: none;
  background: 0 0;
  border: 0;
  outline: none;
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.field-type-option) {
  color: var(--text-default);
  border-radius: var(--radius-xs);
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.field-type-option .type-badge) {
  border-radius: var(--radius-pill);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(:is(.field-type-option:hover, .field-type-option:focus-visible)) {
  background: var(--accent);
  outline: none;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.field-type-empty) {
  color: var(--text-default);
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.stylist-heading small) {
  font-size: var(--text-meta);
  font-weight: 400;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.stylist-avatar) {
  background: var(--secondary);
  border-radius: var(--radius-pill);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.intake-page) {
  background: var(--secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.intake-heading h2) {
  font-size: var(--text-heading);
  font-weight: 500;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.intake-heading > span,
.intake-intro) {
  color: var(--text-subtle);
  font-size: var(--text-secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.intake-search) {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius-xs);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.intake-search input) {
  background: 0 0;
  border: 0;
  outline: none;
  font-size: var(--text-secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.intake-table-wrap) {
  background: var(--card);
  border-radius: var(--radius-sm);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.intake-table) {
  border-collapse: collapse;
  font-size: var(--text-secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.intake-table th) {
  color: var(--text-default);
  font-weight: 400;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.intake-table th svg) {
  background: var(--secondary);
  border-radius: var(--radius-xs);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.intake-table td,
.intake-table th) {
  border-bottom: 1px solid var(--border);
  border-right: 1px solid var(--border);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.intake-table tbody tr) {
  color: var(--text-default);
  background: var(--card);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.intake-table tbody tr.selected) {
  background: var(--accent);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.intake-table input[type='checkbox']) {
  accent-color: var(--text-default);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.intake-avatar) {
  color: var(--text-default);
  background: var(--secondary);
  border-radius: var(--radius-pill);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.intake-status) {
  color: var(--text-default);
  background: var(--secondary);
  border-radius: var(--radius-xs);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.intake-status.new) {
  color: var(--text-default);
  background: var(--secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.intake-detail) {
  border-left: 1px solid var(--border);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.intake-detail-top) {
  color: var(--text-subtle);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.intake-avatar.large) {
  font-size: var(--text-heading);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.intake-profile h3) {
  font-size: var(--text-body);
  font-weight: 400;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.intake-profile p) {
  color: var(--text-subtle);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.intake-info) {
  background: var(--card);
  border-radius: var(--radius-sm);
  font-size: var(--text-secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.intake-info h4) {
  border-bottom: 1px solid var(--border);
  font-size: var(--text-secondary);
  font-weight: 500;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.intake-info-row) {
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.intake-info input,
.intake-info textarea) {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.intake-local) {
  color: var(--text-subtle);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.intake-source-card) {
  color: var(--text-default);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.intake-source-card small) {
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.intake-source-card time) {
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.intake-notice) {
  background: var(--secondary);
  border-radius: var(--radius-xs);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.intake-empty) {
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.intake-empty h3) {
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.intake-empty p) {
  font-size: var(--text-secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.intake-heading) {
  border-bottom: 1px solid var(--border);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.intake-contact-cell > .icon-button) {
  border-radius: var(--radius-pill);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.intake-contact-cell > .icon-button:hover) {
  background: var(--accent);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.intake-table tbody tr:hover) {
  background: var(--accent);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.contact-resize-handle)::before {
  background: 0 0;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.contact-resize-handle > span) {
  background: var(--secondary);
  border-radius: var(--radius-xs);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.contact-resize-handle:hover)::before,.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.resizing .contact-resize-handle)::before {
  background: var(--accent);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.contact-resize-handle:focus-visible)::before {
  background: var(--secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.contact-resize-handle:focus-visible) {
  outline-offset: 2px;
  outline: 2px solid var(--ring);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.submission-answers details) {
  border-bottom: 1px solid var(--border);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.submission-answers summary) {
  color: var(--text-default);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.submission-answers summary small) {
  color: var(--text-subtle);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.submission-answer strong) {
  font-size: var(--text-meta);
  font-weight: 500;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.submission-answer p) {
  color: var(--text-default);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.intake-detail.resizable-detail) {
  background: var(--secondary);
  box-shadow: var(--shadow-sm);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.intake-table tr.selected .intake-contact-cell > .icon-button) {
  color: var(--text-default);
  background: var(--accent);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.submission-answers summary) {
  border-radius: var(--radius-xs);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.submission-answers .submission-summary-text small) {
  color: var(--text-subtle);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.submission-chevron) {
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.submission-answers summary:focus-visible) {
  outline-offset: 4px;
  outline: 2px solid var(--ring);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.submission-answers details:last-child) {
  border-bottom: 0;
}
@media (hover: hover) {
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.submission-answers summary:hover .submission-chevron) {
    color: var(--text-default);
  }
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.specialized-examples em) {
  color: var(--text-subtle);
  border: 1px solid var(--border);
  border-radius: var(--radius-xs);
  font-size: var(--text-meta);
  font-style: normal;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.submitted-media) {
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.submitted-image-button) {
  background: var(--secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.submitted-file-meta) {
  color: var(--text-subtle);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.submitted-file-meta button) {
  color: var(--text-default);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.submitted-rating,
.submitted-date) {
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.submitted-rating span) {
  color: var(--text-subtle);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.submitted-ranking li) {
  color: var(--text-default);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.submitted-ranking li > span) {
  background: var(--secondary);
  border-radius: var(--radius-xs);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.submitted-choices > span) {
  color: var(--text-default);
  background: var(--secondary);
  border-radius: var(--radius-xs);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.submitted-fields > div) {
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.submitted-fields dt) {
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.submitted-file) {
  border: 1px solid var(--border);
  border-radius: var(--radius-xs);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.submitted-file small) {
  color: var(--text-subtle);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.submitted-file a) {
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.submission-image-grid > button) {
  background: var(--secondary);
  border-radius: var(--radius-xs);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.submission-image-grid button > span) {
  color: var(--text-default);
  background: var(--card);
  border-radius: var(--radius-xs);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.submission-gallery > small) {
  color: var(--text-subtle);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.lightbox-stage) {
  background: var(--secondary);
  border-radius: var(--radius-sm);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.lightbox-stage > button) {
  color: var(--text-default);
  background: var(--card);
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-sm);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.lightbox-footer) {
  color: var(--text-subtle);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.lightbox-thumbs button) {
  border: 2px solid var(--border);
  border-radius: var(--radius-xs);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.lightbox-thumbs button[aria-pressed='true']) {
  border-color: var(--border);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.page-card) {
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.page-card-header) {
  border-radius: var(--radius-lg);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.page-card-header.selected) {
  background: var(--accent);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.page-card-title) {
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.page-disclosure) {
  color: var(--text-default);
  border-radius: var(--radius-xs);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.page-more) {
  color: var(--text-default);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.page-child) {
  border-radius: var(--radius-xs);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.page-child > button:first-child) {
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.page-child .type-badge,
.page-card .type-badge) {
  border-radius: var(--radius-pill);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.page-child.selected,
.page-child:hover) {
  background: var(--accent);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.page-add) {
  color: var(--text-default);
  border-top: 1px solid var(--border);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.storage-purchase) {
  color: var(--text-default);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.storage-purchase p) {
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.storage-purchase > small) {
  color: var(--text-subtle);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.storage-hero,
.storage-card) {
  background: var(--secondary);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.storage-hero strong) {
  color: var(--text-strong);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.storage-card small) {
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.storage-slider-label) {
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.storage-slider-label strong) {
  color: var(--text-strong);
  font-size: var(--text-heading);
  font-weight: 500;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.storage-purchase input[type='range']) {
  accent-color: var(--text-default);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.storage-range) {
  color: var(--text-subtle);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.storage-price) {
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.storage-price strong) {
  color: var(--text-strong);
  font-size: var(--text-heading);
  font-weight: 500;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.storage-price small) {
  color: var(--text-subtle);
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.storage-price span) {
  font-size: var(--text-secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.storage-invoice) {
  font-size: var(--text-secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.storage-invoice dd) {
  color: var(--text-strong);
  font-weight: 500;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.storage-consent,
.storage-demo) {
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.storage-consent input,
.storage-demo input) {
  accent-color: var(--text-default);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.storage-demo) {
  color: var(--text-subtle);
  border-top: 1px solid var(--border);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.storage-notice) {
  background: var(--secondary);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  font-size: var(--text-secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.storage-notice p) {
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.storage-success-icon) {
  border-radius: var(--radius-xl);
  color: var(--text-default);
  background: var(--secondary);
  box-shadow: none;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.storage-success-capacity > strong) {
  font-size: var(--text-heading);
  font-weight: 500;
  letter-spacing: var(--tracking-ui);
  color: var(--text-strong);
  font-variant-numeric: tabular-nums;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.storage-success-capacity strong span) {
  font-size: var(--text-heading);
  letter-spacing: var(--tracking-ui);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.storage-success-capacity > span) {
  color: var(--text-default);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.storage-success > p) {
  font-size: var(--text-secondary);
  color: var(--text-default);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.storage-success-receipt) {
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  background: var(--card);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.storage-success-receipt > div + div) {
  border-top: 1px solid var(--border);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.storage-success-receipt dt) {
  font-size: var(--text-secondary);
  color: var(--text-default);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.storage-success-receipt dt span) {
  font-size: var(--text-meta);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.storage-success-receipt dd) {
  font-size: var(--text-body);
  font-weight: 500;
  color: var(--text-strong);
  font-variant-numeric: tabular-nums;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.storage-success-receipt dd small) {
  font-size: var(--text-meta);
  font-weight: 400;
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.storage-success-demo) {
  color: var(--text-subtle);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.editable-choice-row input) {
  border: 0;
  outline: none;
  background: transparent;
  color: inherit;
  font: inherit;
  box-shadow: none;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.choice-drag,
.choice-delete) {
  border-radius: var(--radius-xs);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.choice-delete:hover:not(:disabled)) {
  color: var(--text-default);
  background: var(--accent);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.choice-add) {
  color: var(--text-default);
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.contact-field-editor) {
  background: var(--secondary);
  border-radius: var(--radius-sm);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.contact-field-editor .text-button) {
  color: var(--text-default);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.page-drop-before)::before,.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.page-drop-after)::after {
  background: var(--secondary);
  border-radius: var(--radius-xs);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.upload-file-list li) {
  border: 1px solid var(--border);
  border-radius: var(--radius-xs);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.upload-file-list small) {
  color: var(--text-subtle);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.upload-file-list button) {
  border-radius: var(--radius-xs);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.upload-file-list button:hover) {
  background: var(--accent);
  color: var(--text-default);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.upload-count) {
  color: var(--text-subtle);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.upload-limits) {
  border-bottom: 1px solid var(--border);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.upload-limits .field) {
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.editor) {
  font-family: var(--font-sans);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.inspector-input) {
  border: 1px solid var(--border);
  border-radius: var(--radius-xs);
  background: var(--card);
  font-size: var(--text-secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.scale-settings .field small) {
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.single-checkbox-answer) {
  font-size: var(--text-heading);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.single-checkbox-answer input) {
  border: 0;
  background: transparent;
  font: inherit;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.choice-picture-upload) {
  border-radius: var(--radius-xs);
  background: var(--secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.matrix input) {
  background: transparent;
  border: 0;
  font: inherit;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.date-answer label > span) {
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.date-answer input) {
  border: 0;
  border-bottom: 1px solid var(--border);
  background: transparent;
  border-radius: 0;
  font-size: var(--text-heading);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.date-separator) {
  font-size: var(--text-heading);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.standalone-phone .phone-country) {
  font-size: var(--text-heading);
  border-bottom: 1px solid var(--border);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.compound-field > label,
.compound-label) {
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.compound-label) {
  background: transparent;
  border: 0;
  color: inherit;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.rating-shape-trigger) {
  border: 1px solid var(--border);
  background: var(--card);
  border-radius: var(--radius-xs);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.rating-shape-menu button) {
  border: 1px solid var(--border);
  border-radius: var(--radius-xs);
  background: var(--card);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.rating-shape-menu button:hover,
.rating-shape-menu button[aria-pressed='true']) {
  background: var(--accent);
  border-color: var(--border);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.ending-socials button) {
  background: none;
  border: 0;
  color: inherit;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.ending-socials span) {
  font-size: var(--text-heading);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.statement-quotation) {
  font-family: var(--font-sans);
  font-size: var(--text-heading);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.inspector-setting-label) {
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.date-answer label > span) {
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.rating-answer .rating-number) {
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.line-break-hint) {
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.phone-country,
.country-picker-trigger) {
  background: transparent;
  color: inherit;
  border: 0;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.country-picker-trigger) {
  border: 1px solid var(--border);
  border-radius: var(--radius-xs);
  background: var(--card);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.country-picker-menu > label) {
  border-bottom: 1px solid var(--border);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.country-picker-menu input) {
  background: transparent;
  border: 0;
  outline: 0;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.country-picker-menu button) {
  border: 0;
  border-radius: var(--radius-xs);
  background: transparent;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.country-picker-menu button:hover,
.country-picker-menu button[aria-pressed='true']) {
  background: var(--accent);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.bulk-choices-input) {
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.matrix) {
  border-collapse: separate;
  border-spacing: 0 8px;
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.matrix th,
.matrix td) {
  border: 0;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.matrix thead th) {
  font-weight: 400;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.matrix tbody th,
.matrix tbody td) {
  background: var(--secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.matrix tbody th) {
  border-radius: var(--radius-xs);
  font-weight: 400;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.matrix tbody td:last-child) {
  border-radius: var(--radius-xs);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.matrix .matrix-radio) {
  border: 1px solid var(--border);
  border-radius: var(--radius-xl);
  background: var(--card);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.matrix .matrix-radio:checked) {
  box-shadow: none;
  background: var(--accent);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.matrix-label input) {
  font: inherit;
  border: 0;
  background: transparent;
  color: inherit;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.matrix-label button) {
  border: 0;
  background: none;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.matrix-add-column button,
.matrix-add-row) {
  border: 0;
  background: none;
  color: inherit;
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.title-required-mirror) {
  font: var(--text-heading)/var(--text-heading) inherit;
  letter-spacing: var(--tracking-ui);
  color: transparent;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.editor .title-required-mirror) {
  font-family: var(--font-sans);
  font-size: var(--text-heading);
  font-weight: 400;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.title-required-mirror sup) {
  color: var(--form-text, var(--text-default));
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.knowledge-add) {
  border: 0;
  border-top: 1px solid var(--border);
  background: transparent;
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.knowledge-add > span) {
  border-radius: var(--radius-xs);
  background: var(--secondary);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.ai-inspector-help) {
  border: 1px solid var(--border);
  box-shadow: var(--shadow-sm);
  border-radius: var(--radius-xs);
  font-size: var(--text-body);
  background: var(--card);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.ai-disclaimer-setting) {
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.knowledge-editor textarea) {
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.knowledge-editor small) {
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.ai-answer > small) {
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.ai-preview-reply) {
  background: var(--secondary);
  border-radius: var(--radius-xs);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.picture-editor .choice-picture-upload:focus-within) {
  outline: 2px solid var(--ring);
  outline-offset: 2px;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.compound-media img,
.compound-media video) {
  border-radius: var(--radius-xs);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.question-format [data-active='true']) {
  background: var(--accent);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.brand-kit-fields h3) {
  font-size: var(--text-secondary);
  font-weight: 500;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.brand-kit-fields small) {
  font-size: var(--text-meta);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.brand-logo-upload) {
  border: 1px dashed var(--border);
  border-radius: var(--radius-sm);
  background: var(--card);
  font-size: var(--text-secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.brand-logo-upload:focus-within) {
  outline: 2px solid var(--ring);
  outline-offset: 3px;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.brand-kit-color) {
  font-size: var(--text-secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.brand-kit-color > div) {
  border: 1px solid var(--border);
  border-radius: var(--radius-xs);
  background: var(--card);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.brand-kit-color input[type=color]) {
  border: 0;
  background: none;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.brand-kit-color input:not([type=color])) {
  font: var(--text-meta) ui-monospace, monospace;
  border: 0;
  background: none;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.brand-kit-preview) {
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.brand-preview-caption) {
  font: var(--text-meta) var(--font-sans), var(--font-sans);
  letter-spacing: var(--tracking-ui);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.brand-kit-wordmark) {
  font-size: var(--text-heading);
  letter-spacing: var(--tracking-ui);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.brand-kit-preview-question h2) {
  font: inherit;
  font-size: var(--text-heading);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.brand-kit-preview-question p) {
  font: inherit;
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.brand-kit-preview-input) {
  border-bottom: 1px solid currentColor;
  font-size: var(--text-heading);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.brand-kit-preview-button) {
  color: var(--text-subtle);
  border-radius: var(--radius-xs);
  font-size: var(--text-secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.brand-kit-footer) {
  border-top: 1px solid var(--border);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.brand-kit-footer p) {
  font-size: var(--text-meta);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.brand-kit-error) {
  color: var(--destructive);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.design-brand-card) {
  border-bottom: 1px solid var(--border);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.design-brand-sample) {
  border: 1px solid var(--border);
  border-radius: var(--radius-xs);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.design-brand-sample strong) {
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.design-brand-sample > span) {
  font-size: var(--text-heading);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.design-brand-sample i) {
  border-radius: var(--radius-xs);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.design-brand-details > strong) {
  font-size: var(--text-secondary);
  font-weight: 500;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.design-brand-swatches > span) {
  border-radius: var(--radius-xl);
  border: 1px solid var(--border);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.design-brand-swatches small) {
  font-size: var(--text-meta);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.social-handle-answer small) {
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.submitted-social-handle small) {
  font-size: var(--text-meta);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.glass-dialog.content-library-dialog) {
  border-radius: var(--radius-xl);
  background: var(--secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.content-library-dialog .segments [data-slot='tabs-list']) {
  background: transparent;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.content-library-dialog .segments [data-slot='tabs-trigger']) {
  font-size: var(--text-body);
  font-weight: 400;
  border-radius: var(--radius-pill);
  background: transparent;
  box-shadow: none;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.content-library-dialog .segments [data-slot='tabs-trigger']:hover) {
  background: var(--accent);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.glass-dialog.content-library-dialog .segments [data-slot='tabs-trigger'][data-active])::after {
  background: var(--accent);
  border-radius: var(--radius-pill);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.content-library-dialog .catalog-ai) {
  border-radius: var(--radius-xl);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.content-library-dialog .catalog-ai-top h2) {
  font-size: var(--text-heading);
  font-weight: 400;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.content-library-dialog .catalog-ai-top small) {
  font-size: var(--text-body);
  color: var(--text-default);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.content-library-dialog .catalog-ai .prompt-composer textarea) {
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.content-library-dialog .ai-suggestions) {
  border-top: 1px solid var(--border);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.content-library-dialog .ai-suggestions > button) {
  border-color: var(--border);
  background: var(--card);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.content-library-dialog .ai-suggestion-icon) {
  border-radius: var(--radius-xl);
  background: var(--secondary);
  color: var(--text-default);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.content-library-dialog .ai-suggestions strong) {
  color: var(--text-default);
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.content-library-dialog .ai-suggestions small) {
  color: var(--text-subtle);
  font-size: var(--text-secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.content-library-dialog .ai-suggestions em) {
  border: 1px solid var(--border);
  border-radius: var(--radius-xl);
  color: var(--text-default);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.catalog-import-body) {
  background: var(--card);
  border-radius: var(--radius-sm);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.catalog-import-field) {
  font-size: var(--text-body);
  color: var(--text-default);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.catalog-import-field textarea) {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  font: inherit;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.catalog-import-help) {
  border: 1px solid var(--border);
  border-radius: var(--radius-xs);
  box-shadow: var(--shadow-sm);
  background: var(--card);
  color: var(--text-default);
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.catalog-import-help > svg) {
  color: var(--text-default);
}
@media (max-width: 720px) {
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.content-library-dialog .segments [data-slot='tabs-trigger']) {
    font-size: var(--text-meta);
  }
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.content-library-dialog .segments[data-slot='tabs-list']) {
  background: transparent;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.catalog-import-footer .button:disabled) {
  background: var(--secondary);
  color: var(--text-subtle);
  border-color: var(--border);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.form-grid:not(.form-list) .form-card) {
  border-radius: var(--radius-lg);
  border-color: var(--border);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.grid-form-preview) {
  border-bottom: 1px solid var(--border);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.grid-preview-content strong) {
  font-size: var(--text-body);
  font-weight: 500;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.grid-preview-description) {
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.grid-preview-cta) {
  background: var(--answer-color);
  color: var(--answer-foreground);
  border-radius: var(--radius-xs);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.grid-preview-answer) {
  font-size: var(--text-meta);
  border-bottom: 1px solid currentColor;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.grid-form-title) {
  font-size: var(--text-body);
  font-weight: 500;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.grid-form-status) {
  font-size: var(--text-meta);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.grid-form-status i) {
  border-radius: var(--radius-xl);
  background: var(--secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.grid-form-status[data-published='true'] i) {
  background: var(--secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.form-card-meta) {
  border-top: 1px solid var(--border);
  font-size: var(--text-meta);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.form-card-meta button) {
  color: var(--text-default);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.grid-form-preview:focus-visible, .grid-form-title:focus-visible, .form-card-meta button:focus-visible) {
  outline: 2px solid var(--ring);
  outline-offset: -3px;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.salon-template-intro h2) {
  font-size: var(--text-heading);
  font-weight: 500;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.salon-template-intro p) {
  font-size: var(--text-body);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.salon-template-card) {
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--card);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.salon-template-details strong) {
  font-size: var(--text-body);
  font-weight: 500;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.salon-template-details p) {
  font-size: var(--text-meta);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.salon-template-details > span) {
  font-size: var(--text-meta);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.salon-template-details b) {
  font-weight: 500;
  color: var(--text-default);
}
@media (hover: hover) {
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.salon-template-card:hover) {
    border-color: var(--border);
    box-shadow: var(--shadow-sm);
  }
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.salon-template-card:focus-visible) {
  outline: 2px solid var(--ring);
  outline-offset: 3px;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.creation-template-panel) {
  background: var(--secondary);
  border-left: 1px solid var(--border);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.creation-template-header h2) {
  font-size: var(--text-heading);
  letter-spacing: var(--tracking-ui);
  font-weight: 500;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.creation-template-header p) {
  font-size: var(--text-secondary);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.publish-issues button) {
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.publish-issues small) {
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.rule-condition) {
  background: var(--secondary);
  border-radius: var(--radius-xs);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.display-logic-config h2) {
  font-size: var(--text-heading);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.display-logic-config > p) {
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.display-question) {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.display-question h3) {
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.display-rule) {
  background: var(--secondary);
  border-radius: var(--radius-xs);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.editor .recall-text) {
  outline: none;
  background: transparent;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.recall-text:focus) {
  box-shadow: none;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.recall-trigger) {
  border: 1px solid var(--border);
  border-radius: var(--radius-xs);
  background: var(--card);
  color: var(--text-default);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.recall-trigger:hover) {
  background: var(--accent);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.recall-trigger:focus-visible) {
  outline: 2px solid var(--ring);
  outline-offset: 2px;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.recall-chip) {
  border-radius: var(--radius-pill);
  background: var(--secondary);
  color: var(--text-default);
  font-size: var(--text-meta);
  font-style: normal;
  font-weight: 500;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.recall-chip[data-invalid]) {
  background: var(--destructive);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--destructive) 10%, var(--card));
  }
  color: var(--destructive);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.recall-picker) {
  border-radius: var(--radius-sm);
  background: var(--card);
  color: var(--text-strong);
  font: var(--text-secondary)/1.4 var(--font-sans), var(--font-sans);
  box-shadow: var(--shadow-sm);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.recall-picker-hint) {
  color: var(--text-subtle);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.recall-search) {
  border: 1px solid var(--border);
  border-radius: var(--radius-xs);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.recall-search input) {
  border: 0;
  outline: none;
  background: transparent;
  font: inherit;
  color: var(--text-strong);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.recall-search:focus-within) {
  border-color: var(--ring);
  box-shadow: var(--shadow-sm);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.recall-option) {
  border: 0;
  border-radius: var(--radius-xs);
  background: transparent;
  color: inherit;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.recall-option:hover, .recall-option:focus-visible) {
  background: var(--accent);
  outline: none;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.recall-option strong) {
  font-weight: 500;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.recall-option small) {
  color: var(--text-subtle);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.recall-empty) {
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.recall-text[data-required])::after {
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.library-page-heading) {
  font-size: var(--text-body);
  font-weight: 500;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.library-destination) {
  border-radius: var(--radius-sm);
  background: var(--secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.library-destination strong) {
  font-size: var(--text-body);
  font-weight: 500;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.library-destination span) {
  font-size: var(--text-meta);
  color: var(--text-default);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.editor-actions > .button.publish-edits,
.editor-actions > .button.copy-form-link) {
  background: var(--action);
  color: var(--action-foreground);
  border: 1px solid var(--border);
  border-radius: var(--radius-xs);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.editor-share-view) {
  background: var(--secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.editor-share-panel) {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.editor-share-panel h1) {
  font-size: var(--text-heading);
  font-weight: 500;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.editor-share-description) {
  color: var(--text-default);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.share-workspace) {
  color: var(--text-default);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.share-navigation,.share-inspector) {
  background: var(--secondary);
  border-radius: var(--radius-md);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.share-navigation nav button) {
  border: 0;
  background: transparent;
  border-radius: var(--radius-xs);
  font-size: var(--text-secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.share-navigation nav button:hover,.share-navigation nav button[aria-current]) {
  background: var(--accent);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.share-navigation>p) {
  font-size: var(--text-meta);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.share-link-toolbar) {
  background: var(--secondary);
  border-radius: var(--radius-sm);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.share-link-toolbar input) {
  border: 1px solid var(--border);
  border-radius: var(--radius-xs);
  font-size: var(--text-secondary);
  background: var(--card);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.social-preview) {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.social-preview-context>i) {
  border-radius: var(--radius-xl);
  background: var(--secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.social-preview-context b,.social-preview-lines i) {
  background: var(--secondary);
  border-radius: var(--radius-xs);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.social-link-card) {
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.share-thumbnail-fallback) {
  background: var(--secondary);
  font-family: var(--font-sans);
  font-size: var(--text-heading);
  font-weight: 500;
  letter-spacing: var(--tracking-ui);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.social-link-card strong) {
  font-size: var(--text-body);
  font-weight: 500;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.social-link-card p) {
  font-size: var(--text-secondary);
  color: var(--text-default);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.social-link-card small) {
  font-size: var(--text-meta);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.share-preview-caption) {
  color: var(--text-subtle);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.share-inspector h3) {
  font-size: var(--text-body);
  font-weight: 500;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.share-socials .button) {
  background: var(--card);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.share-inspector .field) {
  font-size: var(--text-secondary);
  color: var(--text-default);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.share-inspector .field input,.share-inspector .field textarea) {
  border: 1px solid var(--border);
  background: var(--card);
  border-radius: var(--radius-md);
  font-size: var(--text-secondary);
  color: var(--text-default);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.share-inspector .field small,.share-help) {
  font-size: var(--text-meta);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.thumbnail-control>img) {
  border-radius: var(--radius-xs);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.thumbnail-control .button) {
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.share-publication-controls) {
  border-top: 1px solid var(--border);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.share-preview-toolbar h2) {
  font-size: var(--text-body);
  font-weight: 500;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.share-preview-toolbar .selected) {
  background: var(--accent);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.email-preview) {
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.email-envelope) {
  background: var(--secondary);
  font-size: var(--text-meta);
  color: var(--text-subtle);
  border-bottom: 1px solid var(--border);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.email-preview-body h2) {
  font-size: var(--text-heading);
  font-weight: 500;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.email-preview-body p) {
  font-size: var(--text-body);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.email-preview-body>a) {
  border-radius: var(--radius-xs);
  color: var(--text-subtle);
  background: var(--secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.website-preview) {
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  background: var(--secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.website-preview-header) {
  background: var(--secondary);
  border-bottom: 1px solid var(--border);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.website-preview-header i) {
  border-radius: var(--radius-xl);
  background: var(--secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.website-preview iframe) {
  border: 0;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.website-placeholder b,.website-placeholder i) {
  border-radius: var(--radius-xs);
  background: var(--secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.share-code) {
  border: 1px solid var(--border);
  border-radius: var(--radius-xs);
  font: var(--text-meta)/1.6 monospace;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.share-live-overlay iframe) {
  border: 0;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.glass-dialog.share-live-overlay.preview-slider) {
  border-radius: 0;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.share-socials .social-f) {
  font: 700 var(--text-heading)/1 var(--font-sans),var(--font-sans);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.share-socials .social-in) {
  font: 700 var(--text-body)/1 var(--font-sans),var(--font-sans);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-workspace) {
  color: var(--text-default);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-subnav) {
  background: var(--secondary);
  border-bottom: 4px solid var(--border);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-subnav>span) {
  font-size: var(--text-meta);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-controls) {
  background: var(--secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-inboxes) {
  border: 1px solid var(--border);
  border-radius: var(--radius-xs);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-inboxes button) {
  background: transparent;
  border: 0;
  font-size: var(--text-secondary);
  border-radius: var(--radius-xs);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-inboxes button[aria-pressed=true]) {
  background: var(--card);
  box-shadow: var(--shadow-sm);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-search) {
  border: 1px solid var(--border);
  border-radius: var(--radius-xs);
  background: var(--card);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-search input) {
  border: 0;
  background: transparent;
  font-size: var(--text-secondary);
  outline: none;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-date) {
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-date input) {
  border: 1px solid var(--border);
  border-radius: var(--radius-xs);
  background: var(--card);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-data-area) {
  background: var(--secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-table-scroll) {
  background: var(--card);
  border-radius: var(--radius-sm);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-data-table) {
  border-collapse: separate;
  border-spacing: 0;
  font-size: var(--text-secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-data-table th) {
  background: var(--card);
  font-weight: 400;
  border-bottom: 1px solid var(--border);
  border-right: 1px solid var(--border);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-data-table .response-identity) {
  background: var(--card);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-data-table td) {
  border-bottom: 1px solid var(--border);
  border-right: 1px solid var(--border);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-data-table td small) {
  color: var(--text-subtle);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-data-table tr.selected td,.results-data-table tr:hover td) {
  background: var(--accent);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.response-identity input) {
  accent-color: var(--text-default);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.response-identity>button) {
  font-size: var(--text-secondary);
  background: none;
  border: 0;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-column-sort) {
  background: none;
  border: 0;
  font-size: var(--text-secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-column-resize) {
  background: transparent;
  border: 0;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-column-resize:hover,.results-column-resize:focus-visible) {
  background: var(--accent);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.response-status) {
  border: 1px solid var(--border);
  border-radius: var(--radius-xs);
  font-size: var(--text-meta);
  color: var(--text-default);
  background: var(--card);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.response-status.partial) {
  color: var(--text-default);
  background: var(--card);
  border-color: var(--border);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-count) {
  background: var(--secondary);
  color: var(--text-subtle);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-selection) {
  background: var(--secondary);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-selection button) {
  border: 0;
  background: transparent;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-empty) {
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-empty h2) {
  font-size: var(--text-body);
  font-weight: 500;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-empty p) {
  font-size: var(--text-secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-detail) {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-detail>header) {
  border-bottom: 1px solid var(--border);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-detail>header>span) {
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-detail-body h3) {
  font-size: var(--text-secondary);
  font-weight: 500;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-detail-body p) {
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.response-tags>button) {
  font-size: var(--text-meta);
  border: 1px solid var(--border);
  border-radius: var(--radius-xs);
  background: var(--secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.response-tags form input) {
  border: 1px solid var(--border);
  border-radius: var(--radius-xs);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.response-tags form button) {
  border: 1px solid var(--border);
  border-radius: var(--radius-xs);
  background: var(--card);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.response-id) {
  font-family: var(--font-sans);
  font-size: var(--text-meta) !important;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-column-options label) {
  font-size: var(--text-secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-overview) {
  background: var(--secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-overview h1) {
  font-size: var(--text-heading);
  font-weight: 500;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-overview>p) {
  font-size: var(--text-body);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-overview>h2) {
  font-size: var(--text-body);
  font-weight: 500;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-performance-metrics) {
  border: 1px solid var(--border);
  background: var(--card);
  border-radius: var(--radius-sm);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-performance-metrics span) {
  font-size: var(--text-secondary);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-performance-metrics strong) {
  font-size: var(--text-heading);
  font-weight: 500;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-summary-card) {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-summary-card h2) {
  font-size: var(--text-body);
  font-weight: 500;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-summary-card>small) {
  font-size: var(--text-meta);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.summary-answer) {
  border-bottom: 1px solid var(--border);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-date-presets button) {
  border: 0;
  background: var(--secondary);
  border-radius: var(--radius-xs);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-date-manual label) {
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-date-manual input) {
  border: 1px solid var(--border);
  border-radius: var(--radius-xs);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-date-popover footer,.results-columns-popover footer) {
  border-top: 1px solid var(--border);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-columns-popover header strong) {
  font-size: var(--text-body);
  font-weight: 500;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-columns-list>div) {
  border-radius: var(--radius-xs);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-columns-list>div:hover) {
  background: var(--accent);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-columns-list span) {
  font-size: var(--text-secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-columns-list button) {
  border: 0;
  background: transparent;
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-count .button) {
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-filter-match) {
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-filter-row input) {
  border: 1px solid var(--border);
  border-radius: var(--radius-xs);
  font-size: var(--text-secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-filter-popover footer) {
  border-top: 1px solid var(--border);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-summary-search) {
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-summary-search input) {
  border: 0;
  background: transparent;
  outline: none;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-summary-search:focus-within) {
  box-shadow: var(--shadow-sm);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-summary-search span) {
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-summary-card .summary-answer > button) {
  font-size: var(--text-meta);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-summary-empty) {
  border: 1px dashed var(--border);
  border-radius: var(--radius-sm);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-export-formats label) {
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-export-formats label:has(input:checked)) {
  border-color: var(--border);
  background: var(--accent);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-export-formats input) {
  accent-color: var(--text-default);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-export-formats strong) {
  font-size: var(--text-body);
  font-weight: 500;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-export-formats small) {
  color: var(--text-default);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.summary-statistics dt) {
  font-size: var(--text-meta);
  color: var(--text-default);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.summary-statistics dd) {
  font-size: var(--text-heading);
  font-variant-numeric: tabular-nums;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.summary-chart-help) {
  font-size: var(--text-meta);
  color: var(--text-default);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.summary-table-scroll table) {
  border-collapse: collapse;
  font-size: var(--text-secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.summary-table-scroll th,.summary-table-scroll td) {
  border-bottom: 1px solid var(--border);
  font-variant-numeric: tabular-nums;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.summary-table-scroll th) {
  font-weight: 500;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.summary-rank) {
  border-bottom: 1px solid var(--border);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.summary-rank strong) {
  font-size: var(--text-body);
  font-weight: 500;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.summary-rank>span) {
  font-variant-numeric: tabular-nums;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.summary-matrix-row h3) {
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.summary-vertical-chart .result-bar>div:last-child) {
  background: transparent;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.summary-vertical-chart .result-bar i) {
  border-radius: var(--radius-xs);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.summary-trends-toggle[aria-pressed=true]) {
  background: var(--secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-saved-views>span) {
  font-size: var(--text-meta);
  color: var(--text-default);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.summary-report.is-branded) {
  background: var(--summary-bg);
  border-radius: var(--radius-md);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.summary-report.is-branded>h1,.summary-report.is-branded .summary-question-heading h2,.summary-report.is-branded .summary-statistics dd) {
  color: var(--summary-text);
  font-family: var(--font-sans);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.summary-report.is-branded .result-bar i) {
  background: var(--summary-accent);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.summary-brand-heading) {
  color: var(--summary-text);
  font-family: var(--font-sans);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.summary-brand-heading strong) {
  font-size: var(--text-heading);
  font-weight: 500;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.response-sending) {
  background: var(--card);
  color: var(--text-strong);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  box-shadow: var(--shadow-sm);
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-sync-error) {
  background: var(--destructive);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--destructive) 10%, var(--card));
  }
  color: var(--destructive);
  font-size: var(--text-secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-report-preview) {
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  background: var(--card);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-filter-rule) {
  border-bottom: 1px solid var(--border,var(--border));
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-filter-value fieldset) {
  border: 0;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-filter-value legend) {
  font-size: var(--text-meta);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-filter-value fieldset label) {
  font-size: var(--text-secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-filter-value input[type=checkbox]) {
  accent-color: var(--text-default);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-filter-value > input) {
  border: 1px solid var(--border);
  border-radius: var(--radius-xs);
  font-size: var(--text-secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.summary-report-header h1) {
  font-size: var(--text-heading);
  font-weight: 500;
  letter-spacing: var(--tracking-ui);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.summary-report-header p) {
  color: var(--text-default);
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.summary-icon-segments) {
  border: 1px solid var(--border);
  border-radius: var(--radius-xs);
  background: var(--card);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.summary-icon-segments button) {
  border: 0;
  border-radius: var(--radius-xs);
  color: var(--text-default);
  background: transparent;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.summary-icon-segments button[aria-pressed=true]) {
  background: var(--secondary);
  color: var(--text-strong);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.summary-icon-segments button:hover) {
  background: var(--accent);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.summary-icon-segments button:focus-visible) {
  outline: 2px solid var(--ring);
  outline-offset: 2px;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.summary-contact-notice) {
  background: var(--secondary);
  border-radius: var(--radius-sm);
  color: var(--text-default);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.summary-contact-notice strong) {
  font-size: var(--text-secondary);
  font-weight: 500;
  color: var(--text-default);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.summary-contact-notice p) {
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.summary-question-icon) {
  border-radius: var(--radius-xs);
  background: var(--secondary);
  color: var(--text-default);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.summary-report .results-summary-card>small) {
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.summary-report.is-branded .summary-report-header h1) {
  color: var(--summary-text);
  font-family: var(--font-sans);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.summary-report.is-branded .summary-question-heading h2,.summary-report.is-branded .summary-statistics dd) {
  color: var(--text-strong);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.summary-report .results-summary-card .result-bar>div:first-child) {
  font-size: var(--text-secondary);
  color: var(--text-default);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.summary-report .results-summary-card .result-bar>div:nth-child(2)) {
  border-radius: var(--radius-lg);
  background: var(--secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.summary-report .results-summary-card .result-bar i) {
  border-radius: var(--radius-lg);
  background: var(--secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.summary-report .summary-vertical-chart .result-bar>div:nth-child(2)) {
  background: transparent;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-date-presets button[aria-pressed=true]) {
  background: var(--secondary);
  color: var(--text-strong);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-date-error) {
  font-size: var(--text-meta);
  color: var(--destructive);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.summary-ranking-chart .recharts-legend-wrapper) {
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-report-sharing) {
  border-top: 1px solid var(--ring);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-report-sharing h3) {
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-report-sharing>p) {
  font-size: var(--text-secondary);
  color: var(--text-default);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-report-link) {
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-report-link input) {
  border: 1px solid var(--border);
  border-radius: var(--radius-xs);
  font-size: var(--text-secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-report-sharing>small) {
  font-size: var(--text-meta);
  color: var(--text-default);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-report-revoke) {
  background: var(--secondary);
  border-radius: var(--radius-xs);
  font-size: var(--text-secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.results-report-sharing [role=alert]) {
  color: var(--text-default);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.schedule-label) {
  font-size: var(--text-body);
  color: var(--text-default);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.schedule-trigger) {
  border: 1px solid var(--border,var(--border));
  background: var(--card);
  color: var(--text-strong);
  border-radius: var(--radius-sm);
  font: inherit;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.schedule-trigger strong) {
  font-weight: 500;
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.schedule-trigger small,.schedule-placeholder) {
  color: var(--text-subtle);
  font-size: var(--text-secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.schedule-trigger:focus-visible) {
  outline: 2px solid var(--sable-ring,var(--ring));
  outline-offset: 2px;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.schedule-popover[data-slot='popover-content']) {
  border-radius: var(--radius-lg) !important;
  font-family: var(--font-sans);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.schedule-popover [data-selected-single='true']) {
  background: var(--accent);
  color: var(--text-strong);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.schedule-time) {
  border-top: 1px solid var(--border,var(--border));
  font-size: var(--text-secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.schedule-time select) {
  border: 1px solid var(--border,var(--border));
  background: var(--secondary);
  border-radius: var(--radius-xs);
  font: inherit;
  color: var(--text-strong);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.schedule-zone) {
  font-size: var(--text-meta);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.schedule-actions) {
  border-top: 1px solid var(--border,var(--border));
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.schedule-actions button) {
  border: 0;
  border-radius: var(--radius-xs);
  background: transparent;
  color: var(--text-strong);
  font: inherit;
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.schedule-actions .schedule-done) {
  background: var(--secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.jules-dock) {
  font-family: var(--font-sans);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.jules-launcher) {
  border: 1px solid var(--border,var(--border));
  border-radius: var(--radius-xs);
  background: var(--card);
  color: var(--text-strong);
  box-shadow: var(--shadow-sm);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.jules-floating-chat) {
  border: 0;
  background: transparent;
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.jules-conversation) {
  background: var(--secondary);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.jules-history-toggle) {
  border: 0;
  background: transparent;
  color: var(--text-subtle);
  font: inherit;
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.jules-history) {
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.jules-intro) {
  font-size: var(--text-body);
  font-weight: 500;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.jules-user-message) {
  background: var(--card);
  border-radius: var(--radius-xs);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.jules-turn + .jules-turn) {
  border-top: 1px solid var(--border);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.jules-suggestions button,.jules-review button,.jules-undo) {
  border: 1px solid var(--border);
  background: transparent;
  color: inherit;
  border-radius: var(--radius-xs);
  font: inherit;
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.jules-review) {
  border-top: 1px solid var(--border);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.jules-review .jules-apply) {
  background: var(--action);
  color: var(--action-foreground);
  border-color: transparent;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.jules-composer) {
  background: var(--secondary);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.jules-composer textarea) {
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--text-subtle);
  font: var(--text-body)/1.5 var(--sable-font, var(--font-sans));
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.jules-composer:focus-within) {
  border-color: var(--ring);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.jules-composer textarea)::placeholder {
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.jules-composer-footer > span) {
  font-size: var(--text-secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.jules-composer-footer small) {
  font-size: var(--text-meta);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.jules-composer-footer button) {
  background: var(--action);
  color: var(--action-foreground);
  border: 0;
  border-radius: var(--radius-md);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) :is(.jules-floating-chat button:focus-visible,.jules-launcher:focus-visible) {
  outline: 2px solid var(--ring);
  outline-offset: 3px;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) {
  color: var(--text-default);
  font-family: var(--font-sans);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) {
  background: var(--background);
  color: var(--text-default);
  font-family: var(--font-sans);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell))
  :is(.main, .editor, .editor-center, .canvas-stage, .editor-share-view) {
  background: var(--background);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell))
  :is(.button, .pick[data-slot='select-trigger'], .icon-button) {
  color: var(--text-default);
  border-color: var(--border);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .button {
  border-radius: var(--radius-pill);
  min-height: 36px;
  padding: 8px 16px;
  font-weight: 500;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .button.primary {
  background: var(--action);
  border-color: var(--primary);
  color: var(--action-foreground);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell))
  .button.primary:hover:not(:disabled) {
  background: var(--action-hover);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .icon-button {
  border-radius: var(--radius-pill);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .icon-button:hover {
  background: var(--secondary);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell))
  :is(.button, .icon-button):focus-visible {
  outline: 2px solid var(--sable-ring);
  outline-offset: 3px;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell))
  :is(
    .workspace-create,
    .workspace-view button,
    .canvas-toolbar button,
    .editor-actions button,
    .segments [data-slot='tabs-trigger'],
    .workspace-ai,
    .add-question,
    .add-welcome,
    .question-sidebar-head
  ) {
  text-transform: lowercase;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell))
  :is(
    .workspace-title h1,
    .glass-dialog > h2,
    .create-ai-flow h2,
    .content-ai-intro h2
  ) {
  font-family: var(--sable-display);
  font-weight: 700;
  letter-spacing: var(--tracking-display);
  color: var(--text-default);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .workspace-title h1 {
  font-size: var(--text-heading);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell))
  .workspace-title
  h1::first-letter {
  text-transform: lowercase;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell))
  [data-slot='sidebar-wrapper'] {
  padding-top: 64px;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell))
  .studio-sidebar
  [data-slot='sidebar-container'] {
  top: 64px;
  height: calc(100dvh - 64px);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell))
  .studio-sidebar
  [data-slot='sidebar-inner'] {
  background: var(--card);
  border-right: 1px solid var(--border);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell))
  .studio-sidebar
  [data-slot='sidebar-menu'] {
  height: 64px;
  background: var(--card);
  border-color: var(--border);
  gap: 8px;
  padding: 0 24px;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell))
  .studio-sidebar
  [data-slot='sidebar-menu']::before {
  content: 'sable';
  font: 700 var(--text-heading)/1 var(--sable-display);
  letter-spacing: var(--tracking-display);
  color: var(--text-default);
  width: 205px;
  flex-shrink: 0;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell))
  .studio-sidebar
  [data-slot='sidebar-menu-button'] {
  height: 36px;
  padding: 0 14px;
  border-radius: var(--radius-xs);
  color: var(--text-subtle);
  font-size: var(--text-body);
  text-transform: lowercase;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell))
  .studio-sidebar
  [data-slot='sidebar-menu-button'][data-active] {
  background: var(--sable-accent) !important;
  color: var(--text-default);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell))
  .studio-sidebar
  [data-slot='sidebar-menu-button'][data-active]::after {
  display: none;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell))
  .studio-sidebar
  [data-slot='sidebar-header'] {
  padding: 24px 18px 12px;
  gap: 18px;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .workspace-create {
  min-height: 42px;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .workspace-search {
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  padding: 8px 10px;
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .workspace-search input {
  font-size: var(--text-body);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .folder-link {
  border-radius: var(--radius-sm);
  color: var(--text-subtle);
  font-size: var(--text-secondary);
  min-height: 40px;
  padding-inline: 12px;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .folder-link.selected {
  background: var(--sable-accent);
  color: var(--text-default);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .stylist-avatar {
  background: var(--secondary);
  color: var(--text-default);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .side-label {
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .workspace-ai {
  color: var(--text-default);
  border-color: var(--border);
  border-radius: var(--radius-xs);
  box-shadow: none;
  padding: 12px 14px;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .workspace-ai svg {
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .main {
  min-height: calc(100dvh - 64px);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .topbar {
  height: 104px;
  margin-inline: 32px;
  border-color: var(--border);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .workspace-view > .pick {
  border-radius: var(--radius-pill);
  padding-inline: 20px 16px;
  color: var(--text-default);
  background: var(--card);
  min-height: 36px;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .view-switch {
  border-radius: var(--radius-xs);
  padding: 3px;
  background: var(--secondary);
  border-color: transparent;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .view-switch > button {
  border: 0;
  background: transparent;
  color: var(--text-subtle);
  border-radius: var(--radius-xs);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .view-switch > button.active {
  background: var(--accent);
  color: var(--text-default);
  box-shadow: var(--shadow-sm);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell))
  .form-grid:not(.form-list)
  .form-card {
  border-radius: var(--radius-lg);
  border: 1px solid var(--border);
  box-shadow: var(--shadow-sm);
  overflow: hidden;
  transition: box-shadow 180ms ease-out,
    border-color 180ms ease-out;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell))
  .form-grid:not(.form-list)
  .form-card:hover {
  border-color: var(--sable-ring);
  box-shadow: var(--shadow-sm);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .form-card-details {
  padding: 18px 20px;
  background: var(--card);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .grid-form-title {
  font-size: var(--text-body);
  color: var(--text-default);
  font-weight: 500;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .form-card-meta {
  border-color: var(--border);
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .form-card-meta button {
  color: var(--text-default);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell))
  .grid-form-status[data-published='true'] {
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .form-status {
  flex: none;
  display: inline-flex;
  align-items: center;
  height: 20px;
  padding: 0 8px;
  border: 1px solid transparent;
  border-radius: 9999px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
  color: var(--inv-draft-fg);
  background: var(--inv-draft-bg);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .form-status[data-state='published'] {
  color: var(--inv-paid-fg);
  background: var(--inv-paid-bg);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .form-status[data-state='unpublished'] {
  color: var(--inv-draft-fg);
  background: transparent;
  border-color: var(--border);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .form-card-details > .form-status {
  margin-top: 6px;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .form-list .form-card {
  background: var(--card);
  border-color: var(--border);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .form-list .form-card:hover {
  background: var(--sable-accent);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .editor-header {
  background: var(--card);
  border-bottom: 1px solid var(--border);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .editor-header .segments {
  gap: 3px;
  background: var(--secondary);
  padding: 3px;
  border-radius: var(--radius-xs);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell))
  .editor-header
  .segments
  [data-slot='tabs-trigger'] {
  border-radius: var(--radius-xs);
  padding-inline: 16px;
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell))
  .editor-header
  .segments
  [data-slot='tabs-trigger'][data-active] {
  background: var(--accent);
  color: var(--text-default);
  box-shadow: var(--shadow-sm) !important;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell))
  :is(
    .question-sidebar,
    .reference-question,
    .reference-answer,
    .reference-logic,
    .canvas-toolbar,
    .endings-panel
  ) {
  background: var(--card);
  border-color: var(--border);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .canvas-toolbar {
  margin: 12px 12px 0;
  padding-inline: 3px;
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  height: 48px;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell))
  .canvas-toolbar
  .button.primary {
  border-radius: var(--radius-xs);
  min-height: 32px;
  padding-inline: 14px;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .canvas-stage {
  padding-top: 28px;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .form-canvas {
  border-radius: var(--radius-lg);
  border-color: var(--border);
  box-shadow: var(--shadow-sm);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell))
  :is(.reference-question, .reference-answer, .reference-logic) {
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  color: var(--text-default);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell))
  .reference-answer
  .toggle-row {
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell))
  .toggle-row
  [data-slot='switch'][data-checked] {
  background: var(--primary);
  border-color: var(--sable-ring);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell))
  .toggle-row
  [data-slot='switch'][data-checked]
  [data-slot='switch-thumb'] {
  background: var(--foreground);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell))
  :is(.page-card, .add-welcome) {
  border-color: var(--border);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell))
  :is(
    .page-card.selected,
    .page-card.active,
    .ending-item.selected,
    .page-card .selected
  ) {
  background: var(--sable-accent);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell))
  :is(
    .add-question,
    .add-welcome,
    .ending-item,
    .question-sidebar-head,
    .page-card
  ) {
  color: var(--text-default);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .endings-panel {
  border-top-color: var(--background);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell))
  .editor-actions
  > .button.publish-edits {
  border-radius: var(--radius-xs);
  background: var(--action);
  border-color: var(--primary);
  color: var(--action-foreground);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell))
  .editor-actions
  > .button.copy-form-link {
  border-radius: var(--radius-xs);
  color: var(--text-default);
  border-color: var(--border);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell))
  :is(.glass-dialog, .glass-panel, .field-type-menu, .form-menu) {
  background: var(--card) !important;
  border-color: var(--border);
  box-shadow: var(--shadow-sm);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell))
  .glass-dialog:has(.create-ai-flow) {
  background: var(--background) !important;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .create-ai-flow {
  container-type: inline-size;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .create-ai-flow h2 {
  font-size: var(--text-heading);
  white-space: nowrap;
  text-transform: lowercase;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .ai-label {
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .prompt-composer {
  border-color: var(--sable-ring);
  background: var(--card);
  box-shadow: var(--shadow-sm);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell))
  .prompt-composer:focus-within {
  border-color: var(--sable-ring);
  box-shadow: var(--shadow-sm);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .prompt-composer textarea {
  color: var(--text-default);
  font-family: var(--font-sans);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell))
  .prompt-composer
  textarea::placeholder {
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell))
  :is(.field-type-option:hover, .form-menu [data-highlighted]) {
  background: var(--sable-accent);
  color: var(--text-default);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell))
  :is(.question-properties, .glass-dialog)
  :is(input:not([type='checkbox']):not([type='radio']):not([type='range']):not([type='file']):not([type='color']), select) {
  border-color: var(--border);
  border-radius: var(--radius-pill);
}
@media (max-width: 767px) {
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell))
    .studio-sidebar
    [data-slot='sidebar-menu']::before {
    width: auto;
    margin-right: 10px;
    font-size: var(--text-heading);
  }
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell))
    .studio-sidebar
    [data-slot='sidebar-menu'] {
    padding-inline: 16px;
    gap: 2px;
  }
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell))
    .studio-sidebar
    [data-slot='sidebar-menu-button'] {
    padding-inline: 10px;
  }
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .topbar {
    margin-inline: 20px;
  }
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .workspace-title h1 {
    font-size: var(--text-heading);
  }
}
@media (prefers-reduced-motion: reduce) {
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell))
    .form-grid:not(.form-list)
    .form-card {
    transition: none;
  }
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .workspace-view > .pick {
  min-width: 160px;
  width: 160px;
  white-space: nowrap;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .workspace-create.button {
  min-height: 40px;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .editor-logo {
  color: var(--text-default);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .editor-logo > span {
  font-size: 0;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .editor-logo > span::before {
  content: 'sable';
  font: 700 var(--text-heading)/1 var(--sable-display);
  letter-spacing: var(--tracking-display);
  margin-right: 10px;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .chat-create {
  border-color: var(--sable-ring);
  border-radius: var(--radius-xs);
  color: var(--text-default);
  box-shadow: var(--shadow-sm);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell))
  .chat-create
  > span:last-child {
  border: none;
  color: var(--text-default);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .prompt-composer {
  border-radius: var(--radius-md);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .prompt-composer textarea {
  border-radius: var(--radius-md);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .prompt-tools .prompt-send {
  background: var(--action);
  border-color: var(--primary);
  border-radius: var(--radius-xs);
  color: var(--action-foreground);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .creation-shortcuts {
  border-color: var(--border);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .creation-shortcuts > button {
  border-radius: var(--radius-xs);
  background: var(--card);
  border: 1px solid var(--border);
  color: var(--text-default);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell))
  .creation-shortcuts
  > button:hover {
  background: var(--sable-accent);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .creation-template-panel {
  background: var(--secondary);
  border-color: var(--border);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .creation-template-header h2 {
  font-family: var(--sable-display);
  font-weight: 700;
  color: var(--text-default);
  text-transform: lowercase;
  letter-spacing: var(--tracking-display);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .creation-template-header p {
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .salon-template-card {
  border-color: var(--border);
  border-radius: var(--radius-lg);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .salon-template-card:hover {
  border-color: var(--sable-ring);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell))
  .salon-template-card:focus-visible {
  outline-color: var(--sable-ring);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell))
  .salon-template-details
  :is(strong, b) {
  color: var(--text-default);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell))
  .salon-template-details
  :is(p, span) {
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .creation-shortcuts > button {
  text-transform: lowercase;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) {
  :is(
    .field,
    .toggle-row,
    .text-button,
    .pick,
    .field-type-trigger,
    .field-type-option,
    .settings-content,
    .reference-question,
    .reference-answer,
    .reference-footer,
    .design-panel,
    .workflow,
    .share-workspace,
    .results-workspace
  ) {
    color: var(--text-default);
    font-family: var(--font-sans);
  }
  :is(
    .field input,
    .field textarea,
    .field select,
    .pick,
    .field-type-trigger,
    .results-search,
    .results-date input,
    .catalog-search,
    .field-type-search,
    .recall-search,
    .library-search,
    .intake-search,
    .results-filter-value > input,
    .share-link-toolbar input,
    .results-report-link input,
    .catalog-import-field textarea
  ) {
    background: var(--card);
    border: 1px solid var(--border);
    color: var(--text-default);
    border-radius: var(--radius-md);
    font-family: var(--font-sans);
    font-size: var(--text-body);
  }
  :is(
    .field input,
    .field textarea,
    .field select,
    .share-inspector .field input,
    .share-inspector .field textarea,
    .results-filter-value > input
  ) {
    font-size: var(--text-body);
    line-height: 1.5;
    padding: 9px 12px;
  }
  :is(
    .field input[type='color'],
    .field input[type='range'],
    .field input[type='checkbox']
  ) {
    padding: 0;
  }
  :is(.field, .settings-content, .share-inspector, .results-workspace)
    input[type='checkbox'] {
    accent-color: var(--text-default);
  }
  :is(
    .field input,
    .field textarea,
    .catalog-search,
    .field-type-search,
    .results-search,
    .recall-search
  ):focus-within {
    border-color: var(--sable-ring);
    box-shadow: var(--shadow-sm);
    outline: none;
  }
  :is(.field input, .field textarea, .prompt-composer textarea)::placeholder {
    color: var(--text-subtle);
    opacity: 1;
  }
  :is(
    .field small,
    .demo-caption,
    .hint,
    .share-help,
    .results-date,
    .summary-chart-help,
    .brand-preview-caption,
    .brand-kit-fields > p,
    .field-type-empty,
    .recall-empty,
    .reference-answer .toggle-row,
    .reference-question .question-format,
    .workflow-tools,
    .workflow-actions > div,
    .workflow-actions p
  ) {
    color: var(--text-subtle);
  }
  :is(
    [data-slot='select-content'],
    [data-slot='dropdown-menu-content'],
    [data-slot='dropdown-menu-sub-content'],
    [data-slot='popover-content'],
    .field-type-menu,
    .recall-picker,
    .form-menu
  ) {
    background: var(--card) !important;
    color: var(--text-default);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg) !important;
    box-shadow: var(--shadow-sm) !important;
    font-family: var(--font-sans);
    padding: 6px;
  }
  :is(
    [data-slot='select-item'],
    [data-slot='dropdown-menu-item'],
    .field-type-option,
    .recall-option
  ) {
    color: var(--text-default);
    border-radius: var(--radius-xs);
    min-height: 36px;
    font-size: var(--text-body);
  }
  :is(
    [data-slot='select-item'],
    [data-slot='dropdown-menu-item'],
    .field-type-option,
    .recall-option
  ):is(:hover, [data-highlighted], [data-selected]) {
    background: var(--sable-accent);
    color: var(--text-default);
  }
  [data-slot='dropdown-menu-item'][data-variant='destructive'] {
    color: var(--destructive);
  }
  [data-slot='select-content'].dark [data-slot='select-item'] {
    color: var(--popover-foreground);
  }
  [data-slot='select-content'].dark
    [data-slot='select-item']:is(:hover, [data-highlighted], [data-selected]) {
    background: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, var(--foreground) 10%, transparent);
    }
    color: var(--popover-foreground);
  }
  [data-slot='tooltip-content'] {
    background: var(--foreground);
    color: var(--text-subtle);
    border-radius: var(--radius-xs);
    font-family: var(--font-sans);
  }
  [data-slot='dialog-overlay'] {
    background: var(--overlay);
    backdrop-filter: blur(4px);
  }
  .glass-dialog {
    border-radius: var(--radius-xl);
    color: var(--text-default);
  }
  .glass-dialog > [data-slot='dialog-title'],
  .panel-title h3 {
    font: 700 var(--text-heading)/1.15 var(--sable-display);
    letter-spacing: var(--tracking-display);
    color: var(--text-default);
    text-transform: lowercase;
  }
  .glass-dialog > [data-slot='dialog-description'] {
    color: var(--text-subtle);
  }
  .modal-actions {
    border-color: var(--border);
    gap: 10px;
  }
  .form-delete-confirm {
    display: flex;
    flex-direction: column;
    gap: 6px;
  }
  .form-delete-confirm > span {
    font-size: var(--text-secondary);
    color: var(--text-subtle);
  }
  .form-delete-confirm > input {
    min-height: 40px;
    padding: 0 12px;
    border: 1px solid var(--border);
    border-radius: var(--radius-pill);
    background: var(--card);
    color: var(--text-default);
    font-family: var(--font-sans);
    font-size: var(--text-touch-input);
  }
  .form-delete-confirm > input:focus-visible {
    outline: 2px solid var(--ring);
    outline-offset: 1px;
  }
  .button {
    font-size: var(--text-body);
    min-height: 38px;
  }
  .button:not(.primary):not(.publish-edits):not(.danger) {
    background: var(--card);
    color: var(--text-default);
    border-color: var(--border);
  }
  .button:not(.primary):not(.danger):hover:not(:disabled) {
    background: var(--secondary);
  }
  .button.danger {
    background: var(--destructive);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--destructive) 10%, var(--card));
    }
    color: var(--destructive);
    border-color: var(--destructive);
  }
  .button:disabled {
    opacity: 0.45;
    cursor: not-allowed;
  }
  .toggle-row [data-slot='switch'] {
    background: var(--secondary);
    border-color: var(--border);
  }
  .toggle-row [data-slot='switch-thumb'] {
    background: var(--text-subtle);
  }
  .toggle-row [data-slot='switch'][data-checked] {
    background: var(--primary);
    border-color: var(--sable-ring);
  }
  .toggle-row [data-slot='switch'][data-checked] [data-slot='switch-thumb'] {
    background: var(--foreground);
  }
  .segments [data-slot='tabs-trigger'] {
    font-family: var(--font-sans);
    color: var(--text-subtle);
    font-weight: 500;
  }
  .segments [data-slot='tabs-trigger'][data-active] {
    color: var(--text-default);
  }
  .segments [data-slot='tabs-trigger']::after {
    background: var(--sable-ring);
  }
  :is(
    .reference-question,
    .reference-answer,
    .reference-footer,
    .reference-logic,
    .question-sidebar,
    .question-properties,
    .mode-picker
  ) {
    background: var(--card);
    border-color: var(--border);
  }
  .reference-footer {
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
  }
  .reference-answer :is(h4, .field),
  .reference-question > div:first-child {
    color: var(--text-default);
  }
  .page-card {
    background: var(--card);
    border-color: var(--border);
    border-radius: var(--radius-lg);
  }
  .page-card:hover {
    border-color: var(--sable-ring);
  }
  .page-card.selected,
  .page-card .page-title.selected,
  .page-field.selected {
    background: var(--sable-accent);
  }
  :is(
    .add-question,
    .add-welcome,
    .page-card-title,
    .page-field,
    .ending-item
  ) {
    font-size: var(--text-secondary);
  }
  :is(.question-more, .page-more) {
    color: var(--text-subtle);
  }
  :is(.content-library-dialog, .catalog-ai, .catalog-import, .catalog-grid) {
    color: var(--text-default);
  }
  .glass-dialog.content-library-dialog {
    background: var(--background) !important;
    padding-bottom: 16px;
  }
  .content-library-dialog > [data-slot='tabs'] {
    background: var(--background);
    border-bottom: 1px solid var(--border);
    padding-block: 10px;
    min-height: 64px;
  }
  .content-library-dialog .segments {
    min-height: 40px;
    overflow: visible;
  }
  .content-library-dialog .segments [data-slot='tabs-trigger'] {
    border-radius: var(--radius-pill);
    margin-block: 0;
    padding-inline: 18px;
    min-height: 32px;
    font-size: var(--text-body);
  }
  .content-library-dialog .segments [data-slot='tabs-trigger'][data-active] {
    background: var(--sable-accent);
  }
  .content-library-dialog .segments [data-slot='tabs-trigger']::after {
    display: none;
  }
  :is(.catalog-grid, .catalog-ai, .catalog-import-body) {
    background: var(--card);
  }
  :is(.catalog-category h3, .catalog-recommended h3) {
    color: var(--text-subtle);
    font-weight: 500;
    text-transform: lowercase;
  }
  :is(.catalog-category .catalog-item, .catalog-recommended .catalog-item) {
    color: var(--text-default);
    border-radius: var(--radius-sm);
    padding: 9px 8px;
    font-size: var(--text-body);
  }
  .catalog-item:hover {
    background: var(--sable-accent);
  }
  .library-destination {
    background: var(--sable-accent);
    color: var(--text-default);
  }
  .library-destination span {
    color: var(--text-subtle);
  }
  .catalog-import-help {
    background: var(--background);
    border-color: var(--border);
    box-shadow: none;
    color: var(--text-subtle);
    border-radius: var(--radius-md);
  }
  .catalog-import-help svg {
    color: var(--text-default);
  }
  .catalog-import-footer {
    background: var(--background);
    border-color: var(--border);
  }
  .catalog-import-footer .button:disabled {
    background: var(--secondary);
    color: var(--text-subtle);
    border-color: var(--border);
  }
  .ai-suggestions > button {
    border-color: var(--border);
    border-radius: var(--radius-md);
    color: var(--text-default);
  }
  .ai-suggestions > button:hover {
    background: var(--sable-accent);
  }
  .ai-suggestions em {
    color: var(--text-default);
    background: var(--sable-accent);
    border-color: var(--primary);
  }
  .catalog-ai-top h2 {
    font-family: var(--sable-display);
    color: var(--text-default);
    font-weight: 700;
    letter-spacing: var(--tracking-display);
  }
  .design-panel {
    background: var(--card);
    border-color: var(--border);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
    padding: 20px;
  }
  :is(.design-panel .segments, .my-themes, .theme-grid, .settings-content) {
    background: var(--background);
  }
  .design-panel .segments {
    padding: 4px;
    gap: 4px;
    height: auto;
    border-radius: var(--radius-lg);
  }
  .design-panel .segments [data-slot='tabs-trigger'] {
    font-size: var(--text-body);
    padding: 9px 18px;
    border-radius: var(--radius-pill);
  }
  .design-panel .segments [data-slot='tabs-trigger'][data-active] {
    background: var(--accent);
    box-shadow: var(--shadow-sm) !important;
  }
  .design-panel .segments [data-slot='tabs-trigger']::after {
    display: none;
  }
  .my-themes {
    border-radius: var(--radius-md);
    margin-top: 16px;
  }
  .theme-section-row {
    color: var(--text-default);
    border-color: var(--border);
    font-size: var(--text-body);
  }
  .theme-card {
    border-color: var(--border);
    border-radius: var(--radius-lg);
  }
  .theme-card.selected {
    outline-color: var(--sable-ring);
  }
  .theme-card strong {
    color: var(--text-default);
  }
  .settings-layout nav button {
    color: var(--text-subtle);
    border-radius: var(--radius-sm);
  }
  .settings-layout nav button.active,
  .settings-layout nav button.selected {
    color: var(--text-default);
    background: var(--sable-accent);
  }
  .settings-layout nav.settings-sections button:last-child {
    border-top: 0;
    border-radius: var(--radius-sm);
    margin-top: 0;
    padding-top: 13px;
  }
  .settings-layout nav.settings-sections button:last-child.active {
    color: var(--text-default);
  }
  @media (max-width: 767px) {
    .glass-dialog:has(> .settings-layout) {
      grid-template-columns: minmax(0, 1fr);
    }
    .settings-layout,
    .settings-layout > * {
      min-width: 0;
    }
  }
  .settings-content > p {
    color: var(--text-subtle);
  }
  :is(.brand-logo-upload, .brand-kit-color, .brand-kit-footer) {
    border-color: var(--border);
  }
  .brand-logo-upload {
    color: var(--text-subtle);
    background: var(--background);
    border-radius: var(--radius-md);
  }
  :is(.workflow, .sub-toolbar, .flow-scroll, .workflow-graph-shell) {
    background: var(--background);
  }
  .sub-toolbar {
    min-height: 64px;
    border-bottom: 1px solid var(--border);
    gap: 16px;
  }
  .sub-toolbar .add-rule-button {
    min-height: 36px;
    padding-inline: 16px;
    background: var(--primary);
    border-color: var(--primary);
  }
  .workflow-actions {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    top: 80px;
    right: 16px;
    padding: 16px;
    width: 166px;
  }
  .workflow-actions h4 {
    top: 16px;
    color: var(--text-default);
    font-weight: 500;
  }
  .workflow-actions button {
    color: var(--text-default);
    font-weight: 500;
  }
  .workflow-actions .button {
    border: 0;
    background: transparent;
    padding: 0;
    min-height: auto;
    border-radius: var(--radius-pill);
    font-size: var(--text-secondary);
  }
  .workflow-actions p {
    margin-top: 8px;
    font-size: var(--text-meta);
  }
  .workflow-graph-shell {
    margin-right: 198px;
  }
  .workflow-graph-viewport {
    background-image: radial-gradient(var(--border) 1px, transparent 1px);
    background-size: 20px 20px;
  }
  :is(
    .workflow-page-node,
    .flow-node,
    .data-node,
    .graph-page-details,
    .rule-row
  ) {
    background: var(--card);
    color: var(--text-default);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-sm);
  }
  .workflow-page-node.selected {
    border-color: var(--sable-ring);
    box-shadow: var(--shadow-sm);
  }
  .workflow-page-node.ending {
    background: var(--sable-accent);
  }
  .workflow-page-node:hover {
    border-color: var(--sable-ring);
  }
  .workflow-page-node :is(small, span),
  .graph-empty {
    color: var(--text-subtle);
  }
  .graph-edges {
    color: var(--text-subtle);
  }
  .graph-default-edge {
    stroke: var(--text-default);
  }
  .graph-rule-edge {
    stroke: var(--text-default);
  }
  :is(.graph-question-rules, .graph-branch-step, .graph-rule-row) {
    border-color: var(--border);
    color: var(--text-default);
  }
  :is(
    .rule-condition,
    .display-rule,
    .choice-rule,
    .variable-row,
    .calculation-rule,
    .outcome-rule
  ) {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    padding: 16px;
  }
  :is(.branch-number, .graph-branch-priority, .flow-count) {
    background: var(--sable-accent);
    color: var(--text-default);
  }
  :is(
    .display-logic-config,
    .score-logic-config,
    .variable-logic-config,
    .tag-logic-config,
    .outcome-logic-config
  ) {
    color: var(--text-default);
  }
  :is(
      .display-logic-config,
      .score-logic-config,
      .variable-logic-config,
      .tag-logic-config,
      .outcome-logic-config
    )
    > h2 {
    font-family: var(--sable-display);
    font-weight: 700;
    letter-spacing: var(--tracking-display);
  }
  :is(
      .display-logic-config,
      .score-logic-config,
      .variable-logic-config,
      .tag-logic-config,
      .outcome-logic-config
    )
    > p {
    color: var(--text-subtle);
  }
  .share-workspace {
    gap: 20px;
    padding: 20px;
  }
  :is(.share-navigation, .share-inspector, .share-link-toolbar) {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
  }
  .share-navigation nav button {
    color: var(--text-subtle);
    border-radius: var(--radius-sm);
    text-transform: lowercase;
  }
  .share-navigation nav button:is(:hover, [aria-current]) {
    background: var(--sable-accent);
    color: var(--text-default);
  }
  :is(
    .share-navigation > p,
    .share-help,
    .share-preview-caption,
    .share-inspector .field small
  ) {
    color: var(--text-subtle);
  }
  .share-inspector h3 {
    font-family: var(--sable-display);
    font-weight: 700;
    font-size: var(--text-body);
    letter-spacing: var(--tracking-display);
    text-transform: lowercase;
  }
  .share-inspector .field {
    color: var(--text-default);
  }
  .share-publication-controls {
    border-color: var(--border);
  }
  .social-preview {
    border-color: var(--border);
    box-shadow: var(--shadow-sm);
  }
  :is(
    .social-preview-context > i,
    .social-preview-context b,
    .social-preview-lines i,
    .website-placeholder b,
    .website-placeholder i
  ) {
    background: var(--secondary);
  }
  :is(.social-link-card, .email-preview, .website-preview) {
    border-color: var(--border);
  }
  .share-thumbnail-fallback {
    color: var(--text-default);
    background: var(--background);
    font-family: var(--sable-display);
    letter-spacing: var(--tracking-display);
  }
  :is(.social-link-card p, .social-link-card small, .email-envelope) {
    color: var(--text-subtle);
  }
  :is(.email-envelope, .website-preview-header, .website-preview) {
    background: var(--background);
    border-color: var(--border);
  }
  .share-preview-toolbar .selected {
    background: var(--sable-accent);
  }
  .share-code {
    border-color: var(--border);
    background: var(--background);
    color: var(--text-default);
  }
  :is(
    .results-workspace,
    .results-data-area,
    .results-count,
    .results-overview
  ) {
    background: var(--background);
    color: var(--text-default);
  }
  .results-subnav {
    background: var(--background);
    border-bottom: 1px solid var(--border);
    min-height: 64px;
  }
  .results-subnav > span {
    color: var(--text-subtle);
  }
  .results-controls {
    background: var(--background);
    padding: 20px 14px;
  }
  :is(.results-inboxes, .summary-icon-segments) {
    border: 1px solid var(--border);
    background: var(--secondary);
    padding: 3px;
    border-radius: var(--radius-xs);
  }
  :is(.results-inboxes, .summary-icon-segments) button {
    color: var(--text-subtle);
    border-radius: var(--radius-xs);
  }
  :is(.results-inboxes, .summary-icon-segments) button[aria-pressed='true'] {
    background: var(--card);
    color: var(--text-default);
  }
  .results-search input {
    font: var(--text-body) var(--sable-font);
    color: var(--text-default);
  }
  .results-table-scroll {
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
  }
  .results-data-table {
    color: var(--text-default);
  }
  .results-data-table th {
    background: var(--background);
    color: var(--text-subtle);
    border-color: var(--border);
    font-size: var(--text-meta);
    font-weight: 500;
  }
  .results-data-table td {
    border-color: var(--border);
    line-height: 1.5;
  }
  .results-data-table th.response-identity {
    background: var(--background);
  }
  .results-data-table tr:hover td,
  .results-data-table tr.selected td {
    background: var(--sable-accent);
  }
  :is(
    .results-data-table td small,
    .results-count,
    .response-id,
    .results-empty,
    .results-saved-views > span
  ) {
    color: var(--text-subtle);
  }
  .results-selection {
    background: var(--sable-accent);
    color: var(--text-default);
    border-radius: var(--radius-sm);
  }
  .results-column-resize:hover {
    background: var(--sable-ring);
  }
  .results-detail {
    border-color: var(--border);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-sm);
  }
  :is(
    .results-detail header,
    .results-detail-body,
    .results-detail-answer,
    .results-filter-rule,
    .response-detail-actions,
    .results-report-sharing
  ) {
    border-color: var(--border);
  }
  .results-detail h2 {
    color: var(--text-default);
    font-family: var(--sable-display);
    font-weight: 700;
    letter-spacing: var(--tracking-display);
  }
  .results-detail :is(dt, label, small) {
    color: var(--text-subtle);
  }
  .results-filter-panel {
    background: var(--card);
    border-color: var(--border);
    color: var(--text-default);
    border-radius: var(--radius-lg);
  }
  :is(
    .results-date-presets button[aria-pressed='true'],
    .summary-contact-notice,
    .summary-question-icon,
    .summary-trends-toggle[aria-pressed='true'],
    .results-report-revoke
  ) {
    background: var(--sable-accent);
    color: var(--text-default);
  }
  .results-filter-value input[type='checkbox'] {
    accent-color: var(--text-default);
  }
  .summary-contact-notice strong {
    color: var(--text-default);
  }
  :is(
    .summary-contact-notice p,
    .summary-report-header p,
    .results-summary-card > small,
    .summary-chart-help,
    .results-report-sharing > p,
    .results-report-sharing > small
  ) {
    color: var(--text-subtle);
  }
  :is(.summary-report-header h1, .performance-heading h2, .results-empty h2) {
    font-family: var(--sable-display);
    font-weight: 700;
    letter-spacing: var(--tracking-display);
    color: var(--text-default);
  }
  .results-summary-card {
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    background: var(--card);
    box-shadow: var(--shadow-sm);
  }
  .summary-report:not(.is-branded) .summary-question-heading h2 {
    font-family: var(--sable-display);
    font-weight: 700;
    color: var(--text-default);
    font-size: var(--text-heading);
    letter-spacing: var(--tracking-display);
  }
  .summary-report .results-summary-card .result-bar > div:first-child {
    color: var(--text-subtle);
  }
  .summary-report .results-summary-card .result-bar > div:nth-child(2) {
    background: var(--secondary);
    border-radius: var(--radius-lg);
  }
  .summary-report .results-summary-card .result-bar i {
    border-radius: var(--radius-lg);
  }
  :is(
    .summary-statistics dd,
    .results-overview strong,
    .performance-stat strong
  ) {
    font-family: var(--sable-display);
    color: var(--text-default);
    font-weight: 500;
    letter-spacing: var(--tracking-display);
  }
  .recharts-cartesian-grid line {
    stroke: var(--border);
  }
  .recharts-cartesian-axis-tick-value {
    fill: var(--muted-foreground);
    font-family: var(--font-sans);
  }
  .recharts-default-tooltip {
    border-color: var(--border) !important;
    border-radius: var(--radius-sm);
    box-shadow: var(--shadow-sm);
  }
  .summary-table :is(th, td) {
    border-color: var(--border);
  }
  .summary-table th {
    color: var(--text-subtle);
    background: var(--background);
  }
  :is(.intake-main, .automation-page, .automation-main) {
    background: var(--background);
    color: var(--text-default);
  }
  :is(
    .intake-heading h1,
    .automation-page h1,
    .page-heading h1,
    .section-heading h2
  ) {
    font-family: var(--sable-display);
    font-weight: 700;
    color: var(--text-default);
    letter-spacing: var(--tracking-display);
  }
  :is(
    .intake-table-wrap,
    .intake-detail,
    .intake-source-card,
    .automation-card,
    .automation-empty
  ) {
    background: var(--card);
    border-color: var(--border);
    border-radius: var(--radius-lg);
  }
  :is(
    .intake-table th,
    .intake-table td,
    .intake-toolbar,
    .intake-detail-top,
    .intake-info-row,
    .intake-source-card
  ) {
    border-color: var(--border);
  }
  .intake-table th {
    background: var(--background);
    color: var(--text-subtle);
  }
  .intake-table tbody tr:hover {
    background: var(--sable-accent);
  }
  .intake-avatar {
    background: var(--sable-accent);
    color: var(--text-default);
  }
  :is(
    .intake-intro,
    .intake-local,
    .intake-notice,
    .intake-info-row label,
    .intake-contact small,
    .automation-filters button
  ) {
    color: var(--text-subtle);
  }
  .automation-filters button.selected {
    color: var(--text-default);
    background: var(--sable-accent);
  }
  .usage-track {
    background: var(--secondary);
    border-radius: var(--radius-xs);
    height: 5px;
  }
  .usage-track i {
    background: var(--primary-600);
    border-radius: var(--radius-xs);
  }
  .workspace-usage > button {
    color: var(--text-default);
    border-color: var(--border);
    border-radius: var(--radius-xs);
    padding: 6px 10px;
    background: var(--card);
  }
  .workspace-usage,
  .workspace-usage > span:first-child {
    color: var(--text-subtle);
  }
  .saved {
    color: var(--text-default);
    border-color: var(--border);
    border-radius: var(--radius-sm);
    box-shadow: var(--shadow-sm);
  }
  .saved svg {
    color: var(--text-default);
  }
  @media (max-width: 1100px) {
    .share-workspace {
      grid-template-columns: 180px minmax(0, 1fr) 250px;
      gap: 12px;
      padding: 12px;
    }
    .workflow-actions {
      width: 150px;
    }
    .workflow-graph-shell {
      margin-right: 174px;
    }
  }
  @media (max-width: 900px) {
    .workflow-graph-shell {
      margin-right: 0;
    }
    .share-workspace {
      grid-template-columns: 160px minmax(0, 1fr);
      height: auto;
      min-height: calc(100dvh - 52px);
    }
    .share-inspector {
      grid-column: 2;
    }
    .share-navigation {
      grid-row: span 2;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    :is(.glass-dialog, .design-panel, .results-detail) {
      animation: none;
      transition: none;
    }
  }
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) {
  :is(.workflow-config > h2, .results-overview > h1) {
    font-family: var(--sable-display);
    font-weight: 700;
    color: var(--text-default);
    letter-spacing: var(--tracking-display);
    text-transform: lowercase;
  }
  .workflow-config > p {
    color: var(--text-subtle);
  }
  .workflow-config {
    max-width: 860px;
  }
  :is(.score-question, .outcome-ending, .display-question) {
    border-color: var(--border);
  }
  :is(
    .score-choice,
    .outcome-choice,
    .outcome-hint,
    .tag-empty,
    .calculation-operation
  ) {
    color: var(--text-subtle);
  }
  :is(.score-choice input, .plain-input, .response-tags input) {
    background: var(--card);
    border: 1px solid var(--border);
    color: var(--text-default);
    border-radius: var(--radius-sm);
    font: var(--text-body)/1.5 var(--sable-font);
    padding: 8px 12px;
  }
  :is(.score-choice-letter, .tag-group-button.selected, .calculation-step) {
    background: var(--sable-accent);
    color: var(--text-default);
    border-color: var(--border);
  }
  .inspector-bottom > button, .inspector-bottom > span > button {
    background: var(--card);
    color: var(--text-default);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    min-height: 44px;
    text-transform: lowercase;
  }
  .inspector-add {
    background: var(--background);
    border-color: var(--border);
    color: var(--text-default);
    border-radius: var(--radius-xs);
  }
  .results-export-formats label {
    border-color: var(--border);
    border-radius: var(--radius-md);
  }
  .results-export-formats label:has(input:checked) {
    background: var(--sable-accent);
    border-color: var(--sable-ring);
  }
  .results-export-formats input {
    accent-color: var(--text-default);
  }
  .results-export-formats small {
    color: var(--text-subtle);
  }
  .results-performance-metrics {
    border-color: var(--border);
    border-radius: var(--radius-md);
  }
  .results-performance-metrics span {
    color: var(--text-subtle);
  }
  .results-performance-metrics strong {
    font-family: var(--sable-display);
    font-weight: 500;
    letter-spacing: var(--tracking-display);
  }
  .summary-answer {
    border-color: var(--border);
  }
  :is(
    .workflow-actions h4,
    .workflow-actions .button,
    .sub-toolbar .button,
    .summary-report-header h1,
    .summary-export-toolbar .button,
    .results-saved-views .button,
    .results-inboxes button,
    .results-controls .button,
    .results-count .button,
    .results-export-actions .button,
    .modal-actions .button,
    .share-link-toolbar .button,
    .share-preview-toolbar .button,
    .share-publication-controls .button,
    .settings-layout nav button,
    .theme-section-row,
    .catalog-import-footer .button
  ) {
    text-transform: lowercase;
  }
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) {
  .catalog-grid {
    grid-template-rows: auto auto;
    gap: 28px;
    min-height: 0;
    padding: 28px 26px;
  }
  :is(.catalog-category, .catalog-recommended) h4 {
    display: block;
    visibility: visible;
    margin: 0 0 12px;
    color: var(--text-default);
    font: 500 var(--text-body)/1.4 var(--sable-font);
    text-transform: lowercase;
  }
  .catalog-category .catalog-item {
    min-height: 40px;
  }
  .type-badge {
    color: var(--text-default);
    border-radius: var(--radius-pill);
  }
  .type-badge.pink {
    background: var(--secondary);
  }
  .type-badge.sky {
    background: var(--secondary);
  }
  .type-badge.purple {
    background: var(--secondary);
  }
  .type-badge.sage {
    background: var(--secondary);
  }
  .type-badge.gold {
    background: var(--secondary);
  }
  .type-badge.stone {
    background: var(--secondary);
  }
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) {
  .form-mode {
    padding: 0;
    background: transparent;
    border: 0;
    margin-inline: 0;
  }
  .add-question,
  .add-welcome {
    margin-inline: 0;
  }
  .form-mode .pick[data-slot='select-trigger'] {
    white-space: nowrap;
  }
  .form-mode .pick[data-slot='select-trigger'] > * {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .pages-panel {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    margin: 0;
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
  }
  .pages-panel .question-sidebar-head {
    padding: 14px 16px 10px;
  }
  .pages-panel .question-list {
    flex: 1 1 auto;
    min-height: 0;
    max-height: none;
    overflow-y: auto;
    padding: 0 8px 8px;
  }
  .endings-panel {
    margin: 0;
    padding: 14px 16px 16px;
    background: var(--card);
    border: 1px solid var(--border);
    border-top-width: 1px;
    border-radius: var(--radius-md);
  }
  .form-mode .pick[data-slot='select-trigger'] {
    width: 100%;
    height: 48px;
    padding: 0 16px;
    background: var(--secondary);
    color: var(--text-default);
    border: 0;
    box-shadow: none;
    border-radius: var(--radius-sm);
  }
  .form-mode-icon {
    display: block;
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    color: var(--text-subtle);
    pointer-events: none;
  }
}
@media (min-width: 700px) {
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) {
    .editor-body {
      padding: 12px 16px 16px;
      gap: var(--editor-column-gap);
    }
    .canvas-toolbar {
      margin: 0;
      height: var(--editor-toolbar-height);
    }
    .question-sidebar {
      margin-top: calc(var(--editor-toolbar-height) + var(--editor-column-gap));
    }
    .form-mode {
      top: calc(-1 * (var(--editor-toolbar-height) + var(--editor-column-gap)));
      height: var(--editor-toolbar-height);
    }
    .question-properties {
      margin-top: 0;
      padding-top: 0;
      gap: var(--editor-column-gap);
      min-height: 0;
      max-height: 100%;
    }
  }
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) {
  .glass-dialog.content-library-dialog > [data-slot='tabs'] {
    padding-left: 0;
    padding-right: 40px;
  }
  .content-library-dialog .catalog-search {
    width: 100%;
    margin: 0 0 16px;
    min-height: 40px;
  }
  .content-library-dialog .catalog-grid {
    margin-inline: 0;
  }
  .question-properties :is(.field, .toggle-row, .reference-media) {
    font-size: var(--text-secondary);
    line-height: 1.5;
  }
  .question-properties :is(input:not([type='checkbox']):not([type='file']), select) {
    min-height: 40px;
  }
  .question-properties .field > small {
    font-size: var(--text-meta);
    line-height: 1.4;
    color: var(--text-subtle);
    text-align: right;
  }
  .ending-settings {
    display: grid;
    gap: 20px;
  }
  .inspector-section {
    display: grid;
    gap: 14px;
  }
  .inspector-section .field {
    margin: 0;
    gap: 8px;
  }
  .inspector-section .toggle-row {
    margin: 0;
    padding: 4px 0;
    min-height: 32px;
  }
  .inspector-section + .inspector-section {
    border-top: 1px solid var(--border);
    padding-top: 20px;
  }
  :is(.inspector-section h3, .inspector-media-heading) {
    margin: 0;
    font: 500 var(--text-secondary)/1.4 var(--font-sans), var(--font-sans);
    color: var(--text-default);
  }
  .question-properties[data-question-type='End Screen'] .reference-answer {
    padding: 20px 16px;
  }
  .question-properties[data-question-type='End Screen'] .reference-media {
    border-top: 0;
    margin-top: 0;
    padding-top: 0;
  }
  .inspector-media-heading {
    border-top: 1px solid var(--border);
    padding-top: 20px;
    margin-top: 20px;
    margin-bottom: 12px;
  }
  .form-canvas[data-question-type='End Screen'] .canvas-question {
    max-width: 720px;
  }
  .form-canvas[data-question-type='End Screen'] .editable-title {
    padding-left: 30px;
    line-height: 1.3;
  }
  .form-canvas[data-question-type='End Screen'] .recall-description {
    margin-top: 12px;
    margin-bottom: 0;
  }
  .form-canvas[data-question-type='End Screen'] .ending-actions {
    margin-top: 28px;
    gap: 24px;
  }
  .recall-text-wrap {
    border-radius: var(--radius-xs);
    transition: background-color 140ms ease, box-shadow 140ms ease;
  }
  .recall-text-wrap:hover {
    background: var(--accent);
  }
  .recall-text-wrap:focus-within {
    box-shadow: var(--shadow-sm);
  }
  :is(.canvas-toolbar button, .catalog-item, .page-field, .ending-item, .reference-media, .ending-socials button) {
    transition: background-color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
  }
  :is(.canvas-toolbar button, .catalog-item, .ending-socials button):active:not(:disabled) {
    transform: translateY(1px);
  }
  :is(.canvas-toolbar button, .catalog-item, .ending-item, .page-field):focus-visible {
    outline: 2px solid var(--sable-ring);
    outline-offset: 2px;
  }
  .catalog-item:hover {
    background: var(--sable-accent);
  }
  .ending-socials button:hover {
    background: var(--secondary);
    border-radius: var(--radius-xs);
  }
  .question-properties button:disabled {
    cursor: not-allowed;
  }
  .jules-conversation {
    animation: forms-sable-response-enter 160ms ease-out;
  }
}
@keyframes forms-sable-response-enter {
  from {
    opacity: 0;
    transform: translateY(5px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (prefers-reduced-motion: reduce) {
  .sable-forms-experience[data-sable-preview] :is(.recall-text-wrap, .canvas-toolbar button, .catalog-item, .page-field, .ending-item, .reference-media, .ending-socials button, .jules-conversation) {
    animation: none;
    transition: none;
  }
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) {
  :is(.main, .workspace, .editor, .editor-center, .canvas-stage, .section-page, .results-page) {
    background: var(--background);
    color: var(--text-default);
  }
  :is(.editor-header, .canvas-toolbar, .studio-sidebar [data-slot='sidebar-inner'], .studio-sidebar [data-slot='sidebar-menu'], .form-list .form-card, .workspace-ai, .reference-question, .reference-answer, .reference-footer, .question-properties, .question-sidebar, .share-navigation, .share-inspector, .results-subnav, .response-table, .glass-dialog) {
    background: var(--card);
    color: var(--text-default);
  }
  :is(h1, h2, h3, h4, h5, h6) {
    color: var(--text-strong);
  }
  :is(p, label, input, textarea, select, button, a) {
    letter-spacing: var(--tracking-ui);
  }
  :is(.button, [data-slot='button'], .pick[data-slot='select-trigger'], .workspace-create, .folder-link, .workspace-ai, .workspace-search, .catalog-search, .field-type-trigger, .field-type-search, .search, .jules-launcher) {
    min-height: var(--control-height);
    height: var(--control-height);
    padding-block: 0;
    border-radius: var(--radius-pill);
    font: 400 var(--text-body)/1.4 var(--font-sans);
  }
  :is(.button, [data-slot='button']) {
    font-weight: 500;
  }
  :is(.field input:not([type='checkbox']):not([type='color']):not([type='range']):not([type='file']), .field select, .plain-input) {
    height: var(--control-height);
    min-height: var(--control-height);
    padding: 0 14px;
    border-radius: var(--radius-pill);
    background: var(--card);
    color: var(--text-default);
  }
  :is(.field textarea, .prompt-composer textarea, .catalog-import-field textarea) {
    border-radius: var(--radius-md);
    background: var(--card);
    color: var(--text-default);
    font: 400 var(--text-body)/1.5 var(--font-sans);
  }
  :is(.button.primary, .button.publish-edits, .prompt-send, .jules-apply, .jules-composer-footer button, [data-slot='button'][data-variant='default']) {
    background: var(--action) !important;
    border-color: var(--action) !important;
    color: var(--action-foreground) !important;
  }
  :is(.button.primary, .button.publish-edits, .prompt-send, .jules-apply, .jules-composer-footer button):hover:not(:disabled) {
    background: var(--action-hover) !important;
    border-color: var(--action-hover) !important;
  }
  :is(.button.primary, .button.publish-edits, .prompt-send, .jules-apply, .jules-composer-footer button):active:not(:disabled) {
    background: var(--action-active) !important;
    border-color: var(--action-active) !important;
  }
  :is(.button:not(.primary):not(.publish-edits):not(.danger), .workspace-ai, .workspace-view button, .editor-identity input) {
    color: var(--text-default);
  }
  :is(.folder-link.selected, .page-field.selected, .page-card.selected, .studio-sidebar [data-slot='sidebar-menu-button'][data-active]) {
    background: var(--accent) !important;
    color: var(--text-strong);
  }
  :is(.segments [data-slot='tabs-trigger'], .view-switch > button) {
    border-radius: var(--radius-pill);
    height: 32px;
    padding: 0 12px;
    font: 500 var(--text-secondary)/1.4 var(--font-sans);
  }
  :is(.segments [data-slot='tabs-trigger'][data-active], .view-switch > button.active) {
    background: var(--accent);
    color: var(--text-strong);
  }
  :is(.segments, .view-switch) {
    height: 40px;
    padding: 4px;
    border-radius: var(--radius-pill);
  }
  :is(.form-list .form-card, .type-badge, .choice-key) {
    border-radius: var(--radius-sm);
  }
  :is(.glass-dialog, [data-slot='dialog-content'], [data-slot='sheet-content']) {
    border-radius: var(--radius-xl);
  }
  :is([data-slot='select-content'], [data-slot='dropdown-menu-content'], [data-slot='popover-content']) {
    background: var(--popover);
    color: var(--popover-foreground);
    border-color: var(--border);
    border-radius: var(--radius-lg);
  }
  [data-slot='tooltip-content'] {
    background: var(--tooltip-surface);
    color: var(--tooltip-ink);
    border: 1px solid var(--tooltip-surface);
    border-radius: var(--radius-sm);
  }
  :is([data-slot='checkbox'], .choice-key) {
    border-radius: var(--radius-xs);
  }
  :is(.avatar, .stylist-avatar, .icon-button, [data-slot='switch'], [data-slot='switch-thumb']) {
    border-radius: var(--radius-pill);
  }
  .toggle-row [data-slot='switch'][data-checked] {
    background: var(--primary);
  }
  .toggle-row [data-slot='switch-thumb'] {
    background: var(--text-subtle) !important;
  }
  .toggle-row [data-slot='switch'][data-checked] [data-slot='switch-thumb'] {
    background: var(--primary-foreground) !important;
  }
  .jules-composer {
    background: var(--card);
    color: var(--text-default);
    border-color: var(--border);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-panel);
  }
  .jules-conversation {
    background: var(--secondary);
    color: var(--text-default);
    border-color: var(--border);
    border-radius: var(--radius-md) var(--radius-md) 0 0;
  }
  :is(.jules-history-toggle, .jules-composer textarea, .jules-floating-chat) {
    color: var(--text-default);
    font-family: var(--font-sans);
  }
  .jules-composer textarea {
    font-size: var(--text-body);
  }
  .jules-composer textarea::placeholder {
    color: var(--text-subtle);
  }
  .jules-composer-footer button {
    border-radius: var(--radius-pill);
  }
  .content-library-dialog .segments {
    width: 100%;
    justify-content: flex-start;
  }
}
@media (any-pointer: coarse) {
  .sable-forms-experience[data-sable-preview] :is(input, textarea, select) {
    font-size: max(var(--text-touch-input), 1em) !important;
  }
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) {
  :is(.button, [data-slot='button'], .workspace-usage > button, .creation-shortcuts > button:not(.sr-only)) {
    height: var(--control-height);
    min-height: var(--control-height);
    padding-block: 0;
    border-radius: var(--radius-pill) !important;
  }
  :is(.folder-link, .studio-sidebar [data-slot='sidebar-menu-button']) {
    border-radius: var(--radius-sm);
  }
  .form-mode .pick {
    border-radius: var(--radius-sm);
  }
  .editor-center .canvas-toolbar button {
    border-radius: var(--radius-sm) !important;
  }
  .page-tree .page-card {
    padding: 3px;
    border-radius: var(--radius-md);
  }
  .page-tree .page-card-header {
    border-radius: var(--radius-sm);
  }
  .design-panel .panel-title h3 {
    font-size: var(--text-heading);
    font-weight: 500;
    color: var(--text-strong);
  }
  .editor-header .segments[data-slot='tabs-list'] {
    border-radius: var(--radius-sm);
    padding: 4px;
  }
  .editor-header .segments [data-slot='tabs-trigger'],
  .editor-header .segments [data-slot='tabs-trigger'][data-active] {
    border-radius: var(--radius-xs);
  }
  .editor-center {
    background: linear-gradient(var(--card) 0 calc(var(--editor-toolbar-height) / 2), var(--background) calc(var(--editor-toolbar-height) / 2));
  }
  .prompt-tools .prompt-send {
    border-radius: var(--radius-pill);
  }
}
@media (max-width: 600px) {
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) {
    .topbar {
      height: auto;
      padding-block: 16px;
    }
    .workspace-view {
      flex-wrap: wrap;
      min-width: 0;
      max-width: 100%;
    }
    .workspace-view > .pick {
      min-width: 0;
      width: auto;
      flex: 1 1 120px;
    }
    .form-list .form-card {
      grid-template-columns: 30px minmax(0, 1fr) 32px 30px;
    }
    .form-list .form-card .form-actions {
      width: 30px;
      min-width: 0;
    }
    .form-list .form-card .form-name {
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .create-ai-flow h2 {
      white-space: normal;
    }
  }
}
.sable-forms-experience[data-sable-preview][data-mode='dark'] .share-socials [aria-label='Share on X'] svg {
  fill: var(--action-foreground);
}
.sable-forms-experience[data-sable-preview] .schedule-popover :is(.schedule-time select, .schedule-actions button) {
  border-radius: var(--radius-pill);
}
.sable-forms-experience[data-sable-preview] .segments [data-slot='tabs-trigger']::after {
  bottom: 0 !important;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .editor-header .segments-fluid {
  --tab-glide: 280ms;
  --tab-settle: 380ms;
  --tab-ease: cubic-bezier(0.22, 1, 0.36, 1);
  position: relative;
  isolation: isolate;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .editor-header .segments-fluid .segments-indicator {
  position: absolute;
  left: var(--active-tab-left);
  right: var(--active-tab-right);
  top: var(--active-tab-top);
  height: var(--active-tab-height);
  border-radius: var(--radius-xs);
  background: var(--accent);
  pointer-events: none;
  transition: left var(--tab-settle) var(--tab-ease), right var(--tab-glide) var(--tab-ease);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .editor-header .segments-fluid .segments-indicator[data-activation-direction='left'] {
  transition-duration: var(--tab-glide), var(--tab-settle);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .editor-header .segments-fluid [data-slot='tabs-trigger'] {
  z-index: 1;
  background: transparent !important;
  box-shadow: none !important;
}
@media (prefers-reduced-motion: reduce) {
  .sable-forms-experience[data-sable-preview] .segments-fluid .segments-indicator {
    transition: none !important;
  }
}
.sable-forms-experience[data-sable-preview] [data-slot='tooltip-arrow'] {
  background: var(--tooltip-surface);
  fill: var(--tooltip-surface);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) {
  .glass-dialog .segments[data-slot='tabs-list'] {
    border-radius: var(--radius-sm);
    padding: 4px;
    overflow: visible;
    border-bottom: 0;
  }
  .glass-dialog .segments [data-slot='tabs-trigger'],
  .glass-dialog .segments [data-slot='tabs-trigger'][data-active] {
    border-radius: var(--radius-xs);
    border-bottom-color: transparent;
    box-shadow: none;
  }
  .glass-dialog .segments [data-slot='tabs-trigger']::after {
    display: none;
  }
  .share-url {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) auto;
    gap: 0;
    padding: 6px 8px 6px 0;
  }
  .share-url > svg {
    justify-self: center;
  }
  .share-url > input {
    width: 100%;
    padding-inline: 0 12px;
  }
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .results-subnav .segments [data-slot='tabs-trigger']::after {
  display: none;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .results-subnav .segments [data-slot='tabs-trigger'] {
  border-bottom-color: transparent;
  box-shadow: none;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .results-filter-popover[data-slot='popover-content'] {
  width: min(560px, calc(100vw - 32px));
  max-height: min(720px, calc(100dvh - 32px));
  overflow-y: auto;
  padding: 20px;
  gap: 16px;
  color: var(--text-default);
  font-size: 13px;
}
.sable-forms-experience[data-sable-preview] .results-filter-popover {
  header {
    margin: 0;
  }
  header h2 {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    color: var(--text-strong);
  }
  .results-filter-match {
    font-size: 13px;
    gap: 12px;
  }
  .results-filter-rule {
    padding: 12px;
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    background: var(--background);
  }
  .results-filter-rule-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
    color: var(--text-subtle);
    font-size: 12px;
    font-weight: 500;
  }
  .results-filter-rule-heading .icon-button {
    width: 24px;
    height: 24px;
  }
  .results-filter-rule .results-filter-row {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 8px;
  }
  .results-filter-row [data-slot='select-trigger'] {
    width: 100%;
  }
  .results-filter-value {
    margin-top: 12px;
  }
  .results-filter-value > input {
    background: var(--card);
    padding-inline: 14px;
    min-height: 40px;
  }
  .results-filter-value fieldset {
    gap: 8px 20px;
  }
  .results-filter-value legend {
    color: var(--text-subtle);
    margin-bottom: 8px;
  }
  .results-filter-value fieldset label {
    min-height: 28px;
    gap: 8px;
  }
  .results-filter-value input[type='checkbox'] {
    accent-color: var(--action);
  }
  footer {
    margin: 0;
    padding-top: 16px;
  }
}
@media (max-width: 480px) {
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .results-filter-popover[data-slot='popover-content'] {
    padding: 16px;
  }
  .sable-forms-experience[data-sable-preview] .results-filter-popover .results-filter-rule .results-filter-row {
    grid-template-columns: minmax(0, 1fr);
  }
}
.sable-forms-experience[data-sable-preview] .editor .form-canvas .recall-text.editable-description {
  color: var(--form-text);
  opacity: .7;
}
.sable-forms-experience[data-sable-preview] .editor .form-canvas .recall-text.editable-description[data-empty]::before {
  opacity: 1;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) {
  --catalog-contact: #f6dddd;
  --catalog-choice: #e9e2f6;
  --catalog-rating: #e1efdc;
  --catalog-text: #dfeaf6;
  --catalog-other: #f5edcf;
  .catalog-category[data-category='Contact info'] .type-badge {
    background: var(--catalog-contact);
  }
  .catalog-category[data-category='Choice'] .type-badge {
    background: var(--catalog-choice);
  }
  .catalog-category[data-category='Rating & ranking'] .type-badge {
    background: var(--catalog-rating);
  }
  .catalog-category[data-category='Text & video'] .type-badge {
    background: var(--catalog-text);
  }
  .catalog-category[data-category='Other'] .type-badge {
    background: var(--catalog-other);
  }
  .editor > .editor-header {
    height: 70px;
  }
  .editor-actions > .button.copy-form-link {
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
    flex: 0 0 40px;
    padding: 0;
    border-radius: var(--radius-pill);
  }
  .endings-panel {
    background: var(--card);
    border-top-color: var(--border);
    box-shadow: none;
    min-height: 100px;
    max-height: calc(100% - 220px);
    overflow: visible;
    display: flex;
    flex-direction: column;
  }
  .endings-panel::before {
    display: none;
  }
  .endings-panel > .endings-resize-handle {
    position: absolute;
    top: -12px;
    left: 0;
    width: 100%;
    height: 12px;
    min-height: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: row-resize;
    touch-action: none;
    user-select: none;
  }
  .endings-resize-handle > span {
    width: 36px;
    height: 3px;
    border-radius: var(--radius-pill);
    background: var(--icon-subtle);
  }
  .endings-resize-handle:is(:hover, :focus-visible) > span {
    background: var(--text-default);
  }
  .endings-panel > .ending-items {
    display: block;
    min-height: 0;
    overflow-y: auto;
    margin: 0;
  }
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .question-sidebar > .question-list {
  flex: 0 1 auto;
  min-height: 0;
  max-height: none;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .question-sidebar > :is(.question-sidebar-head, .add-question, .add-welcome) {
  flex-shrink: 0;
}
.sable-forms-experience[data-sable-preview][data-mode='dark'] {
  --catalog-contact: #503535;
  --catalog-choice: #443953;
  --catalog-rating: #354c32;
  --catalog-text: #334657;
  --catalog-other: #514a30;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .question-sidebar :is(.question-list, .ending-items) {
  scrollbar-width: none;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .question-sidebar :is(.question-list, .ending-items)::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .endings-panel > .endings-resize-handle:is(:hover, :active) {
  background: transparent;
  box-shadow: none;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .segments.osmo-toggle {
  --toggle-padding: 3px;
  display: inline-grid;
  position: relative;
  isolation: isolate;
  grid-template-columns: repeat(var(--toggle-count), minmax(0, 1fr));
  grid-template-rows: auto;
  gap: 0;
  width: max-content;
  max-width: 100%;
  padding: var(--toggle-padding);
  height: auto;
  min-height: 36px;
  border: 0;
  border-radius: var(--radius-sm);
  background: var(--secondary);
  overflow: visible;
}
.sable-forms-experience[data-sable-preview] .osmo-toggle .toggle-switch__bg {
  position: absolute;
  z-index: 0;
  pointer-events: none;
  top: var(--toggle-padding);
  bottom: var(--toggle-padding);
  left: var(--toggle-padding);
  width: calc((100% - 2 * var(--toggle-padding)) / var(--toggle-count));
  transform: translateX(calc(var(--toggle-active, 0) * 100%));
  background: var(--primary);
  border-radius: var(--radius-xs);
  transition: transform .5s cubic-bezier(.625,.05,0,1);
}
.sable-forms-experience[data-sable-preview] .segments.osmo-toggle [data-slot='tabs-trigger'] {
  z-index: 1;
  width: 100%;
  min-height: 30px;
  height: auto;
  padding: 6px 14px;
  border: 0;
  border-radius: var(--radius-xs);
  background: transparent !important;
  color: var(--text-default);
  box-shadow: none !important;
  transition: color .2s;
}
.sable-forms-experience[data-sable-preview] .segments.osmo-toggle [data-slot='tabs-trigger']:hover:not([data-toggle-active]) {
  color: var(--text-strong);
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .segments.osmo-toggle [data-slot='tabs-trigger'][data-toggle-active],.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .segments.osmo-toggle [data-slot='tabs-trigger'][data-toggle-active] svg {
  color: var(--primary-foreground);
}
.sable-forms-experience[data-sable-preview] .segments.osmo-toggle [data-slot='tabs-trigger']::after {
  display: none !important;
}
.sable-forms-experience[data-sable-preview] .form-mode .pick[data-slot='select-trigger'] {
  padding-inline: 12px;
  gap: 10px;
}
.sable-forms-experience[data-sable-preview] .form-mode-options[data-slot='select-content'] {
  background: var(--secondary) !important;
  border: 1px solid var(--border);
  border-radius: var(--radius-xs);
  padding: 4px;
  box-shadow: var(--shadow-sm);
  width: var(--anchor-width);
  min-width: var(--anchor-width);
}
.sable-forms-experience[data-sable-preview] .form-mode-options [data-slot='select-item'] {
  padding: 10px 28px 10px 12px;
  border-radius: var(--radius-xs);
}
.sable-forms-experience[data-sable-preview] .download-btn__icon-hold {
  position: relative;
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
  clip-path: inset(0 round 100em);
  transition: clip-path .5s cubic-bezier(.625,.05,0,1);
}
.sable-forms-experience[data-sable-preview] .download-btn__icon {
  flex: none;
  overflow: visible;
}
.sable-forms-experience[data-sable-preview] .download-btn__icon.is--success {
  position: absolute;
}
.sable-forms-experience[data-sable-preview] [data-download-arrow],.sable-forms-experience[data-sable-preview] [data-download-base] {
  transition: transform .5s cubic-bezier(.625,.05,0,1);
  transform-box: fill-box;
  transform-origin: center;
}
.sable-forms-experience[data-sable-preview] [data-download-success] path {
  transition: stroke-dashoffset .4s cubic-bezier(.625,.05,0,1);
}
.sable-forms-experience[data-sable-preview] button:is(:hover,:focus-visible):not(:disabled) [data-download-arrow] {
  transform: translateY(-30%);
}
.sable-forms-experience[data-sable-preview] button:is(:hover,:focus-visible):not(:disabled) [data-download-base] {
  transform: scale(1.2,1);
}
.sable-forms-experience[data-sable-preview] [data-download-state='ready'] [data-download-arrow] {
  transform: translateY(200%) !important;
}
.sable-forms-experience[data-sable-preview] [data-download-state='ready'] [data-download-base] {
  transition-delay: .1s;
  transform: scale(0,1) !important;
}
.sable-forms-experience[data-sable-preview] [data-download-state='ready'] [data-download-success] path {
  transition-delay: .25s;
  stroke-dashoffset: 0;
}
.sable-forms-experience[data-sable-preview] [data-download-state='ready'] [data-download-icon-wrap] {
  transition-delay: .15s;
  clip-path: inset(3px round 100em);
}
@media (prefers-reduced-motion: reduce) {
  .sable-forms-experience[data-sable-preview] :is(.toggle-switch__bg, [data-download-arrow], [data-download-base], [data-download-icon-wrap], [data-download-success] path) {
    transition: none;
  }
}
.sable-forms-experience[data-sable-preview] .forms-editor-status {
  position: fixed;
  top: calc(var(--forms-editor-top, 0px) + 70px + 12px);
  left: 50%;
  z-index: 100;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 12px;
  max-width: min(560px, calc(100vw - 32px));
  padding: 12px 16px;
  background: var(--card);
  color: var(--text-default);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  box-shadow: var(--shadow-sm);
  font-size: 13px;
}
@media (max-width: 699.98px) {
  .sable-forms-experience[data-sable-preview] .forms-editor-status {
    left: 16px;
    right: 16px;
    max-width: none;
    transform: none;
    flex-wrap: wrap;
    row-gap: 8px;
  }
}
.sable-forms-experience[data-sable-preview] .results-export-actions .button[data-download-state] {
  width: 164px;
  min-width: 164px;
  max-width: 164px;
  height: 40px;
  min-height: 40px;
  flex: 0 0 164px;
  white-space: nowrap;
  justify-content: center;
}
.sable-forms-experience[data-sable-preview] .library-navigation {
  position: absolute;
  inset: 0 0 auto;
  height: 70px;
  display: flex;
  align-items: center;
  gap: 8px;
  border-bottom: 1px solid var(--border);
  background: var(--card);
  padding: 0 24px;
}
.sable-forms-experience[data-sable-preview] .library-navigation-title {
  width: 197px;
  flex-shrink: 0;
  font-weight: 600;
  font-size: 18px;
}
.sable-forms-experience[data-sable-preview] .library-navigation :is(a,button) {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border-radius: var(--radius-sm);
  font-size: 14px;
  color: var(--text-subtle);
  text-decoration: none;
}
.sable-forms-experience[data-sable-preview] .library-navigation [aria-current] {
  background: var(--sable-accent);
  color: var(--text-strong);
}
.sable-forms-experience[data-sable-preview] .library-navigation button:disabled {
  opacity: .5;
}
.sable-forms-experience[data-sable-preview] .forms-library [data-slot='sidebar-footer'] {
  gap: 20px;
  padding: 20px;
}
.sable-forms-experience[data-sable-preview] .library-storage-meter {
  display: flex;
  flex-direction: column;
  gap: 8px;
  color: var(--text-subtle);
  font-size: 12px;
}
.sable-forms-experience[data-sable-preview] .library-storage-meter progress {
  width: 100%;
  height: 5px;
  appearance: none;
  border: 0;
  border-radius: 4px;
  overflow: hidden;
  background: var(--secondary);
}
.sable-forms-experience[data-sable-preview] .library-storage-meter progress::-webkit-progress-bar {
  background: var(--secondary);
}
.sable-forms-experience[data-sable-preview] .library-storage-meter progress::-webkit-progress-value {
  background: var(--action);
}
.sable-forms-experience[data-sable-preview] .library-storage-meter progress::-moz-progress-bar {
  background: var(--action);
}
.sable-forms-experience[data-sable-preview] .library-team-empty {
  padding: 0 20px;
  font-size: 12px;
  color: var(--text-subtle);
}
@media (max-width:767px) {
  .sable-forms-experience[data-sable-preview] .library-navigation {
    padding: 0 12px;
    gap: 4px;
    overflow-x: auto;
  }
  .sable-forms-experience[data-sable-preview] .library-navigation-title {
    display: none;
  }
  .sable-forms-experience[data-sable-preview] .library-navigation :is(a,button) {
    padding: 10px;
  }
}
:where(.sable-forms-experience) .form-canvas:not(.mobile-canvas) :is(.canvas-question, .grouped-canvas-field):has(> .media-preview[data-media-desktop='float-right'] > img),:where(.sable-forms-experience) 
.form-canvas:not(.mobile-canvas) :is(.canvas-question, .grouped-canvas-field):has(> .media-preview[data-media-desktop='float-left'] > img) {
  display: grid;
  align-content: center;
  column-gap: 26px;
  width: 74%;
}
:where(.sable-forms-experience) .form-canvas:not(.mobile-canvas) :is(.canvas-question, .grouped-canvas-field):has(> .media-preview[data-media-desktop='float-right'] > img) {
  grid-template-columns: minmax(0, 1fr) 40%;
}
:where(.sable-forms-experience) .form-canvas:not(.mobile-canvas) :is(.canvas-question, .grouped-canvas-field):has(> .media-preview[data-media-desktop='float-left'] > img) {
  grid-template-columns: 40% minmax(0, 1fr);
}
:where(.sable-forms-experience) .form-canvas:not(.mobile-canvas) :is(.canvas-question, .grouped-canvas-field):has(> .media-preview[data-media-desktop='float-right'] > img) > *:not(.media-preview) {
  grid-column: 1;
}
:where(.sable-forms-experience) .form-canvas:not(.mobile-canvas) :is(.canvas-question, .grouped-canvas-field):has(> .media-preview[data-media-desktop='float-left'] > img) > *:not(.media-preview) {
  grid-column: 2;
}
:where(.sable-forms-experience) .form-canvas:not(.mobile-canvas) :is(.canvas-question, .grouped-canvas-field) > .media-preview[data-media-desktop='float-right'] {
  grid-column: 2;
}
:where(.sable-forms-experience) .form-canvas:not(.mobile-canvas) :is(.canvas-question, .grouped-canvas-field) > .media-preview[data-media-desktop='float-left'] {
  grid-column: 1;
}
:where(.sable-forms-experience) .form-canvas:not(.mobile-canvas) :is(.canvas-question, .grouped-canvas-field) > .media-preview[data-media-desktop='float-right'],:where(.sable-forms-experience) 
.form-canvas:not(.mobile-canvas) :is(.canvas-question, .grouped-canvas-field) > .media-preview[data-media-desktop='float-left'] {
  grid-row: 1 / span 30;
  align-self: center;
}
:where(.sable-forms-experience) .form-canvas:not(.mobile-canvas) .media-preview[data-media-desktop='float-right'] > img,:where(.sable-forms-experience) 
.form-canvas:not(.mobile-canvas) .media-preview[data-media-desktop='float-left'] > img {
  height: auto;
  max-height: 240px;
  margin-bottom: 0;
}
:where(.sable-forms-experience) .form-canvas:not(.mobile-canvas) :is(.canvas-question, .grouped-canvas-field):has(> .media-preview[data-media-desktop='split-right'] > img),:where(.sable-forms-experience) 
.form-canvas:not(.mobile-canvas) :is(.canvas-question, .grouped-canvas-field):has(> .media-preview[data-media-desktop='split-left'] > img) {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  max-width: none;
  height: 100%;
  margin: 0;
  padding-inline: 0;
  padding-block: 40px;
}
:where(.sable-forms-experience) .form-canvas:not(.mobile-canvas) :is(.canvas-question, .grouped-canvas-field):has(> .media-preview[data-media-desktop='split-right'] > img) > *:not(.media-preview),:where(.sable-forms-experience) 
.form-canvas:not(.mobile-canvas) :is(.canvas-question, .grouped-canvas-field):has(> .media-preview[data-media-desktop='split-left'] > img) > *:not(.media-preview) {
  width: 50%;
  padding-inline: clamp(18px, 6%, 48px);
}
:where(.sable-forms-experience) .form-canvas:not(.mobile-canvas) :is(.canvas-question, .grouped-canvas-field):has(> .media-preview[data-media-desktop='split-left'] > img) > *:not(.media-preview) {
  margin-inline-start: 50%;
}
:where(.sable-forms-experience) .form-canvas:not(.mobile-canvas) :is(.canvas-question, .grouped-canvas-field) > .media-preview[data-media-desktop='split-right'],:where(.sable-forms-experience) 
.form-canvas:not(.mobile-canvas) :is(.canvas-question, .grouped-canvas-field) > .media-preview[data-media-desktop='split-left'] {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50%;
  margin: 0;
}
:where(.sable-forms-experience) .form-canvas:not(.mobile-canvas) :is(.canvas-question, .grouped-canvas-field) > .media-preview[data-media-desktop='split-right'] {
  right: 0;
}
:where(.sable-forms-experience) .form-canvas:not(.mobile-canvas) :is(.canvas-question, .grouped-canvas-field) > .media-preview[data-media-desktop='split-left'] {
  left: 0;
}
:where(.sable-forms-experience) .form-canvas:not(.mobile-canvas) .media-preview[data-media-desktop='split-right'] > img,:where(.sable-forms-experience) 
.form-canvas:not(.mobile-canvas) .media-preview[data-media-desktop='split-left'] > img {
  width: 100%;
  height: 100%;
  border-radius: 0;
  margin-bottom: 0;
}
:where(.sable-forms-experience) .form-canvas:not(.mobile-canvas) :is(.canvas-question, .grouped-canvas-field):has(> .media-preview[data-media-desktop='background'] > img) {
  width: 100%;
  max-width: none;
  height: 100%;
  margin: 0;
  padding: 48px clamp(24px, 12%, 96px);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
:where(.sable-forms-experience) .form-canvas:not(.mobile-canvas) :is(.canvas-question, .grouped-canvas-field):has(> .media-preview[data-media-desktop='background'] > img) > *:not(.media-preview) {
  position: relative;
  z-index: 1;
}
:where(.sable-forms-experience) .form-canvas:not(.mobile-canvas) .media-preview[data-media-desktop='background'] {
  position: absolute;
  inset: 0;
  z-index: 0;
  margin: 0;
}
:where(.sable-forms-experience) .form-canvas:not(.mobile-canvas) .media-preview[data-media-desktop='background'] > img {
  width: 100%;
  height: 100%;
  border-radius: 0;
  margin: 0;
}
:where(.sable-forms-experience) .form-canvas:not(.mobile-canvas) .media-preview[data-media-desktop='background']::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  background: var(--form-background);
  opacity: 0.72;
  pointer-events: none;
}
:where(.sable-forms-experience) .form-canvas:not(.mobile-canvas) .media-preview[data-media-desktop='background'] > button {
  z-index: 2;
}
:where(.sable-forms-experience) .form-canvas.mobile-canvas .media-preview[data-media-mobile='stack-small'] > img {
  height: 96px;
}
:where(.sable-forms-experience) .form-canvas.mobile-canvas .canvas-question:has(> .media-preview[data-media-mobile='split'] > img) {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  max-width: none;
  height: 100%;
  margin: 0;
  padding-inline: 0;
  padding-top: 0;
}
:where(.sable-forms-experience) .form-canvas.mobile-canvas .canvas-question:has(> .media-preview[data-media-mobile='split'] > img) > *:not(.media-preview) {
  padding-inline: 25px;
}
:where(.sable-forms-experience) .form-canvas.mobile-canvas .canvas-question > .media-preview[data-media-mobile='split'] {
  order: -1;
  flex: 0 0 50%;
  margin: 0 0 20px;
}
:where(.sable-forms-experience) .form-canvas.mobile-canvas .media-preview[data-media-mobile='split'] > img {
  width: 100%;
  height: 100%;
  border-radius: 0;
  margin-bottom: 0;
}
:where(.sable-forms-experience) .form-canvas.mobile-canvas .canvas-question:has(> .media-preview[data-media-mobile='background'] > img) {
  width: 100%;
  max-width: none;
  height: 100%;
  margin: 0;
  padding: 40px 25px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
:where(.sable-forms-experience) .form-canvas.mobile-canvas .canvas-question:has(> .media-preview[data-media-mobile='background'] > img) > *:not(.media-preview) {
  position: relative;
  z-index: 1;
}
:where(.sable-forms-experience) .form-canvas.mobile-canvas .media-preview[data-media-mobile='background'] {
  position: absolute;
  inset: 0;
  z-index: 0;
  margin: 0;
}
:where(.sable-forms-experience) .form-canvas.mobile-canvas .media-preview[data-media-mobile='background'] > img {
  width: 100%;
  height: 100%;
  border-radius: 0;
  margin: 0;
}
:where(.sable-forms-experience) .form-canvas.mobile-canvas .media-preview[data-media-mobile='background']::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  background: var(--form-background);
  opacity: 0.72;
  pointer-events: none;
}
:where(.sable-forms-experience) .form-canvas.mobile-canvas .media-preview[data-media-mobile='background'] > button {
  z-index: 2;
}
.sable-forms-experience[data-sable-preview] .storage-hero-text {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.sable-forms-experience[data-sable-preview] .storage-hero-text small {
  color: var(--text-subtle);
  font-size: var(--text-meta);
}
.sable-forms-experience[data-sable-preview] .storage-card small a {
  color: var(--action);
}
.sable-forms-experience[data-sable-preview] .storage-purchase p[role='alert'] {
  color: var(--destructive);
}
.sable-forms-experience[data-sable-preview] .storage-purchase a.button {
  text-align: center;
  text-decoration: none;
}
.sable-forms-experience[data-sable-preview] .storage-purchase .field select {
  width: 100%;
}
.sable-forms-experience[data-sable-preview] .storage-invoice dd,.sable-forms-experience[data-sable-preview] .storage-success-receipt dd {
  font-variant-numeric: tabular-nums;
}
.sable-forms-experience[data-sable-preview] .storage-purchase {
  color: var(--text-default);
}
.sable-forms-experience[data-sable-preview] :is(.storage-purchase > small, .storage-card small, .storage-range, .storage-price small,
  .storage-success-capacity strong span, .storage-success-capacity > span, .storage-success > p,
  .storage-success-receipt dt span) {
  color: var(--text-subtle);
}
.sable-forms-experience[data-sable-preview] :is(.storage-hero strong, .storage-slider-label strong, .storage-price strong, .storage-invoice dd,
  .storage-success-capacity > strong, .storage-success-receipt dd) {
  color: var(--text-strong);
}
.sable-forms-experience[data-sable-preview] .storage-success-receipt dt {
  color: var(--text-default);
}
.sable-forms-experience[data-sable-preview] :is(.storage-hero, .storage-card, .storage-notice) {
  background: var(--secondary);
  border-color: var(--border);
}
.sable-forms-experience[data-sable-preview] .storage-price {
  border-color: var(--border);
}
.sable-forms-experience[data-sable-preview] .storage-success-receipt {
  background: var(--card);
  border-color: var(--border);
}
.sable-forms-experience[data-sable-preview] .storage-success-receipt > div + div {
  border-top-color: var(--border);
}
.sable-forms-experience[data-sable-preview] :is(.storage-purchase input[type='range'], .storage-consent input) {
  accent-color: var(--action);
}
.sable-forms-experience[data-sable-preview] .storage-success-icon {
  color: var(--action);
  background: var(--accent);
  box-shadow: inset 0 0 0 1px var(--border);
}
.sable-forms-experience[data-sable-preview] .desktop-recommended-notice .modal-actions .text-button {
  text-transform: lowercase;
  min-height: var(--control-height);
  padding-inline: 14px;
}
@media (max-width: 699.98px) {
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) {
    :is(.editor-header, .library-navigation) {
      padding-left: 52px;
    }
    .editor > .editor-header {
      min-width: 0;
      position: sticky;
      left: 0;
      height: auto;
      padding-block: 10px;
      row-gap: 10px;
    }
    .editor-identity {
      gap: 6px;
      min-width: 0;
    }
    .editor-identity input {
      width: 100%;
      min-width: 0;
    }
    .editor-actions {
      flex: 0 0 auto;
      gap: 6px;
    }
    .editor-actions .button {
      font-size: 0;
      gap: 0;
      padding-inline: 10px;
    }
    .editor-actions .button svg {
      width: 17px;
      height: 17px;
    }
    .library-navigation {
      gap: 0;
      padding-right: 6px;
    }
    .library-navigation :is(a, button) {
      padding-inline: 6px;
      gap: 5px;
      font-size: var(--text-meta);
      white-space: nowrap;
    }
    .library-navigation svg {
      flex-shrink: 0;
      width: 15px;
      height: 15px;
    }
    .results-subnav {
      overflow-x: auto;
      scrollbar-width: none;
      padding-inline: 12px;
    }
    .results-subnav::-webkit-scrollbar {
      display: none;
    }
    .results-subnav > * {
      flex-shrink: 0;
    }
    .results-data-area {
      overflow: visible;
    }
    .results-data-area.has-detail .results-table-scroll {
      display: none;
    }
    .results-detail {
      width: 100%;
      min-width: 0;
      flex: 1;
    }
    .share-workspace {
      grid-template-columns: minmax(0, 1fr);
      grid-auto-rows: min-content;
      height: auto;
      min-height: 0;
      overflow-y: auto;
      padding: 12px;
      gap: 12px;
    }
    .share-navigation {
      grid-row: auto;
    }
    .share-inspector {
      grid-column: auto;
    }
    :is(.share-navigation, .share-main, .share-inspector) {
      overflow: visible;
    }
    .share-navigation nav {
      display: flex;
      flex-wrap: wrap;
    }
    .share-navigation nav button {
      flex: 1 1 auto;
      justify-content: center;
    }
    .share-navigation > p {
      display: none;
    }
    .share-link-toolbar {
      flex-wrap: wrap;
    }
    .share-link-toolbar input {
      flex: 1 1 100%;
      order: -1;
      height: var(--control-height);
    }
    .share-publication-controls .text-button {
      min-height: var(--control-height);
    }
    :is(
        .forms-library,
        .results-workspace,
        .editor-header,
        .section-page,
        .glass-dialog,
        [data-slot='sheet-content'],
        [data-slot='sidebar']
      )
      :is(
        button,
        summary,
        a[href],
        select,
        [role='button'],
        [role='tab'],
        input:not([type='checkbox']):not([type='radio']):not([type='range'])
      ):not(.results-column-resize):not(.endings-resize-handle):not([role='switch']) {
      min-height: var(--control-height);
    }
    :is([role='menuitem'], [role='menuitemcheckbox'], [role='menuitemradio'], [role='option']) {
      min-height: var(--control-height);
    }
    :is(.results-columns-popover, .results-date-popover, .results-filter-popover) {
      width: min(370px, calc(100vw - 24px));
    }
    :is(.results-columns-popover, .results-date-popover, .results-filter-popover)
      :is(button, select, input:not([type='checkbox']):not([type='radio'])) {
      min-height: var(--control-height);
    }
    .results-columns-list > div {
      gap: 2px;
    }
    .results-date-manual {
      flex-wrap: wrap;
    }
    .results-date-manual input {
      width: 100%;
    }
    .results-filter-row {
      flex-wrap: wrap;
    }
    .results-filter-row input {
      width: 100%;
    }
    .segments[data-slot='tabs-list'] {
      height: auto;
    }
    :is(.results-search, .intake-search, .library-search, .catalog-search) {
      min-height: var(--control-height);
      align-items: center;
    }
    .results-column-sort {
      min-height: var(--control-height);
    }
    :is(.form-name, .grid-form-title, .intake-contact, .intake-source, .client-cell, .response-identity > button) {
      min-height: var(--control-height);
      display: inline-flex;
      align-items: center;
    }
    :is([data-slot='checkbox'], [data-slot='switch'])::after {
      inset: -12px;
    }
    :is(.response-identity, .intake-table, .results-data-table) input[type='checkbox'] {
      width: 24px;
      height: 24px;
    }
    .glass-dialog [data-slot='dialog-close'] {
      min-width: var(--control-height);
      top: 12px;
      right: 10px;
    }
    .workspace-create {
      height: var(--control-height) !important;
      min-height: var(--control-height) !important;
    }
  }
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) {
  .list-column-head {
    grid-template-columns: minmax(180px, 1fr) 100px 100px 135px 108px 40px;
  }
  .form-list .form-card {
    grid-template-columns: 32px minmax(140px, 1fr) 100px 100px 135px 108px 40px;
  }
  .form-status-cell {
    display: flex;
    align-items: center;
    min-width: 0;
  }
  .form-list .form-name {
    display: block;
    min-width: 0;
  }
}
@media (max-width: 1300px) {
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) {
    .list-column-head {
      grid-template-columns: minmax(160px, 1fr) 75px 80px 100px 104px 30px;
    }
    .form-list .form-card {
      grid-template-columns: 30px minmax(125px, 1fr) 75px 80px 100px 104px 30px;
    }
  }
}
@media (max-width: 1050px) {
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) {
    .list-column-head {
      grid-template-columns: minmax(130px, 1fr) 60px 65px 85px 100px 26px;
    }
    .form-list .form-card {
      grid-template-columns: 28px minmax(100px, 1fr) 60px 65px 85px 100px 26px;
    }
    .list-column-head > span:nth-child(5) {
      font-size: inherit;
    }
  }
}
@media (max-width: 767px) {
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) {
    .form-list .form-card {
      grid-template-columns: 28px minmax(0, 1fr) 32px auto 30px;
    }
    .form-list .form-response-count {
      text-align: center;
    }
  }
}
@media (max-width: 767px) {
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) {
    .library-navigation {
      height: 56px;
      padding-left: 52px;
      scrollbar-width: none;
    }
    .library-navigation::-webkit-scrollbar {
      display: none;
    }
    .forms-library [data-slot='sidebar-wrapper'] {
      padding-top: 56px;
    }
    .forms-library .main {
      min-height: calc(100dvh - 56px);
    }
    .forms-library .studio-sidebar[data-slot='sidebar-container'] {
      top: 56px;
      height: calc(100% - 56px);
    }
    .workspace-view {
      margin-left: 0;
      width: 100%;
      justify-content: space-between;
      flex-wrap: nowrap;
    }
    .workspace-view > .pick {
      flex: 0 1 auto;
      width: auto;
    }
    .view-switch {
      align-items: center;
      flex: none;
    }
    .view-switch > button {
      position: relative;
      height: 32px;
      min-height: 32px !important;
    }
    .view-switch > button::after {
      content: '';
      position: absolute;
      inset: -4px 0;
    }
  }
}
@media (max-width: 699.98px) {
  .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) {
    .library-navigation {
      gap: 6px;
    }
    .library-navigation :is(a, button) {
      padding-inline: 10px;
      gap: 6px;
      font-size: 13px;
    }
  }
}
:where(.sable-forms-experience) .submitted-empty {
  color: var(--text-subtle);
}
:where(.sable-forms-experience) .response-detail-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--border);
}
:where(.sable-forms-experience) .response-detail-toolbar > div {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}
:where(.sable-forms-experience) .response-detail-failed {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  font-size: 13px;
}
:where(.sable-forms-experience) .results-approval-handover {
  display: grid;
  gap: 12px;
  padding: 0 14px 12px;
  font-size: 13px;
}
:where(.sable-forms-experience) .results-approval-handover > a {
  color: var(--link);
  text-decoration: underline;
  text-underline-offset: 2px;
}
:where(.sable-forms-experience) .results-detail > header .response-favorite[aria-pressed='true'] {
  color: var(--link);
}
:where(.sable-forms-experience) .results-selection {
  flex-wrap: wrap;
  row-gap: 10px;
  column-gap: 16px;
}
:where(.sable-forms-experience) .results-selection > [data-slot='select-trigger'] {
  width: 148px;
  flex: none;
  min-height: 32px;
  background: var(--card);
}
:where(.sable-forms-experience) .results-favorite-filter {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
:where(.sable-forms-experience) .results-favorite-filter[aria-pressed='true'] {
  color: var(--link);
  border-color: currentColor;
}
:where(.sable-forms-experience) .results-data-table .response-identity > .response-favorite-mark {
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  color: var(--link);
}
:where(.sable-forms-experience) .response-review-status {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
:where(.sable-forms-experience) .response-review-status > span {
  font-size: 12px;
  color: var(--text-subtle);
}
:where(.sable-forms-experience) .response-write-back {
  display: grid;
  gap: 10px;
  margin-top: 16px;
}
:where(.sable-forms-experience) .response-write-back > div {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px;
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
}
:where(.sable-forms-experience) .response-write-back p {
  font-size: 13px;
  margin: 0;
}
:where(.sable-forms-experience) .results-data-area[data-selection='shown'] .results-table-scroll {
  padding-bottom: 44px;
}
@media (max-width: 699.98px) {
  :where(.sable-forms-experience) .results-detail-body {
    padding: 20px 16px;
  }
  :where(.sable-forms-experience) .response-detail-toolbar {
    padding-bottom: 16px;
  }
}
:where(.sable-forms-experience) .social-link-card {
  flex-direction: column;
}
:where(.sable-forms-experience) .social-link-card > img,:where(.sable-forms-experience) 
.share-thumbnail-fallback {
  width: 100%;
  height: auto;
  min-height: 0;
  aspect-ratio: 1200 / 630;
  object-fit: cover;
}
@media (max-width: 699.98px) {
  :where(.sable-forms-experience) .summary-contact-notice {
    flex-wrap: wrap;
    align-items: flex-start;
  }
  :where(.sable-forms-experience) .summary-contact-notice > div {
    flex: 1 1 auto;
  }
  :where(.sable-forms-experience) .summary-contact-notice > .button {
    flex: 1 0 100%;
    width: 100%;
    margin-left: 0;
    justify-content: center;
  }
}
@media (max-width: 699.98px) {
  .sable-forms-experience[data-sable-preview] .forms-editor-status > span {
    flex: 1 1 100%;
  }
}
:where(.sable-forms-experience) .matrix-wrap {
  overflow-x: auto;
  overscroll-behavior-x: contain;
  -webkit-overflow-scrolling: touch;
}
:where(.sable-forms-experience) .matrix-wrap > .matrix {
  min-width: max-content;
}
:where(.sable-forms-experience) .matrix-wrap > .matrix :is(thead th, tbody th):first-child {
  position: sticky;
  left: 0;
  z-index: 1;
  background: var(--card);
  text-align: left;
}
@media (max-width: 699.98px) {
  :where(.sable-forms-experience) .matrix-wrap > .matrix :is(thead th, tbody th):first-child {
    max-width: 44vw;
    min-width: 128px;
  }
  :where(.sable-forms-experience) .matrix-wrap > .matrix :is(th, td) {
    padding-inline: 10px;
  }
}
:where(.sable-forms-experience) .editor {
  container: forms-editor / inline-size;
}
:where(.sable-forms-experience) .compact-toggle,:where(.sable-forms-experience) 
.question-settings-toggle,:where(.sable-forms-experience) 
.question-settings-close {
  display: none;
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .editor .form-canvas:has(> .form-brand-logo) .canvas-question {
  padding-top: 84px;
}
@media (min-width: 768px) {
  @container forms-editor (max-width: 1099px) {
    .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .editor .editor-body {
      grid-template-columns: 210px minmax(0, 1fr);
      position: relative;
    }
    .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .editor .editor-body[data-pages-hidden='true'] {
      grid-template-columns: minmax(0, 1fr);
    }
    .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .editor .editor-body[data-pages-hidden='true'] .question-sidebar {
      display: none;
    }
    .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .editor .canvas-stage {
      align-items: stretch;
      padding-top: 12px;
      padding-bottom: 12px;
    }
    .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .editor .form-canvas:not(.mobile-canvas) {
      height: auto;
      min-height: 0;
      max-height: none;
    }
    .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .editor .compact-toggle {
      display: contents;
    }
    .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .editor .canvas-toolbar > div:last-child {
      flex: 1;
    }
    .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .editor .canvas-toolbar .question-settings-toggle {
      display: inline-flex;
      margin-left: auto;
    }
    .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .editor .editor-body > .question-properties {
      display: none;
      position: absolute;
      top: 72px;
      right: 16px;
      bottom: 16px;
      z-index: 5;
      width: min(300px, calc(100% - 32px));
      padding: 0;
      overflow-y: auto;
      background: var(--card);
      border: 1px solid var(--border);
      border-radius: var(--radius-lg);
      box-shadow: var(--shadow-lg);
    }
    .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .editor .editor-body[data-question-settings-open='true'] > .question-properties {
      display: flex;
    }
    .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .editor .question-properties > .question-settings-close {
      display: inline-flex;
      position: absolute;
      top: 10px;
      right: 10px;
      z-index: 1;
    }
    .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .editor .compact-toggle > .icon-button {
      margin-right: 6px;
    }
  }
  @container forms-editor (max-width: 899px) {
    .sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .editor .question-settings-toggle > span {
      display: none;
    }
  }
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) {
  .media-settings {
    display: grid;
    gap: 16px;
  }
  .media-thumb {
    position: relative;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    border-radius: var(--radius-sm);
    background: var(--secondary);
    border: 1px solid var(--border);
  }
  .media-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  .media-thumb.is-pending img {
    opacity: 0.6;
  }
  .media-thumb-status {
    position: absolute;
    left: 10px;
    bottom: 10px;
    padding: 4px 10px;
    border-radius: var(--radius-pill);
    background: var(--card);
    color: var(--text-default);
    font-size: var(--text-meta);
    box-shadow: var(--shadow-sm);
  }
  .media-thumb-empty {
    display: block;
    width: 100%;
    height: 100%;
  }
  .media-edit-button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
    min-height: var(--control-height);
  }
  .media-error {
    margin: 0;
    color: var(--destructive);
    font-size: var(--text-meta);
  }
  .media-section {
    display: grid;
    gap: 10px;
    padding-top: 16px;
    border-top: 1px solid var(--border);
  }
  .media-section h3 {
    margin: 0;
    font: 500 var(--text-secondary)/1.4 var(--font-sans);
    color: var(--text-default);
  }
  .media-settings .reference-media {
    margin-top: 0;
    padding: 4px 0;
    border-top: 0;
  }
  .media-settings .media-edit-button {
    margin-top: 4px;
  }
  .media-layout-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: var(--text-subtle);
    font-size: var(--text-secondary);
  }
  .media-layout-trigger {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: var(--control-height);
    padding: 0 10px 0 8px;
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    background: var(--card);
    color: var(--text-default);
    cursor: pointer;
  }
  .media-layout-trigger:hover {
    background: var(--secondary);
  }
  .media-layout-trigger[data-popup-open] {
    border-color: var(--text-subtle);
  }
  .media-layout-menu {
    padding: 8px;
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    background: var(--card);
    box-shadow: var(--shadow-sm);
  }
  .media-layout-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 6px;
  }
  .media-layout-grid[data-count='4'] {
    grid-template-columns: repeat(4, 1fr);
  }
  .media-layout-option {
    display: grid;
    place-items: center;
    width: 44px;
    height: 40px;
    border: 1px solid transparent;
    border-radius: var(--radius-sm);
    background: transparent;
    color: var(--text-subtle);
    cursor: pointer;
  }
  .media-layout-option:hover {
    background: var(--secondary);
    color: var(--text-default);
  }
  .media-layout-option.is-selected {
    border-color: var(--text-default);
    color: var(--text-strong);
  }
  .media-glyph {
    display: block;
    fill: currentColor;
  }
  .media-glyph .media-glyph-over {
    fill: var(--card);
  }
  .media-focal-stage {
    position: relative;
    overflow: hidden;
    border-radius: var(--radius-sm);
    border: 1px solid var(--border);
    background: var(--secondary);
    cursor: crosshair;
    touch-action: none;
    user-select: none;
  }
  .media-focal-stage img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 220px;
    object-fit: contain;
  }
  .media-focal-point {
    position: absolute;
    width: 22px;
    height: 22px;
    margin: -11px 0 0 -11px;
    padding: 0;
    border-radius: var(--radius-pill);
    border: 2px solid var(--card);
    background: var(--text-strong);
    box-shadow: var(--shadow-sm);
    cursor: grab;
  }
  .media-focal-point:focus-visible {
    outline: 2px solid var(--sable-ring);
    outline-offset: 2px;
  }
  .media-editor-dialog[data-slot='dialog-content'] {
    max-width: 640px;
  }
  .media-editor-body {
    display: grid;
    gap: 14px;
    margin-top: 14px;
    padding: 16px;
    border-radius: var(--radius-md);
    background: var(--secondary);
  }
  .media-editor-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: var(--text-default);
    font-size: var(--text-secondary);
  }
  .media-editor-toolbar > span {
    white-space: nowrap;
  }
  .media-editor-toolbar .pick, .media-editor-toolbar [data-slot='select-trigger'] {
    flex: 0 0 auto;
    width: auto;
    min-width: 150px;
  }
  .media-editor-stage {
    position: relative;
    display: grid;
    place-items: center;
    min-height: 260px;
    max-height: 420px;
    overflow: hidden;
    border-radius: var(--radius-sm);
    background: var(--border);
  }
  .media-editor-frame {
    position: relative;
    display: inline-block;
    max-width: 100%;
    line-height: 0;
  }
  .media-editor-frame.is-bounded {
    display: block;
    max-height: 420px;
  }
  .media-editor-frame.is-bounded img {
    position: absolute;
    left: 50%;
    top: 50%;
    max-width: none;
    max-height: none;
    height: auto;
  }
  .media-editor-stage img {
    display: block;
    max-width: 100%;
    max-height: 420px;
    object-fit: contain;
    transition: filter 120ms ease;
  }
  .media-crop {
    position: absolute;
    box-sizing: border-box;
    border: 2px solid var(--card);
    box-shadow: 0 0 0 9999px var(--text-strong);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 0 0 9999px color-mix(in srgb, var(--text-strong) 45%, transparent);
    }
    cursor: move;
    touch-action: none;
  }
  .media-crop-handle {
    position: absolute;
    width: 14px;
    height: 14px;
    padding: 0;
    border: 2px solid var(--card);
    border-radius: var(--radius-xs);
    background: var(--text-strong);
    cursor: nwse-resize;
  }
  .media-crop-handle.nw {
    left: -8px;
    top: -8px;
  }
  .media-crop-handle.se {
    right: -8px;
    bottom: -8px;
  }
  .media-crop-handle.ne {
    right: -8px;
    top: -8px;
    cursor: nesw-resize;
  }
  .media-crop-handle.sw {
    left: -8px;
    bottom: -8px;
    cursor: nesw-resize;
  }
  .media-rotate {
    display: grid;
    gap: 4px;
    padding: 6px 4px 0;
  }
  .media-rotate input[type='range'] {
    width: 100%;
    height: 22px;
    margin: 0;
    appearance: none;
    background: repeating-linear-gradient(to right, var(--text-subtle) 0 2px, transparent 2px calc(100% / 40)) center / calc(100% - 2px) 6px no-repeat;
  }
  .media-rotate input[type='range']::-webkit-slider-thumb {
    appearance: none;
    width: 3px;
    height: 22px;
    border-radius: var(--radius-pill);
    background: var(--text-strong);
  }
  .media-rotate input[type='range']::-moz-range-thumb {
    width: 3px;
    height: 22px;
    border: 0;
    border-radius: var(--radius-pill);
    background: var(--text-strong);
  }
  .media-rotate-labels {
    display: flex;
    justify-content: space-between;
    color: var(--text-subtle);
    font-size: var(--text-meta);
    padding: 0 2px;
  }
  .media-adjustments {
    display: grid;
    gap: 14px;
  }
  .media-slider {
    display: grid;
    gap: 6px;
    color: var(--text-default);
    font-size: var(--text-secondary);
  }
  .media-slider span {
    display: flex;
    justify-content: space-between;
  }
  .media-slider b {
    font-weight: 500;
    color: var(--text-subtle);
  }
  .media-slider input[type='range'] {
    width: 100%;
    accent-color: var(--text-strong);
  }
  .media-filters {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
  }
  .media-filter {
    display: grid;
    gap: 6px;
    padding: 6px;
    border: 1px solid transparent;
    border-radius: var(--radius-sm);
    background: transparent;
    color: var(--text-subtle);
    font-size: var(--text-meta);
    cursor: pointer;
  }
  .media-filter img {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    border-radius: var(--radius-xs);
  }
  .media-filter:hover {
    background: var(--card);
  }
  .media-filter.is-selected {
    border-color: var(--text-default);
    color: var(--text-strong);
  }
  .media-editor-actions {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 14px;
  }
  .media-editor-actions .button {
    display: inline-flex;
    align-items: center;
    gap: 6px;
  }
}
:where(.sable-forms-experience) .jules-dock {
  font-family: var(--sable-font, inherit);
  display: flex;
  justify-content: center;
}
:where(.sable-forms-experience) .jules-launcher {
  display: flex;
  align-items: center;
  gap: 18px;
  width: 280px;
  padding: 13px 16px;
  border: 1px solid var(--border,#ddd);
  border-radius: 8px;
  background: white;
  color: var(--foreground,#1a1f2e);
  box-shadow: 0 0 0 4px var(--sable-accent,#eee);
  cursor: pointer;
}
:where(.sable-forms-experience) .jules-launcher svg:last-child {
  margin-left: auto;
}
:where(.sable-forms-experience) .jules-floating-chat {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  top: auto;
  overflow: visible;
  position: fixed;
  z-index: 45;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  width: min(700px,calc(100vw - 32px));
  color: #f5f5f1;
  text-align: left;
  animation: forms-jules-arrive 200ms ease-out;
}
:where(.sable-forms-experience) .jules-conversation {
  background: #343630;
  border: 1px solid #ffffff24;
  border-radius: 16px 16px 0 0;
  margin: 0 24px;
  box-shadow: 0 10px 40px #0002;
  overflow: hidden;
}
:where(.sable-forms-experience) .jules-history-toggle {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  border: 0;
  background: transparent;
  color: #d0d3c9;
  font: inherit;
  font-size: 12px;
  cursor: pointer;
}
:where(.sable-forms-experience) .jules-history {
  max-height: min(360px,45dvh);
  overflow: auto;
  overscroll-behavior: contain;
  padding: 0 18px 18px;
  scrollbar-width: thin;
  font-size: 14px;
  line-height: 1.55;
}
:where(.sable-forms-experience) .jules-history p {
  margin: 10px 0;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
:where(.sable-forms-experience) .jules-intro {
  font-size: 18px;
  font-weight: 600;
}
:where(.sable-forms-experience) .jules-user-message {
  background: #ffffff0c;
  border-radius: 8px;
  padding: 10px 12px;
  margin-left: 32px !important;
}
:where(.sable-forms-experience) .jules-turn + .jules-turn {
  border-top: 1px solid #ffffff15;
  padding-top: 8px;
}
:where(.sable-forms-experience) .jules-suggestions {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  margin-top: 16px;
}
:where(.sable-forms-experience) .jules-suggestions button,:where(.sable-forms-experience) .jules-review button,:where(.sable-forms-experience) .jules-undo {
  border: 1px solid #ffffff35;
  background: transparent;
  color: inherit;
  padding: 7px 10px;
  border-radius: 8px;
  cursor: pointer;
  font: inherit;
  font-size: 12px;
}
:where(.sable-forms-experience) .jules-review {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  border-top: 1px solid #ffffff20;
  font-size: 12px;
  flex-wrap: wrap;
}
:where(.sable-forms-experience) .jules-review span {
  margin-right: auto;
}
:where(.sable-forms-experience) .jules-review .jules-apply {
  background: #c5e89c;
  color: #1a1f2e;
  border-color: transparent;
}
:where(.sable-forms-experience) .jules-undo {
  margin: 0 16px 12px;
  display: flex;
  gap: 6px;
  align-items: center;
}
:where(.sable-forms-experience) .jules-composer {
  background: #1e211c;
  padding: 16px;
  border: 1px solid #ffffff30;
  border-radius: 16px;
  box-shadow: 0 12px 48px #0003;
}
:where(.sable-forms-experience) .jules-composer textarea {
  display: block;
  width: 100%;
  min-height: 72px;
  max-height: min(200px,30dvh);
  resize: none;
  overflow-y: hidden;
  border: 0;
  outline: 0;
  padding: 0;
  background: transparent;
  color: #f5f5f1;
  font: 16px/1.5 var(--sable-font, sans-serif);
}
:where(.sable-forms-experience) .jules-composer:focus-within {
  border-color: #9dc46a;
}
:where(.sable-forms-experience) .jules-composer textarea::placeholder {
  color: #a9ada3;
}
:where(.sable-forms-experience) .jules-composer-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-top: 12px;
}
:where(.sable-forms-experience) .jules-composer-footer > span {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
}
:where(.sable-forms-experience) .jules-composer-footer small {
  font-size: 11px;
  color: #a9ada3;
  margin-left: 8px;
}
:where(.sable-forms-experience) .jules-composer-footer button {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  background: #c5e89c;
  color: #1a1f2e;
  border: 0;
  border-radius: 8px;
  cursor: pointer;
}
:where(.sable-forms-experience) .jules-floating-chat button:disabled {
  opacity: .4;
  cursor: default;
}
:where(.sable-forms-experience) .jules-floating-chat button:focus-visible,:where(.sable-forms-experience) .jules-launcher:focus-visible {
  outline: 2px solid #9dc46a;
  outline-offset: 3px;
}
:where(.sable-forms-experience) .jules-floating-chat button:not(:disabled):hover {
  filter: brightness(1.12);
}
@keyframes forms-jules-arrive {
  from {
    opacity: 0;
    transform: translate(-50%,12px);
  }
  to {
    opacity: 1;
    transform: translate(-50%,0);
  }
}
@media (max-width:600px) {
  :where(.sable-forms-experience) .jules-floating-chat {
    bottom: 24px;
  }
  :where(.sable-forms-experience) .jules-conversation {
    margin: 0 8px;
  }
  :where(.sable-forms-experience) .jules-composer-footer small {
    max-width: 150px;
  }
}
@media (prefers-reduced-motion:reduce) {
  :where(.sable-forms-experience) .jules-floating-chat {
    animation: none;
  }
}
:where(.sable-forms-experience) .schedule-field {
  display: flex;
  flex-direction: column;
  gap: 9px;
  min-width: 0;
}
:where(.sable-forms-experience) .schedule-label {
  font-size: 14px;
  color: var(--foreground);
}
:where(.sable-forms-experience) .schedule-trigger {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 62px;
  padding: 12px 14px;
  text-align: left;
  border: 1px solid var(--border,#e7e6de);
  background: white;
  color: var(--foreground,#1a1f2e);
  border-radius: 10px;
  font: inherit;
  cursor: pointer;
}
:where(.sable-forms-experience) .schedule-trigger > span {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
:where(.sable-forms-experience) .schedule-trigger strong {
  font-weight: 500;
  font-size: 14px;
}
:where(.sable-forms-experience) .schedule-trigger small,:where(.sable-forms-experience) .schedule-placeholder {
  color: var(--muted-foreground,#6b7280);
  font-size: 13px;
}
:where(.sable-forms-experience) .schedule-trigger:focus-visible {
  outline: 2px solid var(--sable-ring,#9dc46a);
  outline-offset: 2px;
}
:where(.sable-forms-experience) .schedule-popover[data-slot='popover-content'] {
  width: 300px;
  max-width: calc(100vw - 24px);
  padding: 14px !important;
  gap: 10px;
  border-radius: 14px !important;
  font-family: var(--sable-font,sans-serif);
}
:where(.sable-forms-experience) .schedule-popover .group\/calendar {
  width: 100%;
  padding: 0;
  --cell-size: 34px;
}
:where(.sable-forms-experience) .schedule-popover [data-selected-single='true'] {
  background: var(--sable-accent,#eaf3dc);
  color: #1a1f2e;
}
:where(.sable-forms-experience) .schedule-time {
  border-top: 1px solid var(--border,#e7e6de);
  padding-top: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 13px;
}
:where(.sable-forms-experience) .schedule-time > div {
  display: flex;
  align-items: center;
  gap: 5px;
}
:where(.sable-forms-experience) .schedule-time select {
  border: 1px solid var(--border,#e7e6de);
  background: var(--background,#fafaf6);
  padding: 7px 4px;
  border-radius: 6px;
  font: inherit;
  color: var(--foreground,#1a1f2e);
}
:where(.sable-forms-experience) .schedule-zone {
  font-size: 11px;
  color: var(--muted-foreground,#6b7280);
  margin: 0;
}
:where(.sable-forms-experience) .schedule-actions {
  display: flex;
  gap: 8px;
  border-top: 1px solid var(--border,#e7e6de);
  padding-top: 10px;
}
:where(.sable-forms-experience) .schedule-actions button {
  border: 0;
  border-radius: 8px;
  padding: 8px 10px;
  background: transparent;
  color: var(--foreground,#1a1f2e);
  font: inherit;
  font-size: 12px;
  cursor: pointer;
}
:where(.sable-forms-experience) .schedule-actions .schedule-done {
  margin-left: auto;
  background: var(--sable-accent,#eaf3dc);
}
@media (max-width:800px) {
  :where(.sable-forms-experience) .two-fields:has(.schedule-field) {
    grid-template-columns: 1fr;
  }
}
:where(.sable-forms-experience) .forms-skeleton {
  --skeleton-base: var(--muted);
  --skeleton-sheen: var(--card);
  @supports (color: color-mix(in lab, red, red)) {
    --skeleton-sheen: color-mix(in srgb, var(--card) 70%, var(--muted));
  }
  opacity: 0;
  animation: forms-skeleton-appear 240ms ease-in-out 150ms forwards;
}
.sable-forms-experience[data-sable-preview][data-mode='dark'] .forms-skeleton {
  --skeleton-sheen: var(--text-subtle);
  @supports (color: color-mix(in lab, red, red)) {
    --skeleton-sheen: color-mix(in srgb, var(--text-subtle) 22%, var(--muted));
  }
}
:where(.sable-forms-experience) .forms-skeleton-label {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
  white-space: nowrap;
  clip-path: inset(50%);
}
:where(.sable-forms-experience) .forms-skeleton-block {
  display: block;
  flex-shrink: 0;
  width: var(--sk-w, 100%);
  height: var(--sk-h, 10px);
  border-radius: var(--radius-pill);
  background-color: var(--skeleton-base);
  background-image: linear-gradient(
    90deg,
    var(--skeleton-base) 0%,
    var(--skeleton-sheen) 50%,
    var(--skeleton-base) 100%
  );
  background-repeat: no-repeat;
  background-size: 200% 100%;
  animation: forms-skeleton-sheen 1.5s ease-in-out infinite;
}
:where(.sable-forms-experience) .forms-skeleton-block.is-box {
  border-radius: var(--radius-xs);
}
:where(.sable-forms-experience) .forms-skeleton-block.is-circle {
  width: var(--sk-h);
  border-radius: var(--radius-pill);
}
@keyframes forms-skeleton-appear {
  to {
    opacity: 1;
  }
}
@keyframes forms-skeleton-sheen {
  from {
    background-position: -100% 0;
  }
  to {
    background-position: 200% 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  :where(.sable-forms-experience) .forms-skeleton {
    animation-duration: 1ms;
  }
  :where(.sable-forms-experience) .forms-skeleton-block {
    animation: none;
    background-image: none;
  }
}
:where(.sable-forms-experience) .forms-skeleton-line {
  display: block;
  padding: 2px 0 6px;
}
:where(.sable-forms-experience) .forms-skeleton-library {
  position: relative;
  min-height: 100dvh;
  background: var(--background);
}
:where(.sable-forms-experience) .forms-skeleton-library-nav {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 70px;
  padding: 0 24px;
  background: var(--card);
  border-bottom: 1px solid var(--border);
  overflow: hidden;
}
:where(.sable-forms-experience) .forms-skeleton-library-nav > .forms-skeleton-block:first-child {
  margin-right: 24px;
}
:where(.sable-forms-experience) .forms-skeleton-library-body {
  display: flex;
  align-items: stretch;
  min-height: calc(100dvh - 70px);
}
:where(.sable-forms-experience) .forms-skeleton-library-rail {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  width: 245px;
  padding: 14px 15px 20px;
  background: var(--card);
}
:where(.sable-forms-experience) .forms-skeleton-library-rail-head {
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding: 0 5px 10px;
}
:where(.sable-forms-experience) .forms-skeleton-library-rail-links {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
:where(.sable-forms-experience) .forms-skeleton-library-rail-label {
  margin: 18px 6px 14px;
}
:where(.sable-forms-experience) .forms-skeleton-library-rail-row {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 40px;
  padding: 0 8px;
}
:where(.sable-forms-experience) .forms-skeleton-library-rail-foot {
  margin-top: auto;
  padding: 20px 5px 0;
}
:where(.sable-forms-experience) .forms-skeleton-library-main {
  flex: 1;
  min-width: 0;
}
:where(.sable-forms-experience) .forms-skeleton-library-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  height: 79px;
  margin: 0 28px;
  border-bottom: 1px solid var(--border);
  overflow: hidden;
}
:where(.sable-forms-experience) .forms-skeleton-library-topbar > div {
  display: flex;
  align-items: center;
  gap: 12px;
}
:where(.sable-forms-experience) .forms-skeleton-library-list {
  padding: 50px 28px 30px;
}
:where(.sable-forms-experience) .forms-skeleton-library-head {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) 100px 100px 135px 120px 40px;
  align-items: center;
  gap: 8px;
  padding: 0 14px 17px;
}
:where(.sable-forms-experience) .forms-skeleton-library-rows {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
:where(.sable-forms-experience) .forms-skeleton-library-row {
  display: grid;
  grid-template-columns: 32px minmax(140px, 1fr) 100px 100px 135px 120px 40px;
  align-items: center;
  gap: 8px;
  min-height: 48px;
  padding: 6px 10px;
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
}
:where(.sable-forms-experience) .forms-skeleton-contacts {
  display: flex;
  flex-direction: column;
  height: calc(100dvh - 140px);
  min-height: 450px;
  padding: 12px 24px 24px;
  background: var(--background);
}
:where(.sable-forms-experience) .forms-skeleton-contacts-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  min-height: 30px;
}
:where(.sable-forms-experience) .forms-skeleton-contacts-intro {
  margin: 10px 0 22px;
}
:where(.sable-forms-experience) .forms-skeleton-contacts-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-bottom: 20px;
}
:where(.sable-forms-experience) .forms-skeleton-contacts-toolbar > .forms-skeleton-block:last-child {
  margin-left: auto;
}
:where(.sable-forms-experience) .forms-skeleton-contacts-table {
  flex: 1;
  overflow: hidden;
  background: var(--card);
  border-radius: var(--radius-lg);
}
:where(.sable-forms-experience) .forms-skeleton-contacts-head,:where(.sable-forms-experience) 
.forms-skeleton-contacts-row {
  display: grid;
  grid-template-columns: 56px minmax(140px, 1fr) minmax(0, 1fr) 150px minmax(0, 1fr) 100px;
  align-items: center;
  gap: 14px;
  padding: 0 14px;
  border-bottom: 1px solid var(--border);
}
:where(.sable-forms-experience) .forms-skeleton-contacts-head {
  height: 55px;
}
:where(.sable-forms-experience) .forms-skeleton-contacts-row {
  height: 51px;
}
:where(.sable-forms-experience) .forms-skeleton-contacts-name {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
}
:where(.sable-forms-experience) .forms-skeleton-insights {
  flex: 1;
  width: 100%;
  max-width: 1600px;
  margin: auto;
  padding: 42px 48px;
  background: var(--background);
}
:where(.sable-forms-experience) .forms-skeleton-insights-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 30px;
}
:where(.sable-forms-experience) .forms-skeleton-insights-heading > div {
  display: flex;
  flex-direction: column;
  gap: 9px;
}
:where(.sable-forms-experience) .forms-skeleton-insights-stats {
  display: flex;
  align-items: center;
  gap: 44px;
  margin-bottom: 34px;
  padding: 21px 24px;
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
}
:where(.sable-forms-experience) .forms-skeleton-insights-stats > div {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
:where(.sable-forms-experience) .forms-skeleton-insights-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  margin-bottom: 22px;
}
:where(.sable-forms-experience) .forms-skeleton-insights-toolbar > div {
  display: flex;
  align-items: center;
  gap: 10px;
}
:where(.sable-forms-experience) .forms-skeleton-insights-table {
  overflow: hidden;
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
}
:where(.sable-forms-experience) .forms-skeleton-insights-head,:where(.sable-forms-experience) 
.forms-skeleton-insights-row {
  display: grid;
  grid-template-columns: 56px minmax(140px, 1fr) 110px 150px 90px 44px;
  align-items: center;
  gap: 14px;
  padding: 0 16px;
  border-bottom: 1px solid var(--border);
}
:where(.sable-forms-experience) .forms-skeleton-insights-head {
  height: 48px;
}
:where(.sable-forms-experience) .forms-skeleton-insights-row {
  height: 54px;
}
:where(.sable-forms-experience) .forms-skeleton-studio {
  display: flex;
  flex-direction: column;
  height: calc(100dvh - var(--forms-editor-top, 0px));
  min-height: 520px;
  background: var(--background);
}
:where(.sable-forms-experience) .forms-skeleton-studio-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-shrink: 0;
  height: 47px;
  padding: 0 17px;
  background: var(--card);
  overflow: hidden;
}
:where(.sable-forms-experience) .forms-skeleton-studio-header > div {
  display: flex;
  align-items: center;
  gap: 8px;
}
:where(.sable-forms-experience) .forms-skeleton-studio-body {
  display: grid;
  grid-template-columns: 230px minmax(0, 1fr) 235px;
  gap: 14px;
  flex: 1;
  min-height: 0;
  padding: 0 14px 14px;
}
:where(.sable-forms-experience) .forms-skeleton-studio-column {
  display: flex;
  flex-direction: column;
  gap: var(--editor-column-gap, 12px);
  min-height: 0;
}
:where(.sable-forms-experience) .forms-skeleton-studio-bar {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  height: var(--editor-toolbar-height, 48px);
  padding: 0 10px;
  background: var(--card);
  border-radius: var(--radius-sm);
}
:where(.sable-forms-experience) .forms-skeleton-studio-panel {
  display: flex;
  flex-direction: column;
  gap: 7px;
  flex: 1;
  min-height: 0;
  padding: 13px 15px;
  background: var(--card);
  border-radius: var(--radius-md);
}
:where(.sable-forms-experience) .forms-skeleton-studio-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 7px;
}
:where(.sable-forms-experience) .forms-skeleton-studio-page {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  height: 38px;
  padding: 0 8px;
}
:where(.sable-forms-experience) .forms-skeleton-studio-stage {
  display: flex;
  flex: 1;
  min-height: 0;
  align-items: center;
  justify-content: center;
  padding: 24px 8px 40px;
}
:where(.sable-forms-experience) .forms-skeleton-studio-canvas {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  max-width: 950px;
  height: 100%;
  min-height: 320px;
  max-height: 720px;
  padding: 44px 17%;
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
}
:where(.sable-forms-experience) .forms-skeleton-studio-field {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (max-width: 767px) {
  :where(.sable-forms-experience) .forms-skeleton-library-rail {
    display: none;
  }
  :where(.sable-forms-experience) .forms-skeleton-library-list {
    padding: 28px 16px 24px;
  }
  :where(.sable-forms-experience) .forms-skeleton-library-head {
    display: none;
  }
  :where(.sable-forms-experience) .forms-skeleton-contacts,:where(.sable-forms-experience) 
  .forms-skeleton-insights {
    height: auto;
    padding: 16px;
  }
  :where(.sable-forms-experience) .forms-skeleton-insights-stats {
    flex-wrap: wrap;
    gap: 20px 32px;
  }
  :where(.sable-forms-experience) .forms-skeleton-studio-body {
    grid-template-columns: minmax(0, 1fr);
    padding: 0 12px 12px;
  }
  :where(.sable-forms-experience) .forms-skeleton-studio-column.is-pages,:where(.sable-forms-experience) 
  .forms-skeleton-studio-column.is-properties {
    display: none;
  }
  :where(.sable-forms-experience) .forms-skeleton-studio-canvas {
    padding: 24px;
  }
}
@media (max-width: 600px) {
  :where(.sable-forms-experience) .forms-skeleton-library-row {
    grid-template-columns: 30px minmax(0, 1fr) 30px;
  }
  :where(.sable-forms-experience) .forms-skeleton-library-row > *:nth-child(n + 3):nth-child(-n + 6) {
    display: none;
  }
  :where(.sable-forms-experience) .forms-skeleton-library-topbar {
    height: auto;
    margin: 0 16px;
    padding-block: 16px;
  }
  :where(.sable-forms-experience) .forms-skeleton-library-topbar > div > .forms-skeleton-block:last-child {
    display: none;
  }
  :where(.sable-forms-experience) .forms-skeleton-insights-toolbar > div > .forms-skeleton-block:last-child,:where(.sable-forms-experience) 
  .forms-skeleton-contacts-toolbar > .forms-skeleton-block:nth-child(3) {
    display: none;
  }
  :where(.sable-forms-experience) .forms-skeleton-contacts-head,:where(.sable-forms-experience) 
  .forms-skeleton-contacts-row,:where(.sable-forms-experience) 
  .forms-skeleton-insights-head,:where(.sable-forms-experience) 
  .forms-skeleton-insights-row {
    grid-template-columns: 40px minmax(0, 1fr) 90px;
  }
  :where(.sable-forms-experience) .forms-skeleton-contacts-head > *:nth-child(n + 4),:where(.sable-forms-experience) 
  .forms-skeleton-contacts-row > *:nth-child(n + 4),:where(.sable-forms-experience) 
  .forms-skeleton-insights-head > *:nth-child(n + 4),:where(.sable-forms-experience) 
  .forms-skeleton-insights-row > *:nth-child(n + 4) {
    display: none;
  }
}
:where(.sable-forms-experience) .respondent-page :is(.sable-answer-input, .sable-answer-textarea) {
  width: 100%;
  display: block;
  padding: 10px 0;
  min-height: 44px;
  background: none;
  border: 0;
  border-bottom: 1px solid currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border-bottom: 1px solid color-mix(in srgb, currentColor 28%, transparent);
  }
  border-radius: 0;
  box-shadow: none;
  color: var(--answer-color);
  font: 26px Arial,
    Helvetica,
    sans-serif;
  outline: none;
}
:where(.sable-forms-experience) .respondent-page .sable-answer-textarea {
  min-height: 100px;
  resize: vertical;
  font: 16px/1.5 -apple-system,
    BlinkMacSystemFont,
    'SF Pro Text',"Forms Inter",
    sans-serif;
}
:where(.sable-forms-experience) .respondent-page :is(.sable-answer-input, .sable-answer-textarea):focus-visible {
  border-bottom-color: currentColor;
  box-shadow: 0 1px 0 0 currentColor;
}
:where(.sable-forms-experience) .respondent-page :is(.sable-answer-input, .sable-answer-textarea)::placeholder {
  color: inherit;
  opacity: 0.35;
}
:where(.sable-forms-experience) .respondent-page :is(.sable-answer-input, .sable-answer-textarea):disabled {
  opacity: 0.5;
}
:where(.sable-forms-experience) .respondent-page .sable-answer-input::-webkit-calendar-picker-indicator {
  filter: none;
  opacity: 0.55;
  cursor: pointer;
}
:where(.sable-forms-experience) .respondent-page .sable-answer-select {
  width: 100%;
  min-height: 44px;
  padding: 10px 12px;
  border: 1px solid currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, currentColor 24%, transparent);
  }
  border-radius: 10px;
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, currentColor 4%, transparent);
  }
  box-shadow: none;
  color: inherit;
  font-size: 16px;
}
:where(.sable-forms-experience) .respondent-page .sable-answer-select:focus-visible {
  border-color: currentColor;
  box-shadow: inset 0 0 0 1px currentColor;
}
:where(.sable-forms-experience) .respondent-page .sable-answer-select svg {
  color: inherit;
  opacity: 0.6;
}
:where(.sable-forms-experience) .respondent-page .sable-answer-group {
  color: inherit;
}
:where(.sable-forms-experience) .respondent-page .sable-answer-choice {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  min-height: 44px;
  height: auto;
  padding: 8px 10px;
  text-align: left;
  white-space: normal;
  border: 1px solid currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, currentColor 24%, transparent);
  }
  border-radius: 4px;
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, currentColor 4%, transparent);
  }
  box-shadow: none;
  color: inherit;
  font: 15px/1.4 -apple-system,
    BlinkMacSystemFont,
    'SF Pro Text',"Forms Inter",
    sans-serif;
}
:where(.sable-forms-experience) .respondent-page .sable-answer-group.grid > .sable-answer-choice {
  width: 100%;
}
:where(.sable-forms-experience) .respondent-page .sable-answer-choice:hover:not(:disabled) {
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, currentColor 8%, transparent);
  }
  color: inherit;
}
:where(.sable-forms-experience) .respondent-page .sable-answer-choice[aria-pressed='true'] {
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, currentColor 12%, transparent);
  }
  border-color: currentColor;
  box-shadow: inset 0 0 0 1px currentColor;
}
:where(.sable-forms-experience) .respondent-page :is(.sable-answer-choice, .sable-answer-rank-move, .sable-answer-action):focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
  border-color: currentColor;
}
:where(.sable-forms-experience) .respondent-page .sable-answer-rank-row {
  gap: 8px;
  padding: 6px 0;
  color: inherit;
}
:where(.sable-forms-experience) .respondent-page .sable-answer-rank-label {
  font-size: 13px;
  color: inherit;
}
:where(.sable-forms-experience) .respondent-page .sable-answer-rank-confirm {
  min-height: 44px;
  padding: 10px 0;
  color: inherit;
  font-size: 13px;
}
:where(.sable-forms-experience) .respondent-page .sable-answer-rank-move {
  min-height: 44px;
  min-width: 44px;
  padding: 0 12px;
  border: 1px solid currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, currentColor 24%, transparent);
  }
  border-radius: 10px;
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, currentColor 4%, transparent);
  }
  box-shadow: none;
  color: inherit;
  font-size: 13px;
}
:where(.sable-forms-experience) .respondent-page .sable-answer-rank-move:hover:not(:disabled) {
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, currentColor 10%, transparent);
  }
  color: inherit;
}
:where(.sable-forms-experience) .respondent-page .sable-answer-rank-move:disabled {
  opacity: 0.4;
}
:where(.sable-forms-experience) .respondent-page .sable-answer-legend {
  color: inherit;
  font-size: 14px;
}
:where(.sable-forms-experience) .respondent-page .sable-answer-scale-labels {
  color: inherit;
  opacity: 0.7;
  font-size: 12px;
}
:where(.sable-forms-experience) .respondent-page .sable-answer-consent {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  min-height: 44px;
  padding: 6px 0;
  color: inherit;
  font: 14px/1.6 -apple-system,
    BlinkMacSystemFont,
    'SF Pro Text',"Forms Inter",
    sans-serif;
}
:where(.sable-forms-experience) .respondent-page .sable-answer-consent a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
}
:where(.sable-forms-experience) .respondent-page .sable-answer-check {
  flex: none;
  width: 24px;
  height: 24px;
  margin-top: 1px;
  border: 1px solid currentColor;
  border-radius: 6px;
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, currentColor 6%, transparent);
  }
  box-shadow: none;
  color: inherit;
}
:where(.sable-forms-experience) .respondent-page .sable-answer-check[data-checked] {
  border-color: var(--answer-color, currentColor);
  background: var(--answer-color, currentColor);
  color: var(--answer-foreground);
}
:where(.sable-forms-experience) .respondent-page .sable-answer-check:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}
:where(.sable-forms-experience) .respondent-page .answer-consent-text {
  margin: 0 0 16px;
  color: inherit;
  white-space: pre-wrap;
  font: 14px/1.6 -apple-system,
    BlinkMacSystemFont,
    'SF Pro Text',"Forms Inter",
    sans-serif;
}
:where(.sable-forms-experience) .respondent-page .sable-answer-note {
  color: inherit;
  opacity: 0.7;
  font-size: 14px;
  line-height: 1.5;
}
:where(.sable-forms-experience) .respondent-page :is(.sable-answer-action, [data-slot='payment-form'] > [data-slot='button']) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: max-content;
  max-width: 100%;
  min-height: 44px;
  padding: 11px 17px;
  border: 0;
  border-radius: 10px;
  background: var(--answer-color, currentColor);
  color: var(--answer-foreground);
  box-shadow: none;
  font-size: 14px;
  font-weight: 500;
}
:where(.sable-forms-experience) .respondent-page :is(.sable-answer-action, [data-slot='payment-form'] > [data-slot='button']):hover:not(:disabled) {
  background: var(--answer-color, currentColor);
  color: var(--answer-foreground);
  filter: brightness(0.94);
}
:where(.sable-forms-experience) .respondent-page [data-slot='payment-form'] > [data-slot='button']:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}
:where(.sable-forms-experience) .respondent-page .sable-signature {
  gap: 14px;
  color: inherit;
}
:where(.sable-forms-experience) .respondent-page .sable-signature-frame {
  border: 1px dashed currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px dashed color-mix(in srgb, currentColor 30%, transparent);
  }
  border-radius: 14px;
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, currentColor 6%, transparent);
  }
  padding: 6px;
}
:where(.sable-forms-experience) .respondent-page .sable-signature-frame iframe {
  display: block;
  width: 100%;
  border: 0;
  border-radius: 10px;
  background: transparent;
}
:where(.sable-forms-experience) .respondent-page .sable-signature-name {
  gap: 6px;
  color: inherit;
  font-size: 14px;
}
:where(.sable-forms-experience) .respondent-page .sable-payment {
  gap: 14px;
  color: inherit;
}
@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;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-ordinal {
  syntax: "*";
  inherits: false;
}
@property --tw-slashed-zero {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-figure {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-fraction {
  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: 0px;
}
@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-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-content {
  syntax: "*";
  initial-value: "";
  inherits: false;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@keyframes forms-spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes forms-pulse {
  50% {
    opacity: 0.5;
  }
}
@keyframes forms-enter {
  from {
    opacity: var(--tw-enter-opacity,1);
    transform: translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));
    filter: blur(var(--tw-enter-blur,0));
  }
}
@keyframes forms-exit {
  to {
    opacity: var(--tw-exit-opacity,1);
    transform: translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));
    filter: blur(var(--tw-exit-blur,0));
  }
}
@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
  :where(.sable-forms-experience) *,:where(.sable-forms-experience)  ::before,:where(.sable-forms-experience)  ::after,:where(.sable-forms-experience)  ::backdrop {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-translate-z: 0;
    --tw-rotate-x: initial;
    --tw-rotate-y: initial;
    --tw-rotate-z: initial;
    --tw-skew-x: initial;
    --tw-skew-y: initial;
    --tw-space-y-reverse: 0;
    --tw-border-style: solid;
    --tw-leading: initial;
    --tw-font-weight: initial;
    --tw-tracking: initial;
    --tw-ordinal: initial;
    --tw-slashed-zero: initial;
    --tw-numeric-figure: initial;
    --tw-numeric-spacing: initial;
    --tw-numeric-fraction: 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-outline-style: solid;
    --tw-blur: initial;
    --tw-brightness: initial;
    --tw-contrast: initial;
    --tw-grayscale: initial;
    --tw-hue-rotate: initial;
    --tw-invert: initial;
    --tw-opacity: initial;
    --tw-saturate: initial;
    --tw-sepia: initial;
    --tw-drop-shadow: initial;
    --tw-drop-shadow-color: initial;
    --tw-drop-shadow-alpha: 100%;
    --tw-drop-shadow-size: initial;
    --tw-backdrop-blur: initial;
    --tw-backdrop-brightness: initial;
    --tw-backdrop-contrast: initial;
    --tw-backdrop-grayscale: initial;
    --tw-backdrop-hue-rotate: initial;
    --tw-backdrop-invert: initial;
    --tw-backdrop-opacity: initial;
    --tw-backdrop-saturate: initial;
    --tw-backdrop-sepia: initial;
    --tw-duration: initial;
    --tw-ease: initial;
    --tw-content: "";
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-scale-z: 1;
    --tw-animation-delay: 0s;
    --tw-animation-direction: normal;
    --tw-animation-duration: initial;
    --tw-animation-fill-mode: none;
    --tw-animation-iteration-count: 1;
    --tw-enter-blur: 0;
    --tw-enter-opacity: 1;
    --tw-enter-rotate: 0;
    --tw-enter-scale: 1;
    --tw-enter-translate-x: 0;
    --tw-enter-translate-y: 0;
    --tw-exit-blur: 0;
    --tw-exit-opacity: 1;
    --tw-exit-rotate: 0;
    --tw-exit-scale: 1;
    --tw-exit-translate-x: 0;
    --tw-exit-translate-y: 0;
  }
}
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .forms-library { position: relative; min-height: 100dvh; }
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .forms-library [data-slot='sidebar-wrapper'] { padding-top: 70px; min-height: 100dvh; }
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .forms-library .main { min-height: calc(100dvh - 70px); }
.sable-forms-experience[data-sable-preview]:not(:has(.respondent-shell)) .forms-library .studio-sidebar[data-slot='sidebar-container'] { position: absolute; top: 70px; height: calc(100% - 70px); }
/* Fit the transplanted editor below Sable navigation. */
:where(.sable-forms-experience) .editor { height: calc(100dvh - var(--forms-editor-top, 0px)); }
@media (max-width: 767px) {
  :where(.sable-forms-experience) .forms-workspace-shell .editor-header { padding-left: 52px; }
}