@keyframes rotateXUpperBack{0%{transform:rotateX(-180deg);z-index:0;}50%{z-index:0;}50%{z-index:102;}100%{transform:rotateX(0deg);z-index:102;}}@keyframes rotateXLower{0%{transform:rotateX(0deg);}100%{transform:rotateX(180deg);}}.frame-type-countdownelement_countdownclock{--cc-accent:hsl(345,95%,68%);--cc-primary:hsl(234,17%,12%);--cc-secondary:hsl(236,21%,26%);--cc-fontfamily:"Red Hat Text",sans-serif;--cc-fontSize:62.5%;--cc-fontSizeHuge:8rem;--cc-fontWeight:700;font-size:var(--cc-fontSize);font-family:var(--cc-fontfamily);font-weight:var(--cc-fontWeight);}.frame-type-countdownelement_countdownclock > .cc-clock{display:flex;width:100%;justify-content:center;}.frame-type-countdownelement_countdownclock .period-container{display:flex;flex-direction:column;align-items:center;justify-content:space-between;}.frame-type-countdownelement_countdownclock .time-container{position:relative;display:flex;flex-direction:column;justify-content:flex-end;perspective:1000px;width:14.8rem;height:14.8rem;margin:0 1.5rem;box-shadow:0rem 1.5rem 0rem 0rem var(--cc-primary);border-radius:1.2rem;}.frame-type-countdownelement_countdownclock .time-container > div{display:flex;align-items:center;justify-content:center;width:100%;height:50%;}.frame-type-countdownelement_countdownclock .time-container > div > span{display:flex;align-items:center;justify-content:center;height:100%;transform:translateY(50%);}.frame-type-countdownelement_countdownclock .time-container > div::before,.frame-type-countdownelement_countdownclock .time-container > div::after{content:"";position:absolute;width:1.6rem;height:1.6rem;border-radius:50%;background-color:var(--cc-primary);}.frame-type-countdownelement_countdownclock .time-container > div.upper::before,.frame-type-countdownelement_countdownclock .time-container > div.upper::after,.frame-type-countdownelement_countdownclock .time-container > div.upper-back::before,.frame-type-countdownelement_countdownclock .time-container > div.upper-back::after{bottom:0;transform:translateY(50%);}.frame-type-countdownelement_countdownclock .time-container > div.lower::before,.frame-type-countdownelement_countdownclock .time-container > div.lower::after,.frame-type-countdownelement_countdownclock .time-container > div.lower-back::before,.frame-type-countdownelement_countdownclock .time-container > div.lower-back::after{top:0;transform:translateY(-50%);}.frame-type-countdownelement_countdownclock .time-container > div::before{left:-0.8rem;}.frame-type-countdownelement_countdownclock .time-container > div::after{right:-0.8rem;}.frame-type-countdownelement_countdownclock .time-container > div.upper{z-index:101;}.frame-type-countdownelement_countdownclock .time-container > div.upper,.frame-type-countdownelement_countdownclock .time-container > div.upper-back{border-radius:1rem 1rem 0 0;background-color:#2c2d44;}.frame-type-countdownelement_countdownclock .time-container.time-transition > div.upper-back{animation:rotateXUpperBack 1s linear;animation-fill-mode:forwards;transform-origin:bottom;}.frame-type-countdownelement_countdownclock .time-container > div.lower,.frame-type-countdownelement_countdownclock .time-container > div.lower-back{border-radius:1rem 1rem 0 0;border-top:1px solid var(--cc-primary);border-radius:0 0 1rem 1rem;margin-top:50%;z-index:101;background-color:var(--cc-secondary);}.frame-type-countdownelement_countdownclock .time-container > div.lower-back{z-index:100;}.frame-type-countdownelement_countdownclock .time-container.time-transition > div.lower{animation:rotateXLower 1s linear;animation-fill-mode:forwards;transform-origin:top;}.frame-type-countdownelement_countdownclock .time-container > div.lower > span,.frame-type-countdownelement_countdownclock .time-container > div.lower-back > span{transform:translateY(calc(-50% - 1px));}.frame-type-countdownelement_countdownclock .time-container > div{position:absolute;top:0;left:0;text-align:center;color:var(--cc-accent);font-size:var(--cc-fontSizeHuge);overflow:hidden;}