.wlc-blocks-panel {
    box-sizing: border-box;
    width: 100%;
    margin-block: 1rem;
    padding: 1rem;
    border: 1px solid var(--wc-form-border-color, #d5d5d5);
    border-radius: 6px;
    background: var(--wc-background-color, #fff);
    color: inherit;
    font: inherit;
}

.wlc-blocks-panel *,
.wlc-blocks-panel *::before,
.wlc-blocks-panel *::after {
    box-sizing: border-box;
}

.wlc-blocks-panel__header {
    margin-block-end: .75rem;
    font-size: 1rem;
}

.wlc-blocks-panel__section + .wlc-blocks-panel__section {
    margin-block-start: .875rem;
    padding-block-start: .875rem;
    border-block-start: 1px solid currentColor;
    border-block-start-color: color-mix(in srgb, currentColor 15%, transparent);
}

.wlc-blocks-panel__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
}

.wlc-blocks-panel__row--summary {
    margin-block-end: .625rem;
    font-size: .875rem;
}

.wlc-blocks-panel__label,
.wlc-blocks-panel__help,
.wlc-blocks-panel__applied {
    display: block;
}

.wlc-blocks-panel__label {
    margin-block-end: .375rem;
    font-weight: 600;
}

.wlc-blocks-panel__controls {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    gap: .5rem;
}

.wlc-blocks-panel__input {
    min-width: 8rem;
    flex: 1 1 9rem;
    min-height: 2.75rem;
    padding-inline: .75rem;
    border: 1px solid var(--wc-form-border-color, #767676);
    border-radius: 4px;
    background: transparent;
    color: inherit;
    font: inherit;
}

.wlc-blocks-panel__button {
    min-height: 2.75rem;
    padding: .625rem 1rem;
    border: 1px solid currentColor;
    border-radius: 4px;
    background: var(--wp--preset--color--contrast, #1e1e1e);
    color: var(--wp--preset--color--base, #fff);
    cursor: pointer;
    font: inherit;
    font-weight: 600;
}

.wlc-blocks-panel__button--link {
    background: transparent;
    color: inherit;
}

.wlc-blocks-panel__button:disabled,
.wlc-blocks-panel__input:disabled {
    cursor: not-allowed;
    opacity: .6;
}

.wlc-blocks-panel__wallet {
    display: flex;
    align-items: center;
    gap: .625rem;
    cursor: pointer;
}

.wlc-blocks-panel__wallet input {
    width: 1.125rem;
    height: 1.125rem;
    margin: 0;
}

.wlc-blocks-panel__help,
.wlc-blocks-panel__applied {
    margin-block-start: .375rem;
    font-size: .8125rem;
    opacity: .78;
}

.wlc-blocks-panel__error {
    margin-block-start: .75rem;
    padding: .625rem .75rem;
    border: 1px solid currentColor;
    border-radius: 4px;
    font-size: .875rem;
}

@media (max-width: 480px) {
    .wlc-blocks-panel__controls {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .wlc-blocks-panel__button--link {
        grid-column: 1 / -1;
    }
}