.tab-carousel{flex-direction:column;gap:14px;width:100%;min-width:0;min-height:0;display:flex}.tab-carousel__stack{flex:1;min-width:0;min-height:0;display:grid}.tab-carousel__panel{grid-area:1/1;min-width:0;min-height:0}.tab-carousel__panel:not(.is-active){visibility:hidden;pointer-events:none}.tab-carousel__dots{background:var(--white-fixed);border:1px solid var(--border-color);box-shadow:0 4px 14px -6px var(--shadow-inset), 0 1px 0 color-mix(in srgb, var(--white-fixed) 88%, transparent) inset;border-radius:999px;flex:none;justify-content:center;align-self:center;align-items:center;gap:10px;padding:11px 18px;display:flex}.tab-carousel__dot{box-sizing:border-box;background:var(--gray-400);cursor:pointer;border:none;border-radius:999px;width:10px;height:10px;margin:0;padding:0;transition:width .25s,background-color .25s;display:block;position:relative;overflow:hidden}.tab-carousel__dot:after{content:"";background:var(--accent);border-radius:inherit;transform-origin:0;opacity:0;position:absolute;inset:0;transform:scaleX(0)}.tab-carousel__dot:hover:not(.is-active){background:var(--accent)}.tab-carousel__dot.is-active{background:var(--gray-400);width:34px}.tab-carousel__dot.is-active:after{opacity:1;animation:tab-carousel-progress-fill var(--tab-carousel-autoplay-duration,6s) linear forwards}.tab-carousel__dots:hover .tab-carousel__dot.is-active:after{animation-play-state:paused}.tab-carousel__dot:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@keyframes tab-carousel-progress-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}