.zone-count-card{justify-content:center;align-items:center;gap:var(--sp-4);padding:var(--sp-16);border-radius:var(--sp-12);border:1px solid var(--border-default);background:var(--black-5);cursor:pointer;flex-direction:column;transition:border-color .15s,background-color .15s,color .15s;display:flex}.zone-count-card:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.zone-count-card--selected{border:2px solid var(--primary);background:var(--primary-5);color:var(--primary)}.zone-count-card__number{font-size:var(--text-size-4xl);font-weight:700;line-height:var(--heading-4xl-line-height)}.zone-count-card__label{font-size:var(--text-size-sm);line-height:1.4}
.step-nav{--step-nav-node-size:1.5rem;--step-nav-color-active:var(--primary-dark);--step-nav-color-inactive:var(--neutral-400);--step-nav-connector-height:4px;margin:10px}.step-nav .step-nav__list{align-items:flex-start;gap:0;margin:0;padding:0 0 1.75rem;list-style:none;display:flex}.step-nav .step-nav__item{flex:1;align-items:flex-start;display:flex}.step-nav .step-nav__item:last-child{flex:none}.step-nav .step-nav__item--active .step-nav__node{background:var(--step-nav-color-active)}.step-nav .step-nav__item--active .step-nav__label{color:var(--black)}.step-nav .step-nav__item--completed .step-nav__node{background:var(--step-nav-color-active);cursor:pointer}.step-nav .step-nav__item--completed .step-nav__node:hover{filter:brightness(1.1)}.step-nav .step-nav__item--completed .step-nav__node:focus-visible{outline:2px solid var(--step-nav-color-active);outline-offset:3px}.step-nav .step-nav__item--completed .step-nav__connector-fill{width:100%}.step-nav .step-nav__item--completed .step-nav__label{color:var(--black)}.step-nav .step-nav__node-group{width:var(--step-nav-node-size);flex-shrink:0;position:relative}.step-nav .step-nav__node{width:var(--step-nav-node-size);height:var(--step-nav-node-size);background:var(--step-nav-color-inactive);color:var(--white);font-size:var(--text-size-sm);cursor:default;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-weight:700;line-height:1;transition:background .25s;display:flex}.step-nav .step-nav__node:disabled{opacity:1}.step-nav .step-nav__connector{height:var(--step-nav-connector-height);margin-top:calc(var(--step-nav-node-size) / 2 - var(--step-nav-connector-height) / 2);background:var(--step-nav-color-inactive);flex:1;position:relative;overflow:hidden}.step-nav .step-nav__connector-fill{background:var(--step-nav-color-active);width:0%;transition:width .4s;position:absolute;inset:0}.step-nav .step-nav__label{margin-top:var(--sp-8);font-size:var(--text-size-sm);color:var(--step-nav-color-inactive);white-space:nowrap;text-align:center;font-weight:500;line-height:1.25rem;transition:color .25s;position:absolute;top:100%;left:50%;transform:translate(-50%)}@media (max-width:640px){.step-nav{margin:var(--sp-4)}.step-nav .step-nav__label{display:none}.step-nav .step-nav__item--active .step-nav__label{display:block}}