.block{--surface-shell:var(--surface-3);--block-shadow:var(--shadow-1);--border-color-discreet:var(--border-color-default);border-radius:var(--radius-box);box-shadow:var(--block-shadow,none);width:100%}.block,.block--card{background:var(--surface-3)}.block--card{box-shadow:var(--shadow-2);color:inherit;overflow:hidden}.block--padded{padding:var(--space-4)}.block--split{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--space-4)}.block--split>:first-child{flex:1 1 16rem}.block--vertical{gap:var(--space-4)}.block--fill,.block--vertical{display:flex;flex-direction:column}.block--fill{flex:1;min-height:0;overflow:hidden}.block--placeholder{background:var(--surface-page);border:var(--border-placeholder)}.block--card.block--placeholder{box-shadow:none}.block--title{align-items:center;border-bottom:var(--border-separator);color:var(--text-color-default);display:flex;font-size:var(--font-size-3);font-weight:var(--font-weight-strong);gap:var(--space-2);padding:var(--space-3) var(--space-4)}.block--title-leading,.block--title-trailing{align-items:center;color:var(--text-color-muted);display:inline-flex;flex-shrink:0;line-height:1}.block--title-label{min-width:0}.block--title-trailing{margin-inline-start:auto}.block:has(>.block--mark){position:relative}.block--padded:has(>.block--mark){padding-block-start:var(--space-6)}.block--mark{color:var(--text-color-muted);font-size:var(--font-size-2);inset-block-start:var(--space-2);inset-inline-start:var(--space-2);line-height:1;pointer-events:none;position:absolute}.block--body{padding:var(--space-4)}.block--media{align-items:center;background:var(--surface-3);display:flex;height:8rem;justify-content:center;overflow:hidden;width:100%}.block--media-placeholder{opacity:var(--opacity-2)}.block--media img{display:block;height:100%;object-fit:cover;width:100%}.block--meta{color:var(--text-color-muted);display:flex;flex-direction:column;font-size:var(--font-size-2);list-style:none;margin:0;padding:0;row-gap:var(--space-2)}.block--meta li{align-items:center;display:inline-flex;gap:var(--space-2)}.block--footer{align-items:center;border-top:var(--border-separator);display:flex;gap:var(--space-3);justify-content:space-between;padding:var(--space-3) var(--space-4)}.block--link{border:var(--border-default);color:inherit;cursor:pointer;display:flex;flex-direction:column;gap:var(--space-2);text-decoration:none;transition:all .12s ease}@media(prefers-reduced-motion:reduce){.block--link{transition:none}}.block--link:hover{background-image:linear-gradient(var(--tint-3),var(--tint-3));border-color:var(--border-color-strong)}.block--link:focus-visible{box-shadow:0 0 0 var(--border-focus-width) var(--neutral-a3);outline:none;transition:box-shadow .16s ease,border-color .16s ease}.block--link-icon{color:var(--text-color-muted);font-size:var(--font-size-7);line-height:1}.block--link-title{font-weight:var(--font-weight-strong)}.block--link-description{color:var(--text-color-muted);font-size:var(--font-size-2)}.block--action-link,.block--figure{align-items:center;display:flex;flex-direction:column;gap:var(--space-2);height:100%;justify-content:center;line-height:1;min-width:0;padding:var(--space-4);text-align:center;text-decoration:none;width:100%}.block--action-link{color:var(--text-color-muted)}.block--action-icon,.block--figure-value{font-size:var(--font-size-8);line-height:1}.block--figure-value{font-variant-numeric:tabular-nums;font-weight:var(--font-weight-strong)}.block--figure-label{color:var(--text-color-muted);font-size:var(--font-size-2)}.block--figure-unit{color:var(--text-color-muted);font-size:var(--font-size-4);font-weight:var(--font-weight-normal);margin-inline-start:.25em}.block--figure-sub{color:var(--text-color-muted);font-size:var(--font-size-2);line-height:1.4}.block--figure--start{align-items:flex-start;justify-content:flex-start;text-align:start}.block--square{aspect-ratio:1}.block--tone-cat-aqua,.block--tone-cat-bittersweet,.block--tone-cat-blue-jeans,.block--tone-cat-grapefruit,.block--tone-cat-grass,.block--tone-cat-lavender,.block--tone-cat-mint,.block--tone-cat-pink-rose,.block--tone-cat-plum,.block--tone-cat-ruby,.block--tone-cat-straw,.block--tone-cat-sunflower,.block--tone-cat-teal,.block--tone-error,.block--tone-info,.block--tone-success,.block--tone-warning{border-inline-start:var(--feedback-bar-width) solid var(--feedback-color);--avatar-bg:var(--feedback-bg);--avatar-color:var(--feedback-color)}.block--tone-info{--feedback-color:var(--info-11);--feedback-bg:var(--info-3);--feedback-border-color:var(--feedback-color);--feedback-fill:var(--info-9);--feedback-on-fill:var(--info-contrast)}.block--tone-success{--feedback-color:var(--success-11);--feedback-bg:var(--success-3);--feedback-border-color:var(--feedback-color);--feedback-fill:var(--success-9);--feedback-on-fill:var(--success-contrast)}.block--tone-warning{--feedback-color:var(--warning-11);--feedback-bg:var(--warning-3);--feedback-border-color:var(--feedback-color);--feedback-fill:var(--warning-9);--feedback-on-fill:var(--warning-contrast)}.block--tone-error{--feedback-color:var(--error-11);--feedback-bg:var(--error-3);--feedback-border-color:var(--feedback-color);--feedback-fill:var(--error-9);--feedback-on-fill:var(--error-contrast)}.block--tone-cat-ruby{--feedback-color:var(--cat-ruby-11);--feedback-bg:var(--cat-ruby-3);--feedback-border-color:var(--feedback-color);--feedback-fill:var(--cat-ruby-9);--feedback-on-fill:var(--cat-ruby-contrast)}.block--tone-cat-grapefruit{--feedback-color:var(--cat-grapefruit-11);--feedback-bg:var(--cat-grapefruit-3);--feedback-border-color:var(--feedback-color);--feedback-fill:var(--cat-grapefruit-9);--feedback-on-fill:var(--cat-grapefruit-contrast)}.block--tone-cat-bittersweet{--feedback-color:var(--cat-bittersweet-11);--feedback-bg:var(--cat-bittersweet-3);--feedback-border-color:var(--feedback-color);--feedback-fill:var(--cat-bittersweet-9);--feedback-on-fill:var(--cat-bittersweet-contrast)}.block--tone-cat-sunflower{--feedback-color:var(--cat-sunflower-11);--feedback-bg:var(--cat-sunflower-3);--feedback-border-color:var(--feedback-color);--feedback-fill:var(--cat-sunflower-9);--feedback-on-fill:var(--cat-sunflower-contrast)}.block--tone-cat-straw{--feedback-color:var(--cat-straw-11);--feedback-bg:var(--cat-straw-3);--feedback-border-color:var(--feedback-color);--feedback-fill:var(--cat-straw-9);--feedback-on-fill:var(--cat-straw-contrast)}.block--tone-cat-grass{--feedback-color:var(--cat-grass-11);--feedback-bg:var(--cat-grass-3);--feedback-border-color:var(--feedback-color);--feedback-fill:var(--cat-grass-9);--feedback-on-fill:var(--cat-grass-contrast)}.block--tone-cat-mint{--feedback-color:var(--cat-mint-11);--feedback-bg:var(--cat-mint-3);--feedback-border-color:var(--feedback-color);--feedback-fill:var(--cat-mint-9);--feedback-on-fill:var(--cat-mint-contrast)}.block--tone-cat-teal{--feedback-color:var(--cat-teal-11);--feedback-bg:var(--cat-teal-3);--feedback-border-color:var(--feedback-color);--feedback-fill:var(--cat-teal-9);--feedback-on-fill:var(--cat-teal-contrast)}.block--tone-cat-aqua{--feedback-color:var(--cat-aqua-11);--feedback-bg:var(--cat-aqua-3);--feedback-border-color:var(--feedback-color);--feedback-fill:var(--cat-aqua-9);--feedback-on-fill:var(--cat-aqua-contrast)}.block--tone-cat-blue-jeans{--feedback-color:var(--cat-blue-jeans-11);--feedback-bg:var(--cat-blue-jeans-3);--feedback-border-color:var(--feedback-color);--feedback-fill:var(--cat-blue-jeans-9);--feedback-on-fill:var(--cat-blue-jeans-contrast)}.block--tone-cat-plum{--feedback-color:var(--cat-plum-11);--feedback-bg:var(--cat-plum-3);--feedback-border-color:var(--feedback-color);--feedback-fill:var(--cat-plum-9);--feedback-on-fill:var(--cat-plum-contrast)}.block--tone-cat-lavender{--feedback-color:var(--cat-lavender-11);--feedback-bg:var(--cat-lavender-3);--feedback-border-color:var(--feedback-color);--feedback-fill:var(--cat-lavender-9);--feedback-on-fill:var(--cat-lavender-contrast)}.block--tone-cat-pink-rose{--feedback-color:var(--cat-pink-rose-11);--feedback-bg:var(--cat-pink-rose-3);--feedback-border-color:var(--feedback-color);--feedback-fill:var(--cat-pink-rose-9);--feedback-on-fill:var(--cat-pink-rose-contrast)}.stage-shape{--stage-shape-color:var(--border-color-strong);--stage-shape-stroke:2px;--stage-shape-style:solid;box-sizing:border-box;color:var(--text-color-default);height:100%;position:relative;width:100%}.stage-shape--double,.stage-shape--thick{--stage-shape-stroke:4px}.stage-shape--double{--stage-shape-style:double}.stage-shape--tone-success{--stage-shape-color:var(--success-9)}.stage-shape--tone-warning{--stage-shape-color:var(--warning-9)}.stage-shape--tone-error{--stage-shape-color:var(--error-9)}.stage-shape--tone-info{--stage-shape-color:var(--info-9)}.stage-shape--box{align-items:center;border:var(--stage-shape-stroke) var(--stage-shape-style) var(--stage-shape-color);display:flex;justify-content:center;padding:var(--space-3) var(--space-2) var(--space-2);text-align:center}.stage-shape--label{display:-webkit-box;font-size:var(--font-size-2);overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.stage-shape--figure{align-items:center;background:var(--surface-zone);border:var(--stage-shape-stroke) var(--stage-shape-style) var(--stage-shape-color);box-sizing:border-box;color:var(--text-color-muted);display:flex;height:100%;justify-content:center;width:100%}.stage-shape--circle .stage-shape--figure{border-radius:50%}.stage-shape--diamond .stage-shape--figure{border-radius:var(--radius-control);height:70.7%;margin:14.65%;transform:rotate(45deg);width:70.7%}.stage-shape--diamond .stage-shape--figure>.stage-shape--glyph{transform:rotate(-45deg)}.stage-shape--glyph{font-size:var(--font-size-3);line-height:1}.stage-shape--caption{color:var(--text-color-muted);font-size:var(--font-size-1);inset-block-start:calc(100% + var(--space-1));inset-inline:-4rem;position:absolute;text-align:center}.stage--element:has(>.stage-shape--circle){border-radius:50%}.stage--element:has(>.stage-shape--diamond){border-radius:var(--radius-control)}.stage-shapes-demo{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--space-6) var(--space-7);padding:var(--space-4) var(--space-4) var(--space-7)}.stage-shapes-demo--cell--box{height:5rem;width:10rem}.stage-shapes-demo--cell--circle,.stage-shapes-demo--cell--diamond{height:3.5rem;margin-inline:var(--space-4);width:3.5rem}