@use '../colors';
@use '../shadows';

.root {
  background: colors.$basic-white;
}

.shadow-z1 {
  @include shadows.box-shadow('z1');
}

.shadow-z2 {
  @include shadows.box-shadow('z2');
}

.shadow-z2-straight {
  @include shadows.box-shadow('z2-straight');
}

.shadow-z3 {
  @include shadows.box-shadow('z3');
}

.shadow-z4 {
  @include shadows.box-shadow('z4');
}

.rounds-s {
  border-radius: 4px;
}

.rounds-m {
  border-radius: 8px;
}