/* Sayuri Skin Engine Pedestal Outflow v0.4.0 dashboard host settings
   Decorative pedestal jurisdiction lives outside clipped block outer host.
   Split mode duplicates the same pedestal into back and front layers.
   CSS-template pedestal paint is emitted directly to these outflow hosts.
   Card insertion mask is source-owned geometry for legacy modal-surface routes only.
   v0.4.0 exposes the shared host mode and viewport settings through the dashboard.
 */
.sse-runtime-pedestal-outflow-host{
  position:fixed;
  left:0;
  top:0;
  width:0;
  height:0;
  pointer-events:none!important;
  overflow:visible!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  contain:layout style;
}
.sse-runtime-pedestal-outflow-host[data-sse-pedestal-host-mode="viewport-bottom"]{
  --sse-pedestal-viewport-bottom-offset:0px;
  --sse-pedestal-viewport-host-height:clamp(140px,24vh,320px);
}
.sse-runtime-pedestal-outflow-host[hidden]{display:none!important;}
.sse-runtime-pedestal-outflow-host[data-sse-pedestal-segment="back"]{
  --sse-pedestal-segment-clip: inset(0 0 var(--pedestal-back-clip-bottom,42%) 0);
  --sse-pedestal-segment-opacity: var(--pedestal-back-opacity,.92);
}
.sse-runtime-pedestal-outflow-host[data-sse-pedestal-segment="front"]{
  --sse-pedestal-segment-clip: inset(var(--pedestal-front-clip-top,34%) 0 0 0);
  --sse-pedestal-segment-opacity: var(--pedestal-front-opacity,.98);
}
.sse-runtime-pedestal-outflow-host .sse-runtime-pedestal-outflow-scope{
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  overflow:visible!important;
  border-radius:inherit;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  z-index:0;
}
.sse-runtime-pedestal-outflow-host .sse-runtime-pedestal-outflow-scope::before,
.sse-runtime-pedestal-outflow-host .sse-runtime-pedestal-outflow-scope::after{
  content:none!important;
  display:none!important;
}
.sse-runtime-pedestal-outflow-host .sse-runtime-layer{position:absolute;inset:0;pointer-events:none;}
.sse-runtime-pedestal-outflow-host .sse-runtime-pedestal{
  position:absolute;
  left:50%;
  right:auto;
  top:auto;
  bottom:0;
  width:0;
  height:0;
  transform:translateX(-50%);
  pointer-events:none!important;
  z-index:2;
  background:transparent;
  border:0;
  box-shadow:none;
  opacity:var(--sse-pedestal-segment-opacity,1)!important;
  visibility:visible;
  overflow:visible!important;
  clip-path:var(--sse-pedestal-segment-clip,none)!important;
  -webkit-clip-path:var(--sse-pedestal-segment-clip,none)!important;
}
.sse-runtime-pedestal-outflow-host[data-sse-pedestal-segment="back"] .sse-runtime-pedestal{
  z-index:1!important;
}
.sse-runtime-pedestal-outflow-host[data-sse-pedestal-segment="front"] .sse-runtime-pedestal{
  z-index:3!important;
}
.sse-runtime-shell > .sse-runtime-pedestal[data-sse-pedestal-internal-suppressed="1"]{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
[data-sse-pedestal-card-insertion-mask="1"][data-sse-pedestal-card-insertion-owner="pedestal-outflow"]{
  --sse-pedestal-card-insert-depth:34px;
  --sse-pedestal-card-insert-side-inset:0%;
  --sse-pedestal-card-insert-shoulder-y:21px;
  --sse-pedestal-card-insert-center-y:16px;
  --sse-pedestal-card-insert-side-inset-used:clamp(0%,var(--sse-pedestal-card-insert-side-inset),18%);
  --sse-pedestal-card-insert-shoulder-y-used:clamp(0px,var(--sse-pedestal-card-insert-shoulder-y),40px);
  --sse-pedestal-card-insert-center-y-used:clamp(0px,var(--sse-pedestal-card-insert-center-y),40px);
  clip-path:polygon(
    0 0,
    100% 0,
    100% calc(100% - var(--sse-pedestal-card-insert-shoulder-y-used)),
    calc(100% - var(--sse-pedestal-card-insert-side-inset-used)) calc(100% - var(--sse-pedestal-card-insert-shoulder-y-used)),
    50% calc(100% - var(--sse-pedestal-card-insert-center-y-used)),
    var(--sse-pedestal-card-insert-side-inset-used) calc(100% - var(--sse-pedestal-card-insert-shoulder-y-used)),
    0 calc(100% - var(--sse-pedestal-card-insert-shoulder-y-used))
  );
  -webkit-clip-path:polygon(
    0 0,
    100% 0,
    100% calc(100% - var(--sse-pedestal-card-insert-shoulder-y-used)),
    calc(100% - var(--sse-pedestal-card-insert-side-inset-used)) calc(100% - var(--sse-pedestal-card-insert-shoulder-y-used)),
    50% calc(100% - var(--sse-pedestal-card-insert-center-y-used)),
    var(--sse-pedestal-card-insert-side-inset-used) calc(100% - var(--sse-pedestal-card-insert-shoulder-y-used)),
    0 calc(100% - var(--sse-pedestal-card-insert-shoulder-y-used))
  );
}