.notify-trigger,.notify-layer{--notify-primary-3:#00000008;--notify-primary-5:#0000000d;--notify-ink:#171717;--notify-muted:#737373;--notify-border:#17171717;--notify-radius:22px;--notify-control-radius:12px}.notify-trigger{color:var(--notify-ink);cursor:pointer;background:0 0;border:0;align-items:center;gap:.625rem;padding:0;font:500 1rem/1.5 Graphik,Arial,sans-serif;display:inline-flex}.notify-trigger-label{background:linear-gradient(var(--notify-primary-3),var(--notify-primary-3)) 0 100% / 100% .45em no-repeat;transition:background-color .16s}.notify-trigger:is(:hover,:focus-visible) .notify-trigger-label{background-image:linear-gradient(var(--notify-primary-5),var(--notify-primary-5))}.notify-trigger:focus-visible,.notify-layer :is(button,input):focus-visible{outline-offset:3px;outline:2px solid #d94311}.notify-trigger .sparkle{color:#d94311;flex:none;margin:0}.notify-trigger .trigger-arrow{color:currentColor;flex:none;margin:0;transition:transform .18s}.notify-trigger:hover .trigger-arrow{transform:translate(3px)}.notify-layer{z-index:20;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));isolation:isolate;place-items:center;display:grid;position:fixed;inset:0}.notify-backdrop{background:#00000047;position:absolute;inset:0}.notify-panel{border:1px solid var(--notify-border);border-radius:var(--notify-radius);width:min(440px,100%);min-height:0;max-height:100%;color:var(--notify-ink);text-align:left;background:#fff;outline:none;flex-direction:column;display:flex;position:relative;box-shadow:0 8px 24px #1717171f}.notify-header{border-bottom:1px solid var(--notify-border);flex:none;justify-content:space-between;align-items:center;gap:1rem;padding:20px 24px;display:flex}.notify-header h2{margin:0;font:500 1.25rem/1.4 Graphik,Arial,sans-serif}.notify-close{border-radius:var(--notify-control-radius);background:var(--notify-primary-3);width:35px;height:35px;color:var(--notify-ink);cursor:pointer;border:0;flex:0 0 35px;justify-content:center;align-items:center;padding:0;transition:background-color .16s;display:flex}.notify-close:hover{background:var(--notify-primary-5)}.notify-body{overscroll-behavior:contain;min-height:0;padding:24px;scroll-padding:24px;overflow-y:auto}.notify-description{color:var(--notify-muted);margin:0 0 24px;font-size:.875rem;line-height:1.5}.notify-layer .notify{margin:0;display:grid}.notify-form,.notify-success{grid-area:1/1}.notify-form.is-complete{visibility:hidden}.notify-controls{flex-direction:column;gap:12px;display:flex}.notify-controls input{border-radius:var(--notify-control-radius);width:100%;min-width:0;height:50px;color:var(--notify-ink);background:#fff;border:1px solid #17171733;padding:0 16px;font:400 1rem Graphik,Arial,sans-serif}.notify-controls input[aria-invalid=true]{border-color:#a32b1c}.notify-controls button{border-radius:var(--notify-control-radius);background:var(--notify-ink);color:#fff;cursor:pointer;border:0;justify-content:center;align-items:center;gap:8px;width:100%;height:50px;padding:0 16px;font:500 .875rem Graphik,Arial,sans-serif;display:flex}.notify-controls button:disabled{opacity:.55;cursor:not-allowed}.notify-layer .challenge{line-height:0}.notify-layer .challenge>div{width:100%;line-height:0}.notify-note{color:var(--notify-muted);margin:16px 0 0;font-size:.75rem;line-height:1.5}.notify-note span{display:block}.notify-note a{color:inherit;text-underline-offset:3px}.notify-layer .notify-status{overflow-wrap:anywhere;margin:0;font-size:.8125rem;line-height:1.5}.notify-layer .notify-status:not(:empty){margin-top:12px}.notify-status--error{color:#a32b1c}.notify-unavailable{color:var(--notify-muted);margin:12px 0 0;font-size:.875rem;line-height:1.5}.notify-success{animation:.18s ease-out both notify-content-in}.notify-success h3{margin:0 0 12px;font-size:1rem;font-weight:500;line-height:1.5}.notify-success p{color:var(--notify-muted);margin:0;font-size:.875rem;line-height:1.5}.notify-status:not(:empty){animation:.16s ease-out both notify-content-in}.notify-layer[data-state=entering] .notify-panel{animation:.3s cubic-bezier(.22,1,.36,1) both notify-modal-in}.notify-layer[data-state=entering] .notify-backdrop{animation:.3s ease-out both notify-backdrop-in}.notify-layer[data-state=exiting] .notify-panel{animation:.22s cubic-bezier(.4,0,1,1) both notify-modal-out}.notify-layer[data-state=exiting] .notify-backdrop{animation:.22s ease-in both notify-backdrop-out}@keyframes notify-modal-in{0%{opacity:0;transform:translateY(16px)scale(.985)}to{opacity:1;transform:none}}@keyframes notify-modal-out{0%{opacity:var(--notify-exit-opacity,1);transform:var(--notify-exit-transform,none)}to{opacity:0;transform:translateY(12px)scale(.985)}}@keyframes notify-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes notify-backdrop-out{0%{opacity:var(--notify-exit-opacity,1)}to{opacity:0}}@keyframes notify-content-in{0%{opacity:.4;transform:translateY(3px)}to{opacity:1;transform:none}}@media (max-width:600px){.notify-layer{padding:max(12px,env(safe-area-inset-top)) 0 0;place-items:end center}.notify-panel{border-radius:var(--notify-radius) var(--notify-radius) 0 0;border-bottom:0;width:100%}.notify-body{padding-bottom:max(24px,env(safe-area-inset-bottom))}.notify-layer[data-state=entering] .notify-panel{animation:.34s cubic-bezier(.22,1,.36,1) both notify-sheet-in}.notify-layer[data-state=entering] .notify-backdrop{animation-duration:.34s}.notify-layer[data-state=exiting] .notify-panel{animation:.26s cubic-bezier(.4,0,1,1) both notify-sheet-out}.notify-layer[data-state=exiting] .notify-backdrop{animation-duration:.26s}}@keyframes notify-sheet-in{0%{opacity:1;transform:translateY(100%)}to{opacity:1;transform:none}}@keyframes notify-sheet-out{0%{opacity:var(--notify-exit-opacity,1);transform:var(--notify-exit-transform,none)}to{opacity:1;transform:translateY(100%)}}@media (prefers-reduced-motion:reduce){.notify-layer[data-state] :is(.notify-panel,.notify-backdrop),.notify-layer :is(.notify-success,.notify-status){animation:none}.notify-trigger .trigger-arrow,.notify-trigger-label,.notify-close{transition:none}.notify-trigger:hover .trigger-arrow{transform:none}}