:root{

    --crop-size: 1cm;
    --bleed: 0.5cm;
}

#disc{

    position: relative;
}

.cropmark::after,
.cropmark::before{

    content: " ";
    position: absolute;
    height: var(--crop-size);
    width: var(--crop-size);
}

.cropmarks{

    display: none;
}

.cropmark{

    position: absolute;
    z-index: 999999999;
    color: #000;
}

.cropmark.top-left{
    
    top: var(--bleed);
    left: var(--bleed);

}

.cropmark.top-left::before{

   border-right: solid 1px;
   top: calc(var(--crop-size) * -1.5); 
   left: calc(var(--crop-size) * -1); 
}


.cropmark.top-left::after{

   border-bottom: solid 1px;
   top: calc(var(--crop-size) * -1); 
   left: calc(var(--crop-size) * -1.5); 
}

.cropmark.top-right{

    top: var(--bleed);
    right: var(--bleed);

}

.cropmark.top-right::before{

   border-left: solid 1px;
   top: calc(var(--crop-size) * -1.5); 
   right: calc(var(--crop-size) * -1); 

}

.cropmark.top-right::after{

   border-bottom: solid 1px;
   top: calc(var(--crop-size) * -1); 
   right: calc(var(--crop-size) * -1.5); 

}

.cropmark.bottom-left{
    
    bottom: var(--bleed);
    left: var(--bleed);
}

.cropmark.bottom-left::before{

    border-right: solid 1px;
    bottom: calc(var(--crop-size) * -1.5); 
    left: calc(var(--crop-size) * -1); 

}

.cropmark.bottom-left::after{

    border-top: solid 1px;
    bottom: calc(var(--crop-size) * -1); 
    left: calc(var(--crop-size) * -1.5); 


}

.cropmark.bottom-right{
    
    bottom: var(--bleed);
    right: var(--bleed);
}

.cropmark.bottom-right::before{

    border-left: solid 1px;
    bottom: calc(var(--crop-size) * -1.5); 
    right: calc(var(--crop-size) * -1); 

}

.cropmark.bottom-right::after{

    border-top: solid 1px;
    bottom: calc(var(--crop-size) * -1); 
    right: calc(var(--crop-size) * -1.5); 


}

@media print{

    body{

        padding: calc(var(--crop-size) * 2); 
        overflow: none;
    }

    .cropmarks{

        display: block;
    } 

    #disc{

        width: calc(12cm + var(--bleed) * 2);
        height: calc(12cm + var(--bleed) * 2);
        mix-blend-mode: saturation(̄0);
    }

}