.ds-control-close{align-items:center;-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:transparent;border:none;box-shadow:none;box-sizing:border-box;cursor:pointer;display:inline-flex;height:2rem;justify-content:center;padding:.4375em;transition:background-color var(--ds-interactions-transition);width:2rem;will-change:background-color}.ds-control-close svg{width:1.125rem}.ds-control-close .path-background{fill:var(--ds-color-london-20)}.ds-control-close .path-background--disabled{fill:var(--ds-color-london-70)}.ds-control-close:hover{background-color:var(--ds-color-london-85)}.ds-control-close:focus{outline:solid transparent}.ds-control-close:active,.ds-control-close:focus{box-shadow:0 0 0 .125rem var(--ds-color-chicago-30)}.ds-control-close:active{background-color:var(--ds-color-london-85)}.ds-control-close:disabled{background-color:transparent;box-shadow:none;cursor:not-allowed}.ds-control-close--inverse .path-background{fill:var(--ds-color-london-100)}.ds-control-close--inverse:active,.ds-control-close--inverse:hover{background-color:hsla(var(--ds-color-hsl-london-100),.25)}.ds-control-close--inverse:disabled{background-color:transparent;box-shadow:none}.ds-control-close--inverse .path-background--disabled{fill:hsla(var(--ds-color-hsl-london-100),.25)}.ds-control-close--full-screen{height:3rem;padding:.625rem;width:3rem}.ds-control-close--full-screen svg{width:1.75rem}