/* Who a set is for (components/set-visibility.html): the set form and a set's guest list. */
.set-visibility { margin: 0; padding: 0; border: 0; }
.set-visibility legend { padding: 0; margin-bottom: 6px; }
.set-visibility label { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px; font-weight: 600; }
.set-visibility small { color: var(--studio-muted, var(--text-muted, #6b6b78)); font-size: .74rem; }
.set-visibility-public { display: flex; align-items: center; gap: 8px; }
.set-visibility-circle { display: grid; gap: 4px; margin: 4px 0 0 26px; }
.set-visibility-circle label { font-weight: 500; }
.set-visibility-soon { position: relative; display: inline-grid; place-items: center; width: 20px; height: 20px; border: 2px solid currentColor; border-radius: 50%; font-size: .72rem; font-weight: 800; cursor: help; }
.set-visibility-soon[hidden] { display: none; }
.set-visibility-tip { position: absolute; bottom: calc(100% + 6px); left: 50%; z-index: 5; width: max-content; max-width: 220px; padding: 6px 9px; border: 2px solid var(--ink-border); border-radius: 8px; background: var(--white); color: var(--text-dark, #25252d); font-size: .74rem; font-weight: 600; transform: translateX(-50%); visibility: hidden; }
.set-visibility-soon:hover .set-visibility-tip, .set-visibility-soon:focus .set-visibility-tip { visibility: visible; }