.psf--dark-glass{border-color:var(--noir-ion-border-subtle);background:color-mix(in oklab, var(--noir-ion-shell) 82%, transparent);-webkit-backdrop-filter:blur(20px)saturate(165%)}.psf--dark-glass:before{content:"";z-index:2;pointer-events:none;border-radius:inherit;background:linear-gradient(118deg,#ffffff17,#ffffff06 26%,#0000 46%);position:absolute;inset:0;box-shadow:inset 0 1px #ffffff17,inset 0 0 0 1px #ffffff08}.psf--dark-glass:after{content:"";z-index:2;pointer-events:none;border-radius:inherit;background:radial-gradient(90% 55% at 10% -6%,#ffffff24,#ffffff0a 38%,#0000 62%);position:absolute;inset:0}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.psf--dark-glass{background:var(--noir-ion-shell)}}.psf__skeleton{z-index:0;border-radius:inherit;background:linear-gradient(180deg, color-mix(in oklab, var(--noir-ion-shell) 88%, white 4%), var(--noir-ion-shell));animation:1.8s ease-in-out infinite psf-pulse;position:absolute;inset:0}@keyframes psf-pulse{0%,to{opacity:.55}50%{opacity:1}}.psf__image{z-index:1;position:relative}.psf__fallback{z-index:1;text-align:center;background:radial-gradient(circle at 18% 0%, #ffffff0f, transparent 46%), var(--noir-ion-shell);place-content:center;gap:.375rem;padding:1.5rem;display:grid;position:absolute;inset:0}.psf__fallback-title{text-overflow:ellipsis;white-space:nowrap;border:1px solid var(--noir-ion-border-subtle);max-width:100%;color:var(--noir-ion-text-muted);border-radius:999px;justify-self:center;padding:.125rem .625rem;font-size:.75rem;line-height:1.25rem;display:inline-block;overflow:hidden}.psf__fallback-message{color:var(--noir-ion-text-primary);font-size:.875rem;font-weight:500;line-height:1.375rem}.psf-focus{z-index:3;pointer-events:none;--psf-x:var(--psf-fx);--psf-y:var(--psf-fy);--psf-w:var(--psf-fw);--psf-h:var(--psf-fh);position:absolute;inset:0}@media (max-width:767px){.psf-focus{--psf-x:var(--psf-fx-m,var(--psf-x));--psf-y:var(--psf-fy-m,var(--psf-y));--psf-w:var(--psf-fw-m,var(--psf-w));--psf-h:var(--psf-fh-m,var(--psf-h))}}.psf-focus__scrim{background:#0304079e;position:absolute}.psf-focus__scrim--top{height:var(--psf-y);top:0;left:0;right:0}.psf-focus__scrim--bottom{bottom:0;left:0;right:0;top:calc(var(--psf-y) + var(--psf-h))}.psf-focus__scrim--left{left:0;top:var(--psf-y);height:var(--psf-h);width:var(--psf-x)}.psf-focus__scrim--right{right:0;top:var(--psf-y);height:var(--psf-h);left:calc(var(--psf-x) + var(--psf-w))}.psf-focus__ring{top:var(--psf-y);left:var(--psf-x);width:var(--psf-w);height:var(--psf-h);box-shadow:0 0 0 1px color-mix(in oklab, var(--system-b-accent-cyan) 65%, transparent), 0 0 28px -8px color-mix(in oklab, var(--system-b-accent-cyan) 55%, transparent);border-radius:.5rem;position:absolute}.psf-focus__label{top:calc(var(--psf-y) + .5rem);left:calc(var(--psf-x) + .5rem);max-width:calc(var(--psf-w) - 1rem);text-overflow:ellipsis;white-space:nowrap;border:1px solid var(--noir-ion-border-subtle);background:color-mix(in oklab, var(--noir-ion-shell) 88%, transparent);-webkit-backdrop-filter:blur(20px)saturate(165%);color:var(--noir-ion-text-primary);border-radius:999px;padding:.125rem .625rem;font-size:.75rem;line-height:1.25rem;position:absolute;overflow:hidden}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.psf-focus__label{background:var(--noir-ion-shell)}}@media (prefers-reduced-motion:reduce){.psf__skeleton{animation:none}}