.ui-close-inline{border-radius:var(--component-radius-x6, 6px);display:flex;padding:var(--component-padding-x2, 2px);justify-content:center;align-items:center;flex-shrink:0;aspect-ratio:1/1;overflow:clip;cursor:pointer;border:none}.ui-close-inline--system{background:var(--variant-system-container-default);color:var(--variant-system-default)}.ui-close-inline--system:hover{background:var(--variant-system-container-hover);color:var(--variant-system-hover)}.ui-close-inline--system:active{background:var(--variant-system-container-active);color:var(--variant-system-active)}.ui-close-inline--accent-primary{background:var(--variant-accent-primary-container-default);color:var(--variant-accent-primary-default)}.ui-close-inline--accent-primary:hover{background:var(--variant-accent-primary-container-hover);color:var(--variant-accent-primary-hover)}.ui-close-inline--accent-primary:active{background:var(--variant-accent-primary-container-active);color:var(--variant-accent-primary-active)}.ui-close-inline--accent-secondary{background:var(--variant-accent-secondary-container-default);color:var(--variant-accent-secondary-default)}.ui-close-inline--accent-secondary:hover{background:var(--variant-accent-secondary-container-hover);color:var(--variant-accent-secondary-hover)}.ui-close-inline--accent-secondary:active{background:var(--variant-accent-secondary-container-active);color:var(--variant-accent-secondary-active)}.ui-close-inline--positive{background:var(--variant-positive-container-default);color:var(--variant-positive-default)}.ui-close-inline--positive:hover{background:var(--variant-positive-container-hover);color:var(--variant-positive-hover)}.ui-close-inline--positive:active{background:var(--variant-positive-container-active);color:var(--variant-positive-active)}.ui-close-inline--negative{background:var(--variant-negative-container-default);color:var(--variant-negative-default)}.ui-close-inline--negative:hover{background:var(--variant-negative-container-hover);color:var(--variant-negative-hover)}.ui-close-inline--negative:active{background:var(--variant-negative-container-active);color:var(--variant-negative-active)}.ui-close-inline--warning{background:var(--variant-warning-container-default);color:var(--variant-warning-default)}.ui-close-inline--warning:hover{background:var(--variant-warning-container-hover);color:var(--variant-warning-hover)}.ui-close-inline--warning:active{background:var(--variant-warning-container-active);color:var(--variant-warning-active)}.ui-close-inline--info{background:var(--variant-info-container-default);color:var(--variant-info-default)}.ui-close-inline--info:hover{background:var(--variant-info-container-hover);color:var(--variant-info-hover)}.ui-close-inline--info:active{background:var(--variant-info-container-active);color:var(--variant-info-active)}.ui-close-inline--utility{background:var(--variant-utility-container-default);color:var(--variant-utility-default)}.ui-close-inline--utility:hover{background:var(--variant-utility-container-hover);color:var(--variant-utility-hover)}.ui-close-inline--utility:active{background:var(--variant-utility-container-active);color:var(--variant-utility-active)}.ui-close-inline--x2{border-radius:var(--component-radius-x2);width:var(--component-size-x2);height:var(--component-size-x2);padding:1px}.ui-close-inline--x2-5{border-radius:var(--component-radius-x2-5);width:var(--component-size-x2-5);height:var(--component-size-x2-5);padding:1px}.ui-close-inline--x3{border-radius:var(--component-radius-x3);width:var(--component-size-x3);height:var(--component-size-x3);padding:var(--component-padding-x2)}.ui-close-inline--x3-5{border-radius:var(--component-radius-x3-5);width:var(--component-size-x3-5);height:var(--component-size-x3-5);padding:var(--component-padding-x2)}.ui-close-inline--x4{border-radius:var(--component-radius-x4);width:var(--component-size-x4);height:var(--component-size-x4);padding:var(--component-padding-x2)}.ui-close-inline--x5{border-radius:var(--component-radius-x5);width:var(--component-size-x5);height:var(--component-size-x5);padding:var(--component-padding-x2)}.ui-close-inline--x6{border-radius:var(--component-radius-x6);width:var(--component-size-x6);height:var(--component-size-x6);padding:var(--component-padding-x2)}