.saltSidePanel{background-color:var(--saltSidePanel-background,var(--salt-container-primary-background));border-radius:var(--saltSidePanel-borderRadius,0);--saltSidePanel-width:300px;--saltSidePanel-internal-border:var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-container-primary-borderColor)}.saltSidePanel-primary{--saltSidePanel-background:var(--salt-container-primary-background)}.saltSidePanel-secondary{--saltSidePanel-background:var(--salt-container-secondary-background)}.saltSidePanel-tertiary{--saltSidePanel-background:var(--salt-container-tertiary-background)}.saltSidePanel-left{border-right:var(--saltSidePanel-internal-border)}.saltSidePanel-right{border-left:var(--saltSidePanel-internal-border)}.saltSidePanel-left,.saltSidePanel-right{width:var(--saltSidePanel-width);height:100%;min-height:0}.saltSidePanel-enterAnimation,.saltSidePanel-exitAnimation{overflow:hidden}.saltSidePanel-left.saltSidePanel-enterAnimation,.saltSidePanel-right.saltSidePanel-enterAnimation{animation:saltSidePanel-expandWidth var(--salt-animation-duration) var(--salt-animation-timing-function)}.saltSidePanel-left.saltSidePanel-exitAnimation,.saltSidePanel-right.saltSidePanel-exitAnimation{animation:saltSidePanel-collapseWidth var(--salt-animation-duration) var(--salt-animation-timing-function) both}.saltSidePanel-exitAnimation{pointer-events:none}.saltSidePanel-inner{box-sizing:border-box;display:flex;flex-direction:column;min-height:0}.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}}.saltSidePanelContent{display:flex;flex-direction:column;padding:var(--salt-spacing-300) 0 var(--salt-spacing-300) var(--salt-spacing-300);height:100%;box-sizing:border-box}.saltSidePanelContent-header{display:flex;align-items:center;flex-shrink:0;gap:var(--salt-spacing-100);padding-right:var(--salt-spacing-300)}.saltSidePanelContent-header>:first-child{flex:1 1}.saltSidePanelContent-body{flex:1 1;overflow:auto;padding-right:var(--salt-spacing-300)}