.dropdown.svelte-16sy7kx {
    position: relative
}

.dropdown.full-width.svelte-16sy7kx {
    width: 100%
}

.dropdown.svelte-16sy7kx>.is-rounded {
    border-radius: var(--border-radius-sm)
}

.dropdown-icon.svelte-9n45i2 {
    display: inline-flex;
    align-items: center
}

.tooltip.svelte-lryfy1 {
    position: relative;
    display: flex;
    width: -moz-max-content;
    width: max-content;
    flex-direction: column;
    box-shadow: var(--shadows-lg);
    border-radius: var(--border-radius-base);
    background: var(--white);
    z-index: 1600
}

.tooltip.variant-dark.svelte-lryfy1 {
    background: var(--grey-400);
    --arrow-color: var(--grey-400)
}

.tooltip.variant-light.svelte-lryfy1 {
    background: var(--white);
    --arrow-color: var(--white)
}

.tooltip.svelte-lryfy1:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0
}

.tooltip.x-center.svelte-lryfy1:after {
    left: 50%;
    transform: translate(-50%)
}

.tooltip.x-left.svelte-lryfy1:after {
    left: var(--arrow-offset);
    transform: translate(1px)
}

.tooltip.x-right.svelte-lryfy1:after {
    right: var(--arrow-offset);
    transform: translate(-1px)
}

.tooltip.x-auto.svelte-lryfy1:after {
    left: var(--arrow-x);
    transform: translate(-50%)
}

.tooltip.y-top.svelte-lryfy1:after {
    top: 100%;
    border-left: var(--arrow-width) solid transparent;
    border-right: var(--arrow-width) solid transparent;
    border-top: var(--arrow-width) solid var(--arrow-color, var(--white))
}

.tooltip.y-bottom.svelte-lryfy1:after {
    bottom: 100%;
    border-left: var(--arrow-width) solid transparent;
    border-right: var(--arrow-width) solid transparent;
    border-bottom: var(--arrow-width) solid var(--arrow-color, var(--white))
}

.tooltip-wrapper.svelte-lryfy1 {
    z-index: 1600
}

.dropdown-content-parent.svelte-lryfy1 {
    position: fixed
}

.dropdown-scroll-content.svelte-lryfy1 {
    display: flex;
    flex-direction: column;
    padding: var(--space-1) 0;
    max-width: 100vw
}

.arrow.svelte-lryfy1,
.arrow.svelte-lryfy1:before {
    position: absolute;
    width: 8px;
    height: 8px;
    background: inherit;
    background: var(--arrow-color)
}

.arrow.svelte-lryfy1 {
    visibility: hidden
}

.arrow.svelte-lryfy1:before {
    visibility: visible;
    content: "";
    transform: rotate(45deg)
}

.tooltip-wrapper[data-popper-placement^=top] .arrow {
    bottom: -4px
}

.tooltip-wrapper[data-popper-placement^=bottom] .arrow {
    top: -4px
}

.tooltip-wrapper[data-popper-placement^=left] .arrow {
    right: -4px
}

.tooltip-wrapper[data-popper-placement^=right] .arrow {
    left: -4px
}