.ys-analog-clock-widget,.ys-analog-clock-widget .clock-border{height:100%;position:relative;width:100%}.ys-analog-clock-widget .clock-border .clock-face{border-radius:50%;box-sizing:border-box;height:100%;left:50%;position:relative;top:50%;transform:translate(-50%,-50%);width:100%}.ys-analog-clock-widget .clock-border .clock-face .mark{--tw-bg-opacity:1;background-color:#fff;height:10px;left:159px;position:absolute;top:-1px;transform-origin:50% 162px;width:1px;z-index:10}@supports (color:rgb(0 0 0/0)) and (top:var(--f )){.ys-analog-clock-widget .clock-border .clock-face .mark{background-color:rgb(255 255 255/var(--tw-bg-opacity))}}.ys-analog-clock-widget .clock-border .clock-face .mark:first-child{transform:rotate(6deg)}.ys-analog-clock-widget .clock-border .clock-face .mark:nth-child(2){transform:rotate(12deg)}.ys-analog-clock-widget .clock-border .clock-face .mark:nth-child(3){transform:rotate(18deg)}.ys-analog-clock-widget .clock-border .clock-face .mark:nth-child(4){transform:rotate(24deg)}.ys-analog-clock-widget .clock-border .clock-face .mark:nth-child(5){transform:rotate(30deg)}.ys-analog-clock-widget .clock-border .clock-face .mark:nth-child(6){transform:rotate(36deg)}.ys-analog-clock-widget .clock-border .clock-face .mark:nth-child(7){transform:rotate(42deg)}.ys-analog-clock-widget .clock-border .clock-face .mark:nth-child(8){transform:rotate(48deg)}.ys-analog-clock-widget .clock-border .clock-face .mark:nth-child(9){transform:rotate(54deg)}.ys-analog-clock-widget .clock-border .clock-face .mark:nth-child(10){transform:rotate(60deg)}.ys-analog-clock-widget .clock-border .clock-face .mark:nth-child(11){transform:rotate(66deg)}.ys-analog-clock-widget .clock-border .clock-face .mark:nth-child(12){transform:rotate(72deg)}.ys-analog-clock-widget .clock-border .clock-face .mark:nth-child(13){transform:rotate(78deg)}.ys-analog-clock-widget .clock-border .clock-face .mark:nth-child(14){transform:rotate(84deg)}.ys-analog-clock-widget .clock-border .clock-face .mark:nth-child(15){transform:rotate(90deg)}.ys-analog-clock-widget .clock-border .clock-face .mark:nth-child(16){transform:rotate(96deg)}.ys-analog-clock-widget .clock-border .clock-face .mark:nth-child(17){transform:rotate(102deg)}.ys-analog-clock-widget .clock-border .clock-face .mark:nth-child(18){transform:rotate(108deg)}.ys-analog-clock-widget .clock-border .clock-face .mark:nth-child(19){transform:rotate(114deg)}.ys-analog-clock-widget .clock-border .clock-face .mark:nth-child(20){transform:rotate(120deg)}.ys-analog-clock-widget .clock-border .clock-face .mark:nth-child(21){transform:rotate(126deg)}.ys-analog-clock-widget .clock-border .clock-face .mark:nth-child(22){transform:rotate(132deg)}.ys-analog-clock-widget .clock-border .clock-face .mark:nth-child(23){transform:rotate(138deg)}.ys-analog-clock-widget .clock-border .clock-face .mark:nth-child(24){transform:rotate(144deg)}.ys-analog-clock-widget .clock-border .clock-face .mark:nth-child(25){transform:rotate(150deg)}.ys-analog-clock-widget .clock-border .clock-face .mark:nth-child(26){transform:rotate(156deg)}.ys-analog-clock-widget .clock-border .clock-face .mark:nth-child(27){transform:rotate(162deg)}.ys-analog-clock-widget .clock-border .clock-face .mark:nth-child(28){transform:rotate(168deg)}.ys-analog-clock-widget .clock-border .clock-face .mark:nth-child(29){transform:rotate(174deg)}.ys-analog-clock-widget .clock-border .clock-face .mark:nth-child(30){transform:rotate(180deg)}.ys-analog-clock-widget .clock-border .clock-face .mark:nth-child(31){transform:rotate(186deg)}.ys-analog-clock-widget .clock-border .clock-face .mark:nth-child(32){transform:rotate(192deg)}.ys-analog-clock-widget .clock-border .clock-face .mark:nth-child(33){transform:rotate(198deg)}.ys-analog-clock-widget .clock-border .clock-face .mark:nth-child(34){transform:rotate(204deg)}.ys-analog-clock-widget .clock-border .clock-face .mark:nth-child(35){transform:rotate(210deg)}.ys-analog-clock-widget .clock-border .clock-face .mark:nth-child(36){transform:rotate(216deg)}.ys-analog-clock-widget .clock-border .clock-face .mark:nth-child(37){transform:rotate(222deg)}.ys-analog-clock-widget .clock-border .clock-face .mark:nth-child(38){transform:rotate(228deg)}.ys-analog-clock-widget .clock-border .clock-face .mark:nth-child(39){transform:rotate(234deg)}.ys-analog-clock-widget .clock-border .clock-face .mark:nth-child(40){transform:rotate(240deg)}.ys-analog-clock-widget .clock-border .clock-face .mark:nth-child(41){transform:rotate(246deg)}.ys-analog-clock-widget .clock-border .clock-face .mark:nth-child(42){transform:rotate(252deg)}.ys-analog-clock-widget .clock-border .clock-face .mark:nth-child(43){transform:rotate(258deg)}.ys-analog-clock-widget .clock-border .clock-face .mark:nth-child(44){transform:rotate(264deg)}.ys-analog-clock-widget .clock-border .clock-face .mark:nth-child(45){transform:rotate(270deg)}.ys-analog-clock-widget .clock-border .clock-face .mark:nth-child(46){transform:rotate(276deg)}.ys-analog-clock-widget .clock-border .clock-face .mark:nth-child(47){transform:rotate(282deg)}.ys-analog-clock-widget .clock-border .clock-face .mark:nth-child(48){transform:rotate(288deg)}.ys-analog-clock-widget .clock-border .clock-face .mark:nth-child(49){transform:rotate(294deg)}.ys-analog-clock-widget .clock-border .clock-face .mark:nth-child(50){transform:rotate(300deg)}.ys-analog-clock-widget .clock-border .clock-face .mark:nth-child(51){transform:rotate(306deg)}.ys-analog-clock-widget .clock-border .clock-face .mark:nth-child(52){transform:rotate(312deg)}.ys-analog-clock-widget .clock-border .clock-face .mark:nth-child(53){transform:rotate(318deg)}.ys-analog-clock-widget .clock-border .clock-face .mark:nth-child(54){transform:rotate(324deg)}.ys-analog-clock-widget .clock-border .clock-face .mark:nth-child(55){transform:rotate(330deg)}.ys-analog-clock-widget .clock-border .clock-face .mark:nth-child(56){transform:rotate(336deg)}.ys-analog-clock-widget .clock-border .clock-face .mark:nth-child(57){transform:rotate(342deg)}.ys-analog-clock-widget .clock-border .clock-face .mark:nth-child(58){transform:rotate(348deg)}.ys-analog-clock-widget .clock-border .clock-face .mark:nth-child(59){transform:rotate(354deg)}.ys-analog-clock-widget .clock-border .clock-face .mark:nth-child(5n){height:14px;width:2px}.ys-analog-clock-widget .clock-border .clock-face .hour{--tw-text-opacity:1;color:#fff;font-size:1.4rem;left:152px;position:absolute;top:0;transform-origin:50% 162px;z-index:10}@supports (color:rgb(0 0 0/0)) and (top:var(--f )){.ys-analog-clock-widget .clock-border .clock-face .hour{color:rgb(255 255 255/var(--tw-text-opacity))}}.ys-analog-clock-widget .clock-border .clock-face .hour__inner{--tw-rotate:183deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(183deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.ys-analog-clock-widget .clock-border .clock-face .hour:nth-child(15){left:153px;top:-.3rem;transform:rotate(87deg)}.ys-analog-clock-widget .clock-border .clock-face .hour:nth-child(15) .hour__inner{--tw-rotate:0deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(0deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.ys-analog-clock-widget .clock-border .clock-face .hour:nth-child(15) span{--tw-rotate:272deg;position:absolute;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(272deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform-origin:1px 1px}.ys-analog-clock-widget .clock-border .clock-face .hour:nth-child(30){left:156px;top:4px;transform:rotate(180deg)}.ys-analog-clock-widget .clock-border .clock-face .hour:nth-child(45){left:140px;top:-.2rem;transform:rotate(265deg);transform-origin:50% 140px}.ys-analog-clock-widget .clock-border .clock-face .hour:nth-child(45) span{--tw-rotate:272deg;position:absolute;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(272deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform-origin:1px 1px}.ys-analog-clock-widget .clock-border .clock-face .hour:nth-child(60){left:153px;top:-7px;transform:rotate(1turn)}.ys-analog-clock-widget .clock-border .clock-face .hour:nth-child(60) .hour__inner{--tw-rotate:0deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(0deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.ys-analog-clock-widget .clock-border .clock-circle{position:absolute}.ys-analog-clock-widget .clock-border .clock-circle .prayer-time{--tw-text-opacity:1;align-items:center;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;line-height:1.5;width:100%}@supports (color:rgb(0 0 0/0)) and (top:var(--f )){.ys-analog-clock-widget .clock-border .clock-circle .prayer-time{color:rgb(255 255 255/var(--tw-text-opacity))}}.ys-analog-clock-widget .clock-border .clock-circle .prayer-time .time-left-until-prayer-time{font-size:1.8rem;font-weight:400;margin-bottom:.8rem;text-align:center;text-transform:lowercase;width:75%}.ys-analog-clock-widget .clock-border .clock-circle .prayer-time .remaining-time{--tw-text-opacity:1;color:#f3f3f3;direction:ltr;display:flex;flex-direction:row;font-size:36px;font-weight:700;line-height:1.5;margin-bottom:1.2rem}@supports (color:rgb(0 0 0/0)) and (top:var(--f )){.ys-analog-clock-widget .clock-border .clock-circle .prayer-time .remaining-time{color:rgb(243 243 243/var(--tw-text-opacity))}}.ys-analog-clock-widget .clock-border .clock-circle .prayer-time .remaining-time .hour,.ys-analog-clock-widget .clock-border .clock-circle .prayer-time .remaining-time .minute{display:flex}.ys-analog-clock-widget .clock-border .clock-circle .prayer-time .remaining-time .hour span:last-child,.ys-analog-clock-widget .clock-border .clock-circle .prayer-time .remaining-time .minute span:last-child{margin-left:.8rem;margin-right:.8rem;margin-top:-1rem}.ys-analog-clock-widget .clock-border .clock-circle .prayer-time .current-prayer-time{font-size:2.1rem;font-weight:400}.inner-clock{--tw-translate-x:-50%;--tw-translate-y:-50%;background-color:transparent;background-size:cover;border-color:transparent;border-radius:50%;border-width:1px;height:140px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));width:140px}.inner-clock-hand{--tw-translate-x:-50%;--tw-rotate:90deg;bottom:50%;left:50%;position:absolute;transform:translate(-50%,var(--tw-translate-y)) rotate(90deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform-origin:bottom}.inner-clock-hand--hour,.inner-clock-hand--minute{background-color:transparent;height:100%;width:2px}.inner-clock-hand-icon{--tw-scale-x:7;--tw-scale-y:7;height:12px;-o-object-fit:contain;object-fit:contain;position:absolute;top:-.2rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(7) scaleY(7);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));width:12px}.ys-circular-progressbar{position:relative}.ys-circular-progressbar__svgWrapper{overflow:visible;transform:rotate(var(--svg-wrapper-rotation));transform-origin:center center}.ys-circular-progressbar__svgWrapper--orbitAnimate{animation:circularMotion 1s linear infinite}@keyframes circularMotion{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ys-circular-progressbar__content{height:100%;left:0;position:absolute;top:0;width:100%}