/* stylelint-disable */
.wp-component-event-detail {
  align-items: center;
  display: flex;
  gap: var(--spacing-xxs);
  text-align: left;
}

.wp-component-event-detail__icon {
  align-items: center;
  background: var(--gradient-light);
  border: 1px solid var(--colour-light-blue-10);
  border-radius: 50%;
  color: var(--colour-white);
  display: flex;
  flex: 0 0 48px;
  height: 48px;
  justify-content: center;
  width: 48px;
}

.wp-component-event-detail__title {
  font-family: var(--font-sans-serif);
  font-size: var(--font-size-p-xsmall);
  font-weight: 400;
  letter-spacing: var(--letter-spacing-p-xsmall);
  line-height: var(--line-height-p-xsmall);
  text-transform: none;
  color: var(--colour-dark-blue-100);
  margin: 0 0 4px;
}

.wp-component-event-detail__value {
  font-family: var(--font-sans-serif);
  font-size: var(--font-size-p-small);
  font-weight: 700;
  letter-spacing: var(--letter-spacing-p-small);
  line-height: var(--line-height-p-small);
  text-transform: none;
  color: var(--colour-dark-blue-35);
}

.wp-component-event-detail--dark .wp-component-event-detail__title,
.wp-component-event-detail--dark .wp-component-event-detail__value {
  color: var(--colour-white);
}