.sx3-kfeb-wrapper {
    width: var(--sx3-kfeb-width, 100%);
    max-width: var(--sx3-kfeb-max-width, 100%);
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.sx3-kfeb-frame-shell {
    width: 100%;
    min-height: var(--sx3-kfeb-min-height, 480px);
    background: var(--sx3-kfeb-bg, #fff);
    overflow: var(--sx3-kfeb-overflow, hidden);
    border-radius: var(--sx3-kfeb-radius, 0px);
    position: relative;
}

.sx3-kfeb-wrapper iframe,
.sx3-kfeb-wrapper .mczrFrame,
.sx3-kfeb-wrapper .mczr-frame,
.sx3-kfeb-wrapper .mczr-iframe,
.sx3-kfeb-wrapper .mycustomizer-iframe,
.sx3-kfeb-wrapper .kickflip-iframe,
.sx3-kfeb-wrapper [class*="iframe"],
.sx3-kfeb-wrapper [class*="Iframe"] {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: var(--sx3-kfeb-height-desktop, 780px) !important;
    min-height: var(--sx3-kfeb-min-height, 480px) !important;
    border: 0 !important;
    margin: 0 !important;
    background: var(--sx3-kfeb-bg, #fff) !important;
}

.sx3-kfeb-wrapper.is-loaded .sx3-kfeb-frame-shell {
    min-height: 0;
}

.sx3-kfeb-debug {
    padding: 18px;
    border: 1px dashed #d63638;
    background: #fff8f8;
    color: #1d2327;
    font-size: 14px;
    line-height: 1.5;
}

@media (max-width: 1024px) {
    .sx3-kfeb-wrapper iframe,
    .sx3-kfeb-wrapper .mczrFrame,
    .sx3-kfeb-wrapper .mczr-frame,
    .sx3-kfeb-wrapper .mczr-iframe,
    .sx3-kfeb-wrapper .mycustomizer-iframe,
    .sx3-kfeb-wrapper .kickflip-iframe,
    .sx3-kfeb-wrapper [class*="iframe"],
    .sx3-kfeb-wrapper [class*="Iframe"] {
        height: var(--sx3-kfeb-height-tablet, 720px) !important;
    }
}

@media (max-width: 767px) {
    .sx3-kfeb-wrapper iframe,
    .sx3-kfeb-wrapper .mczrFrame,
    .sx3-kfeb-wrapper .mczr-frame,
    .sx3-kfeb-wrapper .mczr-iframe,
    .sx3-kfeb-wrapper .mycustomizer-iframe,
    .sx3-kfeb-wrapper .kickflip-iframe,
    .sx3-kfeb-wrapper [class*="iframe"],
    .sx3-kfeb-wrapper [class*="Iframe"] {
        height: var(--sx3-kfeb-height-mobile, 70vh) !important;
        min-height: min(var(--sx3-kfeb-min-height, 480px), 70vh) !important;
    }
}