.forecast-count strong,.chosen-ticket>strong,.chosen-profit>b {
  font-variant-numeric:tabular-nums;
  white-space:nowrap}
.forecast-count strong {
  min-width:3.2ch}
.chosen-ticket>strong {
  min-height:1.25em}
.chosen-profit>b {
  min-height:1.25em}
.ticket-meter {
  display:block;
  position:relative;
  min-width:30px;
  padding-bottom:7px;
  margin-left:auto;
  flex:none}
.ticket-meter>b {
  display:block;
  text-align:right;
  font-size:9px;
  font-weight:400;
  color:#74a2ba;
  font-variant-numeric:tabular-nums}
.ticket-meter:after {
  content:"";
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:2px;
  background:#e1f0f8}
.ticket-meter>i {
  position:absolute;
  bottom:0;
  left:0;
  height:2px;
  width:100%;
  background:#4fb5df;
  z-index:1}
.chosen-check>span {
  line-height:1.5}
.automation[data-stage="1"] .chosen-ticket>strong,.automation[data-stage="1"] .chosen-profit>b {
  color:#679db8}
.automation[data-stage="1"] .chosen-check>i {
  border-style:dashed}
.automation[data-stage="2"] .chosen-ticket {
  animation:found-card .9s ease-out both}
.automation[data-stage="2"] .chosen-check>i {
  animation:found-check .7s cubic-bezier(.2,.8,.2,1) both}
.automation[data-stage="2"] .chosen-ticket>strong {
  color:#008ecc}
.automation[data-stage="0"] .chosen-check>i,.automation[data-stage="1"] .chosen-check>i {
  color:#78abc3}
.automation[data-running="false"] .chosen-ticket,.automation[data-running="false"] .chosen-check>i {
  animation-play-state:paused!important}

@keyframes found-card {
  0% {
  box-shadow:0 0 0 0 #35b2e03b;
  transform:scale(.985)}
38% {
  box-shadow:0 0 0 9px #35b2e016;
  transform:scale(1.024)}
100% {
  box-shadow:0 0 0 16px #35b2e000;
  transform:scale(1)}
}
@keyframes found-check {
  0% {
  transform:scale(.3);
  opacity:0}
65% {
  transform:scale(1.23);
  opacity:1}
100% {
  transform:scale(1);
  opacity:1}
}

.bs-live {
  display:grid;
  grid-template-columns:minmax(0,1fr) 90px minmax(0,1fr) 28px;
  align-items:center;
  gap:20px;
  margin:14px 9px 20px;
  padding:17px 21px;
  border:1px solid #e0edf6;
  border-radius:12px;
  background:#f6fbff}
.bs-live>div {
  min-width:0}
.bs-live>div>span {
  display:block;
  font-size:10px;
  color:#7395aa;
  line-height:1.6}
.bs-live>div>strong {
  display:block;
  font-size:25px;
  line-height:1.25;
  letter-spacing:-.035em;
  font-weight:500;
  color:#1c91c3;
  margin-top:4px;
  min-height:32px;
  white-space:nowrap;
  font-variant-numeric:tabular-nums}
.bs-live-transfer {
  display:flex;
  justify-content:space-around;
  gap:14px;
  align-items:center;
  height:25px}
.bs-live-transfer>i {
  width:5px;
  height:5px;
  background:#45b6e0;
  border-radius:50%;
  opacity:.25;
  animation:packet-step 1.5s ease-in-out infinite}
.bs-live-transfer>i:nth-child(2) {
  animation-delay:.25s}
.bs-live-transfer>i:nth-child(3) {
  animation-delay:.5s}
.bs-live-seal {
  width:26px;
  height:26px;
  text-align:center;
  line-height:24px;
  border:1px solid #81cdec;
  color:#079ad0;
  border-radius:50%;
  background:#e7f7ff;
  font-size:14px;
  transition:opacity .4s}
.bid-story[data-settled=true] .bs-live-seal {
  animation:found-check .6s ease-out both}
.bid-story[data-phase="2"] .bs-selected {
  animation:found-card .9s ease-out both}
.bid-story[data-playing=false] .bs-live-transfer>i,.bid-story[data-playing=false] .bs-live-seal,.bid-story[data-playing=false] .bs-selected {
  animation-play-state:paused!important}
.bid-story[data-phase="0"] .bs-selected strong,.bid-story[data-phase="1"] .bs-selected strong {
  color:#9abbcd}
.bid-story:not([data-phase="2"]) .bs-selected p>i {
  opacity:0}
.bid-story[data-phase="0"] .bs-live>div:last-of-type>strong {
  font-size:20px;
  letter-spacing:-.025em}

@keyframes packet-step {
  0%,100% {
  transform:translateX(-5px);
  opacity:.2}
50% {
  transform:translateX(5px);
  opacity:1}
}

@media(max-width:1100px) {
  .data-ticket {
  gap:7px}
.data-ticket>span:not(.ticket-meter) {
  font-size:10px}
.ticket-meter>b {
  font-size:8px}
.ticket-meter {
  min-width:26px}
.bs-live {
  gap:16px;
  grid-template-columns:minmax(0,1fr) 60px minmax(0,1fr) 26px}
}

@media(max-width:600px) {
  .ticket-meter {
  min-width:32px}
.ticket-meter>b {
  font-size:9px}
.data-ticket>span:not(.ticket-meter) {
  font-size:10px}
.bs-live {
  grid-template-columns:minmax(0,1fr) 25px minmax(0,1fr);
  gap:11px;
  margin:12px 9px 17px;
  padding:14px 13px;
  position:relative}
.bs-live>div>span {
  font-size:8px;
  min-height:26px;
  line-height:1.65}
.bs-live>div>strong {
  font-size:21px;
  min-height:27px}
.bs-live-transfer {
  gap:4px}
.bs-live-transfer>i {
  width:3px;
  height:3px;
  flex:none}
.bs-live-seal {
  position:absolute;
  right:11px;
  top:10px;
  width:15px;
  height:15px;
  line-height:13px;
  font-size:9px}
.bs-live>div:last-of-type>span {
  padding-right:10px}
.bid-story[data-phase="0"] .bs-live>div:last-of-type>strong {
  font-size:17px}
.bs-stage>p {
  font-size:9px}
.bs-live-transfer>i {
  animation-name:packet-step-mobile}
@keyframes packet-step-mobile {
  0%,100% {
  transform:translateX(-2px);
  opacity:.2}
50% {
  transform:translateX(2px);
  opacity:1}
}
}

@media(prefers-reduced-motion:reduce) {
  .automation .chosen-ticket,.automation .chosen-check>i,.bid-story .bs-live-transfer>i,.bid-story .bs-live-seal,.bid-story .bs-selected {
  animation:none!important}
}


.bid-story[data-phase="0"] .bs-plot>figcaption {
  visibility:hidden}
#bs-intake {
  transition:opacity .3s ease}
 @media(prefers-reduced-motion:reduce) {
  #bs-intake {
  transition:none}
}


