html,
body
{
    overflow-x:         clip;
}


.three-section
{
    position:           relative;
    overflow-x:         clip;
}


html.is-model-hovered
{
    cursor:             pointer;
}


.model
{
    --model-size:       1.5;
    --model-overflow:   0.25;
    --turn-speed:       1;
    --camera-distance:  8;
    --hover-scale:      1.15;
    --tap-scale:        0.85;
    --scale-speed:      1;
    --spin-speed:       2;
    --tap-duration:     0.35;

    position:           absolute;
    inset:              0;

    pointer-events:     none;
}


.model canvas
{
    display:            block;

    width:              100%;
    height:             100%;
}




.computer
{
    --model-size:       3;
}