.modal {
  border-radius: var(--size-2);
  padding: var(--size-4);
  border: 1px solid #eeeeee;
  width: 400px;
}

.icon {
  width: var(--size-8);
  height: var(--size-8);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
}

.icon--sm {
  width: 16px;
  height: 16px;
}

.icon--md {
  width: 48px;
  height: 48px;
}

.icon--lg {
  width: 64px;
  height: 64px;
}

.icon--xl {
  width: 80px;
  height: 80px;
}

.icon--2xl {
  width: 96px;
  height: 96px;
}