.ui-drawer{background:0 0;border:0;width:100%;max-width:none;height:100dvh;max-height:100dvh;margin:0 0 0 auto;padding:0;overflow:visible}.ui-drawer:focus{outline:none}.ui-drawer::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1a1a1a66}.ui-drawer__paneel{width:min(26rem, calc(100vw - var(--ui-space-10)));background:var(--ui-paper);height:100%;color:var(--ui-ink);flex-direction:column;margin-left:auto;display:flex}.ui-drawer__kop{justify-content:space-between;align-items:center;gap:var(--ui-space-4);border-bottom:1px solid var(--ui-hair);padding:var(--ui-space-5) var(--ui-gutter);flex:none;display:flex}.ui-drawer__titel{font-family:var(--ui-font-display);font-weight:var(--ui-weight-bold);font-size:var(--ui-text-h3);line-height:var(--ui-leading-h3);color:var(--ui-primary);margin:0}.ui-drawer__sluiten{width:2.75rem;height:2.75rem;margin-right:calc(var(--ui-space-2) * -1);border-radius:var(--ui-radius);color:var(--ui-primary);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;display:grid}.ui-drawer__sluiten:hover{background:var(--ui-gray-bg)}.ui-drawer__sluiten:focus-visible{outline:2px solid var(--ui-primary);outline-offset:-2px}.ui-drawer__body{overscroll-behavior:contain;min-height:0;padding:var(--ui-space-6) var(--ui-gutter);font-family:var(--ui-font-body);font-size:var(--ui-text-body);line-height:var(--ui-leading-body);background:linear-gradient(var(--ui-paper) 30%, #fff0) top / 100% 1.75rem no-repeat local, linear-gradient(#fff0, var(--ui-paper) 70%) bottom / 100% 1.75rem no-repeat local, radial-gradient(farthest-side at 50% 0, #1a1a1a24, #1a1a1a00) top / 100% .5rem no-repeat scroll, radial-gradient(farthest-side at 50% 100%, #1a1a1a24, #1a1a1a00) bottom / 100% .5rem no-repeat scroll;background-color:var(--ui-paper);scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--ui-ink) 25%, transparent) transparent;flex:1;overflow-y:auto}.ui-drawer__acties{gap:var(--ui-space-3);border-top:1px solid var(--ui-hair);padding:var(--ui-space-5) var(--ui-gutter);flex-wrap:wrap;flex:none;display:flex}.ui-drawer,.ui-drawer::backdrop{transition:opacity .22s ease, translate .22s cubic-bezier(.16, 1, .3, 1), overlay .22s allow-discrete, display .22s allow-discrete}.ui-drawer::backdrop{opacity:0}.ui-drawer[open]::backdrop{opacity:1}.ui-drawer{translate:100%}.ui-drawer[open]{translate:0}@starting-style{.ui-drawer[open]{translate:100%}.ui-drawer[open]::backdrop{opacity:0}}@media (prefers-reduced-motion:reduce){.ui-drawer,.ui-drawer::backdrop{transition:opacity 1ms linear, overlay 1ms allow-discrete, display 1ms allow-discrete;translate:none}.ui-drawer[open]{translate:none}}