.metal-price-ticker {
    background: var(--metalpriceticker-background, var(--color-surface-elevated, #f2f2f2));
    color: var(--metalpriceticker-color, var(--color-surface-elevated-text, inherit));
    border-block: var(--metalpriceticker-border, 0);
    font-size: var(--metalpriceticker-font-size, 0.9375rem);
    line-height: var(--metalpriceticker-line-height, 1.4);
    padding-block: var(--metalpriceticker-padding-block, 0.625rem);
    text-align: var(--metalpriceticker-align, start);
}

.metal-price-ticker__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: var(--metalpriceticker-justify, flex-start);
    gap: var(--metalpriceticker-row-gap, 0.5rem) var(--metalpriceticker-gap, 1.25rem);
    margin: 0;
    padding: 0;
    list-style: none;
}

.metal-price-ticker__item {
    box-sizing: border-box;
    flex: 1 1 calc(50% - var(--metalpriceticker-gap, 1.25rem));
    margin: 0;
    padding: 0;
}

.metal-price-ticker__item::before,
.metal-price-ticker__item::after {
    content: none;
}

.metal-price-ticker__metal,
.metal-price-ticker__price {
    display: block;
}

.metal-price-ticker__metal {
    color: var(--metalpriceticker-metal-color, inherit);
    font-size: var(--metalpriceticker-metal-font-size, 0.8125rem);
    font-weight: var(--metalpriceticker-metal-font-weight, inherit);
    letter-spacing: var(--metalpriceticker-metal-letter-spacing, normal);
    text-transform: var(--metalpriceticker-metal-text-transform, none);
}

.metal-price-ticker__price {
    color: var(--metalpriceticker-price-color, inherit);
    font-weight: var(--metalpriceticker-price-font-weight, 700);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.metal-price-ticker__note {
    display: flex;
    flex-wrap: wrap;
    justify-content: var(--metalpriceticker-justify, flex-start);
    column-gap: 1em;
    margin: var(--metalpriceticker-note-spacing, 0.375rem) 0 0;
    padding: 0;
    color: var(--metalpriceticker-note-color, inherit);
    font-size: var(--metalpriceticker-note-font-size, 0.75rem);
    line-height: 1.4;
}

.metal-price-ticker__note > span {
    text-wrap: balance;
}

.metal-price-ticker__sr {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
}

.metal-price-ticker__notice {
    display: none;
}

.cms-liveeditor-is-opened .metal-price-ticker__notice,
.cms-page-edit .metal-price-ticker__notice,
.cms-template-edit .metal-price-ticker__notice {
    display: block;
    margin: 0.375rem 0 0;
    font-size: 0.8125rem;
    font-style: italic;
}

.cms-liveeditor-is-opened .metal-price-ticker__notice--empty,
.cms-page-edit .metal-price-ticker__notice--empty,
.cms-template-edit .metal-price-ticker__notice--empty {
    margin: 0;
    padding: 0.75rem 1rem;
    border: 1px dashed currentColor;
}

@media (min-width: 40em) {
    .metal-price-ticker__list {
        column-gap: 0;
    }

    .metal-price-ticker__item {
        flex: 0 1 auto;
        padding: 0 var(--metalpriceticker-gap, 1.25rem);
    }

    .metal-price-ticker__item:first-child {
        padding-inline-start: 0;
    }

    .metal-price-ticker__item:last-child {
        padding-inline-end: 0;
    }

    .metal-price-ticker__item + .metal-price-ticker__item {
        border-inline-start: var(--metalpriceticker-separator, 0);
    }
}

@media (min-width: 62em) {
    .metal-price-ticker__metal,
    .metal-price-ticker__price {
        display: inline;
    }

    .metal-price-ticker__metal {
        margin-inline-end: 0.5em;
    }
}