/* <link rel="stylesheet" href="{ basePath }/sfsites/c/resource/b2bStyleLWR/css/components/lightning-pill.css?{ versionKey }"/> */

/* FILTER LIST OF BADGES */

.slds-pill {
    border: 0;
    border-radius: 0.25rem;
    background-color: var(--b2b-color-primary-01, var(--dxp-g-brand));
    transition: background-color 0.1s;

    padding-left: var(--dxp-g-spacing-xsmall);
    padding-right: var(--dxp-g-spacing-xsmall);
    padding-top: 6px;
    padding-bottom: 3px;
}

.slds-pill:not(:disabled):focus,
.slds-pill:not(:disabled):hover {
    background-color: var(--b2b-color-primary-02, var(--dxp-g-brand));
}

.slds-pill .slds-pill__label {
    padding-top: 0;
    font-size: 1rem;
    color: var(--b2b-color-white-01, var(--dxp-g-root));

    word-break: break-word;
    white-space: pre-line;
}

.slds-pill lightning-button-icon {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    transform: translateY(-1px);
}

.slds-pill lightning-button-icon button.slds-button {
    padding: 0;
    border: 0;
    color: var(--b2b-color-white-01, var(--dxp-g-root));
    opacity: 1;
    box-shadow: unset !important;
    transition: opacity 0.1s;
}

.slds-pill lightning-button-icon button.slds-button:hover,
.slds-pill lightning-button-icon button.slds-button:focus {
    color: var(--b2b-color-white-01, var(--dxp-g-root));
}