.slide-pane{will-change:transform;background:#fff;flex-direction:column;min-width:100px;height:100%;transition:transform .5s;display:flex;box-shadow:0 8px 8px #00000080}.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{background-color:#0000;position:fixed;inset:0}.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{background:#ebebeb;border-bottom:1px solid #0000001a;flex:0 0 64px;align-items:center;height:64px;display:flex}.slide-pane__title-wrapper{flex-direction:column;flex:1;min-width:0;margin-left:32px;display:flex}.slide-pane .slide-pane__title{white-space:nowrap;text-overflow:ellipsis;max-width:80%;margin:0;padding:0;font-size:18px;font-weight:400;overflow:hidden}.slide-pane__close{opacity:.7;cursor:pointer;margin-left:24px;padding:16px}.slide-pane__close svg{width:12px;padding:0}.slide-pane__content{flex:auto;padding:24px 32px;position:relative;overflow-y:auto}.slide-pane__subtitle{margin-top:2px;font-size:12px}