.card-option.svelte-1odjiqj {
  --background: var(--lib-control-bg-subtle);
  --box-shadow-color-hover: transparent;
  --box-shadow-color-selected: transparent;
  --outline-color: transparent;
  --text-color: var(--lib-control-text);
  --icon-color: var(--lib-control-icon);
  --border-radius: var(--lib-control-border-radius-md);
  --cursor: default;
  --pointer-events: all;
  --opacity: 1;
}
.card-option.svelte-1odjiqj:hover {
  --box-shadow-color-hover: var(--lib-control-shadow-standard-color);
  --background: var(--lib-control-bg);
  --icon-color: var(--lib-control-icon-hover);
  --cursor: pointer;
}
.card-option.svelte-1odjiqj:focus {
  --outline-color: var(--focus-ring-color);
  --icon-color: var(--lib-control-icon-hover);
}
.card-option.selected.svelte-1odjiqj {
  --text-color: var(--lib-control-color-action);
  --box-shadow-color-selected: var(--lib-control-color-action);
}
.card-option.selected.svelte-1odjiqj .icon.delete:where(.svelte-1odjiqj) {
  --icon-color: var(--lib-control-icon);
}
.card-option.selected.svelte-1odjiqj .icon.delete:where(.svelte-1odjiqj):hover {
  --icon-color: var(--lib-control-icon-hover);
}
.card-option.disabled.svelte-1odjiqj {
  --pointer-events: none;
  --opacity: 0.5;
}
.card-option.svelte-1odjiqj {
  position: relative;
  box-shadow: var(--lib-control-shadow-standard-size) var(--box-shadow-color-hover);
  background: var(--background);
  outline: var(--focus-ring-width) var(--focus-ring-style) var(--outline-color);
  outline-offset: var(--focus-ring-offset);
  cursor: var(--cursor);
  pointer-events: var(--pointer-events);
  border-radius: var(--border-radius);
  transition: background var(--lib-motion-duration-fast) var(--lib-motion-easing-default), box-shadow var(--lib-motion-duration-fast) var(--lib-motion-easing-default), outline var(--lib-motion-duration-fast) var(--lib-motion-easing-default);
  overflow: hidden;
}
.card-option.svelte-1odjiqj:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: var(--border-radius);
  content: "";
  box-shadow: 0 0 0 0.125rem var(--box-shadow-color-selected) inset;
  pointer-events: none;
  transition: box-shadow var(--lib-motion-duration-fast) var(--lib-motion-easing-default);
}
.card-option.svelte-1odjiqj img:where(.svelte-1odjiqj) {
  width: 100%;
  box-sizing: border-box;
}
.card-option.svelte-1odjiqj .tag:where(.svelte-1odjiqj) {
  position: absolute;
  top: 0.375rem;
  right: 0.375rem;
}
.card-option.svelte-1odjiqj .content:where(.svelte-1odjiqj) {
  padding: 0.625rem;
  display: flex;
  gap: 0.75rem;
}
.card-option.svelte-1odjiqj .title:where(.svelte-1odjiqj) {
  color: var(--text-color);
  font-size: 0.875rem;
  font-weight: 700;
}
.card-option.svelte-1odjiqj .icon:where(.svelte-1odjiqj) {
  all: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  color: var(--icon-color);
}
.card-option.svelte-1odjiqj > :where(.svelte-1odjiqj) {
  opacity: var(--opacity);
  transition: opacity var(--lib-motion-duration-fast) var(--lib-motion-easing-default);
}.collapsible-section.svelte-gb8wgn {
  --collapsible-section-gap: 0.75rem;
  display: flex;
  flex-direction: column;
  background: var(--lib-control-bg-subtle);
  border-radius: var(--lib-control-border-radius-md);
}

.header.svelte-gb8wgn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0.5rem 0.75rem;
  background: none;
  border: none;
  cursor: pointer;
  border-radius: var(--lib-control-border-radius-md);
}

.left.svelte-gb8wgn {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  color: var(--lib-control-text-secondary);
}

.title.svelte-gb8wgn {
  font-size: 0.75rem;
  font-weight: 600;
  white-space: nowrap;
}

.chevron.svelte-gb8wgn {
  display: flex;
  color: var(--lib-control-icon);
  transition: transform var(--lib-motion-duration-slow) var(--lib-motion-easing-spring);
}
.chevron.svelte-gb8wgn:not(.open) {
  transform: rotate(180deg);
}

.content.svelte-gb8wgn {
  padding: 0.375rem;
  padding-block-start: calc(0.375rem + var(--collapsible-section-gap));
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}.field-images.svelte-5yyfmy {
  --border-radius: var(--lib-control-border-radius-sm);
  --add-button-background-color: var(--lib-control-bg-subtle);
  --add-button-text-color: var(--lib-control-icon);
  --add-button-outline-color: transparent;
  --image-height: 3.75rem;
  --cursor: default;
}
.field-images.svelte-5yyfmy .add-field-btn:where(.svelte-5yyfmy):hover {
  --add-button-background-color: var(--lib-control-border);
  --add-button-text-color: var(--lib-control-icon-hover);
  --cursor: pointer;
}
.field-images.svelte-5yyfmy .add-field-btn:where(.svelte-5yyfmy):focus {
  --add-button-outline-color: var(--focus-ring-color);
}
.field-images.svelte-5yyfmy .add-field-btn:where(.svelte-5yyfmy):disabled {
  --add-button-background-color: var(--lib-control-bg-muted);
  --add-button-text-color: var(--lib-control-text-disabled);
}
.field-images.svelte-5yyfmy {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: var(--image-height);
  gap: 0.375rem;
}
.field-images.svelte-5yyfmy .field:where(.svelte-5yyfmy) {
  border-radius: var(--border-radius);
  background: var(--image-src) center center/cover no-repeat;
  flex: 0 var(--image-height);
  display: flex;
  justify-content: center;
  align-items: center;
}
.field-images.svelte-5yyfmy .add-field-btn:where(.svelte-5yyfmy) {
  all: unset;
  box-sizing: border-box;
  border-radius: var(--border-radius);
  background: var(--add-button-background-color);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--add-button-text-color);
  cursor: var(--cursor);
  transition: background var(--lib-motion-duration-fast) var(--lib-motion-easing-default), color var(--lib-motion-duration-fast) var(--lib-motion-easing-default), outline var(--lib-motion-duration-fast) var(--lib-motion-easing-default);
  outline: 0.0625rem solid var(--add-button-outline-color);
  outline-offset: var(--focus-ring-offset);
}
.field-images.svelte-5yyfmy .add-field-btn:where(.svelte-5yyfmy):disabled {
  pointer-events: none;
}
.field-images.svelte-5yyfmy .span-2:where(.svelte-5yyfmy) {
  grid-column: span 2;
}
.field-images.svelte-5yyfmy .span-3:where(.svelte-5yyfmy) {
  grid-column: span 3;
}
.field-images.svelte-5yyfmy .span-4:where(.svelte-5yyfmy) {
  grid-column: span 4;
}.field-images-card.svelte-1g25lr4 {
  --background-color: var(--lib-control-bg-subtle);
  --box-shadow-color: transparent;
  --padding: 0.625rem;
  --border-radius: var(--lib-control-border-radius-sm);
  --gap: 0.75rem;
  --cursor: default;
  --outline-color: transparent;
  --opacity: 1;
  --pointer-events: all;
}
.field-images-card.svelte-1g25lr4:hover {
  --background-color: var(--lib-control-bg);
  --box-shadow-color: var(--lib-control-shadow-standard-color);
  --cursor: pointer;
}
.field-images-card.svelte-1g25lr4:focus {
  --outline-color: var(--focus-ring-color);
}
.field-images-card.disabled.svelte-1g25lr4 {
  --opacity: 0.3;
  --pointer-events: none;
}
.field-images-card.svelte-1g25lr4 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: var(--gap);
  box-shadow: var(--lib-control-shadow-standard-size) var(--box-shadow-color);
  border-radius: var(--border-radius);
  background: var(--background-color);
  padding: var(--padding);
  width: 100%;
  cursor: var(--cursor);
  transition: background var(--lib-motion-duration-fast) var(--lib-motion-easing-default), box-shadow var(--lib-motion-duration-fast) var(--lib-motion-easing-default), outline var(--lib-motion-duration-fast) var(--lib-motion-easing-default);
  outline: var(--focus-ring-width) var(--focus-ring-style) var(--outline-color);
  outline-offset: var(--focus-ring-offset);
  pointer-events: var(--pointer-events);
}
.field-images-card.svelte-1g25lr4 > div:where(.svelte-1g25lr4) {
  opacity: var(--opacity);
  transition: opacity var(--lib-motion-duration-fast) var(--lib-motion-easing-default);
}
.field-images-card.svelte-1g25lr4 .thumbnail:where(.svelte-1g25lr4) {
  height: 2rem;
}
.field-images-card.svelte-1g25lr4 .title:where(.svelte-1g25lr4) {
  color: var(--lib-control-text-secondary);
  font-size: 0.625rem;
  font-weight: 600;
}
.field-images-card.svelte-1g25lr4 .subtitle:where(.svelte-1g25lr4) {
  color: var(--lib-control-text);
  font-size: 0.875rem;
  font-weight: 700;
}
.field-images-card.svelte-1g25lr4 .card-chevron:where(.svelte-1g25lr4) {
  color: var(--lib-control-icon);
  display: flex;
  align-items: center;
}.option-box.svelte-acgwde {
  --max-width: 7.5rem;
  --size-gap: 0.5rem;
  --size-padding-bottom: 0.625rem;
  --font: var(--font-primary);
  --font-size: 0.625rem;
  --font-weight: 600;
  --option-box-text-color: var(--lib-control-text);
  --font-size-sublabel: 0.625rem;
  --font-weight-sublabel: 600;
  --option-box-text-color-sublabel: var(--option-box-text-color);
  --label-gap: 0;
  --background-color: var(--lib-control-bg-subtle);
  --border-radius: var(--lib-control-border-radius-sm);
  --outline-color: transparent;
  --box-shadow-color: transparent;
  --box-shadow-border-color: var(--lib-control-border-subtle);
  --box-shadow-border-size: 1px;
  --image-opacity: 1;
  --cursor: default;
  --pointer-events: all;
  --delete-overlay-opacity: 0;
  --delete-overlay-visibility: hidden;
  --delete-overlay-pointer-events: none;
}
.option-box.size-large.svelte-acgwde {
  --max-width: 15.625rem;
  --size-gap: 0.75rem;
  --size-padding-bottom: 0.75rem;
  --font-size: 0.875rem;
  --font-weight: 500;
  --option-box-text-color-sublabel: var(--lib-control-text-secondary);
  --label-gap: 0.125rem;
}
.option-box.svelte-acgwde:focus {
  --outline-color: var(--focus-ring-color);
}
.option-box.svelte-acgwde:hover {
  --box-shadow-color: var(--lib-control-shadow-standard-color);
  --background-color: var(--lib-control-bg);
  --cursor: pointer;
  --delete-overlay-opacity: 1;
  --delete-overlay-visibility: visible;
  --delete-overlay-pointer-events: all;
}
.option-box.active.svelte-acgwde {
  --box-shadow-border-color: var(--lib-control-color-action);
  --box-shadow-border-size: 0.125rem;
  --option-box-text-color: var(--lib-control-color-action);
}
.option-box.partial.svelte-acgwde {
  --box-shadow-border-color: var(--lib-control-color-action);
  --box-shadow-border-size: 1px;
  --option-box-text-color: var(--lib-control-color-action);
}
.option-box.disabled.svelte-acgwde {
  --box-shadow-border-color: var(--lib-control-border-subtle);
  --box-shadow-border-size: 1px;
  --image-opacity: 0.64;
  --option-box-text-color: var(--lib-control-text-disabled);
  --option-box-text-color-sublabel: var(--lib-control-text-disabled);
  --pointer-events: none;
}
.option-box.svelte-acgwde {
  border-radius: var(--border-radius);
  background: var(--background-color);
  display: flex;
  width: min(var(--max-width), 100%);
  padding-bottom: var(--size-padding-bottom);
  flex-direction: column;
  align-items: center;
  gap: var(--size-gap);
  position: relative;
  top: 0;
  outline: var(--focus-ring-width) var(--focus-ring-style) var(--outline-color);
  outline-offset: var(--focus-ring-offset);
  box-shadow: var(--lib-control-shadow-standard-size) var(--box-shadow-color);
  cursor: var(--cursor);
  transition: background var(--lib-motion-duration-fast) var(--lib-motion-easing-default), border-color var(--lib-motion-duration-fast) var(--lib-motion-easing-default), box-shadow var(--lib-motion-duration-fast) var(--lib-motion-easing-default), outline var(--lib-motion-duration-fast) var(--lib-motion-easing-default);
  overflow: hidden;
  pointer-events: var(--pointer-events);
}
.option-box.svelte-acgwde:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: var(--border-radius);
  content: "";
  box-shadow: 0 0 0 var(--box-shadow-border-size) var(--box-shadow-border-color) inset;
  pointer-events: none;
  transition: box-shadow var(--lib-motion-duration-fast) var(--lib-motion-easing-default);
}
.option-box.svelte-acgwde .img-wrapper:where(.svelte-acgwde) {
  width: 100%;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: var(--image-opacity);
}
.option-box.svelte-acgwde .img-wrapper:where(.svelte-acgwde) img:where(.svelte-acgwde) {
  width: 100%;
}
.option-box.svelte-acgwde .label-wrapper:where(.svelte-acgwde) {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-items: center;
  text-align: center;
  gap: var(--label-gap);
}
.option-box.svelte-acgwde .label-wrapper:where(.svelte-acgwde) .label:where(.svelte-acgwde) {
  background: var(--option-box-text-color);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: var(--font-size);
  font-weight: var(--font-weight);
  font-family: var(--font);
  text-align: center;
}
.option-box.svelte-acgwde .label-wrapper:where(.svelte-acgwde) .sublabel:where(.svelte-acgwde) {
  font-size: var(--font-size-sublabel);
  font-weight: var(--font-weight-sublabel);
  color: var(--option-box-text-color-sublabel);
}
.option-box.svelte-acgwde .hint:where(.svelte-acgwde) {
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
}
.option-box.svelte-acgwde .star-rating:where(.svelte-acgwde) {
  all: unset;
  position: absolute;
  top: 0.25rem;
  right: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.375rem;
  height: 1.375rem;
  color: var(--lib-control-text-muted);
  opacity: var(--image-opacity);
}
.option-box.svelte-acgwde .star-rating:where(.svelte-acgwde):hover {
  color: var(--lib-control-text-secondary);
}
.option-box.svelte-acgwde .delete:where(.svelte-acgwde) {
  background: rgba(0, 0, 0, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: var(--delete-overlay-opacity);
  visibility: var(--delete-overlay-visibility);
  pointer-events: var(--delete-overlay-pointer-events);
}
.option-box.svelte-acgwde .delete:where(.svelte-acgwde) .icon:where(.svelte-acgwde) {
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--lib-control-bg);
  color: var(--lib-control-text);
  padding: 0.625rem;
}
    .option-button.svelte-1rlr1gp {
        all: unset;

        --border-color: var(--lib-control-border-subtle);
        --background-color: var(--lib-control-bg-subtle);
        --border-radius: var(--lib-control-border-radius-md);
        --outline-color: transparent;
        --box-shadow-color: transparent;
        --image-opacity: 1;
        --title-color: var(--lib-control-text);
        --description-color: var(--lib-control-text-secondary);
        --icon-color: var(--lib-control-icon);
        --cursor: pointer;
        --pointer-events: all;

        &.active {
            --icon-color: var(--lib-control-icon-active);
            --background: var(--lib-control-bg);
        }

        &:focus {
            --outline-color: var(--focus-ring-color);
            --icon-color: var(--lib-control-icon);
            --background: var(--lib-control-bg);
        }

        &:hover {
            --box-shadow-color: var(--lib-control-shadow-standard-color);
            --icon-color: var(--lib-control-icon-hover);
            --background: var(--lib-control-bg);
        }

        &:disabled {
            --background: var(--lib-control-bg);
            --image-opacity: 0.5;
            --title-color: var(--lib-control-text-disabled);
            --description-color: var(--lib-control-text-disabled);
            --icon-color: var(--lib-control-icon-disabled);
            --cursor: default;
            --pointer-events: none;
        }

        display: flex;
        align-items: center;
        gap: 0.5rem;
        padding: 0.625rem;
        background: var(--background-color);
        border: 0.0625rem solid solid var(--border-color);
        border-radius: var(--border-radius);
        outline: var(--focus-ring-width) var(--focus-ring-style) var(--outline-color);
        outline-offset: var(--focus-ring-offset);
        box-shadow: var(--lib-control-shadow-standard-size) var(--box-shadow-color);
        transition:
            background var(--lib-motion-duration-fast) var(--lib-motion-easing-default),
            border-color var(--lib-motion-duration-fast) var(--lib-motion-easing-default),
            box-shadow var(--lib-motion-duration-fast) var(--lib-motion-easing-default),
            outline var(--lib-motion-duration-fast) var(--lib-motion-easing-default);
        overflow: hidden;
        cursor: var(--cursor);
        pointer-events: var(--pointer-events);

        img:where(.svelte-1rlr1gp) {
            width: 4.375rem;
            aspect-ratio: 1;
            opacity: var(--image-opacity);
        }

        .content:where(.svelte-1rlr1gp) {
            flex: 1;
            display: flex;
            flex-direction: column;
            gap: 0.5rem;

            .title:where(.svelte-1rlr1gp) {
                font-size: 0.875rem;
                font-weight: 700;
                color: var(--title-color);
            }

            .description:where(.svelte-1rlr1gp) {
                font-size: 0.6875rem;
                font-weight: 500;
                color: var(--description-color);
            }
        }

        .icon:where(.svelte-1rlr1gp) {
            display: flex;
            align-items: center;
            color: var(--icon-color);
        }
    }
.tooltip.svelte-11g4jih {
  position: relative;
  width: -moz-max-content;
  width: max-content;
  max-width: max(20vw, 20rem);
  padding: 0.5rem;
  border-radius: var(--lib-control-border-radius-md);
  background-color: var(--lib-color-tooltip-bg);
  box-shadow: var(--lib-control-shadow-standard);
  color: var(--lib-control-text);
  font-size: 0.6875rem;
  font-weight: 500;
  line-height: normal;
  word-break: break-word;
}
.tooltip.error.svelte-11g4jih {
  color: var(--lib-control-color-error);
  background-color: var(--lib-color-error-bg);
}
.tooltip.svelte-11g4jih {
  --arrow-up: polygon(0% 100%, 50% 0%, 100% 100%);
  --arrow-right: polygon(0% 0%, 100% 50%, 0% 100%);
  --arrow-down: polygon(0% 0%, 100% 0%, 50% 100%);
  --arrow-left: polygon(100% 0%, 100% 100%, 0% 50%);
  --arrow-width: 0.875rem;
  --arrow-height: 0.625rem;
}
.tooltip[class*=bottom_].svelte-11g4jih {
  --arrow: var(--arrow-up);
}
.tooltip.bottom_left.svelte-11g4jih {
  transform: translate(1.125rem, 0.625rem);
}
.tooltip.bottom_left.svelte-11g4jih:after {
  top: 0;
  right: 0.75rem;
  transform: translate(0, -95%);
}
.tooltip.bottom_center.svelte-11g4jih {
  transform: translate(0, 0.625rem);
}
.tooltip.bottom_center.svelte-11g4jih:after {
  top: 0;
  left: 50%;
  transform: translate(-50%, -95%);
}
.tooltip.bottom_right.svelte-11g4jih {
  transform: translate(-1.125rem, 0.625rem);
}
.tooltip.bottom_right.svelte-11g4jih:after {
  top: 0;
  left: 0.75rem;
  transform: translate(0, -95%);
}
.tooltip[class*=center_].svelte-11g4jih {
  --arrow-width: 0.625rem;
  --arrow-height: 0.875rem;
}
.tooltip.center_right.svelte-11g4jih {
  --arrow: var(--arrow-left);
  transform: translate(0.625rem, 0);
}
.tooltip.center_right.svelte-11g4jih:after {
  top: 50%;
  left: 0;
  transform: translate(-95%, -50%);
}
.tooltip.center_center.svelte-11g4jih:after {
  display: none;
}
.tooltip.center_left.svelte-11g4jih {
  --arrow: var(--arrow-right);
  transform: translate(-0.625rem, 0);
}
.tooltip.center_left.svelte-11g4jih:after {
  top: 50%;
  right: 0;
  transform: translate(95%, -50%);
  clip-path: var(--arrow-right);
}
.tooltip[class*=top_].svelte-11g4jih:after {
  clip-path: var(--arrow-down);
}
.tooltip.top_left.svelte-11g4jih {
  transform: translate(1.125rem, -0.625rem);
}
.tooltip.top_left.svelte-11g4jih:after {
  bottom: 0;
  right: 0.75rem;
  transform: translate(0, 95%);
}
.tooltip.top_center.svelte-11g4jih {
  transform: translate(0, -0.625rem);
}
.tooltip.top_center.svelte-11g4jih:after {
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 95%);
}
.tooltip.top_right.svelte-11g4jih {
  transform: translate(-1.125rem, -0.625rem);
}
.tooltip.top_right.svelte-11g4jih:after {
  bottom: 0;
  left: 0.75rem;
  transform: translate(0, 95%);
}
.tooltip.svelte-11g4jih:after {
  content: "";
  position: absolute;
  background-color: inherit;
  width: var(--arrow-width);
  height: var(--arrow-height);
  clip-path: var(--arrow);
}
    .sidebar-menu.svelte-1czy3wh {
        &.orientation-horizontal {
            --flex-direction: row;
            --border-radius: 0;
            --width: 100%;
        }

        &.orientation-vertical {
            --width: fit-content;
            --flex-direction: column;
            --border-radius: 0 var(--lib-control-border-radius-lg) var(--lib-control-border-radius-lg) 0;
        }

        display: flex;
        width: var(--width);
        min-width: -moz-fit-content;
        min-width: fit-content;
        flex-direction: var(--flex-direction);
        background: var(--lib-control-bg);
        border-radius: var(--border-radius);
        box-shadow: 0 0.0625rem 0.375rem 0 rgba(0, 0, 0, 0.18);

        .item:where(.svelte-1czy3wh) {
            --icon-color: var(--lib-control-icon);
            --highlight-color: transparent;
            --highlight-size: 0.125rem;

            &.active,
            &:hover,
            &:focus,
            &:focus-within {
                --icon-color: var(--lib-control-icon-active);
                --highlight-color: var(--lib-control-icon-active);
            }

            &:focus,
            &:focus-within {
                --highlight-size: 0.25rem;
            }

            all: unset;
            flex: 1;
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 0.75rem;
            color: var(--icon-color);
            cursor: pointer;
            box-sizing: border-box;

            .icon:where(.svelte-1czy3wh) {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 1.5rem;
                aspect-ratio: 1;
            }

            &.horizontal {
                &:after {
                    content: "";
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    width: 100%;
                    height: var(--highlight-size);
                    background-color: var(--highlight-color);
                }

                &:before {
                    content: "";
                    position: absolute;
                    top: 50%;
                    left: 0;
                    transform: translateY(-50%);
                    width: 0.0625rem;
                    height: 1.5rem;
                    background-color: var(--lib-control-border-subtle);
                }
            }

            &.vertical {
                &:after {
                    content: "";
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: var(--highlight-size);
                    height: 100%;
                    background-color: var(--highlight-color);
                }

                &:before {
                    content: "";
                    position: absolute;
                    top: 0;
                    left: 50%;
                    transform: translateX(-50%);
                    width: 1.5rem;
                    height: 0.0625rem;
                    background-color: var(--lib-control-border-subtle);
                }
            }

            &:first-child:before {
                display: none;
            }
        }
    }
.modal-card.svelte-nw00yq {
  --max-height: 60dvh;
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: var(--lib-control-bg);
  border-radius: var(--lib-control-border-radius-xl);
  color: var(--lib-control-text);
  box-sizing: border-box;
  max-width: 100%;
  max-height: min(var(--max-height), 100%);
  width: -moz-fit-content;
  width: fit-content;
}
.modal-card.size-small.svelte-nw00yq {
  width: min(23rem, 100%);
}
.modal-card.size-large.svelte-nw00yq {
  --max-height: 90dvh;
  max-width: min(85rem, 100%);
}
.modal-card.fullscreen.svelte-nw00yq {
  --max-height: 100%;
  width: 100%;
  max-width: 100%;
}
.modal-card.svelte-nw00yq .close-button:where(.svelte-nw00yq) {
  all: unset;
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.25rem;
  color: var(--lib-control-icon);
  box-sizing: border-box;
}
.modal-card.svelte-nw00yq .close-button:where(.svelte-nw00yq):hover, .modal-card.svelte-nw00yq .close-button:where(.svelte-nw00yq):active {
  color: var(--lib-control-icon-hover);
}
.modal-card.svelte-nw00yq .close-button:where(.svelte-nw00yq):focus-visible {
  color: var(--lib-control-icon-hover);
  outline: 2px solid currentColor;
  outline-offset: 2px;
  border-radius: 2px;
}
.modal-card.svelte-nw00yq .sections:where(.svelte-nw00yq) {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1.5rem 0 1.5rem 0;
  min-height: 0;
}
.modal-card.svelte-nw00yq .sections:where(.svelte-nw00yq) .header:where(.svelte-nw00yq) {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 700;
}
.modal-card.svelte-nw00yq .sections:where(.svelte-nw00yq) .content:where(.svelte-nw00yq) {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.25rem;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
}
.modal-card.svelte-nw00yq .sections:where(.svelte-nw00yq) .header:where(.svelte-nw00yq),
.modal-card.svelte-nw00yq .sections:where(.svelte-nw00yq) .content:where(.svelte-nw00yq),
.modal-card.svelte-nw00yq .sections:where(.svelte-nw00yq) .footer:where(.svelte-nw00yq) {
  padding: 0 1.5rem;
}
.modal-card.svelte-nw00yq .sections:where(.svelte-nw00yq) .header:where(.svelte-nw00yq):empty,
.modal-card.svelte-nw00yq .sections:where(.svelte-nw00yq) .content:where(.svelte-nw00yq):empty,
.modal-card.svelte-nw00yq .sections:where(.svelte-nw00yq) .footer:where(.svelte-nw00yq):empty {
  display: none;
}.modal-dialog.svelte-1dok8s4 {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 1rem;
  border: none;
  background: transparent;
  overflow: visible;
  display: none;
  grid-template-columns: 100%;
  grid-template-rows: 100%;
  place-items: center;
  opacity: 0;
  translate: 0 5%;
  transition: opacity 0.3s ease-in-out, translate 0.3s ease-in-out, display 0.3s ease-in-out allow-discrete, overlay 0.3s ease-in-out allow-discrete;
}
.modal-dialog[open].svelte-1dok8s4 {
  display: grid;
  opacity: 1;
  translate: 0 0;
}
@starting-style {
  .modal-dialog[open].svelte-1dok8s4 {
    opacity: 0;
    translate: 0 5%;
  }
}
.modal-dialog.svelte-1dok8s4::backdrop {
  background: transparent;
}
@media (prefers-reduced-motion: reduce) {
  .modal-dialog.svelte-1dok8s4 {
    transition-duration: 0s;
  }
}.modal-backdrop.svelte-16lycyz {
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease-in-out;
  z-index: var(--z-index-modal);
}
.modal-backdrop.visible.svelte-16lycyz {
  opacity: 1;
}
@media (prefers-reduced-motion: reduce) {
  .modal-backdrop.svelte-16lycyz {
    transition-duration: 0s;
  }
}.button-wrapper.svelte-veso23 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 1rem;
}