.notification-permission{position:fixed;z-index:80;inset:0;display:none;align-items:center;justify-content:center;padding:24px}.notification-permission.open{display:flex}.permission-backdrop{position:absolute;inset:0;background:rgba(5,18,26,.3);backdrop-filter:blur(8px)}.permission-dialog{position:relative;width:min(300px,calc(100vw - 48px));overflow:hidden;border:1px solid rgba(255,255,255,.7);border-radius:28px;background:rgba(247,249,249,.94);box-shadow:0 24px 80px rgba(5,23,31,.24);text-align:center;animation:permission-in .22s ease}.permission-logo{display:grid;place-items:center;width:52px;height:52px;margin:24px auto 16px;border-radius:15px;background:#0b2933;color:#baf3e5;font:600 23px/1.2 -apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif}.permission-dialog h2{margin:0 auto 9px;padding:0 20px;color:#132630;font:600 17px/1.25 -apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif;letter-spacing:-.02em}.permission-dialog p{margin:0;padding:0 20px 20px;color:#65747c;font:400 12px/1.4 -apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif}.permission-actions{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(110,125,130,.22)}.permission-actions button{min-height:48px;border:0;background:transparent;color:#1680ed;font:500 15px -apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif;cursor:pointer}.permission-actions button+button{border-left:1px solid rgba(110,125,130,.22);font-weight:600}@keyframes permission-in{from{opacity:0;transform:scale(.96)}}@media(prefers-reduced-motion:reduce){.permission-dialog{animation:none}}