.button{font-family:var(--font-catamaran);font-size:12px;font-weight:600;line-height:normal;letter-spacing:0;--button-hover-color:currentcolor;--button-hover-fill:transparent;--button-hover-border:transparent;position:relative;isolation:isolate;box-sizing:border-box;display:inline-flex;height:32px;overflow:hidden;align-items:center;justify-content:center;border-radius:0;text-decoration:none;white-space:nowrap;cursor:pointer;transition:color .24s cubic-bezier(.22,1,.36,1),background-color .24s cubic-bezier(.22,1,.36,1),border-color .24s cubic-bezier(.22,1,.36,1)}.button:focus-visible{border-color:var(--button-hover-border);color:var(--button-hover-color);outline:2px solid #0a123c;outline-offset:2px}.button:focus-visible .fill{clip-path:circle(150% at 50% 100%)}.button.is-active .fill{clip-path:circle(150% at 50% 100%)}.button:disabled{cursor:not-allowed;opacity:.5}.button .fill{position:absolute;z-index:0;inset:0;pointer-events:none;background:var(--button-hover-fill);clip-path:circle(0 at 50% 100%);transition:clip-path .34s cubic-bezier(.22,1,.36,1)}.button .label{position:relative;z-index:1}.button .rollClip{display:inline-block;overflow:hidden;vertical-align:top}.button .rollInner{position:relative;will-change:transform}.button .rollInner,.button .rollRow{display:block;white-space:pre}.button .rollRow:last-child{position:absolute;top:100%;width:100%}[dir=ltr] .button .rollRow:last-child{left:0}[dir=rtl] .button .rollRow:last-child{right:0}.button.solidDark,.button.solidLight{padding:6px 28px}.button.solidLight{--button-hover-color:#fff;--button-hover-fill:#000;--button-hover-border:hsla(0,0%,47%,.11);color:#000;background-color:#fff}.button.solidDark,.button.solidLight{border:1px solid hsla(0,0%,47%,.11);background-clip:padding-box}.button.solidDark{--button-hover-color:#000;--button-hover-fill:#fff;--button-hover-border:hsla(0,0%,47%,.11);color:#fff;background-color:#000}.button.outlineDark,.button.outlineLight{padding:6px 10px;background:transparent}.button.outlineLight{--button-hover-color:#000;--button-hover-fill:#fff;--button-hover-border:#fff;border:1px solid hsla(0,0%,100%,.09);color:#fff}.button.outlineDark{--button-hover-color:#fff;--button-hover-fill:#000;--button-hover-border:#000;border:1px solid rgba(0,0,0,.09);color:#000}.button.underlineLight{padding:6px 28px;border:0;color:#fff;background:transparent}.button.underlineLight:after{position:absolute;right:0;bottom:0;left:0;height:2px;content:"";background:hsla(0,0%,100%,.35);pointer-events:none}.button.underlineLight .fill{inset:auto 0 0;height:2px;background:#fff}.button.is-tapping{border-color:var(--button-hover-border);color:var(--button-hover-color)}@media(hover:hover)and (pointer:fine){.button:hover:not(:disabled){border-color:var(--button-hover-border);color:var(--button-hover-color)}}@media(prefers-reduced-motion:reduce){.button,.button .fill{transition:none!important}}