:root{--box-shadow-gray-bottom:$box-shadow-gray-bottom}body,html{min-height:100%}body{position:relative}.offcanvas-screen__overlay{background-color:rgba(0,0,0,.7);display:none;height:100%;left:0;position:absolute;top:0;width:100%;z-index:10}.offcanvas-screen__overlay.can-close{cursor:pointer}.offcanvas-screen{background-color:#fff;bottom:0;display:none;height:100%;position:fixed;right:0;transform:translateY(100%);transition:transform .3s ease-in-out;width:100%;z-index:20}@media print,screen and (min-width:64em){.offcanvas-screen{max-width:50%;top:0;transform:translateX(100%);width:auto}}.offcanvas-screen.is-open{transform:translateX(0)}.offcanvas-screen.full-width{left:0;max-width:100%;width:100%;z-index:9}.offcanvas-screen .offcanvas-screen__header{display:none;padding:.625rem;position:relative}@media print,screen and (min-width:40em){.offcanvas-screen .offcanvas-screen__header{padding:.9375rem}}.offcanvas-screen .offcanvas-screen__content{height:100%;overflow-y:auto}.offcanvas-screen .offcanvas-screen__content::-webkit-scrollbar{width:0}.offcanvas-screen.has-header .offcanvas-screen__header{background:#fff;box-shadow:0 2px 5px -5px rgba(0,0,0,.4),0 4px 5px -5px rgba(0,0,0,.4),0 1px 10px -10px rgba(0,0,0,.4);display:block;height:3.75rem;left:0;right:0;top:0;width:100%;z-index:10}@media print,screen and (min-width:40em){.offcanvas-screen.has-header .offcanvas-screen__header{height:4.375rem}}.offcanvas-screen.has-header .offcanvas-screen__header .offcanvas-screen__close-button{font-size:1.5rem;position:absolute;right:15px;top:15px}.offcanvas-screen.has-header .offcanvas-screen__content{padding-bottom:4.375rem}.overlay-page__offcanvas-content{background-color:#fff;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;height:100%;overflow:auto;padding:.625rem}@media print,screen and (min-width:40em){.overlay-page__offcanvas-content{padding:.9375rem}}.overlay-page__offcanvas-content .overlay-page__header{text-align:right}