.group-close__button--inverted:focus-visible:not(:active),.group-close__button:focus-visible:not(:active){outline:2px solid blue;outline-offset:2px}:root{--group-close-background: transparent;--group-close-background-focus-visible: var(--group-light-icon-on-light-pressed-1);--group-close-background-focus-inverted-focus-visible: var(--group-light-icon-on-dark-pressed);--group-close-border-radius: var(--group-radius-rounded)}.group-close{position:static;display:inline-block}.group-close__button{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-moz-appearance:none;-webkit-appearance:none;background-color:var(--group-close-background);border:none;border-radius:var(--group-close-border-radius);cursor:pointer;pointer-events:auto;display:inline-block;flex-grow:0;flex-shrink:0;font-size:0;outline:none;position:relative;vertical-align:top;padding:.313rem}@media(hover: hover)and (pointer: fine){.group-close__button:hover{background:rgba(var(--group-light-icon-on-light-default-2), 0.1)}}@media(hover: hover)and (pointer: fine){.group-close__button:focus-visible:not(:active){background:rgba(var(--group-close-background-focus-visible), 0.3)}}.group-close__button:active{background:rgba(var(--group-light-icon-on-dark-processing), 0.3)}@media(hover: hover)and (pointer: fine){.group-close__button--inverted:hover{background:rgba(var(--group-light-icon-on-dark-default-1), 0.3)}}@media(hover: hover)and (pointer: fine){.group-close__button--inverted:focus-visible:not(:active){background:rgba(var(--group-close-background-focus-inverted-focus-visible), 0.5)}}.group-close__button--inverted:active{background:rgba(var(--group-light-icon-on-dark-processing), 0.5)}.group-close__button--size-small{padding:.25rem}.group-close__button--size-medium{padding:.5rem}