.rc-clock{display:inline-flex;flex-direction:column;align-items:center;gap:3px;padding:6px 16px;background:color-mix(in srgb,var(--bg-surface) 92%,transparent);border:1px solid color-mix(in srgb,var(--border) 80%,transparent);border-radius:12px;font-family:Tajawal,Inter,sans-serif;animation:rc-fadein var(--sos-motion-duration-medium1, .28s) var(--sos-motion-easing-standard, ease) both;flex-shrink:0;white-space:nowrap;line-height:1.2;box-shadow:0 4px 12px #0000000d,inset 0 1px 1px #fff6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .3s cubic-bezier(.16,1,.3,1)}.rc-clock:hover{border-color:var(--primary);box-shadow:0 6px 16px #1e40af26,inset 0 1px 1px #fff9;transform:translateY(-1px)}[data-theme=dark] .rc-clock{background:#1318278c;border:1px solid rgba(37,71,196,.25);box-shadow:0 4px 16px #00000059,inset 0 1px 1px #ffffff0d,0 0 12px #2547c41f}[data-theme=dark] .rc-clock:hover{border-color:#2547c480;box-shadow:0 8px 24px #00000073,inset 0 1px 1px #ffffff14,0 0 18px #2547c440}.rc-clock__time{font-family:Inter,Roboto,sans-serif;font-size:1.15rem;font-weight:700;color:var(--primary);letter-spacing:.05em;font-variant-numeric:tabular-nums;min-width:8.5ch;text-align:center;transition:color .3s ease,text-shadow .3s ease}[data-theme=dark] .rc-clock__time{color:#fff;text-shadow:0 0 8px rgba(37,71,196,.4),0 0 16px rgba(37,71,196,.2)}.rc-clock__dates{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:5px;font-size:.72rem;color:var(--text-muted);font-weight:500;letter-spacing:.01em}.rc-clock__sep{visibility:hidden!important;position:relative;display:inline-block!important;width:10px!important}.rc-clock__sep:after{content:"·"!important;visibility:visible!important;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--primary);font-weight:700;font-size:.85rem}[data-theme=dark] .rc-clock__sep:after{text-shadow:0 0 6px var(--primary)}.rc-clock__greg,.rc-clock__hijri{white-space:nowrap}@keyframes rc-fadein{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.rc-clock{padding:5px 12px}}@media (max-width: 480px){.rc-clock{position:relative;padding:5px 10px;border-color:#2547c426;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1)}.rc-clock__dates{position:absolute;top:calc(100% + 8px);inset-inline-end:0;z-index:1000;min-width:max-content;background:var(--bg-modal)!important;border:1px solid var(--border)!important;border-radius:14px!important;padding:10px 16px!important;box-shadow:0 10px 30px #00000026!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;opacity:0!important;transform:translateY(-8px) scale(.95);pointer-events:none;transition:all .3s cubic-bezier(.16,1,.3,1)!important;display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;justify-content:center!important;gap:4px!important;font-size:.72rem!important;align-items:center!important;white-space:nowrap!important;overflow:visible!important;max-height:none!important;margin-top:0!important}.rc-clock__sep{display:none!important}.rc-clock--expanded{background:var(--bg-modal)!important;border-color:var(--primary)!important;box-shadow:0 4px 12px #0000001a,0 0 8px #2547c41a!important;padding:5px 10px!important}.rc-clock--expanded .rc-clock__dates{opacity:1!important;transform:translateY(0) scale(1)!important;pointer-events:auto!important}[data-theme=dark] .rc-clock--expanded .rc-clock__dates{box-shadow:0 10px 30px #0006,0 0 15px #2547c426!important;border-color:#2547c466!important}.rc-clock__time{font-size:.95rem;text-shadow:0 0 6px rgba(37,71,196,.3)}}