@import '../global-styles';

:local .element {
    position: relative;
}

:local .iconElement {
}

:local .qualitySelector {
    position: absolute;
    right: 0;
    bottom: 100%;
    padding-bottom: 15px;

    &.isOpen { }
    &.isClosed {
        display: none;
    }
}

:local .qualitySelectorOptions {
    padding: 6px 20px;
    background-color: rgba($color-background, .8);
    border-radius: $border-radius;
}

:local .qualitySelectorOption {
    color: rgba($color-foreground, .8);
    padding: 10px 10px;
    border-bottom: 1px solid $color-foreground;

    &:last-child {
        border-bottom: none;
    }

    &.isActive {
        color: $color-foreground;
    }
}