.button{align-items:center;border:none;border-radius:100px;cursor:pointer;display:flex;flex-direction:row;max-height:52px;outline:none;overflow:hidden;position:relative;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.button--xs{padding:4px 16px}.button--sm{padding:8px 24px}.button--md{padding:16px 32px}.button--lg{padding:32px 64px}.button--loading{opacity:.8}.button__body{align-items:center;display:flex;gap:8px;justify-content:center;width:100%}.button__loading{height:1em!important;width:1em!important}.button:disabled,.button:focus,.button:hover{transition:all .2s}.button:disabled{color:var(--md-sys-color-outline);pointer-events:none}.button:active{border-radius:10px}.button--filled{background:var(--md-sys-color-primary-light);border:1px solid var(--md-sys-color-primary-light);color:var(--md-sys-color-on-primary-light)}.button--filled:hover{box-shadow:0 1px 2px #0000004d,0 1px 3px 1px #00000026}.button--filled:hover .state-layer{opacity:.08}.button--filled:focus .state-layer{opacity:.12}.button--filled:active{border-radius:10px}.button--filled:disabled{background:transparent;border:1px solid var(--md-sys-layer-on-surface-light-opacity-012)}.button--filled:disabled .ui-button__body{color:var(--md-sys-color-on-surface);opacity:.38}.button--outlined{background:transparent;border:1px solid var(--md-sys-color-outline);color:var(--md-sys-color-primary)}.button--outlined:hover{background:var(--md-sys-layer-on-surface-light-opacity-008)}.button--outlined:active{background:var(--md-sys-layer-on-surface-light-opacity-012);border-color:var(--md-sys-color-primary)}.button--outlined:disabled{border-color:var(--md-sys-layer-on-surface-light-opacity-012);color:var(--md-sys-color-on-surface);opacity:.38}.button--text{background:transparent;color:var(--md-sys-color-primary-light)}.button--text:hover{background:var(--md-sys-layer-on-surface-light-opacity-008)}.button--text:active{background:var(--md-sys-layer-on-surface-light-opacity-012)}.button--text:disabled .ui-button__body{color:var(--md-sys-color-on-surface);opacity:.38}.button--right{margin-left:auto}.button--center,.button--left{margin-right:auto}.button--center{margin-left:auto}.button--stretch{width:100%}.button--loading{pointer-events:none}.button__ripple{animation:ripple .6s linear forwards;background-color:#fff3;border-radius:50%;position:absolute;transform:scale(0)}.state-layer{background:#fff;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}@keyframes ripple{to{opacity:0;transform:scale(4)}}