.drawer__overlay{--un-bg-opacity:.5;background-color:rgb(0,0,0,var(--un-bg-opacity));z-index:10010;display:flex;position:fixed;inset:0}.drawer__overlay.drawer__overlay--in-sidebar{background-color:#0000}.drawer__overlay.drawer__overlay--pinned{pointer-events:none;background-color:#0000}.drawer--pinned{pointer-events:auto;--un-shadow:var(--un-shadow-inset) 0 20px 25px -5px var(--un-shadow-color,#0000001a),var(--un-shadow-inset) 0 8px 10px -6px var(--un-shadow-color,#0000001a);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.drawer{--un-bg-opacity:1;background-color:rgb(255,255,255,var(--un-bg-opacity));flex-direction:column;max-height:100%;display:flex;position:relative}.drawer--ltr{width:100%;max-width:32rem;margin-left:auto}.drawer--ltr.drawer--in-sidebar{max-width:24rem;margin-left:calc(100% - 464px)}.drawer--rtl{width:100%;max-width:32rem;margin-right:auto}.drawer--rtl.drawer--in-sidebar{z-index:40;--un-shadow:var(--un-shadow-inset) 0 20px 25px -5px var(--un-shadow-color,#0000001a),var(--un-shadow-inset) 0 8px 10px -6px var(--un-shadow-color,#0000001a);max-width:24rem;height:100%;box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);margin-left:0;position:absolute;top:0;left:0}.drawer--btt{margin-top:auto}.drawer--btt,.drawer--ttb{width:100%;height:100%;max-height:72rem}.drawer--ttb{margin-bottom:auto}.drawer--transparent{--un-shadow:0 0 var(--un-shadow-color,transparent);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);background-color:#0000;overflow:visible}.drawer--transparent .drawer__header{display:none}.drawer--transparent .drawer__body{padding:0}.dark .drawer{--un-bg-opacity:1;background-color:rgb(27,28,35,var(--un-bg-opacity))}.drawer__header{--un-bg-opacity:1;background-color:rgb(237,240,243,var(--un-bg-opacity));justify-content:space-between;align-items:center;padding:1rem;display:flex}.dark .drawer__header{--un-bg-opacity:1;background-color:rgb(27,28,35,var(--un-bg-opacity))}.drawer__title{letter-spacing:-.022em;--un-text-opacity:1;color:rgb(27,28,35,var(--un-text-opacity));margin:0;font-size:19px;font-weight:700;line-height:26px}.dark .drawer__title{--un-text-opacity:1;color:rgb(255,255,255,var(--un-text-opacity))}.drawer__close{cursor:pointer;letter-spacing:-.026em;--un-text-opacity:1;color:rgb(102,114,129,var(--un-text-opacity));background-color:#0000;border-width:0;padding:.25rem;font-size:28px;line-height:1}.dark .drawer__close{--un-text-opacity:1;color:rgb(130,148,163,var(--un-text-opacity))}.drawer__close:hover{--un-text-opacity:1;color:rgb(27,28,35,var(--un-text-opacity))}.dark .drawer__close:hover{--un-text-opacity:1;color:rgb(255,255,255,var(--un-text-opacity))}.drawer__body{--un-bg-opacity:1;background-color:rgb(255,255,255,var(--un-bg-opacity));flex:1;overflow:auto}.dark .drawer__body{--un-bg-opacity:1;background-color:rgb(27,28,35,var(--un-bg-opacity))}.drawer__resize-handle{z-index:10;cursor:col-resize;touch-action:none;width:.375rem;position:absolute;top:0;bottom:0}.drawer__resize-handle:active,.drawer__resize-handle:hover{--un-bg-opacity:.5;background-color:rgb(64,176,224,var(--un-bg-opacity))}.drawer__resize-handle--ltr{left:-.125rem}.drawer__resize-handle--rtl{right:-.125rem}.drawer-enter-active,.drawer-leave-active{transition:all .3s}.drawer-enter-active .drawer,.drawer-leave-active .drawer{transition:transform .3s}.drawer-enter-from,.drawer-leave-to{opacity:0}.drawer-enter-from .drawer--ltr,.drawer-leave-to .drawer--ltr{transform:translate(100%)}.drawer-enter-from .drawer--rtl,.drawer-leave-to .drawer--rtl{transform:translate(-100%)}.drawer-enter-from .drawer--btt,.drawer-leave-to .drawer--btt{transform:translateY(100%)}.drawer-enter-from .drawer--ttb,.drawer-leave-to .drawer--ttb{transform:translateY(-100%)}