.mp-clock-ribbon{--mp-clock-unit:var(--tv-u,1px);display:flex;grid-column:1/-1;flex:0 1 auto;align-self:flex-end;align-items:center;justify-content:center;width:max-content;max-width:100%;box-sizing:border-box;gap:calc(15 * var(--mp-clock-unit));min-width:0;padding:calc(12 * var(--mp-clock-unit)) calc(16 * var(--mp-clock-unit));background:#fff;color:#15213a;border:1px solid #dce4ef;border-radius:calc(10 * var(--mp-clock-unit));margin:calc(4 * var(--mp-clock-unit)) 0 calc(8 * var(--mp-clock-unit)) auto;font-variant-numeric:tabular-nums}
.mp-clock-copy{display:flex;flex:0 0 auto;flex-direction:column;min-width:0;border-left:1px solid #dce3ee;padding-left:calc(15 * var(--mp-clock-unit,1px));text-align:left;gap:calc(4 * var(--mp-clock-unit,1px))}
.mp-clock-label{font-size:max(10px,calc(12 * var(--mp-clock-unit)));line-height:1.3;color:#526078;font-weight:600}
.mp-clock-ribbon .mp-clock-digits{display:block;font-size:max(20px,calc(38 * var(--mp-clock-unit)));font-weight:800;line-height:1.1;letter-spacing:.015em;font-family:inherit;white-space:nowrap;color:inherit;background:none;border:0;padding:0;margin:0}
.mp-clock-ribbon.is-unbranded .mp-clock-copy{border:0;padding-left:0}
.mp-clock-brand{display:inline-flex;flex:0 1 auto;align-items:center;justify-content:center;min-width:0;max-width:40%;font-size:max(11px,calc(16 * var(--mp-clock-unit,1px)));font-weight:800;line-height:1.2;overflow-wrap:anywhere;color:#15213a;background:#fff}
.mp-clock-brand img{display:block;width:calc(86 * var(--mp-clock-unit,1px));height:calc(46 * var(--mp-clock-unit,1px));max-width:100%;object-fit:contain}
.mp-clock-brand-fallback{display:none}
.mp-clock-brand.has-image-error .mp-clock-brand-fallback{display:block}
.mp-clock-brand.is-compact img{width:calc(42 * var(--mp-clock-unit,1px));height:calc(22 * var(--mp-clock-unit,1px))}
.mp-clock-ribbon > .mp-clock-brand{max-width:48%}
.mp-clock-ribbon > .mp-clock-brand img{width:calc(144 * var(--mp-clock-unit));height:calc(78 * var(--mp-clock-unit))}
.mp-clock-ribbon.is-compact{gap:calc(10 * var(--mp-clock-unit));padding:calc(7 * var(--mp-clock-unit)) calc(10 * var(--mp-clock-unit));border-radius:calc(7 * var(--mp-clock-unit));margin:0 0 calc(7 * var(--mp-clock-unit)) auto}
.mp-clock-ribbon.is-compact > .mp-clock-brand img{width:calc(82 * var(--mp-clock-unit));height:calc(43 * var(--mp-clock-unit))}
.mp-clock-ribbon.is-compact .mp-clock-copy{padding-left:calc(10 * var(--mp-clock-unit));text-align:right;gap:calc(3 * var(--mp-clock-unit))}
.mp-clock-ribbon.is-compact.is-unbranded .mp-clock-copy{padding-left:0}
.mp-clock-ribbon.is-compact .mp-clock-digits{font-size:max(13px,calc(22 * var(--mp-clock-unit)))}
.mp-clock-ribbon.is-compact .mp-clock-label{font-size:max(9px,calc(11 * var(--mp-clock-unit)));max-width:8em}
.mp-clock-schedule-brand{display:inline-flex;vertical-align:middle;margin-left:6px;max-width:calc(75 * var(--tv-u,1px))}
.mp-clock-schedule-brand .mp-clock-brand{max-width:100%;font-size:max(11px,calc(11 * var(--tv-u,1px)))}
.mp-clock-schedule-brand .mp-clock-brand img{width:calc(42 * var(--tv-u,1px));height:calc(22 * var(--tv-u,1px))}
.mp-clock-wall{display:inline-flex;align-items:center;gap:8px}
@media(max-width:768px){.mp-clock-ribbon:not(.is-compact){padding:10px;gap:10px}.mp-clock-ribbon:not(.is-compact) .mp-clock-copy{padding-left:10px}.mp-clock-ribbon:not(.is-compact) .mp-clock-digits{font-size:30px}.mp-clock-ribbon:not(.is-compact) > .mp-clock-brand img{width:104px;height:70px}}