@function --study-spacing(--step <number>) returns <length>{result: calc(var(--step) * var(--study-function-unit, 8px));}@layer layout{.primitive-study__reading-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--study-small-gap);padding:0}.primitive-study__reading-grid[data-reading-mode=columns]{grid-auto-flow:column;grid-template-rows:repeat(3,auto);grid-template-columns:repeat(3,minmax(0,1fr))}.primitive-study__reading-grid[data-native=true]{reading-flow:grid-rows}.primitive-study__reading-grid[data-reading-mode=columns][data-native=true]{reading-flow:grid-columns}.primitive-study .primitive-study__reading-item{border:0;order:calc(10 - var(--reading-index));display:grid;place-items:center;gap:var(--study-small-gap);min-block-size:4rem}.primitive-study__reading-item span{font-size:var(--study-value-size);line-height:1;color:var(--study-geometry-accent)}.primitive-study__gap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--study-gap);padding:0;--study-gap-rule: 1px solid var(--study-border-color)}.primitive-study__gap-grid[data-rules=true]{row-rule:var(--study-gap-rule);column-rule:var(--study-gap-rule)}.primitive-study__gap-cell{display:grid;min-block-size:3.5rem;place-items:center;background:var(--study-control-background);border-radius:var(--study-control-radius)}.primitive-study__toggle{display:flex!important;align-items:center}.primitive-study__toggle input{accent-color:var(--study-geometry-accent)}.primitive-study__contrast-surface{display:grid;gap:var(--study-small-gap);min-block-size:7rem;align-content:center;padding:var(--study-gap);border-radius:var(--study-control-radius);background:var(--study-control-background);color:var(--study-card-color)}@supports (color: contrast-color(white)){.primitive-study__contrast-surface{background:var(--study-swatch);color:contrast-color(var(--study-swatch))}}.primitive-study__contrast-surface span{opacity:.8}.primitive-study[data-primitive-study=contrast] .primitive-study__controls,.primitive-study[data-primitive-study=function] .primitive-study__controls{grid-template-columns:1fr}.primitive-study__select-specimen{display:grid;align-content:center;gap:var(--study-small-gap);background:var(--study-control-background)}.primitive-study__select-specimen select{inline-size:100%}.primitive-study[data-primitive-study=shape]{grid-template-rows:minmax(0,1fr) auto auto}.primitive-study[data-primitive-study=shape] .primitive-study__controls{grid-template-columns:repeat(2,minmax(0,1fr))}.primitive-study__shape-stage{min-block-size:0;display:grid;place-items:center}.primitive-study__shape-card{display:grid;gap:var(--study-small-gap);inline-size:min(var(--study-shape-size, 240px),100%);padding:var(--study-small-gap) calc(var(--study-shape-depth, 16px) + var(--study-small-gap));background:var(--study-geometry-accent);color:var(--study-corner-on-accent);border:0;box-shadow:var(--study-shadow);border-radius:var(--study-control-radius)}.primitive-study__ticket-title{font-size:var(--study-ticket-title-size);line-height:1.05}.primitive-study__ticket-stub{white-space:nowrap}@supports (border-shape: shape(from 0% 0%,line to 100% 100%,close)){.primitive-study__shape-card{border-radius:0;border-shape:shape(from 0% 0%,hline to 100%,vline to calc(50% - var(--study-shape-depth, 16px)),arc to 100% calc(50% + var(--study-shape-depth, 16px)) of var(--study-shape-depth, 16px) ccw,vline to 100%,hline to 0%,vline to calc(50% + var(--study-shape-depth, 16px)),arc to 0% calc(50% - var(--study-shape-depth, 16px)) of var(--study-shape-depth, 16px) ccw,close)}}.primitive-study[data-primitive-study=function]{grid-template-rows:minmax(0,1fr) auto auto}.primitive-study__function-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.primitive-study__function-steps span{display:grid;min-block-size:4rem;place-items:center;padding:var(--study-small-gap);background:var(--study-geometry-accent);color:var(--study-corner-on-accent);border-radius:var(--study-control-radius)}@supports (gap: --study-spacing(2)){.primitive-study__function-steps{gap:--study-spacing(2)}}.primitive-study__anchor-stage{position:relative;min-block-size:12rem;padding:var(--study-gap);border:var(--study-border-width) var(--study-border-style) var(--study-border-color);border-radius:var(--study-control-radius);background:var(--study-control-background)}.primitive-study__anchor-marker{position:absolute;inset-inline-start:50%;inset-block-start:50%;translate:-50% -50%;anchor-name:--primitive-study-anchor;padding:var(--study-small-gap);background:var(--study-specimen-background);color:var(--study-specimen-color);border-radius:var(--study-control-radius)}.primitive-study__anchor-tooltip{display:grid;gap:var(--study-small-gap);inline-size:min(14rem,calc(100% - 2 * var(--study-gap)));padding:var(--study-small-gap);background:var(--study-card-background);color:var(--study-card-color);border:var(--study-border-width) var(--study-border-style) var(--study-border-color);border-radius:var(--study-control-radius);box-shadow:var(--study-shadow)}.primitive-study__anchor-copy{display:grid;gap:var(--study-small-gap)}.primitive-study__anchor-copy small{color:var(--study-card-muted-color)}.primitive-study__anchor-arrow{inline-size:.6rem;aspect-ratio:1;background:var(--study-geometry-accent);rotate:45deg;justify-self:center}.primitive-study__anchor-tooltip[data-side=top] .primitive-study__anchor-arrow{order:1}.primitive-study__anchor-fallback{display:none}@supports (container-type: anchored) and (position-try-fallbacks: flip-block){.primitive-study__anchor-tooltip{position:absolute;position-anchor:--primitive-study-anchor;position-area:top;position-try-fallbacks:flip-block;container-type:anchored;justify-self:anchor-center}@container anchored(fallback: flip-block){.primitive-study__anchor-tooltip[data-side=top] .primitive-study__anchor-arrow{order:-1}.primitive-study__anchor-tooltip[data-side=bottom] .primitive-study__anchor-arrow{order:1}.primitive-study__anchor-preferred{display:none}.primitive-study__anchor-fallback{display:inline}.primitive-study__anchor-copy{background:var(--study-specimen-background);color:var(--study-specimen-color)}.primitive-study__anchor-copy small{color:inherit}}}.primitive-study__scope-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--study-small-gap)}.primitive-study__scope-item{display:grid;min-inline-size:0;view-transition-scope:all}.primitive-study__scope-content{display:grid;gap:var(--study-small-gap);min-block-size:5rem;align-content:center;padding:var(--study-small-gap);background:var(--study-control-background);border-radius:var(--study-control-radius)}.primitive-study[data-native=true] .primitive-study__scope-content{view-transition-name:primitive-study-item}.primitive-study__scope-content span{color:var(--study-card-muted-color);font-size:var(--study-small-size)}.primitive-study__scope-item[data-updated=true] .primitive-study__scope-content{background:var(--study-specimen-background);color:var(--study-specimen-color)}.primitive-study__scope-item[data-updated=true] .primitive-study__scope-content span{color:inherit}@media(prefers-reduced-motion:reduce){.primitive-study__scope-item{animation-duration:0s!important}}}@layer layout{.primitive-study[data-primitive-study=contrast]{grid-template-rows:minmax(0,1fr) auto auto}.primitive-study[data-primitive-study=contrast] .primitive-study__contrast-surface{min-block-size:0}.primitive-study[data-primitive-study=select]{grid-template-rows:minmax(0,1fr) auto}}