.arco-badge{display:inline-block;line-height:1;position:relative}.arco-badge-custom-dot,.arco-badge-dot,.arco-badge-number,.arco-badge-text{border-radius:20px;box-sizing:border-box;overflow:hidden;position:absolute;right:2px;text-align:center;top:2px;transform:translate(50%,-50%);transform-origin:100% 0;z-index:2}.arco-badge-custom-dot{background-color:var(--color-bg-2)}.arco-badge-number,.arco-badge-text{color:var(--color-white);font-size:12px;font-weight:500;height:20px;line-height:20px;min-width:20px;padding:0 6px}.arco-badge-dot,.arco-badge-number,.arco-badge-text{background-color:rgb(var(--danger-6));box-shadow:0 0 0 2px var(--color-bg-2)}.arco-badge-dot{border-radius:var(--border-radius-circle);height:6px;width:6px}.arco-badge-no-children .arco-badge-dot,.arco-badge-no-children .arco-badge-number,.arco-badge-no-children .arco-badge-text{display:inline-block;position:relative;right:unset;top:unset;transform:none}.arco-badge-status-wrapper{align-items:center;display:inline-flex}.arco-badge-status-dot{border-radius:var(--border-radius-circle);display:inline-block;height:6px;width:6px}.arco-badge-status-normal{background-color:var(--color-fill-4)}.arco-badge-status-processing{background-color:rgb(var(--primary-6))}.arco-badge-status-success{background-color:rgb(var(--success-6))}.arco-badge-status-warning{background-color:rgb(var(--warning-6))}.arco-badge-color-red,.arco-badge-status-danger{background-color:rgb(var(--danger-6))}.arco-badge-color-orangered{background-color:#f77234}.arco-badge-color-orange{background-color:rgb(var(--orange-6))}.arco-badge-color-gold{background-color:rgb(var(--gold-6))}.arco-badge-color-lime{background-color:rgb(var(--lime-6))}.arco-badge-color-green{background-color:rgb(var(--success-6))}.arco-badge-color-cyan{background-color:rgb(var(--cyan-6))}.arco-badge-color-arcoblue{background-color:rgb(var(--primary-6))}.arco-badge-color-purple{background-color:rgb(var(--purple-6))}.arco-badge-color-pinkpurple{background-color:rgb(var(--pinkpurple-6))}.arco-badge-color-magenta{background-color:rgb(var(--magenta-6))}.arco-badge-color-gray{background-color:rgb(var(--gray-4))}.arco-badge .arco-badge-status-text{color:var(--color-text-1);font-size:12px;line-height:1.5;margin-left:8px}.arco-badge-number-text{animation:arco-badge-scale .5s cubic-bezier(.3,1.3,.3,1);display:inline-block}@keyframes arco-badge-scale{0%{transform:scale(0)}to{transform:scale(1)}}.badge-zoom-appear,.badge-zoom-enter{transform:translate(50%,-50%) scale(.2);transform-origin:center}.badge-zoom-appear-active,.badge-zoom-enter-active{transition:opacity .3s cubic-bezier(.3,1.3,.3,1),transform .3s cubic-bezier(.3,1.3,.3,1)}.badge-zoom-appear-active,.badge-zoom-enter-active,.badge-zoom-exit{opacity:1;transform:translate(50%,-50%) scale(1);transform-origin:center}.badge-zoom-exit-active{opacity:0;transform:translate(50%,-50%) scale(.2);transform-origin:center;transition:opacity .3s cubic-bezier(.3,1.3,.3,1),transform .3s cubic-bezier(.3,1.3,.3,1)}.arco-layout{display:flex;flex:1;flex-direction:column;margin:0;padding:0}.arco-layout-sider{background:var(--color-menu-dark-bg);flex:none;margin:0;padding:0;position:relative;transition:width .2s cubic-bezier(.34,.69,.1,1);width:auto}.arco-layout-sider-children{height:100%;overflow:auto}.arco-layout-sider-collapsed .arco-layout-sider-children::-webkit-scrollbar{width:0}.arco-layout-sider-has-trigger{box-sizing:border-box;padding-bottom:48px}.arco-layout-sider-trigger{align-items:center;background:#fff3;box-sizing:border-box;color:var(--color-white);cursor:pointer;display:flex;height:48px;justify-content:center;transition:width .2s cubic-bezier(.34,.69,.1,1);width:100%;z-index:1}.arco-layout-sider-trigger-light{background:var(--color-menu-light-bg);border-top:1px solid var(--color-bg-5);color:var(--color-text-1)}.arco-layout-sider-light{background:var(--color-menu-light-bg);box-shadow:0 2px 5px #00000014}.arco-layout-header{box-sizing:border-box;flex:0 0 auto;margin:0}.arco-layout-content{flex:1}.arco-layout-footer{flex:0 0 auto;margin:0}.arco-layout-has-sider{flex-direction:row}.arco-layout-has-sider>.arco-layout,.arco-layout-has-sider>.arco-layout-content{overflow-x:hidden}