@import '../../../common/styles/media/_screen';
@import '../../../common/styles/colors';
@import '../../../common/styles/drop';
@import '../drop';

.bloko-drop_info {
    .bloko-drop-arrow-mixin();

    box-shadow: 0 6px 20px fade(@color-gray-80, 20%);
    max-width: calc(~'100% - 30px');

    .bloko-drop__arrow::after {
        .bloko-drop-arrow();
    }

    @media @screen-gt-xs {
        max-width: 310px;
    }
}

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

.bloko-drop_flexible.bloko-drop_info {
    max-width: calc(~'100% - 30px');

    @media @screen-gt-xs {
        max-width: calc(~'100% - 30px');
    }
}