.slide-pane{display:flex;flex-direction:column;background:#fff;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_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%)}.slide-pane_from_bottom{height:90vh;margin-top:10vh;transform:translateY(100%)}.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}.slide-pane__overlay.overlay-after-open{background-color:#0000004d;transition:background-color .5s}.slide-pane__overlay.overlay-before-close{background-color:#0000}.slide-pane__header{display:flex;flex:0 0 64px;align-items:center;background:#ebebeb;height:64px;border-bottom:1px solid rgba(0,0,0,.1)}.slide-pane__title-wrapper{display:flex;flex:1;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;flex:1 1 auto}.slide-pane__subtitle{font-size:12px;margin-top:2px}.slide-pane__overlay{z-index:900}.slide-pane{background:var(--chakra-colors-bg);z-index:901}.slide-pane__header{background:var(--chakra-colors-bg);flex:0 0 45px;border-bottom:none;flex-direction:row-reverse}.slide-pane__content{padding:0;background:var(--chakra-colors-bg)}.slide-pane__close{margin-left:auto;margin-right:16px;padding:0}@media(max-width:48em){.slide-pane{max-width:100vw!important;width:100vw!important;top:60px!important;height:calc(100vh - 60px)!important}.slide-pane__overlay{top:60px!important}.slide-pane__content{overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.slide-pane__header{flex:0 0 50px;padding:0 12px}}@media(min-width:48em)and (max-width:62em){.slide-pane{max-width:70vw!important}}.slide-pane-resize-handle{position:absolute;top:0;left:-3px;bottom:0;width:6px;cursor:ew-resize;z-index:1000;transition:background-color .2s}.slide-pane-resize-handle:hover{background-color:var(--chakra-colors-primary)}.slide-pane-resize-handle:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2px;height:40px;background-color:var(--chakra-colors-border);border-radius:1px;opacity:0;transition:opacity .2s}.slide-pane-resize-handle:hover:before{opacity:1}