/** Shopify CDN: Minification failed

Line 45:13 Expected identifier but found whitespace
Line 45:15 Unexpected "{"
Line 45:24 Expected ":"

**/
.ticket-coupon-section {
  display: flex;
  flex-direction: column;
  gap: 4px;
  background: #EFDFF6;
  color: #fff;
  margin-top: 10px;
  padding: 6px 24px;
  border-radius: 20px;
  border: 1px solid #fafafa;
  position: relative;
}

.ticket-coupon-section:before, .ticket-coupon-section:after {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  background: #fff;
  border: 1px solid #fff;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
}

.ticket-coupon-section:before {
  left: -10px;
}

.ticket-coupon-section:after {
  right: -10px;
}

.ticket-sectiongap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background: {{ product.metafields.custom.product_title_color | default: '#fafafa' }}; /* fallback color if metafield is not set */
  padding: 5px 0;
  border-top: 1px solid #e5e5e5;
}

.ticket-sectiongap:first-of-type {
  border-top: none; /* Hide the top border for the first .ticket-sectiongap */
}

.ticket-offer-text {
  font-size: 14px;
  font-weight: bold;
  color: #000;
}

.ticket-offer-detail {
  font-size: 12px;
  line-height: 1.3em;
  font-weight: normal;
  color: #000;
  text-align:left;
}