.unlock{inline-size:min(34rem, calc(100vw - 2 * var(--gutter)));max-block-size:calc(100dvh - 2 * var(--space-4));padding:var(--space-5);border:1px solid var(--glass-edge);border-radius:var(--radius-large);background:var(--color-paper);color:var(--color-ink);overflow:auto;box-shadow:inset 0 1px #ffffffe6,0 30px 80px #08281c59}.unlock::backdrop{background:#0a2c2073}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.unlock::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}}.unlock[open]{gap:var(--space-3);display:grid}@media (width<=400px){.unlock{padding:var(--space-4)}}.unlock h2{text-wrap:balance;color:var(--color-title);margin:0;font-size:1.5rem;line-height:1.2}.unlock p{margin:0}.unlock-top{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.unlock-close{inline-size:var(--touch-target);block-size:var(--touch-target);border-radius:var(--radius-medium);background:var(--color-surface);color:var(--color-ink);cursor:pointer;border:0;flex:none;place-items:center;margin:-6px -6px 0 0;display:inline-grid;box-shadow:inset 0 0 0 1px #16392f24}.unlock-close:hover:not(:disabled){background:#fff}.unlock-close:disabled{opacity:.5;cursor:default}.unlock-lead{color:var(--color-muted)}.unlock-options{gap:var(--space-2);display:grid}.unlock-option{padding:var(--space-3) var(--space-4);border-radius:var(--radius-medium);background:#16392f0d;gap:6px;display:grid}.unlock-pass{background:#fff4d1;box-shadow:inset 0 0 0 2px #ffc93ccc}.unlock-free{background:#e4f5ea;box-shadow:inset 0 0 0 2px #1f7a4d73}.unlock-free-tag{font-size:var(--font-size-small);font-weight:var(--font-weight-strong);color:#fff;background:#1f7a4d;border-radius:999px;padding:2px 10px}.unlock-free .unlock-free-button{color:#145c39;border-color:#1f7a4d}.unlock-free p{color:var(--color-ink)}.unlock-option h3{align-items:center;gap:var(--space-2);color:var(--color-title);margin:0;font-size:1.0625rem;display:flex}.unlock-option h3 .icon{--icon-fill:var(--color-news);block-size:20px;inline-size:20px}.unlock-option p{font-size:var(--font-size-small);color:var(--color-muted)}.unlock-actions{gap:var(--space-2);flex-wrap:wrap;margin-block-start:4px;display:flex}.unlock-actions .button{white-space:normal;text-align:center;min-inline-size:9rem;max-inline-size:100%}.unlock-note{font-size:var(--font-size-small);color:var(--color-muted)}.unlock-status{min-block-size:1.5em;font-weight:var(--font-weight-strong)}.unlock-foot{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.unlock-later{min-block-size:var(--touch-target);padding:0 var(--space-2);font:inherit;color:var(--color-muted);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;margin-inline-start:auto;text-decoration:underline}.unlock-prices{min-block-size:var(--touch-target);padding:0 var(--space-2);color:var(--color-muted);text-underline-offset:3px;align-items:center;margin-inline-start:auto;display:inline-flex}.unlock-prices+.unlock-later{margin-inline-start:0}.unlock-paying{gap:var(--space-3);display:grid}.unlock-paying-what{justify-content:space-between;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-medium);color:var(--color-title);background:#fff4d1;flex-wrap:wrap;display:flex}.unlock-checkout{min-block-size:450px}@media (width>=720px){.unlock{inline-size:min(44rem, calc(100vw - 2 * var(--gutter)))}.unlock-options{grid-template-columns:repeat(2,minmax(0,1fr))}.unlock-pass,.unlock-free[data-wide]{grid-column:1/-1}}.unlock-what{font-weight:var(--font-weight-strong);color:var(--color-title);margin:0}.unlock-also{margin:0}