webpack-bootstrap-ui-kit/src/scss/_components/_ui.flyout.scss

$flyout-height-padding: 1rem;
$flyout-width-padding: 2rem;
$flyout-padding: $flyout-height-padding $flyout-width-padding;
$flyout-bg: #000 !default;
$flyout-color: #fff !default;
$flyout-title-color: #fff !default;
$flyout-transition: right 2s;

.flyout-FlyoutUI {
    position: absolute;
    z-index: 99;
    transform: translateY(-50%);
    transition: $flyout-transition;
    right: -100%;
    top: 50%;
    background: $flyout-bg;
    color: $flyout-color;
    padding: $flyout-padding;

    &__active {
        display: block;
        right: 0;
    }

    &__title {
        color: $flyout-title-color;
    }

    &__close {
        position: absolute;
        top: $flyout-height-padding;
        right: $flyout-width-padding;
    }
}