:root{--panel-enter-duration:.18s;--panel-exit-duration:.12s;--panel-drawer-duration:.2s;--panel-ease:cubic-bezier(.23,1,.32,1)}[data-panel-motion=sidebar]{transition:transform .24s var(--panel-ease);transform:translate(0)}[data-panel-motion=sidebar][data-state=closed]{transition-duration:.18s;transform:translate(calc(100% + 4rem))}@starting-style{[data-panel-motion=sidebar][data-state=open]{transform:translate(calc(100% + 4rem))}}[data-panel-motion=fade]{animation:panel-fade-in var(--panel-enter-duration)var(--panel-ease)both}[data-panel-motion=fade][data-state=closed]{animation-name:panel-fade-out;animation-duration:var(--panel-exit-duration)}[data-panel-motion=fade] [data-panel-motion=fade]:not([data-state]),[data-panel-motion=none],[data-panel-motion=fade][data-state=instant-open]{animation:none}:root[data-panel-input=keyboard] [data-panel-motion]{animation-duration:0s}@keyframes panel-fade-in{0%{opacity:0}to{opacity:1}}@keyframes panel-fade-out{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){[data-panel-motion=sidebar]{transition:none}[data-panel-motion=fade]{animation:none}}:root[data-panel-input=keyboard]{--panel-drawer-duration:0s}@media (prefers-reduced-motion:reduce){:root{--panel-drawer-duration:0s}}