@layer components{.clock-app-outer{max-width:600px;margin:0 auto;opacity:1;transition:opacity .4s}.clock-layout{text-align:center;width:100%;margin:0 auto;display:flex;flex-direction:column;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.clock-layout .clock-holder{width:80%;display:block;max-width:20rem;margin:0 auto;opacity:1;transition:opacity .4s}.clock-container{position:relative;width:80%;overflow:hidden;background:#222;margin-left:auto;margin-right:auto;display:block;box-shadow:0 0 5px #fff;border-radius:50%;min-width:100px;margin-top:1%}.clock-container:before{content:"";display:block;padding-top:100%}.clock-content{position:absolute;display:flex;align-items:center;justify-content:center;top:0;left:0;bottom:0;right:0;opacity:1;transition:opacity .4s}.clock-content .background-numbers{position:absolute;width:90%;height:90%;top:5%;left:5%;z-index:1}.clock-content .background-numbers .numbers{fill:#fff}.clock-content .indicator{border-radius:10px;transform-origin:bottom;outline:1px solid transparent;position:absolute;bottom:50%}.clock-content .indicator.transition-effect{transition:transform .1s ease-out}.clock-content .indicator.seconds-indicator{width:.5%;height:33%;z-index:2;background-color:#dfc48c}.clock-content .indicator.minutes-indicator{width:1%;height:27.5%;z-index:3;background-color:#cd6a51}.clock-content .indicator.hours-indicator{width:1.5%;height:23%;z-index:4;background-color:#8f9c6c}.clock-content .indicator-cover{position:absolute;bottom:48.5%;border-radius:50%;width:3%;height:3%;background-color:lightgrey;z-index:5}.textboxes{display:block}.textboxes .digits{margin-top:1rem;font-size:6rem;color:#333}.textboxes .words{margin-top:-.8rem;font-size:2.6rem;color:#333}@media (prefers-color-scheme:dark){.textboxes .digits,.textboxes .words{color:#ccc}}.dark .textboxes .digits,.dark .textboxes .words,:root.dark .textboxes .digits,:root.dark .textboxes .words{color:#ccc}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.clock-layout{width:100%!important;margin-top:5px!important;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-device-pixel-ratio:2) and (device-aspect-ratio:2/3){.clock-layout{margin-top:5px!important;width:80%!important}.clock-layout .textboxes .digits{font-size:4.5rem!important}.clock-layout .textboxes .words{font-size:2rem!important}}@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-device-pixel-ratio:2) and (device-aspect-ratio:2/3) and (orientation:landscape){.clock-layout .textboxes{margin-top:-20px!important}}@media screen and (min-width:320px) and (max-width:767px) and (orientation:landscape){.clock-layout{margin-top:-10px;width:100%;flex-direction:row!important;justify-content:flex-start!important}.clock-layout .clock-holder{margin:0!important;display:inline-block!important;width:50%!important}.clock-layout .textboxes{width:45%;display:inline-block}}}@font-face{font-family:Ropa Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/cdbac1613d9213ba-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Ropa Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/f606bf6a14f891b4-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Ropa Sans Fallback;src:local("Arial");ascent-override:99.45%;descent-override:27.32%;line-gap-override:0.00%;size-adjust:84.57%}.__className_4da873{font-family:Ropa Sans,Ropa Sans Fallback;font-weight:400;font-style:normal}@font-face{font-family:Marvel;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/e8ce4b7661044205-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Marvel Fallback;src:local("Arial");ascent-override:123.60%;descent-override:33.66%;line-gap-override:0.00%;size-adjust:76.94%}.__className_5624cc{font-family:Marvel,Marvel Fallback;font-weight:400;font-style:normal}