html:has([data-demo=crm]){background:#f4f5f7}[data-demo=crm]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;flex-direction:column;height:100dvh;min-height:0;font-size:.875rem;line-height:1.45;display:flex;overflow:hidden}[data-demo=crm] *{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}[data-demo=crm] :is(input,select,textarea):focus-visible{outline:2px solid var(--focus);outline-offset:1px}[data-demo=crm] [data-open]:focus-visible{outline:none}[data-demo=crm] [data-open]:focus-visible:after{outline:2px solid var(--focus);outline-offset:1px}.crm-drawer{width:100%;max-width:none;color:var(--ink);overscroll-behavior:contain;background:#fff;border:0;margin:0;padding:0;box-shadow:0 -12px 32px -12px #161a2247}.crm-drawer::backdrop{background:#161a2261}@media (max-width:639px){.crm-drawer{border-radius:14px 14px 0 0;max-height:88dvh;inset:auto 0 0}.crm-drawer[open]{animation:.2s ease-out crm-sheet-in}}@media (min-width:640px){.crm-drawer{width:27rem;height:100dvh;max-height:none;inset:0 0 0 auto}.crm-drawer[open]{animation:.2s ease-out crm-drawer-in}}.crm-drawer[open]::backdrop{animation:.2s ease-out crm-fade}.crm-toast{animation:.18s ease-out crm-toast-in}@keyframes crm-sheet-in{0%{opacity:0;transform:translateY(32px)}}@keyframes crm-drawer-in{0%{opacity:0;transform:translate(32px)}}@keyframes crm-toast-in{0%{opacity:0;transform:translateY(8px)}}@keyframes crm-fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.crm-drawer[open],.crm-drawer[open]::backdrop,.crm-toast{animation:none}}