/** Shopify CDN: Minification failed

Line 38:10 Expected identifier but found whitespace
Line 38:12 Unexpected "{"
Line 38:21 Expected ":"
Line 59:10 Expected identifier but found whitespace
Line 59:12 Unexpected "{"
Line 59:21 Expected ":"
Line 72:10 Expected identifier but found whitespace
Line 72:12 Unexpected "{"
Line 72:21 Expected ":"

**/


/* CSS from section stylesheet tags */
.countdown-item {
      background: #f5f5f5;
      color: #f76619;
      border-radius: 999px !important;
  }
  .custom-announcement-bar {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: .4rem 1rem;
  }
  .announcement-text {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 13px;
    color: color-mix(in oklab, {{ section.settings.fg }}, transparent 40%);
    flex-shrink: 0;
  }
  .announcement-highlight {
    font-weight: 700;
    color: {{ section.settings.fg }};
  }
  .countdown-timer {
    display: flex;
    gap: 6px;
    align-items: center;
  }
  .time-code {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
  }
  .countdown-item {
    background-color: color-mix(in oklab, {{ section.settings.fg }}, transparent 85%);
    border-radius: 6px;
    width: 34px;
    height: 34px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: {{ section.settings.fg }};
    font-weight: 700;
    font-size: 14px;
    font-family: ui-monospace, monospace;
    user-select: none;
  }
  .discount-code {
    border: 1.5px solid var(--ss-chip-border);
    border-radius: 12px;
    padding: 5px 12px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    color: {{ section.settings.fg }};
    background: transparent;
    cursor: pointer;
    white-space: nowrap;
    user-select: none;
    transition: transform .06s ease, background-color .2s ease, border-color .2s ease;
  }
  .discount-code:active { transform: scale(0.98); }
  .discount-code:hover {
    background-color: color-mix(in oklab, {{ section.settings.fg }}, transparent 90%);
    border-color: color-mix(in oklab, {{ section.settings.fg }}, transparent 60%);
  }
  @media screen and (max-width: 750px){
    .custom-announcement-bar { flex-direction: column; gap: 8px; }
  }