/* /Pages/Products.razor.rz.scp.css */
/* ����� - ����ˮӡ */
.bg-pattern-in[b-kr4383kh2q] {
    background: repeating-linear-gradient( -30deg, rgba(255, 255, 224, 0.1), rgba(255, 255, 224, 0.1) 8px, rgba(255, 255, 224, 0.05) 8px, rgba(255, 255, 224, 0.05) 16px );
    position: absolute;
    width: 100%;
    height: 100%;
}

    .bg-pattern-in[b-kr4383kh2q]::before {
        content: "IN";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 100px;
        font-weight: bold;
        color: rgba(0, 100, 0, 0.1);
        white-space: nowrap;
        pointer-events: none;
        z-index: 1;
    }

/* �ѳ��� - ����ˮӡ */
.bg-pattern-out[b-kr4383kh2q] {
    background: repeating-linear-gradient( -30deg, rgba(255, 255, 224, 0.1), rgba(255, 255, 224, 0.1) 8px, rgba(255, 255, 224, 0.05) 8px, rgba(255, 255, 224, 0.05) 16px );
    position: absolute;
    width: 100%;
    height: 100%;
}

    .bg-pattern-out[b-kr4383kh2q]::before {
        content: "OUT";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 100px;
        font-weight: bold;
        color: rgba(255, 140, 0, 0.1);
        white-space: nowrap;
        pointer-events: none;
        z-index: 1;
    }