:where(.layered-surface){--ls-peek:var(--layered-card-peek);--ls-radius:var(--radius-md);--ls-surface:var(--lc-front-gradient);--ls-filter-shadow:var(--lc-filter-shadow);--ls-plate:var(--color-brand-accent);--ls-border:none;--ls-extent-w:80%;--ls-extent-h:80%;--ls-pad:0px;--ls-cols:minmax(0, 1fr);--ls-rows:minmax(0, 1fr);--ls-areas:"content"}:where(.layered-surface[data-pad=compact]){--ls-pad:var(--space-5)}:where(.layered-surface[data-pad=standard]){--ls-pad:var(--space-6)}:where(.layered-surface[data-pad=spacious]){--ls-pad:var(--space-8)}:where(.layered-surface[data-extent=wide]){--ls-extent-w:90%}:where(.layered-surface[data-extent=corner]){--ls-extent-w:35%;--ls-extent-h:35%}:where(.layered-surface[data-extent=side]){--ls-extent-w:12%;--ls-extent-h:50%}.layered-surface{grid-template-areas:"stack";display:grid;position:relative}.layered-surface__plate{background:var(--ls-plate);border-radius:var(--ls-radius);z-index:0;pointer-events:none;position:absolute}.layered-surface[data-placement=top]>.layered-surface__plate,.layered-surface[data-placement=bottom]>.layered-surface__plate{inline-size:var(--ls-extent-w);block-size:var(--ls-peek);inset-inline-start:50%;translate:-50%}.layered-surface[data-placement=top]>.layered-surface__plate{inset-block-start:0}.layered-surface[data-placement=bottom]>.layered-surface__plate{inset-block-end:0}.layered-surface[data-placement=left]>.layered-surface__plate,.layered-surface[data-placement=right]>.layered-surface__plate{inline-size:var(--ls-peek);block-size:var(--ls-extent-h);inset-block-start:50%;translate:0 -50%}.layered-surface[data-placement=left]>.layered-surface__plate{inset-inline-start:0}.layered-surface[data-placement=right]>.layered-surface__plate{inset-inline-end:0}.layered-surface[data-placement=top-left]>.layered-surface__plate,.layered-surface[data-placement=top-right]>.layered-surface__plate,.layered-surface[data-placement=bottom-left]>.layered-surface__plate,.layered-surface[data-placement=bottom-right]>.layered-surface__plate{inline-size:var(--ls-extent-w);block-size:var(--ls-extent-h)}.layered-surface[data-placement=top-left]>.layered-surface__plate{inset-block-start:0;inset-inline-start:0}.layered-surface[data-placement=top-right]>.layered-surface__plate{inset-block-start:0;inset-inline-end:0}.layered-surface[data-placement=bottom-left]>.layered-surface__plate{inset-block-end:0;inset-inline-start:0}.layered-surface[data-placement=bottom-right]>.layered-surface__plate{inset-block-end:0;inset-inline-end:0}.layered-surface__stack{z-index:1;min-width:0;grid-area:stack;margin-block-start:var(--ls-offset-block-start,0px);margin-block-end:var(--ls-offset-block-end,0px);margin-inline-start:var(--ls-offset-inline-start,0px);margin-inline-end:var(--ls-offset-inline-end,0px);position:relative}.layered-surface[data-peek-side~=block-start]{--ls-offset-block-start:var(--ls-peek)}.layered-surface[data-peek-side~=block-end]{--ls-offset-block-end:var(--ls-peek)}.layered-surface[data-peek-side~=inline-start]{--ls-offset-inline-start:var(--ls-peek)}.layered-surface[data-peek-side~=inline-end]{--ls-offset-inline-end:var(--ls-peek)}.layered-surface__surface-shadow{z-index:0;pointer-events:none;filter:var(--ls-filter-shadow);position:absolute;inset:0}.layered-surface__surface{background:var(--ls-surface);border:var(--ls-border);border-radius:var(--ls-radius);box-shadow:var(--ls-inset-ring,none);position:absolute;inset:0}.layered-surface__body{z-index:1;min-width:0;grid-template-columns:var(--ls-cols);grid-template-rows:var(--ls-rows);grid-template-areas:var(--ls-areas);block-size:100%;display:grid;position:relative}.layered-surface__content{min-width:0;grid-area:content;padding-block-start:var(--ls-pad-block-start,var(--ls-pad));padding-block-end:var(--ls-pad-block-end,var(--ls-pad));padding-inline-start:var(--ls-pad-inline-start,var(--ls-pad));padding-inline-end:var(--ls-pad-inline-end,var(--ls-pad));position:relative}.layered-surface[data-footer] .layered-surface__content{padding-block-end:0}.layered-surface__footer{min-width:0;grid-area:footer;padding-block-start:0;padding-block-end:var(--ls-pad-block-end,var(--ls-pad));padding-inline-start:var(--ls-pad-inline-start,var(--ls-pad));padding-inline-end:var(--ls-pad-inline-end,var(--ls-pad));position:relative}.layered-surface__media{grid-area:media;min-width:0;position:relative}