.responsive-dialog__backdrop{z-index:var(--responsive-dialog-z-index,1000);box-sizing:border-box;padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));background:#00000094;place-items:center;animation:.16s ease-out responsive-dialog-fade-in;display:grid;position:fixed;inset:0}.responsive-dialog__panel{box-sizing:border-box;min-width:0;width:min(var(--responsive-dialog-width,32rem), 100%);max-width:var(--responsive-dialog-max-width,100%);max-height:min(var(--responsive-dialog-max-height,90dvh), calc(100dvh - 2rem));color:var(--ap-colour-text);background:var(--ap-colour-card);border:1px solid var(--ap-colour-gray);border-radius:var(--responsive-dialog-radius,.75rem);box-shadow:var(--responsive-dialog-shadow,0 1.5rem 4rem #00000047);outline:none;flex-direction:column;align-items:stretch;animation:.18s cubic-bezier(.2,.8,.2,1) responsive-dialog-enter;display:flex;overflow:hidden}.responsive-dialog__header{box-sizing:border-box;border-bottom:1px solid color-mix(in srgb, var(--ap-colour-gray) 72%, transparent);flex:none;justify-content:space-between;align-items:center;gap:1rem;width:100%;min-width:0;min-height:3.25rem;padding:.75rem .75rem .75rem 1rem;display:flex}.responsive-dialog__title{min-width:0;color:inherit;font:inherit;overflow-wrap:anywhere;margin:0;font-size:1.05rem;font-weight:700;line-height:1.3}.responsive-dialog__close{width:2.75rem;height:2.75rem;color:inherit;cursor:pointer;opacity:.72;background:0 0;border:0;border-radius:999px;flex:none;place-items:center;margin:-.5rem -.25rem -.5rem 0;padding:0;transition:background-color .14s,opacity .14s;display:inline-grid}.responsive-dialog__close:hover{background:color-mix(in srgb, var(--ap-colour-text) 9%, transparent);opacity:1}.responsive-dialog__close:focus-visible{outline:2px solid var(--ap-colour-primary);outline-offset:2px}.responsive-dialog__body{box-sizing:border-box;width:100%;min-width:0;min-height:0;padding:var(--responsive-dialog-padding,1rem);overscroll-behavior:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;overflow:hidden auto}.responsive-dialog__body>*{box-sizing:border-box;min-width:0;max-width:100%}@keyframes responsive-dialog-fade-in{0%{opacity:0}to{opacity:1}}@keyframes responsive-dialog-enter{0%{opacity:0;transform:translateY(.5rem)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:800px){.responsive-dialog__backdrop:has(.responsive-dialog__panel--mobile-sheet){align-items:end;padding:0}.responsive-dialog__panel--mobile-sheet{width:100%;max-width:none;max-height:min(var(--responsive-dialog-max-height,92dvh), 92dvh);border-radius:var(--responsive-dialog-sheet-radius,1rem) var(--responsive-dialog-sheet-radius,1rem) 0 0;border-width:1px 0 0;animation-name:responsive-dialog-sheet-enter}.responsive-dialog__panel--mobile-sheet .responsive-dialog__header{padding-top:.9rem;padding-right:max(.75rem, env(safe-area-inset-right));padding-left:max(1rem, env(safe-area-inset-left))}.responsive-dialog__panel--mobile-sheet .responsive-dialog__body{padding-right:max(var(--responsive-dialog-padding,1rem), env(safe-area-inset-right));padding-bottom:max(var(--responsive-dialog-padding,1rem), env(safe-area-inset-bottom));padding-left:max(var(--responsive-dialog-padding,1rem), env(safe-area-inset-left))}}@keyframes responsive-dialog-sheet-enter{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.responsive-dialog__backdrop,.responsive-dialog__panel{animation:none}}
