:root{--rc-background-color:#0f0f0f;--rc-text-color:#d3d3d3;--rc-accent-color:#ff3c3c;--rc-digit-font-size:14vw;--rc-digit-font-family:"Orbitron",sans-serif;--rc-controls-font-family:"Rajdhani",sans-serif}.rc-clock-container{justify-content:center;width:100%;height:calc(100vh - 60px);-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden;background-color:var(--rc-background-color);color:var(--rc-text-color);font-family:var(--rc-digit-font-family)}.rc-clock-container,.rc-main-content{display:flex;align-items:center;position:relative}.rc-main-content{flex-direction:column;z-index:1}.rc-background-lines{position:absolute;top:0;left:50%;transform:translateX(-50%);width:25vw;height:100vh;opacity:.05;z-index:0;pointer-events:none}.rc-background-lines svg{width:100%;height:100%}.rc-background-lines svg path{stroke:#ffffff;stroke-width:2;fill:none}#rc-clock-display{font-size:var(--rc-digit-font-size);font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center;z-index:1}.rc-colon{display:flex;flex-direction:column;justify-content:space-around;height:calc(var(--rc-digit-font-size) * .6);margin:0 2vw}.rc-colon-dot{width:calc(var(--rc-digit-font-size) / 10);height:calc(var(--rc-digit-font-size) / 10);background-color:var(--rc-text-color);border-radius:50%}#rc-hours{color:var(--rc-accent-color);text-shadow:-1.5px -1.5px 0 #fff,1.5px -1.5px 0 #fff,-1.5px 1.5px 0 #fff,1.5px 1.5px 0 #fff;transition:color .3s ease}#rc-sub-display{position:relative;height:60px;display:flex;align-items:center;justify-content:center;width:100%;margin-top:20px}#rc-controls-wrapper,#rc-date-display{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--rc-controls-font-family);transition:opacity .4s ease-in-out;white-space:nowrap}#rc-date-display{font-size:1.5rem;background-color:rgba(200,200,200,.1);padding:10px 25px;border-radius:50px;opacity:0;pointer-events:none;z-index:0}#rc-controls-wrapper{opacity:1;pointer-events:auto;z-index:10}.rc-clock-container.rc-is-idle #rc-controls-wrapper,.rc-clock-container.rc-is-idle #rc-instructions-wrapper{opacity:0;pointer-events:none;z-index:0}.rc-clock-container.rc-is-idle #rc-date-display{opacity:1;z-index:10}.rc-format-selector{display:flex;align-items:center;background-color:rgba(255,255,255,.1);border-radius:50px;padding:5px;font-size:.9rem;border:1px solid rgba(255,255,255,.2)}.rc-format-selector span{cursor:pointer;padding:8px 18px;opacity:.6;transition:all .3s ease-in-out;border-radius:50px;font-weight:700;color:var(--rc-text-color)}.rc-format-selector span:hover{opacity:1}.rc-format-selector span.active{opacity:1;text-decoration:none;background-color:var(--rc-accent-color);color:var(--rc-background-color);box-shadow:0 0 10px color-mix(in srgb,var(--rc-accent-color) 50%,transparent)}#rc-instructions-wrapper{position:absolute;bottom:20px;right:20px;font-size:.8rem;text-align:right;opacity:.5;z-index:999;line-height:1.5;transition:opacity .4s ease-in-out}#rc-am-pm,#rc-instructions-wrapper{font-family:var(--rc-controls-font-family)}#rc-am-pm{font-size:2rem;margin-left:15px;opacity:.7}.rc-clock-container:fullscreen{height:100vh;width:100vw}