@use '../../styles/variables' as *;
@use '../../styles/mixins' as *;

.ui-switcher {
  display: flex;
  padding: 4px;
  border-radius: 12px;
  gap: 8px;

  &--blue {
    background-color: $clr-grey-200;
  }

  &--white {
    background-color: $clr-grey-100;
  }
}

.ui-switcher-option {
  --button-border-radius: 8px;

  flex: 1;
}