@bee-design/ui/es/Button/style/index.css

Bee Design React UI Library.

.bee-btn{display:inline-block;position:relative;outline:0;font-weight:400;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;white-space:nowrap;transition:all .1s cubic-bezier(0,0,1,1);box-sizing:border-box;line-height:1.5715}.bee-btn>a:only-child{color:currentColor}.bee-btn:active{transition:none}.bee-btn:empty{display:inline-block;vertical-align:bottom}.bee-btn-long{display:block;width:100%}.bee-btn-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.bee-btn-link:not([href]){color:var(--bee-color-text-4)}.bee-btn-link:hover{text-decoration:none}.bee-btn-loading{cursor:default;position:relative}.bee-btn-loading::before{content:'';position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;z-index:1;display:block;background:#fff;border-radius:inherit;opacity:.4;transition:opacity .1s cubic-bezier(0,0,1,1);pointer-events:none}.bee-btn-loading-fixed-width{transition:none}.bee-btn-two-chinese-chars>:not(svg){letter-spacing:.3em;margin-right:-.3em}a.bee-btn-icon-only{display:inline-flex;align-items:center;justify-content:center;vertical-align:top}.bee-btn-outline:not(.bee-btn-disabled){background-color:transparent;color:rgb(var(--bee-primary-6));border:1px solid rgb(var(--bee-primary-6))}.bee-btn-outline:not(.bee-btn-disabled):not(.bee-btn-loading):hover{border-color:rgb(var(--bee-primary-5));color:rgb(var(--bee-primary-5));background-color:transparent}.bee-btn-outline:not(.bee-btn-disabled):not(.bee-btn-loading):active{border-color:rgb(var(--bee-primary-7));color:rgb(var(--bee-primary-7));background-color:transparent}.bee-btn-outline:not(.bee-btn-disabled):focus-visible{box-shadow:0 0 0 2px rgb(var(--bee-primary-3))}.bee-btn-outline.bee-btn-disabled{background-color:transparent;color:var(--bee-color-primary-light-3);border:1px solid var(--bee-color-primary-light-3);cursor:not-allowed}.bee-btn-outline.bee-btn-status-warning:not(.bee-btn-disabled){background-color:transparent;color:rgb(var(--bee-warning-6));border-color:rgb(var(--bee-warning-6))}.bee-btn-outline.bee-btn-status-warning:not(.bee-btn-disabled):not(.bee-btn-loading):hover{border-color:rgb(var(--bee-warning-5));color:rgb(var(--bee-warning-5));background-color:transparent}.bee-btn-outline.bee-btn-status-warning:not(.bee-btn-disabled):not(.bee-btn-loading):active{border-color:rgb(var(--bee-warning-7));color:rgb(var(--bee-warning-7));background-color:transparent}.bee-btn-outline.bee-btn-status-warning:not(.bee-btn-disabled):focus-visible{box-shadow:0 0 0 2px rgb(var(--bee-warning-3))}.bee-btn-outline.bee-btn-status-warning.bee-btn-disabled{color:var(--bee-color-warning-light-3);background-color:transparent;border:1px solid var(--bee-color-warning-light-3)}.bee-btn-outline.bee-btn-status-danger:not(.bee-btn-disabled){background-color:transparent;color:rgb(var(--bee-danger-6));border-color:rgb(var(--bee-danger-6))}.bee-btn-outline.bee-btn-status-danger:not(.bee-btn-disabled):not(.bee-btn-loading):hover{border-color:rgb(var(--bee-danger-5));color:rgb(var(--bee-danger-5));background-color:transparent}.bee-btn-outline.bee-btn-status-danger:not(.bee-btn-disabled):not(.bee-btn-loading):active{border-color:rgb(var(--bee-danger-7));color:rgb(var(--bee-danger-7));background-color:transparent}.bee-btn-outline.bee-btn-status-danger:not(.bee-btn-disabled):focus-visible{box-shadow:0 0 0 2px rgb(var(--bee-danger-3))}.bee-btn-outline.bee-btn-status-danger.bee-btn-disabled{color:var(--bee-color-danger-light-3);background-color:transparent;border:1px solid var(--bee-color-danger-light-3)}.bee-btn-outline.bee-btn-status-success:not(.bee-btn-disabled){background-color:transparent;color:rgb(var(--bee-success-6));border-color:rgb(var(--bee-success-6))}.bee-btn-outline.bee-btn-status-success:not(.bee-btn-disabled):not(.bee-btn-loading):hover{border-color:rgb(var(--bee-success-5));color:rgb(var(--bee-success-5));background-color:transparent}.bee-btn-outline.bee-btn-status-success:not(.bee-btn-disabled):not(.bee-btn-loading):active{border-color:rgb(var(--bee-success-7));color:rgb(var(--bee-success-7));background-color:transparent}.bee-btn-outline.bee-btn-status-success:not(.bee-btn-disabled):focus-visible{box-shadow:0 0 0 2px rgb(var(--bee-success-3))}.bee-btn-outline.bee-btn-status-success.bee-btn-disabled{color:var(--bee-color-success-light-3);background-color:transparent;border:1px solid var(--bee-color-success-light-3)}.bee-btn-primary:not(.bee-btn-disabled){background-color:rgb(var(--bee-primary-6));color:#fff;border:1px solid transparent}.bee-btn-primary:not(.bee-btn-disabled):not(.bee-btn-loading):hover{border-color:transparent;color:#fff;background-color:rgb(var(--bee-primary-5))}.bee-btn-primary:not(.bee-btn-disabled):not(.bee-btn-loading):active{border-color:transparent;color:#fff;background-color:rgb(var(--bee-primary-7))}.bee-btn-primary:not(.bee-btn-disabled):focus-visible{box-shadow:0 0 0 2px rgb(var(--bee-primary-3))}.bee-btn-primary.bee-btn-disabled{background-color:var(--bee-color-primary-light-3);color:#fff;border:1px solid transparent;cursor:not-allowed}.bee-btn-primary.bee-btn-status-warning:not(.bee-btn-disabled){background-color:rgb(var(--bee-warning-6));color:#fff;border-color:transparent}.bee-btn-primary.bee-btn-status-warning:not(.bee-btn-disabled):not(.bee-btn-loading):hover{border-color:transparent;color:#fff;background-color:rgb(var(--bee-warning-5))}.bee-btn-primary.bee-btn-status-warning:not(.bee-btn-disabled):not(.bee-btn-loading):active{border-color:transparent;color:#fff;background-color:rgb(var(--bee-warning-7))}.bee-btn-primary.bee-btn-status-warning:not(.bee-btn-disabled):focus-visible{box-shadow:0 0 0 2px rgb(var(--bee-warning-3))}.bee-btn-primary.bee-btn-status-warning.bee-btn-disabled{color:#fff;background-color:var(--bee-color-warning-light-3);border:1px solid transparent}.bee-btn-primary.bee-btn-status-danger:not(.bee-btn-disabled){background-color:rgb(var(--bee-danger-6));color:#fff;border-color:transparent}.bee-btn-primary.bee-btn-status-danger:not(.bee-btn-disabled):not(.bee-btn-loading):hover{border-color:transparent;color:#fff;background-color:rgb(var(--bee-danger-5))}.bee-btn-primary.bee-btn-status-danger:not(.bee-btn-disabled):not(.bee-btn-loading):active{border-color:transparent;color:#fff;background-color:rgb(var(--bee-danger-7))}.bee-btn-primary.bee-btn-status-danger:not(.bee-btn-disabled):focus-visible{box-shadow:0 0 0 2px rgb(var(--bee-danger-3))}.bee-btn-primary.bee-btn-status-danger.bee-btn-disabled{color:#fff;background-color:var(--bee-color-danger-light-3);border:1px solid transparent}.bee-btn-primary.bee-btn-status-success:not(.bee-btn-disabled){background-color:rgb(var(--bee-success-6));color:#fff;border-color:transparent}.bee-btn-primary.bee-btn-status-success:not(.bee-btn-disabled):not(.bee-btn-loading):hover{border-color:transparent;color:#fff;background-color:rgb(var(--bee-success-5))}.bee-btn-primary.bee-btn-status-success:not(.bee-btn-disabled):not(.bee-btn-loading):active{border-color:transparent;color:#fff;background-color:rgb(var(--bee-success-7))}.bee-btn-primary.bee-btn-status-success:not(.bee-btn-disabled):focus-visible{box-shadow:0 0 0 2px rgb(var(--bee-success-3))}.bee-btn-primary.bee-btn-status-success.bee-btn-disabled{color:#fff;background-color:var(--bee-color-success-light-3);border:1px solid transparent}.bee-btn-secondary:not(.bee-btn-disabled){background-color:var(--bee-color-secondary);color:var(--bee-color-text-2);border:1px solid transparent}.bee-btn-secondary:not(.bee-btn-disabled):not(.bee-btn-loading):hover{border-color:transparent;color:var(--bee-color-text-2);background-color:var(--bee-color-secondary-hover)}.bee-btn-secondary:not(.bee-btn-disabled):not(.bee-btn-loading):active{border-color:transparent;color:var(--bee-color-text-2);background-color:var(--bee-color-secondary-active)}.bee-btn-secondary:not(.bee-btn-disabled):focus-visible{box-shadow:0 0 0 2px var(--bee-color-neutral-4)}.bee-btn-secondary.bee-btn-disabled{background-color:var(--bee-color-secondary-disabled);color:var(--bee-color-text-4);border:1px solid transparent;cursor:not-allowed}.bee-btn-secondary.bee-btn-status-warning:not(.bee-btn-disabled){background-color:var(--bee-color-warning-light-1);color:rgb(var(--bee-warning-6));border-color:transparent}.bee-btn-secondary.bee-btn-status-warning:not(.bee-btn-disabled):not(.bee-btn-loading):hover{border-color:transparent;color:rgb(var(--bee-warning-6));background-color:var(--bee-color-warning-light-2)}.bee-btn-secondary.bee-btn-status-warning:not(.bee-btn-disabled):not(.bee-btn-loading):active{border-color:transparent;color:rgb(var(--bee-warning-6));background-color:var(--bee-color-warning-light-3)}.bee-btn-secondary.bee-btn-status-warning:not(.bee-btn-disabled):focus-visible{box-shadow:0 0 0 2px rgb(var(--bee-warning-3))}.bee-btn-secondary.bee-btn-status-warning.bee-btn-disabled{color:var(--bee-color-warning-light-3);background-color:var(--bee-color-warning-light-1);border:1px solid transparent}.bee-btn-secondary.bee-btn-status-danger:not(.bee-btn-disabled){background-color:var(--bee-color-danger-light-1);color:rgb(var(--bee-danger-6));border-color:transparent}.bee-btn-secondary.bee-btn-status-danger:not(.bee-btn-disabled):not(.bee-btn-loading):hover{border-color:transparent;color:rgb(var(--bee-danger-6));background-color:var(--bee-color-danger-light-2)}.bee-btn-secondary.bee-btn-status-danger:not(.bee-btn-disabled):not(.bee-btn-loading):active{border-color:transparent;color:rgb(var(--bee-danger-6));background-color:var(--bee-color-danger-light-3)}.bee-btn-secondary.bee-btn-status-danger:not(.bee-btn-disabled):focus-visible{box-shadow:0 0 0 2px rgb(var(--bee-danger-3))}.bee-btn-secondary.bee-btn-status-danger.bee-btn-disabled{color:var(--bee-color-danger-light-3);background-color:var(--bee-color-danger-light-1);border:1px solid transparent}.bee-btn-secondary.bee-btn-status-success:not(.bee-btn-disabled){background-color:var(--bee-color-success-light-1);color:rgb(var(--bee-success-6));border-color:transparent}.bee-btn-secondary.bee-btn-status-success:not(.bee-btn-disabled):not(.bee-btn-loading):hover{border-color:transparent;color:rgb(var(--bee-success-6));background-color:var(--bee-color-success-light-2)}.bee-btn-secondary.bee-btn-status-success:not(.bee-btn-disabled):not(.bee-btn-loading):active{border-color:transparent;color:rgb(var(--bee-success-6));background-color:var(--bee-color-success-light-3)}.bee-btn-secondary.bee-btn-status-success:not(.bee-btn-disabled):focus-visible{box-shadow:0 0 0 2px rgb(var(--bee-success-3))}.bee-btn-secondary.bee-btn-status-success.bee-btn-disabled{color:var(--bee-color-success-light-3);background-color:var(--bee-color-success-light-1);border:1px solid transparent}.bee-btn-dashed:not(.bee-btn-disabled){background-color:var(--bee-color-fill-2);color:var(--bee-color-text-2);border:1px dashed var(--bee-color-neutral-3)}.bee-btn-dashed:not(.bee-btn-disabled):not(.bee-btn-loading):hover{border-color:var(--bee-color-neutral-4);color:var(--bee-color-text-2);background-color:var(--bee-color-fill-3)}.bee-btn-dashed:not(.bee-btn-disabled):not(.bee-btn-loading):active{border-color:var(--bee-color-neutral-5);color:var(--bee-color-text-2);background-color:var(--bee-color-fill-4)}.bee-btn-dashed:not(.bee-btn-disabled):focus-visible{box-shadow:0 0 0 2px var(--bee-color-neutral-4)}.bee-btn-dashed.bee-btn-disabled{background-color:var(--bee-color-fill-2);color:var(--bee-color-text-4);border:1px dashed var(--bee-color-neutral-3);cursor:not-allowed}.bee-btn-dashed.bee-btn-status-warning:not(.bee-btn-disabled){background-color:var(--bee-color-warning-light-1);color:rgb(var(--bee-warning-6));border-color:var(--bee-color-warning-light-2)}.bee-btn-dashed.bee-btn-status-warning:not(.bee-btn-disabled):not(.bee-btn-loading):hover{border-color:var(--bee-color-warning-light-3);color:rgb(var(--bee-warning-6));background-color:var(--bee-color-warning-light-2)}.bee-btn-dashed.bee-btn-status-warning:not(.bee-btn-disabled):not(.bee-btn-loading):active{border-color:var(--bee-color-warning-light-4);color:rgb(var(--bee-warning-6));background-color:var(--bee-color-warning-light-3)}.bee-btn-dashed.bee-btn-status-warning:not(.bee-btn-disabled):focus-visible{box-shadow:0 0 0 2px rgb(var(--bee-warning-3))}.bee-btn-dashed.bee-btn-status-warning.bee-btn-disabled{color:var(--bee-color-warning-light-3);background-color:var(--bee-color-warning-light-1);border:1px dashed var(--bee-color-warning-light-2)}.bee-btn-dashed.bee-btn-status-danger:not(.bee-btn-disabled){background-color:var(--bee-color-danger-light-1);color:rgb(var(--bee-danger-6));border-color:var(--bee-color-danger-light-2)}.bee-btn-dashed.bee-btn-status-danger:not(.bee-btn-disabled):not(.bee-btn-loading):hover{border-color:var(--bee-color-danger-light-3);color:rgb(var(--bee-danger-6));background-color:var(--bee-color-danger-light-2)}.bee-btn-dashed.bee-btn-status-danger:not(.bee-btn-disabled):not(.bee-btn-loading):active{border-color:var(--bee-color-danger-light-4);color:rgb(var(--bee-danger-6));background-color:var(--bee-color-danger-light-3)}.bee-btn-dashed.bee-btn-status-danger:not(.bee-btn-disabled):focus-visible{box-shadow:0 0 0 2px rgb(var(--bee-danger-3))}.bee-btn-dashed.bee-btn-status-danger.bee-btn-disabled{color:var(--bee-color-danger-light-3);background-color:var(--bee-color-danger-light-1);border:1px dashed var(--bee-color-danger-light-2)}.bee-btn-dashed.bee-btn-status-success:not(.bee-btn-disabled){background-color:var(--bee-color-success-light-1);color:rgb(var(--bee-success-6));border-color:var(--bee-color-success-light-2)}.bee-btn-dashed.bee-btn-status-success:not(.bee-btn-disabled):not(.bee-btn-loading):hover{border-color:var(--bee-color-success-light-3);color:rgb(var(--bee-success-6));background-color:var(--bee-color-success-light-2)}.bee-btn-dashed.bee-btn-status-success:not(.bee-btn-disabled):not(.bee-btn-loading):active{border-color:var(--bee-color-success-light-4);color:rgb(var(--bee-success-6));background-color:var(--bee-color-success-light-3)}.bee-btn-dashed.bee-btn-status-success:not(.bee-btn-disabled):focus-visible{box-shadow:0 0 0 2px rgb(var(--bee-success-3))}.bee-btn-dashed.bee-btn-status-success.bee-btn-disabled{color:var(--bee-color-success-light-3);background-color:var(--bee-color-success-light-1);border:1px dashed var(--bee-color-success-light-2)}.bee-btn-text:not(.bee-btn-disabled){background-color:transparent;color:rgb(var(--bee-primary-6));border:1px solid transparent}.bee-btn-text:not(.bee-btn-disabled):not(.bee-btn-loading):hover{border-color:transparent;color:rgb(var(--bee-primary-6));background-color:var(--bee-color-fill-2)}.bee-btn-text:not(.bee-btn-disabled):not(.bee-btn-loading):active{border-color:transparent;color:rgb(var(--bee-primary-6));background-color:var(--bee-color-fill-3)}.bee-btn-text:not(.bee-btn-disabled):focus-visible{box-shadow:0 0 0 2px var(--bee-color-neutral-4)}.bee-btn-text.bee-btn-disabled{background-color:transparent;color:var(--bee-color-primary-light-3);border:1px solid transparent;cursor:not-allowed}.bee-btn-text.bee-btn-status-warning:not(.bee-btn-disabled){background-color:transparent;color:rgb(var(--bee-warning-6));border-color:transparent}.bee-btn-text.bee-btn-status-warning:not(.bee-btn-disabled):not(.bee-btn-loading):hover{border-color:transparent;color:rgb(var(--bee-warning-6));background-color:var(--bee-color-fill-2)}.bee-btn-text.bee-btn-status-warning:not(.bee-btn-disabled):not(.bee-btn-loading):active{border-color:transparent;color:rgb(var(--bee-warning-6));background-color:var(--bee-color-fill-3)}.bee-btn-text.bee-btn-status-warning:not(.bee-btn-disabled):focus-visible{box-shadow:0 0 0 2px rgb(var(--bee-warning-3))}.bee-btn-text.bee-btn-status-warning.bee-btn-disabled{color:var(--bee-color-warning-light-3);background-color:transparent;border:1px solid transparent}.bee-btn-text.bee-btn-status-danger:not(.bee-btn-disabled){background-color:transparent;color:rgb(var(--bee-danger-6));border-color:transparent}.bee-btn-text.bee-btn-status-danger:not(.bee-btn-disabled):not(.bee-btn-loading):hover{border-color:transparent;color:rgb(var(--bee-danger-6));background-color:var(--bee-color-fill-2)}.bee-btn-text.bee-btn-status-danger:not(.bee-btn-disabled):not(.bee-btn-loading):active{border-color:transparent;color:rgb(var(--bee-danger-6));background-color:var(--bee-color-fill-3)}.bee-btn-text.bee-btn-status-danger:not(.bee-btn-disabled):focus-visible{box-shadow:0 0 0 2px rgb(var(--bee-danger-3))}.bee-btn-text.bee-btn-status-danger.bee-btn-disabled{color:var(--bee-color-danger-light-3);background-color:transparent;border:1px solid transparent}.bee-btn-text.bee-btn-status-success:not(.bee-btn-disabled){background-color:transparent;color:rgb(var(--bee-success-6));border-color:transparent}.bee-btn-text.bee-btn-status-success:not(.bee-btn-disabled):not(.bee-btn-loading):hover{border-color:transparent;color:rgb(var(--bee-success-6));background-color:var(--bee-color-fill-2)}.bee-btn-text.bee-btn-status-success:not(.bee-btn-disabled):not(.bee-btn-loading):active{border-color:transparent;color:rgb(var(--bee-success-6));background-color:var(--bee-color-fill-3)}.bee-btn-text.bee-btn-status-success:not(.bee-btn-disabled):focus-visible{box-shadow:0 0 0 2px rgb(var(--bee-success-3))}.bee-btn-text.bee-btn-status-success.bee-btn-disabled{color:var(--bee-color-success-light-3);background-color:transparent;border:1px solid transparent}.bee-btn-size-mini{padding:0 11px;font-size:12px;height:24px;border-radius:var(--bee-border-radius-small)}.bee-btn-size-mini>span+svg,.bee-btn-size-mini>svg+span{margin-left:4px}.bee-btn-size-mini svg{vertical-align:-2px}.bee-btn-size-mini.bee-btn-rtl>span+svg,.bee-btn-size-mini.bee-btn-rtl>svg+span{margin-left:0;margin-right:4px}.bee-btn-size-mini.bee-btn-loading-fixed-width.bee-btn-loading{padding-left:3px;padding-right:3px}.bee-btn-size-mini.bee-btn-icon-only{width:24px;height:24px;padding:0}.bee-btn-size-mini.bee-btn-shape-circle{width:24px;height:24px;padding:0;text-align:center;border-radius:var(--bee-border-radius-circle)}.bee-btn-size-mini.bee-btn-shape-round{border-radius:calc(24px * .5)}.bee-btn-group .bee-btn-size-mini:first-child{border-radius:var(--bee-border-radius-small) 0 0 var(--bee-border-radius-small)}.bee-btn-group .bee-btn-size-mini:last-child{border-radius:0 var(--bee-border-radius-small) var(--bee-border-radius-small) 0}.bee-btn-group .bee-btn-size-mini.bee-btn-shape-round:first-child{border-radius:calc(24px * .5) 0 0 calc(24px * .5)}.bee-btn-group .bee-btn-size-mini.bee-btn-shape-round:last-child{border-radius:0 calc(24px * .5) calc(24px * .5) 0}.bee-btn-group .bee-btn-rtl.bee-btn-size-mini:first-child{border-radius:0 var(--bee-border-radius-small) var(--bee-border-radius-small) 0}.bee-btn-group .bee-btn-rtl.bee-btn-size-mini:last-child{border-radius:var(--bee-border-radius-small) 0 0 var(--bee-border-radius-small)}.bee-btn-group .bee-btn-rtl.bee-btn-size-mini.bee-btn-shape-round:first-child{border-radius:0 calc(24px * .5) calc(24px * .5) 0}.bee-btn-group .bee-btn-rtl.bee-btn-size-mini.bee-btn-shape-round:last-child{border-radius:calc(24px * .5) 0 0 calc(24px * .5)}.bee-btn-size-small{padding:0 15px;font-size:14px;height:28px;border-radius:var(--bee-border-radius-small)}.bee-btn-size-small>span+svg,.bee-btn-size-small>svg+span{margin-left:6px}.bee-btn-size-small svg{vertical-align:-2px}.bee-btn-size-small.bee-btn-rtl>span+svg,.bee-btn-size-small.bee-btn-rtl>svg+span{margin-left:0;margin-right:6px}.bee-btn-size-small.bee-btn-loading-fixed-width.bee-btn-loading{padding-left:5px;padding-right:5px}.bee-btn-size-small.bee-btn-icon-only{width:28px;height:28px;padding:0}.bee-btn-size-small.bee-btn-shape-circle{width:28px;height:28px;padding:0;text-align:center;border-radius:var(--bee-border-radius-circle)}.bee-btn-size-small.bee-btn-shape-round{border-radius:calc(28px * .5)}.bee-btn-group .bee-btn-size-small:first-child{border-radius:var(--bee-border-radius-small) 0 0 var(--bee-border-radius-small)}.bee-btn-group .bee-btn-size-small:last-child{border-radius:0 var(--bee-border-radius-small) var(--bee-border-radius-small) 0}.bee-btn-group .bee-btn-size-small.bee-btn-shape-round:first-child{border-radius:calc(28px * .5) 0 0 calc(28px * .5)}.bee-btn-group .bee-btn-size-small.bee-btn-shape-round:last-child{border-radius:0 calc(28px * .5) calc(28px * .5) 0}.bee-btn-group .bee-btn-rtl.bee-btn-size-small:first-child{border-radius:0 var(--bee-border-radius-small) var(--bee-border-radius-small) 0}.bee-btn-group .bee-btn-rtl.bee-btn-size-small:last-child{border-radius:var(--bee-border-radius-small) 0 0 var(--bee-border-radius-small)}.bee-btn-group .bee-btn-rtl.bee-btn-size-small.bee-btn-shape-round:first-child{border-radius:0 calc(28px * .5) calc(28px * .5) 0}.bee-btn-group .bee-btn-rtl.bee-btn-size-small.bee-btn-shape-round:last-child{border-radius:calc(28px * .5) 0 0 calc(28px * .5)}.bee-btn-size-default{padding:0 15px;font-size:14px;height:32px;border-radius:var(--bee-border-radius-small)}.bee-btn-size-default>span+svg,.bee-btn-size-default>svg+span{margin-left:8px}.bee-btn-size-default svg{vertical-align:-2px}.bee-btn-size-default.bee-btn-rtl>span+svg,.bee-btn-size-default.bee-btn-rtl>svg+span{margin-left:0;margin-right:8px}.bee-btn-size-default.bee-btn-loading-fixed-width.bee-btn-loading{padding-left:4px;padding-right:4px}.bee-btn-size-default.bee-btn-icon-only{width:32px;height:32px;padding:0}.bee-btn-size-default.bee-btn-shape-circle{width:32px;height:32px;padding:0;text-align:center;border-radius:var(--bee-border-radius-circle)}.bee-btn-size-default.bee-btn-shape-round{border-radius:calc(32px * .5)}.bee-btn-group .bee-btn-size-default:first-child{border-radius:var(--bee-border-radius-small) 0 0 var(--bee-border-radius-small)}.bee-btn-group .bee-btn-size-default:last-child{border-radius:0 var(--bee-border-radius-small) var(--bee-border-radius-small) 0}.bee-btn-group .bee-btn-size-default.bee-btn-shape-round:first-child{border-radius:calc(32px * .5) 0 0 calc(32px * .5)}.bee-btn-group .bee-btn-size-default.bee-btn-shape-round:last-child{border-radius:0 calc(32px * .5) calc(32px * .5) 0}.bee-btn-group .bee-btn-rtl.bee-btn-size-default:first-child{border-radius:0 var(--bee-border-radius-small) var(--bee-border-radius-small) 0}.bee-btn-group .bee-btn-rtl.bee-btn-size-default:last-child{border-radius:var(--bee-border-radius-small) 0 0 var(--bee-border-radius-small)}.bee-btn-group .bee-btn-rtl.bee-btn-size-default.bee-btn-shape-round:first-child{border-radius:0 calc(32px * .5) calc(32px * .5) 0}.bee-btn-group .bee-btn-rtl.bee-btn-size-default.bee-btn-shape-round:last-child{border-radius:calc(32px * .5) 0 0 calc(32px * .5)}.bee-btn-size-large{padding:0 19px;font-size:14px;height:36px;border-radius:var(--bee-border-radius-small)}.bee-btn-size-large>span+svg,.bee-btn-size-large>svg+span{margin-left:8px}.bee-btn-size-large svg{vertical-align:-2px}.bee-btn-size-large.bee-btn-rtl>span+svg,.bee-btn-size-large.bee-btn-rtl>svg+span{margin-left:0;margin-right:8px}.bee-btn-size-large.bee-btn-loading-fixed-width.bee-btn-loading{padding-left:8px;padding-right:8px}.bee-btn-size-large.bee-btn-icon-only{width:36px;height:36px;padding:0}.bee-btn-size-large.bee-btn-shape-circle{width:36px;height:36px;padding:0;text-align:center;border-radius:var(--bee-border-radius-circle)}.bee-btn-size-large.bee-btn-shape-round{border-radius:calc(36px * .5)}.bee-btn-group .bee-btn-size-large:first-child{border-radius:var(--bee-border-radius-small) 0 0 var(--bee-border-radius-small)}.bee-btn-group .bee-btn-size-large:last-child{border-radius:0 var(--bee-border-radius-small) var(--bee-border-radius-small) 0}.bee-btn-group .bee-btn-size-large.bee-btn-shape-round:first-child{border-radius:calc(36px * .5) 0 0 calc(36px * .5)}.bee-btn-group .bee-btn-size-large.bee-btn-shape-round:last-child{border-radius:0 calc(36px * .5) calc(36px * .5) 0}.bee-btn-group .bee-btn-rtl.bee-btn-size-large:first-child{border-radius:0 var(--bee-border-radius-small) var(--bee-border-radius-small) 0}.bee-btn-group .bee-btn-rtl.bee-btn-size-large:last-child{border-radius:var(--bee-border-radius-small) 0 0 var(--bee-border-radius-small)}.bee-btn-group .bee-btn-rtl.bee-btn-size-large.bee-btn-shape-round:first-child{border-radius:0 calc(36px * .5) calc(36px * .5) 0}.bee-btn-group .bee-btn-rtl.bee-btn-size-large.bee-btn-shape-round:last-child{border-radius:calc(36px * .5) 0 0 calc(36px * .5)}.bee-btn-group{display:inline-block}.bee-btn-group .bee-btn-dashed:not(:first-child),.bee-btn-group .bee-btn-outline:not(:first-child){margin-left:-1px}.bee-btn-group .bee-btn-primary:not(:last-child){border-right:1px solid rgb(var(--bee-primary-5))}.bee-btn-group .bee-btn-secondary:not(:last-child){border-right:1px solid var(--bee-color-secondary-hover)}.bee-btn-group .bee-btn-text:not(:last-child){border-right:1px solid transparent}.bee-btn-group .bee-btn-status-warning:not(:last-child){border-right:1px solid rgb(var(--bee-warning-5))}.bee-btn-group .bee-btn-status-warning:not(:last-child).bee-btn-text{border-right:1px solid var(--bee-color-fill-2)}.bee-btn-group .bee-btn-status-danger:not(:last-child){border-right:1px solid rgb(var(--bee-danger-5))}.bee-btn-group .bee-btn-status-danger:not(:last-child).bee-btn-text{border-right:1px solid var(--bee-color-fill-2)}.bee-btn-group .bee-btn-status-success:not(:last-child){border-right:1px solid rgb(var(--bee-success-5))}.bee-btn-group .bee-btn-status-success:not(:last-child).bee-btn-text{border-right:1px solid var(--bee-color-fill-2)}.bee-btn-group .bee-btn-rtl.bee-btn-dashed:not(:first-child),.bee-btn-group .bee-btn-rtl.bee-btn-outline:not(:first-child){margin-left:0;margin-right:-1px}.bee-btn-group .bee-btn-rtl.bee-btn-primary:not(:last-child){border-left:1px solid rgb(var(--bee-primary-5));border-right:0}.bee-btn-group .bee-btn-rtl.bee-btn-secondary:not(:last-child){border-left:1px solid var(--bee-color-secondary-hover);border-right:0}.bee-btn-group .bee-btn-rtl.bee-btn-text:not(:last-child){border-left:1px solid transparent;border-right:0}.bee-btn-group .bee-btn-rtl.bee-btn-status-warning:not(:last-child){border-left:1px solid rgb(var(--bee-warning-5));border-right:0}.bee-btn-group .bee-btn-rtl.bee-btn-status-warning:not(:last-child).bee-btn-text{border-left:1px solid var(--bee-color-fill-2)}.bee-btn-group .bee-btn-rtl.bee-btn-status-danger:not(:last-child){border-left:1px solid rgb(var(--bee-danger-5));border-right:0}.bee-btn-group .bee-btn-rtl.bee-btn-status-danger:not(:last-child).bee-btn-text{border-left:1px solid var(--bee-color-fill-2)}.bee-btn-group .bee-btn-rtl.bee-btn-status-success:not(:last-child){border-left:1px solid rgb(var(--bee-success-5));border-right:0}.bee-btn-group .bee-btn-rtl.bee-btn-status-success:not(:last-child).bee-btn-text{border-left:1px solid var(--bee-color-fill-2)}.bee-btn-group .bee-btn-dashed:active,.bee-btn-group .bee-btn-dashed:hover,.bee-btn-group .bee-btn-outline:active,.bee-btn-group .bee-btn-outline:hover{z-index:2}.bee-btn-group .bee-btn:not(:first-child):not(:last-child){border-radius:0}.bee-btn-rtl{direction:rtl}body[bee-theme=dark] .bee-btn-primary.bee-btn-disabled{color:rgba(255,255,255,.3)}