/* The tip jar in the store apps ("Buy Cartily a cookie", store-support.js). */
.tip-head{display:grid;justify-items:center;gap:6px}
.tip-head img{display:block}
.store-sheet{display:grid;gap:12px;text-align:center}
.store-sheet p{margin:0}
#modal .tip-lede{font-size:15.5px;line-height:1.45;color:var(--muted);max-width:300px;margin:0 auto!important}
.tip-amounts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:4px}
.tip-amount{display:grid;justify-items:center;gap:2px;padding:14px 4px 12px;border:1px solid var(--line);border-radius:18px;background:var(--white);color:var(--ink);font:inherit;cursor:pointer;min-width:0}
.tip-amount img{width:46px;height:46px}
.tip-amount strong{font-size:20px;font-weight:800;margin-top:4px;line-height:1.2}
.tip-amount small{font-size:13px;color:var(--muted);line-height:1.3}
.tip-amount[aria-checked="true"]{border:2px solid var(--orange);background:#fbeee6;padding:13px 3px 11px}
.tip-amount:focus-visible{outline:3px solid var(--orange);outline-offset:2px}
.tip-amount:disabled{cursor:default}
#modal .tip-go{margin-top:4px}
#modal .tip-go:disabled{opacity:.6}
.tip-badge{display:flex;align-items:center;justify-content:center;gap:6px;font-size:13.5px;color:var(--muted)}
.tip-badge img{width:20px;height:20px;flex:none}
.tip-monthly{border:0;background:none;padding:2px 0;font:inherit;font-size:14px;font-weight:700;color:var(--orange);cursor:pointer}
.store-message{color:var(--ink);font-size:14px}
.tip-thanks p{font-size:15.5px;line-height:1.45;color:var(--muted);max-width:300px;margin:0 auto 4px!important}
#modal .tip-thanks .btn{margin-top:4px}
#modal .btn-ghost{background:none;border:0;box-shadow:none;color:var(--muted)}