.collapse-panel{--height:var(--collapse-panel_height,64px);--index:var(--collapse-panel_index,100);--bg:var(--collapse-panel_bg,transparent);position:relative}.collapse-panel__body{background:var(--bg);display:flex;flex-direction:column;gap:var(--spacing)}.collapse-panel._fly .collapse-panel__body{bottom:0;position:relative;right:0}.collapse-panel__inner{max-height:var(--height);overflow:hidden}.collapse-panel._open._fly{z-index:var(--index)}.collapse-panel._open._fly .collapse-panel__body{--padding:var(--collapse-panel_padding-open,var(--spacing));--bg:var(--collapse-panel_bg-open,var(--surface-background));border-radius:var(--collapse-panel_round-open,var(--round_4));bottom:var(--padding);box-shadow:var(--surface-elevation_3);padding:var(--padding);right:var(--padding)}.collapse-panel._open .collapse-panel__body>.collapse-panel__inner{max-height:none}.collapse-panel__toggler{align-self:flex-end;color:var(--color-primary);cursor:pointer;padding:4px}.collapse-panel__sign{bottom:var(--collapse-panel_sign-bottom,-8px);position:absolute;right:50%;transform:translate(-50%);z-index:1}