.slideout{position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden;font-size:14px;font-weight:400;outline:none;display:none;will-change:auto;pointer-events:none}.slideout-is--fixed{position:fixed}.slideout-panel{width:100%;height:100%;max-width:100%;max-height:100%;background-color:#fff;box-shadow:0 0 5px 5px rgba(0,0,0,.1);will-change:auto;border:1px solid #eee;box-sizing:border-box;display:flex;flex-direction:column}.slideout-mask,.slideout-panel{position:absolute;pointer-events:auto}.slideout-mask{left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.5)}.slideout-content{overflow:auto;height:100%;width:100%;flex:1 1 auto}.slideout-content,.slideout-footer{box-sizing:border-box;position:relative}.slideout-footer{height:48px;padding:5px 10px;line-height:36px;border-top:1px solid #eee;background:inherit;flex:0 0 auto}.slideout-dock--top>.slideout-panel{top:0;transform:translateY(-100%)}.slideout-dock--right>.slideout-panel{right:0;transform:translate(100%)}.slideout-dock--bottom>.slideout-panel{bottom:0;transform:translateY(100%)}.slideout-dock--left>.slideout-panel{left:0;transform:translate(-100%)}.slideout-helper--scroll-locker{overflow:hidden!important}.slideout-is--visible.slideout-dock--bottom>.slideout-panel,.slideout-is--visible.slideout-dock--top>.slideout-panel{transform:translateY(0)}.slideout-is--visible.slideout-dock--left>.slideout-panel,.slideout-is--visible.slideout-dock--right>.slideout-panel{transform:translate(0)}.slideout-header{height:48px;padding:5px 10px;box-sizing:border-box;border-bottom:1px solid #eee;background:inherit;position:relative;flex:0 0 auto;display:flex;justify-content:space-between}.slideout-header--text{line-height:36px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slideout-header--buttons{box-sizing:border-box;position:relative}.slideout-btn--close,.slideout-btn--fill{width:32px;height:32px;line-height:32px;text-align:center;border:1px solid transparent;border-radius:50%;outline:none;background:none}.slideout-btn--close svg,.slideout-btn--fill svg{fill:#5d616f;vertical-align:-2px}.slideout-btn--close:hover,.slideout-btn--fill:hover{border-color:rgba(146,146,154,.63)}.slideout-btn--close:hover svg,.slideout-btn--fill:hover svg{fill:#1c1f2e}.slideout-btn--close:active,.slideout-btn--fill:active{background-color:rgba(146,146,154,.63)}.slideout-btn--close:active svg,.slideout-btn--fill:active svg{fill:#222326}.slideout-btn--fill svg:first-child{display:inline-block}.slideout-btn--fill svg:last-child{display:none}.slideout-dock--right>.slideout-panel>.slideout-header .slideout-btn--close svg{transform:rotate(90deg)}.slideout-dock--bottom>.slideout-panel>.slideout-header .slideout-btn--close svg{transform:rotate(180deg)}.slideout-dock--left>.slideout-panel>.slideout-header .slideout-btn--close svg{transform:rotate(-90deg)}.slideout-animation--enabled{opacity:0;transition:opacity 312ms;will-change:opacity}.slideout-animation--enabled.slideout-is--visible{opacity:1;transition-duration:156ms;transition-timing-function:ease-out}.slideout-animation--enabled.slideout-is--visible>.slideout-panel{transition-duration:156ms}.slideout-animation--enabled>.slideout-panel{will-change:transform;transition:transform 312ms,width 312ms,height 312ms}.slideout-animation--enabled>.slideout-panel>.slideout-header .slideout-btn--close,.slideout-animation--enabled>.slideout-panel>.slideout-header .slideout-btn--fill{transition:border-color 312ms}.slideout-animation--enabled>.slideout-panel>.slideout-resize--handle{transition:background-color 312ms}.slideout-is--filled{position:fixed;overflow:hidden;left:0;top:0;right:0;bottom:0}.slideout-is--filled>.slideout-panel>.slideout-header .slideout-btn--fill svg:first-child{display:none}.slideout-is--filled>.slideout-panel>.slideout-header .slideout-btn--fill svg:last-child{display:inline-block}.slideout-is--filled.slideout-is--visible>.slideout-panel{width:100%!important;height:100%!important}.slideout-resize--handle{position:absolute;z-index:60;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:1px solid transparent;box-sizing:border-box;background-clip:content-box}.slideout-resize--handle:hover{background-color:rgba(25,87,200,.63)}.slideout-resize--handle:active{background-color:rgba(19,68,155,.63)}.slideout-dock--top>.slideout-panel>.slideout-resize--handle{bottom:-1px;left:0;right:0;height:5px;cursor:ns-resize}.slideout-dock--right>.slideout-panel>.slideout-resize--handle{top:0;bottom:0;left:-1px;width:5px;cursor:ew-resize}.slideout-dock--bottom>.slideout-panel>.slideout-resize--handle{top:-1px;left:0;right:0;height:5px;cursor:ns-resize}.slideout-dock--left>.slideout-panel>.slideout-resize--handle{top:0;right:-1px;bottom:0;width:5px;cursor:ew-resize}.slideout-is--resizable.slideout-dock--left>.slideout-panel,.slideout-is--resizable.slideout-dock--right>.slideout-panel{will-change:width}.slideout-is--resizable.slideout-dock--bottom>.slideout-panel,.slideout-is--resizable.slideout-dock--top>.slideout-panel{will-change:height}.slideout-is--autosize>.slideout-panel{max-width:100%;max-height:100%;box-sizing:border-box;overflow:hidden}.slideout-is--autosize>.slideout-panel>.slideout-content{max-width:100%;max-height:100%;width:auto;height:auto;overflow:auto}