.lk-countdown {
  box-sizing: border-box; width: 100%; max-width: 100%; margin: 0;
  padding: var(--lk-panel-padding, 0px);
  border: var(--lk-panel-border-width, 0px) solid var(--lk-panel-border-color, #6b7280);
  border-radius: var(--lk-panel-radius, 24px); background: var(--lk-panel-background, transparent);
  font-family: var(--lk-font, inherit); line-height: 1.2; color: var(--lk-digits-color, #fff);
  display: flex; justify-content: center; container-type: inline-size;
}
.lk-countdown *, .lk-countdown *::before, .lk-countdown *::after { box-sizing: border-box; }
.lk-countdown[hidden], .lk-countdown [hidden] { display: none !important; }
.lk-countdown.lk-align-left { justify-content: flex-start; }
.lk-countdown.lk-align-right { justify-content: flex-end; }
.lk-countdown .lk-units { display: flex; flex-wrap: wrap; gap: var(--lk-gap, 16px); justify-content: center; max-width: 100%; }
.lk-countdown.lk-align-left .lk-units { justify-content: flex-start; }
.lk-countdown.lk-align-right .lk-units { justify-content: flex-end; }
.lk-countdown .lk-unit {
  display: flex; flex-direction: column; justify-content: center; align-items: center;
  gap: var(--lk-label-gap, 8px); min-width: min(var(--lk-min-width, 110px), 100%); max-width: 100%;
  padding: var(--lk-padding, 20px); margin: 0;
  background: var(--lk-background, transparent);
  border: var(--lk-border-width, 1px) solid var(--lk-border-color, #6b7280);
  border-radius: var(--lk-radius, 20px); text-align: center;
}
.lk-countdown .lk-number { display: block; font-size: var(--lk-digit-size, 52px); font-weight: var(--lk-weight, 700); font-variant-numeric: tabular-nums; line-height: 1.1; color: var(--lk-digits-color, #fff); }
.lk-countdown .lk-label { display: block; font-size: var(--lk-label-size, 14px); font-weight: var(--lk-label-weight, 400); line-height: 1.35; color: var(--lk-label-color, #d1d5db); overflow-wrap: anywhere; max-width: 100%; white-space: normal; }
.lk-countdown.lk-label-above .lk-unit { flex-direction: column-reverse; }
.lk-countdown.lk-label-beside .lk-unit { flex-direction: row; }
.lk-countdown.lk-label-hidden .lk-label, .lk-countdown .lk-label:empty { display: none; }
.lk-countdown .lk-separator { display: none; color: var(--lk-digits-color, #fff); font-size: var(--lk-digit-size, 52px); align-self: center; }
.lk-countdown.lk-layout-column .lk-units { flex-direction: column; }
.lk-countdown.lk-layout-grid .lk-units { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.lk-countdown.lk-layout-nowrap .lk-units { flex-wrap: nowrap; width: max-content; }
.lk-countdown.lk-layout-nowrap .lk-unit { flex: 1 1 0; min-width: 0; }
.lk-countdown.lk-layout-nowrap .lk-separator { display: block; }
.lk-countdown .lk-end { font-size: var(--lk-label-size, 14px); color: var(--lk-label-color, #d1d5db); overflow-wrap: anywhere; }
.lk-countdown.lk-single .lk-units { display: flex; flex-direction: row; }
@media (max-width: 767px) {
  .lk-countdown .lk-units { gap: var(--lk-mobile-gap, 10px); }
  .lk-countdown .lk-unit { padding: var(--lk-mobile-padding, 12px); min-width: 0; }
  .lk-countdown .lk-number { font-size: var(--lk-mobile-digit-size, 36px); }
  .lk-countdown .lk-label, .lk-countdown .lk-end { font-size: var(--lk-mobile-label-size, 12px); }
  .lk-countdown.lk-mobile-row .lk-units { display: flex; flex-direction: row; flex-wrap: wrap; width: auto; }
  .lk-countdown.lk-mobile-column .lk-units { display: flex; flex-direction: column; flex-wrap: nowrap; width: auto; }
  .lk-countdown.lk-mobile-grid .lk-units { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: auto; }
  .lk-countdown.lk-mobile-nowrap .lk-units { display: flex; flex-direction: row; flex-wrap: nowrap; width: max-content; }
  .lk-countdown.lk-mobile-nowrap .lk-unit { flex: 1 1 0; }
  .lk-countdown.lk-mobile-row .lk-unit, .lk-countdown.lk-mobile-column .lk-unit, .lk-countdown.lk-mobile-grid .lk-unit { flex: none; }
  .lk-countdown .lk-separator { display: none !important; }
  .lk-countdown.lk-mobile-nowrap .lk-separator { display: block !important; font-size: var(--lk-mobile-digit-size, 36px); }
  .lk-countdown.lk-mobile-nowrap .lk-number { font-size: min(var(--lk-mobile-digit-size, 36px), 10cqw); }
  .lk-countdown.lk-mobile-nowrap .lk-unit { padding: min(var(--lk-mobile-padding, 12px), 2cqw); }
  .lk-countdown.lk-single .lk-units { display: flex; flex-direction: row; }
}