@font-face {
  font-family: 'Zalando Sans';
  src: url(../../assets/fonts/ZalandoSans-ExtraLight.woff2) format('woff2'),
  url(../../assets/fonts/ZalandoSans-ExtraLight.woff) format('woff');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Zalando Sans';
  src: url(../../assets/fonts/ZalandoSans-Light.woff2) format('woff2'),
  url(../../assets/fonts/ZalandoSans-Light.woff) format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Zalando Sans';
  src: url(../../assets/fonts/ZalandoSans-Regular.woff2) format('woff2'),
  url(../../assets/fonts/ZalandoSans-Regular.woff) format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Zalando Sans';
  src: url(../../assets/fonts/ZalandoSans-Medium.woff2) format('woff2'),
  url(../../assets/fonts/ZalandoSans-Medium.woff) format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Zalando Sans';
  src: url(../../assets/fonts/ZalandoSans-SemiBold.woff2) format('woff2'),
  url(../../assets/fonts/ZalandoSans-SemiBold.woff) format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Zalando Sans';
  src: url(../../assets/fonts/ZalandoSans-Bold.woff2) format('woff2'),
  url(../../assets/fonts/ZalandoSans-Bold.woff) format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Zalando Sans Expanded';
  src: url(../../assets/fonts/ZalandoSansExpanded-ExtraLight.woff2) format('woff2'),
  url(../../assets/fonts/ZalandoSansExpanded-ExtraLight.woff) format('woff');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Zalando Sans Expanded';
  src: url(../../assets/fonts/ZalandoSansExpanded-Light.woff2) format('woff2'),
  url(../../assets/fonts/ZalandoSansExpanded-Light.woff) format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Zalando Sans Expanded';
  src: url(../../assets/fonts/ZalandoSansExpanded-Regular.woff2) format('woff2'),
  url(../../assets/fonts/ZalandoSansExpanded-Regular.woff) format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Zalando Sans Expanded';
  src: url(../../assets/fonts/ZalandoSansExpanded-Medium.woff2) format('woff2'),
  url(../../assets/fonts/ZalandoSansExpanded-Medium.woff) format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Zalando Sans Expanded';
  src: url(../../assets/fonts/ZalandoSansExpanded-SemiBold.woff2) format('woff2'),
  url(../../assets/fonts/ZalandoSansExpanded-SemiBold.woff) format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Zalando Sans Expanded';
  src: url(../../assets/fonts/ZalandoSansExpanded-Bold.woff2) format('woff2'),
  url(../../assets/fonts/ZalandoSansExpanded-Bold.woff) format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}


.inset-0 {
  inset: 0;
}

.rounded-lg {
  border-radius: calc(2*var(--border-radius));
}

.rounded-xl {
  border-radius: calc(3*var(--border-radius));
}

.bg-solid {
  background-color: var(--background-solid);
}

.bg-transparent {
  background-color: transparent;
}

.table-plans thead th, .table-plans tfoot th {
  border-top: 0;
  border-bottom: 0;
}


.table-plans tbody tr {
  border-top: 1px solid var(--gray-200);
}

.table-plans tbody tr td {
  border-top: 0;
}

.table-plans td {
  padding: 1rem;
  vertical-align: middle;
  border-color: var(--gray-200);
}