.echo-panel{position:relative;box-sizing:border-box;overflow:hidden;padding:var(--echo-space-9);border-radius:var(--echo-radius-2xl)}.echo-panel[data-variant=raised]{background:var(--echo-cap);box-shadow:var(
    --echo-shadow-panel,0 1px 0 rgb(255 255 255/calc(.05 * var(--echo-gloss, 1))),0 6px 14px color-mix(in oklab,var(--echo-cast-ink,black) calc(.4 * var(--echo-shade, 1) * 100%),transparent),0 0 0 var(--echo-line-width,0) var(--echo-line,transparent)
  )}.echo-panel[data-variant=raised]:before{content:"";position:absolute;inset:0 0 auto 0;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,rgb(255 255 255/calc(.18 * var(--echo-gloss, 1))),transparent)}.echo-panel[data-variant=screen]{background:var(--echo-drawn-glass,linear-gradient(160deg,var(--echo-well) 0,var(--echo-lcd) 100%));box-shadow:var(
    --echo-shadow-well,inset 0 2px 5px color-mix(in oklab,var(--echo-cast-ink,black) calc(.6 * var(--echo-shade, 1) * 100%),transparent),inset 0 -1px 0 rgb(255 255 255/calc(.05 * var(--echo-gloss, 1))),inset 0 0 0 var(--echo-line-width,0) var(--echo-line,transparent)
  )}.echo-panel[data-pressable]{touch-action:manipulation}.echo-panel__ripple{position:absolute;inset:0;z-index:var(--echo-z-base,0);inline-size:100%;block-size:100%;pointer-events:none}.echo-panel__content{position:relative;z-index:var(--echo-z-raised,1);display:inherit;flex-direction:inherit;flex-wrap:inherit;grid-template-columns:inherit;grid-template-rows:inherit;place-items:inherit;place-content:inherit;gap:inherit;min-block-size:100%}@media (forced-colors:active){.echo-panel__ripple{display:none}}