.dropdown {
    --rocket-ui-dropdown-border-color: var(--rocket-color-grey-300);
    --rocket-ui-dropdown-background-color: var(--rocket-color-white-base);
    --rocket-ui-dropdown-border-radius: .25rem;

    $this: &;

    @include transition;

    position: absolute;
    top: 115%;
    left: 0;
    z-index: 1;
    display: none;
    min-width: 70px;
    overflow: hidden;
    background: var(--rocket-ui-dropdown-background-color);
    border: 1px solid var(--rocket-ui-dropdown-border-color);
    border-radius: var(--rocket-ui-dropdown-border-radius);
    box-shadow: $rocket-shadow-lg;

    &--is-open {
        display: block;
        opacity: 1;
    }
}