.slide-pane{display:-webkit-flex;display:-moz-box;display:flex;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;background:#fff;min-width:100px;height:100%;-moz-box-shadow:0 8px 8px rgba(0,0,0,.5);box-shadow:0 8px 8px rgba(0,0,0,.5);-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s,-moz-transform .5s;will-change:transform}.slide-pane:focus{outline-style:none}.slide-pane_from_right{margin-left:auto;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);transform:translateX(100%)}.slide-pane_from_right.content-after-open{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0)}.slide-pane_from_right.content-before-close{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);transform:translateX(100%)}.slide-pane_from_left{margin-right:auto;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);transform:translateX(-100%)}.slide-pane_from_left.content-after-open{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0)}.slide-pane_from_left.content-before-close{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);transform:translateX(-100%)}.slide-pane_from_bottom{height:90vh;margin-top:10vh;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);transform:translateY(100%)}.slide-pane_from_bottom.content-after-open{-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)}.slide-pane_from_bottom.content-before-close{-webkit-transform:translateY(100%);-moz-transform:translateY(100%);transform:translateY(100%)}.slide-pane__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:transparent}.slide-pane__overlay.overlay-after-open{background-color:rgba(0,0,0,.3);-webkit-transition:background-color .5s;transition:background-color .5s}.slide-pane__overlay.overlay-before-close{background-color:transparent}.slide-pane__header{-webkit-flex:0 0 64px;-moz-box-flex:0;flex:0 0 64px;-webkit-align-items:center;-moz-box-align:center;align-items:center;background:#ebebeb;height:64px;border-bottom:1px solid rgba(0,0,0,.1)}.slide-pane__header,.slide-pane__title-wrapper{display:-webkit-flex;display:-moz-box;display:flex}.slide-pane__title-wrapper{-webkit-flex:1 1;-moz-box-flex:1;flex:1 1;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;margin-left:32px;min-width:0}.slide-pane .slide-pane__title{font-size:18px;font-weight:400;max-width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;padding:0}.slide-pane__close{margin-left:24px;padding:16px;opacity:.7;cursor:pointer}.slide-pane__close svg{width:12px;padding:0}.slide-pane__content{position:relative;overflow-y:auto;padding:24px 32px;-webkit-flex:1 1 auto;-moz-box-flex:1;flex:1 1 auto}.slide-pane__subtitle{font-size:12px;margin-top:2px}