:root{--countdown-top-bg: #ffffff;--countdown-bottom-bg: #f2f2f2;--color-countdown: #000000}.al-countdown__container{display:grid;grid-template-columns:repeat(3, 1fr);gap:.3rem;transition:opacity 300ms ease-in;cursor:pointer;color:inherit}.al-countdown__container.is--loading{visibility:hidden;opacity:0}.al-countdown__container>.countdown__name{grid-column:span 3;align-self:flex-start;font-weight:bold;font-size:.75rem}.al-countdown__container>.countdown__name [data-content="addition"]{font-size:.5rem}.al-countdown__container .countdown__unit{text-align:center;border-radius:.25rem;position:relative;background-color:var(--countdown-top-bg);box-shadow:1px 1px 3px rgba(0,0,0,0.75);font-size:1.25rem;line-height:1.25rem;height:1.75rem;width:100%}.al-countdown__container .countdown__unit--top{clip-path:polygon(0 0, 100% 0, 100% 50%, 0 50%);z-index:2;background-color:var(--countdown-top-bg);padding:.5rem;position:relative;border-radius:1vw}.al-countdown__container .countdown__unit--wrapper{transition:transform .1s;transform-style:preserve-3d}.al-countdown__container .countdown__unit--wrapper.flip{transform:rotateX(-90deg)}.al-countdown__container .countdown__unit--top,.al-countdown__container .countdown__unit--bottom{color:var(--color-countdown);border-radius:.25rem}.al-countdown__container .countdown__unit--top,.al-countdown__container .countdown__unit--bottom,.al-countdown__container .countdown__unit--wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:absolute}.al-countdown__container .countdown__unit--bottom{background:linear-gradient(180deg, var(--countdown-top-bg), var(--countdown-bottom-bg));clip-path:polygon(0 50%, 100% 50%, 100% 100%, 0 100%)}.al-countdown__container .countdown__unit--bottom.lighter{background:var(--countdown-top-bg) none}.al-countdown__container .countdown__title{text-align:center;font-size:.7rem;margin-bottom:-0.3rem}