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

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

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

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

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

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

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

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

.tooltip.y-top.svelte-oik71w: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-oik71w: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-oik71w {
    z-index: 1600
}

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

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

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

.arrow.svelte-oik71w {
    visibility: hidden
}

.arrow.svelte-oik71w: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
}

.input-search.svelte-lureo3 {
    position: relative;
    display: flex;
    width: 100%
}

.input-search.raise.svelte-lureo3 {
    z-index: 3
}

.input-search.svelte-lureo3 label {
    width: 100%
}

.search-wrapper.svelte-lureo3 {
    width: 100%;
    display: flex
}

.search-wrapper.show-content.svelte-lureo3 input {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-color: var(--grey-300)
}

.search-content.svelte-lureo3 {
    display: flex;
    width: 100%;
    background: var(--grey-700);
    border: 2px solid var(--grey-300);
    border-top: 0;
    transform: translateY(-2px);
    border-radius: 0 0 var(--ds-radius-md, .25rem) var(--ds-radius-md, .25rem);
    box-shadow: var(--input-box-shadow);
    position: absolute;
    top: 100%;
    left: 0
}

.dropdown.svelte-oux2we {
    position: relative
}

.dropdown.full-width.svelte-oux2we {
    width: 100%
}

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