/* Xbau storefront notices shared by desktop, tablet and mobile views. */
.page.messages .message-success,
.page.messages .message.success,
.page.messages .message-error,
.page.messages .message.error,
.page.messages .message-warning,
.page.messages .message.warning,
.page.messages .message-notice,
.page.messages .message.notice,
.page.messages .message-info,
.page.messages .message.info,
.sell-index-index .password-strength-meter,
.csmarketplace-account-register .password-strength-meter,
.sign-up-modal .password-strength-meter,
.sell-index-index .sell-form-container .mage-error:not(input),
.csmarketplace-account-register .sell-form-container .mage-error:not(input) {
    box-sizing: border-box;
    border-radius: 12px;
    overflow: hidden;
}

.xbau-sell-hero {
    box-sizing: border-box;
    margin: 24px auto 0;
    /* Match the actual width and centered edge of the four step cards. */
    max-width: 1360px;
    width: calc(100% - 32px);
}

.xbau-sell-hero img {
    border-radius: 16px;
    display: block;
    height: clamp(180px, 17vw, 300px);
    object-fit: cover;
    object-position: center;
    width: 100%;
}

@media (max-width: 767px) {
    .xbau-sell-hero {
        margin-top: 16px;
    }

    .xbau-sell-hero img {
        border-radius: 12px;
        height: 180px;
        object-position: 65% center;
    }
}