.jelly-radio{--jr-chip:#27272a;--jr-active:#f5f5f5;--jr-text:#f5f5f5;--jr-active-text:#18181b;--jr-gap:8px;--jr-radius:18px;--jr-h:36px;--jr-font:13px;--jr-px:16px;--jr-pad-x:16px;--jr-pad-y:6px;--jr-ease-out:cubic-bezier(.23, 1, .32, 1);align-items:center;gap:var(--jr-gap);padding:var(--jr-pad-y) var(--jr-pad-x);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;display:inline-flex}.jelly-radio[data-disabled]{opacity:.5;pointer-events:none}.jelly-radio__chip{color:inherit;font:inherit;cursor:pointer;transform-origin:50%;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;outline:none;margin:0;padding:0;position:relative}.jelly-radio__chip--on{cursor:default}.jelly-radio:not([data-disabled]) .jelly-radio__chip:disabled{cursor:default;opacity:.4}.jelly-radio__skin{height:var(--jr-h);padding:0 var(--jr-px);border-radius:var(--jr-radius);background:var(--jr-chip);color:var(--jr-text);font-size:var(--jr-font);white-space:nowrap;transition:transform .16s var(--jr-ease-out), background-color .2s ease, color .2s ease;justify-content:center;align-items:center;gap:.4em;font-weight:500;line-height:1;display:inline-flex;position:relative;overflow:hidden}.jelly-radio__skin:before{content:"";background:var(--jr-text);opacity:0;pointer-events:none;transition:opacity .16s;position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.jelly-radio__chip--off:not(:disabled):hover .jelly-radio__skin:before{opacity:.11}}.jelly-radio__chip:active .jelly-radio__skin{transform:scale(.97)}.jelly-radio__chip--on .jelly-radio__skin{background:var(--jr-active);color:var(--jr-active-text)}.jelly-radio__icon{display:inline-flex}.jelly-radio__chip:focus-visible .jelly-radio__skin{box-shadow:0 0 0 2px var(--color-paper,#fff), 0 0 0 4px var(--jr-active)}@media (prefers-reduced-motion:reduce){.jelly-radio__chip:active .jelly-radio__skin{transform:none}}