/* Pajączek po ekranie — wygląd; ruch w screenBug.js */

#imbex-screen-bug {
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    width: 16px !important;
    height: 14px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    pointer-events: none !important;
    z-index: 2147483646 !important;
    opacity: 1 !important;
    display: block !important;
    visibility: visible !important;
    will-change: transform;
    transform-origin: 50% 50%;
    overflow: visible !important;
}

#imbex-screen-bug .imbex-bug__svg {
    display: block;
    width: 16px;
    height: 14px;
    overflow: visible;
}

#imbex-screen-bug .imbex-bug__leg {
    fill: none;
    stroke: #1a120c;
    stroke-width: 0.85;
    stroke-linecap: round;
    stroke-linejoin: round;
}

#imbex-screen-bug .imbex-bug__body {
    fill: #1a120c;
    stroke: #0a0604;
    stroke-width: 0.25;
}

#imbex-screen-bug.imbex-bug--walk .imbex-bug__leg-group--a {
    animation: imbex-spider-step-a 0.4s ease-in-out infinite alternate !important;
    transform-origin: 9px 7px;
}

#imbex-screen-bug.imbex-bug--walk .imbex-bug__leg-group--b {
    animation: imbex-spider-step-b 0.4s ease-in-out infinite alternate !important;
    transform-origin: 9px 7px;
}

@keyframes imbex-spider-step-a {
    from { transform: rotate(-4deg); }
    to { transform: rotate(4deg); }
}

@keyframes imbex-spider-step-b {
    from { transform: rotate(4deg); }
    to { transform: rotate(-4deg); }
}

@media print {
    #imbex-screen-bug {
        display: none !important;
    }
}