.ss-scramble-wrap{display:flex;width:100%}
.ss-scramble-button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;text-decoration:none!important;border-style:solid;cursor:pointer;white-space:nowrap;overflow:hidden;isolation:isolate;transform:translate3d(0,0,0) scale(1);transition:color var(--ss-btn-transition,220ms) ease,background-color var(--ss-btn-transition,220ms) ease,border-color var(--ss-btn-transition,220ms) ease,box-shadow var(--ss-btn-transition,220ms) ease,transform var(--ss-btn-transition,220ms) cubic-bezier(.22,.61,.36,1)}
.ss-scramble-button:hover,.ss-scramble-button:focus-visible{transform:translate3d(0,var(--ss-hover-y,0px),0) scale(1)}
.ss-scramble-button:active{transform:translate3d(0,0,0) scale(var(--ss-active-scale,.98))}
.ss-scramble-button:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.ss-align-stretch .ss-scramble-button{width:100%}
.ss-scramble-button.ss-box-locked{box-sizing:border-box!important;width:var(--ss-lock-w)!important;min-width:var(--ss-lock-w)!important;max-width:var(--ss-lock-w)!important;height:var(--ss-lock-h)!important;min-height:var(--ss-lock-h)!important;max-height:var(--ss-lock-h)!important;flex:0 0 var(--ss-lock-w)!important}

/* v11: fixed measured text stage. The DOM width/height never changes during scramble. */
.ss-scramble-button__text{position:relative;display:inline-block;white-space:pre;flex:0 0 auto;font:inherit;letter-spacing:inherit;line-height:inherit;vertical-align:baseline;box-sizing:content-box}
.ss-text-slots{position:absolute;inset:0;display:block;white-space:pre;pointer-events:none;font:inherit;letter-spacing:inherit;line-height:inherit}
.ss-char-slot{position:absolute;display:block;overflow:visible;white-space:pre;font:inherit;letter-spacing:0;line-height:inherit;transform:translateZ(0);contain:layout style}
.ss-char-base,.ss-char-fx{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:flex-start;justify-content:center;white-space:pre;font:inherit;letter-spacing:0;line-height:inherit;pointer-events:none;transform:translateZ(0);backface-visibility:hidden;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased}
.ss-char-base{opacity:1}
.ss-char-fx{opacity:0;transition:color 75ms linear,opacity 75ms linear;will-change:color,opacity}
.ss-char-space .ss-char-base,.ss-char-space .ss-char-fx{visibility:hidden}

.ss-scramble-button__icon{display:inline-block;flex:0 0 auto;width:18px;height:18px;background-color:currentColor;opacity:var(--ss-icon-opacity,1);-webkit-mask-image:var(--ss-icon-mask);mask-image:var(--ss-icon-mask);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;transform:translate(var(--ss-icon-x,0px),var(--ss-icon-y,0px)) rotate(var(--ss-icon-rotate,0deg));transition:transform var(--ss-icon-transition,220ms) cubic-bezier(.22,.61,.36,1),background-color var(--ss-icon-transition,220ms) ease,opacity var(--ss-icon-transition,220ms) ease}
.ss-scramble-button:hover .ss-scramble-button__icon,.ss-scramble-button:focus-visible .ss-scramble-button__icon{opacity:var(--ss-icon-hover-opacity,1);transform:translate(calc(var(--ss-icon-x,0px) + var(--ss-icon-hover-x,0px)),calc(var(--ss-icon-y,0px) + var(--ss-icon-hover-y,0px))) rotate(calc(var(--ss-icon-rotate,0deg) + var(--ss-icon-hover-rotate,0deg)))}
@media(prefers-reduced-motion:reduce){.ss-scramble-button{transition:none}.ss-scramble-button:hover,.ss-scramble-button:focus-visible,.ss-scramble-button:active{transform:none}.ss-char-fx{display:none!important}.ss-char-base{opacity:1!important}.ss-scramble-button.ss-box-locked{width:auto!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:none!important;flex:0 1 auto!important}}