.mdh-product-attribute {
    --mdh-label-gap: 5px;
    display: flex;
    min-width: 0;
}

.mdh-product-attribute--label-hidden,
.mdh-product-attribute--label-inline {
    flex-direction: row;
    align-items: center;
}

.mdh-product-attribute--label-inline {
    gap: var(--mdh-label-gap);
}

.mdh-product-attribute--label-above {
    flex-direction: column;
    gap: var(--mdh-label-gap);
}

.mdh-product-attribute__label,
.mdh-product-attribute__value,
.mdh-product-attribute__value-wrap {
    box-sizing: border-box;
}

.mdh-product-attribute__label {
    display: inline-block;
    flex: 0 0 auto;
}

.mdh-product-attribute__value-wrap {
    display: inline-flex;
    align-items: center;
    min-width: 0;
    max-width: 100%;
}

.mdh-product-attribute__value {
    display: inline-block;
    min-width: 0;
}

.mdh-product-attribute__marker {
    --mdh-marker-color: #D6A13B;
    --mdh-marker-size: 8px;
    display: inline-block;
    flex: 0 0 var(--mdh-marker-size);
    width: var(--mdh-marker-size);
    height: var(--mdh-marker-size);
    background: var(--mdh-marker-color);
}

.mdh-product-attribute--dot .mdh-product-attribute__marker {
    border-radius: 50%;
}

.mdh-product-attribute__marker--diamond {
    transform: rotate(45deg) scale(.78);
    border-radius: 1px;
}

.mdh-product-attribute__marker--square {
    border-radius: 1px;
}

.mdh-product-attribute__marker--ring {
    background: transparent;
    border: max(1px, calc(var(--mdh-marker-size) * .18)) solid var(--mdh-marker-color);
    border-radius: 50%;
}

.mdh-product-attribute--plain .mdh-product-attribute__value-wrap,
.mdh-product-attribute--dot .mdh-product-attribute__value-wrap,
.mdh-product-attribute--icon .mdh-product-attribute__value-wrap {
    background: transparent;
    border: 0;
    padding: 0;
}

.mdh-product-attribute--minimal-badge .mdh-product-attribute__value-wrap {
    border-radius: 4px;
}