.dialog{color:#222;overscroll-behavior:contain;--dialog-motion-x:0px;--dialog-motion-y:12px;background:#fff;border:1px solid #e6e6e6;border-radius:12px;width:min(480px,100vw - 32px);max-height:min(85dvh,900px);padding:28px;overflow-y:auto}.dialog::backdrop{background:#0006;animation:.18s ease-out both dialog-backdrop-enter}.dialog[open]{animation:.18s cubic-bezier(.2,.7,.3,1) both dialog-enter}.dialog[open][data-closing=true]{pointer-events:none;animation:.14s ease-in both dialog-exit}.dialog[data-closing=true]::backdrop{animation:.14s ease-in both dialog-backdrop-exit}@keyframes dialog-enter{0%{opacity:0;translate:var(--dialog-motion-x) var(--dialog-motion-y)}to{opacity:1;translate:0}}@keyframes dialog-exit{0%{opacity:1;translate:0}to{opacity:0;translate:var(--dialog-motion-x) var(--dialog-motion-y)}}@keyframes dialog-backdrop-enter{0%{opacity:0}to{opacity:1}}@keyframes dialog-backdrop-exit{0%{opacity:1}to{opacity:0}}@media (width<=1100px){.dialog.dialog-small-fullscreen{box-sizing:border-box;width:100%;max-width:none;height:100dvh;max-height:100dvh;padding:max(20px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));border:0;border-radius:0;margin:0;position:fixed;inset:0}.dialog-small-fullscreen .dialog-heading{z-index:1;background:#fff;padding-bottom:16px;position:sticky;top:0}.dialog-small-fullscreen .dialog-heading h2{font-size:22px}}body:has(dialog[open]){overflow:hidden}html:has(.signed-in-layout):not(.receipt-screen-open){scrollbar-gutter:stable;overflow-y:scroll}html:has(dialog[open]){overflow:hidden}.dialog-wide{width:min(800px,100vw - 32px)}.dialog-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.dialog-heading h2{margin:0;font-size:23px}.dialog-close{-webkit-user-select:none;user-select:none;background:#f4f4f4;border:0;border-radius:50%;flex:0 0 40px;place-items:center;width:40px;height:40px;display:grid}.dialog-close:hover{background:#e9e9e9}.dialog-form{gap:18px;display:grid}.dialog-note{color:#777;margin:0;font-size:13px;line-height:1.6}.dialog-error{color:#a33737;font-size:14px}.dialog .pagination{margin-top:20px}@media (width<=600px){.dialog{padding:20px}}.dialog.dialog-drawer{--dialog-motion-x:-14px;--dialog-motion-y:0px;box-sizing:border-box;border:0;border-radius:0;width:min(400px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;margin:0;position:fixed;inset:0 auto 0 0}@media (width<=1100px){.dialog.dialog-mobile-sheet{width:100%;max-width:100%;height:auto;max-height:88dvh;padding:28px 20px max(24px, env(safe-area-inset-bottom));--dialog-motion-y:18px;border:0;border-radius:22px 22px 0 0;margin:0;position:fixed;inset:auto 0 0}.dialog-mobile-sheet:before{content:"";background:#d4d7d9;border-radius:8px;width:36px;height:4px;position:absolute;top:10px;left:calc(50% - 18px)}.dialog-mobile-sheet .dialog-heading{margin-bottom:16px}.dialog-mobile-sheet .dialog-heading h2{font-size:22px}.dialog-mobile-sheet .catalogue-filter-content{overscroll-behavior:contain;max-height:58dvh;overflow-y:auto}}.sheet-choices{gap:4px;display:grid}.sheet-choices>button,.sheet-choices>a{color:#222;width:100%;min-height:48px;font:inherit;text-align:left;background:#fff;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.sheet-choices>button:hover,.sheet-choices>a:hover{background:#f4f5f6}.sheet-choices>button[aria-pressed=true]{background:var(--brand-soft);color:var(--brand-ink)}.sort-sheet-trigger{color:inherit;font:inherit;background:0 0;border:0;align-items:center;gap:6px;padding:8px 0;display:inline-flex}.sort-sheet-trigger span{text-underline-offset:3px;text-decoration:underline}@media (prefers-reduced-motion:reduce){.dialog[open],.dialog[open][data-closing=true],.dialog::backdrop,.dialog[data-closing=true]::backdrop{animation:none}}.catalogue-sort .sort-sheet-trigger{font-size:17px;line-height:1.4}
