.btn-group{display:flex;align-items:center;flex-wrap:wrap}.btn-group:not(.btn-group--merge) .btn:not(:last-child){margin-right:var(--bk-group-padding, 20px)}.btn-group--left{justify-content:flex-start}.btn-group--center{justify-content:center}.btn-group--right{justify-content:flex-end}.btn-group--fill{justify-content:space-between}.btn-group--fill .btn{flex:1}.btn-group--merge .btn{margin-right:0}.btn-group--merge .btn:first-child{border-radius:4px 0 0 4px}.btn-group--merge .btn:last-child{border-radius:0 4px 4px 0}.btn-group--merge .btn:not(:last-child){margin-right:-1px}.btn{--bk-background: hsla( var(--bk-background-h, 0) var(--bk-background-s, 0%) var(--bk-background-l, 68%) / var(--bk-background-a, 1) );--bk-color: hsla( var(--bk-color-h, 0) var(--bk-color-s, 0%) var(--bk-color-l, 0%) / var(--bk-color-a, 1) );font-family:inherit;font-size:var(--bk-font-size, 16px);background-color:var(--bk-background);color:var(--bk-color);height:var(--bk-button-size, 52px);overflow:hidden;position:relative;display:inline-flex;align-items:center;justify-content:center;margin:0;padding:0;box-sizing:border-box;border:none;text-decoration:none;text-align:center;text-transform:var(--bk-text-transform, uppercase);white-space:nowrap;outline:none;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;line-height:1;font-weight:var(--bk-font-weight, 500);letter-spacing:var(--bk-letter-spacing, .025em);-webkit-tap-highlight-color:transparent;transform:translateZ(0);transition-property:background-color,color,opacity,box-shadow;transition-duration:225ms}@media (hover: hover) and (pointer: fine){.btn:hover{--bk-background-hover-s: calc(var(--bk-background-s, 0%) - 5%);--bk-background-hover-l: calc(var(--bk-background-l, 68%) - 10%)}.btn:hover:not(.btn--outlined):not(.btn--text){background-color:hsla(var(--bk-background-h, 0) var(--bk-background-hover-s, 0%) var(--bk-background-hover-l, 68%)/var(--bk-background-a, 1))}.btn:hover:not(.btn--contained){background-color:hsla(var(--bk-background-h, 0) var(--bk-background-hover-s, 0%) var(--bk-background-hover-l, 68%)/.08)}.btn:active{--bk-background-active-s: calc(var(--bk-background-s, 0%) - 7.5%);--bk-background-active-l: calc(var(--bk-background-l, 68%) - 25%)}.btn:active:not(.btn--ripple):not(.btn--outlined):not(.btn--text){background-color:hsla(var(--bk-background-h, 0) var(--bk-background-active-s, 0%) var(--bk-background-active-l, 68%)/var(--bk-background-a, 1))}.btn:active:not(.btn--ripple){background-color:hsla(var(--bk-background-h, 0) var(--bk-background-active-s, 0%) var(--bk-background-active-l, 68%)/.28)}}.btn .label{position:relative;z-index:1;margin:0 calc(var(--bk-button-size, 52px) / 2)}.btn .label+[class*=icon]:last-child{margin-right:calc(var(--bk-button-size, 52px) / 2);margin-left:calc(var(--bk-button-size, 52px) / 3 * -1);transform:translate(calc(var(--bk-button-size) / 8))}.btn [class*=icon]{fill:var(--bk-color);width:var(--bk-icon-size, 24px);height:var(--bk-icon-size, 24px);transition-property:fill,stroke;transition-duration:225ms}.btn [class*=icon]:first-child{margin:0 calc(var(--bk-button-size, 52px) / 2 + var(--bk-icon-size, 24px) * -1 / 2)}.btn [class*=icon]:not(:last-child){margin-right:calc(var(--bk-button-size, 52px) / 3 * -1);margin-left:calc(var(--bk-button-size, 52px) / 2);transform:translate(calc(var(--bk-button-size) / 8 * -1))}.btn--rounded{border-radius:var(--bk-rounded-radius, 4px)}.btn--round{border-radius:var(--bk-round-radius, 100px)}.btn--outlined{--bk-color: var(--bk-background);background-color:transparent;box-shadow:inset 0 0 0 var(--bk-border-width, 1px) var(--bk-outline-color, var(--bk-background))}.btn--text{background-color:transparent}.btn--text:not(.btn--progress):not(.btn--disabled){--bk-color: var(--bk-background)}.btn--ripple:before{content:"";position:absolute;display:block;border-radius:50%;pointer-events:none;top:calc(var(--y) * 1px);left:calc(var(--x) * 1px);width:calc(var(--d) * 1px);height:calc(var(--d) * 1px);opacity:calc(var(--o, 1) * var(--bk-ripple-opacity, .45));transition:calc(var(--t, 0) * var(--bk-ripple-duration, .75s)) var(--bk-ripple-easing, cubic-bezier(.61, 1, .88, 1));transform:translate(-50%,-50%) scale(var(--s, 1));transform-origin:center;background-color:var(--bk-ripple-color, hsla(var(--bk-background-h) 20% 65%/var(--bk-background-a, 1)))}.btn--progress{--bk-color: transparent;cursor:default;pointer-events:none}.btn--progress:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:24px;height:24px;padding:5px;box-sizing:border-box;-webkit-mask:linear-gradient(hsl(0,0%,75%) 0 0) content-box,linear-gradient(hsl(0,0%,75%) 0 0);mask:linear-gradient(hsl(0,0%,75%) 0 0) content-box,linear-gradient(hsl(0,0%,75%) 0 0);-webkit-mask-composite:xor;mask-composite:exclude;background-image:conic-gradient(from 45deg,transparent,var(--bk-ripple-color, hsla(var(--bk-background-h) 50% 75%/var(--bk-background-a, 1))));border-radius:24px;animation:Spin 825ms linear infinite}@keyframes Spin{to{transform:rotate(1turn)}}.btn--disabled,.btn[disabled]{--bk-color-s: 0%;--bk-color-l: 60%;--bk-background-s: 0%;--bk-background-l: 75%;cursor:default;pointer-events:none}