.offcanvas:after{content:"";display:table;clear:both}.offcanvas-data{float:left;width:100%}.offcanvas-detail{float:right;background:#fff;width:0}.offcanvas{min-height:0}.offcanvas-general{position:fixed;top:0;right:0;width:300px;height:calc(100% - 0px);background:#fff;border-left:1px solid #d7d7d7;transform:translateX(100%);transition:transform .3s ease-in-out}.offcanvas-general.scrollable{overflow-y:auto}.offcanvas-general.open{transform:translateX(0)}.offcanvas-general-spinner{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;background-color:rgba(255,255,255,.5);z-index:10}