@keyframes cz-drawer-in{0%{transform:translateX(100%)}to{transform:translateX(0)}}.cz-dw-root{position:fixed;inset:0;z-index:var(--z-modal,1400);visibility:hidden;pointer-events:none}.cz-dw-root.active{visibility:visible;pointer-events:auto}.cz-dw-scrim{position:absolute;inset:0;background:color-mix(in srgb,var(--fg-primary) 32%,transparent);opacity:0;transition:opacity .35s var(--ease-accelerate-out,cubic-bezier(.3,0,.8,.15))}.cz-dw-root.open .cz-dw-scrim{opacity:1;transition:opacity .5s var(--ease-apple-smooth,cubic-bezier(.32,.72,0,1))}.cz-dw-panel{position:absolute;background:var(--bg-raised);box-shadow:var(--sh-4);display:flex;flex-direction:column;max-inline-size:calc(100vw - 40px);will-change:transform;outline:none}.cz-dw-panel.right{inset-block:0;inset-inline-end:0;inline-size:400px;border-start-start-radius:12px;border-end-start-radius:12px;transform:translateX(100%);transition:transform .35s var(--ease-accelerate-out,cubic-bezier(.3,0,.8,.15))}.cz-dw-root.open .cz-dw-panel.right{transform:none;transition:transform .5s var(--ease-apple-smooth,cubic-bezier(.32,.72,0,1))}.cz-dw-panel.left{inset-block:0;inset-inline-start:0;inline-size:400px;border-start-end-radius:12px;border-end-end-radius:12px;transform:translateX(-100%);transition:transform .35s var(--ease-accelerate-out,cubic-bezier(.3,0,.8,.15))}.cz-dw-root.open .cz-dw-panel.left{transform:none;transition:transform .5s var(--ease-apple-smooth,cubic-bezier(.32,.72,0,1))}.cz-dw-panel.top{inset-block-start:0;inset-inline:0;inline-size:auto;max-inline-size:none;max-block-size:100dvh;border-end-start-radius:12px;border-end-end-radius:12px;transform:translateY(-100%)}.cz-dw-panel.top,.cz-dw-root.open .cz-dw-panel.top{transition:transform .28s var(--ease-apple-smooth,cubic-bezier(.32,.72,0,1))}.cz-dw-root.open .cz-dw-panel.top{transform:none}.cz-dw-panel.narrow{inline-size:320px}.cz-dw-panel.wide{inline-size:480px}.cz-dw-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:20px 22px 14px;flex-shrink:0}.cz-dw-head .cz-dw-title{font-family:var(--font-heading);font-weight:var(--weight-semibold);font-size:20px;letter-spacing:-.006em;color:var(--fg-primary)}.cz-dw-head .cz-dw-sub{font-family:var(--font-body);font-size:12px;color:var(--fg-tertiary);margin-block-start:2px}.cz-dw-x{inline-size:30px;block-size:30px;border-radius:7px;border:0;background:transparent;color:var(--fg-tertiary);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:background-color .12s var(--ease-standard,cubic-bezier(.2,0,0,1)),color .12s var(--ease-standard,cubic-bezier(.2,0,0,1))}.cz-dw-x:hover{background:var(--bg-sunken);color:var(--fg-primary)}.cz-dw-x:focus-visible{outline:2px solid var(--bd-focus,#007AFF);outline-offset:2px}.cz-dw-body{flex:1;overflow-y:auto;padding:6px 22px 22px;min-block-size:0}.cz-dw-foot{flex-shrink:0;display:flex;justify-content:flex-end;gap:10px;padding:14px 22px;border-block-start:1px solid transparent;transition:border-color .15s var(--ease-standard,cubic-bezier(.2,0,0,1))}.cz-dw-foot.scrolled{border-block-start-color:var(--bd-subtle,rgba(12,11,10,.06))}@media (prefers-reduced-motion:reduce){.cz-dw-panel.left,.cz-dw-panel.right,.cz-dw-panel.top{transform:none;opacity:0;transition:opacity .15s var(--ease-accelerate-out,cubic-bezier(.3,0,.8,.15))}.cz-dw-root.open .cz-dw-panel.left,.cz-dw-root.open .cz-dw-panel.right,.cz-dw-root.open .cz-dw-panel.top{opacity:1;transition:opacity .15s var(--ease-decelerate-in,cubic-bezier(.05,.7,.1,1))}}