.tool-content {
    box-shadow: var(--card-shadow);
    border: 1px solid var(--border-color);
    border-radius: .6em;
    margin: 0 auto;
    padding: 1em;
}

.tool-content .mouse-container{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1em;
    background-color: var(--main-bg);
    padding: 1em;
}

.tool-content .mouse-container .mouse {
    width: 320px;
}

.tool-content .mouse-container .tips{
    font-size: 14px;
    color: #576ea1;
    margin-bottom: 0.8em;
}

#mouse1, #mouse1-border,
#mouse2, #mouse2-border,
#mouse3,
#mouse4, #mouse5,
#mouse-wheel-up, #mouse-wheel-up-2, #mouse-wheel-down,
#path3199, #path4172, #path4174, #path4176, #path4180, #path8058, #path9031,
#path4276, #path4276-3, #path4662, #path4664, #path4779,
#path4276-0, #path4276-3-2, #path4662-3, #path4664-0, #path4779-6,
#path3328, #path3599, #path3847, #path3849, #path4161 {
    fill: none;
    stroke: #000;
    transition: fill 0.1s ease-out;
}


@media (max-width: 768px) {
    .tool-content {
        padding: .8em !important;
        box-shadow: unset;
    }
}