/* Premium Grasshopper Layout Styles */
.grasshopper-container {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 28px;
    height: 28px;
    z-index: 2;
    pointer-events: none;
    transform-style: preserve-3d;
    will-change: transform;
}

@media (min-width: 768px) {
    .grasshopper-container {
        width: 35px;
        height: 35px;
    }
}

@media (min-width: 1024px) {
    .grasshopper-container {
        width: 42px;
        height: 42px;
    }
}

.gh-body-group {
    will-change: transform;
}

.gh-antennae {
    will-change: transform;
}

.gh-back-leg {
    will-change: stroke-width;
}