svg.svelte-1yvo8z3 {
      width: var(--chevron-icon-width, 20px);
      height: var(--chevron-icon-width, 20px);
      color: var(--chevron-icon-colour, currentColor);
  }

    svg.svelte-1fdiq11 {
        width: var(--clear-icon-width, 20px);
        height: var(--clear-icon-width, 20px);
        color: var(--clear-icon-color, currentColor);
    }

    .loading.svelte-rx9jqw {
        width: var(--spinner-width, 20px);
        height: var(--spinner-height, 20px);
        color: var(--spinner-color, var(--icons-color));
        animation: svelte-rx9jqw-rotate 0.75s linear infinite;
        transform-origin: center center;
        transform: none;
    }

    .circle_path.svelte-rx9jqw {
        stroke-dasharray: 90;
        stroke-linecap: round;
    }

    @keyframes svelte-rx9jqw-rotate {
        100% {
            transform: rotate(360deg);
        }
    }

    .svelte-select.svelte-1g6gptd {
        /* deprecating camelCase custom props in favour of kebab-case for v5 */
        --borderRadius: var(--border-radius);
        --clearSelectColor: var(--clear-select-color);
        --clearSelectWidth: var(--clear-select-width);
        --disabledBackground: var(--disabled-background);
        --disabledBorderColor: var(--disabled-border-color);
        --disabledColor: var(--disabled-color);
        --disabledPlaceholderColor: var(--disabled-placeholder-color);
        --disabledPlaceholderOpacity: var(--disabled-placeholder-opacity);
        --errorBackground: var(--error-background);
        --errorBorder: var(--error-border);
        --groupItemPaddingLeft: var(--group-item-padding-left);
        --groupTitleColor: var(--group-title-color);
        --groupTitleFontSize: var(--group-title-font-size);
        --groupTitleFontWeight: var(--group-title-font-weight);
        --groupTitlePadding: var(--group-title-padding);
        --groupTitleTextTransform: var(--group-title-text-transform);
        --groupTitleBorderColor: var(--group-title-border-color);
        --groupTitleBorderWidth: var(--group-title-border-width);
        --groupTitleBorderStyle: var(--group-title-border-style);
        --indicatorColor: var(--chevron-color);
        --indicatorHeight: var(--chevron-height);
        --indicatorWidth: var(--chevron-width);
        --inputColor: var(--input-color);
        --inputLeft: var(--input-left);
        --inputLetterSpacing: var(--input-letter-spacing);
        --inputMargin: var(--input-margin);
        --inputPadding: var(--input-padding);
        --itemActiveBackground: var(--item-active-background);
        --itemColor: var(--item-color);
        --itemFirstBorderRadius: var(--item-first-border-radius);
        --itemHoverBG: var(--item-hover-bg);
        --itemHoverColor: var(--item-hover-color);
        --itemIsActiveBG: var(--item-is-active-bg);
        --itemIsActiveColor: var(--item-is-active-color);
        --itemIsNotSelectableColor: var(--item-is-not-selectable-color);
        --itemPadding: var(--item-padding);
        --listBackground: var(--list-background);
        --listBorder: var(--list-border);
        --listBorderRadius: var(--list-border-radius);
        --listEmptyColor: var(--list-empty-color);
        --listEmptyPadding: var(--list-empty-padding);
        --listEmptyTextAlign: var(--list-empty-text-align);
        --listMaxHeight: var(--list-max-height);
        --listPosition: var(--list-position);
        --listShadow: var(--list-shadow);
        --listZIndex: var(--list-z-index);
        --multiItemBG: var(--multi-item-bg);
        --multiItemBorderRadius: var(--multi-item-border-radius);
        --multiItemDisabledHoverBg: var(--multi-item-disabled-hover-bg);
        --multiItemDisabledHoverColor: var(--multi-item-disabled-hover-color);
        --multiItemHeight: var(--multi-item-height);
        --multiItemMargin: var(--multi-item-margin);
        --multiItemPadding: var(--multi-item-padding);
        --multiSelectInputMargin: var(--multi-select-input-margin);
        --multiSelectInputPadding: var(--multi-select-input-padding);
        --multiSelectPadding: var(--multi-select-padding);
        --placeholderColor: var(--placeholder-color);
        --placeholderOpacity: var(--placeholder-opacity);
        --selectedItemPadding: var(--selected-item-padding);
        --spinnerColor: var(--spinner-color);
        --spinnerHeight: var(--spinner-height);
        --spinnerWidth: var(--spinner-width);

        --internal-padding: 0 0 0 16px;

        border: var(--border, 1px solid #d8dbdf);
        border-radius: var(--border-radius, 6px);
        min-height: var(--height, 42px);
        position: relative;
        display: flex;
        align-items: stretch;
        padding: var(--padding, var(--internal-padding));
        background: var(--background, #fff);
        margin: var(--margin, 0);
        width: var(--width, 100%);
        font-size: var(--font-size, 16px);
        max-height: var(--max-height);
    }

    .svelte-1g6gptd {
        box-sizing: var(--box-sizing, border-box);
    }

    .svelte-select.svelte-1g6gptd:hover {
        border: var(--border-hover, 1px solid #b2b8bf);
    }

    .value-container.svelte-1g6gptd {
        display: flex;
        flex: 1 1 0%;
        flex-wrap: wrap;
        align-items: center;
        gap: 5px 10px;
        padding: var(--value-container-padding, 5px 0);
        position: relative;
        overflow: var(--value-container-overflow, hidden);
        align-self: stretch;
    }

    .prepend.svelte-1g6gptd,
    .indicators.svelte-1g6gptd {
        display: flex;
        flex-shrink: 0;
        align-items: center;
    }

    .indicators.svelte-1g6gptd {
        position: var(--indicators-position);
        top: var(--indicators-top);
        right: var(--indicators-right);
        bottom: var(--indicators-bottom);
    }

    input.svelte-1g6gptd {
        position: absolute;
        cursor: default;
        border: none;
        color: var(--input-color, var(--item-color));
        padding: var(--input-padding, 0);
        letter-spacing: var(--input-letter-spacing, inherit);
        margin: var(--input-margin, 0);
        min-width: 10px;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: transparent;
        font-size: var(--font-size, 16px);
    }

    .svelte-1g6gptd:not(.multi) > .value-container:where(.svelte-1g6gptd) > input:where(.svelte-1g6gptd) {
        width: 100%;
        height: 100%;
    }

    input.svelte-1g6gptd::-moz-placeholder {
        color: var(--placeholder-color, #78848f);
        opacity: var(--placeholder-opacity, 1);
    }

    input.svelte-1g6gptd::placeholder {
        color: var(--placeholder-color, #78848f);
        opacity: var(--placeholder-opacity, 1);
    }

    input.svelte-1g6gptd:focus {
        outline: none;
    }

    .svelte-select.focused.svelte-1g6gptd {
        border: var(--border-focused, 1px solid #006fe8);
        border-radius: var(--border-radius-focused, var(--border-radius, 6px));
    }

    .disabled.svelte-1g6gptd {
        background: var(--disabled-background, #ebedef);
        border-color: var(--disabled-border-color, #ebedef);
        color: var(--disabled-color, #c1c6cc);
    }

    .disabled.svelte-1g6gptd input:where(.svelte-1g6gptd)::-moz-placeholder {
        color: var(--disabled-placeholder-color, #c1c6cc);
        opacity: var(--disabled-placeholder-opacity, 1);
    }

    .disabled.svelte-1g6gptd input:where(.svelte-1g6gptd)::placeholder {
        color: var(--disabled-placeholder-color, #c1c6cc);
        opacity: var(--disabled-placeholder-opacity, 1);
    }

    .selected-item.svelte-1g6gptd {
        position: relative;
        overflow: var(--selected-item-overflow, hidden);
        padding: var(--selected-item-padding, 0 20px 0 0);
        text-overflow: ellipsis;
        white-space: nowrap;
        color: var(--selected-item-color, inherit);
        font-size: var(--font-size, 16px);
    }

    .multi.svelte-1g6gptd .selected-item:where(.svelte-1g6gptd) {
        position: absolute;
        line-height: var(--height, 42px);
        height: var(--height, 42px);
    }

    .selected-item.svelte-1g6gptd:focus {
        outline: none;
    }

    .hide-selected-item.svelte-1g6gptd {
        opacity: 0;
    }

    .icon.svelte-1g6gptd {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .clear-select.svelte-1g6gptd {
        all: unset;
        display: flex;
        align-items: center;
        justify-content: center;
        width: var(--clear-select-width, 40px);
        height: var(--clear-select-height, 100%);
        color: var(--clear-select-color, var(--icons-color));
        margin: var(--clear-select-margin, 0);
        pointer-events: all;
        flex-shrink: 0;
    }

    .clear-select.svelte-1g6gptd:focus {
        outline: var(--clear-select-focus-outline, 1px solid #006fe8);
    }

    .loading.svelte-1g6gptd {
        width: var(--loading-width, 40px);
        height: var(--loading-height);
        color: var(--loading-color, var(--icons-color));
        margin: var(--loading--margin, 0);
        flex-shrink: 0;
    }

    .chevron.svelte-1g6gptd {
        width: var(--chevron-width, 40px);
        height: var(--chevron-height, 40px);
        background: var(--chevron-background, transparent);
        pointer-events: var(--chevron-pointer-events, none);
        color: var(--chevron-color, var(--icons-color));
        border: var(--chevron-border, 0 0 0 1px solid #d8dbdf);
        flex-shrink: 0;
    }

    .multi.svelte-1g6gptd {
        padding: var(--multi-select-padding, var(--internal-padding));
    }

    .multi.svelte-1g6gptd input:where(.svelte-1g6gptd) {
        padding: var(--multi-select-input-padding, 0);
        position: relative;
        margin: var(--multi-select-input-margin, 5px 0);
        flex: 1 1 40px;
    }

    .svelte-select.error.svelte-1g6gptd {
        border: var(--error-border, 1px solid #ff2d55);
        background: var(--error-background, #fff);
    }

    .a11y-text.svelte-1g6gptd {
        z-index: 9999;
        border: 0px;
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        width: 1px;
        position: absolute;
        overflow: hidden;
        padding: 0px;
        white-space: nowrap;
    }

    .multi-item.svelte-1g6gptd {
        background: var(--multi-item-bg, #ebedef);
        margin: var(--multi-item-margin, 0);
        outline: var(--multi-item-outline, 1px solid #ddd);
        border-radius: var(--multi-item-border-radius, 4px);
        height: var(--multi-item-height, 25px);
        line-height: var(--multi-item-height, 25px);
        display: flex;
        cursor: default;
        padding: var(--multi-item-padding, 0 5px);
        overflow: hidden;
        gap: var(--multi-item-gap, 4px);
        outline-offset: -1px;
        max-width: var(--multi-max-width, none);
        color: var(--multi-item-color, var(--item-color));
    }

    .multi-item.disabled.svelte-1g6gptd:hover {
        background: var(--multi-item-disabled-hover-bg, #ebedef);
        color: var(--multi-item-disabled-hover-color, #c1c6cc);
    }

    .multi-item-text.svelte-1g6gptd {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .multi-item-clear.svelte-1g6gptd {
        display: flex;
        align-items: center;
        justify-content: center;
        --clear-icon-color: var(--multi-item-clear-icon-color, #000);
    }

    .multi-item.active.svelte-1g6gptd {
        outline: var(--multi-item-active-outline, 1px solid #006fe8);
    }

    .svelte-select-list.svelte-1g6gptd {
        box-shadow: var(--list-shadow, 0 2px 3px 0 rgba(44, 62, 80, 0.24));
        border-radius: var(--list-border-radius, 4px);
        max-height: var(--list-max-height, 252px);
        overflow-y: auto;
        background: var(--list-background, #fff);
        position: var(--list-position, absolute);
        z-index: var(--list-z-index, 2);
        border: var(--list-border);
    }

    .prefloat.svelte-1g6gptd {
        opacity: 0;
        pointer-events: none;
    }

    .list-group-title.svelte-1g6gptd {
        color: var(--group-title-color, #8f8f8f);
        cursor: default;
        font-size: var(--group-title-font-size, 16px);
        font-weight: var(--group-title-font-weight, 600);
        height: var(--height, 42px);
        line-height: var(--height, 42px);
        padding: var(--group-title-padding, 0 20px);
        text-overflow: ellipsis;
        overflow-x: hidden;
        white-space: nowrap;
        text-transform: var(--group-title-text-transform, uppercase);
        border-width: var(--group-title-border-width, medium);
        border-style: var(--group-title-border-style, none);
        border-color: var(--group-title-border-color, color);
    }

    .empty.svelte-1g6gptd {
        text-align: var(--list-empty-text-align, center);
        padding: var(--list-empty-padding, 20px 0);
        color: var(--list-empty-color, #78848f);
    }

    .item.svelte-1g6gptd {
        cursor: default;
        height: var(--item-height, var(--height, 42px));
        line-height: var(--item-line-height, var(--height, 42px));
        padding: var(--item-padding, 0 20px);
        color: var(--item-color, inherit);
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        transition: var(--item-transition, all 0.2s);
        align-items: center;
        width: 100%;
    }

    .item.group-item.svelte-1g6gptd {
        padding-left: var(--group-item-padding-left, 40px);
    }

    .item.svelte-1g6gptd:active {
        background: var(--item-active-background, #b9daff);
    }

    .item.active.svelte-1g6gptd {
        background: var(--item-is-active-bg, #007aff);
        color: var(--item-is-active-color, #fff);
    }

    .item.first.svelte-1g6gptd {
        border-radius: var(--item-first-border-radius, 4px 4px 0 0);
    }

    .item.hover.svelte-1g6gptd:not(.active) {
        background: var(--item-hover-bg, #e7f2ff);
        color: var(--item-hover-color, inherit);
    }

    .item.not-selectable.svelte-1g6gptd,
    .item.hover.item.not-selectable.svelte-1g6gptd,
    .item.active.item.not-selectable.svelte-1g6gptd,
    .item.not-selectable.svelte-1g6gptd:active {
        color: var(--item-is-not-selectable-color, #999);
        background: transparent;
    }

    .required.svelte-1g6gptd {
        opacity: 0;
        z-index: -1;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }

  div.svelte-gqtjuu {
    display: inline-block;
    vertical-align: middle;
    margin: 0 3pt;
    border-width: calc(1em / 5);
    border-style: solid;
    border-radius: 50%;
    animation: var(--duration) infinite svelte-gqtjuu-rotate;
  }
  @keyframes svelte-gqtjuu-rotate {
    100% {
      transform: rotate(360deg);
    }
  }

  :where(dialog.svelte-1iyrww2) {
    position: fixed;
    top: 30%;
    border: none;
    padding: 0;
    background-color: transparent;
    display: flex;
    color: white;
    z-index: 10;
    font-size: 2.4ex;
  }
  dialog.svelte-1iyrww2 div.multiselect {
    --sms-bg: var(--sms-options-bg);
    --sms-width: min(20em, 90vw);
    --sms-max-width: none;
    --sms-placeholder-color: lightgray;
    --sms-options-margin: 1px 0;
    --sms-options-border-radius: 0 0 1ex 1ex;
  }

  :where(div.multiselect.svelte-1uef3u6) {
    position: relative;
    align-items: center;
    display: flex;
    cursor: text;
    box-sizing: border-box;
    border: var(--sms-border, 1pt solid lightgray);
    border-radius: var(--sms-border-radius, 3pt);
    background: var(--sms-bg);
    width: var(--sms-width);
    max-width: var(--sms-max-width);
    padding: var(--sms-padding, 0 3pt);
    color: var(--sms-text-color);
    font-size: var(--sms-font-size, inherit);
    min-height: var(--sms-min-height, 22pt);
    margin: var(--sms-margin);
  }
  :where(div.multiselect.open.svelte-1uef3u6) {
    /* increase z-index when open to ensure the dropdown of one <MultiSelect />
    displays above that of another slightly below it on the page */
    z-index: var(--sms-open-z-index, 4);
  }
  :where(div.multiselect.svelte-1uef3u6:focus-within) {
    border: var(--sms-focus-border, 1pt solid var(--sms-active-color, cornflowerblue));
  }
  :where(div.multiselect.disabled.svelte-1uef3u6) {
    background: var(--sms-disabled-bg, lightgray);
    cursor: not-allowed;
  }

  :where(div.multiselect.svelte-1uef3u6 > ul.selected:where(.svelte-1uef3u6)) {
    display: flex;
    flex: 1;
    padding: 0;
    margin: 0;
    flex-wrap: wrap;
  }
  :where(div.multiselect.svelte-1uef3u6 > ul.selected:where(.svelte-1uef3u6) > li:where(.svelte-1uef3u6)) {
    align-items: center;
    border-radius: 3pt;
    display: flex;
    margin: 2pt;
    line-height: normal;
    transition: 0.3s;
    white-space: nowrap;
    background: var(--sms-selected-bg, rgba(0, 0, 0, 0.15));
    padding: var(--sms-selected-li-padding, 1pt 5pt);
    color: var(--sms-selected-text-color, var(--sms-text-color));
  }
  :where(div.multiselect.svelte-1uef3u6 > ul.selected:where(.svelte-1uef3u6) > li[draggable='true']:where(.svelte-1uef3u6)) {
    cursor: grab;
  }
  :where(div.multiselect.svelte-1uef3u6 > ul.selected:where(.svelte-1uef3u6) > li.active:where(.svelte-1uef3u6)) {
    background: var(--sms-li-active-bg, var(--sms-active-color, rgba(0, 0, 0, 0.15)));
  }
  :where(div.multiselect.svelte-1uef3u6 button:where(.svelte-1uef3u6)) {
    border-radius: 50%;
    display: flex;
    transition: 0.2s;
    color: inherit;
    background: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    margin: 0 0 0 3pt; /* CSS reset */
  }
  :where(div.multiselect.svelte-1uef3u6 button.remove-all:where(.svelte-1uef3u6)) {
    margin: 0 3pt;
  }
  :where(ul.selected.svelte-1uef3u6 > li:where(.svelte-1uef3u6) button:where(.svelte-1uef3u6):hover, button.remove-all.svelte-1uef3u6:hover, button.svelte-1uef3u6:focus) {
    color: var(--sms-remove-btn-hover-color, lightskyblue);
    background: var(--sms-remove-btn-hover-bg, rgba(0, 0, 0, 0.2));
  }

  :where(div.multiselect.svelte-1uef3u6 input:where(.svelte-1uef3u6)) {
    margin: auto 0; /* CSS reset */
    padding: 0; /* CSS reset */
  }
  :where(div.multiselect.svelte-1uef3u6 > ul.selected:where(.svelte-1uef3u6) > input:where(.svelte-1uef3u6)) {
    border: none;
    outline: none;
    background: none;
    flex: 1; /* this + next line fix issue #12 https://git.io/JiDe3 */
    min-width: 2em;
    /* ensure input uses text color and not --sms-selected-text-color */
    color: var(--sms-text-color);
    font-size: inherit;
    cursor: inherit; /* needed for disabled state */
    border-radius: 0; /* reset ul.selected > li */
  }
  /* don't wrap ::placeholder rules in :where() as it seems to be overpowered by browser defaults i.t.o. specificity */
  div.multiselect.svelte-1uef3u6 > ul.selected:where(.svelte-1uef3u6) > input:where(.svelte-1uef3u6)::-moz-placeholder {
    padding-left: 5pt;
    color: var(--sms-placeholder-color);
    opacity: var(--sms-placeholder-opacity);
  }
  div.multiselect.svelte-1uef3u6 > ul.selected:where(.svelte-1uef3u6) > input:where(.svelte-1uef3u6)::placeholder {
    padding-left: 5pt;
    color: var(--sms-placeholder-color);
    opacity: var(--sms-placeholder-opacity);
  }
  :where(div.multiselect.svelte-1uef3u6 > input.form-control:where(.svelte-1uef3u6)) {
    width: 2em;
    position: absolute;
    background: transparent;
    border: none;
    outline: none;
    z-index: -1;
    opacity: 0;
    pointer-events: none;
  }

  :where(div.multiselect.svelte-1uef3u6 > ul.options:where(.svelte-1uef3u6)) {
    list-style: none;
    top: 100%;
    left: 0;
    width: 100%;
    position: absolute;
    overflow: auto;
    transition: all 0.2s;
    box-sizing: border-box;
    background: var(--sms-options-bg, white);
    max-height: var(--sms-options-max-height, 50vh);
    overscroll-behavior: var(--sms-options-overscroll, none);
    box-shadow: var(--sms-options-shadow, 0 0 14pt -8pt black);
    border: var(--sms-options-border);
    border-width: var(--sms-options-border-width);
    border-radius: var(--sms-options-border-radius, 1ex);
    padding: var(--sms-options-padding);
    margin: var(--sms-options-margin, inherit);
  }
  :where(div.multiselect.svelte-1uef3u6 > ul.options.hidden:where(.svelte-1uef3u6)) {
    visibility: hidden;
    opacity: 0;
    transform: translateY(50px);
  }
  :where(div.multiselect.svelte-1uef3u6 > ul.options:where(.svelte-1uef3u6) > li:where(.svelte-1uef3u6)) {
    padding: 3pt 2ex;
    cursor: pointer;
    scroll-margin: var(--sms-options-scroll-margin, 100px);
  }
  :where(div.multiselect.svelte-1uef3u6 > ul.options:where(.svelte-1uef3u6) .user-msg:where(.svelte-1uef3u6)) {
    /* block needed so vertical padding applies to span */
    display: block;
    padding: 3pt 2ex;
  }
  :where(div.multiselect.svelte-1uef3u6 > ul.options:where(.svelte-1uef3u6) > li.selected:where(.svelte-1uef3u6)) {
    background: var(--sms-li-selected-bg);
    color: var(--sms-li-selected-color);
  }
  :where(div.multiselect.svelte-1uef3u6 > ul.options:where(.svelte-1uef3u6) > li.active:where(.svelte-1uef3u6)) {
    background: var(--sms-li-active-bg, var(--sms-active-color, rgba(0, 0, 0, 0.15)));
  }
  :where(div.multiselect.svelte-1uef3u6 > ul.options:where(.svelte-1uef3u6) > li.disabled:where(.svelte-1uef3u6)) {
    cursor: not-allowed;
    background: var(--sms-li-disabled-bg, #f5f5f6);
    color: var(--sms-li-disabled-text, #b8b8b8);
  }

  :where(span.max-select-msg.svelte-1uef3u6) {
    padding: 0 3pt;
  }
  .svelte-1uef3u6::highlight(sms-search-matches) {
    color: mediumaquamarine;
  }

  .container.svelte-1ejjbxk {
    display: inline-block;
    transform: translate(calc(0px - var(--li-identation)), -50%);
    position: absolute;
    top: 50%;
    padding-right: 100%;
  }
  .arrow.svelte-1ejjbxk {
    transform-origin: 25% 50%;
    position: relative;
    line-height: 1.1em;
    font-size: 0.75em;
    margin-left: 0;
    transition: 150ms;
    color: var(--arrow-color);
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    font-family: 'Courier New', Courier, monospace;
    display: block;
  }
  .expanded.svelte-1ejjbxk {
    transform: rotateZ(90deg) translateX(-3px);
  }

  .root.svelte-1dmuohk {
    display: inline-block;
    position: relative;
  }
  .indent.svelte-1dmuohk {
    padding-left: var(--li-identation);
  }
  .label.svelte-1dmuohk {
    position: relative;
  }

  .comma.svelte-6073y5 {
    margin-left: -0.5em;
    margin-right: 0.5em;
  }

  .Date.svelte-142pwxs {
    color: var(--date-color);
  }
  .BigInt.svelte-142pwxs {
    color: var(--number-color);
  }
  .Number.svelte-142pwxs {
    color: var(--number-color);
  }
  .Boolean.svelte-142pwxs {
    color: var(--boolean-color);
  }
  .Null.svelte-142pwxs {
    color: var(--null-color);
  }
  .Undefined.svelte-142pwxs {
    color: var(--undefined-color);
  }
  .Symbol.svelte-142pwxs {
    color: var(--symbol-color);
  }

  .indent.svelte-kv0wuv {
    padding-left: var(--li-identation);
  }

  span.svelte-fncr2y {
    color: var(--string-color);
    word-break: break-all;
    word-wrap: break-word;
  }

  .i.svelte-1kfxo2b {
    font-style: italic;
  }
  .fn.svelte-1kfxo2b,
  .i.svelte-1kfxo2b {
    color: var(--function-color);
  }

  .regex.svelte-475jmk {
    color: var(--regex-color);
  }

  ul.svelte-t77p6l {
    --string-color: var(--json-tree-string-color, #cb3f41);
    --symbol-color: var(--json-tree-symbol-color, #cb3f41);
    --boolean-color: var(--json-tree-boolean-color, #112aa7);
    --function-color: var(--json-tree-function-color, #112aa7);
    --number-color: var(--json-tree-number-color, #3029cf);
    --label-color: var(--json-tree-label-color, #871d8f);
    --property-color: var(--json-tree-property-color, #000000);
    --arrow-color: var(--json-tree-arrow-color, #727272);
    --operator-color: var(--json-tree-operator-color, #727272);
    --null-color: var(--json-tree-null-color, #8d8d8d);
    --undefined-color: var(--json-tree-undefined-color, #8d8d8d);
    --date-color: var(--json-tree-date-color, #8d8d8d);
    --internal-color: var(--json-tree-internal-color, grey);
    --regex-color: var(--json-tree-regex-color, var(--string-color));
    --li-identation: var(--json-tree-li-indentation, 1em);
    --li-line-height: var(--json-tree-li-line-height, 1.3);
    font-size: var(--json-tree-font-size, 12px);
    font-family: var(--json-tree-font-family, 'Courier New', Courier, monospace);
  }
  ul.svelte-t77p6l li {
    line-height: var(--li-line-height);
    display: var(--li-display, list-item);
    list-style: none;
  }
  ul.svelte-t77p6l,
  ul.svelte-t77p6l ul {
    padding: 0;
    margin: 0;
  }

  ul.svelte-t77p6l {
    margin-left: var(--li-identation);
    cursor: default;
  }
  ul.svelte-t77p6l .label {
    color: var(--label-color);
  }
  ul.svelte-t77p6l .property {
    color: var(--property-color);
  }
  ul.svelte-t77p6l .internal {
    color: var(--internal-color);
  }
  ul.svelte-t77p6l .operator {
    color: var(--operator-color);
  }
.splitpanes.default-theme .splitpanes__pane {
  background-color: #f2f2f2;
}
.splitpanes.default-theme .splitpanes__splitter {
  background-color: #fff;
  box-sizing: border-box;
  position: relative;
  flex-shrink: 0;
}
.splitpanes.default-theme .splitpanes__splitter:before, .splitpanes.default-theme .splitpanes__splitter:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: rgba(0, 0, 0, 0.15);
  transition: background-color 0.3s;
}
.splitpanes.default-theme .splitpanes__splitter:hover:before, .splitpanes.default-theme .splitpanes__splitter:hover:after {
  background-color: rgba(0, 0, 0, 0.25);
}
.splitpanes.default-theme .splitpanes__splitter:first-child {
  cursor: auto;
}

.default-theme.splitpanes .splitpanes .splitpanes__splitter {
  z-index: 1;
}
.default-theme.splitpanes--vertical > .splitpanes__splitter,
.default-theme .splitpanes--vertical > .splitpanes__splitter {
  width: 7px;
  border-left: 1px solid #eee;
  cursor: col-resize;
}
.default-theme.splitpanes--vertical > .splitpanes__splitter:before, .default-theme.splitpanes--vertical > .splitpanes__splitter:after, .default-theme .splitpanes--vertical > .splitpanes__splitter:before, .default-theme .splitpanes--vertical > .splitpanes__splitter:after {
  transform: translateY(-50%);
  width: 1px;
  height: 30px;
}
.default-theme.splitpanes--vertical > .splitpanes__splitter:before,
.default-theme .splitpanes--vertical > .splitpanes__splitter:before {
  margin-left: -2px;
}
.default-theme.splitpanes--vertical > .splitpanes__splitter:after,
.default-theme .splitpanes--vertical > .splitpanes__splitter:after {
  margin-left: 1px;
}
.default-theme.splitpanes--horizontal > .splitpanes__splitter,
.default-theme .splitpanes--horizontal > .splitpanes__splitter {
  height: 7px;
  border-top: 1px solid #eee;
  cursor: row-resize;
}
.default-theme.splitpanes--horizontal > .splitpanes__splitter:before, .default-theme.splitpanes--horizontal > .splitpanes__splitter:after, .default-theme .splitpanes--horizontal > .splitpanes__splitter:before, .default-theme .splitpanes--horizontal > .splitpanes__splitter:after {
  transform: translateX(-50%);
  width: 30px;
  height: 1px;
}
.default-theme.splitpanes--horizontal > .splitpanes__splitter:before,
.default-theme .splitpanes--horizontal > .splitpanes__splitter:before {
  margin-top: -2px;
}
.default-theme.splitpanes--horizontal > .splitpanes__splitter:after,
.default-theme .splitpanes--horizontal > .splitpanes__splitter:after {
  margin-top: 1px;
}

div.splitpanes--horizontal.splitpanes--dragging {
  cursor: row-resize;
}

div.splitpanes--vertical.splitpanes--dragging {
  cursor: col-resize;
}

.splitpanes {
  display: flex;
  width: 100%;
  height: 100%;
}
.splitpanes--vertical {
  flex-direction: row;
}
.splitpanes--horizontal {
  flex-direction: column;
}
.splitpanes--dragging * {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.splitpanes__pane {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.splitpanes--vertical .splitpanes__pane {
  transition: width 0.2s ease-out;
}
.splitpanes--horizontal .splitpanes__pane {
  transition: height 0.2s ease-out;
}
/* (empty) :global(.splitpanes__pane) {
  /** Add also a direct child selector, for dealing with specifity of nested splitpanes transition.
    This issue was happening in the examples on nested splitpanes, vertical inside horizontal.
    I think it's better to keep also the previous CSS selector for (potential) old browser compatibility.
  *\/
}*/
.splitpanes--vertical > .splitpanes__pane {
  transition: width 0.2s ease-out;
}
.splitpanes--horizontal > .splitpanes__pane {
  transition: height 0.2s ease-out;
}
.splitpanes--dragging .splitpanes__pane {
  transition: none;
  pointer-events: none;
}
.splitpanes--freeze .splitpanes__pane {
  transition: none;
}
.splitpanes__splitter {
  touch-action: none;
}
.splitpanes--vertical > .splitpanes__splitter {
  min-width: 1px;
}
.splitpanes--horizontal > .splitpanes__splitter {
  min-height: 1px;
}
	.svelte-grid-extended.svelte-1xermt2 {
		position: relative !important;
	}
	.item-default.svelte-18bx77f {
		transition:
			width 0.2s,
			height 0.2s;
		transition:
			transform 0.2s,
			opacity 0.2s;
	}
	.active-default.svelte-18bx77f {
		opacity: 0.7;
	}
	.item-preview-default.svelte-18bx77f {
		background-color: rgb(192, 127, 127);
		transition: all 0.2s;
	}
	.non-active-default.svelte-18bx77f {
		transition:
			left 0.2s,
			top 0.2s;
		transition-timing-function: ease-in-out;
	}
	.resizer-default.svelte-18bx77f {
		touch-action: none;
		position: absolute;
		-webkit-user-select: none;
		   -moz-user-select: none;
		        user-select: none;
		width: 20px;
		height: 20px;
		right: 0;
		bottom: 0;
		cursor: se-resize;
	}
	.resizer-default.svelte-18bx77f::after {
		content: '';
		position: absolute;
		right: 3px;
		bottom: 3px;
		width: 5px;
		height: 5px;
		border-right: 2px solid rgba(0, 0, 0, 0.4);
		border-bottom: 2px solid rgba(0, 0, 0, 0.4);
	}
	:where(html[dir='ltr']),
	:where([data-sonner-toaster][dir='ltr']) {
		--toast-icon-margin-start: -3px;
		--toast-icon-margin-end: 4px;
		--toast-svg-margin-start: -1px;
		--toast-svg-margin-end: 0px;
		--toast-button-margin-start: auto;
		--toast-button-margin-end: 0;
		--toast-close-button-start: 0;
		--toast-close-button-end: unset;
		--toast-close-button-transform: translate(-35%, -35%);
	}

	:where(html[dir='rtl']),
	:where([data-sonner-toaster][dir='rtl']) {
		--toast-icon-margin-start: 4px;
		--toast-icon-margin-end: -3px;
		--toast-svg-margin-start: 0px;
		--toast-svg-margin-end: -1px;
		--toast-button-margin-start: 0;
		--toast-button-margin-end: auto;
		--toast-close-button-start: unset;
		--toast-close-button-end: 0;
		--toast-close-button-transform: translate(35%, -35%);
	}

	:where([data-sonner-toaster]) {
		position: fixed;
		width: var(--width);
		font-family:
			ui-sans-serif,
			system-ui,
			-apple-system,
			BlinkMacSystemFont,
			Segoe UI,
			Roboto,
			Helvetica Neue,
			Arial,
			Noto Sans,
			sans-serif,
			Apple Color Emoji,
			Segoe UI Emoji,
			Segoe UI Symbol,
			Noto Color Emoji;
		--gray1: hsl(0, 0%, 99%);
		--gray2: hsl(0, 0%, 97.3%);
		--gray3: hsl(0, 0%, 95.1%);
		--gray4: hsl(0, 0%, 93%);
		--gray5: hsl(0, 0%, 90.9%);
		--gray6: hsl(0, 0%, 88.7%);
		--gray7: hsl(0, 0%, 85.8%);
		--gray8: hsl(0, 0%, 78%);
		--gray9: hsl(0, 0%, 56.1%);
		--gray10: hsl(0, 0%, 52.3%);
		--gray11: hsl(0, 0%, 43.5%);
		--gray12: hsl(0, 0%, 9%);
		--border-radius: 8px;
		box-sizing: border-box;
		padding: 0;
		margin: 0;
		list-style: none;
		outline: none;
		z-index: 999999999;
	}

	:where([data-sonner-toaster][data-x-position='right']) {
		right: max(var(--offset), env(safe-area-inset-right));
	}

	:where([data-sonner-toaster][data-x-position='left']) {
		left: max(var(--offset), env(safe-area-inset-left));
	}

	:where([data-sonner-toaster][data-x-position='center']) {
		left: 50%;
		transform: translateX(-50%);
	}

	:where([data-sonner-toaster][data-y-position='top']) {
		top: max(var(--offset), env(safe-area-inset-top));
	}

	:where([data-sonner-toaster][data-y-position='bottom']) {
		bottom: max(var(--offset), env(safe-area-inset-bottom));
	}

	:where([data-sonner-toast]) {
		--y: translateY(100%);
		--lift-amount: calc(var(--lift) * var(--gap));
		z-index: var(--z-index);
		position: absolute;
		opacity: 0;
		transform: var(--y);
		filter: blur(0);
		/* https://stackoverflow.com/questions/48124372/pointermove-event-not-working-with-touch-why-not */
		touch-action: none;
		transition:
			transform 400ms,
			opacity 400ms,
			height 400ms,
			box-shadow 200ms;
		box-sizing: border-box;
		outline: none;
		overflow-wrap: anywhere;
	}

	:where([data-sonner-toast][data-styled='true']) {
		padding: 16px;
		background: var(--normal-bg);
		border: 1px solid var(--normal-border);
		color: var(--normal-text);
		border-radius: var(--border-radius);
		box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
		width: var(--width);
		font-size: 13px;
		display: flex;
		align-items: center;
		gap: 6px;
	}

	:where([data-sonner-toast]:focus-visible) {
		box-shadow:
			0px 4px 12px rgba(0, 0, 0, 0.1),
			0 0 0 2px rgba(0, 0, 0, 0.2);
	}

	:where([data-sonner-toast][data-y-position='top']) {
		top: 0;
		--y: translateY(-100%);
		--lift: 1;
		--lift-amount: calc(1 * var(--gap));
	}

	:where([data-sonner-toast][data-y-position='bottom']) {
		bottom: 0;
		--y: translateY(100%);
		--lift: -1;
		--lift-amount: calc(var(--lift) * var(--gap));
	}

	:where([data-sonner-toast]) :where([data-description]) {
		font-weight: 400;
		line-height: 1.4;
		color: inherit;
	}

	:where([data-sonner-toast]) :where([data-title]) {
		font-weight: 500;
		line-height: 1.5;
		color: inherit;
	}

	:where([data-sonner-toast]) :where([data-icon]) {
		display: flex;
		height: 16px;
		width: 16px;
		position: relative;
		justify-content: flex-start;
		align-items: center;
		flex-shrink: 0;
		margin-left: var(--toast-icon-margin-start);
		margin-right: var(--toast-icon-margin-end);
	}

	:where([data-sonner-toast][data-promise='true']) :where([data-icon]) > svg {
		opacity: 0;
		transform: scale(0.8);
		transform-origin: center;
		animation: sonner-fade-in 300ms ease forwards;
	}

	:where([data-sonner-toast]) :where([data-icon]) > * {
		flex-shrink: 0;
	}

	:where([data-sonner-toast]) :where([data-icon]) svg {
		margin-left: var(--toast-svg-margin-start);
		margin-right: var(--toast-svg-margin-end);
	}

	:where([data-sonner-toast]) :where([data-content]) {
		display: flex;
		flex-direction: column;
		gap: 2px;
	}

	[data-sonner-toast][data-styled='true'] [data-button] {
		border-radius: 4px;
		padding-left: 8px;
		padding-right: 8px;
		height: 24px;
		font-size: 12px;
		color: var(--normal-bg);
		background: var(--normal-text);
		margin-left: var(--toast-button-margin-start);
		margin-right: var(--toast-button-margin-end);
		border: none;
		cursor: pointer;
		outline: none;
		display: flex;
		align-items: center;
		flex-shrink: 0;
		transition:
			opacity 400ms,
			box-shadow 200ms;
	}

	:where([data-sonner-toast]) :where([data-button]):focus-visible {
		box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.4);
	}

	:where([data-sonner-toast]) :where([data-button]):first-of-type {
		margin-left: var(--toast-button-margin-start);
		margin-right: var(--toast-button-margin-end);
	}

	:where([data-sonner-toast]) :where([data-cancel]) {
		color: var(--normal-text);
		background: rgba(0, 0, 0, 0.08);
	}

	:where([data-sonner-toast][data-theme='dark']) :where([data-cancel]) {
		background: rgba(255, 255, 255, 0.3);
	}

	:where([data-sonner-toast]) :where([data-close-button]) {
		position: absolute;
		left: var(--toast-close-button-start);
		right: var(--toast-close-button-end);
		top: 0;
		height: 20px;
		width: 20px;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 0;
		background: var(--gray1);
		color: var(--gray12);
		border: 1px solid var(--gray4);
		transform: var(--toast-close-button-transform);
		border-radius: 50%;
		cursor: pointer;
		z-index: 1;
		transition:
			opacity 100ms,
			background 200ms,
			border-color 200ms;
	}

	:where([data-sonner-toast]) :where([data-close-button]):focus-visible {
		box-shadow:
			0px 4px 12px rgba(0, 0, 0, 0.1),
			0 0 0 2px rgba(0, 0, 0, 0.2);
	}

	:where([data-sonner-toast]) :where([data-disabled='true']) {
		cursor: not-allowed;
	}

	:where([data-sonner-toast]):hover :where([data-close-button]):hover {
		background: var(--gray2);
		border-color: var(--gray5);
	}

	/* Leave a ghost div to avoid setting hover to false when swiping out */
	:where([data-sonner-toast][data-swiping='true'])::before {
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		height: 100%;
		z-index: -1;
	}

	:where(
			[data-sonner-toast][data-y-position='top'][data-swiping='true']
		)::before {
		/* y 50% needed to distribute height additional height evenly */
		bottom: 50%;
		transform: scaleY(3) translateY(50%);
	}

	:where(
			[data-sonner-toast][data-y-position='bottom'][data-swiping='true']
		)::before {
		/* y -50% needed to distribute height additional height evenly */
		top: 50%;
		transform: scaleY(3) translateY(-50%);
	}

	/* Leave a ghost div to avoid setting hover to false when transitioning out */
	:where(
			[data-sonner-toast][data-swiping='false'][data-removed='true']
		)::before {
		content: '';
		position: absolute;
		inset: 0;
		transform: scaleY(2);
	}

	/* Needed to avoid setting hover to false when inbetween toasts */
	:where([data-sonner-toast])::after {
		content: '';
		position: absolute;
		left: 0;
		height: calc(var(--gap) + 1px);
		bottom: 100%;
		width: 100%;
	}

	:where([data-sonner-toast][data-mounted='true']) {
		--y: translateY(0);
		opacity: 1;
	}

	:where([data-sonner-toast][data-expanded='false'][data-front='false']) {
		--scale: var(--toasts-before) * 0.05 + 1;
		--y: translateY(calc(var(--lift-amount) * var(--toasts-before)))
			scale(calc(-1 * var(--scale)));
		height: var(--front-toast-height);
	}

	:where([data-sonner-toast]) > * {
		transition: opacity 400ms;
	}

	:where(
			[data-sonner-toast][data-expanded='false'][data-front='false'][data-styled='true']
		)
		> * {
		opacity: 0;
	}

	:where([data-sonner-toast][data-visible='false']) {
		opacity: 0;
		pointer-events: none;
	}

	:where([data-sonner-toast][data-mounted='true'][data-expanded='true']) {
		--y: translateY(calc(var(--lift) * var(--offset)));
		height: var(--initial-height);
	}

	:where(
			[data-sonner-toast][data-removed='true'][data-front='true'][data-swipe-out='false']
		) {
		--y: translateY(calc(var(--lift) * -100%));
		opacity: 0;
	}

	:where(
			[data-sonner-toast][data-removed='true'][data-front='false'][data-swipe-out='false'][data-expanded='true']
		) {
		--y: translateY(
			calc(var(--lift) * var(--offset) + var(--lift) * -100%)
		);
		opacity: 0;
	}

	:where(
			[data-sonner-toast][data-removed='true'][data-front='false'][data-swipe-out='false'][data-expanded='false']
		) {
		--y: translateY(40%);
		opacity: 0;
		transition:
			transform 500ms,
			opacity 200ms;
	}

	/* Bump up the height to make sure hover state doesn't get set to false */
	:where(
			[data-sonner-toast][data-removed='true'][data-front='false']
		)::before {
		height: calc(var(--initial-height) + 20%);
	}

	[data-sonner-toast][data-swiping='true'] {
		transform: var(--y) translateY(var(--swipe-amount, 0px));
		transition: none;
	}

	[data-sonner-toast][data-swipe-out='true'][data-y-position='bottom'],
	[data-sonner-toast][data-swipe-out='true'][data-y-position='top'] {
		animation: swipe-out 200ms ease-out forwards;
	}

	@keyframes swipe-out {
		from {
			transform: translateY(
				calc(var(--lift) * var(--offset) + var(--swipe-amount))
			);
			opacity: 1;
		}

		to {
			transform: translateY(
				calc(
					var(--lift) * var(--offset) + var(--swipe-amount) +
						var(--lift) * -100%
				)
			);
			opacity: 0;
		}
	}

	@media (max-width: 600px) {
		[data-sonner-toaster] {
			position: fixed;
			--mobile-offset: 16px;
			right: var(--mobile-offset);
			left: var(--mobile-offset);
			width: 100%;
		}

		[data-sonner-toaster] [data-sonner-toast] {
			left: 0;
			right: 0;
			width: calc(100% - var(--mobile-offset) * 2);
		}

		[data-sonner-toaster][data-x-position='left'] {
			left: var(--mobile-offset);
		}

		[data-sonner-toaster][data-y-position='bottom'] {
			bottom: 20px;
		}

		[data-sonner-toaster][data-y-position='top'] {
			top: 20px;
		}

		[data-sonner-toaster][data-x-position='center'] {
			left: var(--mobile-offset);
			right: var(--mobile-offset);
			transform: none;
		}
	}

	[data-sonner-toaster][data-theme='light'] {
		--normal-bg: #fff;
		--normal-border: var(--gray4);
		--normal-text: var(--gray12);

		--success-bg: hsl(143, 85%, 96%);
		--success-border: hsl(145, 92%, 91%);
		--success-text: hsl(140, 100%, 27%);

		--info-bg: hsl(208, 100%, 97%);
		--info-border: hsl(221, 91%, 91%);
		--info-text: hsl(210, 92%, 45%);

		--warning-bg: hsl(49, 100%, 97%);
		--warning-border: hsl(49, 91%, 91%);
		--warning-text: hsl(31, 92%, 45%);

		--error-bg: hsl(359, 100%, 97%);
		--error-border: hsl(359, 100%, 94%);
		--error-text: hsl(360, 100%, 45%);
	}

	[data-sonner-toaster][data-theme='light']
		[data-sonner-toast][data-invert='true'] {
		--normal-bg: #000;
		--normal-border: hsl(0, 0%, 20%);
		--normal-text: var(--gray1);
	}

	[data-sonner-toaster][data-theme='dark']
		[data-sonner-toast][data-invert='true'] {
		--normal-bg: #fff;
		--normal-border: var(--gray3);
		--normal-text: var(--gray12);
	}

	[data-sonner-toaster][data-theme='dark'] {
		--normal-bg: #000;
		--normal-border: hsl(0, 0%, 20%);
		--normal-text: var(--gray1);

		--success-bg: hsl(150, 100%, 6%);
		--success-border: hsl(147, 100%, 12%);
		--success-text: hsl(150, 86%, 65%);

		--info-bg: hsl(215, 100%, 6%);
		--info-border: hsl(223, 100%, 12%);
		--info-text: hsl(216, 87%, 65%);

		--warning-bg: hsl(64, 100%, 6%);
		--warning-border: hsl(60, 100%, 12%);
		--warning-text: hsl(46, 87%, 65%);

		--error-bg: hsl(358, 76%, 10%);
		--error-border: hsl(357, 89%, 16%);
		--error-text: hsl(358, 100%, 81%);
	}

	[data-rich-colors='true'] [data-sonner-toast][data-type='success'] {
		background: var(--success-bg);
		border-color: var(--success-border);
		color: var(--success-text);
	}

	[data-theme='dark']
		[data-sonner-toast][data-type='default']
		[data-close-button] {
		background: var(--normal-bg);
		border-color: var(--normal-border);
		color: var(--normal-text);
	}

	[data-rich-colors='true']
		[data-sonner-toast][data-type='success']
		[data-close-button] {
		background: var(--success-bg);
		border-color: var(--success-border);
		color: var(--success-text);
	}

	[data-rich-colors='true'] [data-sonner-toast][data-type='info'] {
		background: var(--info-bg);
		border-color: var(--info-border);
		color: var(--info-text);
	}

	[data-rich-colors='true']
		[data-sonner-toast][data-type='info']
		[data-close-button] {
		background: var(--info-bg);
		border-color: var(--info-border);
		color: var(--info-text);
	}

	[data-rich-colors='true'] [data-sonner-toast][data-type='warning'] {
		background: var(--warning-bg);
		border-color: var(--warning-border);
		color: var(--warning-text);
	}

	[data-rich-colors='true']
		[data-sonner-toast][data-type='warning']
		[data-close-button] {
		background: var(--warning-bg);
		border-color: var(--warning-border);
		color: var(--warning-text);
	}

	[data-rich-colors='true'] [data-sonner-toast][data-type='error'] {
		background: var(--error-bg);
		border-color: var(--error-border);
		color: var(--error-text);
	}

	[data-rich-colors='true']
		[data-sonner-toast][data-type='error']
		[data-close-button] {
		background: var(--error-bg);
		border-color: var(--error-border);
		color: var(--error-text);
	}

	.sonner-loading-wrapper {
		--size: 16px;
		height: var(--size);
		width: var(--size);
		position: absolute;
		inset: 0;
		z-index: 10;
	}

	.sonner-loading-wrapper[data-visible='false'] {
		transform-origin: center;
		animation: sonner-fade-out 0.2s ease forwards;
	}

	.sonner-spinner {
		position: relative;
		top: 50%;
		left: 50%;
		height: var(--size);
		width: var(--size);
	}

	.sonner-loading-bar {
		animation: sonner-spin 1.2s linear infinite;
		background: var(--gray11);
		border-radius: 6px;
		height: 8%;
		left: -10%;
		position: absolute;
		top: -3.9%;
		width: 24%;
	}

	.sonner-loading-bar:nth-child(1) {
		animation-delay: -1.2s;
		transform: rotate(0.0001deg) translate(146%);
	}

	.sonner-loading-bar:nth-child(2) {
		animation-delay: -1.1s;
		transform: rotate(30deg) translate(146%);
	}

	.sonner-loading-bar:nth-child(3) {
		animation-delay: -1s;
		transform: rotate(60deg) translate(146%);
	}

	.sonner-loading-bar:nth-child(4) {
		animation-delay: -0.9s;
		transform: rotate(90deg) translate(146%);
	}

	.sonner-loading-bar:nth-child(5) {
		animation-delay: -0.8s;
		transform: rotate(120deg) translate(146%);
	}

	.sonner-loading-bar:nth-child(6) {
		animation-delay: -0.7s;
		transform: rotate(150deg) translate(146%);
	}

	.sonner-loading-bar:nth-child(7) {
		animation-delay: -0.6s;
		transform: rotate(180deg) translate(146%);
	}

	.sonner-loading-bar:nth-child(8) {
		animation-delay: -0.5s;
		transform: rotate(210deg) translate(146%);
	}

	.sonner-loading-bar:nth-child(9) {
		animation-delay: -0.4s;
		transform: rotate(240deg) translate(146%);
	}

	.sonner-loading-bar:nth-child(10) {
		animation-delay: -0.3s;
		transform: rotate(270deg) translate(146%);
	}

	.sonner-loading-bar:nth-child(11) {
		animation-delay: -0.2s;
		transform: rotate(300deg) translate(146%);
	}

	.sonner-loading-bar:nth-child(12) {
		animation-delay: -0.1s;
		transform: rotate(330deg) translate(146%);
	}

	@keyframes sonner-fade-in {
		0% {
			opacity: 0;
			transform: scale(0.8);
		}
		100% {
			opacity: 1;
			transform: scale(1);
		}
	}

	@keyframes sonner-fade-out {
		0% {
			opacity: 1;
			transform: scale(1);
		}
		100% {
			opacity: 0;
			transform: scale(0.8);
		}
	}

	@keyframes sonner-spin {
		0% {
			opacity: 1;
		}
		100% {
			opacity: 0.15;
		}
	}

	@media (prefers-reduced-motion) {
		[data-sonner-toast],
		[data-sonner-toast] > *,
		.sonner-loading-bar {
			transition: none !important;
			animation: none !important;
		}
	}

	.sonner-loader {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		transform-origin: center;
		transition:
			opacity 200ms,
			transform 200ms;
	}

	.sonner-loader[data-visible='false'] {
		opacity: 0;
		transform: scale(0.8) translate(-50%, -50%);
	}

  .svlt-grid-item.svelte-1ow1bcu {
    touch-action: none;
    position: absolute;
    will-change: auto;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
  }

  .svlt-grid-resizer.svelte-1ow1bcu {
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0;
    bottom: 0;
    cursor: se-resize;
  }
  .svlt-grid-resizer.svelte-1ow1bcu::after {
    content: "";
    position: absolute;
    right: 3px;
    bottom: 3px;
    width: 5px;
    height: 5px;
    border-right: 2px solid rgba(0, 0, 0, 0.4);
    border-bottom: 2px solid rgba(0, 0, 0, 0.4);
  }

  .svlt-grid-active.svelte-1ow1bcu {
    z-index: 3;
    cursor: grabbing;
    position: fixed;
    opacity: 0.5;

    /*No user*/
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }

  .shadow-active.svelte-1ow1bcu {
    z-index: 2;
    transition: all 0.2s;
  }

  .svlt-grid-shadow.svelte-1ow1bcu {
    position: absolute;
    background: red;
    will-change: transform;
    background: pink;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
  }

  .svlt-grid-container.svelte-e1nt6o {
    position: relative;
    width: 100%;
  }

  :root {
    --sc-dot-size: 6px;
    --sc-active-dot-size: 8px;
    --sc-dot-size-animation-time: 250ms;
  }

  .sc-carousel-dot__dot.svelte-11l68u6 {
    background-color: var(--sc-color-rgb-light);
    border-radius: 50%;
    display: inline-block;
    opacity: 0.5;
    transition:
      opacity 100ms ease,
      height var(--sc-dot-size-animation-time) ease,
      width var(--sc-dot-size-animation-time) ease;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;

    height: var(--sc-dot-size);
    width: var(--sc-dot-size);
  }
  .sc-carousel-dot__dot.svelte-11l68u6:hover {
    opacity: 0.9;
  }
  .sc-carousel-dot__dot_active.svelte-11l68u6 {
    opacity: 0.7;

    height: var(--sc-active-dot-size);
    width: var(--sc-active-dot-size);
  }

  .sc-carousel-dots__container.svelte-azm6fo {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0 30px;
  }
  .sc-carousel-dots__dot-container.svelte-azm6fo {
    height: calc(var(--sc-dot-size) + 14px);
    width: calc(var(--sc-dot-size) + 10px);
    display: flex;
    align-items: center;
    justify-content: center;
  }

  :root {
    --sc-arrow-size: 2px;
  }
  .sc-carousel-arrow__circle.svelte-1thwdza {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: var(--sc-color-rgb-light-50p);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 100ms ease;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
  }
  .sc-carousel-arrow__circle.svelte-1thwdza:hover {
    opacity: 0.9;
  }
  .sc-carousel-arrow__arrow.svelte-1thwdza {
    border: solid var(--sc-color-hex-dark);
    border-width: 0 var(--sc-arrow-size) var(--sc-arrow-size) 0;
    padding: var(--sc-arrow-size);
    position: relative;
  }
  .sc-carousel-arrow__arrow-next.svelte-1thwdza {
    transform: rotate(-45deg);
    left: calc(var(--sc-arrow-size) / -2);
  }
  .sc-carousel-arrow__arrow-prev.svelte-1thwdza {
    transform: rotate(135deg);
    right: calc(var(--sc-arrow-size) / -2);
  }
  .sc-carousel-arrow__circle_disabled.svelte-1thwdza,
  .sc-carousel-arrow__circle_disabled.svelte-1thwdza:hover {
    opacity: 0.5;
  }

  .sc-carousel-progress__indicator.svelte-17l1fui {
    height: 100%;
    background-color: var(--sc-color-hex-dark-50p);
  }

  :root {
    --sc-color-rgb-light-50p: rgba(93, 93, 93, 0.5);
    --sc-color-rgb-light: #5d5d5d;
    --sc-color-hex-dark-50p: rgba(30, 30, 30, 0.5);
    --sc-color-hex-dark: #1e1e1e;
  }
  .sc-carousel__carousel-container.svelte-16oqyno {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
  }
  .sc-carousel__content-container.svelte-16oqyno {
    position: relative;
    display: flex;
    width: 100%;
  }
  .sc-carousel__pages-window.svelte-16oqyno {
    flex: 1;
    display: flex;
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
  }
  .sc-carousel__pages-container.svelte-16oqyno {
    width: 100%;
    display: flex; /* to put child elements in one row */
    transition-property: transform;
  }
  .sc-carousel__arrow-container.svelte-16oqyno {
    padding: 5px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sc-carousel-progress__container.svelte-16oqyno {
    width: 100%;
    height: 5px;
    background-color: var(--sc-color-rgb-light-50p);
    position: absolute;
    bottom: 0;
  }
  .sc-carousel-button {
    all: unset;
    cursor: pointer;
  }
  .sc-carousel-button:focus {
    outline: 5px auto;
  }