.offcanvas-overlay{opacity:0;pointer-events:none;z-index:501;transition:opacity .25s;position:fixed;inset:0}.offcanvas-overlay.open{opacity:1;pointer-events:auto}.offcanvas-bottom{z-index:502;transition:bottom .3s;position:fixed;bottom:-100%;left:0;right:0}.offcanvas-bottom>div{width:100%;margin:0 auto}@media (min-width:576px){.offcanvas-bottom>div{max-width:540px}}@media (min-width:768px){.offcanvas-bottom>div{max-width:720px;padding:0 1.5rem}}@media (min-width:992px){.offcanvas-bottom>div{max-width:960px}}.offcanvas-bottom>div>div{padding:calc(.75*var(--gutter));background:var(--color-bg);border-style:solid;border-width:1px 1px 0;border-color:var(--color-border-color);border-radius:12px 12px 0 0;box-shadow:0 .5rem 1rem #00000026}.offcanvas-bottom.open{bottom:0}.offcanvas-bottom .offcanvas-close{float:right;cursor:pointer;background:0 0;border:none;font-size:20px}