.offcanvas{background-clip:padding-box;background-color:#fff;border-radius:8px;bottom:0;display:flex;flex-direction:column;max-width:100%;outline:0;position:fixed;transition:transform .3s ease-in-out;visibility:hidden;z-index:1050}.offcanvas.show{transform:none}.offcanvas-header{align-items:center;display:flex;justify-content:flex-end;position:relative}.offcanvas-header .btn-close{background:transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E") 50%/.7em auto no-repeat;border:0;border-radius:.25rem;box-sizing:content-box;height:15px;margin:20px 20px 0;padding:5px;width:15px}.offcanvas-title{line-height:1.5;margin-bottom:0}.offcanvas-body{flex-grow:1;overflow-y:auto}.offcanvas-bottom{border-top:1px solid rgba(0,0,0,.2);box-shadow:0 25px 50px 0 rgba(0,0,0,.25);left:0;margin:.5rem;max-height:90vh;right:0;transform:translateY(100%)}