.button-common{all:unset;cursor:pointer;-webkit-user-select:none;user-select:none;padding:.7em 1.6em;text-align:center;align-items:center;transition:var(--animation-speed-faster);position:relative;overflow:hidden;border-radius:var(--shape-corner-full);contain:content;display:flex;justify-content:space-between}.button-big{font-size:1.4rem}.button-small{font-size:var(--md-sys-typescale-label-small-font-size);line-height:var(--md-sys-typescale-label-small-line-height)}.button-common-elevated{color:var(--color-primary);background-color:var(--color-surface-container-high);box-shadow:var(--shadow-lvl-1)}.button-common-elevated:active{box-shadow:0 0 1px rgba(0,0,0,.2),0 1px 1px 1px rgba(0,0,0,.08)}.button-common-filled{color:var(--color-on-primary);background-color:var(--color-primary)}.button-common-filled:hover{box-shadow:var(--md-sys-elevation-level1)}.button-common-filled:active{box-shadow:var(--md-sys-elevation-level0)}.button-common-tonal{color:var(--color-on-secondary-container);background-color:var(--color-secondary-container)}.button-common-outlined{outline:1px solid var(--color-outline)}.button-common-text{color:var(--color-primary)}.button-disabled{opacity:.28;pointer-events:none}@keyframes useRippleAnimationA{to{transform:scale(8);opacity:0}}.rippleA{will-change:transform,opacity;contain:strict;transform:translateZ(1px);position:absolute;pointer-events:none;border-radius:100vh;opacity:.12;animation-name:useRippleAnimationA;animation-fill-mode:forwards;background-color:var(--color-primary)}.stateLayerPrimary{cursor:pointer;position:relative;-webkit-user-select:none;user-select:none}.stateLayerPrimary-hover-class:after{border-radius:inherit;-webkit-user-select:none;user-select:none;pointer-events:none;contain:strict;content:"";width:100%;height:100%;position:absolute;left:0;top:0;background-color:var(--color-primary);opacity:var(--md-sys-state-hover-state-layer-opacity);opacity:.08!important}.stateLayerPrimaryOn:after{background-color:var(--color-on-primary)!important}.stateLayerPrimary:after{border-radius:inherit;-webkit-user-select:none;user-select:none;pointer-events:none;contain:strict;content:"";width:100%;height:100%;position:absolute;left:0;top:0;background-color:var(--color-primary);opacity:0;transition:var(--animation-speed-fast)}.stateLayerPrimary:hover:after{will-change:opacity;opacity:var(--md-sys-state-hover-state-layer-opacity);opacity:.08}.stateLayerPrimary:focus:after{opacity:.12}.stateLayerPrimary:active:after{opacity:.19}