.sd-rb{--bg:#232323;--chip:#2a2a2a;--fg:#fafafa;--mute:#9a9a9a;--on:#ffffff1f;--on-line:#fafafa;color:var(--fg);font-feature-settings:"tnum";justify-items:start;gap:12px;padding-top:58px;display:grid;position:relative}.sd-rb[data-fill=light]{--bg:#fff;--chip:#f1f1f1;--fg:#111;--mute:#666;--on:#00000014;--on-line:#111}.sd-rb__picker{background:var(--bg);opacity:0;transform-origin:0 100%;pointer-events:none;border-radius:999px;gap:2px;padding:6px;transition:opacity .2s,transform .35s cubic-bezier(.3,1.5,.4,1);display:flex;position:absolute;top:0;left:0;transform:translateY(8px)scale(.9);box-shadow:0 16px 40px -14px #0009,inset 0 0 0 1px #7f7f7f33}.sd-rb__picker[data-open]{opacity:1;pointer-events:auto;transform:none}.sd-rb__picker button{width:calc(var(--rb-size) + 14px);height:calc(var(--rb-size) + 14px);font-size:var(--rb-size);border-radius:999px;transition:transform .25s cubic-bezier(.3,1.8,.4,1)}.sd-rb__picker[data-open] button{animation:.42s cubic-bezier(.3,1.6,.4,1) both sd-rb-in;animation-delay:calc(var(--i) * 30ms)}.sd-rb__picker button:hover,.sd-rb__picker button:focus-visible{outline:none;transform:scale(1.3)translateY(-3px)}@keyframes sd-rb-in{0%{opacity:0;transform:translateY(10px)scale(.4)}}.sd-rb__row{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.sd-rb__chip,.sd-rb__add{height:calc(var(--rb-size) + 18px);background:var(--chip);color:var(--fg);border-radius:999px;align-items:center;gap:7px;padding:0 13px 0 10px;font-size:15px;font-weight:500;transition:background-color .2s,box-shadow .2s,transform .3s cubic-bezier(.3,1.6,.4,1);display:inline-flex;position:relative}.sd-rb__chip:active,.sd-rb__add:active{transform:scale(.92)}.sd-rb__chip[aria-pressed=true]{background:var(--on);box-shadow:inset 0 0 0 1.5px var(--on-line)}.sd-rb__emo{font-size:var(--rb-size);line-height:1}.sd-rb__add{width:calc(var(--rb-size) + 18px);color:var(--mute);justify-content:center;padding:0}.sd-rb__add svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;width:20px}.sd-rb button:focus-visible{outline:2px solid var(--fg);outline-offset:2px}.sd-rb__burst{pointer-events:none;position:absolute;top:50%;left:22px}.sd-rb__burst i{font-size:15px;font-style:normal;animation:.7s cubic-bezier(.2,.8,.3,1) forwards sd-rb-fly;position:absolute;translate:-50% -50%}@keyframes sd-rb-fly{to{transform:rotate(var(--a)) translateX(34px) rotate(calc(var(--a) * -1)) scale(.6);opacity:0}}.sd-roll{line-height:1.1;display:inline-flex}.sd-roll__col{height:1.1em;display:inline-block;overflow:hidden}.sd-roll__strip{flex-direction:column;transition:transform .65s cubic-bezier(.2,1.35,.35,1);display:flex}.sd-roll__strip>span{height:1.1em}@media (prefers-reduced-motion:reduce){.sd-rb *,.sd-roll__strip{transition:none!important;animation:none!important}.sd-rb__burst{display:none}}
