locale-picker.pcss

@import "../../style/normalize.pcss";
@import "../../style/display.pcss";
@import "../../style/mixin/button.pcss";
@import "../../style/button.pcss";
@import "../../style/mixin/typography.pcss";
@import "../../style/mixin/hover.pcss";
@import "../../style/control.pcss";
@import "../../style/property.pcss";
@import "../../style/ripple.pcss";

[data-monster-role=container] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    gap: 0.3rem;
}

[data-monster-role=button-language],
[data-monster-role=button-no-thanks] {
    grid-row: 1;
}

[data-monster-role=other-languages] {
    grid-column: 1 / -1;
    grid-row: 2;
}