.sling-button{--sl-size:56px;--sl-svg:90px;--sl-pad:#f5f5f5;--sl-icon:#18181b;--sl-accent:#f5f5f5;--sl-well:#27272a;--sl-band:#52525b;--sl-stroke:3px;--sl-dot:8px;--sl-ease-out:cubic-bezier(.23, 1, .32, 1);width:var(--sl-size);height:var(--sl-size);display:inline-block;position:relative}.sling-button__fx{width:var(--sl-svg);height:var(--sl-svg);margin:calc(var(--sl-svg) / -2) 0 0 calc(var(--sl-svg) / -2);pointer-events:none;shape-rendering:geometricprecision;position:absolute;top:50%;left:50%;overflow:visible}.sling-button__well{fill:var(--sl-well);transition:fill .2s}.sling-button[data-sent] .sling-button__well{fill:var(--sl-accent)}.sling-button__band{fill:none;stroke:var(--sl-band);stroke-width:var(--sl-stroke);stroke-linecap:round;transition:stroke-width .16s var(--sl-ease-out)}.sling-button[data-armed] .sling-button__band{stroke-width:calc(var(--sl-stroke) * 1.5)}.sling-button__band--hot{stroke:var(--sl-accent)}.sling-button__arc{fill:none;stroke:var(--sl-accent);stroke-width:var(--sl-stroke);stroke-linecap:butt;transition:stroke-width .16s var(--sl-ease-out)}.sling-button[data-armed] .sling-button__arc{stroke-width:calc(var(--sl-stroke) * 1.5)}.sling-button__move{position:absolute;inset:0}.sling-button__pad{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;outline:none;width:100%;height:100%;margin:0;padding:0;display:block;position:relative}.sling-button__pad:focus-visible{outline:2px solid var(--sl-accent);outline-offset:2px}.sling-button__pad:after{content:"";border-radius:50%;position:absolute;inset:-6px}.sling-button__pad[data-held]{cursor:grabbing}.sling-button__pad[aria-disabled=true]{cursor:not-allowed;opacity:.5}.sling-button__face{background:var(--sl-pad);width:100%;height:100%;color:var(--sl-icon);transition:transform .16s var(--sl-ease-out);border-radius:50%;justify-content:center;align-items:center;display:flex}.sling-button__pad[data-held] .sling-button__face{transform:scale(.97)}.sling-button__pad[data-armed] .sling-button__face{transform:scale(1.04)}@media (hover:hover) and (pointer:fine){.sling-button__pad:not([data-held]):not([aria-disabled=true]):hover .sling-button__face{transform:scale(1.02)}}.sling-button__icon{will-change:transform;display:inline-flex}.sling-button__dot{width:var(--sl-dot);height:var(--sl-dot);margin:calc(var(--sl-dot) / -2) 0 0 calc(var(--sl-dot) / -2);background:var(--sl-accent);opacity:0;pointer-events:none;border-radius:50%;position:absolute;top:50%;left:50%}.sling-button__sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.sling-button__face{transition:none;transform:none!important}}