/* _content/OneContact.Admin/Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-ohzik9q43a] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-ohzik9q43a] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/OneContact.Admin/Components/Pages/CardComponents/CardPreview.razor.rz.scp.css */
.mobile-frame[b-z7om0e7l20], .tablet-frame[b-z7om0e7l20] {
    background-color: #333; /* Simulate phone body color */
    border-radius: 16px; /* Rounded corners */
    box-shadow: 0 0 20px rgba(0, 0, 0, 1.3); /* Add a subtle shadow */
    position: relative; /* For positioning the screen */
    overflow: hidden; /* Hide iframe overflow */
/*    scale: 0.5;*/
    min-width: 388px;
    z-index: 10;
    transform: scale(0.5);
    transform-origin:top;
}

.mobile-frame[b-z7om0e7l20] {
    width: 388px;
    height: 810px;
}

.tablet-frame[b-z7om0e7l20] {
    width: 1024px; /* Tablet width */
    height: 768px; /* Tablet height */
}

.screen[b-z7om0e7l20] {
    width: 100%;
    height: 100%;
    background-color: #fff;
/*    position: absolute;*/
/*    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);*/
    border-radius: 20px; /* Rounded screen corners */
    z-index: 2;
}

/*.tablet-frame .screen {
    width: 98%;
}*/

.screen iframe[b-z7om0e7l20] { /* Target the iframe within the screen */
    border-radius: 20px; /* Rounded screen corners */
}

iframe[b-z7om0e7l20] {
    border: none;
    width: 100%;
    height: 100%;
}

.container[b-z7om0e7l20] {
    width: 50%; /* The div takes 50% of the parent's width */
    margin: 0 auto; /* Center the div */
    border: 2px solid #333;
    padding: 10px;
    box-sizing: border-box; /* Include padding and border in the width */
    background-color: #fff;
}
