@layer components{.clock-app-outer{opacity:1;max-width:600px;margin:0 auto;transition:opacity .4s}.clock-layout{text-align:center;flex-direction:column;width:100%;margin:0 auto;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.clock-layout .clock-holder{opacity:1;width:80%;max-width:20rem;margin:0 auto;transition:opacity .4s;display:block}.clock-container{background:#222;border-radius:50%;width:80%;min-width:100px;margin-top:1%;margin-left:auto;margin-right:auto;display:block;position:relative;overflow:hidden;box-shadow:0 0 5px #fff}.clock-container:before{content:"";padding-top:100%;display:block}.clock-content{opacity:1;justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:absolute;inset:0}.clock-content .background-numbers{z-index:1;width:90%;height:90%;position:absolute;top:5%;left:5%}.clock-content .background-numbers .numbers{fill:#fff}.clock-content .indicator{transform-origin:bottom;border-radius:10px;outline:1px solid #0000;position:absolute;bottom:50%}.clock-content .indicator.transition-effect{transition:transform .1s ease-out}.clock-content .indicator.seconds-indicator{z-index:2;background-color:#dfc48c;width:.5%;height:33%}.clock-content .indicator.minutes-indicator{z-index:3;background-color:#cd6a51;width:1%;height:27.5%}.clock-content .indicator.hours-indicator{z-index:4;background-color:#8f9c6c;width:1.5%;height:23%}.clock-content .indicator-cover{z-index:5;background-color:#d3d3d3;border-radius:50%;width:3%;height:3%;position:absolute;bottom:48.5%}.textboxes{display:block}.textboxes .digits{color:#333;margin-top:1rem;font-size:6rem}.textboxes .words{color:#333;margin-top:-.8rem;font-size:2.6rem}@media (prefers-color-scheme:dark){.textboxes .digits,.textboxes .words{color:#ccc}}:root.dark .textboxes .digits,:root.dark .textboxes .words,.dark .textboxes .digits,.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{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%!important;margin-top:5px!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){.clock-layout{width:80%!important;margin-top:5px!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{width:100%;margin-top:-10px;flex-direction:row!important;justify-content:flex-start!important}.clock-layout .clock-holder{width:50%!important;margin:0!important;display:inline-block!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(../media/a9d02ae9d444f782-s.ee9f3da2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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(../media/25ac599a9d1104ab-s.p.cb74a584.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,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.0%;size-adjust:84.57%}.ropa_sans_2cec19f9-module__osJqzq__className{font-family:Ropa Sans,Ropa Sans Fallback;font-style:normal;font-weight:400}
@font-face{font-family:Marvel;font-style:normal;font-weight:400;font-display:swap;src:url(../media/37e2f64a09154130-s.p.9b87cb5f.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,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.6%;descent-override:33.66%;line-gap-override:0.0%;size-adjust:76.94%}.marvel_cda8ad88-module__yspIGW__className{font-family:Marvel,Marvel Fallback;font-style:normal;font-weight:400}
