/* Bet-slip confirmation hold (slip-countdown.js): a 3 px bar over the Place button's bottom edge; it takes no height, so nothing moves. */
.slip-cd{position:relative;height:0;margin:0;pointer-events:none}
.slip-cd-bar{position:absolute;left:0;right:0;top:-3px;z-index:1;display:block;width:auto;height:3px;border:0;border-radius:0 0 8px 8px;background:color-mix(in srgb,var(--brand-ink) 22%,transparent);color:var(--brand-ink);overflow:hidden;-webkit-appearance:none;appearance:none}
.slip-cd:not(.is-on) .slip-cd-bar,.slip-cd-bar[hidden]{visibility:hidden}
.slip-cd-bar::-webkit-progress-bar{background:transparent}
.slip-cd-bar::-webkit-progress-value{background:var(--brand-ink);transition:width .25s linear}
.slip-cd-bar::-moz-progress-bar{background:var(--brand-ink)}
.slip-cd-bar:indeterminate{background:linear-gradient(90deg,transparent 0,var(--brand-ink) 50%,transparent 100%);background-size:200% 100%;animation:slipCdRun 1.2s linear infinite}
.slip-cd-bar:indeterminate::-moz-progress-bar{background:transparent}
@keyframes slipCdRun{from{background-position:100% 0}to{background-position:-100% 0}}
.slip-cd-say{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
/* the phone / inline slip: the bar takes the button's grid cell (column 2), out of flow */
.inline-slip-actions{position:relative}
.inline-slip-actions>.slip-cd{position:absolute;grid-area:1/2;left:0;right:0;bottom:0}
/* Lobby v2 gold CTA: the box takes the button's 8 px bottom margin (-8 px + 8 px height = the same space) and the button's 16 px
   side insets; the bar sits 4 px below the button, fully outside it, in the gold on the slip surface */
html body .wc-place+.slip-cd{height:8px;margin:-8px 16px 0}
html body .wc-place+.slip-cd .slip-cd-bar{top:4px;left:0;right:0;border-radius:99px;color:var(--r-gold);background:var(--r-surface-3)}
html body .wc-place+.slip-cd .slip-cd-bar::-webkit-progress-value{background:var(--r-gold);border-radius:99px}
html body .wc-place+.slip-cd .slip-cd-bar::-moz-progress-bar{background:var(--r-gold);border-radius:99px}
html body .wc-place+.slip-cd .slip-cd-bar:indeterminate{background:linear-gradient(90deg,var(--r-surface-3) 0,var(--r-gold) 50%,var(--r-surface-3) 100%);background-size:200% 100%}
.slip-cd.is-still .slip-cd-bar,html.reduce-motion .slip-cd-bar{animation:none;transition:none}
@media(prefers-reduced-motion:reduce){.slip-cd-bar,.slip-cd-bar::-webkit-progress-value{animation:none;transition:none}}
/* the confirming state only (not other disabled states): the primary button colours at full opacity, so "Confirming… N s" stays readable */
#betslip-form #save-ticket.is-confirming:disabled{opacity:1;background:var(--brand);color:var(--brand-ink);cursor:progress}
html body #betslip-form #save-ticket.wc-place.is-confirming:disabled{opacity:1;background:var(--r-gold);color:#06070E}