.ds-control-drag{align-items:center;-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:var(--ds-color-london-20);border:none;border-radius:50%;box-shadow:none;box-sizing:border-box;cursor:pointer;height:2rem;justify-content:center;padding:0;transition:background-color var(--ds-interactions-transition);width:2rem;will-change:background-color}.ds-control-drag,.ds-control-drag svg{display:inline-flex}.ds-control-drag .path-background{fill:var(--ds-color-london-100)}.ds-control-drag .path-background--disabled{fill:var(--ds-color-london-70)}.ds-control-drag:hover{background-color:var(--ds-color-london-5)}.ds-control-drag:focus{background-color:var(--ds-color-london-20);outline:solid transparent}.ds-control-drag:active,.ds-control-drag:focus{box-shadow:0 0 0 .125rem var(--ds-color-hong-kong-55)}.ds-control-drag:active{background-color:var(--ds-color-london-5)}.ds-control-drag:disabled{background-color:var(--ds-color-london-95);box-shadow:none;cursor:not-allowed}.ds-control-drag--inverse{background-color:var(--ds-color-london-100)}.ds-control-drag--inverse .path-background{fill:var(--ds-color-london-20)}.ds-control-drag--inverse .path-background--disabled{fill:var(--ds-color-london-70)}.ds-control-drag--inverse:hover{background-color:var(--ds-color-london-85)}.ds-control-drag--inverse:focus{background-color:var(--ds-color-london-100)}.ds-control-drag--inverse:active{background-color:var(--ds-color-london-85)}.ds-control-drag--inverse:disabled{background-color:var(--ds-color-london-35);cursor:not-allowed}