*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0}body{background:#fff;color:#263349;font-family:Arial,Helvetica,sans-serif}.sidebar-countdown{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;min-height:350px;padding:19px 16px 15px;overflow:hidden;border:1px solid #dce5ee;border-top:5px solid #c8102e;border-radius:14px;background:#f5f8fb;color:inherit;text-align:center;text-decoration:none}.sidebar-countdown:focus-visible{outline:3px solid #c8102e;outline-offset:-4px}.sidebar-countdown__kicker{color:#607087;font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.sidebar-countdown__title{display:block;margin:5px 0 14px;color:#263349;font-size:22px;font-weight:800;line-height:1.15;letter-spacing:-.04em}.sidebar-countdown__dial{position:relative;display:block;flex:none;width:min(100%,202px);aspect-ratio:1;border:7px solid #263f63;border-radius:50%;background:conic-gradient(from 0deg,#c8102e 0deg,#c8102e var(--progress-angle),#e3eaf1 var(--progress-angle),#e3eaf1 360deg);box-shadow:0 10px 22px rgba(34,61,92,.12),inset 0 0 0 5px #fff}.sidebar-countdown__dial::before{position:absolute;inset:21px;border:1px solid rgba(255,255,255,.68);border-radius:50%;content:"";pointer-events:none}.sidebar-countdown__ticks span{position:absolute;inset:0;transform:rotate(calc(var(--tick)*6deg))}.sidebar-countdown__ticks span::before{position:absolute;top:7px;left:calc(50% - 1px);width:2px;height:6px;border-radius:2px;background:rgba(38,63,99,.35);content:""}.sidebar-countdown__ticks span.is-hour::before{top:6px;left:calc(50% - 1.5px);width:3px;height:11px;background:#263f63}.sidebar-countdown__hand{position:absolute;z-index:2;bottom:50%;left:50%;width:3px;height:42%;border-radius:3px;background:#263f63;box-shadow:0 0 0 1px rgba(255,255,255,.55);transform-origin:50% 100%}.sidebar-countdown__centre{position:absolute;z-index:3;top:50%;left:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;width:106px;height:106px;border:4px solid #fff;border-radius:50%;background:#f5f8fb;box-shadow:0 4px 12px rgba(25,43,67,.1);transform:translate(-50%,-50%)}.sidebar-countdown__centre strong{color:#c8102e;font-size:27px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.05em}.sidebar-countdown__centre small{margin-top:5px;color:#607087;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.sidebar-countdown__remaining{display:flex;align-items:baseline;justify-content:center;gap:8px;width:100%;margin-top:auto;padding-top:14px;white-space:nowrap}.sidebar-countdown__remaining strong{color:#c8102e;font-size:39px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.055em}.sidebar-countdown__remaining span{color:#263349;font-size:14px;font-weight:800;text-transform:uppercase}.sidebar-countdown__status{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
html,body{overflow:hidden}.sidebar-countdown{height:350px;min-height:0}.sidebar-countdown__dial{width:min(100%,198px)}
.sidebar-countdown{padding:12px 14px 11px}
.sidebar-countdown__wordmark{display:flex;flex-direction:column;align-items:center;margin-bottom:5px;font-family:Arial,Helvetica,sans-serif;font-size:22px;font-weight:900;line-height:.81;letter-spacing:-.075em;text-transform:uppercase}
.sidebar-countdown__wordmark strong:first-child{color:#24395d}
.sidebar-countdown__wordmark strong:last-child{color:#c8102e}
.sidebar-countdown__kicker{font-size:8px;letter-spacing:.12em}
.sidebar-countdown__title{margin:4px 0 9px;font-size:19px}
.sidebar-countdown__dial{width:min(100%,188px)}
.sidebar-countdown__dial::before{display:none}
.sidebar-countdown__centre{top:69%;width:auto;height:auto;border:0;border-radius:0;background:transparent;box-shadow:none}
.sidebar-countdown__centre strong{font-size:27px;text-shadow:0 1px 0 rgba(255,255,255,.9)}
.sidebar-countdown__centre small{margin-top:4px;color:#263349;font-size:9px;text-shadow:0 1px 0 rgba(255,255,255,.8)}
.sidebar-countdown__remaining{padding-top:8px}
.sidebar-countdown__remaining strong{font-size:35px}
.sidebar-countdown__remaining span{font-size:12px}
/* Match the typography and official wordmark used by the other countdown cards. */
body{font-family:"Manrope",system-ui,sans-serif}
.sidebar-countdown__wordmark{display:block;flex:none;width:160px;height:80px;margin:-17px 0 -16px;object-fit:contain}
.sidebar-countdown__title,.sidebar-countdown__centre strong,.sidebar-countdown__remaining strong{font-family:"Manrope",system-ui,sans-serif}
