aside[z-side-menu]{position:fixed;top:var(--z-sidebar--top, var(--zs-200));left:100vw;width:var(--z-sidebar--width, 25vw);box-shadow:var(--zd-4);padding:var(--z-sidebar--padding, var(--zs-400) var(--zs-150) var(--zs-150));border-top-left-radius:var(--z-sidebar--radius, var(--zs-200));border-bottom-left-radius:var(--z-sidebar--radius, var(--zs-200));background:var(--z-sidebar--bg, var(--_bg))!important;color:var(--z-sidebar--color, var(--_color))!important;transition:transform .25s ease-in-out;transform:translate(100%);overflow:hidden}:where(aside[z-side-menu],*[z-theme=light] aside[z-side-menu],aside[z-side-menu][z-theme=light]){--_bg: var(--z-bg-hover--inv);--_color: var(--z-ct-primary);--_close-icon-color: var(--z-ct-clickable)}aside[z-side-menu]>button:empty{position:absolute;align-items:center;right:var(--zs-100);top:var(--zs-100)}aside[z-side-menu]>button:empty:before{--zi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%232167AE' d='M18.56 19.42a.5.5 0 1 0 .71-.7L12.55 12l6.72-6.72a.5.5 0 1 0-.7-.7l-6.72 6.71-6.72-6.71a.5.5 0 0 0-.7.7L11.13 12l-6.72 6.72a.5.5 0 1 0 .71.7l6.72-6.71z'/%3E%3C/svg%3E");color:var(--z-sidebar--close-icon-color, var(--_close-icon-color));--zi-name: "close:line";content:"";width:1.5rem;height:1.5rem;display:inline-block;box-sizing:content-box;background-color:currentColor;margin:0;mask:var(--zi) center/1.5rem no-repeat;-webkit-mask:var(--zi) center/1.5rem no-repeat}aside[z-side-menu][z-side-menu=left]{left:auto;right:100vw;border-top-right-radius:var(--z-sidebar--radius, var(--zs-200));border-bottom-right-radius:var(--z-sidebar--radius, var(--zs-200));border-top-left-radius:0;border-bottom-left-radius:0;transform:translate(-100%)}aside[z-side-menu][open]{left:auto;right:0;transform:none}aside[z-side-menu][open][z-side-menu=left]{left:0;right:auto;transform:none}