@use '../globals' as *;
@use '../util' as *;

// .document-container {
//     padding: rem(32);    

//     @include breakpoint(sm) {
//         width: min(100% - 2rem, 1200px);
//         margin-inline: auto;
//         margin-block: rem(24);
//         position: relative;
//         background-color: rgba(255,255,255,.6);
//         border-radius: $border-radius-lg;
//         padding: rem(32);
//         box-shadow: $base-box-shadow;
        
// 	}
 
// }


//test-sidebar
.document-container {
    background-color: var(--element-bg-core);
}

.document-container {
    //padding: rem(32);    

    @include breakpoint(sm) {
        width: min(100% - 4rem, 1920px - 4rem);
        margin-inline: auto;
        margin-block: rem(24);
        position: relative;
        background-color: var(--element-bg-core);
        border: 1px solid var(--border-core);
        border-radius: $border-radius-lg;
       // padding: rem(32);
        box-shadow: $base-box-shadow;
        //overflow: hidden;
        overflow-x: clip;
	}
 
}