.gridClock-container{width:100vw;height:100dvh;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(6,1fr);grid-gap:1rem;gap:1rem;position:relative}.gridClock-container-colored{width:100vw;height:100vh;position:absolute;top:0;z-index:1;pointer-events:none}@font-face{font-family:UTmorph;src:url(/_next/static/media/UTMorph.7994c9fb.woff2) format("woff2");font-weight:400;font-style:normal}.clockNumber-container{display:flex;justify-content:center;align-items:center;width:100%;height:100%;z-index:3;position:relative;mix-blend-mode:difference}.clockNumber-container.position_1,.clockNumber-container.position_3{justify-content:end}.clockNumber-container.position_2,.clockNumber-container.position_4{justify-content:start}.clockNumber-container.position_3 .clockNumber,.clockNumber-container.position_4 .clockNumber{transform:translateY(-4%)}.clockNumber-container.three-by-three{grid-column:span 3;grid-row:span 3}.clockNumber-container.three-by-three .clockNumber{font-size:56dvh;font-variation-settings:"PSTV" 100,"NGTV" 100}@media screen and (max-width:768px){.clockNumber-container.three-by-three .clockNumber{font-size:61dvh;font-variation-settings:"PSTV" 42,"NGTV" 50}}@media only screen and (min-width:800px)and (max-width:900px)and (min-height:1000px)and (max-height:1200px)and (orientation:portrait){.clockNumber-container.three-by-three .clockNumber{font-size:56dvh;font-variation-settings:"PSTV" 84,"NGTV" 51}}.clockNumber-container .clockNumber{mix-blend-mode:difference;font-family:UTmorph,sans-serif;font-size:5vw;font-variation-settings:"PSTV" 7,"NGTV" 28;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;pointer-events:none}.seconds-component{background-color:#fff;mix-blend-mode:difference;height:102dvh;transform:translateY(100%)}.seconds-component,.seconds-component-circle{width:100vw;position:absolute;top:0;left:0;z-index:1}.seconds-component-circle{background-color:#000;height:100dvh;-webkit-clip-path:polygon(50% 51%,48% 0,100% 0,100% 100%,0 100%,0 0,48% 0,50% 51%);clip-path:polygon(50% 51%,48% 0,100% 0,100% 100%,0 100%,0 0,48% 0,50% 51%)}