.FloatingPill--small[data-v-9cc03d67]{--floating-pill-size:48px;--floating-pill-icon-size:20px;--floating-pill-label-size:15px}.FloatingPill--large[data-v-9cc03d67]{--floating-pill-size:var(--floating-pill-size-largest);--floating-pill-icon-size:24px;--floating-pill-label-size:16px}.FloatingPill[data-v-9cc03d67]{height:var(--floating-pill-size);cursor:pointer;margin-right:calc((var(--floating-pill-size-largest) - var(--floating-pill-size)) / 2);outline:none;overflow:hidden}.FloatingPill[data-v-9cc03d67]:focus-visible{outline:3px solid var(--sa-text-primary);outline-offset:2px}.FloatingPill_icon[data-v-9cc03d67]{width:var(--floating-pill-size);height:var(--floating-pill-size);font-size:var(--floating-pill-icon-size);flex-shrink:0;line-height:1}.FloatingPill_label[data-v-9cc03d67]{white-space:nowrap;opacity:0;max-width:0;font-size:var(--floating-pill-label-size);padding-left:0;transition:max-width .35s cubic-bezier(.4,0,.2,1),padding-left .35s cubic-bezier(.4,0,.2,1),opacity .35s cubic-bezier(.4,0,.2,1);overflow:hidden}.FloatingPill:focus-visible .FloatingPill_label[data-v-9cc03d67]{opacity:1;max-width:16rem;padding-left:20px}@media (hover:hover){.FloatingPill:hover .FloatingPill_label[data-v-9cc03d67]{opacity:1;max-width:16rem;padding-left:20px}}@media (prefers-reduced-motion:reduce){.FloatingPill_label[data-v-9cc03d67]{transition:none}}.FloatingAction_slot[data-v-3d3a78b3]{height:var(--floating-pill-size-largest);overflow:visible}.v-enter-from[data-v-3d3a78b3],.v-leave-to[data-v-3d3a78b3]{height:0;margin-top:calc(var(--floating-stack-gap) * -1);opacity:0}.v-enter-active[data-v-3d3a78b3]{transition:height .25s,margin-top .25s,opacity .2s .2s}.v-leave-active[data-v-3d3a78b3]{transition:height .25s .1s,margin-top .25s .2s,opacity .3s}@media (prefers-reduced-motion:reduce){.v-enter-active[data-v-3d3a78b3],.v-leave-active[data-v-3d3a78b3]{transition:none}}[data-v-c781e1ef]:focus{outline:none}[data-v-c781e1ef]:focus-visible{outline:5px auto -webkit-focus-ring-color}