@import 'src/styles/variables';

.card {
  width: 100vw;
  max-width: 400px;
  flex: 1 1 400px;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  box-shadow: transparentize(black, 0.8) -5px 0 5px;
  border-radius: $radius;
}

.head {
  @include row_shadow;

  display: flex;
  flex-direction: row;
  align-items: center;
  padding: $gap $gap $gap $gap * 2;
  height: 48px;
}

.content {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.title {
  display: flex;
  align-items: center;
}
