.wrapper--countdown :is(.container,.container-fluid,.container-maxed-at-lg,.container-maxed-at-xl,.container-fluid-maxed){position:relative}thth-countdown{--countdown-value-font-size: 2rem;--countdown-label-font-size: .5rem;--countdown-text-color: black;--countdown-border-radius: var(--border-radius);--countdown-box-shadow: var(--box-shadow);--countdown-box-shadow-hover: var(--box-shadow-hover)}@media (min-width: 576px){thth-countdown{--countdown-value-font-size: 2.5rem;--countdown-label-font-size: .875rem}}thth-countdown{display:block;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-inline:auto}thth-countdown .countdown-content{display:grid;grid-template-columns:repeat(4,1fr);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;grid-gap:1em;gap:1em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-inline:auto}thth-countdown .unit{display:grid;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#fff;background:var(--countdown-bg, #ffffff);border-radius:var(--countdown-border-radius);padding:.5em;width:4rem;-webkit-box-shadow:var(--countdown-box-shadow);box-shadow:var(--countdown-box-shadow);-webkit-transition:-webkit-transform .3s ease,-webkit-box-shadow .3s ease;transition:-webkit-transform .3s ease,-webkit-box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease,-webkit-box-shadow .3s ease}@media (min-width: 576px){thth-countdown .unit{width:6.25rem}}@media (hover: hover) and (pointer: fine){:is(thth-countdown .unit):hover{-webkit-box-shadow:var(--countdown-box-shadow-hover);box-shadow:var(--countdown-box-shadow-hover);-webkit-transform:translateY(calc(-1 * var(--size-1)));transform:translateY(calc(-1 * var(--size-1)))}:is(thth-countdown .unit):focus{-webkit-tap-highlight-color:rgba(0,0,0,0)!important}:is(thth-countdown .unit):focus-visible{-webkit-box-shadow:var(--countdown-box-shadow-hover);box-shadow:var(--countdown-box-shadow-hover);-webkit-transform:translateY(calc(-1 * var(--size-1)));transform:translateY(calc(-1 * var(--size-1)))}}[data-touching]:is(thth-countdown .unit){--btn-transition-duration: 50ms;-webkit-box-shadow:var(--countdown-box-shadow-hover);box-shadow:var(--countdown-box-shadow-hover);-webkit-transform:translateY(calc(-1 * var(--size-1)));transform:translateY(calc(-1 * var(--size-1)))}thth-countdown .value{font-size:var(--countdown-value-font-size);font-weight:700;color:var(--countdown-text-color)}thth-countdown .label{font-size:var(--countdown-label-font-size);text-transform:uppercase;color:var(--countdown-text-color)}thth-countdown .target-datetime{margin-top:1rem;font-size:var(--font-size-0);color:#666}thth-countdown .countdown:not([data-state=COUNTING]) .countdown-content,thth-countdown .countdown:not([data-state=COUNTING]) .target-datetime,thth-countdown .countdown:not([data-state=ERROR]) .error-message,thth-countdown .countdown:not([data-state=FINISHED]) .finished-message{display:none}thth-fireworks{position:absolute;display:block;top:0;left:0;width:100%;height:100%;pointer-events:none}
