.inline-panel{--inline-panel-x:0px;--inline-panel-y:8px;opacity:1;transition:opacity var(--sw-motion-fast) steps(6, end), translate var(--sw-motion-base) var(--sw-ease-standard);translate:0}.inline-panel[data-motion=left]{--inline-panel-x:-12px;--inline-panel-y:0px}.inline-panel[data-motion=right]{--inline-panel-x:12px;--inline-panel-y:0px}.inline-panel[data-open=false]{opacity:0;translate:var(--inline-panel-x) var(--inline-panel-y);pointer-events:none}.inline-panel[hidden]{display:none!important}.inline-panel[data-motion=collapse]{transition:grid-template-rows var(--sw-motion-base) var(--sw-ease-standard), opacity var(--sw-motion-fast) steps(6, end);grid-template-rows:1fr;display:grid;translate:none}.inline-panel[data-motion=collapse][data-open=false]{grid-template-rows:0fr}.inline-panel__clip{min-height:0;overflow:hidden}@starting-style{.inline-panel[data-open=true]{opacity:0;translate:var(--inline-panel-x) var(--inline-panel-y)}.inline-panel[data-motion=collapse][data-open=true]{grid-template-rows:0fr}}@media (prefers-reduced-motion:reduce){.inline-panel[data-motion]{transition:none}}