.bf-status{background:var(--background-color-primary);color:var(--text-color-strong);border-radius:var(--border-radius-big);align-items:center;padding:3px 8px;font-weight:600;display:inline-flex}.bf-status.border{border:1px solid var(--border-color-secondary)}.bf-status .bf-icon{margin-right:var(--m-3)}.bf-status.sm{font-size:var(--font-size-sm)}.bf-status.xs{font-size:var(--font-size-xs);letter-spacing:1px;font-weight:400}.bf-status.xs .bf-icon{width:14px;height:14px}.bf-status.xxs{font-size:var(--font-size-xs);letter-spacing:1px;padding:1px 5px;font-weight:400}.bf-status .remove-button{padding:var(--p-0);margin-left:var(--m-4);background:0 0}.bf-status .remove-button .bf-icon{margin-right:var(--m-0);width:10px;height:10px;font-size:var(--font-size-sm);display:flex}.bf-status.as-button{cursor:pointer;position:relative;overflow:hidden}.bf-status.as-button .hover{border-radius:var(--border-radius-big);background:var(--background-opacity-weak);opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .2s ease-in-out;position:absolute;top:0;left:0}.bf-status.as-button:hover .hover{opacity:1}.bf-status.as-button .ripple{pointer-events:none;background:#fff9;border-radius:50%;width:100px;height:100px;animation:.6s ease-out ripple-animation;position:absolute;transform:translate(-50%,-50%)scale(0)}@keyframes ripple-animation{0%{opacity:1;transform:translate(-50%,-50%)scale(0)}to{opacity:0;transform:translate(-50%,-50%)scale(2)}}.asset-loader.error{padding:var(--p-10);color:var(--color-negative);justify-content:center;align-items:center;display:flex}.asset-loader.loading{padding:var(--p-10);justify-content:center;align-items:center;display:flex}.asset-loader.inline{padding:var(--p-0)}