.sydney-offcanvas-content{--offcanvas-content-size: 300px;background-color:#fff;position:fixed;width:var(--offcanvas-content-size);max-width:100%;height:100%;top:0;right:0;z-index:9999;overflow-y:auto;-webkit-overflow-scrolling:touch;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform 0.3s ease-out;transition:-webkit-transform 0.3s ease-out;transition:transform 0.3s ease-out;transition:transform 0.3s ease-out, -webkit-transform 0.3s ease-out;-webkit-box-shadow:0 0 32px rgba(0,0,0,0.1);box-shadow:0 0 32px rgba(0,0,0,0.1)}.sydney-offcanvas-content[data-position="left"]{left:0;right:auto;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.sydney-offcanvas-content[data-position="bottom"]{bottom:0;height:var(--offcanvas-content-size);max-height:100%;top:auto !important;-webkit-transform:translateY(100%);transform:translateY(100%);width:100%}.sydney-offcanvas-content[data-position="top"]{bottom:auto;height:var(--offcanvas-content-size);max-height:100%;top:0;-webkit-transform:translateY(-100%);transform:translateY(-100%);width:100%}.sydney-offcanvas-content.is-visible{-webkit-transform:translateX(0);transform:translateX(0)}.admin-bar .sydney-offcanvas-content{top:32px}.sydney-offcanvas-content .sydney-offcanvas-close{position:absolute;right:15px;top:15px;z-index:99;cursor:pointer}.sydney-offcanvas-content .sydney-offcanvas-close svg{fill:#000}