/* The two small popups on the website and both dashboards (nudge.js): the cookie question and «add to home screen».
   Self-contained, so it looks the same on the website and in the dashboards. Black, white and green only. */
.nz{position:fixed;z-index:90;inset-inline-start:20px;bottom:calc(20px + env(safe-area-inset-bottom));width:min(400px,calc(100vw - 32px));
  display:grid;gap:14px;padding:18px;border-radius:22px;background:rgba(17,17,18,.94);color:#EDEDED;
  -webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);
  box-shadow:0 0 0 1px rgba(255,255,255,.1),0 24px 60px -12px rgba(0,0,0,.75);font-family:inherit;line-height:1.75;text-align:start;
  opacity:0;transform:translateY(16px);transition:opacity .32s ease,transform .32s cubic-bezier(.2,.8,.2,1)}
.nz.in{opacity:1;transform:none}
.nz[hidden]{display:none}
.nz-row{display:flex;gap:14px;align-items:flex-start}
.nz-ic{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:rgba(74,222,128,.12);color:#4ADE80}
.nz-ic svg{width:22px;height:22px}
.nz-app{flex:none;width:52px;height:52px;border-radius:13px;background:#4ADE80;display:grid;place-items:center;box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.nz-app svg{width:28px;height:auto}
.nz-t{display:grid;gap:4px;min-width:0}
.nz-t b{font-size:.98rem;font-weight:700;color:#fff;line-height:1.6}
.nz-t p{margin:0;font-size:.85rem;color:#A1A1A6}
.nz-t a{color:#4ADE80;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.nz-steps{margin:2px 0 0;padding:0;list-style:none;display:grid;gap:8px;counter-reset:nz}
.nz-steps li{counter-increment:nz;display:flex;gap:10px;align-items:center;font-size:.86rem;color:#D4D4D8}
.nz-steps li::before{content:counter(nz,persian);flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.08);color:#fff;font-size:.78rem;font-weight:700}
.nz-steps svg{display:inline-block;width:20px;height:20px;vertical-align:-5px;color:#4ADE80}
.nz-steps .en{direction:ltr;unicode-bidi:isolate;font-weight:600;color:#fff}
.nz-note{margin:-4px 0 0;font-size:.78rem;color:#8E8E93}
.nz-note svg{display:inline-block;width:18px;height:18px;vertical-align:-5px;color:#EDEDED}
.nz-note .en{direction:ltr;unicode-bidi:isolate}
.nz-act{display:flex;gap:8px;justify-content:flex-end}
.nz-b{appearance:none;border:0;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:600;line-height:1;min-height:42px;padding:0 20px;border-radius:999px;transition:background-color .2s,color .2s,transform .1s}
.nz-b:active{transform:scale(.97)}
.nz-b.p{background:#4ADE80;color:#05240F}
.nz-b.p:hover{background:#6EE7A0}
.nz-b.g{background:transparent;color:#EDEDED;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
.nz-b.g:hover{background:rgba(255,255,255,.07)}
.nz-b:focus-visible,.nz-x:focus-visible{outline:2px solid #4ADE80;outline-offset:2px}
.nz-x{position:absolute;top:10px;inset-inline-end:10px;display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:50%;background:transparent;color:#8E8E93;cursor:pointer}
.nz-x:hover{background:rgba(255,255,255,.08);color:#fff}
.nz-x svg{width:16px;height:16px}
.nz.has-x .nz-t{padding-inline-end:26px}
@media (max-width:600px){
  .nz{inset-inline:12px;width:auto;bottom:calc(12px + env(safe-area-inset-bottom));padding:16px;border-radius:20px}
  .nz-act .nz-b{flex:1}
}
/* above the dashboard's phone tab bar */
@media (max-width:900px){body.panel .nz{bottom:calc(78px + env(safe-area-inset-bottom))}}
@media (prefers-reduced-motion:reduce){.nz{transition:opacity .2s ease;transform:none}}
@media print{.nz{display:none!important}}