/**
 * Shared block-editor presentation.
 *
 * Storefront components retain their canonical feature classes; these rules
 * only define the neutral editor canvas around the server-rendered preview.
 */
.swift-commerce-block-editor-preview {
    position: relative;
    min-height: 88px;
    padding: 24px;
    border: 1px solid #dcdcde;
    border-radius: 8px;
    background: #f6f7f7;
}

.swift-commerce-block-editor-preview > .components-disabled,
.swift-commerce-block-editor-preview > .components-server-side-render {
    width: 100%;
}

.swift-commerce-block-editor-preview .components-notice {
    margin: 0;
}

.swift-commerce-block-editor-preview .components-spinner {
    display: block;
    margin: 12px auto;
}

.swift-commerce-block-editor-preview .swift-commerce-block--currency-switcher,
.swift-commerce-block-editor-preview .swift-commerce-block--ajax-search,
.swift-commerce-block-editor-preview .swift-commerce-block--wishlist,
.swift-commerce-block-editor-preview .swift-commerce-block--wishlist-button,
.swift-commerce-block-editor-preview .swift-commerce-block--back-in-stock,
.swift-commerce-block-editor-preview .swift-commerce-block--product-bundle {
    width: 100%;
}

@media (max-width: 600px) {
    .swift-commerce-block-editor-preview {
        padding: 16px;
    }
}