.side-drawer{--tw-border-opacity:1;border-left-width:1px;border-color:rgb(226 232 240/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(10 34 92/var(--tw-text-opacity,1));--tw-shadow:-12px 0 32px 0 #0a225c1a;--tw-shadow-colored:-12px 0 32px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);z-index:30;letter-spacing:.16px;--p:0;--hdr:calc(var(--hdr-open) - (var(--hdr-open) - var(--hdr-shut)) * var(--p));outline:none;flex-direction:column;max-width:100vw;font:400 13px/16px Inter,sans-serif;transition:transform .2s ease-out;display:flex;position:fixed;inset:0 0 0 auto;transform:translate(100%);container-type:inline-size}.side-drawer[data-slid-in]{transform:none}.side-drawer.is-resizing{-webkit-user-select:none;user-select:none}.side-drawer :is(button,a,select,[tabindex]):focus-visible{outline-offset:2px;outline:2px solid #7722ce}.side-drawer-scrim{z-index:30;cursor:default;background:0 0;border:0;padding:0;position:fixed;inset:0}.side-drawer-frame{flex:1;min-height:0;position:relative}.side-drawer-header{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));z-index:20;height:var(--hdr);position:absolute;inset:0 0 auto}.side-drawer-header[data-no-rail]:after{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1));content:"";height:1px;position:absolute;bottom:0;left:32px;right:32px}.side-drawer-bar{align-items:center;gap:8px;height:40px;display:flex;position:absolute;top:8px;left:8px;right:32px}.side-drawer-bar-buttons{flex-shrink:0;align-items:center;gap:8px;display:flex}.side-drawer [data-drawer-controls]{min-width:0;opacity:clamp(0, calc((.45 - var(--p)) / .45), 1);flex:1}.side-drawer-title{left:calc(32px + 16px * var(--p));right:32px;top:calc(64px - 48px * var(--p));height:calc(var(--title-h) - (var(--title-h) - 24px) * var(--p));align-items:center;gap:calc(16px - 8px * var(--p));display:flex;position:absolute}.side-drawer.has-back .side-drawer-title{left:calc(32px + 48px * var(--p))}.side-drawer-title[data-tall]{align-items:flex-start}.side-drawer[data-title-compact] .side-drawer-title{align-items:center}.side-drawer-title-mark{width:calc(48px - 24px * var(--p));height:calc(48px - 24px * var(--p));flex-shrink:0;justify-content:center;align-items:center;display:flex}.side-drawer-title-mark>*{transform:scale(calc(1 - .5 * var(--p)));flex-shrink:0;width:48px!important;height:48px!important}.side-drawer-heading{flex-direction:column;flex:1;justify-content:center;min-width:0;height:100%;display:flex;position:relative;overflow:hidden}.side-drawer[data-title-compact] .side-drawer-heading{justify-content:flex-start}.side-drawer-title-row{align-items:center;gap:4px;min-width:0;display:flex}.side-drawer-title-text{min-width:0;font-size:calc(20px - 2px * var(--p));letter-spacing:.25px;overflow-wrap:anywhere;padding-block:2px;font-weight:500;line-height:20px}.side-drawer-title-text[data-wrap=truncate]{white-space:nowrap;text-overflow:ellipsis;flex:0 auto;overflow:hidden}.side-drawer-description{--tw-text-opacity:1;color:rgb(96 111 133/var(--tw-text-opacity,1));opacity:clamp(0, calc((.45 - var(--p)) / .45), 1);margin-top:8px}.side-drawer-title-compact{letter-spacing:.25px;white-space:nowrap;text-overflow:ellipsis;padding-block:2px;font-size:18px;font-weight:500;line-height:20px;display:none;position:absolute;inset:0 0 auto;overflow:hidden}.side-drawer[data-title-compact] .side-drawer-heading-content[data-wrap=wrap]{visibility:hidden}.side-drawer[data-title-compact] .side-drawer-title-compact{display:block}.side-drawer-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.side-drawer-rail{position:absolute;bottom:0;left:32px;right:32px}.side-drawer-body{padding:calc(var(--hdr-open) + 24px) 32px 64px;scroll-padding-top:var(--hdr-shut);position:absolute;inset:0;overflow:hidden auto}.side-drawer .side-drawer-body:focus-visible{outline-offset:-2px}.side-drawer-body::-webkit-scrollbar{width:10px}.side-drawer-body::-webkit-scrollbar-track{background:0 0}.side-drawer-body::-webkit-scrollbar-thumb{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));background-clip:content-box;border:3px solid #0000;border-radius:6px;box-shadow:inset 0 0 0 10px #e2e8f0}.side-drawer-body::-webkit-scrollbar-thumb:hover{box-shadow:inset 0 0 0 10px #cbd5e1}.side-drawer-overlay{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));inset:var(--hdr) 0 0;z-index:10;position:absolute}.side-drawer-footer{--tw-border-opacity:1;border-top-width:1px;border-color:rgb(226 232 240/var(--tw-border-opacity,1));flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;padding:16px 32px;display:flex}.side-drawer-resizer{z-index:40;cursor:col-resize;touch-action:none;background:0 0;border:0;width:11px;padding:0;position:absolute;top:0;bottom:0;left:-5px}.side-drawer-resizer:before{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1));content:"";width:1px;position:absolute;top:0;bottom:0;left:5px}.side-drawer-resizer:is(:hover,:focus-visible),.side-drawer.is-resizing .side-drawer-resizer{outline:none}.side-drawer-resizer:is(:hover,:focus-visible):before,.side-drawer.is-resizing .side-drawer-resizer:before{--tw-bg-opacity:1;background-color:rgb(119 34 206/var(--tw-bg-opacity,1));width:3px;left:4px}@media (prefers-reduced-motion:reduce){.side-drawer,.side-drawer *,.side-drawer :before{scroll-behavior:auto!important;transition:none!important}}