.pop{position:fixed;z-index:79;overflow:hidden;display:flex;flex-direction:column;width:min(330px,calc(100vw - 28px));aspect-ratio:1;left:50%;bottom:calc(14px + env(safe-area-inset-bottom));background:var(--ground);color:var(--ink);font:400 14px/1.5 var(--font-body);border:1px solid var(--line);border-radius:16px;box-shadow:0 16px 40px #1c140e38;transform:translate(-50%) translateY(calc(100% + 24px));visibility:hidden;transition:transform .4s var(--ease),visibility 0s linear .4s}.pop.is-open{transform:translate(-50%) translateY(0);visibility:visible;transition:transform .4s var(--ease)}.pop:focus{outline:none}@media(min-width:720px){.pop{left:auto;right:24px;bottom:24px;width:340px;transform:translateY(calc(100% + 32px))}.pop.is-open{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.pop{transition-duration:.01ms}}.pop__close{position:absolute;top:7px;right:7px;z-index:2;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;background:#f4ede4eb;color:var(--ink-900);cursor:pointer}.pop__close svg{width:15px;height:15px}@media(hover:hover){.pop__close:hover{background:var(--pearl-100)}}.pop__media{position:relative;flex:none;height:40%;background:var(--pearl-200)}.pop__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:44% 6%}.pop__body{flex:1;min-height:0;display:grid;align-content:center;gap:9px;padding:12px 18px 14px;text-align:center}.pop__body>*{max-width:100%}.pop__body h2{margin:0;color:inherit;font-family:var(--font-header);font-style:italic;font-weight:400;font-size:21px;line-height:1.1;text-wrap:balance}.pop__form{display:grid;gap:7px;width:100%;margin:0}.pop__form input{width:100%;min-height:40px;padding:9px 12px;border:1px solid var(--line);background:var(--surface-raised);color:var(--ink);font:inherit;font-size:16px}.pop__form input:focus{outline:none;border-color:var(--chilli)}.pop__form button{min-height:42px;padding:11px 18px;border:0;border-radius:4px;background:var(--chilli);color:#fff;font:600 13px/1.4 var(--font-body);letter-spacing:.02em;cursor:pointer;transition:background .2s}@media(hover:hover){.pop__form button:hover{background:var(--chilli-600)}}.pop__form button:active{background:var(--chilli-700)}.pop__done{margin:0;max-width:28ch;font-family:var(--font-header);font-style:italic;font-size:18px;line-height:1.25;color:var(--ink)}.pop__fine{margin:0;font-size:10px;line-height:1.4;color:var(--soft)}
