.side-panel-v2__overlay{background-color:var(--bg-modal-box-500);z-index:var(--z-index-modal);animation:sidePanelV2OverlayIn var(--transition-normal)ease forwards;justify-content:flex-end;display:flex;position:absolute;inset:0}.side-panel-v2__overlay--closing{animation:sidePanelV2OverlayOut var(--transition-normal)ease forwards}.side-panel-v2__container{background-color:var(--bg-page);width:100%;max-width:100%;height:100%;box-shadow:var(--shadow-elevated);flex-direction:column;display:flex;position:relative;overflow:hidden}.side-panel-v2__container--entering{animation:sidePanelV2SlideIn var(--transition-normal)ease forwards}.side-panel-v2__container--closing{animation:sidePanelV2SlideOut var(--transition-normal)ease forwards}@media (min-width:768px) and (max-width:1023px){.side-panel-v2__container{width:70%;max-width:100%}}@media (min-width:1024px){.side-panel-v2__container{width:50%;max-width:56.25rem}}.side-panel-v2-wrapper{background:inherit;flex-direction:column;height:100%;display:flex}.side-panel-v2__header{padding:2.625rem var(--spacing-lg)var(--spacing-md);background-color:inherit;flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.side-panel-v2__title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-4xl);margin:0}@media (min-width:768px) and (max-width:1023px){.side-panel-v2__title{font-size:var(--font-size-4xl)}}.side-panel-v2__close{color:var(--color-text-primary);padding:var(--spacing-2xs);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-self:flex-start;align-items:center;line-height:1;display:flex}.side-panel-v2__close:hover{color:var(--color-text-secondary);background-color:var(--bg-surface)}.side-panel-v2__close:focus-visible{outline:2px solid var(--border-focus);outline-offset:1px}.side-panel-v2__content{min-height:0;padding:var(--spacing-md)var(--spacing-lg);background:inherit;flex-direction:column;flex:1;display:flex;overflow:hidden auto}@media (min-width:768px) and (max-width:1023px){.side-panel-v2__content{padding:var(--spacing-md)var(--spacing-lg)}}.side-panel-v2__content--no-padding{padding:0}@keyframes sidePanelV2OverlayIn{0%{opacity:0}to{opacity:1}}@keyframes sidePanelV2OverlayOut{0%{opacity:1}to{opacity:0}}@keyframes sidePanelV2SlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes sidePanelV2SlideOut{0%{transform:translate(0)}to{transform:translate(100%)}}
