@import"https://fonts.googleapis.com/css2?family=Tiro+Bangla:ital@0;1&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Bengali:wght@100..900&display=swap";:root{--clocksize: 100%;--tickmarkwidth: 18%;--tickwidth: 2%;--tickheight: 50%;--handwidth: 1.6%;--handheight: 50%;--secondwidth: 1%;--secondheight: 60%;--minuteheight: 45%;--hourheight: 25%;--center-peg-radius: 10px;--color: #000}.ancl-container{width:100%;height:100%;padding:6px;border-width:18px;background-color:#fff;border-style:solid}.ancl-face{font-family:Skranji,cursive;height:100%;position:relative}.ancl-tick-radius{width:var(--tickwidth);height:var(--tickheight);position:absolute;left:calc(50% - var(--tickwidth) / 2);transform-origin:50% 100%;transition:all 2s}.ancl-minutes .ancl-tickmark{width:var(--tickmarkwidth);height:8%;position:relative;background-color:#000;margin:auto}.ancl-hand{width:var(--handwidth);height:var(--handheight);background:#000;border-radius:3px;position:absolute;transform-origin:50% 100%;left:calc(50% - var(--handwidth) / 2);transition:all forward .05s;transition-timing-function:cubic-bezier(.1,2.7,.58,1);box-shadow:0 4px 16px #00000080}.ancl-hour-hand{height:var(--hourheight);top:calc(50% - var(--hourheight))}.ancl-min-hand{height:var(--minuteheight);top:calc(50% - var(--minuteheight));position:absolute}.ancl-second-hand{height:var(--secondheight);width:var(--secondwidth);transform-origin:50% 83.3333%;left:calc(50% - (var(--secondwidth) / 2));background:var(--color);position:absolute}.ancl-center-peg{padding:calc(var(--center-peg-radius));background:#000;position:absolute;top:calc(50% - var(--center-peg-radius));left:calc(50% - var(--center-peg-radius));border-radius:50%}.ancl-date-container{position:absolute;bottom:25%;left:50%;transform:translate(-50%)}.day-bg{background-image:linear-gradient(0deg,#a4dff7,#00a4e4 74%);transition:all 2s linear}.night-bg{background-image:linear-gradient(0deg,#4c5177,#051428 74%);transition:all 2s linear}.sun,.moon{width:50px;height:50px;position:absolute;top:45%;left:0%;transform:translate(-50%);border-radius:50%;transition:all 1s}.sun{background:#fceabb;box-shadow:0 0 40px 15px #fceabb;opacity:1}.moon{background:url(/moon.jpg);background-size:contain;box-shadow:0 0 20px 5px #fff;opacity:0}#rain{width:100%;height:100%;opacity:0}.bangla-text{font-family:Tiro Bangla,serif}.flip-clock{display:flex;justify-content:center;gap:11px;padding-right:6px}.flip-unit-container{display:block;position:relative;width:65px;height:40px;perspective-origin:50% 50%;perspective:70px;background-color:#578844}.upper-card,.lower-card{display:flex;position:relative;justify-content:center;width:100%;height:50%;overflow:hidden}.upper-card span,.lower-card span{font-size:22px;font-family:Tiro Bangla,serif;font-weight:700;letter-spacing:2px;color:#fff}.upper-card{align-items:flex-end;border-bottom:.5px solid #f4f4f465}.upper-card span{transform:translateY(50%)}.lower-card{align-items:flex-start}.lower-card span{transform:translateY(-50%)}.flip-card{display:flex;justify-content:center;position:absolute;left:0;width:100%;height:50%;overflow:hidden;backface-visibility:hidden}.flip-card span{font-family:Tiro Bangla,serif;font-size:22px;font-weight:700;letter-spacing:1px;color:#fff}.flip-card.unfold{top:50%;align-items:flex-start;transform-origin:50% 0%;transform:rotateX(180deg);background-color:#578844}.flip-card.unfold span{transform:translateY(-50%)}.flip-card.fold{top:0%;align-items:flex-end;transform-origin:50% 100%;transform:rotateX(0);background-color:#578844;border:.5px solid #f4f4f465}.flip-card.fold span{transform:translateY(50%)}@keyframes fold{0%{transform:rotateX(0)}to{transform:rotateX(-180deg)}}@keyframes unfold{0%{transform:rotateX(180deg)}to{transform:rotateX(0)}}.fold{animation:fold .6s cubic-bezier(.455,.03,.515,.955) forwards;transform-style:preserve-3d}.unfold{animation:unfold .6s cubic-bezier(.455,.03,.515,.955) forwards;transform-style:preserve-3d}.bangla-text{font-family:Noto Sans Bengali,sans-serif}.loader{width:32px;height:32px;margin:auto;position:relative}.loader:before{content:"";width:32px;height:5px;background:#6641c850;position:absolute;top:42px;left:0;border-radius:50%;animation:shadow324 .5s linear infinite}.loader:after{content:"";width:100%;height:100%;background:#6641c8;position:absolute;top:0;left:0;border-radius:4px;animation:jump7456 .5s linear infinite}@keyframes jump7456{15%{border-bottom-right-radius:3px}25%{transform:translateY(9px) rotate(22.5deg)}50%{transform:translateY(18px) scaleY(.9) rotate(45deg);border-bottom-right-radius:40px}75%{transform:translateY(9px) rotate(67.5deg)}to{transform:translateY(0) rotate(90deg)}}@keyframes shadow324{0%,to{transform:scale(1)}50%{transform:scaleX(1.2)}}