:host,:root{--article-p-block-start:var(--space-none);--article-p-block-end:var(--space-none);--article-p-inline-start:var(--space-none);--article-p-inline-end:var(--space-none);--article-m-block-start:var(--space-none);--article-m-block-end:var(--space-none);--article-m-inline-start:var(--space-none);--article-m-inline-end:var(--space-none);--article-background-colour:var(--colour-transparent);--article-max-width:none}.Article{background-color:var(--article-background-colour);margin-block-end:var(--article-m-block-end);margin-block-start:var(--article-m-block-start);margin-inline-end:var(--article-m-inline-end);margin-inline-start:var(--article-m-inline-start);max-width:var(--article-max-width);padding-block-end:var(--article-p-block-end);padding-block-start:var(--article-p-block-start);padding-inline-end:var(--article-p-inline-end);padding-inline-start:var(--article-p-inline-start)}.preview{position:relative}body{background-color:#f5f5f5;font-family:Arial,sans-serif;margin:0}.overlay{align-items:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#0000004d;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;position:absolute}.purchase-modal{background:#1a1a1a;border-radius:6px;color:#fff;display:flex;max-width:700px;overflow:hidden;position:relative;width:90%}.purchase-modal__image{background:#999;min-height:200px;width:40%}.purchase-modal__content{padding:20px;position:relative;width:60%}.purchase-modal__content h2{font-size:16px;letter-spacing:.5px;margin:0 0 10px}.purchase-modal__content p{color:#ccc;font-size:12px;line-height:1.4;margin-bottom:20px}.purchase-modal__actions{display:flex;gap:10px;margin-bottom:10px}.purchase-modal__actions button{background:#fff;border:none;border-radius:2px;color:#000;cursor:pointer;font-size:12px;padding:6px 12px}.purchase-modal__actions button:hover{background:#ddd}.purchase-modal__link{color:#ccc;font-size:10px;text-decoration:none}.purchase-modal__link:hover{text-decoration:underline}.purchase-modal__close{background:none;border:none;color:#ccc;cursor:pointer;font-size:16px;line-height:1;position:absolute;right:10px;top:8px}.purchase-modal__close:hover{color:#fff}