.sm-lab-showcase{margin:0;--sm-lab-ui-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}.sm-lab-showcase__page{display:grid;grid-template-columns:minmax(0, 1fr);gap:32px;min-width:0;max-width:1160px;margin:0 auto;padding:0 24px 48px}.sm-lab-zone{min-width:0;padding:32px 0;border-bottom:1px solid color-mix(in srgb, var(--sm-current-fg1-color), transparent 82%)}.sm-lab-zone__eyebrow{margin:0 0 12px;color:var(--sm-current-accent-color);font-size:12px;font-weight:700;letter-spacing:0;text-transform:uppercase}.sm-lab-status{position:sticky;z-index:5;top:0;display:grid;grid-template-columns:repeat(4, minmax(100px, auto)) minmax(240px, 1fr);gap:12px;align-items:center;padding:12px 24px;margin:0 -24px;background:var(--sm-current-bg-color);color:var(--sm-current-fg1-color);box-shadow:0 1px 0 color-mix(in srgb, var(--sm-current-fg1-color), transparent 84%)}.sm-lab-status strong,.sm-lab-status span{display:block}.sm-lab-status strong{font-size:11px;text-transform:uppercase}.sm-lab-swatches{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.sm-lab-swatch{display:inline-flex;align-items:center;gap:6px;min-width:0;font-size:11px}.sm-lab-swatch__value{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;overflow-wrap:anywhere}.sm-lab-swatch__chip{width:18px;height:18px;border:1px solid currentColor}.sm-lab-contract-explorer,.sm-lab-generator,.sm-lab-context-matrix,.sm-lab-contract,.sm-lab-contextual-proof{color:var(--sm-current-fg1-color)}.sm-lab-showcase .sm-lab-contract-explorer,.sm-lab-showcase .sm-lab-contract-explorer *,.sm-lab-showcase .sm-lab-contract,.sm-lab-showcase .sm-lab-contract *{--current-font-family: var(--sm-lab-ui-font-family);--current-font-style: normal;--current-letter-spacing: 0;--current-text-transform: none}.sm-lab-contract-explorer__intro{max-width:900px}.sm-lab-showcase .sm-lab-contract-explorer__intro h1{--current-font-family: var(--sm-lab-ui-font-family);--current-font-size: 56px;--current-line-height: 1;--current-font-weight: 750;--current-font-style: normal;--current-letter-spacing: 0;--current-text-transform: none;max-width:780px;margin:0 0 14px;font-family:var(--current-font-family) !important;font-size:var(--current-font-size) !important;font-style:normal !important;font-weight:var(--current-font-weight) !important;line-height:var(--current-line-height) !important;letter-spacing:0 !important;text-transform:none !important}.sm-lab-contract-explorer__intro p{max-width:760px;color:var(--sm-current-fg2-color);font-size:1.1em}.sm-lab-contract-explorer__chain,.sm-lab-contract-panel pre,.sm-lab-contract-row__behavior,.sm-lab-contract-row__proof{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace}.sm-lab-contract-explorer__chain{display:flex;box-sizing:border-box;width:100%;max-width:100%;padding:8px 10px;border:1px solid color-mix(in srgb, var(--sm-current-fg1-color), transparent 78%);border-radius:4px;overflow-x:auto;white-space:nowrap}.sm-lab-runtime-strip{margin-top:26px}.sm-lab-resolution-path{display:grid;gap:16px;font-family:var(--sm-lab-ui-font-family)}.sm-lab-showcase .sm-lab-resolution-path,.sm-lab-showcase .sm-lab-resolution-path *{--current-font-family: var(--sm-lab-ui-font-family);--current-font-style: normal;--current-letter-spacing: 0;--current-text-transform: none}.sm-lab-resolution-path__header{display:grid;grid-template-columns:minmax(0, 0.48fr) minmax(0, 1fr);gap:20px;align-items:end;padding:14px 0;border-top:1px solid color-mix(in srgb, var(--sm-current-fg1-color), transparent 80%);border-bottom:1px solid color-mix(in srgb, var(--sm-current-fg1-color), transparent 80%)}.sm-lab-resolution-path__header p{margin:0}.sm-lab-resolution-path__header p:last-child{color:var(--sm-current-fg2-color);font-size:14px;line-height:1.45}.sm-lab-resolution-path__stages{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:12px;align-items:stretch}.sm-lab-resolution-stage,.sm-lab-contract-panel{position:relative;min-width:0;padding:18px;border:1px solid color-mix(in srgb, var(--sm-current-fg1-color), transparent 78%);border-radius:8px;background:color-mix(in srgb, var(--sm-current-bg-color), var(--sm-current-fg1-color) 4%)}.sm-lab-resolution-stage{display:flex;flex-direction:column;gap:14px}.sm-lab-resolution-stage:not(:last-child)::after{content:"";position:absolute;z-index:1;top:50%;left:-13px;width:14px;height:14px;border-top:1px solid color-mix(in srgb, var(--sm-current-fg1-color), transparent 70%);border-left:1px solid color-mix(in srgb, var(--sm-current-fg1-color), transparent 70%);background:var(--sm-current-bg-color);transform:translateY(-50%) rotate(-45deg)}.sm-lab-resolution-stage:nth-child(3)::after{top:auto;left:50%;bottom:-13px;transform:translateX(-50%) rotate(-135deg)}.sm-lab-resolution-stage--wide{grid-column:1/-1}.sm-lab-resolution-stage--wide::after{display:none}.sm-lab-resolution-stage__topline{display:flex;gap:8px;align-items:center}.sm-lab-resolution-stage__topline>span{display:grid;place-items:center;width:24px;height:24px;border:1px solid currentColor;border-radius:50%;color:var(--sm-current-accent-color);font-size:11px;font-weight:700}.sm-lab-resolution-stage__topline .sm-lab-runtime-strip__label{margin:0}.sm-lab-showcase .sm-lab-resolution-stage>h2{--current-font-family: var(--sm-lab-ui-font-family);--current-font-size: 18px;--current-line-height: 1.25;--current-font-weight: 750;--current-font-style: normal;--current-letter-spacing: 0;--current-text-transform: none;margin:0;color:var(--sm-current-fg1-color) !important;font-family:var(--current-font-family) !important;font-size:var(--current-font-size) !important;font-style:normal !important;font-weight:var(--current-font-weight) !important;line-height:var(--current-line-height) !important;letter-spacing:0 !important;text-transform:none !important}.sm-lab-resolution-stage__lead{margin:-8px 0 0;color:var(--sm-current-fg2-color);font-size:13px;line-height:1.35}.sm-lab-runtime-strip__label{margin:0 0 12px;color:var(--sm-current-accent-color);font-size:12px;font-weight:700;text-transform:uppercase}.sm-lab-runtime-strip__rail{display:grid;grid-template-columns:repeat(12, minmax(0, 1fr));gap:2px;min-height:42px;overflow:visible}.sm-lab-runtime-strip__grade{position:relative;min-width:0;border:1px solid color-mix(in srgb, var(--sm-current-fg1-color), transparent 70%)}.sm-lab-runtime-strip__grade[data-active=true]::after{content:"";position:absolute;inset:-4px;border:2px dashed color-mix(in srgb, var(--sm-current-fg1-color), transparent 45%)}.sm-lab-runtime-strip__rail[data-sm-lab-signal-shifted=false] .sm-lab-runtime-strip__grade[data-parent-active=true]::after{border-style:solid;border-color:var(--sm-current-accent-color)}.sm-lab-runtime-strip__grade[data-resolved-active=true],.sm-lab-runtime-strip__grade[data-signal-active=true]{z-index:1;transform:translateY(-3px);box-shadow:0 0 0 3px var(--sm-current-accent-color)}.sm-lab-runtime-strip__grade[data-signal-active=true]::before{content:"";position:absolute;left:3px;bottom:3px;right:3px;height:4px;background:var(--sm-current-accent-color)}.sm-lab-role-markers,.sm-lab-contract-panel__facts{display:grid;gap:10px;margin:14px 0 0}.sm-lab-role-markers{margin-top:auto}.sm-lab-role-markers span,.sm-lab-contract-panel__facts div{display:grid;gap:4px}.sm-lab-role-markers span{position:relative;grid-template-columns:minmax(0, 0.8fr) minmax(0, 1fr);align-items:center;padding-right:14px}.sm-lab-role-markers span::before{content:"";position:absolute;top:6px;bottom:6px;right:0;width:4px;background:color-mix(in srgb, var(--sm-current-fg1-color), transparent 70%)}.sm-lab-role-markers [data-sm-lab-role-marker=parent]::before{background:color-mix(in srgb, var(--sm-current-fg1-color), transparent 35%)}.sm-lab-role-markers [data-sm-lab-role-marker=signal]::before{background:var(--sm-current-accent-color)}.sm-lab-role-markers [data-sm-lab-role-marker=source]::before{background:color-mix(in srgb, var(--sm-current-fg1-color), transparent 45%)}.sm-lab-role-markers small,.sm-lab-contract-panel__facts dt{color:var(--sm-current-fg2-color);font-size:12px;font-weight:700;text-transform:uppercase}.sm-lab-role-markers strong,.sm-lab-contract-panel__facts dd{margin:0;overflow-wrap:anywhere}.sm-lab-signal-bars,.sm-lab-signal-bars__item,.sm-lab-signal-bars__icon{display:grid}.sm-lab-signal-bars{gap:8px}.sm-lab-signal-bars__item{grid-template-columns:30px minmax(0, 1fr);gap:8px;align-items:center;padding:7px;border:1px solid rgba(0,0,0,0);border-radius:6px;background:color-mix(in srgb, var(--sm-current-bg-color), var(--sm-current-fg1-color) 3%)}.sm-lab-signal-bars__item[data-active=true]{border-color:var(--sm-current-accent-color);background:color-mix(in srgb, var(--sm-current-accent-color), transparent 88%)}.sm-lab-signal-bars__icon{grid-template-columns:repeat(3, 4px);gap:2px;align-items:end;height:18px}.sm-lab-signal-bars__icon span{height:6px;background:color-mix(in srgb, var(--sm-current-fg1-color), transparent 76%)}.sm-lab-signal-bars__icon span:nth-child(2){height:11px}.sm-lab-signal-bars__icon span:nth-child(3){height:16px}.sm-lab-signal-bars__icon .is-active{background:var(--sm-current-accent-color)}.sm-lab-signal-bars__copy{display:grid;gap:2px}.sm-lab-signal-bars__copy small{color:var(--sm-current-fg2-color);font-size:11px}.sm-lab-signal-result{margin:auto 0 0;padding-top:10px;border-top:1px solid color-mix(in srgb, var(--sm-current-fg1-color), transparent 82%);color:var(--sm-current-fg2-color);font-size:12px;line-height:1.4}.sm-lab-signal-result strong{color:var(--sm-current-accent-color)}.sm-lab-signal-cascade{display:grid;grid-template-columns:minmax(0, 1fr);gap:12px;align-items:stretch;min-width:0}.sm-lab-signal-cascade__brief{display:grid;grid-template-columns:max-content minmax(0, 1fr);gap:12px;align-items:baseline;min-width:0;padding:0 4px}.sm-lab-showcase .sm-lab-signal-cascade__brief h3,.sm-lab-showcase .sm-lab-signal-cascade__brief p{margin:0}.sm-lab-showcase .sm-lab-signal-cascade__brief h3{--current-font-family: var(--sm-lab-ui-font-family);--current-font-size: 20px;--current-line-height: 1.1;--current-font-weight: 760;--current-font-style: normal;--current-letter-spacing: 0;--current-text-transform: none;color:color-mix(in srgb, var(--sm-current-accent-color), var(--sm-current-fg1-color) 32%) !important;font-family:var(--current-font-family) !important;font-size:var(--current-font-size) !important;font-style:normal !important;font-weight:var(--current-font-weight) !important;line-height:var(--current-line-height) !important;letter-spacing:0 !important;text-transform:none !important}.sm-lab-showcase .sm-lab-signal-cascade__brief p{--current-font-family: var(--sm-lab-ui-font-family);--current-font-size: 13px;--current-line-height: 1.45;--current-font-weight: 400;--current-font-style: normal;--current-letter-spacing: 0;--current-text-transform: none;color:var(--sm-current-fg2-color) !important;font-family:var(--current-font-family) !important;font-size:var(--current-font-size) !important;font-style:normal !important;font-weight:var(--current-font-weight) !important;line-height:var(--current-line-height) !important;letter-spacing:0 !important;text-transform:none !important}.sm-lab-signal-cascade__assembled{display:grid;gap:8px;min-width:0;padding:16px;border:1px solid color-mix(in srgb, var(--sm-current-fg1-color), transparent 82%);border-radius:10px;background:var(--sm-lab-reference-bg-color-1, var(--sm-bg-color-1, var(--sm-current-bg-color)))}.sm-lab-cascade-preview-node{min-width:0;border-radius:8px;background:var(--sm-lab-cascade-surface-color, var(--sm-current-bg-color));color:var(--sm-lab-cascade-text-color, var(--sm-current-fg1-color));transition:background-color 180ms ease,color 180ms ease,box-shadow 180ms ease}.sm-lab-cascade-preview-node--page{display:grid;gap:8px;padding:12px}.sm-lab-cascade-preview-node--header{min-height:40px;padding:12px}.sm-lab-cascade-preview-node--content{display:grid;gap:8px;min-height:96px;padding:16px}.sm-lab-cascade-preview-node--inner{display:grid;gap:6px;min-height:56px;padding:12px}.sm-lab-cascade-preview-node--second-inner{min-height:32px;padding:10px}.sm-lab-cascade-preview-node--footer{min-height:36px;padding:12px}.sm-lab-signal-cascade__inspector{display:grid;gap:18px;min-width:0;padding-top:8px}.sm-lab-signal-cascade__node{position:relative;display:grid;grid-template-columns:auto minmax(0, 1fr);align-content:start;gap:8px 12px;min-width:0;padding:14px 16px;border:var(--sm-lab-cascade-border-width, 1px) solid color-mix(in srgb, var(--sm-lab-cascade-border-color, var(--sm-current-fg2-color)), transparent var(--sm-lab-cascade-border-transparency, 32%));border-radius:8px;background:var(--sm-lab-cascade-surface-color, var(--sm-current-bg-color));color:var(--sm-lab-cascade-text-color, var(--sm-current-fg1-color));transition:background-color 180ms ease,color 180ms ease,border-color 180ms ease,transform 180ms ease,box-shadow 180ms ease}.sm-lab-signal-cascade__node .sm-lab-signal-cascade__node{grid-column:1/-1;margin-top:10px}.sm-lab-signal-cascade__node[data-sm-lab-cascade-active=true]:not([data-sm-lab-cascade-signal="0"]){transform:translateY(-2px);box-shadow:0 0 0 3px color-mix(in srgb, var(--sm-current-accent-color), transparent 35%)}.sm-lab-signal-cascade__node[data-sm-lab-cascade-active=true][data-sm-lab-cascade-signal="0"]{transform:none;box-shadow:none}[data-sm-lab-cascade-node=page]{margin-right:0}[data-sm-lab-cascade-node=header],[data-sm-lab-cascade-node=content],[data-sm-lab-cascade-node=footer]{margin-right:24px}[data-sm-lab-cascade-node=inner]{margin-right:48px}[data-sm-lab-cascade-node=second-inner]{margin-right:72px}.sm-lab-signal-cascade__signal{display:inline-flex;gap:6px;align-items:stretch;grid-row:1/span 3;justify-self:start;color:currentColor;font-size:11px}.sm-lab-signal-cascade__signal-summary,.sm-lab-signal-cascade__signal-step{border:1px solid color-mix(in srgb, currentColor, transparent 70%);border-radius:4px;background:color-mix(in srgb, currentColor, transparent 94%);color:currentColor;cursor:pointer}.sm-lab-signal-cascade__signal-summary{display:grid;grid-template-columns:18px minmax(0, auto);gap:6px;align-items:center;box-sizing:border-box;width:82px;height:40px;padding:5px 7px;text-align:right}.sm-lab-signal-cascade__signal-copy{display:grid;gap:1px;line-height:1.05}.sm-lab-signal-cascade__signal-copy [data-sm-lab-cascade-signal-kicker]{color:color-mix(in srgb, currentColor, transparent 34%);font-size:9px;font-weight:700;text-transform:uppercase}.sm-lab-signal-cascade__signal-copy [data-sm-lab-cascade-value=signal]{font-size:11px;font-weight:800}.sm-lab-signal-cascade__signal-actions{display:inline-flex;gap:4px;align-items:stretch}.sm-lab-signal-cascade__signal-step{display:grid;place-items:center;width:40px;height:40px;padding:0;font-size:16px;font-weight:700;line-height:1}.sm-lab-signal-cascade__signal-summary:is(:hover,:focus-visible),.sm-lab-signal-cascade__signal-step:is(:hover,:focus-visible){border-color:color-mix(in srgb, currentColor, transparent 42%);background:color-mix(in srgb, currentColor, transparent 88%);color:color-mix(in srgb, currentColor, var(--sm-current-accent-color) 28%);outline:2px solid color-mix(in srgb, var(--sm-current-accent-color), transparent 45%);outline-offset:2px}.sm-lab-signal-cascade__signal-summary .sm-lab-signal-bars__icon{align-self:center;grid-template-columns:repeat(3, 3px);width:auto;height:14px}.sm-lab-signal-cascade__signal-summary .sm-lab-signal-bars__icon span{background:color-mix(in srgb, currentColor, transparent 74%)}.sm-lab-signal-cascade__signal-summary .sm-lab-signal-bars__icon .is-active{background:currentColor}.sm-lab-signal-cascade__node strong{grid-column:2;color:currentColor;font-size:16px;line-height:1.1}.sm-lab-signal-cascade__node small{grid-column:2;color:color-mix(in srgb, currentColor, transparent 18%);font-size:12px;line-height:1.25}.sm-lab-cascade-chips{display:flex;flex-wrap:wrap;grid-column:2;gap:6px}.sm-lab-cascade-chip{padding:3px 8px;border:1px solid color-mix(in srgb, currentColor, transparent 78%);border-radius:4px;background:color-mix(in srgb, currentColor, transparent 92%);font-size:11px;line-height:1.4}.sm-lab-cascade-chip>span{font-size:inherit}.sm-lab-cascade-chip code{color:currentColor;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:inherit;background:rgba(0,0,0,0)}.sm-lab-cascade-rail{display:grid;grid-template-columns:repeat(12, minmax(0, 1fr));grid-column:1/-1;gap:2px;height:14px;overflow:hidden;border-radius:3px}.sm-lab-cascade-rail__segment{position:relative}.sm-lab-cascade-rail__segment[data-sm-lab-cascade-rail-marker=parent]::after,.sm-lab-cascade-rail__segment[data-sm-lab-cascade-rail-marker=resolved]::after{position:absolute;inset:50% auto auto 50%;width:8px;height:8px;border:1.5px solid var(--sm-lab-cascade-dot-color);border-radius:50%;content:"";transform:translate(50%, -50%)}.sm-lab-cascade-rail__segment[data-sm-lab-cascade-rail-marker=parent]::after{background:rgba(0,0,0,0)}.sm-lab-cascade-rail__segment[data-sm-lab-cascade-rail-marker=resolved]::after{background:var(--sm-lab-cascade-dot-color)}.sm-lab-signal-cascade__readbacks{grid-column:1/-1;position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.sm-lab-cascade-inversion{grid-column:1/-1;margin:0;padding:8px 10px;border-right:3px solid var(--sm-current-accent-color);background:color-mix(in srgb, var(--sm-current-accent-color), transparent 88%);color:currentColor;font-size:12px;line-height:1.4}.sm-lab-cascade-inversion[data-sm-lab-cascade-inversion-visible=false]{display:none}.sm-lab-signal-cascade__inspector .sm-lab-signal-cascade__node:is(:hover,:focus-within){cursor:default}.sm-lab-signal-cascade[data-sm-lab-cascade-highlight=header] [data-sm-lab-cascade-preview-node=header],.sm-lab-signal-cascade[data-sm-lab-cascade-highlight=content] [data-sm-lab-cascade-preview-node=content],.sm-lab-signal-cascade[data-sm-lab-cascade-highlight=inner] [data-sm-lab-cascade-preview-node=inner],.sm-lab-signal-cascade[data-sm-lab-cascade-highlight=second-inner] [data-sm-lab-cascade-preview-node=second-inner],.sm-lab-signal-cascade[data-sm-lab-cascade-highlight=footer] [data-sm-lab-cascade-preview-node=footer],.sm-lab-signal-cascade[data-sm-lab-cascade-highlight=page] [data-sm-lab-cascade-preview-node=page]{outline:2px solid color-mix(in srgb, var(--sm-current-accent-color), transparent 30%);outline-offset:2px}[data-sm-lab-cascade-bridge=header]{outline:2px dashed color-mix(in srgb, var(--sm-current-accent-color), transparent 50%);outline-offset:3px}.sm-lab-block-map__bridge{margin-right:8px;color:color-mix(in srgb, var(--sm-current-accent-color), var(--sm-current-fg1-color) 30%);font-size:12px;font-weight:600}@media(max-width: 850px){[data-sm-lab-cascade-node=header],[data-sm-lab-cascade-node=content],[data-sm-lab-cascade-node=footer]{margin-right:12px}[data-sm-lab-cascade-node=inner]{margin-right:24px}[data-sm-lab-cascade-node=second-inner]{margin-right:36px}.sm-lab-cascade-chips{align-items:flex-start;flex-direction:column}.sm-lab-cascade-rail{height:10px}}.sm-lab-block-map__sample{display:grid;align-content:start;min-height:0;margin-top:2px}.sm-lab-context-stack__layers{display:grid;gap:8px}.sm-lab-context-stack__layers span{display:grid;gap:4px;padding:8px;border:1px solid color-mix(in srgb, var(--sm-current-fg1-color), transparent 82%);border-radius:4px}.sm-lab-context-stack__layers small{color:var(--sm-current-fg2-color)}.sm-lab-block-map__component{position:relative;display:grid;gap:0;align-content:start;align-self:stretch;min-width:0;min-height:0;padding:16px;border:1px solid color-mix(in srgb, var(--sm-current-fg1-color), transparent 76%);border-radius:6px;background:var(--sm-current-bg-color);color:var(--sm-current-fg1-color);box-shadow:0 14px 28px color-mix(in srgb, var(--sm-current-fg1-color), transparent 92%)}.sm-lab-block-map__component[data-sm-lab-token-layout=horizontal]{overflow-x:auto}.sm-lab-block-map__component>*{min-width:0}.sm-lab-button-token-map__rail{position:relative;z-index:5;display:grid;grid-template-columns:repeat(12, minmax(34px, 1fr));gap:4px;padding:0 24px;margin-bottom:14px}.sm-lab-button-token-map__grade{position:relative;display:grid;place-items:center;min-width:0;min-height:48px;border:1px solid color-mix(in srgb, var(--sm-current-fg1-color), transparent 74%);color:color-mix(in srgb, var(--sm-current-fg1-color), var(--sm-current-bg-color) 25%);font-size:16px;font-weight:800;line-height:1;text-shadow:0 1px 0 color-mix(in srgb, var(--sm-current-bg-color), transparent 20%);transition:transform 160ms ease,box-shadow 160ms ease}.sm-lab-button-token-map__grade-value{position:relative;z-index:2}.sm-lab-button-token-map__source-chips{position:absolute;left:5px;bottom:5px;right:5px;z-index:3;display:flex;justify-content:center;gap:3px;pointer-events:none}.sm-lab-button-token-map__source-chip{width:8px;height:8px;border:1px solid color-mix(in srgb, var(--sm-current-bg-color), var(--sm-current-fg1-color) 22%);border-radius:999px;background:var(--sm-lab-token-source-color);box-shadow:0 1px 2px color-mix(in srgb, var(--sm-current-fg1-color), transparent 72%);opacity:0;transform:scale(0.55);transition:opacity 160ms ease,transform 160ms ease}.sm-lab-button-token-map__source-chip[data-active=true]{opacity:1;transform:scale(1)}.sm-lab-button-token-map__source-wires{--sm-lab-wire-contrast-color: var(--sm-lab-reference-fg1-color-1, var(--sm-current-fg1-color));position:absolute;inset:0;z-index:4;width:100%;height:100%;overflow:visible;pointer-events:none}.sm-lab-button-token-map__source-wires path{fill:none;opacity:0;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.25;vector-effect:non-scaling-stroke;transition:opacity 160ms ease,stroke-dashoffset 320ms ease}.sm-lab-button-token-map__source-wires [data-sm-lab-token-source-wire=label]{stroke:color-mix(in srgb, var(--sm-lab-component-label-color, var(--sm-current-bg-color)), var(--sm-lab-wire-contrast-color) 38%)}.sm-lab-button-token-map__source-wires [data-sm-lab-token-source-wire=button]{stroke:color-mix(in srgb, var(--sm-lab-component-button-color, var(--sm-current-accent-color)), var(--sm-lab-wire-contrast-color) 34%);stroke-width:2.75}.sm-lab-button-token-map__source-wires [data-sm-lab-token-source-wire=border]{stroke:color-mix(in srgb, var(--sm-lab-component-border-color, var(--sm-current-fg2-color)), var(--sm-lab-wire-contrast-color) 28%)}.sm-lab-button-token-map__source-wires [data-sm-lab-token-wire-active=true]{opacity:.78}.sm-lab-button-token-map__grade[data-parent-active=true]{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--sm-current-fg1-color), transparent 42%)}.sm-lab-button-token-map__grade[data-resolved-active=true]{z-index:1;transform:translateY(-2px);box-shadow:0 0 0 3px var(--sm-current-accent-color)}.sm-lab-button-token-map__grade[data-token-label-active=true],.sm-lab-button-token-map__grade[data-token-button-active=true],.sm-lab-button-token-map__grade[data-token-border-active=true]{z-index:2;transform:translateY(-3px)}.sm-lab-button-token-map__grade[data-token-label-active=true]{box-shadow:0 0 0 2px color-mix(in srgb, var(--sm-current-fg1-color), transparent 36%)}.sm-lab-button-token-map__grade[data-token-button-active=true]{box-shadow:0 0 0 3px var(--sm-current-accent-color)}.sm-lab-button-token-map__grade[data-token-border-active=true]{box-shadow:0 0 0 2px color-mix(in srgb, var(--sm-current-fg2-color), transparent 22%)}.sm-lab-button-token-map__canvas{--sm-lab-canvas-bg-color: var(--sm-lab-reference-bg-color-1, var(--sm-bg-color-1, var(--sm-current-bg-color)));--sm-lab-canvas-grid-color: color-mix(in srgb, var(--sm-lab-reference-fg1-color-1, var(--sm-current-fg1-color)), transparent 94%);position:relative;display:grid;grid-template-columns:minmax(0, 1fr);min-height:286px;padding:22px 24px 26px;border-radius:6px;border:1px solid color-mix(in srgb, var(--sm-lab-reference-fg1-color-1, var(--sm-current-fg1-color)), transparent 84%);background:linear-gradient(-90deg, var(--sm-lab-canvas-grid-color) 1px, transparent 1px),linear-gradient(0deg, var(--sm-lab-canvas-grid-color) 1px, transparent 1px),var(--sm-lab-canvas-bg-color);background-size:24px 24px,24px 24px,auto;overflow:hidden}.sm-lab-button-token-map__brief{position:relative;z-index:5;display:grid;grid-template-columns:max-content minmax(0, 1fr);gap:12px 20px;align-items:start;max-width:780px;margin:0 24px 20px}.sm-lab-showcase .sm-lab-button-token-map__brief h3,.sm-lab-showcase .sm-lab-button-token-map__brief p{margin:0}.sm-lab-showcase .sm-lab-button-token-map__brief h3{--current-font-family: var(--sm-lab-ui-font-family);--current-font-size: 18px;--current-line-height: 1.05;--current-font-weight: 750;--current-font-style: normal;--current-letter-spacing: 0;--current-text-transform: none;color:color-mix(in srgb, var(--sm-current-accent-color), var(--sm-current-fg1-color) 32%) !important;font-family:var(--current-font-family) !important;font-size:var(--current-font-size) !important;font-style:normal !important;font-weight:var(--current-font-weight) !important;line-height:var(--current-line-height) !important;letter-spacing:0 !important;text-transform:none !important}.sm-lab-showcase .sm-lab-button-token-map__brief p{--current-font-family: var(--sm-lab-ui-font-family);--current-font-size: 12px;--current-line-height: 1.35;--current-font-weight: 400;--current-font-style: normal;--current-letter-spacing: 0;--current-text-transform: none;color:var(--sm-current-fg2-color) !important;font-family:var(--current-font-family) !important;font-size:var(--current-font-size) !important;font-style:normal !important;font-weight:var(--current-font-weight) !important;line-height:var(--current-line-height) !important;letter-spacing:0 !important;text-transform:none !important}.sm-lab-button-token-map__diagram{position:relative;min-height:232px}.sm-lab-button-token-map__component-stage{position:absolute;left:10%;bottom:52px;right:28%;display:block}.sm-lab-button-token-map__button-shell{position:relative;display:block;width:min(520px,100%);min-width:0;margin-inline:auto;padding-bottom:14px}.sm-lab-button-token-map__button{--sm-lab-button-border-width: 2px;--sm-lab-button-x-padding: 1.5em;--sm-lab-button-y-padding: 0.833em;--sm-lab-button-padding: calc(var(--sm-lab-button-y-padding) - var(--sm-lab-button-border-width)) var(--sm-lab-button-x-padding);position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;min-height:64px;padding:var(--sm-lab-button-padding);border:var(--sm-lab-button-border-width) solid var(--sm-lab-component-border-color, var(--sm-current-fg2-color));border-radius:6px;background:rgba(0,0,0,0);color:var(--sm-lab-component-label-color, var(--sm-current-bg-color));box-shadow:none;font-family:var(--sm-lab-ui-font-family);font-size:22px;font-weight:600;line-height:1.45;letter-spacing:0;overflow:hidden;text-decoration:none}.sm-lab-button-token-map__button::before{content:"";position:absolute;inset:calc(-1*var(--sm-lab-button-border-width));z-index:1;border-radius:inherit;background:var(--sm-lab-component-button-color, var(--sm-current-accent-color));pointer-events:none}.sm-lab-button-token-map__target-port{position:absolute;z-index:5;width:10px;height:10px;border:2px solid color-mix(in srgb, var(--sm-current-bg-color), transparent 12%);border-radius:999px;box-shadow:0 0 0 1px color-mix(in srgb, var(--sm-current-fg1-color), transparent 82%),0 2px 8px color-mix(in srgb, var(--sm-current-fg1-color), transparent 76%);pointer-events:none}.sm-lab-button-token-map__target-port--label{top:50%;right:34%;background:var(--sm-lab-component-label-color, var(--sm-current-bg-color));transform:translate(50%, -50%)}.sm-lab-button-token-map__target-port--fill{top:0;right:68%;background:var(--sm-lab-component-button-color, var(--sm-current-accent-color));transform:translate(50%, -50%)}.sm-lab-button-token-map__target-port--border{left:22%;bottom:14px;background:var(--sm-lab-component-border-color, var(--sm-current-fg2-color));transform:translate(-50%, 50%)}.is-dark .sm-lab-button-token-map__button{color:var(--sm-lab-component-label-color, color-mix(in srgb, var(--sm-current-bg-color), var(--sm-current-fg1-color) 84%))}.sm-lab-button-token-map__button-label{position:relative;z-index:3;display:block;max-width:100%;overflow-wrap:normal;text-align:center}@media(max-width: 900px){.sm-lab-button-token-map__rail{grid-template-columns:repeat(12, minmax(38px, 1fr));gap:3px;padding:0 14px}.sm-lab-button-token-map__grade{min-height:42px;font-size:14px}.sm-lab-button-token-map__canvas{min-height:294px;padding:18px 14px 20px}.sm-lab-button-token-map__brief{grid-template-columns:1fr;gap:6px;max-width:100%;margin-inline:14px}.sm-lab-button-token-map__brief h3{font-size:18px}.sm-lab-button-token-map__diagram{min-height:232px}.sm-lab-button-token-map__component-stage{left:6%;bottom:52px;right:6%}.sm-lab-button-token-map__button{min-height:56px;padding:var(--sm-lab-button-padding);font-size:18px}}@media(max-width: 480px){.sm-lab-button-token-map__rail{grid-template-columns:repeat(12, minmax(0, 1fr));gap:2px;padding:0 6px}.sm-lab-button-token-map__grade{min-height:32px;font-size:10px;line-height:1}.sm-lab-button-token-map__canvas{min-height:300px;padding:14px 10px 16px}.sm-lab-button-token-map__brief{margin-inline:6px}.sm-lab-button-token-map__brief p{font-size:12px;line-height:1.35}.sm-lab-button-token-map__component-stage{left:8%;bottom:48px;right:8%}.sm-lab-button-token-map__button{min-height:54px;padding:var(--sm-lab-button-padding);font-size:16px}}.sm-lab-contract-explorer__workspace{display:grid;grid-template-columns:minmax(0, 1.25fr) minmax(320px, 0.75fr);gap:18px;align-items:start;margin-top:20px}.sm-lab-contract-matrix{display:grid;gap:8px}.sm-lab-contract-row{display:grid;grid-template-columns:minmax(150px, 0.8fr) 86px minmax(0, 1.2fr) minmax(120px, 0.7fr);gap:12px;align-items:center;width:100%;min-height:64px;padding:12px;border:1px solid color-mix(in srgb, var(--sm-current-fg1-color), transparent 78%);border-radius:6px;background:rgba(0,0,0,0);color:inherit;text-align:right;cursor:pointer}.sm-lab-contract-row[aria-selected=true]{border-color:var(--sm-current-accent-color);box-shadow:inset 0 0 0 1px var(--sm-current-accent-color)}.sm-lab-contract-row__label{font-weight:700}.sm-lab-contract-row__maturity,.sm-lab-contract-panel__maturity{display:inline-flex;width:max-content;padding:4px 7px;border:1px solid currentColor;border-radius:4px;color:var(--sm-current-accent-color);font-size:11px;font-weight:700;text-transform:uppercase}.sm-lab-contract-row__behavior,.sm-lab-contract-row__proof{color:var(--sm-current-fg2-color);font-size:12px;line-height:1.4}.sm-lab-showcase .sm-lab-contract-panel h2{--current-font-family: var(--sm-lab-ui-font-family);--current-font-size: 24px;--current-line-height: 1.15;--current-font-weight: 750;--current-font-style: normal;--current-letter-spacing: 0;--current-text-transform: none;margin:10px 0;font-family:var(--current-font-family) !important;font-size:var(--current-font-size) !important;font-style:normal !important;font-weight:var(--current-font-weight) !important;line-height:var(--current-line-height) !important;letter-spacing:0 !important;text-transform:none !important}.sm-lab-contract-panel p{color:var(--sm-current-fg2-color)}.sm-lab-contract-panel pre{max-width:100%;margin:16px 0 0;padding:14px;border-radius:6px;overflow-x:auto;background:color-mix(in srgb, var(--sm-current-fg1-color), transparent 92%);color:var(--sm-current-fg1-color);font-size:12px}.sm-lab-generator__intro,.sm-lab-section-heading{max-width:860px}.sm-lab-generator__intro h1,.sm-lab-section-heading h2{max-width:760px;margin-bottom:12px}.sm-lab-generator__intro p,.sm-lab-section-heading p{max-width:720px;color:var(--sm-current-fg2-color);font-size:1.125em}.sm-lab-flow{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:18px;margin-top:28px}.sm-lab-flow__step,.sm-lab-contract__column,.sm-lab-contextual-proof__panel{min-width:0;padding:22px;border:1px solid color-mix(in srgb, var(--sm-current-fg1-color), transparent 78%);border-radius:8px;background:color-mix(in srgb, var(--sm-current-bg-color), var(--sm-current-fg1-color) 4%);color:var(--sm-current-fg1-color)}.sm-lab-flow__step h2,.sm-lab-contract__column h3{margin-top:8px;margin-bottom:10px}.sm-lab-flow__step p{color:var(--sm-current-fg2-color)}.sm-lab-flow__index{display:inline-grid;width:28px;height:28px;place-items:center;border-radius:50%;background:var(--sm-current-accent-color);color:var(--sm-current-bg-color);font-weight:700}.sm-lab-flow__facts{display:grid;gap:10px;margin:18px 0 0}.sm-lab-flow__facts div{display:flex;justify-content:space-between;gap:12px}.sm-lab-flow__facts dt,.sm-lab-flow__facts dd{margin:0}.sm-lab-flow__facts dt{color:var(--sm-current-fg2-color)}.sm-lab-role-grid{display:grid;gap:10px;margin-top:18px}.sm-lab-role{display:grid;grid-template-columns:22px minmax(0, 1fr);gap:4px 10px;align-items:center}.sm-lab-role__chip{width:22px;height:22px;border:1px solid currentColor;grid-row:span 2}.sm-lab-role code,.sm-lab-contract code{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;color:var(--sm-current-fg2-color);font-size:12px;overflow-wrap:anywhere}.sm-lab-context-grid{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:18px;margin-top:28px}.sm-lab-context-cell{display:grid;gap:12px;min-width:0;color:var(--sm-current-fg1-color)}.sm-lab-context-cell__label,.sm-lab-component-sample__kicker,.sm-lab-contextual-proof__label{margin:0 0 12px;color:var(--sm-current-accent-color);font-size:12px;font-weight:700;letter-spacing:0;text-transform:uppercase}.sm-lab-component-sample{display:grid;gap:12px;padding:20px;border:1px solid color-mix(in srgb, var(--sm-current-fg1-color), transparent 78%);background:color-mix(in srgb, var(--sm-current-bg-color), var(--sm-current-fg1-color) 4%);color:var(--sm-current-fg1-color)}.sm-lab-component-sample__meta{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;justify-content:space-between}.sm-lab-component-sample__meta span{color:var(--sm-current-fg2-color);font-size:12px}.sm-lab-component-sample h3,.sm-lab-component-sample p,.sm-lab-component-sample dl{margin:0}.sm-lab-component-sample p{color:var(--sm-current-fg2-color)}.sm-lab-component-sample__details{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:10px;padding-top:4px}.sm-lab-component-sample__details div{min-width:0;padding-top:10px;border-top:1px solid color-mix(in srgb, var(--sm-current-fg1-color), transparent 86%)}.sm-lab-component-sample__details dt,.sm-lab-component-sample__details dd{margin:0}.sm-lab-component-sample__details dt{color:var(--sm-current-fg2-color);font-size:12px}.sm-lab-component-sample__details dd{overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:12px}.sm-lab-component-sample__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.sm-lab-contract__map{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:18px;margin-top:28px}.sm-lab-contextual{padding:40px;background:var(--sm-current-bg-color);color:var(--sm-current-fg1-color)}.sm-lab-contextual-proof{border-bottom:0}.sm-lab-contextual-proof__grid{display:grid;grid-template-columns:1.1fr 1.3fr 1.2fr 1.2fr;gap:18px;margin-top:28px}.sm-lab-contextual-proof__panel{display:grid;align-content:start;gap:12px}.sm-lab-contextual-proof__panel p{margin:0;color:var(--sm-current-fg2-color)}.sm-lab-contextual-proof__source-value,.sm-lab-contextual-role{display:grid;grid-template-columns:24px minmax(0, 1fr);gap:6px 10px;align-items:center}.sm-lab-contextual-proof__source-value code,.sm-lab-contextual-role code,.sm-lab-contrast-readout strong,.sm-lab-contrast-readout em,.sm-lab-contextual-proof__safe code{overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:12px}.sm-lab-contextual-proof__chip{width:24px;height:24px;border:1px solid currentColor;background:var(--sm-current-accent-color)}.sm-lab-contextual-roles,.sm-lab-contrast-readout{display:grid;gap:12px}.sm-lab-contextual-role code{grid-column:2;color:var(--sm-current-fg2-color)}.sm-lab-contrast-readout div{display:grid;grid-template-columns:minmax(0, 1fr) auto;gap:4px 12px;align-items:center;padding-bottom:12px;border-bottom:1px solid color-mix(in srgb, var(--sm-current-fg1-color), transparent 86%)}.sm-lab-contrast-readout div:last-child{padding-bottom:0;border-bottom:0}.sm-lab-contrast-readout span{color:var(--sm-current-fg2-color)}.sm-lab-contrast-readout strong{justify-self:end}.sm-lab-contrast-readout em{grid-column:1/-1;color:var(--sm-current-accent-color);font-style:normal}.sm-lab-contextual-proof__safe ul{display:grid;gap:8px;padding:0;margin:0;list-style:none}.sm-lab-contextual-proof__component{max-width:520px;margin-top:18px}.sm-lab-contract__column ul{display:grid;gap:12px;padding:0;margin:0;list-style:none}.sm-lab-contract__column li{display:grid;gap:4px;padding-bottom:12px;border-bottom:1px solid color-mix(in srgb, var(--sm-current-fg1-color), transparent 86%)}.sm-lab-contract__column li:last-child{padding-bottom:0;border-bottom:0}.sm-lab-typography h1,.sm-lab-typography h2,.sm-lab-typography h3,.sm-lab-typography h4,.sm-lab-typography h5,.sm-lab-typography h6,.sm-lab-typography p{max-width:760px}.sm-lab-lead{font-size:1.25em}.sm-lab-caption{font-size:.875em;color:var(--sm-current-fg2-color)}.sm-lab-button-row,.sm-lab-form{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.sm-lab-button{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border:1px solid var(--sm-current-accent-color);border-radius:4px;background:rgba(0,0,0,0);color:var(--sm-current-accent-color);font:inherit;text-decoration:none}.sm-lab-button--primary{background:var(--sm-current-accent-color);color:var(--sm-current-bg-color)}.sm-lab-button--naked{border-color:rgba(0,0,0,0)}.sm-lab-link-hover{margin-right:16px;color:var(--sm-current-accent-color);text-decoration:underline}.sm-lab-form label{display:inline-flex;align-items:center;gap:8px}.sm-lab-form input[type=text],.sm-lab-form select{min-height:38px;border:1px solid currentColor;background:var(--sm-current-bg-color);color:var(--sm-current-fg1-color)}.sm-lab-color-system{width:100vw;margin-right:calc(50% - 50vw);padding:0;border-bottom:0}@media(max-width: 1080px){.sm-lab-resolution-path__stages{grid-template-columns:repeat(2, minmax(0, 1fr))}.sm-lab-resolution-stage:not(:last-child)::after{display:none}}@media(max-width: 800px){.sm-lab-showcase__page{padding-left:14px;padding-right:14px}.sm-lab-status{position:static;padding-left:14px;padding-right:14px;margin-left:-14px;margin-right:-14px}.sm-lab-showcase .sm-lab-contract-explorer__intro h1{--current-font-size: 34px;width:calc(100vw - 28px);max-width:calc(100vw - 28px);white-space:normal}.sm-lab-status{grid-template-columns:1fr}.sm-lab-swatches{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));justify-content:flex-start}.sm-lab-swatch__value{font-size:10px}.sm-lab-flow,.sm-lab-resolution-path__header,.sm-lab-resolution-path__stages,.sm-lab-contract-explorer__workspace,.sm-lab-context-grid,.sm-lab-contextual-proof__grid,.sm-lab-contract__map{grid-template-columns:1fr}.sm-lab-contract-row{grid-template-columns:1fr}.sm-lab-signal-cascade{overflow-x:auto;padding-bottom:4px}.sm-lab-signal-cascade__brief{grid-template-columns:1fr;gap:6px;max-width:540px;padding-top:0}.sm-lab-signal-cascade__scene{min-width:620px}.sm-lab-resolution-stage:not(:last-child)::after{top:auto;left:auto;bottom:-13px;right:24px;transform:rotate(-135deg)}.sm-lab-contextual{padding:28px 20px}.sm-lab-button-token-map__rail,.sm-lab-button-token-map__canvas{min-width:0}}
.sm-overlay__container{padding:0 80px}.sm-overlay__wrap{max-width:1080px;margin:0 auto}.palette-preview-header{padding:1.5em 0;background:var(--sm-current-bg-color);color:var(--sm-current-fg1-color)}.palette-preview-header-wrap{display:flex;flex-wrap:wrap;align-items:center;margin-right:-60px}.palette-preview-header-wrap>*{flex:1 1 400px;max-width:100%;padding-right:60px}.palette-preview-title{font-size:36px;font-weight:400;line-height:1;color:inherit;flex:1 0 auto}.palette-preview-description{font-size:15px;line-height:1.4;letter-spacing:-0.02em;max-width:480px}.palette-preview{padding:5em 0;background:var(--sm-current-bg-color);transition:background-color .15s ease-out}.palette-preview-set{position:relative;display:flex;width:100%;margin:0 auto;--swatch-gap: 0.25em;padding:2em 0}.palette-preview-swatches{display:flex;align-items:stretch;flex-direction:column;flex:1 1 auto;width:8.3333333333%}.palette-preview-swatches__text{display:flex;justify-content:center;position:absolute;right:0;bottom:100%;width:100%;margin-bottom:.5em;font-size:14px;font-weight:500;letter-spacing:.01em;text-transform:uppercase;text-align:center;pointer-events:none}.palette-preview-swatches__wrap{position:relative;color:var(--sm-current-fg2-color)}.palette-preview-swatches__wrap-foreground,.palette-preview-swatches__wrap-accent,.palette-preview-swatches__wrap-background{pointer-events:none}.palette-preview-swatches__wrap-surface,.palette-preview-swatches__wrap-foreground,.palette-preview-swatches__wrap-accent,.palette-preview-swatches__wrap-background{transition:all .15s ease-out}.palette-preview-swatches__wrap-surface{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:-2em 0}.palette-preview-swatches__wrap:not(.show-card) .palette-preview-swatches__wrap-surface .palette-preview-swatches__text{opacity:0}.palette-preview-swatches__wrap.show-fg.show-accent .palette-preview-swatches__wrap-foreground{opacity:0;transition-delay:.15s}.palette-preview-swatches__wrap.show-fg.show-accent .palette-preview-swatches__wrap-foreground .palette-preview-swatches__text{opacity:0}.palette-preview-swatches__wrap:not(.show-fg) .palette-preview-swatches__wrap-foreground{top:1.5em;bottom:0;opacity:0}.palette-preview-swatches__wrap:not(.show-fg) .palette-preview-swatches__wrap-foreground .palette-preview-swatches__text{opacity:0}.palette-preview-swatches__wrap:not(.show-accent):not(.show-fg) .palette-preview-swatches__wrap-accent{top:1.5em;bottom:0}.palette-preview-swatches__wrap:not(.show-accent) .palette-preview-swatches__wrap-accent .palette-preview-swatches__text{opacity:0}.palette-preview-swatches__wrap-background:before{content:"";display:block;height:1.5em;background:var(--sm-current-accent-color)}.palette-preview-swatches__wrap-accent,.palette-preview-swatches__wrap-foreground,.palette-preview-swatches__wrap-background{position:absolute;top:0;right:0;left:0;bottom:0;background-color:currentColor}.palette-preview-swatches__wrap-accent,.palette-preview-swatches__wrap-foreground{top:-2em;bottom:-2em}.palette-preview-swatches__title{font-size:26px;font-weight:500;margin:0;color:var(--sm-current-fg1-color)}.palette-preview-swatches__card{background-color:var(--sm-current-bg-color);box-shadow:var(--sm-customizer-box-shadow-2);pointer-events:none}.palette-preview-swatches__card:before,.palette-preview-swatches__card:after{content:"";display:block;height:1.5em;background-color:var(--sm-current-accent-color)}.palette-preview-swatches__wrap:not(.show-card) .palette-preview-swatches__card{opacity:0}.palette-preview-swatches__card-content{position:relative;min-width:13em;padding:2em 1.5em}.palette-preview-swatches__card-content>*+*+*{margin-top:21px}.palette-preview-swatches__row{height:1.05em;background-color:currentColor}.palette-preview-swatches__row:last-child{width:70%}.palette-preview-swatches__row+.palette-preview-swatches__row{margin-top:10px}.palette-preview-swatches__buttons{display:flex;flex-wrap:wrap;gap:.2em}.palette-preview-swatches__button{padding:.3em .7em;border-radius:.25em;font-size:1.25em;background:var(--sm-current-accent-color);color:var(--sm-current-bg-color)}.palette-preview-swatches__button--style-2{background:var(--sm-current-accent2-color)}.palette-preview-swatches__button--style-3{background:var(--sm-current-accent3-color)}.palette-preview-swatches__wrap.is-source .palette-preview-swatches__source-badge{content:"";position:absolute;top:.85em;left:.75em;width:1.3em;height:1.3em;background:var(--sm-current-accent-color);border-radius:50%}@supports(mask-size: contain){.palette-preview-swatches__wrap.is-source .palette-preview-swatches__source-badge{mask-image:url("../../images/star.svg");mask-size:contain;border-radius:0}}@supports(-webkit-mask-size: contain){.palette-preview-swatches__wrap.is-source .palette-preview-swatches__source-badge{-webkit-mask-image:url("../../images/star.svg");-webkit-mask-size:contain;border-radius:0}}.palette-preview-swatches__wrap.is-source .palette-preview-swatches__wrap-accent .palette-preview-swatches__source-badge{top:50%;left:50%;transform:translate(-50%, -50%)}