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

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

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

.bloko-drop__padding-wrapper_down {
    padding: @bloko-drop-padding-top @bloko-drop-padding-right @bloko-drop-padding-bottom @bloko-drop-padding-left;
}

:global(.xs-friendly) .bloko-drop_down.bloko-drop_fullscreen-on-xs {
    @media @screen-lt-s {
        border-top-left-radius: @rounded-corner-default;
        border-top-right-radius: @rounded-corner-default;
        max-width: none;
    }
}

.bloko-drop-down-no-paddings {
    margin: -@bloko-drop-padding-top -@bloko-drop-padding-right -@bloko-drop-padding-bottom -@bloko-drop-padding-left;
}