--sxs {
  --sxs: 0 t-bHhzNr;
}
@media {
  :root,
  .t-bHhzNr {
    --fontSizes-1: 11px;
    --fontSizes-2: 13px;
    --fontSizes-3: 16px;
    --fontWeights-hairline: 100;
    --fontWeights-thin: 200;
    --fontWeights-light: 300;
    --fontWeights-normal: 400;
    --fontWeights-medium: 500;
    --fontWeights-semibold: 600;
    --fontWeights-bold: 700;
    --colors-primary: #5386f7;
    --colors-interactPrimary: #4561ce;
    --colors-interactError: rgba(219, 97, 92, 0.1);
    --colors-error: #db615c;
    --colors-text: #282a2f;
    --colors-textSecondary: #b9b9b9;
    --colors-neutral-2: #6c6f75;
    --colors-gray: #eeeeee;
    --colors-gray-1: #e5e4e5;
    --colors-gray-2: #f1f3f8;
    --colors-grayMedium: #91959c;
    --colors-interactGrayMedium: #787d84;
    --colors-primary-1: #5d88ef;
    --colors-primaryDark: #3b57c4;
    --colors-surfaceSecondary: #f4f5f8;
    --colors-strokeMedium: #dfe1e4;
    --colors-strokeDark: #d5dce2;
    --colors-action: #906cff;
    --colors-neutral-4: #c3c7ce;
    --colors-splash-green: #56ba70;
    --radii-none: 0;
    --radii-sm: 0.125rem;
    --radii-base: 0.25rem;
    --radii-md: 0.375rem;
    --radii-lg: 0.5rem;
    --radii-xl: 0.75rem;
    --radii-2xl: 1rem;
    --radii-3xl: 1.5rem;
    --radii-full: 9999px;
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    --space-0-5: 2px;
    --space-1-5: 6px;
    --space-2-5: 10px;
    --space-3-5: 14px;
    --shadows-xs: 0 0 0 1px rgba(0, 0, 0, 0.05);
    --shadows-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --shadows-base: 0 1px 3px 0 rgba(0, 0, 0, 0.1),
      0 1px 2px 0 rgba(0, 0, 0, 0.06);
    --shadows-md: 0px 4px 6px rgba(0, 0, 0, 0.03);
    --shadows-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
      0 4px 6px -2px rgba(0, 0, 0, 0.05);
    --shadows-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1),
      0 10px 10px -5px rgba(0, 0, 0, 0.04);
    --shadows-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  }
}
--sxs {
  --sxs: 1 k-gYltyn k-eyOShd IOGgD;
}
@media {
  @keyframes k-gYltyn {
    0% {
      transform: scale(0.95);
    }
    70% {
      transform: scale(1.1);
    }
    100% {
      transform: scale(0.95);
    }
  }
  @keyframes k-eyOShd {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  .rollout-automations-list__container {
    display: flex;
    flex-direction: column;
  }
  .rollout-automations-list__header {
    display: flex;
    padding-bottom: 16px;
    margin-bottom: 16px;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgb(239, 241, 244);
  }
  .rollout-automations-list__header-title {
    font-weight: 600;
  }
  .rollout-automations-list__search-input {
    padding-inline: 40px;
    padding-block: 10px;
    border-radius: var(--radii-md);
    outline: none;
    border-width: 2px;
    border-color: rgb(239, 241, 244);
  }
  .rollout-automations-list__search-input:focus {
    border-color: var(--colors-interactPrimary);
  }
  .rollout-automations-list__search-input {
    border-style: solid;
    background: rgb(248, 249, 251);
  }
  .rollout-automations-list__search-input__group {
    position: relative;
    display: flex;
    margin-bottom: var(--space-4);
    color: rgb(145, 149, 156);
  }
  .rollout-automations-list__search-input__left-element {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 2;
    display: flex;
    height: 40px;
    width: 40px;
    font-size: var(--fontSizes-md);
    align-items: center;
    justify-content: center;
    pointer-events: none;
  }
  .rollout-automations-list__search-input__left-element svg {
    height: 20px;
    width: 20px;
  }
  .rollout-automations-list__not-found {
    padding-inline-start: var(--space-4);
  }
  .rollout-automations-list__new-btn {
    transition: all 0.2s ease 0s;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 12px;
    white-space: nowrap;
    background: var(--colors-primary);
    color: white;
    border: none;
    border-radius: 8px;
    height: 32px;
    cursor: pointer;
  }
  .rollout-automations-list__new-btn:hover {
    background: var(--colors-interactPrimary);
  }
  .rollout-automations-list__empty-msg {
    text-align: center;
    padding: 20px;
    border: 1px solid rgb(239, 241, 244);
    border-radius: 4px;
  }
  .rollout-automations-list__error-msg {
    text-align: center;
    padding: 20px;
    border: 1px dashed rgb(170, 72, 73);
    border-radius: 4px;
  }
  .rollout-automations-list__list {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  }
  .rollout-automations-list {
    position: relative;
  }
  .rollout-automations-list__item {
    position: relative;
    padding: 16px;
    transition: all 0.2s ease 0s;
    cursor: pointer;
    margin-bottom: 8px;
    max-width: 343px;
    border: 1px solid rgb(213, 220, 226);
    border-radius: 8px;
  }
  .rollout-automations-list__item:hover {
    border: 1px solid rgb(173, 180, 186);
  }
  .rollout-automations-list__item[data-deleting] {
    opacity: 0.4;
  }
  .rollout-automations-list__item[data-credential-error] {
    border-color: rgb(219, 97, 92);
  }
  .rollout-automations-list-item__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .rollout-automations-list-item__icons {
    display: inline-flex;
  }
  .rollout-automations-list-item__icons :first-child {
    border-start-end-radius: unset;
    border-end-end-radius: unset;
    margin-right: -1px;
  }
  .rollout-automations-list-item__icons :last-child {
    border-start-start-radius: unset;
    border-end-start-radius: unset;
  }
  .rollout-automations-list-item__icons {
    height: fit-content;
    width: fit-content;
  }
  .rollout-automations-list-item__trigger,
  .rollout-automations-list-item__action {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: var(--space-1);
    border-style: solid;
    border-width: 1px;
    border-color: var(--colors-strokeMedium);
    border-radius: var(--radii-md);
    font-size: 24px;
  }
  .rollout-automations-list-item__trigger > *,
  .rollout-automations-list-item__action > * {
    width: 1em;
  }
  .rollout-automations-list-item__name {
    margin-top: 12px;
    font-size: 16px;
    font-weight: 600;
    color: rgb(49, 55, 63);
    height: 72px;
  }
  .rollout-automations-list-item__options__trigger {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    cursor: pointer;
    color: var(--colors-grayMedium);
    transition: all 0.2s ease 0s;
    height: 32px;
    width: 32px;
  }
  .rollout-automations-list-item__options__trigger svg {
    height: 16px;
    width: 16px;
  }
  .rollout-automations-list-item__options__trigger:hover {
    background: rgba(219, 97, 92, 0.1);
    color: var(--colors-error);
  }
  .rollout-automations-list-item__options__content {
    position: absolute;
    padding: 18px 16px;
    inset: 0px;
    background: white;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    justify-content: center;
    align-items: center;
  }
  .rollout-automations-list-item__options__content span {
    font-weight: 600;
  }
  .rollout-automations-list-item__options__delete-item-btn {
    background: rgb(219, 97, 92);
    color: white;
    white-space: nowrap;
  }
  .rollout-automations-list-item__options__delete-item-btn:hover {
    background: rgb(199, 77, 72);
  }
  .rollout-automations-list-item__options__delete-item-btn {
    cursor: pointer;
  }
  .rollout-automations-list-item__options__cancel-item-btn {
    border: 1px solid rgb(40, 42, 47);
    cursor: pointer;
  }
  .rollout-automations-list-item__options__content button {
    font-weight: 500;
    border-radius: 8px;
    height: 32px;
    width: 100%;
    cursor: pointer;
    transition: all 0.2s ease 0s;
  }
  .rollout-automations-list-item__options__popover {
    display: flex;
    flex-direction: column;
    background: white;
    border-width: 1px;
    border-style: solid;
    border-image: initial;
    border-radius: var(--radii-md);
    border-color: var(--colors-neutral-4);
  }
  .rollout-automations-list-item__options__popover ul {
    list-style: none;
    outline: none;
    margin: 0px;
    padding: 0px;
  }
  .rollout-automations-list-item__options__popover_option {
    padding: var(--space-2);
    display: flex;
    gap: var(--space-2);
    align-items: center;
    font-size: var(--fontSizes-2);
    cursor: pointer;
    transition: all 0.2s ease 0s;
  }
  .rollout-automations-list-item__options__popover_option:hover {
    background: rgba(83, 134, 247, 0.12);
  }
  .rollout-automations-list-item__options__popover_option_delete {
    padding: var(--space-2);
    display: flex;
    gap: var(--space-2);
    align-items: center;
    font-size: var(--fontSizes-2);
    cursor: pointer;
    transition: all 0.2s ease 0s;
  }
  .rollout-automations-list-item__options__popover_option_delete:hover {
    background: rgba(219, 97, 92, 0.1);
    color: var(--colors-error);
  }
  .rollout-automations-list-item__options__popover_option_cancel {
    padding: var(--space-2);
    display: flex;
    gap: var(--space-2);
    align-items: center;
    font-size: var(--fontSizes-2);
    cursor: pointer;
    transition: all 0.2s ease 0s;
  }
  .rollout-automations-list__meatball_menu__button {
    all: unset;
    cursor: pointer;
    user-select: none;
    outline: none;
  }
  .rollout-automations-list__meatball_menu__button__svg {
    transition: all 0.2s ease 0s;
    fill: var(--colors-neutral-4);
  }
  .rollout-automations-list__meatball_menu:hover {
    fill: var(--colors-text);
    scale: 1.1;
  }
  .rollout-automations-manager__navbar {
    padding-block-start: var(--space-3);
    padding-block-end: var(--space-3);
  }
  .rollout-automations-manager__back-btn {
    border: none;
    background: none;
    color: inherit;
  }
  .rollout-automations-manager__header-back__arrow {
    cursor: pointer;
  }
  .rollout-blueprints-list__container {
    display: flex;
    flex-direction: column;
  }
  .rollout-blueprints-list__header {
    display: flex;
    padding-block: 16px;
    margin-bottom: 16px;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgb(239, 241, 244);
  }
  .rollout-blueprints-list__header-title {
    font-weight: 600;
  }
  .rollout-blueprints-list__search-input {
    padding-inline: 40px;
    padding-block: 10px;
    border-radius: var(--radii-md);
    outline: none;
    border-width: 2px;
    border-color: rgb(239, 241, 244);
  }
  .rollout-blueprints-list__search-input:focus {
    border-color: var(--colors-interactPrimary);
  }
  .rollout-blueprints-list__search-input {
    border-style: solid;
    background: rgb(248, 249, 251);
  }
  .rollout-blueprints-list__search-input__group {
    position: relative;
    display: flex;
    margin-bottom: var(--space-4);
    color: rgb(145, 149, 156);
  }
  .rollout-blueprints-list__search-input__left-element {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 2;
    display: flex;
    height: 40px;
    width: 40px;
    font-size: var(--fontSizes-md);
    align-items: center;
    justify-content: center;
    pointer-events: none;
  }
  .rollout-blueprints-list__search-input__left-element svg {
    height: 20px;
    width: 20px;
  }
  .rollout-blueprints-list__not-found {
    padding-inline-start: var(--space-4);
  }
  .rollout-blueprints-list__new-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 12px;
    white-space: nowrap;
    background-color: rgb(83, 134, 247);
    color: white;
    border: none;
    border-radius: 8px;
    height: 32px;
    cursor: pointer;
  }
  .rollout-blueprints-list__empty-msg {
    text-align: center;
    padding: 20px;
    border: 1px solid rgb(239, 241, 244);
    border-radius: 4px;
  }
  .rollout-blueprints-list__error-msg {
    text-align: center;
    padding: 20px;
    border: 1px dashed rgb(170, 72, 73);
    border-radius: 4px;
  }
  .rollout-blueprints-list__list {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  }
  .rollout-blueprints-list__item-wrapper {
    position: relative;
    margin-bottom: 8px;
    max-width: 343px;
    border: 1px solid rgb(213, 220, 226);
    border-radius: 8px;
  }
  .rollout-blueprints-list__item-wrapper:hover {
    border: 1px solid rgb(173, 180, 186);
  }
  .rollout-blueprints-list__item-wrapper[data-deleting] {
    opacity: 0.4;
  }
  .rollout-blueprints-list__item-wrapper[data-deleting]::after {
    content: '';
    position: absolute;
    inset: 0px;
    user-select: none;
    cursor: wait;
  }
  .rollout-blueprints-list {
    position: relative;
  }
  .rollout-blueprints-list__item {
    padding: 16px;
    cursor: pointer;
  }
  .rollout-blueprints-list-item__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .rollout-blueprints-list-item__icons {
    display: inline-flex;
  }
  .rollout-blueprints-list-item__icons .rollout-blueprints-list-item__trigger,
  .rollout-blueprints-list-item__icons .rollout-blueprints-list-item__action {
    padding: var(--space-1);
    border-style: solid;
    border-width: 1px;
    border-color: var(--colors-strokeMedium);
    border-radius: var(--radii-md);
    font-size: 24px;
  }
  .rollout-blueprints-list-item__icons :first-child {
    border-start-end-radius: unset;
    border-end-end-radius: unset;
    margin-right: -1px;
  }
  .rollout-blueprints-list-item__icons :last-child {
    border-start-start-radius: unset;
    border-end-start-radius: unset;
  }
  .rollout-blueprints-list-item__icons {
    height: fit-content;
    width: fit-content;
  }
  .rollout-blueprints-list-item__name {
    margin-top: 12px;
    font-size: 16px;
    font-weight: 600;
    color: rgb(49, 55, 63);
    height: 72px;
  }
  .rollout-blueprints-list-item__switch {
    position: relative;
    margin-left: auto;
  }
  .rollout-blueprints-list-item__delete-confirm-dialog {
    padding: var(--space-3);
  }
  .rollout-blueprints-list-item__delete-confirm-text {
    padding-block-start: var(--space-2);
    padding-block-end: var(--space-2);
    font-size: var(--fontSizes-2);
    font-weight: 500;
  }
  .rollout-blueprints-list-item__delete-confirm-buttons {
    display: flex;
    justify-content: space-between;
    gap: var(--space-3);
    margin-top: var(--space-3);
  }
  .rollout-blueprints-manager__back-btn {
    border: none;
    background: none;
    color: inherit;
  }
  .rollout-blueprints-manager__navbar {
    padding-block-start: var(--space-3);
    padding-block-end: var(--space-3);
  }
  .rollout-blueprints-manager__header-back__arrow {
    cursor: pointer;
  }
  .rollout-button--primary,
  .rollout-button--secondary,
  .rollout-button--danger {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    height: 32px;
    padding: 4px 12px;
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
    text-align: center;
    border: 1px solid;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease 0s;
  }
  .rollout-button--primary[disabled],
  .rollout-button--secondary[disabled],
  .rollout-button--danger[disabled] {
    opacity: 0.5;
  }
  .rollout-button--primary {
    background-color: var(--colors-primary);
    border-color: rgb(83, 134, 247);
    color: white;
  }
  .rollout-button--primary:not([disabled]):hover {
    background: var(--colors-interactPrimary);
    border-color: var(--colors-interactPrimary);
  }
  .rollout-button--secondary {
    background-color: white;
    border-color: var(--colors-gray-1);
    color: var(--colors-neutral-2);
  }
  .rollout-button--secondary:not([disabled]):hover {
    background: var(--colors-gray-2);
  }
  .rollout-button--danger {
    color: var(--colors-error);
    background-color: var(--colors-white);
    border-color: var(--colors-error);
  }
  .rollout-button--danger:not([disabled]):hover {
    background-color: rgba(219, 97, 92, 0.1);
  }
  .rollout-combobox__input__spinner {
    flex-shrink: 0;
    width: 1rem;
    height: 1rem;
  }
  .rollout-combobox__input {
    width: 100%;
    padding-inline-start: var(--space-2);
    padding-inline-end: var(--space-2);
    padding-block-start: var(--space-2-5);
    padding-block-end: var(--space-2-5);
    background: none;
    color: inherit;
    outline: none;
    border: none;
    cursor: text;
    padding-right: 40px;
    font-size: 13px;
  }
  .rollout-combobox__input:focus {
    border-color: var(--colors-interactPrimary);
  }
  .rollout-combobox__input [data-disabled] {
    opacity: 0.4;
    cursor: not-allowed;
  }
  .rollout-combobox__input__left-element[data-icon] ~ .rollout-combobox__input {
    padding-left: 40px;
  }
  .rollout-combobox__input:disabled {
    cursor: not-allowed;
  }
  .rollout-form-control__input[data-error] .rollout-combobox__input__group {
    border-color: var(--colors-error);
  }
  .rollout-combobox__input__group {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    font-size: 13px;
    outline: none;
    border-radius: var(--radii-md);
    transition-duration: 250ms;
    transition-property: box-shadow, background-color;
    box-shadow: 0 0 0 1px var(--colors-strokeMedium);
  }
  .rollout-combobox__input__group[data-focused] {
    box-shadow: 0 0 0 1.5px var(--colors-primary);
  }
  .rollout-combobox__input__group[data-disabled] {
    cursor: not-allowed;
    color: var(--colors-grayMedium);
    background-color: var(--colors-surfaceSecondary);
  }
  .rollout-combobox__label {
    margin-bottom: var(--space-2);
  }
  .rollout-combobox__label span {
    color: var(--colors-primary);
  }
  .rollout-combobox__input__left-element,
  .rollout-combobox__input__right-element {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
  }
  .rollout-combobox__input__left-element[data-open],
  .rollout-combobox__input__right-element[data-open] {
    cursor: pointer;
  }
  .rollout-combobox__input__left-element,
  .rollout-combobox__input__right-element {
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    color: rgb(145, 149, 156);
    border: none;
    background: none;
  }
  .rollout-combobox__input__right-element {
    height: 16px;
    width: 16px;
    right: 8px;
    cursor: pointer;
  }
  .rollout-combobox__input__left-element {
    height: 24px;
    width: 24px;
    left: 8px;
  }
  .rollout-combobox__input__left-element:not([data-icon]) {
    display: none;
  }
  .rollout-combobox__input__left-element:not(.rollout-combobox__input__left-element--unstyled) {
    border-width: 1px;
    border-color: rgb(239, 241, 244);
    border-style: solid;
    border-radius: 6px;
    background: white;
  }
  .rollout-combobox__content ul {
    margin: 0px;
    padding: 0px;
  }
  .rollout-form-control__label {
    margin-bottom: 8px;
    font-size: var(--fontSizes-2);
    font-weight: 500;
    display: flex;
    align-items: center;
  }
  .rollout-form-control__lock-btn {
    margin-left: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid rgb(239, 241, 244);
    height: 20px;
    width: 20px;
    cursor: pointer;
    border-radius: 4px;
    box-shadow: var(--shadows-md);
    color: rgb(145, 149, 156);
    transition: all 0.2s ease 0s;
  }
  .rollout-form-control__lock-btn[data-locked] {
    color: rgb(154, 88, 246);
  }
  .rollout-form-control__lock-btn:hover {
    background: rgb(248, 249, 251);
  }
  .rollout-form-control__lock-btn svg {
    height: 14px;
  }
  .rollout-form-control__required-hint {
    padding-left: 4px;
    color: var(--colors-primary);
  }
  .rollout-form-control__description {
    margin-bottom: 8px;
    font-size: 13px;
  }
  .rollout-form-control__description code {
    background: var(--colors-gray-2);
    padding: var(--space-1);
    border-radius: var(--radii-1);
  }
  .rollout-form-control__error {
    margin-top: 4px;
    font-size: var(--fontSizes-2);
    color: var(--colors-error);
  }
  .rollout-form-control__input[data-error] .rollout__base-input {
    border-color: var(--colors-error);
  }
  .rollout-form-control__key-value-key {
    width: 30%;
  }
  .rollout-form-control__key-value-value {
    width: 70%;
  }
  .rollout-form-control__key-value-button {
    border-width: 1px;
    border-style: solid;
    border-image: initial;
    border-radius: 0.5rem;
    padding: 0.375rem;
    border-color: var(--colors-strokeDark);
    cursor: pointer;
    width: 2.325rem;
    height: 2.325rem;
    margin-bottom: 0.225rem;
  }
  .rollout-form-control__key-value-button:hover {
    background: var(--colors-strokeDark);
  }
  .rollout-form-control__key-value-button {
    float: right;
  }
  .rollout-form-control__key-value-button:disabled {
    background: none;
    cursor: auto;
  }
  .rollout-form-control__find-container {
    border-radius: 8px;
    display: flex;
    gap: var(--space-3);
    width: max-content;
    background: rgb(224, 225, 228);
  }
  .rollout-form-control__find-method {
    display: flex;
    background: rgb(224, 225, 228);
    width: max-content;
    border-radius: 6px;
  }
  .rollout-form-control-find__active {
    color: rgb(93, 136, 239);
    font-size: 0.8125rem;
    font-family: inherit;
    font-weight: 500;
    padding: 4px 36px;
    white-space: nowrap;
    background: white;
    height: 32px;
    cursor: pointer;
    border-radius: 8px;
    border: 1px solid rgb(224, 225, 228);
  }
  .rollout-form-control-find__disabled {
    color: rgb(108, 111, 117);
    font-family: inherit;
    font-size: 0.8125rem;
    font-weight: 500;
    padding: 4px 36px;
    white-space: nowrap;
    height: 32px;
    cursor: pointer;
    border-radius: 8px;
  }
  .rollout-form-control-flex-row {
    display: flex;
    flex-direction: row;
    gap: var(--space-3);
  }
  .rollout-form-control__key-value-container {
    align-items: flex-end;
    display: flex;
    flex-direction: row;
    gap: var(--space-3);
  }
  .rollout-listbox {
    width: 100%;
    margin: 0px;
    padding: 0px;
    max-height: 100%;
    outline: none;
    overflow: auto;
  }
  .rollout-listbox .rollout-tab__list {
    background: rgb(40, 42, 47);
    padding: 10px 12px;
    font-size: 13px;
    color: white;
    font-weight: 600;
    gap: 16px;
    border: none;
  }
  .rollout-listbox .rollout-tabs__tab {
    padding: 0px;
    border: none;
    color: white;
    opacity: 0.4;
    overflow-x: hidden !important;
  }
  .rollout-listbox .rollout-tabs__tab[data-selected] {
    opacity: 1;
  }
  .rollout-listbox__empty-msg {
    padding: var(--space-2);
    font-size: var(--fontSizes-2);
  }
  .rollout-listbox__section {
    margin: 0px;
    padding: 0px;
  }
  .rollout-listbox__option {
    display: flex;
    align-items: center;
    margin: 0px;
    padding-block-start: var(--space-2);
    padding-block-end: var(--space-2);
    padding-inline-start: var(--space-3);
    padding-inline-end: var(--space-3);
    font-size: var(--fontSizes-2);
    outline: none;
  }
  .rollout-listbox__option[data-focused] {
    background: rgb(244, 245, 248);
  }
  .rollout-listbox__option[data-disabled] {
    font-weight: 500;
    color: rgb(145, 149, 156);
  }
  .rollout-listbox__option[data-selected] {
    font-weight: 500;
    color: rgb(82, 132, 242);
    align-items: center;
  }
  .rollout-listbox__option + .rollout-listbox__option {
    border-top: 1px solid rgb(248, 249, 251);
    border-right-color: rgb(248, 249, 251);
    border-bottom-color: rgb(248, 249, 251);
    border-left-color: rgb(248, 249, 251);
  }
  .rollout-listbox__option-avatar {
    margin-right: var(--space-2);
    padding: 0px;
    border: none;
    background: rgb(195, 199, 206);
    color: white;
    border-radius: 100%;
    font-size: var(--fontSizes-1);
  }
  .rollout-listbox__option-icon-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 24px;
    width: 24px;
    padding: var(--space-1);
    border-width: 1px;
    border-color: var(--colors-strokeMedium);
    border-style: solid;
    border-radius: var(--radii-md);
    background: white;
  }
  .rollout-listbox__option-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 24px;
    width: 24px;
    margin-right: var(--space-2);
  }
  .rollout-popover {
    overflow: hidden;
    background-color: white;
    outline: rgb(213, 220, 226) solid 1px;
    border-radius: var(--radii-md);
    box-shadow: var(--shadows-lg);
  }
  .rollout-select__label {
    margin-bottom: var(--space-2);
  }
  .rollout-select__label span {
    color: var(--colors-primary);
  }
  .rollout-select__input__right-element {
    height: 16px;
    width: 16px;
    right: 8px;
    background: none;
    border: none;
    color: var(--colors-grayMedium);
  }
  .rollout-select__input__spinner {
    flex-shrink: 0;
    height: 12px;
    width: 12px;
  }
  .rollout-select__multiple-alert {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-inline: 12px;
    padding-block: 8px;
    background: rgb(83, 134, 246);
    color: white;
  }
  .rollout-select__multiple-alert span {
    font-size: 13px;
    font-weight: 500;
  }
  .rollout-select__container {
    overflow: auto;
  }
  .rollout-select__content ul {
    margin: 0px;
    padding: 0px;
  }
  .rollout-select__option-check__icon {
    margin-left: auto;
  }
  .rollout-select__option {
    display: flex;
    align-items: center;
    padding: var(--space-2);
    font-size: var(--fontSizes-2);
    outline: none;
    cursor: pointer;
    border-bottom: 1px solid rgb(248, 249, 251);
    border-top-color: rgb(248, 249, 251);
    border-right-color: rgb(248, 249, 251);
    border-left-color: rgb(248, 249, 251);
  }
  .rollout-select__option[data-focused] {
    background: rgb(244, 245, 248);
  }
  .rollout-select__option[data-disabled] {
    font-weight: 400;
    color: rgb(145, 149, 156);
    pointer-events: none;
    cursor: none;
  }
  .rollout-select__option[data-selected] {
    font-weight: 500;
    color: rgb(82, 132, 242);
    align-items: center;
  }
  .rollout-select__tag {
    margin: 2px;
    padding-inline: 6px;
    padding-block: 1px;
    height: fit-content;
    display: flex;
    align-items: center;
    gap: 4px;
    background: white;
    border: 1px solid rgb(239, 241, 244);
    border-radius: 4px;
    font-weight: 500;
    cursor: pointer;
    white-space: nowrap;
  }
  .rollout-select__variable-tag {
    margin: 2px;
    padding-inline-start: var(--space-1);
    padding-inline-end: var(--space-1);
    padding-block: 1px;
    display: inline-flex;
    border-radius: var(--radii-base);
    align-items: center;
    vertical-align: middle;
    background-color: var(--colors-surfaceSecondary);
    border-width: 1px;
    border-style: solid;
    border-image: initial;
    border-color: var(--colors-strokeMedium);
    gap: 4px;
    cursor: pointer;
    white-space: nowrap;
  }
  .rollout-select__tag-icon {
    color: rgb(145, 149, 156);
  }
  .rollout-select__tag-icon:hover {
    color: black;
  }
  .rollout-select__input {
    background: none;
    outline: none;
    border: none;
    width: 100%;
    padding: 0px;
    color: inherit;
    cursor: text;
    font-size: 13px;
  }
  .rollout-select__input:disabled {
    cursor: not-allowed;
  }
  .rollout-select__input__group {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    font-size: 13px;
    outline: none;
    border-width: 1px;
    border-radius: var(--radii-md);
    border-style: solid;
    border-color: var(--colors-strokeMedium);
  }
  .rollout-select__input__group[data-focused] {
    border-color: var(--colors-interactPrimary);
  }
  .rollout-select__input__group[data-disabled] {
    cursor: not-allowed;
    color: var(--colors-grayMedium);
    background-color: var(--colors-surfaceSecondary);
  }
  .rollout-select__input__group {
    height: 36px;
    padding-left: 8px;
    padding-right: 12px;
  }
  .rollout-select__input__group .rollout-select__input {
    padding-left: 0px;
  }
  .rollout-form-control__input[data-error] .rollout-select__input__group {
    border-color: var(--colors-error);
  }
  .rollout-multiselect__section {
    padding-top: var(--space-2);
    font-size: var(--fontSizes-1);
    font-weight: 700;
    text-transform: uppercase;
    margin-inline-start: var(--space-3);
    margin-inline-end: var(--space-3);
    color: black;
  }
  .rollout-automation-form__line-items-container {
    border: 1px solid rgb(223, 225, 228);
    border-radius: 8px;
  }
  .rollout-automation-form__line-items-header {
    padding: 12px;
    display: flex;
    gap: 12px;
    align-items: flex-start;
    flex-direction: column;
    border-radius: 8px;
  }
  .rollout-automation-form__line_items-description {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-size: 13px;
    font-weight: 400;
  }
  .rollout-automation-form__line-items-title {
    display: flex;
    justify-content: space-between;
    width: 100%;
    font-size: 13px;
    font-weight: 500;
  }
  .rollout-automation-form__line-items-title-right-element {
    cursor: pointer;
    text-decoration: underline dotted;
    text-underline-offset: 0.2255rem;
    color: var(--colors-primary);
    font-size: var(--fontSizes-1);
    font-weight: 500;
  }
  .rollout-automation-form__line-items-title-right-element:hover {
    color: var(--colors-interactPrimary);
  }
  .rollout-automation-form__line-items-title-right-element[aria-disabled='true'] {
    display: none;
  }
  .rollout-automation-form__line-items-content {
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    height: auto;
    transition: all 0.2s ease 0s;
  }
  .rollout-automation-form__line-items-content[aria-busy='true'] {
    padding: 0px 0px 14px;
    padding-inline: 14px;
  }
  .rollout-automation-form__line-items-content[aria-disabled='true'] {
    display: none;
  }
  .rollout-automation-form__line-items-content[aria-hidden='true'] {
    height: 0px;
    overflow: hidden;
    opacity: 0;
    width: 0px;
    padding: 0px;
    transition: all 0.2s ease 0s;
  }
  .rollout-error-fallback__container {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px;
    gap: 16px;
    margin: 24px auto;
    width: 572px;
    height: 173px;
    border: 1px solid rgb(213, 220, 226);
    border-radius: 8px;
  }
  .rollout-error-fallback__text-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    width: 227px;
    height: 48px;
  }
  .rollout-automation-form__action-description {
    font-size: 0.75rem;
    font-weight: 400;
    color: var(--colors-text);
    line-height: 1.125rem;
    width: 100%;
  }
  .rollout-automation-form__action-description__with-margin {
    font-size: 0.75rem;
    font-weight: 400;
    color: var(--colors-text);
    line-height: 1.125rem;
    width: 100%;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-color: var(--colors-strokeDark);
    margin-bottom: 0.5rem;
    background: var(--colors-surfaceSecondary);
    padding: 0.5rem;
    border-radius: 5px;
  }
  .rollout-automation-form__action-error {
    font-size: 0.75rem;
    font-weight: 400;
    color: var(--colors-error);
    line-height: 1.125rem;
    width: 100%;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-color: var(--colors-strokeDark);
    margin-bottom: 0.5rem;
    background: rgba(219, 97, 92, 0.1);
    padding: 0.5rem;
    border-radius: 5px;
  }
  .rollout-automation-form__action-error-title {
    display: flex;
    gap: var(--space-1);
    margin-bottom: var(--space-2);
  }
  .rollout-automation-form__action-code-tag {
    font-family: monospace;
    padding: 0.25rem;
    background: var(--colors-strokeMedium);
    border-radius: 5px;
  }
  .rollout-error-fallback__message {
    color: rgb(108, 111, 117);
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
  }
  .rollout-error-fallback__additional-info {
    color: rgb(108, 111, 117);
    font-family: Inter;
    font-style: normal;
    font-size: 13px;
    line-height: 150%;
  }
  .rollout-credential-input__combobox-popover .rollout-listbox__option {
    cursor: unset;
  }
  .rollout-credential-input__delete-account-btn {
    display: flex;
    border: none;
    background: none;
    border-radius: 4px;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    font-size: 1rem;
    transition: all 0.2s ease 0s;
    opacity: 0.75;
    color: rgb(219, 97, 92);
  }
  .rollout-credential-input__delete-account-btn:hover {
    background: rgba(219, 97, 92, 0.1);
    box-shadow: rgba(219, 97, 92, 0.1) 0px 0px 0px 3px;
  }
  [role='group']:hover .rollout-credential-input__delete-account-btn {
    opacity: 1;
  }
  .rollout-credential-input__delete-account-info {
    background: rgb(244, 245, 248);
    font-size: 1.25rem;
    color: var(--colors-primary);
    display: flex;
  }
  .rollout-credential-input__delete-account-btn-confirm {
    color: var(--colors-error);
    transition: all 0.2s ease 0s;
    background-color: white;
    border-width: 1px;
    border-style: solid;
    border-image: initial;
    border-color: var(--colors-error);
    border-radius: 4px;
    font-size: 12px;
    padding: 4px;
    padding-inline: 8px;
    cursor: pointer;
  }
  .rollout-credential-input__delete-account-btn-confirm:hover {
    background: var(--colors-interactError);
    color: var(--colors-error);
  }
  .rollout-credential-input__delete-account-btn-cancel {
    color: var(--colors-neutral-2);
    background: white;
    transition: all 0.2s ease 0s;
    border-radius: 4px;
    border-width: 1px;
    border-style: solid;
    border-image: initial;
    border-color: var(--colors-gray-1);
    margin-right: 5px;
    font-size: 12px;
    padding: 4px;
    padding-inline: 8px;
    cursor: pointer;
  }
  .rollout-credential-input__delete-account-btn-cancel:hover {
    background: var(--colors-gray-2);
    border-color: var(--colors-neutral-2);
  }
  .rollout-credential-input__delete-account-btn-div {
    gap: 5px;
  }
  .rollout-filebrowser {
    padding: 0px;
    list-style: none;
    overflow: auto;
    border-radius: 4px;
  }
  .rollout-filebrowser-back-button {
    max-width: 100px;
  }
  .rollout-filebrowser-selected-folder-display {
    font-size: 14px;
  }
  .rollout-filebrowser li {
    outline: none;
    border-bottom: 2px solid rgb(248, 249, 251);
    border-top-color: rgb(248, 249, 251);
    border-right-color: rgb(248, 249, 251);
    border-left-color: rgb(248, 249, 251);
  }
  .rollout-filebrowser li:hover {
    background: rgb(248, 249, 251);
  }
  .rollout-filebrowser__list-item-display {
    display: flex;
    flex-direction: column;
    padding-left: 5px;
  }
  .rollout-filebrowser__list-item-display-name {
    font-size: 14px;
  }
  .rollout-filebrowser__list-item-display-description {
    font-size: 14px;
  }
  .rollout-filebrowser li[aria-selected='true'] {
    background: rgb(244, 245, 248);
  }
  .rollout-filebrowser [role='gridcell'] {
    display: flex;
    align-items: center;
    gap: 4px;
  }
  .rollout-filebrowser li button {
    margin-left: auto;
  }
  .rollout-automations-workflow-error-card {
    display: flex;
    gap: 12px;
    padding: 12px;
    background-color: rgb(219, 97, 92);
    border-radius: 8px;
  }
  .rollout-automations-workflow-error-text {
    font-size: 13px;
    color: white;
  }
  .rollout-automation-form__header:empty {
    display: none;
  }
  .rollout-automation-form {
    display: flex;
    flex-direction: column;
    gap: 20px;
    position: relative;
  }
  .rollout-automation-form__name {
    height: 44px;
    font-weight: 500;
    font-size: 15px;
    background: none white;
    color: inherit;
    border-width: 1px;
    border-style: solid;
    border-image: initial;
    border-color: var(--colors-strokeDark);
    border-radius: 8px;
    padding-inline-start: var(--space-4);
    padding-inline-end: var(--space-4);
    outline: none;
  }
  .rollout-automation-form__name[aria-invalid]::placeholder {
    color: var(--colors-error);
  }
  .rollout-automation-form__action-inputs-wrapper,
  .rollout-automation-form__trigger-inputs-wrapper {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
  }
  .rollout-automation-form__trigger {
    border: 1px solid rgb(213, 220, 226);
    border-radius: 8px;
    padding: 16px;
    background: white;
  }
  .rollout-automation-form__trigger-inputs {
    margin-top: var(--space-3);
    border: 1px solid rgb(213, 220, 226);
    border-radius: 8px;
    padding: 16px;
    background: white;
  }
  .rollout-automation-form__action {
    border: 1px solid rgb(213, 220, 226);
    border-radius: 8px;
    padding: 16px;
    background: white;
  }
  .rollout-automation-form__action__loading {
    margin-top: var(--space-1-5);
    font-size: var(--fontSizes-1);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  .rollout-automation-form__action__loading-app {
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: center;
  }
  .rollout-automation-form__action__loading-app-icon {
    transform: scale(1);
    animation: 1.25s ease 0s infinite normal none running k-gYltyn;
    display: flex;
  }
  .rollout-automation-form__action__loading-error {
    display: flex;
    align-items: center;
    gap: 6px;
  }
  .rollout-automation-form__action__loading-spinner-container {
    padding-right: 12px;
  }
  .rollout-automation-form__alert-container {
    position: sticky;
    bottom: 0px;
    z-index: 900;
    padding-block-start: var(--space-4);
    padding-block-end: var(--space-4);
  }
  .rollout-automation-form__alert {
    font-weight: 600;
    font-size: 16px;
    background: rgb(219, 97, 92);
    padding: var(--space-3);
    color: white;
    border-radius: 6px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    animation: 300ms ease 0s 1 normal none running k-eyOShd;
  }
  .rollout-automation-form__alert-close-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    width: 24px;
    height: 24px;
    margin: 0px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    color: white;
  }
  .rollout-automation-form__alert-close-btn:hover {
    background: rgba(255, 255, 255, 0.4);
  }
  .rollout-automation-form__action-inputs {
    border: 1px solid rgb(213, 220, 226);
    border-radius: 8px;
    padding: 16px;
    background: white;
  }
  .rollout-automation-form__trigger-trigger {
    margin-bottom: var(--space-3);
  }
  .rollout-automation-form__trigger .rollout-automation-form__trigger-app {
    margin-bottom: var(--space-3);
  }
  .rollout-automation-form__action .rollout-automation-form__action-app {
    margin-bottom: var(--space-3);
  }
  .rollout-automation-form__trigger .rollout-automation-form__credentials {
    margin-top: var(--space-3);
  }
  .rollout-automation-form__action .rollout-automation-form__credentials {
    margin-top: var(--space-3);
  }
  .rollout-automation-form__credentials .rollout-credential-input__custom-params {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    margin-top: var(--space-3);
  }
  .rollout-automation-form__label {
    line-height: 1;
    font-weight: 600;
    margin-bottom: var(--space-2);
  }
  .rollout-automation-form__helper-text {
    margin-bottom: 12px;
    font-size: var(--fontSizes-2);
  }
  .rollout-automation-form__content {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .rollout-automation-form-oauth__error__message {
    margin-top: 4px;
    font-size: var(--fontSizes-2);
    color: var(--colors-error);
  }
  .rollout-input {
    height: 36px;
    padding-inline-start: var(--space-2);
    padding-inline-end: var(--space-2);
    padding-block-start: var(--space-2-5);
    padding-block-end: var(--space-2-5);
    background-color: white;
    border-width: 1px;
    border-style: solid;
    border-image: initial;
    border-color: var(--colors-strokeMedium);
    border-radius: 6px;
  }
  .rollout-input:focus {
    outline: none;
    border-color: var(--colors-primary);
  }
  .rollout-input[disabled] {
    cursor: not-allowed;
    background-color: var(--colors-surfaceSecondary);
  }
  [data-error] .rollout-input {
    border-color: transparent;
    box-shadow: 0 0 0 1px var(--colors-error);
  }
  .rollout-automation-form__buttons {
    display: flex;
    gap: var(--space-3);
  }
  .rollout-automation-form__delete {
    position: relative;
    margin-left: auto;
  }
  .rollout-automation-form__cancel ~ .rollout-automation-form__delete {
    margin-left: auto;
  }
  .rollout-automation-form-delete__confirm-dialog {
    position: absolute;
    z-index: 90;
    bottom: 100%;
    right: 0px;
    white-space: nowrap;
    background: white;
    margin-bottom: 12px;
    padding: 12px;
    border: 1px solid rgb(248, 249, 251);
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 16px;
  }
  .rollout-automation-form__delete-confirm-text {
    padding: var(--space-3);
    font-size: var(--fontSizes-2);
    font-weight: 500;
  }
  .rollout-automation-form__delete-confirm-buttons {
    display: flex;
    justify-content: space-between;
    gap: var(--space-3);
    margin-top: var(--space-3);
  }
  .rollout-automation-form__delete-cancel,
  .rollout-automation-form__delete-confirm {
    width: 100%;
  }
  .rollout-automation-form__submit[disabled],
  .rollout-automation-form__submit[data-loading] {
    opacity: 0.3;
  }
  .rollout-credential-input__custom-params-input {
    height: 32px;
    background: rgb(248, 249, 251);
    border: 1px solid rgb(239, 241, 244);
    border-radius: 4px;
    padding-inline: 8px;
  }
  .rollout-credential-input__custom-params-input:focus {
    background: white;
  }
  .rollout-credential-input__custom-params-input-info {
    font-size: 0.75rem;
    margin-bottom: var(--space-1-5);
    color: rgb(108, 111, 117);
    width: 100%;
  }
  .rollout-credential-input__custom-params-input-label {
    font-size: var(--fontSizes-2);
    margin-top: var(--space-1-5);
  }
  .rollout-credential-input__custom-params__save {
    margin-top: var(--space-3);
  }
  .rollout-key-value__container {
    display: flex;
    flex-direction: row;
    margin-bottom: 10px;
    gap: var(--space-2);
  }
  .rollout-credential-input__custom-params-connection-result {
    font-size: 0.85rem;
  }
  .rollout-credential-input__custom-params-connection-result-error {
    color: var(--colors-error);
    font-size: var(--fontSizes-2);
  }
  .rollout-credential-input__custom-params-apitoken-button-container {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: var(--space-2-5);
    gap: var(--space-2-5);
  }
  .rollout-blueprint-automation-editor__name {
    font-size: 18px;
    font-weight: 600;
    color: rgb(49, 55, 63);
  }
  .rollout-blueprint-activator__header {
    display: flex;
    align-items: center;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: var(--colors-strokeMedium);
    padding-block: 12px;
  }
  .rollout-blueprint-activator__name {
    margin-left: 16px;
  }
  .rollout-blueprint-activator__label {
    padding: 12px;
    font-size: var(--fontSizes-3);
    font-weight: bold;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: var(--colors-strokeMedium);
  }
  .rollout-blueprint-activator__trigger {
    margin-top: 12px;
    border-width: 1px;
    border-style: solid;
    border-image: initial;
    border-color: var(--colors-strokeMedium);
    border-radius: 8px;
  }
  .rollout-blueprint-activator__trigger .rollout-automation-form__credentials {
    margin-bottom: var(--space-3);
  }
  .rollout-blueprint-activator__trigger__fields {
    padding: 12px;
  }
  .rollout-blueprint-activator__activate-btn,
  .rollout-blueprint-activator__deactivate-btn {
    margin-top: 12px;
  }
  .rollout__loading_spinner_container {
    padding: 1rem;
    display: flex;
    justify-content: center;
  }
  .rollout__loading_spinner {
    height: 1rem;
    width: 1rem;
  }
  .rollout__base-input {
    background: rgb(248, 249, 251);
    border: 1px solid rgb(239, 241, 244);
    border-radius: 4px;
    padding-inline: 8px;
  }
  .rollout__base-input:focus {
    background: white;
  }
  input.rollout__base-input {
    height: 32px;
  }
  select.rollout__base-input {
    height: 32px;
  }
  .rollout__terms-of-service-link,
  .rollout__privacy-policy-link {
    color: rgb(49, 55, 63);
    text-decoration: underline;
  }
  .rollout__terms-of-service-link:hover,
  .rollout__privacy-policy-link:hover {
    color: rgb(30, 34, 39);
  }
  .ace_editor {
    background-color: var(--colors-surfaceSecondary);
  }
  .rollout-card {
    display: flex;
    flex-direction: column;
    gap: 12px;
    border: 1px solid rgb(213, 220, 226);
    border-radius: 8px;
    padding: 16px;
    background: white;
  }
  @keyframes k-fehnNV {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
}
--sxs {
  --sxs: 2;
}
@media {
  .c-bHPvUv {
    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 1em;
    flex-shrink: 0;
  }
  .c-dhzjXW {
    display: flex;
  }
  .c-kFFwkp {
    display: inline-block;
    width: 1em;
    height: 1em;
    border-color: currentcolor currentcolor transparent transparent;
    border-style: solid;
    border-radius: 99999px;
    border-width: 2px;
    animation: 0.45s linear 0s infinite normal none running k-fehnNV;
  }
  .c-jKOUQW {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .c-iHZIHw {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 4px;
    margin-bottom: 4px;
    align-items: stretch;
    max-width: 100%;
    min-width: 0px;
    border-radius: var(--radii-base);
    transition-duration: 250ms;
    transition-property: box-shadow, background-color;
    box-shadow: 0 0 0 1px var(--colors-strokeMedium);
  }
  .c-iHZIHw:hover:not([data-disabled]) {
    box-shadow: 0 0 0 1px var(--colors-surfaceSecondary);
  }
  .c-iHZIHw[data-focus]:not([data-disabled]) {
    box-shadow: 0 0 0 1.5px var(--colors-primary);
  }
  .rollout-form-control__input[data-error] .c-iHZIHw {
    box-shadow: 0 0 0 1px var(--colors-error);
  }
  .c-iHZIHw[data-disabled] {
    cursor: not-allowed;
  }
  .c-iHZIHw[data-is-empty] .ProseMirror::before {
    color: var(--placeholder-color, var(--colors-gray));
    content: attr(data-placeholder);
    float: left;
    height: 0px;
    pointer-events: none;
  }
  .c-izQlGT {
    font-size: var(--fontSizes-3);
    padding: var(--space-2);
  }
  .c-izQlGT a {
    all: unset;
  }
  .c-izQlGT a:hover {
    text-decoration: underline;
  }
  .c-izQlGT em {
    all: unset;
    font-style: italic;
  }
  .c-izQlGT strong {
    all: unset;
    font-weight: 600;
  }
  .c-izQlGT p {
    all: unset;
    display: block;
    margin-bottom: 1px;
  }
  .c-izQlGT p:last-child {
    margin-bottom: 0px;
  }
  .c-izQlGT p:last-child {
    margin-bottom: 0px;
  }
  .c-izQlGT ul {
    all: unset;
    padding-left: 6px;
  }
  .c-izQlGT blockquote {
    all: unset;
    border-left-width: 0.25rem;
    padding-left: 2px;
  }
  .c-izQlGT .ProseMirror:focus {
    box-shadow: none;
    outline: none;
  }
  .c-izQlGT .ProseMirror [contenteditable='false'] {
    white-space: unset;
  }
  .c-cHoohy {
    display: none;
  }
  .rollout-rich-editor__container[data-focus] .c-cHoohy {
    display: block;
  }
  .c-cHoohy {
    width: 100%;
    padding-bottom: var(--space-1);
    font-size: var(--fontSizes-3);
  }
  .c-oPTDz {
    color: var(--colors-neutral-2);
    font-size: var(--fontSizes-2);
    border-color: var(--colors-strokeMedium);
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
  }
  .c-oPTDz:hover {
    color: var(--colors-text);
  }
  .c-oPTDz[data-selected] {
    color: var(--colors-primary);
  }
}
--sxs {
  --sxs: 3;
}
@media {
}
--sxs {
  --sxs: 4;
}
@media {
}
--sxs {
  --sxs: 5;
}
@media {
}
--sxs {
  --sxs: 6;
}
@media {
  .c-dhzjXW-ibGgKwC-css {
    flex-direction: column;
    position: relative;
    gap: var(--space-2);
    width: 100%;
  }
  .PJLV-ijhLAfI-css {
    width: 1em;
  }
  .PJLV-iBwIxo-css {
    --switch-width: 30px;
    --slider-size: 16px;
    --slider-padding: 2px;
    position: relative;
    display: inline-block;
    width: var(--switch-width);
    height: 20px;
  }
  .PJLV-iBwIxo-css input {
    height: 0px;
    width: 0px;
    opacity: 0;
  }
  .PJLV-iBwIxo-css {
    transition: all 0.2s ease 0s;
  }
  .PJLV-iBwIxo-css input:checked + [data-toggle-slider] {
    background: rgb(86, 186, 112);
  }
  .PJLV-iBwIxo-css input:checked + [data-toggle-slider]:hover {
    background: rgb(67, 136, 85);
  }
  .PJLV-iBwIxo-css input:focus + [data-toggle-slider] {
    box-shadow: rgb(33, 150, 243) 0px 0px 3px;
  }
  .PJLV-iBwIxo-css input:checked + [data-toggle-slider]::before {
    transform: translate(
      calc(
        var(--switch-width) - (var(--slider-size) + (2 * var(--slider-padding)))
      ),
      -50%
    );
  }
  .PJLV-ieknCAJ-css {
    position: absolute;
    cursor: pointer;
    inset: 0px;
    background: rgb(204, 204, 204);
    transition: all 0.4s ease 0s;
    border-radius: 20px;
  }
  .PJLV-ieknCAJ-css::before {
    border-radius: 50%;
    position: absolute;
    content: '';
    height: var(--slider-size);
    width: var(--slider-size);
    top: 50%;
    transform: translateY(-50%);
    left: var(--slider-padding);
    background: white;
    transition: all 0.2s ease 0s;
  }
  .PJLV-igjdJOs-css {
    text-align: center;
  }
  .PJLV-ijKOUQW-css {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .PJLV-iidvwGY-css {
    padding-left: var(--space-2);
    font-weight: 700;
    color: var(--colors-neutral-2);
  }
  .PJLV-iioQcXH-css {
    margin-top: var(--space-2);
    font-size: 8px;
    color: var(--colors-grayMedium);
  }
  .PJLV-ieczWtq-css {
    color: black;
    text-decoration: underline;
  }
  .c-bHPvUv-iiksodm-css {
    width: var(--space-3);
  }
  .PJLV-ifxrEBZ-css {
    overflow: hidden;
  }
  .c-dhzjXW-ifPohPZ-css {
    justify-content: space-between;
    padding-inline-start: var(--space-1);
    padding-inline-end: var(--space-1);
  }
}