.visibility-pills{flex-wrap:nowrap;gap:.3rem;display:flex}.visibility-pills__pill{cursor:pointer;font-family:var(--font-body);white-space:nowrap;border-radius:2rem;justify-content:center;align-items:center;gap:.25rem;font-weight:400;line-height:1;transition:all .15s;display:inline-flex}.visibility-pills__icon{flex-shrink:0;align-items:center;display:inline-flex}.visibility-pills--sm .visibility-pills__pill{padding:.25rem .5rem;font-size:.7rem}.visibility-pills--md .visibility-pills__pill{padding:.3rem .75rem;font-size:.8rem}.visibility-pills--light .visibility-pills__pill{color:#2d0042;background:0 0;border:1px solid #2d004233}.visibility-pills--light .visibility-pills__pill--active{background:#2d00421f;border-color:#2d004280;font-weight:600}.visibility-pills--light .visibility-pills__pill:hover:not(.visibility-pills__pill--active){background:#2d00420f}.visibility-pills--dark .visibility-pills__pill{color:#ddc9f0;background:0 0;border:1px solid #f4ece533}.visibility-pills--dark .visibility-pills__pill--active{color:#f4ece5;background:#f4ece526;border-color:#f4ece599;font-weight:600}.visibility-pills--dark .visibility-pills__pill:hover:not(.visibility-pills__pill--active){background:#f4ece512}.visibility-pills__pill:focus-visible{outline-offset:2px;outline:2px solid #faeec8}