@use "vuetify/settings" as *;
@use "sass:map";

.v3-emoji-picker {
    width: 100%;
    background-color: #ffffff;
    margin-top: 15px;
    box-shadow: none;
    height: 100%;
    flex: 1 1 100%;

    .v3-emojis button {
        @media #{map.get($display-breakpoints, 'sm')} {
            flex-basis: 10% !important;
            max-width: 10% !important;
        }
        @media #{map.get($display-breakpoints, 'md-and-up')} {
            flex-basis: 6.25% !important;
            max-width: 6.25% !important;
        }
    }
}