/* [hidden] HAS TO WIN. The UA sheet's `[hidden]{display:none}` is specificity
   0,1,0 — the same as any class — so a later `.btn{display:inline-flex}` beats
   it and an element hidden from JS stays on screen. That is how a retired
   "Copy caption" button went on rendering next to the chooser's own. Declared
   here because this file is loaded by every surface the chooser mounts on. */
[hidden]{display:none !important}

/* rips-share.css — the share chooser, shared by Local Rips and Mint or Print.
 *
 * Served from /rips/assets/rips-share.css. Both products load it; each supplies
 * its own palette by setting --rs-accent and --rs-accent-2 on the host element
 * (or on any ancestor), so this file carries no brand of its own.
 *
 * Local Rips  gold  #C9A84C / teal   #00B8A9
 * Mint/Print  orange #E8782C / green #7CDB3A
 */
.rs{--rs-accent:#C9A84C;--rs-accent-2:#00B8A9;--rs-ink:#FAF5EE;--rs-silver:#A8B5BD;
  display:flex;flex-direction:column;gap:8px;width:100%}
.rs[data-brand="mint"]{--rs-accent:#E8782C;--rs-accent-2:#7CDB3A}

/* Two across on a phone, which is where every one of these options is real.
   A single column would push the native fallback below the fold on the exact
   screens that need it least. */
.rs-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.rs-grid .rs-b.wide{grid-column:1 / -1}

.rs-b{display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;
  font-family:'DM Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.12em;
  text-transform:uppercase;padding:13px 10px;border-radius:10px;text-decoration:none;
  border:1px solid rgba(168,181,189,.22);background:rgba(255,255,255,.04);color:var(--rs-ink);
  transition:border-color .18s,background .18s,color .18s}
.rs-b:hover{border-color:var(--rs-accent);background:rgba(255,255,255,.07)}
.rs-b:focus-visible{outline:2px solid var(--rs-accent-2);outline-offset:2px}
.rs-b[hidden]{display:none}
.rs-b svg{width:15px;height:15px;flex:0 0 auto}
/* The primary is whichever route the product most wants taken; it is set by
   the caller, not assumed here. */
.rs-b.primary{background:linear-gradient(180deg,color-mix(in srgb,var(--rs-accent) 84%,#fff),var(--rs-accent));
  border-color:transparent;color:#0B1412}
.rs-b.primary:hover{filter:brightness(1.06);background:linear-gradient(180deg,color-mix(in srgb,var(--rs-accent) 84%,#fff),var(--rs-accent))}
.rs-b[disabled]{opacity:.45;cursor:default}

.rs-note{font-family:'DM Mono',ui-monospace,monospace;font-size:9.5px;letter-spacing:.13em;
  text-transform:uppercase;color:var(--rs-silver);line-height:1.8;text-align:center;margin:2px 0 0}
.rs-note[hidden]{display:none}

@media (prefers-reduced-motion:reduce){.rs-b{transition:none}}