.saltSidePanel{background-color:var(--sidePanel-background,var(--salt-container-primary-background));--saltSidePanel-width:300px;--sidePanel-border:var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--sidePanel-borderColor,var(--salt-container-primary-borderColor));display:flex;flex-direction:column;box-sizing:border-box}.saltSidePanel-primary{--sidePanel-background:var(--salt-container-primary-background);--sidePanel-borderColor:var(--salt-container-primary-borderColor)}.saltSidePanel-secondary{--sidePanel-background:var(--salt-container-secondary-background);--sidePanel-borderColor:var(--salt-container-secondary-borderColor)}.saltSidePanel-tertiary{--sidePanel-background:var(--salt-container-tertiary-background);--sidePanel-borderColor:var(--salt-container-tertiary-borderColor)}.saltSidePanel-left{border-right:var(--sidePanel-border)}.saltSidePanel-right{border-left:var(--sidePanel-border)}.saltSidePanel-none{--sidePanel-background:none;border:none}.saltSidePanel-none .saltSidePanel-inner{padding:0}.saltSidePanel-left,.saltSidePanel-right{width:var(--saltSidePanel-width);height:100%;min-height:0;align-self:stretch}.saltSidePanel-enterAnimation,.saltSidePanel-exitAnimation{overflow:hidden}.saltSidePanel-left.saltSidePanel-enterAnimation,.saltSidePanel-right.saltSidePanel-enterAnimation{animation:saltSidePanel-expandWidth var(--salt-duration-perceptible) var(--salt-animation-timing-function)}.saltSidePanel-left.saltSidePanel-exitAnimation,.saltSidePanel-right.saltSidePanel-exitAnimation{animation:saltSidePanel-collapseWidth var(--salt-duration-perceptible) var(--salt-animation-timing-function) both}.saltSidePanel-exitAnimation{pointer-events:none}.saltSidePanel-inner{box-sizing:border-box;display:flex;flex-direction:column;flex:1 1;min-height:0;padding:var(--salt-spacing-300)}.saltSidePanel-left .saltSidePanel-inner,.saltSidePanel-right .saltSidePanel-inner{width:var(--saltSidePanel-width);height:100%}@keyframes saltSidePanel-expandWidth{0%{width:0}}@keyframes saltSidePanel-collapseWidth{to{width:0}}@media (prefers-reduced-motion:reduce){.saltSidePanel-left.saltSidePanel-enterAnimation,.saltSidePanel-left.saltSidePanel-exitAnimation,.saltSidePanel-right.saltSidePanel-enterAnimation,.saltSidePanel-right.saltSidePanel-exitAnimation{animation:none}}.saltSidePanelHeader{display:flex;align-items:center;flex-shrink:0;gap:var(--salt-spacing-100);padding:0 0 var(--salt-spacing-300)}.saltSidePanelContent{display:flex;flex-direction:column;flex:1 1;min-height:0;box-sizing:border-box}.saltSidePanelContent-body{flex:1 1;overflow:auto}.saltSidePanelTitle{flex:1 1;min-width:0}