.saltSidePanel{--saltSidePanel-width:300px;--sidePanel-border:var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--sidePanel-borderColor,var(--salt-container-primary-borderColor));--saltSidePanel-padding:var(--salt-spacing-300);position:relative;display:flex;flex-direction:column;flex:none;width:var(--saltSidePanel-width);height:100%;min-height:0;align-self:stretch}.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-none{--sidePanel-background:none;--saltSidePanel-padding:var(--salt-spacing-200)}.saltSidePanel-inner{box-sizing:border-box;display:flex;flex-direction:column;flex:1 1;min-height:0;padding:var(--saltSidePanel-padding);width:100%;background-color:var(--sidePanel-background,var(--salt-container-primary-background))}.saltSidePanel-left .saltSidePanel-inner{border-right:var(--sidePanel-border)}.saltSidePanel-right .saltSidePanel-inner{border-left:var(--sidePanel-border)}.saltSidePanel-none .saltSidePanel-inner{border:none}.saltSidePanel-enterAnimation,.saltSidePanel-exitAnimation{contain:paint}.saltSidePanel-enterAnimation .saltSidePanel-inner,.saltSidePanel-exitAnimation .saltSidePanel-inner{position:absolute;top:0;bottom:0;flex:none;width:var(--saltSidePanel-animation-width,var(--saltSidePanel-width))}.saltSidePanel-left.saltSidePanel-enterAnimation .saltSidePanel-inner,.saltSidePanel-left.saltSidePanel-exitAnimation .saltSidePanel-inner{right:0}.saltSidePanel-right.saltSidePanel-enterAnimation .saltSidePanel-inner,.saltSidePanel-right.saltSidePanel-exitAnimation .saltSidePanel-inner{left:0}.saltSidePanel-exitAnimation .saltSidePanel-inner{pointer-events:none}.saltSidePanel-enterAnimation{animation:saltSidePanel-open var(--salt-duration-perceptible) var(--salt-animation-timing-function)}.saltSidePanel-exitAnimation{animation:saltSidePanel-close var(--salt-duration-perceptible) var(--salt-animation-timing-function) both}@keyframes saltSidePanel-open{0%{width:0}}@keyframes saltSidePanel-close{to{width:0}}@media (prefers-reduced-motion:reduce){.saltSidePanel-enterAnimation,.saltSidePanel-exitAnimation{animation:none}}