.demo-block{margin-bottom:20px;border:1px solid #ededed;border-radius:10px;transition:.2s}.demo-block:hover{box-shadow:0 0 8px 0 rgba(232,237,255,.6),0 2px 4px 0 rgba(232,237,250,.5)}.demo-block .source{padding:24px}.demo-block .meta{overflow:hidden;transition:max-height .5s;border-top:1px solid #eaeefb;background-color:#fafafa}.demo-block .meta .description,.demo-block .meta .highlight{box-sizing:border-box;padding:0}.demo-block .meta .description code,.demo-block .meta .highlight code{line-height:25px}.demo-block .meta .code-box{padding:18px 24px 0;border-bottom:1px solid #eee}.demo-block .description{position:relative;box-sizing:border-box;margin-top:-20px;margin-bottom:20px;padding:20px;border-radius:3px;border:1px solid #ebebeb;background-color:#fff;font-size:14px;line-height:22px;word-break:break-word;white-space:normal;color:#666}.demo-block .description:last-child{margin-bottom:0}.demo-block .description p{margin:0;padding:5px 10px;font-size:14px;line-height:26px;color:#5e6d82}.demo-block .description code{display:inline-block;height:18px;margin:0 4px;padding:1px 5px;border-radius:3px;background-color:#e6effb;font-size:12px;line-height:18px;color:#5e6d82}.demo-block .meta .highlight p>code{line-height:18px}.demo-block code{font-family:Menlo,Monaco,Consolas,Courier,monospace}.demo-block-control{position:relative;height:44px;margin-top:-1px;box-sizing:border-box;border-top:1px solid #eaeefb;border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;text-align:center;color:#d3dce6;background-color:#fff;cursor:pointer}.demo-block-control.is-fixed{position:fixed;bottom:0;width:838px}.demo-block-control:hover{color:#409eff;background-color:#f9fafc}.demo-block-control i{position:absolute;font-size:16px;line-height:44px;transition:.3s}.demo-block-control i.hovering{transform:translateX(-40px)}.demo-block-control>span{position:absolute;transform:translateX(-15px);font-size:14px;line-height:44px;transition:.3s;display:inline-block}.demo-block-control .arrow-slide-enter,.demo-block-control .arrow-slide-leave-active{transform:translateX(10px)}.demo-block-control .text-slide-enter,.demo-block-control .text-slide-leave-active{opacity:0;transform:translateX(10px)}.control-enter-active,.control-leave-active{transition:opacity .3s ease-in-out,max-height .3s ease-in-out}.control-enter,.control-leave-to{opacity:0;max-height:0}