.blockish-countdown{--blockish-countdown-ring-stroke:6px}.blockish-countdown .blockish-countdown__inner{display:flex;flex-direction:column;width:100%}.blockish-countdown .blockish-countdown__units{align-items:center;display:flex;flex-wrap:wrap;width:100%}.blockish-countdown .blockish-countdown__unit{align-items:center;display:flex;flex-direction:column}.blockish-countdown .blockish-countdown__unit-surface{align-items:center;box-sizing:border-box;display:flex;justify-content:center;position:relative}.blockish-countdown .blockish-countdown__value{display:inline-block;font-variant-numeric:tabular-nums;line-height:1;white-space:nowrap}.blockish-countdown .blockish-countdown__label{display:block;letter-spacing:.04em;line-height:1.3;text-align:center;text-transform:uppercase}.blockish-countdown .blockish-countdown__separator{align-items:center;display:inline-flex;font-variant-numeric:tabular-nums;justify-content:center;line-height:1;-webkit-user-select:none;user-select:none}.blockish-countdown .blockish-countdown__expired-wrap{width:100%}.blockish-countdown .blockish-countdown__expired-wrap.is-hidden,.blockish-countdown .blockish-countdown__flipdown.is-hidden,.blockish-countdown .blockish-countdown__units.is-hidden{display:none}.blockish-countdown .blockish-countdown__expired{margin:0;text-align:center}.blockish-countdown .blockish-countdown__ring{height:100%;inset:0;pointer-events:none;position:absolute;width:100%}.blockish-countdown .blockish-countdown__ring-progress,.blockish-countdown .blockish-countdown__ring-track{stroke-linecap:round;stroke-width:var(--blockish-countdown-ring-stroke)}.blockish-countdown.is-layout-boxes .blockish-countdown__unit-surface{min-width:4.5rem;padding:.85rem 1rem}.blockish-countdown.is-layout-boxes .blockish-countdown__value{font-size:2.25rem;font-weight:700}.blockish-countdown.is-layout-inline .blockish-countdown__units{flex-wrap:nowrap}.blockish-countdown.is-layout-inline .blockish-countdown__unit-surface{background:transparent;border:0;box-shadow:none;padding:0}.blockish-countdown.is-layout-inline .blockish-countdown__value{font-size:2.5rem;font-weight:700}.blockish-countdown.is-layout-inline .blockish-countdown__separator{font-size:2.25rem;font-weight:600;padding-bottom:.35em}.blockish-countdown.is-layout-inline .blockish-countdown__label{font-size:.75rem}.blockish-countdown.is-layout-stacked .blockish-countdown__units{align-items:stretch;flex-direction:column;width:100%}.blockish-countdown.is-layout-stacked .blockish-countdown__unit{align-items:center;flex-direction:row;justify-content:space-between;max-width:none;width:100%}.blockish-countdown.is-layout-stacked .blockish-countdown__unit-surface{flex-shrink:0;min-width:4rem;order:2;padding:.65rem .9rem}.blockish-countdown.is-layout-stacked .blockish-countdown__label{font-size:1rem;letter-spacing:0;order:1;text-align:left;text-transform:none}.blockish-countdown.is-layout-stacked .blockish-countdown__value{font-size:1.75rem;font-weight:700}.blockish-countdown.is-layout-circular .blockish-countdown__unit-surface{background:transparent;border:0;box-shadow:none;height:6.5rem;padding:0;width:6.5rem}.blockish-countdown.is-layout-circular .blockish-countdown__value{font-size:1.65rem;font-weight:700;position:relative;z-index:1}.blockish-countdown.is-layout-circular .blockish-countdown__label{font-size:.75rem}.blockish-countdown.is-layout-flip .blockish-countdown__flipdown{display:flex;justify-content:center;overflow:visible;width:100%}.blockish-countdown[data-show-days=false] .rotor-group:first-child,.blockish-countdown[data-show-hours=false] .rotor-group:nth-child(2),.blockish-countdown[data-show-labels=false] .rotor-group-heading,.blockish-countdown[data-show-minutes=false] .rotor-group:nth-child(3),.blockish-countdown[data-show-seconds=false] .rotor-group:nth-child(4){display:none!important}.blockish-flip{--blockish-flip-bg-top:#ddd;--blockish-flip-bg-bottom:#eee;--blockish-flip-color:#222;--blockish-flip-dot:#ddd;--blockish-flip-hinge:color-mix(in srgb,var(--blockish-flip-color) 70%,#000);--blockish-flip-rotor-w:50px;--blockish-flip-rotor-h:80px;align-items:flex-end;display:flex;flex-wrap:wrap;font-family:sans-serif;font-weight:700;gap:1.25rem;height:auto;justify-content:center;overflow:visible;width:auto}.blockish-flip .rotor-group{display:block;position:relative}.blockish-flip .rotor-group:after{clear:both;content:"";display:block}.blockish-flip .rotor-group-heading{display:block}.blockish-flip .rotor-group-heading:before{color:color-mix(in srgb,currentColor 55%,transparent);content:attr(data-before);display:block;height:30px;line-height:30px;text-align:center}.blockish-flip .rotor-group:nth-child(n+2):nth-child(-n+3):after,.blockish-flip .rotor-group:nth-child(n+2):nth-child(-n+3):before{background-color:var(--blockish-flip-dot);border-radius:50%;content:"";height:10px;left:-.75rem;position:absolute;transform:translateX(-50%);width:10px}.blockish-flip .rotor-group:nth-child(n+2):nth-child(-n+3):before{bottom:20px}.blockish-flip .rotor-group:nth-child(n+2):nth-child(-n+3):after{bottom:50px}.blockish-flip .rotor{background-color:var(--blockish-flip-bg-top);border-radius:4px;color:var(--blockish-flip-color);float:left;font-size:calc(var(--blockish-flip-rotor-w)*.8);height:var(--blockish-flip-rotor-h);margin:0 5px 0 0;perspective:200px;position:relative;text-align:center;width:var(--blockish-flip-rotor-w)}.blockish-flip .rotor:last-child{margin-right:0}.blockish-flip .rotor:after{border-radius:0 0 4px 4px;border-top:1px solid var(--blockish-flip-hinge);bottom:0;content:"";height:50%;left:0;position:absolute;width:100%;z-index:2}.blockish-flip .rotor-bottom,.blockish-flip .rotor-top{height:50%;overflow:hidden;position:absolute;width:100%}.blockish-flip .rotor-leaf{height:100%;position:absolute;transform-style:preserve-3d;transition:transform 0s;width:100%;z-index:1}.blockish-flip .rotor-leaf.flipped{transform:rotateX(-180deg);transition:all .5s ease-in-out}.blockish-flip .rotor-leaf-front,.blockish-flip .rotor-leaf-rear{backface-visibility:hidden;height:50%;margin:0;overflow:hidden;position:absolute;transform:rotateX(0deg);width:100%}.blockish-flip .rotor-leaf-front,.blockish-flip .rotor-top{background-color:var(--blockish-flip-bg-top);border-radius:4px 4px 0 0;color:var(--blockish-flip-color);line-height:var(--blockish-flip-rotor-h)}.blockish-flip .rotor-bottom,.blockish-flip .rotor-leaf-rear{background-color:var(--blockish-flip-bg-bottom);color:var(--blockish-flip-color)}.blockish-flip .rotor-leaf-rear{border-radius:0 0 4px 4px;line-height:0;transform:rotateX(-180deg)}.blockish-flip .rotor-bottom{border-radius:0 0 4px 4px;bottom:0;line-height:0}@media(max-width:550px){.blockish-flip{--blockish-flip-rotor-w:30px;--blockish-flip-rotor-h:50px;gap:.85rem}.blockish-flip .rotor-group-heading:before{font-size:.8rem;height:20px;line-height:20px}.blockish-flip .rotor-group:nth-child(n+2):nth-child(-n+3):after,.blockish-flip .rotor-group:nth-child(n+2):nth-child(-n+3):before{height:8px;width:8px}.blockish-flip .rotor-group:nth-child(n+2):nth-child(-n+3):before{bottom:13px}.blockish-flip .rotor-group:nth-child(n+2):nth-child(-n+3):after{bottom:29px}.blockish-flip .rotor{margin-right:3px}}:where(.blockish-countdown){--blockish-countdown-ring-stroke:6px}:where(.blockish-countdown .blockish-countdown__inner){align-items:center;gap:1rem}:where(.blockish-countdown .blockish-countdown__units){align-items:center;gap:1rem;justify-content:center}:where(.blockish-countdown .blockish-countdown__unit){gap:.45rem}:where(.blockish-countdown .blockish-countdown__separator),:where(.blockish-countdown .blockish-countdown__value){color:currentColor}:where(.blockish-countdown .blockish-countdown__label){color:color-mix(in srgb,currentColor 65%,transparent);font-size:.75rem;font-weight:600}:where(.blockish-countdown.is-layout-boxes .blockish-countdown__unit-surface),:where(.blockish-countdown.is-layout-stacked .blockish-countdown__unit-surface){background:color-mix(in srgb,currentColor 6%,transparent);border-radius:12px}:where(.blockish-countdown .blockish-countdown__ring-track){stroke:color-mix(in srgb,currentColor 15%,transparent)}:where(.blockish-countdown .blockish-countdown__ring-progress){stroke:currentColor;transition:stroke-dashoffset .35s ease}@media(prefers-reduced-motion:reduce){.blockish-countdown .blockish-countdown__ring-progress,.blockish-flip .rotor-leaf.flipped{transition:none}}
