@use 'sass:math';

.expanded-indicator {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;

    width: math.div($space-xl, 3);
    background-color: $blue-light;

    @media (max-width: $media-breakpoint-mobile) {
        width: math.div($space-xl, 6);
    }
}

.flight-list-item {
    cursor: pointer;
    border-top: 1px solid $border;

    &:hover {
        background-color: $blue-extra-light;
    }

    &.selected {
        background: $blue-extra-light;
        position: relative;
    }
}

.hide-button-label {
    .p-button-label {
        display: none;
    }
}

.hidden {
    display: none;
}

.banner--top {
    z-index: 1001;
}

.wrapper-header {
    z-index: 1002;
}
