@import '../../../common/styles/media/_screen';
@import '../../../common/styles/colors';
@import '../../../common/styles/rounded-corner-base';
@import '../drop';
@import './item';

.bloko-drop_menu {
    box-shadow: 0 6px 20px fade(@color-gray-80, 20%);
    max-width: @bloko-drop-menu-max-width;

    &.bloko-drop_flexible {
        max-width: none;
    }
}

.bloko-drop__padding-wrapper_menu {
    padding: @bloko-drop-menu-wrapper-padding 0;
}

:global(.xs-friendly) .bloko-drop_menu.bloko-drop_fullscreen-on-xs {
    @media @screen-lt-s {
        border-top-left-radius: @rounded-corner-default;
        border-top-right-radius: @rounded-corner-default;
        padding: 0;
    }
}

:global(.xs-friendly) .bloko-drop_menu {
    max-width: none;

    @media @screen-gt-xs {
        width: auto;
        max-width: @bloko-drop-menu-max-width;

        &.bloko-drop_flexible {
            max-width: none;
        }
    }
}