.sk-flow-button{isolation:isolate;border:1.5px solid rgb(var(--color-ink) / .4);max-width:100%;min-height:46px;color:rgb(var(--color-ink));cursor:pointer;background:0 0;border-radius:100px;justify-content:center;align-items:center;gap:4px;padding:12px 32px;font-size:14px;font-weight:600;line-height:20px;text-decoration:none;transition:border-color .6s cubic-bezier(.23,1,.32,1),color .6s cubic-bezier(.23,1,.32,1),border-radius .6s cubic-bezier(.23,1,.32,1),transform .16s cubic-bezier(.23,1,.32,1);display:inline-flex;position:relative;overflow:hidden}.sk-flow-label{z-index:1;transition:transform .8s ease-out;position:relative;transform:translate(-12px)}.sk-flow-circle{background:rgb(var(--color-ink));opacity:0;border-radius:50%;width:16px;height:16px;transition:width .8s cubic-bezier(.19,1,.22,1),height .8s cubic-bezier(.19,1,.22,1),opacity .8s cubic-bezier(.19,1,.22,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sk-flow-arrow{z-index:2;stroke:currentColor;width:16px;height:16px;transition:left .8s cubic-bezier(.34,1.56,.64,1),right .8s cubic-bezier(.34,1.56,.64,1);position:absolute}.sk-flow-arrow-in{left:-25%}.sk-flow-arrow-out{right:16px}.sk-flow-button:where(:not(:disabled)):is(:hover,:focus-visible){color:rgb(var(--color-cream));border-color:#0000;border-radius:12px}.sk-flow-button:where(:not(:disabled)):is(:hover,:focus-visible) .sk-flow-label{transform:translate(12px)}.sk-flow-button:where(:not(:disabled)):is(:hover,:focus-visible) .sk-flow-circle{opacity:1;width:max(220px,100% + 64px);height:220px}.sk-flow-button:where(:not(:disabled)):is(:hover,:focus-visible) .sk-flow-arrow-in{left:16px}.sk-flow-button:where(:not(:disabled)):is(:hover,:focus-visible) .sk-flow-arrow-out{right:-25%}.sk-flow-button:focus-visible{outline:2px solid rgb(var(--color-ink));outline-offset:3px}.sk-flow-button:where(:not(:disabled)):active{transform:scale(.95)}.sk-flow-button:disabled{opacity:.55;cursor:not-allowed}@media (prefers-reduced-motion:reduce){.sk-flow-button,.sk-flow-button *{transition:none}.sk-flow-button:where(:not(:disabled)):active{transform:none}}@media (forced-colors:active){.sk-flow-button{color:buttontext;border-color:buttontext}.sk-flow-button:where(:not(:disabled)):is(:hover,:focus-visible){color:highlighttext;background:highlight;border-color:highlight}.sk-flow-circle{display:none}}