.card-legend{transition:.2s}.card-legend:hover{border-color:#e0e0e0;box-shadow:2px 2px 8px #e8edfa99,-2px -2px 4px #e8edfa80}.card-box.card-loopline.card-legend:hover>.card-head>.card-title{padding:1px .7rem}.card-legend>.card-body{padding:0}.card-legend>.card-body .card-legend-demo{padding:0 1rem 1rem}.card-legend>.card-body .card-legend-code{padding:1rem;border-top:1px solid #f0f0f0;background-color:#fafafa}.card-legend:hover>.card-body .card-legend-code{border-top:1px dashed #e0e0e0;background-color:#fafafa}.card-legend>.card-body .card-legend-code>pre{margin-bottom:0}.card-legend>.card-body .card-legend-code>pre>code{background-color:#fafafa;white-space:pre;padding:0 0 0 1rem}.card-legend>.card-footer{border:none;background-color:transparent;padding:0}.card-legend>.card-footer .card-legend-footer{color:#e0e0e0;text-align:center;cursor:pointer;padding:.5rem 0;border-top:1px solid #f0f0f0}.card-legend .card-footer:last-child{border-radius:0}.card-legend:hover>.card-footer .card-legend-footer{color:#1088f0;border-top:1px dashed #e0e0e0}.card-legend:hover>.card-footer .card-legend-footer:hover{background-color:#f9fafc}.card-legend>.card-footer .card-legend-footer.card-footer-fixed{position:fixed;bottom:0;z-index:100;background-color:#fff;color:#1088f0}.slide-fade-enter-active,.slide-fade-leave-active{transition:all .4s ease-out;overflow:hidden}.icon-rotate{transition:transform .3s ease}.rotate-180{transform:rotate(180deg)}
