.xwms-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none;transition:opacity .3s ease}.xwms-overlay.active{pointer-events:auto}.xwms-overlay-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000004d}.xwms-overlay-content{position:absolute;background:#0c0c0c;transition:transform .4s ease;overflow:auto}.xwms-overlay[data-side=left] .xwms-overlay-content{top:0;left:0;height:100%;width:100%;transform:translate(-100%)}.xwms-overlay[data-side=right] .xwms-overlay-content{top:0;right:0;height:100%;width:100%;transform:translate(100%)}@media (min-width: 768px){.xwms-overlay[data-side=left] .xwms-overlay-content,.xwms-overlay[data-side=right] .xwms-overlay-content{max-width:400px}}.xwms-overlay[data-side=top] .xwms-overlay-content{top:0;left:0;width:100%;height:100%;transform:translateY(-100%)}.xwms-overlay[data-side=bottom] .xwms-overlay-content{bottom:0;left:0;width:100%;height:100%;transform:translateY(100%)}.xwms-overlay.active[data-side=left] .xwms-overlay-content,.xwms-overlay.active[data-side=right] .xwms-overlay-content,.xwms-overlay.active[data-side=top] .xwms-overlay-content,.xwms-overlay.active[data-side=bottom] .xwms-overlay-content{transform:translate(0)}