@layer layout{.branch-study__stage{display:grid;gap:var(--study-small-gap);min-block-size:12rem;align-content:center;justify-items:center;color:var(--study-card-color);background:var(--study-card-background)}.branch-study__stage[data-state=ready]{--state: ready}.branch-study__stage[data-state=waiting]{--state: waiting}@supports (background: if(style(--state: ready): red; else: blue)){.branch-study__stage{background:if(style(--state: ready): var(--study-specimen-background); else: var(--study-control-background));color:if(style(--state: ready): var(--study-specimen-color); else: var(--study-card-color))}}.branch-study__circle{display:grid;place-items:center;inline-size:10rem;aspect-ratio:1;border-radius:50%;background:var(--study-geometry-accent);color:var(--study-corner-on-accent);scale:calc(var(--progress, 38) / 100)}.branch-study__circle strong{font-size:var(--study-value-size);font-weight:var(--study-title-weight);font-variant-numeric:tabular-nums}@supports (scale: progress(50,0,100)){.branch-study__circle{scale:progress(var(--progress, 38),0,100)}}.sibling-study__wave{display:flex;align-items:center;justify-content:center;gap:clamp(3px,1vw,7px);min-block-size:14rem;margin:0;padding:var(--study-small-gap);list-style:none;--amplitude: 80px;--phase: 0deg}.sibling-study__wave li{--angle: calc(var(--angle-base, 0deg) + var(--phase));flex:0 1 9px;min-inline-size:0;height:calc(22px + (sin(var(--angle)) + 1) / 2 * var(--amplitude));border-radius:99px;background:var(--study-geometry-accent);opacity:calc(.48 + (sin(var(--angle)) + 1)*.26);translate:0 calc(cos(var(--angle))*18px);transition:height var(--study-motion-duration) var(--study-motion-ease),translate var(--study-motion-duration) var(--study-motion-ease),opacity var(--study-motion-duration) var(--study-motion-ease)}@supports (translate: calc(sibling-index()*1px)) and (translate: calc(sibling-count()*1px)){.sibling-study__wave li{--angle-base: calc((sibling-index() - 1)/sibling-count()*360deg) }}@media(prefers-reduced-motion:reduce){.sibling-study__wave li{transition:none}}.count-study__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(2.2rem,1fr));gap:var(--study-small-gap);margin:0;padding:0;list-style:none}.count-study__list li{display:grid;place-items:center;min-block-size:3.5rem;border:var(--study-border-width) var(--study-border-style) var(--study-border-color);border-radius:var(--study-control-radius);background:var(--study-control-background);color:var(--study-card-color)}.count-study__list li{transform:translateY(calc((var(--step, .5) - .5) * 1rem));rotate:var(--random-angle, 0deg)}.count-study__list li:nth-child(odd){background:var(--study-geometry-accent);color:var(--study-corner-on-accent)}.count-study__list li span{display:block}.count-study__controls{display:flex;align-items:center;justify-content:space-between;gap:var(--study-small-gap);flex-wrap:wrap}.count-study__stepper{display:flex;inline-size:100%;align-items:center;gap:var(--study-small-gap);padding:4px;border-radius:var(--study-control-radius);background:var(--study-control-background)}.primitive-study .count-study__stepper button{display:grid;place-items:center;inline-size:var(--study-control-size);padding:0;border:0;background:var(--study-specimen-background);color:var(--study-specimen-color)}.count-study__stepper output{flex:1;min-inline-size:0;text-align:center}.primitive-study .count-study__shuffle{border:0}@supports (translate: calc(sibling-index()*1px)) and (translate: calc(sibling-count()*1px)){[data-progressive-study=counts] .count-study__list li{--step: calc((sibling-index() - 1)/(sibling-count() - 1)) ;transform:translateY(calc((var(--step) - .5) * 1rem))}.count-study__list li:nth-child(odd){background:var(--study-geometry-accent);color:var(--study-corner-on-accent)}}@supports (rotate: random(element-shared,-20deg,20deg)){.random-study__list li{rotate:random(element-shared,-20deg,20deg)}}.scroll-study__carousel{position:relative;min-inline-size:0;inline-size:100%;padding-block-end:2rem}.scroll-study__frame{min-inline-size:0;inline-size:100%;display:flex;gap:var(--study-small-gap);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:2.5rem;padding:0 2.5rem;margin:0;list-style:none;scrollbar-width:none;overscroll-behavior-inline:contain}.scroll-study__frame::-webkit-scrollbar{display:none}.scroll-study__slide{flex:0 0 100%;min-inline-size:0;scroll-snap-align:center;container-type:scroll-state;container-name:slide}.scroll-study__card{display:flex;flex-direction:column;justify-content:space-between;gap:var(--study-gap);min-block-size:13rem;padding:var(--study-gap);border-radius:var(--study-control-radius);background:var(--study-control-background);color:var(--study-card-color)}.scroll-study__card strong{font-size:var(--study-value-size);font-weight:var(--study-title-weight)}.scroll-study__card span{color:var(--study-card-muted-color)}@container slide scroll-state(snapped: x){.scroll-study__card{--snap-active: 1;background:var(--study-specimen-background);color:var(--study-specimen-color)}}[data-progressive-study=scroll][data-fallback] .scroll-study__card{background:var(--study-control-background)}[data-progressive-study=scroll][data-fallback] .scroll-study__slide[data-active=true] .scroll-study__card{background:var(--study-specimen-background);color:var(--study-specimen-color)}.primitive-study .scroll-study__arrow{position:absolute;inset-block-start:calc(50% - 2rem);inline-size:2rem;block-size:2rem;min-block-size:0;padding:0;border:0;border-radius:50%;background:var(--study-specimen-background);color:var(--study-specimen-color)}.scroll-study__arrow--prev{inset-inline-start:0}.scroll-study__arrow--next{inset-inline-end:0}.scroll-study__dots{position:absolute;inset-block-end:0;inset-inline:0;display:flex;justify-content:center}.primitive-study [data-scroll-dot]{display:grid;place-items:center;inline-size:1.75rem;block-size:1.75rem;min-block-size:0;padding:0;border:0;background:transparent}[data-scroll-dot]:after{content:"";inline-size:.4rem;block-size:.4rem;border-radius:50%;background:var(--study-card-muted-color)}[data-scroll-dot][aria-current=true]:after{background:var(--study-geometry-accent)}.primitive-study #attr-shift{border:0}.attr-study__track{display:flex;align-items:center;background:var(--study-control-background);overflow:hidden;min-block-size:5rem;padding:var(--study-small-gap);border:var(--study-border-width) var(--study-border-style) var(--study-border-color);border-radius:var(--study-control-radius)}.attr-study__specimen{display:grid;flex-shrink:0;place-items:center;inline-size:var(--study-attribute-size);aspect-ratio:1;border-radius:var(--study-control-radius);background:var(--study-geometry-accent);color:var(--study-corner-on-accent);transition:translate var(--study-motion-duration) var(--study-motion-ease)}.attr-study__specimen span{font-size:var(--study-small-size)}@supports (translate: attr(data-shift type(<length>),0px) 0){.attr-study__specimen{translate:attr(data-shift type(<length>),0px) 0}}@media(prefers-reduced-motion:reduce){.attr-study__specimen{transition:none}}}@layer layout{.primitive-study>:is(.branch-study__stage,.sibling-study__wave,.random-study__list){align-content:center}.primitive-study>.scroll-study__carousel{display:grid;grid-template-rows:1fr}.scroll-study__card{block-size:100%}}