.demo-link{width:64px;max-width:64px;-webkit-transition:max-width .8s ease-in-out;transition:max-width .8s ease-in-out;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.demo-link .demo-link-text{opacity:0;font-weight:400;font-size:.85rem;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform .3s ease .2s;transition:-webkit-transform .3s ease .2s;transition:transform .3s ease .2s;transition:transform .3s ease .2s,-webkit-transform .3s ease .2s}.demo-link:hover{max-width:192px;width:auto}.demo-link:hover .demo-link-text{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.preview-pane{padding:0;text-align:center}.preview-pane .preview-page{width:100%;height:100%;overflow-y:auto}.preview-pane .preview-page img{width:100%;display:block;margin-top:0}.card-demo .card-body{z-index:1;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.03);box-shadow:0 5px 10px rgba(0,0,0,.03)}.demo-header{position:relative;overflow:hidden}@media (min-width:768px){.demo-header{overflow:auto}}.demo-header .bubbles-wrapper{right:0;width:50%}.demo-header .bubbles-wrapper .bubble{bottom:0!important;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}