/* Shared slideshow pagination, including the standalone calculator. */
:is([data-story-carousel],[data-included-carousel]) :is([data-story-controls],[data-included-controls]) [data-carousel-pagination]{display:flex;align-items:center;gap:0;padding:6px 16px;min-height:56px;max-width:100%;width:max-content;overflow-x:auto;border-radius:999px;background:var(--mist,#f0f4f5);box-shadow:inset 0 0 0 1px #b9c3c9;box-sizing:border-box}
:is([data-story-carousel],[data-included-carousel]) :is([data-story-controls],[data-included-controls]) [data-carousel-pagination] button{flex:0 0 auto;display:grid;place-items:center;width:24px;height:44px;min-height:44px;margin:0;padding:0;border:0;border-radius:999px;background:none;cursor:pointer;transition:width .6s cubic-bezier(.22,1,.36,1)}
:is([data-story-carousel],[data-included-carousel]) :is([data-story-controls],[data-included-controls]) [data-carousel-pagination] button[hidden]{display:none}
:is([data-story-carousel],[data-included-carousel]) :is([data-story-controls],[data-included-controls]) [data-carousel-pagination] button span{display:block;position:relative;overflow:hidden;width:8px;height:8px;border-radius:999px;background:#76818a;transition:width .6s cubic-bezier(.22,1,.36,1)}
:is([data-story-carousel],[data-included-carousel]) :is([data-story-controls],[data-included-controls]) [data-carousel-pagination] button[aria-current="true"]{width:60px}
:is([data-story-carousel],[data-included-carousel]) :is([data-story-controls],[data-included-controls]) [data-carousel-pagination] button[aria-current="true"] span{width:48px;background:#b9c3c9}
:is([data-story-carousel],[data-included-carousel]) :is([data-story-controls],[data-included-controls]) [data-carousel-pagination] button[aria-current="true"] span::after{content:'';position:absolute;inset:0;border-radius:inherit;background:var(--ink,#122737);transform-origin:left;transform:scaleX(var(--carousel-fill,0))}
:is([data-story-carousel],[data-included-carousel]) [data-carousel-pagination] button:focus-visible{outline:3px solid var(--orange-dark,#b34d20);outline-offset:2px}
/* Dark mode keeps the charcoal pill. */
html[data-theme="dark"] :is([data-story-carousel],[data-included-carousel]) :is([data-story-controls],[data-included-controls]) [data-carousel-pagination]{background:#333336;box-shadow:none}
html[data-theme="dark"] :is([data-story-carousel],[data-included-carousel]) :is([data-story-controls],[data-included-controls]) [data-carousel-pagination] button span{background:#858587}
html[data-theme="dark"] :is([data-story-carousel],[data-included-carousel]) :is([data-story-controls],[data-included-controls]) [data-carousel-pagination] button[aria-current="true"] span{background:#858587}
html[data-theme="dark"] :is([data-story-carousel],[data-included-carousel]) :is([data-story-controls],[data-included-controls]) [data-carousel-pagination] button[aria-current="true"] span::after{background:#f5f5f7}
@media(prefers-reduced-motion:reduce){[data-carousel-pagination] button,[data-carousel-pagination] button span{transition:none!important}}
.motion-reduced [data-carousel-pagination] button,.motion-reduced [data-carousel-pagination] button span{transition:none!important}