@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Inconsolata:wght@200..900&display=swap";.flip-clock{margin:0 auto;perspective:600px;text-align:center;width:100%}.flip-clock .flip-clock__piece{display:inline-block;margin:0 5px}.flip-clock .flip-card{font-size:3rem;font-weight:700;position:relative}.flip-clock .flip-card__back,.flip-clock .flip-card__back-bottom,.flip-clock .flip-card__bottom,.flip-clock .flip-card__top{background:#222;border-radius:4px;color:#fff;height:1.2em;text-align:center}.flip-clock .flip-card__top{position:relative}.flip-clock .flip-card__bottom{position:absolute;top:50%}.flip-clock .flip-card__back{position:absolute;top:0;transform:rotateX(-90deg)}.flip-clock .flip-card__back-bottom{bottom:0;position:absolute;transform:rotateX(90deg)}.flip-clock .flip .flip-card__back{animation:flip-top .3s ease-out}.flip-clock .flip .flip-card__bottom{animation:flip-bottom .3s ease-out}@keyframes flip-top{0%{transform:rotateX(0)}to{transform:rotateX(-90deg)}}@keyframes flip-bottom{0%{transform:rotateX(90deg)}to{transform:rotateX(0)}}.flip-card__back,.flip-card__back-bottom,.flip-card__bottom{visibility:hidden}.flip-card b{border:2px solid hsla(0,0%,100%,.1)}.flip-card b:before{bottom:-20px;color:var(--color-text);font-size:.66rem;font-weight:var(--semibold);left:50%;opacity:.5;position:absolute;transform:translate(-50%);transition:var(--theme-text)}.flip-clock__item b{align-items:center;color:var(--white);display:flex;font-family:Inconsolata,monospace;font-size:2rem;font-weight:var(--max);height:55px;justify-content:center;padding:8px 6px;width:53px}@media screen and (min-width:768px){.flip-clock__item b{font-size:2.2rem;height:70px;width:65px}}.flip-clock__item b:before{font-family:var(--sans)}.flip-clock__piece:first-child b{background:#bfbfbf}.flip-clock__piece:first-child b:before{content:"Nap"}.flip-clock__piece:nth-child(2n) b{background:gray}.flip-clock__piece:nth-child(2n) b:before{content:"Óra"}.flip-clock__piece:nth-child(3n) b{background:#404040}.flip-clock__piece:nth-child(3n) b:before{content:"Perc"}.flip-clock__piece:nth-child(4n) b{background:var(--black)}.flip-clock__piece:nth-child(4n) b:before{content:"Másodperc"}.flip-clock.flip-clock--26{align-items:center;display:flex;gap:15px;justify-content:center;margin:0 0 40px}.flip-clock.flip-clock--26 .flip-clock__piece{margin:0}.flip-clock.flip-clock--26 .flip-clock__piece:not(:last-of-type) .flip-card__top:after{color:var(--color-text);content:":";font-size:1rem;font-weight:var(--semibold);line-height:1;opacity:.5;position:absolute;right:-12px;top:1px;transition:var(--theme-text)}@media screen and (min-width:330px){.flip-clock.flip-clock--26 .flip-clock__piece:not(:last-of-type) .flip-card__top:after{font-size:1.4rem;right:-14px;top:-4px}}.flip-clock.flip-clock--26 .flip-clock__piece .flip-card__top{background:transparent;border:none;border-radius:0;color:var(--color-text);font-size:1rem;font-weight:var(--semibold);height:24px;transition:var(--theme-text);width:30px}@media screen and (min-width:330px){.flip-clock.flip-clock--26 .flip-clock__piece .flip-card__top{font-size:1.4rem;width:50px}}.flip-clock.flip-clock--26 .flip-clock__piece .flip-card__top:before{font-size:.6rem;opacity:.5}