/* /Elements/Components/Control.razor.rz.scp.css */
.Control[b-d8ol1o3x98] {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10000;
    touch-action: none;
    pointer-events: all;

    #control-container {
        position: relative;
        width: 100%;
        height: 100%;
        align-items: center;
        justify-content: center;
    }
    
    #control-container.show[b-d8ol1o3x98] {
        display: block;
    }
    
    #control-container.hide[b-d8ol1o3x98] {
        display: none;
    }
}

/* /Elements/Components/ControlAlert.razor.rz.scp.css */
/* /Elements/Components/ControlConnection.razor.rz.scp.css */
.ControlConnection[b-5g1qem6kok] {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 20px;
    right: 20px;
    border-radius: 50%;
    border: 2px solid black;
    box-shadow: 1px 1px 20px 3px #000000db;
}

.connected[b-5g1qem6kok] {
    background-color: lightgreen;
}

.connecting[b-5g1qem6kok] {
    background-color: yellow;
}

.disconnected[b-5g1qem6kok] {
    background-color: red;
}
/* /Elements/Components/ControlName.razor.rz.scp.css */
#client-name[b-rfz5y84rd3] {
    position: absolute;
    top: 20px;
    left: 20px;
    color: white;
    font-size: xxx-large;
    text-shadow: 7px 6px 20px black;
    font-family: Arial;
}

#copyright[b-rfz5y84rd3] {
    position: absolute;
    bottom: 20px;
    right: 20px;
    color: white;
    font-family: Arial;
}

#version-number[b-rfz5y84rd3] {
    position: absolute;
    bottom: 20px;
    left: 20px;
    color: white;
    text-shadow: 7px 6px 20px black;
    font-family: Arial;
}
/* /Elements/Components/ControlSettings.razor.rz.scp.css */
.ControlSettings[b-hr7tvfld63] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 300px;
    height: 440px;
    pointer-events: all;
    display: flex;
    justify-content: center;
    align-items: center;
    zoom: 1.5;

    #bek-logo {
        display: none;
        width: 200px;
        height: 200px;
    }

    #pin-panel-wrapper[b-hr7tvfld63] {
        display: none;
        width: 100%;
        height: 100%;
        
        .swiper {
            width: 100%;
            height: 100%;
        }
        
        .swiper-slide[b-hr7tvfld63] {
            width: 100%;
            height: 100%;
            border-radius: 20px;
            box-shadow: 0 0 20px 20px #00000070;
            display: flex;
            justify-content: center;
            align-items: center;
        }
    }
}

/* /Elements/Components/ControlSettingsPanel.razor.rz.scp.css */
.ControlSettingsPanel[b-p5vpntg42s] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    
    #moana-logo {
        width: 250px;
        margin-top: 50px;
    }
    
    #settings-btn-container[b-p5vpntg42s] {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 20px;
        
        .btn {
            width: 80%;
            height: 50px;
            border-radius: 25px;
            box-shadow: 0 0 9px 5px #00000070, -6px -6px 12px rgba(0, 0, 0, 0.19);
            display: flex;
            justify-content: center;
            align-items: center;
            user-select: none;
            color: white;
        }
        
        .btn:active[b-p5vpntg42s] {
            box-shadow: inset 6px 6px 12px #000000bd, inset -6px -6px 12px rgb(0 0 0 / 27%);
        }
        
        img[b-p5vpntg42s] {
            width: 40px;
            margin-top: 20px;
            user-select: none;
        }
    }
}
/* /Elements/Components/ControlSettingsPin.razor.rz.scp.css */
.pinpad .number-btn[b-xm6b7cbvjc], .pinpad .control-btn[b-xm6b7cbvjc]{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    font-size: 21px;
    margin: 10px;
    color: white;
    user-select: none;
}

.number-btn[b-xm6b7cbvjc] {
    box-shadow: 0 0 9px 5px #00000070, -6px -6px 12px rgba(0, 0, 0, 0.19);
}

.number-btn:active[b-xm6b7cbvjc] {
    box-shadow: inset 6px 6px 12px #000000bd, inset -6px -6px 12px rgb(0 0 0 / 27%);
}

.pinpad .buttons[b-xm6b7cbvjc]{
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.pinpad .buttons .row[b-xm6b7cbvjc]{
    display: flex;
    justify-content: center;
    flex-direction: row;
}

.pinpad[b-xm6b7cbvjc]{
    width: 220px;
    height: 360px;
    display: flex;
    justify-content:center;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.pinPlaceholder[b-xm6b7cbvjc]{
    display: flex;
    justify-content: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
}

.pinPlaceholder span[b-xm6b7cbvjc]{
    display: flex;
    width: 20px;
    height: 20px;
    margin: 5px;
    border: 1px black solid;
    background: none;
    border-radius: 50%;
    transition: 0.1s;
    justify-content: center;
    align-items: center;
    box-shadow: 1px 1px 8px 1px #000000a6;
}

.pin *[b-xm6b7cbvjc]{
    text-align: center;
    font-size: 31px;
    margin-bottom: 30px;
}

.pin input[b-xm6b7cbvjc]{
    width: 76px;
    text-align: left;
    border: none;
}

.pinpad .control-btn img[b-xm6b7cbvjc]{
    width: 30px;
    height: 30px;
}
/* /Elements/Components/ControlTools.razor.rz.scp.css */
.ControlTools[b-u84g8x55w2] {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1000;
    border-radius: 0 0 16px 16px;
    box-shadow: 0 5px 20px 11px #000000a8;
    display: flex;
    justify-content: space-between;
    gap: 50px;
    padding: 10px;
    pointer-events: all;
    transition-duration: 500ms;
    
    .btn-group {
        display: flex;
        justify-content: space-between;
        gap: 10px;

        .btn {
            width: 50px;
            height: 50px;
            padding: 5px;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 50%;

            img {
                height: 40px;
            }
            
            input[type="color"][b-u84g8x55w2] {
                display: none;
            }

            #color-indicator[b-u84g8x55w2] {
                width: 50%;
                height: 50%;
                border-radius: 50%;
                border: 1px solid #1c274c
            }
        }
    }
}
/* /Elements/Components/Document.razor.rz.scp.css */
.Document[b-7c4ni6c7v2] {
    width: 928px;
    height: 1313px;
    
    .swiper-slide {
        width: 928px;
        height: 1313px;
        outline: 2px solid black;
        border-radius: 20px;
        box-shadow: 8px 7px 20px 7px #00000063;
    }
}

.Document.xy-pan-enabled[b-7c4ni6c7v2] {
    touch-action: pan-x pan-y pinch-zoom !important;
}

.Document.xy-pan-disabled[b-7c4ni6c7v2] {
    touch-action: pinch-zoom !important;
}
/* /Elements/Components/DocumentCore.razor.rz.scp.css */
#page-container[b-xaoe33tebf] {
    position: relative;
    width: 928px;
    height: 1313px;
}
/* /Elements/Components/DocumentCoreAnnotation.razor.rz.scp.css */
canvas[b-jfv5u9m3hu] {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border-radius: 20px;
}

.eraser-canvas[b-jfv5u9m3hu] {
    z-index: 200;
    pointer-events: none;
}

.drawing-canvas[b-jfv5u9m3hu] {
    z-index: 100;
}
/* /Elements/Components/DocumentCoreImage.razor.rz.scp.css */
canvas[b-mwus670mn2] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    height: 100%;
    width: 100%;
    border-radius: 20px;
}
/* /Elements/Layouts/Main.razor.rz.scp.css */
/* /Elements/Pages/Home.razor.rz.scp.css */