/* The few rules the first screen draws that live in sheets which otherwise come later (js/later-css.js; SNAPPY-ALL-1 D1). It sits where
   store.css sits in the order of the sheets. */
/* the round Library button beside the search bar (was in store.css) */
.search-wrap { display: flex; align-items: center; gap: 8px; }
.search-wrap .search-pair { flex: 1; min-width: 0; width: auto; }
#store-btn { flex: none; width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center; padding: 0;
  border: 1px solid var(--line); background: rgba(var(--tint), .06); color: var(--muted); }
#store-btn svg { width: 18px; height: 18px; fill: currentColor; }
#store-btn:hover { color: var(--text); background: rgba(var(--tint), .12); }

/* M mutes everything (DM1): the pill of the shared part (kit/mute) sits top centre in Dew. The corners are taken: bottom by the dock,
   top left by the swipe-out corner (.ez-do), top right by the volume and the padlock. It shrinks to the speaker after a few seconds. (was in release.css) */
.dew-mute-pill[data-corner="top-center"] { left: 50%; top: calc(env(safe-area-inset-top, 0px) + 12px); transform: translateX(-50%); }