@property --bk-ripple-x{syntax:"<number>";inherits:true;initial-value:0}@property --bk-ripple-y{syntax:"<number>";inherits:true;initial-value:0}@property --bk-ripple-size{syntax:"<number>";inherits:true;initial-value:0}@property --bk-ripple-scale{syntax:"<number>";inherits:true;initial-value:1}@property --bk-ripple-opacity{syntax:"<number>";inherits:true;initial-value:.45}@property --bk-ripple-opacity-current{syntax:"<number>";inherits:true;initial-value:0}@property --bk-ripple-duration{syntax:"<time>";inherits:true;initial-value:.75s}@property --bk-ripple-duration-current{syntax:"<time>";inherits:true;initial-value:0s}@layer components{.bk-btn{--bk-border-width:0;--bk-radius-default:0;--bk-gap:.5em;--bk-ripple-duration-current:var(--bk-ripple-duration);box-sizing:border-box;height:var(--bk-height);margin:0;padding:0 var(--bk-padding-x);overflow:hidden;border:var(--bk-border-width) solid var(--bk-c-border,transparent);border-radius:var(--bk-radius-default);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bk-c-background,var(--bk-c-background-default,transparent));color:var(--bk-c-text,var(--bk-c-text-default,currentColor));font-family:inherit;font-size:var(--bk-font-size,16px);font-weight:var(--bk-font-weight,400);line-height:1;letter-spacing:var(--bk-letter-spacing,.025em);text-align:center;text-decoration:none;text-transform:var(--bk-text-transform,uppercase);white-space:nowrap;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;transform:translateZ(0);transition-property:background-color,color,border-color,opacity;transition-duration:225ms;-webkit-tap-highlight-color:transparent}.bk-btn,.bk-btn__content{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--bk-gap)}.bk-btn__content{z-index:1;min-width:0}.bk-btn__label{display:inline-block;min-width:0;line-height:1;vertical-align:middle}.bk-btn__icon{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;line-height:0}.bk-btn__loading-label{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.bk-btn--xs{--bk-height:32px;--bk-padding-x:12px;font-size:var(--bk-font-size-xs,12px)}.bk-btn--sm{--bk-height:40px;--bk-padding-x:16px;font-size:var(--bk-font-size-sm,14px)}.bk-btn--md{--bk-height:56px;--bk-padding-x:24px;font-size:var(--bk-font-size-md,16px)}.bk-btn--lg{--bk-height:96px;--bk-padding-x:48px;font-size:var(--bk-font-size-lg,18px)}.bk-btn--xl{--bk-height:136px;--bk-padding-x:64px;font-size:var(--bk-font-size-xl,24px)}.bk-btn--rounded{border-radius:var(--bk-radius-rounded,calc(var(--bk-height)/3))}.bk-btn--round{border-radius:var(--bk-radius-round,calc(var(--bk-height)/1.5))}.bk-btn--variant-solid{--bk-border-width:0}.bk-btn--variant-outline{--bk-border-width:1px}.bk-btn--variant-ghost{--bk-c-background:transparent;--bk-border-width:0}.bk-btn--ripple:before{content:"";position:absolute;z-index:0;top:calc(var(--bk-ripple-y)*1px);left:calc(var(--bk-ripple-x)*1px);display:block;width:calc(var(--bk-ripple-size)*1px);height:calc(var(--bk-ripple-size)*1px);border-radius:50%;pointer-events:none;background-color:var(--bk-ripple-color,rgba(0,0,0,.4));opacity:calc(var(--bk-ripple-opacity-current)*var(--bk-ripple-opacity));transform:translate(-50%,-50%) scale(var(--bk-ripple-scale));transform-origin:center;transition-property:opacity,transform;transition-duration:var(--bk-ripple-duration-current);transition-timing-function:var(--bk-ripple-easing,cubic-bezier(.61,1,.88,1))}.bk-btn--progress{cursor:default;pointer-events:none}.bk-btn--progress .bk-btn__content{opacity:0}.bk-btn--progress:after{content:"";position:absolute;inset:0;z-index:1;width:var(--bk-progress-size,24px);height:var(--bk-progress-size,24px);margin:auto;padding:var(--bk-progress-stroke,5px);box-sizing:border-box;border-radius:50%;background-image:conic-gradient(from 45deg,transparent,var( --bk-progress-color,var(--bk-ripple-color,currentColor) ));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:bk-btn-spin var(--bk-progress-duration,825ms) linear infinite}.bk-btn--disabled,.bk-btn:disabled,.bk-btn[aria-disabled=true]{--bk-c-text-s:0%;--bk-c-text-l:60%;--bk-c-background-s:0%;--bk-c-background-l:75%;cursor:default;pointer-events:none}@keyframes bk-btn-spin{to{transform:rotate(1turn)}}.bk-btn-group{--bk-radius-default:4px;--bk-height:56px;--bk-border-width:1px;--bk-gap-default:10px;--bk-gap-merge:2px;display:grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:0 var(--bk-gap-default)}.bk-btn-group--left{justify-content:start}.bk-btn-group--center{justify-content:center;width:-moz-fit-content;width:fit-content;margin:auto}.bk-btn-group--right{justify-content:end}.bk-btn-group--fill{justify-content:space-between;grid-auto-columns:1fr}.bk-btn-group--merge{gap:0 var(--bk-gap-merge)}.bk-btn-group--merge .bk-btn.bk-btn--variant-outline:not(:last-child){margin-right:calc((var(--bk-gap-merge) + var(--bk-border-width))*-1)}.bk-btn-group--merge .bk-btn:not(.bk-btn--round):not(.bk-btn--rounded):first-child{border-top-left-radius:var(--bk-radius-default);border-bottom-left-radius:var(--bk-radius-default)}.bk-btn-group--merge .bk-btn:not(.bk-btn--round):not(.bk-btn--rounded):last-child{border-top-right-radius:var(--bk-radius-default);border-bottom-right-radius:var(--bk-radius-default)}.bk-btn-group--merge .bk-btn:not(:first-child){border-top-left-radius:var(--bk-radius-default);border-bottom-left-radius:var(--bk-radius-default)}.bk-btn-group--merge .bk-btn:not(:last-child){border-top-right-radius:var(--bk-radius-default);border-bottom-right-radius:var(--bk-radius-default)}.bk-btn-group--merge .bk-btn.bk-btn--variant-outline:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.bk-btn-group--merge .bk-btn.bk-btn--variant-outline:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.bk-btn-group--merge .bk-btn.bk-btn--variant-outline:not(:first-child):not(:last-child){border-radius:0}}