:root{--m-popup-scrim: rgba(20, 29, 38, .38);--m-popup-face: color-mix(in srgb, var(--m-surface) 94%, #fff);--m-popup-edge: rgba(255, 255, 255, .7);--m-popup-shadow: 0 1px 2px rgba(29, 42, 54, .08), 0 24px 56px -16px rgba(29, 42, 54, .32);--m-popup-grain: .03;--m-popup-sm: 420px;--m-popup-md: 560px;--m-popup-lg: 960px}:root:not([data-theme=light]){--m-popup-scrim: rgba(5, 9, 13, .62);--m-popup-face: color-mix(in srgb, var(--m-surface) 92%, #fff);--m-popup-edge: rgba(255, 255, 255, .07);--m-popup-shadow: 0 2px 4px rgba(0, 0, 0, .35), 0 28px 72px -16px rgba(0, 0, 0, .75);--m-popup-grain: .05}.m-popup-scrim,.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:24px;background:var(--m-popup-scrim);backdrop-filter:blur(6px) saturate(115%);-webkit-backdrop-filter:blur(6px) saturate(115%);animation:m-popup-fade .16s ease-out}.m-popup,.overlay>.sheet{position:relative;display:flex;flex-direction:column;width:min(var(--m-popup-md),100%);max-height:min(88vh,820px);overflow:hidden;padding:0;color:var(--m-ink);background:linear-gradient(180deg,var(--m-popup-face) 0,var(--m-surface) 160px),var(--m-surface);border:1px solid var(--m-line-strong);border-radius:var(--m-r-lg);box-shadow:inset 0 1px 0 var(--m-popup-edge),var(--m-popup-shadow);animation:m-popup-rise .18s cubic-bezier(.2,.8,.2,1)}.m-popup:before,.overlay>.sheet:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;opacity:var(--m-popup-grain);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.m-popup-sm{width:min(var(--m-popup-sm),100%)}.m-popup-lg{width:min(var(--m-popup-lg),100%)}.m-popup-head,.overlay>.sheet>.sheet-head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:14px 14px 14px 20px;border-bottom:1px solid var(--m-line)}.m-popup-title,.overlay>.sheet>.sheet-head h2{margin:0;font-size:var(--m-text-h3);line-height:var(--m-leading-h3);font-weight:var(--m-weight-heading);letter-spacing:0;color:var(--m-ink)}.m-popup-note{margin:2px 0 0;font-size:var(--m-text-xs);line-height:var(--m-leading-xs);color:var(--m-ink-3)}.m-popup-close,.overlay>.sheet>.sheet-head button.icon{flex:none;display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid var(--m-line-strong);border-radius:999px;background:var(--m-sunk);color:var(--m-ink-2);font-size:var(--m-text-h3);line-height:1;cursor:pointer;transition:color .12s,border-color .12s,background .12s}.m-popup-close:hover,.overlay>.sheet>.sheet-head button.icon:hover{color:var(--m-ink);border-color:var(--m-ink-3);background:var(--m-bg)}.m-popup-close:focus-visible,.overlay>.sheet>.sheet-head button.icon:focus-visible{outline:2px solid var(--m-eye);outline-offset:2px}.m-popup-close svg{width:16px;height:16px}.m-popup-body{position:relative;flex:1 1 auto;min-height:0;overflow-y:auto;padding:16px 20px 20px}.overlay>.sheet{overflow-y:auto;padding:0 20px 16px}.overlay>.sheet>*{position:relative}.overlay>.sheet>.sheet-head{position:sticky;top:0;z-index:1;margin:0 -20px 12px;background:var(--m-popup-face)}.m-popup-foot{position:relative;display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;padding:12px 20px;border-top:1px solid var(--m-line);background:color-mix(in srgb,var(--m-sunk) 70%,transparent)}@media(max-width:600px){.m-popup-scrim,.overlay{padding:0;place-items:end stretch}.m-popup,.m-popup-sm,.m-popup-lg,.overlay>.sheet{width:100%;max-width:none;max-height:90dvh;border-radius:var(--m-r-lg) var(--m-r-lg) 0 0;border-bottom:0;animation-name:m-popup-up}.m-popup-head,.overlay>.sheet>.sheet-head{padding-top:20px}.m-popup-head:before,.overlay>.sheet>.sheet-head:before{content:"";position:absolute;top:7px;left:50%;width:36px;height:4px;margin-left:-18px;border-radius:999px;background:var(--m-line-strong)}.m-popup-body{padding:14px 16px 20px}}@keyframes m-popup-fade{0%{opacity:0}}@keyframes m-popup-rise{0%{opacity:0;transform:translateY(8px) scale(.985)}}@keyframes m-popup-up{0%{transform:translateY(24px);opacity:0}}@media(prefers-reduced-motion:reduce){.m-popup-scrim,.overlay,.m-popup,.overlay>.sheet{animation:none}}