.slide-pane{display:flex;flex-direction:column;background:#212121;min-width:100px;height:100%;box-shadow:0 8px 8px #00000080;transition:transform .5s;will-change:transform}.slide-pane:focus{outline-style:none}.slide-pane_from_bottom{height:85vh;margin-top:15vh;transform:translateY(100%);border-top-left-radius:10px;border-top-right-radius:10px}.slide-pane_from_bottom.content-after-open{transform:translateY(0)}.slide-pane_from_bottom.content-before-close{transform:translateY(100%)}.slide-pane__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0000;z-index:999}.slide-pane__overlay.overlay-after-open{background-color:#303030e6;transition:background-color .5s}.slide-pane__overlay.overlay-before-close{background-color:#0000}.slide-pane__content{position:relative;overflow-y:auto;padding:24px 32px;flex:1 1 auto;z-index:999}.slide-pane_from_right{margin-left:auto;transform:translate(100%)}.slide-pane_from_right.content-after-open{transform:translate(0)}.slide-pane_from_right.content-before-close{transform:translate(100%)}.slide-pane_from_left{margin-right:auto;transform:translate(-100%)}.slide-pane_from_left.content-after-open{transform:translate(0)}.slide-pane_from_left.content-before-close{transform:translate(-100%)}