.T9jGwG_wrapper{box-sizing:border-box;background:#000;border-radius:8px;width:100%;height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative;overflow:hidden}.T9jGwG_center{text-align:center;perspective:600px;background:#000;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.T9jGwG_clock{background:#000;flex-direction:column;align-items:center;gap:.8em;font-weight:600;display:flex;position:relative}.T9jGwG_unit{background:#000;justify-content:center;gap:.6em;display:flex}.T9jGwG_digit{will-change:transform;backface-visibility:hidden;background:#000;margin:0 .2em;display:inline-block}.T9jGwG_card{will-change:transform;backface-visibility:hidden;width:1.3em;height:1.8em;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:4vw;font-weight:900;display:block;position:relative}.T9jGwG_cardTop{color:#000;z-index:3;will-change:transform;backface-visibility:hidden;background:#d8d8d8;border:2px solid #d8d8d8;border-bottom-color:#000;border-radius:.2em .2em 0 0;justify-content:center;align-items:flex-end;height:calc(50% - 1px);font-size:1.2em;font-weight:900;line-height:1;display:flex;position:absolute;top:0;left:0;right:0;overflow:hidden}.T9jGwG_cardTop:after{content:attr(data-value);will-change:transform;transform:translateY(50%)}.T9jGwG_cardBottom{color:#666;z-index:2;will-change:transform;backface-visibility:hidden;background:#fff;border:2px solid #fff;border-top:none;border-radius:0 0 .2em .2em;justify-content:center;align-items:flex-start;height:calc(50% - 1px);font-size:1.2em;font-weight:900;line-height:1;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.T9jGwG_cardBottom:after{content:attr(data-value);will-change:transform;transform:translateY(-50%)}.T9jGwG_cardBack{color:#000;z-index:1;transform-origin:bottom;will-change:transform;backface-visibility:hidden;background:#d8d8d8;border:2px solid #d8d8d8;border-bottom-color:#000;border-radius:.2em .2em 0 0;justify-content:center;align-items:flex-end;height:calc(50% - 1px);font-size:1.2em;font-weight:900;line-height:1;display:flex;position:absolute;top:0;left:0;right:0;overflow:hidden}.T9jGwG_cardBack:after{content:attr(data-value);will-change:transform;transform:translateY(50%)}.T9jGwG_cardBackBottom{color:#666;z-index:1;will-change:transform;backface-visibility:hidden;background:#fff;border:2px solid #fff;border-top:none;border-radius:0 0 .2em .2em;justify-content:center;align-items:flex-start;height:calc(50% - 1px);font-size:1.2em;font-weight:900;line-height:1;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.T9jGwG_cardBackBottom:after{content:attr(data-value);will-change:transform;transform:translateY(-50%)}.T9jGwG_flip .T9jGwG_cardBack{z-index:4;animation:.3s cubic-bezier(.37,.01,.94,.35) both T9jGwG_flipTop}.T9jGwG_flip .T9jGwG_cardBottom{transform-origin:top;animation:.6s cubic-bezier(.15,.45,.28,1) both T9jGwG_flipBottom}@keyframes T9jGwG_flipTop{0%{transform:rotateX(0)}to{transform:rotateX(-90deg)}}@keyframes T9jGwG_flipBottom{0%,50%{z-index:1;transform:rotateX(90deg)}51%{z-index:4}to{z-index:4;transform:rotateX(0)}}@media (max-width:768px){.T9jGwG_card{font-size:8vw}.T9jGwG_clock{gap:.4em}.T9jGwG_unit{gap:.3em}.T9jGwG_digit{margin:0 .1em}}@media (max-height:600px){.T9jGwG_card{width:1.3em;height:1.8em;font-size:6vw}}@media (max-width:480px){.T9jGwG_card{font-size:9vw}.T9jGwG_clock{gap:.3em}.T9jGwG_unit{gap:.2em}}@media (min-width:769px) and (max-width:1000px){.T9jGwG_card{font-size:2rem}}@media (min-width:1000px){.T9jGwG_card{font-size:2.5rem}}@media (prefers-contrast:high){.T9jGwG_cardTop,.T9jGwG_cardBottom,.T9jGwG_cardBack,.T9jGwG_cardBackBottom{color:#000;background:#fff;border:3px solid #fff}.T9jGwG_center{background-color:#000}}@media (prefers-reduced-motion:reduce){.T9jGwG_flip .T9jGwG_cardBack,.T9jGwG_flip .T9jGwG_cardBottom{animation:none!important}}@media (hover:hover){.T9jGwG_center:hover .T9jGwG_digit:hover{transition:transform .2s;transform:scale(1.05)}}.T9jGwG_spin .T9jGwG_cardBack{animation-duration:70ms;animation-timing-function:linear}.T9jGwG_spin .T9jGwG_cardBottom{animation-duration:.1s;animation-timing-function:ease-out}.T9jGwG_cityBar{letter-spacing:.22em;text-transform:uppercase;color:#fff;background:#000;justify-content:center;align-items:center;gap:.6em;margin-bottom:.4em;font-size:clamp(10px,1.1vw,15px);display:flex}.T9jGwG_cityName{text-align:center;min-width:8.5em;font-weight:600;animation:.42s cubic-bezier(.22,1,.36,1) both T9jGwG_city-in;display:inline-block}@keyframes T9jGwG_city-in{0%{opacity:0;transform:translateY(.35em)}to{opacity:1;transform:none}}.T9jGwG_arrow{appearance:none;color:#ffffff73;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:2em;height:2em;padding:.3em;transition:color .2s;display:inline-flex;min-width:0!important;min-height:0!important}.T9jGwG_arrow svg{width:1.2em;height:1.2em}.T9jGwG_arrow:hover{color:#fff}.T9jGwG_wrapper:focus{outline:none}.T9jGwG_wrapper:focus-visible{outline-offset:-2px;outline:2px solid #ffffff80}@media (prefers-reduced-motion:reduce){.T9jGwG_cityName{animation:none}}
