.styles-module-scss-module__g9nZ4W__backdrop{opacity:0;visibility:hidden;z-index:999;background:#0006;width:100%;height:100%;transition:opacity .3s;position:fixed;top:0;left:0}.styles-module-scss-module__g9nZ4W__backdrop.styles-module-scss-module__g9nZ4W__show{opacity:1;visibility:visible}.styles-module-scss-module__g9nZ4W__offcanvas{background:var(--color-bg-tint-10);z-index:1000;flex-direction:column;width:400px;max-width:100%;height:100%;transition:transform .3s;display:flex;position:fixed;box-shadow:0 0 15px #0003}.styles-module-scss-module__g9nZ4W__offcanvas.styles-module-scss-module__g9nZ4W__left{top:0;left:0;transform:translate(-100%)}.styles-module-scss-module__g9nZ4W__offcanvas.styles-module-scss-module__g9nZ4W__right{top:0;right:0;transform:translate(100%)}.styles-module-scss-module__g9nZ4W__offcanvas.styles-module-scss-module__g9nZ4W__top{width:100%;height:300px;top:0;left:0;transform:translateY(-100%)}.styles-module-scss-module__g9nZ4W__offcanvas.styles-module-scss-module__g9nZ4W__bottom{width:100%;height:300px;bottom:0;left:0;transform:translateY(100%)}.styles-module-scss-module__g9nZ4W__offcanvas.styles-module-scss-module__g9nZ4W__open{transform:translate(0)translateY(0)}.styles-module-scss-module__g9nZ4W__offcanvas .styles-module-scss-module__g9nZ4W__header{border-bottom:1px solid var(--color-border-color);justify-content:space-between;align-items:center;padding:1rem;display:flex}.styles-module-scss-module__g9nZ4W__offcanvas .styles-module-scss-module__g9nZ4W__header h3{margin:0;font-size:1.2rem;font-weight:400}.styles-module-scss-module__g9nZ4W__offcanvas .styles-module-scss-module__g9nZ4W__header .styles-module-scss-module__g9nZ4W__closeButton{color:var(--color-text-color);cursor:pointer;background:0 0;border:none;font-size:1.5rem;line-height:1}.styles-module-scss-module__g9nZ4W__offcanvas .styles-module-scss-module__g9nZ4W__body{flex:1;padding:1rem;overflow-y:auto}