.container {
    @mixin dark {
        background-color: var(--mantine-color-dark-7);
    }
}

.icon {
    width: rem(18px);
    height: rem(18px);
}

.light {
    display: block;
}

.dark {
    display: none;
}

:global([data-mantine-color-scheme='dark']) .light {
    display: none;
}

:global([data-mantine-color-scheme='dark']) .dark {
    display: block;
}
