.icon-container{align-items:center;display:flex;height:24px;justify-content:center;min-height:24px;min-width:24px;position:relative;width:24px}.icon{display:inline-block;height:100%;min-height:100%;min-width:100%;width:100%}.button{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.8rem;cursor:pointer;display:inline-flex;font-family:var(--font-default),sans-serif;font-weight:600;justify-content:center;letter-spacing:0;line-height:100%;outline:none;position:relative;text-align:center;text-transform:uppercase;transition:all .2s ease-in-out;vertical-align:middle}.button-icon{height:24px;min-height:24px;min-width:24px;width:24px}.button-icon--right{margin-inline-start:8px}.button-icon--left{margin-inline-end:8px}.button-icon>*{height:100%;min-height:100%;min-width:100%;width:100%}.button .button-icon,.button .icon-container{height:var(--button-icon-size,2rem);min-height:var(--button-icon-size,2rem);min-width:var(--button-icon-size,2rem);width:var(--button-icon-size,2rem)}.button--xs{font-size:var(--body-font-size-6);min-height:var(--control-size--xs);padding:.8rem 1.4rem}.button--xs .button-icon,.button--xs .icon-container{height:var(--button-icon-size,2rem);min-height:var(--button-icon-size,2rem);min-width:var(--button-icon-size,2rem);width:var(--button-icon-size,2rem)}.button--xs .button-icon--right,.button--xs .icon-container--right{margin-inline-start:6px}.button--xs .button-icon--left,.button--xs .icon-container--left{margin-inline-end:6px}.button--s{font-size:var(--body-font-size-7);min-height:var(--control-size--s);padding:1rem}.button--s .button-icon,.button--s .icon-container{height:var(--button-icon-size,2rem);min-height:var(--button-icon-size,2rem);min-width:var(--button-icon-size,2rem);width:var(--button-icon-size,2rem)}.button--s .button-icon--right,.button--s .icon-container--right{margin-inline-start:6px}.button--s .button-icon--left,.button--s .icon-container--left{margin-inline-end:6px}.button--m{--button-icon-size:2rem;font-size:var(--body-font-size-6);min-height:var(--control-size--m);padding:1.2rem}.button--ml{font-size:var(--body-font-size-2);min-height:var(--control-size--ml);padding:1.2rem}.button--l{--button-icon-size:2.4rem;font-size:var(--body-font-size-1);min-height:var(--control-size--l);padding:1.7rem}.button--outlined{background:transparent;border:2px solid}.button--filled{color:var(--almost-white)}.button--filled.button--extra-accent{background:var(--extra-accent-1);border-top:2px solid hsla(0,0%,100%,.25);box-shadow:0 -6px 12px #71b2ff26,0 4px 8px #0000003d,inset 0 -2px #00000040}.button--filled.button--extra-accent:focus-visible,.button--filled.button--extra-accent:hover{background:var(--extra-accent-2);box-shadow:0 4px 6px #00000026,inset 0 -2px #0000002b}.button--filled.button--extra-accent:active{background:var(--extra-accent-3);border-color:transparent;box-shadow:none}.button--filled.button--accent{background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.2) 100%),var(--accent-1);border-top:2px solid hsla(0,0%,100%,.25);box-shadow:0 4px 8px #00000026,inset 0 -2px #0000002b}.button--filled.button--accent:focus-visible,.button--filled.button--accent:hover{background:var(--accent-2);box-shadow:0 4px 8px #00000026,inset 0 -2px #0000002b}.button--filled.button--accent:active{background:var(--accent-3);border-color:transparent;box-shadow:none}.button--filled.button--primary{background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.15) 100%),var(--main-2);border-top:2px solid hsla(0,0%,100%,.15);box-shadow:0 4px 8px #00000026,inset 0 -2px #0000002b}.button--filled.button--primary:focus-visible,.button--filled.button--primary:hover{background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.15) 100%),var(--main-1);box-shadow:0 4px 8px #00000026,inset 0 -2px #0000002b}.button--filled.button--primary:active{background:var(--bg-section-4);border-color:transparent;box-shadow:none}.button--filled.button--landing{background:#0a1825;border-top:2px solid hsla(0,0%,100%,.15);box-shadow:0 4px 8px #00000026,inset 0 -2px #0000002b}.button--filled.button--landing:focus-visible,.button--filled.button--landing:hover{background:var(--main-2);box-shadow:0 4px 8px #00000026,inset 0 -2px #0000002b}.button--filled.button--landing:active{background:#314863;border-color:transparent;box-shadow:none}.button--filled.button--gradient-1{background:linear-gradient(180deg,#5c6ead 7.76%,#303e70);border-radius:8px 0 0 8px;border-top:2px solid #8290c3;box-shadow:2px 0 2px #0003,inset 0 -2px #00000040}.button--filled.button--gradient-1:focus-visible,.button--filled.button--gradient-1:hover{background:linear-gradient(180deg,#5c6ead 7.76%,#303e70);box-shadow:2px 0 2px #0003,inset 0 -2px #00000040}.button--filled.button--gradient-1:active{background:linear-gradient(180deg,#5c6ead 7.76%,#303e70);box-shadow:2px 0 2px #0003,inset 0 -2px #00000040}.button--filled.button--warning{background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.2) 100%),var(--legacy-error-1);border-top:2px solid hsla(0,0%,100%,.25);box-shadow:0 4px 8px #0000003d,inset 0 -2px #00000040}.button--filled.button--warning:focus-visible,.button--filled.button--warning:hover{background:#961b1b;border-top:2px solid hsla(0,0%,100%,.25);box-shadow:0 4px 8px #00000026,inset 0 -2px #0000002b}.button--filled.button--warning:active{background:#7e0f0f;border-color:transparent;box-shadow:none}.button--ghost{background-color:transparent;color:unset}.button--ghost:focus,.button--ghost:hover{background-color:var(--main-1)}.button-loader{align-items:center;display:flex;height:100%;inset:0;justify-content:center;position:absolute;text-align:center;width:100%}.button-loader__icon{animation:button-spin .6s linear infinite;will-change:transform}@keyframes button-spin{to{transform:rotate(-1turn)}}.button-content{align-items:center;display:flex;height:100%;justify-content:center;text-align:center;width:100%}.button-content--hidden{opacity:0}.button--box{aspect-ratio:1/1;padding:0}.button--box.button--xxs{height:32px;min-height:32px;min-width:32px;width:32px}.button--box.button--xxs .button-icon,.button--box.button--xxs .icon-container{height:var(--body-font-size-1);min-height:var(--body-font-size-1);min-width:var(--body-font-size-1);width:var(--body-font-size-1)}.button--box.button--xs{height:36px;min-height:36px;min-width:36px;width:36px}.button--box.button--xs .button-icon,.button--box.button--xs .icon-container{height:var(--body-font-size-1);min-height:var(--body-font-size-1);min-width:var(--body-font-size-1);width:var(--body-font-size-1)}.button--box.button--s{height:44px;min-height:44px;min-width:44px;width:44px}.button--box.button--m{height:48px;min-height:48px;min-width:48px;width:48px}.button--box.button--ml{height:var(--control-size--ml);min-height:var(--control-size--ml);min-width:var(--control-size--ml);width:var(--control-size--ml)}.button--box.button--l{height:58px;min-height:58px;min-width:58px;width:58px}.button--box .button-icon,.button--box .button-icon--left,.button--box .button-icon--right,.button--box .icon-container,.button--box .icon-container--left,.button--box .icon-container--right{margin:0}.button--disabled,.button:disabled{opacity:.8;pointer-events:none}.button--loading{pointer-events:none}
