.shop-banner-editor-mounted--existing {
position: relative;
}

.shop-banner-editor__controls {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 10px;
}

.shop-banner-editor__button,
.shop-overview-owner-action {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 38px;
padding: 9px 13px;
border-radius: 12px;
border: 1px solid rgba(0, 0, 0, .14);
background: #fff;
color: #101828;
font: inherit;
font-weight: 700;
line-height: 1.2;
text-decoration: none;
cursor: pointer;
}

.shop-banner-editor__button:hover,
.shop-overview-owner-action:hover {
border-color: rgba(16, 24, 40, .32);
}

.shop-banner-editor__button:disabled,
.shop-overview-owner-action:disabled {
opacity: .65;
cursor: default;
}

.shop-banner-editor__button--primary {
background: #101828;
border-color: #101828;
color: #fff;
}

.shop-banner-editor__button--danger {
color: #b42318;
}

.shop-banner-editor__file {
position: absolute;
width: 1px;
height: 1px;
opacity: 0;
pointer-events: none;
}

.shop-banner-editor__hint,
.shop-banner-editor__status {
margin-top: 8px;
font-size: 13px;
line-height: 1.35;
color: #667085;
}

.shop-banner-editor__status.is-error {
color: #b42318;
}

.shop-overview-banner-section--empty.shop-banner-editor-mounted--empty {
display: block;
padding: 16px;
border: 1px dashed rgba(0, 0, 0, .22);
border-radius: 18px;
background: #f9fafb;
}