.feed-preferences{align-items:center;gap:var(--pulse-space-6);padding:var(--pulse-space-4) var(--pulse-space-6);border-bottom:0;flex-wrap:wrap;display:flex}.feed-mix-control{flex:260px;min-width:0}.feed-mix-value{justify-content:space-between;align-items:center;gap:var(--pulse-space-2);margin-bottom:var(--pulse-space-2);font-size:var(--pulse-small);flex-wrap:wrap;display:flex}.feed-mix-caption{background:color-mix(in srgb,var(--pulse-accent) 9%,var(--pulse-surface));color:var(--pulse-accent);border-radius:999px;padding:3px 9px;font-weight:600;display:inline-block}.feed-mix-value output{color:var(--pulse-secondary);font-variant-numeric:tabular-nums}.feed-mix-slider{position:relative}.feed-mix-stops{z-index:2;pointer-events:none;justify-content:space-between;display:flex;position:absolute;top:50%;left:10px;right:10px;transform:translateY(-50%)}.feed-mix-stops span{background:var(--pulse-secondary);width:6px;height:6px;box-shadow:0 0 0 2px var(--pulse-surface);border-radius:50%}.feed-mix-stops .is-filled{background:var(--pulse-accent)}.feed-mix-stops .is-current{visibility:hidden}.pulse-page .pulse-page-content input.feed-mix-range{appearance:none;border-radius:var(--pulse-control-radius);cursor:grab;background:0 0;border:0;width:100%;height:44px;min-height:44px;margin:0;padding:0;display:block;position:relative}.pulse-page .pulse-page-content input.feed-mix-range:active{cursor:grabbing}.feed-mix-range::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--pulse-accent) 0 var(--feed-mix-progress),var(--pulse-border) var(--feed-mix-progress) 100%);border:0;border-radius:999px;height:6px}.feed-mix-range::-moz-range-track{background:linear-gradient(to right,var(--pulse-accent) 0 var(--feed-mix-progress),var(--pulse-border) var(--feed-mix-progress) 100%);border:0;border-radius:999px;height:6px}.feed-mix-range::-webkit-slider-thumb{appearance:none;box-sizing:border-box;border:5px solid var(--pulse-accent);background:var(--pulse-surface);width:20px;height:20px;box-shadow:0 0 0 4px color-mix(in srgb,var(--pulse-accent) 12%,transparent);border-radius:50%;margin-top:-7px;transition:box-shadow .15s}.feed-mix-range::-moz-range-thumb{box-sizing:border-box;border:5px solid var(--pulse-accent);background:var(--pulse-surface);width:20px;height:20px;box-shadow:0 0 0 4px color-mix(in srgb,var(--pulse-accent) 12%,transparent);border-radius:50%;transition:box-shadow .15s}.feed-mix-range:is(:hover,:focus-visible)::-webkit-slider-thumb{box-shadow:0 0 0 7px color-mix(in srgb,var(--pulse-accent) 18%,transparent)}.feed-mix-range:is(:hover,:focus-visible)::-moz-range-thumb{box-shadow:0 0 0 7px color-mix(in srgb,var(--pulse-accent) 18%,transparent)}.feed-mix-slider:has(input:disabled) .feed-mix-stops{opacity:.5}.pulse-page .pulse-page-content input.feed-mix-range:disabled{cursor:not-allowed;opacity:.5}.feed-mix-labels{justify-content:space-between;gap:var(--pulse-space-2);color:var(--pulse-secondary);font-size:var(--pulse-small);display:flex}.feed-preferences .pulse-choice-tabs{flex:none}@media (max-width:700px){.feed-preferences{padding:var(--pulse-space-4);gap:var(--pulse-space-3)}.feed-mix-control{flex-basis:100%}}@media (prefers-reduced-motion:reduce){.feed-mix-range::-webkit-slider-thumb{transition:none}.feed-mix-range::-moz-range-thumb{transition:none}}.feed-fallback-note{padding:var(--pulse-space-3) var(--pulse-space-6);color:var(--pulse-secondary);font-size:var(--pulse-small);border-bottom:0;margin:0;line-height:1.5}@media (max-width:700px){.feed-fallback-note{padding-left:var(--pulse-space-4);padding-right:var(--pulse-space-4)}}.pulse-page .pulse-page-content .feed-preferences .pulse-choice-tabs{border:1px solid var(--pulse-border);background:var(--pulse-background);border-radius:999px;align-items:center;gap:2px;padding:2px;display:inline-flex}.pulse-page .pulse-page-content .feed-preferences .pulse-choice-tabs>button{min-height:32px;color:var(--pulse-secondary);font-size:var(--pulse-small);background:0 0;border:0;border-radius:999px;margin:0;padding:6px 12px;font-weight:650;line-height:1.4}.pulse-page .pulse-page-content .feed-preferences .pulse-choice-tabs>button[aria-pressed=true]{background:var(--pulse-accent);color:var(--pulse-on-accent)}.pulse-page .pulse-page-content .feed-preferences .pulse-choice-tabs>button:focus-visible{outline:2px solid var(--pulse-accent);outline-offset:3px}@media (pointer:coarse){.pulse-page .pulse-page-content .feed-preferences .pulse-choice-tabs>button{min-height:44px}}
