:root{--cui-font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--cui-font-family-roman:ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;--cui-bg-color:#e8ebe4;--cui-primary-color:#13293d;--cui-secondary-color:#e8ebe4;--cui-accent-color:#f55d3e}.clock-ui{background-color:var(--cui-frame-color,var(--cui-face-color,var(--cui-bg-color)));border-radius:50%}.clock-ui--bordered{padding:calc((var(--cui-width)*.033)*1px)}.clock-ui__face{background-color:var(--cui-face-color,var(--cui-bg-color));user-select:none;border-radius:50%;width:100%;padding-bottom:100%;position:relative;overflow:hidden}.clock-ui--bordered .clock-ui__face:before{content:"";width:100%;height:100%;box-shadow:inset calc((var(--cui-width)*.005)*1px)calc((var(--cui-width)*.005)*1px)calc((var(--cui-width)*.033)*1px)calc((var(--cui-width)*.0125)*-1px)#000c;z-index:2;border-radius:50%;position:absolute;top:0;left:0}.clock-ui__hand{--offset:calc((var(--cui-width)*.05)*1px);--height:calc((var(--cui-width)*.025)*1px);background-color:var(--cui-hand-color,var(--cui-primary-color));height:var(--height);transform-origin:0;border-radius:var(--height);top:50%;left:calc(50% - var(--offset));transform-origin:var(--offset)center;translate:0 -50%;rotate:calc((var(--angle) - 90)*1deg);filter:drop-shadow(2px 2px 2px #0000);transition:none;position:absolute}.clock-ui--rigid .clock-ui__hand--second{transition:rotate .4s cubic-bezier(.27,-.37,.32,1.5)}.clock-ui__hand--hour{background-color:var(--cui-hour-hand-color,var(--cui-hand-color,var(--cui-primary-color)));width:calc(30% + var(--offset));z-index:1}.clock-ui__hand--minute{background-color:var(--cui-minute-hand-color,var(--cui-hand-color,var(--cui-primary-color)));width:calc(40% + var(--offset));z-index:2}.clock-ui__hand--second{--offset:calc((var(--cui-width)*.1)*1px);--height:calc((var(--cui-width)*.005)*1px);background-color:var(--cui-second-hand-color,var(--cui-accent-color));height:var(--height);width:calc(48% + var(--offset));z-index:3}.clock-ui__hand--hour:before,.clock-ui__hand--minute:before{content:"";border-radius:var(--height);background-color:var(--cui-hand-accent-color,var(--cui-secondary-color));width:50%;height:50%;display:none;position:absolute;top:50%;right:2%;translate:0 -50%}.clock-ui--dual-tone .clock-ui__hand--hour:before,.clock-ui--dual-tone .clock-ui__hand--minute:before{display:block}.clock-ui__hand--hour:before{background-color:var(--cui-hour-hand-accent-color,var(--cui-hand-accent-color,var(--cui-secondary-color)))}.clock-ui__hand--minute:before{background-color:var(--cui-minute-hand-accent-color,var(--cui-hand-accent-color,var(--cui-secondary-color)))}.clock-ui__hand--second:before{content:"";--size:calc((var(--cui-width)*.033)*1px);left:var(--offset);background-color:var(--cui-second-hand-color,var(--cui-accent-color));z-index:5;box-sizing:content-box}.clock-ui__center,.clock-ui__hand--second:before{top:50%;height:var(--size);width:var(--size);border-radius:50%;position:absolute;translate:-50% -50%}.clock-ui__center{--size:calc((var(--cui-width)*.0125)*1px);background-color:var(--cui-pin-color,var(--cui-primary-color));z-index:6;left:50%}.clock-ui__info{--size:calc((var(--cui-width)*.0833)*1px);height:var(--size);width:var(--size);opacity:.7;color:var(--cui-info-color,var(--cui-number-color,var(--cui-primary-color)));font-family:var(--cui-font-family);font-size:calc((var(--cui-width)*.0555556)*1px);border-radius:calc((var(--cui-width)*.01)*1px);box-shadow:inset calc((var(--cui-width)*.002)*1px)calc((var(--cui-width)*.002)*1px)calc((var(--cui-width)*.005)*1px)#00000080;background-color:#0000;justify-content:center;align-items:center;line-height:0;display:flex;left:75%}.clock-ui__info,.clock-ui__tick{position:absolute;top:50%;translate:-50% -50%}.clock-ui__tick{--width:calc((var(--cui-width)*.005)*1px);--height:calc((var(--cui-width)*.02)*1px);background-color:var(--cui-tick-color,var(--cui-primary-color));transform-origin:50%;transform:rotate(calc(var(--i)*6deg))translateY(calc((var(--cui-width)*.47619)*-1px));border-radius:var(--width);opacity:.5;left:50%}.clock-ui__tick,.clock-ui__tick--major{width:var(--width);height:var(--height)}.clock-ui__tick--major{--width:calc((var(--cui-width)*.010101)*1px);--height:calc((var(--cui-width)*.0333333)*1px);opacity:.8}.clock-ui__number{color:var(--cui-number-color,var(--cui-primary-color));font-family:var(--cui-font-family);transform-origin:50%;translate:-50% -50%;transform:rotate(calc(var(--n)*30deg))translateY(calc((var(--cui-width)*.392157)*-1px))rotate(calc(var(--n)*-30deg));position:absolute;top:50%;left:50%}.clock-ui__number,.clock-ui__number--cardinal{font-size:calc((var(--cui-width)*.1)*1px)}.clock-ui--roman .clock-ui__number{font-family:var(--cui-font-family-roman,var(--cui-font-family));transform:rotate(calc(var(--n)*30deg))translateY(calc((var(--cui-width)*.392157)*-1px))}