.shared-drawer-root{height:0;left:0;position:fixed;top:0;width:0;z-index:1000}.shared-drawer-root-open{height:100%;pointer-events:none;width:100%}.shared-drawer-mask{background:#0009;bottom:0;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .3s ease}.shared-drawer-mask-visible{opacity:1;pointer-events:auto}.shared-drawer-panel{background:#0f0f0f;box-shadow:-6px 0 16px #0000004d;display:flex;flex-direction:column;height:100%;overflow:hidden;pointer-events:auto;position:fixed;top:0;transition:transform .3s cubic-bezier(.23,1,.32,1)}.shared-drawer-panel-right{right:0;transform:translate(100%)}.shared-drawer-panel-right.shared-drawer-panel-open{transform:translate(0)}.shared-drawer-panel-left{box-shadow:6px 0 16px #0000004d;left:0;transform:translate(-100%)}.shared-drawer-panel-left.shared-drawer-panel-open{transform:translate(0)}.shared-drawer-header{align-items:center;border-bottom:1px solid #1f1f1f;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 24px}.shared-drawer-header-title{align-items:center;display:flex;flex:1;gap:12px;min-width:0}.shared-drawer-title{color:#fff;font-size:18px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shared-drawer-close{align-items:center;background:none;border:none;border-radius:6px;color:var(--color-text-1);cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:32px;justify-content:center;line-height:1;padding:0;transition:color .2s,background-color .2s;width:32px}.shared-drawer-close:hover{background:#ffffff14;color:var(--color-text-1)}.shared-drawer-body{color:#fff;flex:1;overflow-y:auto;padding:24px}.shared-drawer-footer{border-top:1px solid #1f1f1f;flex-shrink:0;padding:16px 24px}