@layer warp.components{:where([data-scope=surface]){gap:var(--warp-space-related);padding:var(--warp-pad-surface);background:var(--warp-color-surface-raised);border:var(--warp-border-hairline) solid var(--warp-color-surface-line);border-radius:var(--warp-radius-surface);box-shadow:var(--warp-elevation-1);color:var(--warp-color-text);transition:box-shadow var(--warp-touch-out) var(--warp-ease-out), scale var(--warp-spring-duration) var(--warp-ease-spring);display:grid;position:relative}:where(a[data-scope=surface]),:where(button[data-scope=surface]){text-align:start;font:inherit;cursor:pointer;text-decoration:none}:where(a[data-scope=surface]:hover),:where(button[data-scope=surface]:hover){box-shadow:var(--warp-elevation-2);transition-duration:0s, var(--warp-spring-duration)}:where(a[data-scope=surface]:active),:where(button[data-scope=surface]:active){scale:calc((1 + var(--warp-press) * 3) / 4 + .0025);transition-duration:0s}:where([data-scope=surface]) :where([data-part=eyebrow]){font-family:var(--warp-text-eyebrow-font);font-size:var(--warp-text-eyebrow-size);letter-spacing:var(--warp-text-eyebrow-tracking);text-transform:var(--warp-text-eyebrow-case);color:var(--warp-color-text-subtle);font-weight:500}:where([data-scope=surface]) :where([data-part=title]){font-family:var(--warp-text-heading-font);font-weight:var(--warp-text-heading-weight);font-size:var(--warp-text-heading-size);letter-spacing:var(--warp-text-heading-tracking);color:var(--warp-color-text);margin:0;line-height:1.2}:where([data-scope=surface]){color:var(--warp-color-text-subtle);line-height:var(--warp-text-body-leading)}:where([data-scope=surface]) :where([data-part=value]){font-family:var(--warp-text-title-font);font-weight:var(--warp-text-title-weight);font-size:var(--warp-text-title-size);letter-spacing:var(--warp-text-title-tracking);font-variant-numeric:tabular-nums;line-height:1}}