@layer base{@keyframes button-fly-through{0%{opacity:1;transform:translateY(0)}45%{opacity:0;transform:translateY(-60%)}55%{opacity:0;transform:translateY(60%)}to{opacity:1;transform:translateY(0)}}.button__icon{flex-shrink:0;display:inline-block}.button__icon .icon{block-size:1.5rem;inline-size:1.5rem}.button__wrapper{flex-grow:1;align-items:center;gap:.25rem;max-inline-size:100%;display:flex;overflow:hidden}.button__wrapper.button__wrapper--reverse{flex-direction:row-reverse}.button{outline-offset:.25rem;background:0 0;border:none;flex-grow:0;flex-shrink:0;justify-content:center;align-items:center;inline-size:auto;max-inline-size:100%;margin:0;padding:0;text-decoration:none;display:inline-flex;position:relative}.button:disabled,.button[aria-disabled=true]{pointer-events:none;opacity:.4}.button:not(:has(.button__text)):after{display:none}.button:not(:has(.button__text)):before{display:none}.button .button__text{letter-spacing:0;text-transform:none;text-overflow:ellipsis;text-align:start;white-space:nowrap;flex:1;inline-size:100%;min-inline-size:0;font-family:neue-haas-unica,sans-serif;font-size:.9375rem;font-style:normal;font-weight:500;font-stretch:100%;line-height:150%;display:inline-block;overflow:hidden}.button:is(:hover,:focus-visible,:active){cursor:pointer}.button:is(:hover,:focus-visible,:active) .button__text,.button:is(:hover,:focus-visible,:active) .button__icon{animation:.3s ease-in-out forwards button-fly-through}.button.button--stretched{inline-size:100%}.button.button--stretched .button__wrapper{justify-content:center}.button.button--stretched .button__text{text-align:center;flex:0 auto;inline-size:auto}.button.button--primary,.button.button--secondary{isolation:isolate;border-radius:.5rem}.button.button--primary .button__wrapper,.button.button--secondary .button__wrapper{clip-path:polygon(0 0,100% 0,100% calc(100% - 1.5rem),calc(100% - 1.5rem) 100%,0 100%);border-radius:.5rem;min-block-size:3rem;padding:.75rem 2rem}:is(.button.button--primary .button__wrapper:not(:has(.button__text)),.button.button--secondary .button__wrapper:not(:has(.button__text))){clip-path:none;inline-size:3rem;padding:.75rem}.button.button--primary:before,.button.button--primary:after,.button.button--secondary:before,.button.button--secondary:after{content:"";position:absolute;inset-block-end:0;inset-inline-end:0}.button.button--primary:before,.button.button--secondary:before{block-size:1.5rem;inline-size:1.5rem;-webkit-mask-image:var(--rounded-corner-mask-image);mask-image:var(--rounded-corner-mask-image);background-color:oklch(45.44% .1282 252.9);-webkit-mask-size:cover;mask-size:cover;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.button.button--primary:after,.button.button--secondary:after{clip-path:polygon(100% 0,0 100%,100% 100%);transform-origin:0 100%;background-color:oklch(50.57% .1957 24);border-radius:0 0 .25rem;block-size:.875rem;inline-size:.875rem;transition:scale .3s ease-in-out;scale:0}.button.button--primary.button--dark:before,.button.button--secondary.button--dark:before{background-color:oklch(90% .1869 103.22)}.button.button--primary.button--error:before,.button.button--secondary.button--error:before{background-color:oklch(54.85% .2158 17.62)}.button.button--primary:is(:hover,:focus-visible,:active):after,.button.button--secondary:is(:hover,:focus-visible,:active):after{scale:1}.button.button--primary{color:oklch(100% 0 0)}.button.button--primary.button--light .button__wrapper{background-color:oklch(45.44% .1282 252.9)}.button.button--primary.button--dark{color:oklch(16.89% .0021 286.18)}.button.button--primary.button--dark .button__wrapper{background-color:oklch(90% .1869 103.22)}.button.button--primary.button--error{color:oklch(100% 0 0)}.button.button--primary.button--error .button__wrapper{background-color:oklch(54.85% .2158 17.62)}.button.button--secondary{color:oklch(45.44% .1282 252.9)}.button.button--secondary.button--light .button__wrapper{box-shadow:inset 0 0 0 1px oklch(45.44% .1282 252.9)}.button.button--secondary:before{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M23.5 0L23.5 0.68643C23.4999 2.80808 22.6571 4.84282 21.1569 6.34305L6.34315 21.1568C4.84286 22.6571 2.80802 23.5 0.686279 23.5H0' stroke='black' stroke-width='1' fill='none'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M23.5 0L23.5 0.68643C23.4999 2.80808 22.6571 4.84282 21.1569 6.34305L6.34315 21.1568C4.84286 22.6571 2.80802 23.5 0.686279 23.5H0' stroke='black' stroke-width='1' fill='none'/></svg>")}.button.button--secondary.button--dark{color:oklch(90% .1869 103.22)}.button.button--secondary.button--dark .button__wrapper{box-shadow:inset 0 0 0 1px oklch(90% .1869 103.22)}.button.button--secondary.button--error{color:oklch(54.85% .2158 17.62)}.button.button--secondary.button--error .button__wrapper{box-shadow:inset 0 0 0 1px oklch(54.85% .2158 17.62)}.button.button--tertiary{color:oklch(45.44% .1282 252.9);border:none;block-size:auto}.button.button--tertiary.button--dark{color:oklch(90% .1869 103.22)}.button.button--tertiary.button--error{color:oklch(54.85% .2158 17.62)}.button.button--static .button__text,.button.button--static .button__icon{animation:none!important}}
