.DeveloperModeIndicator {
    align-items: center;
    background: transparent;
    border-radius: 4px;
    border: none;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 4px;
    position: relative;
    width: 32px;

    i {
        color: rgba(63, 67, 80, 0.56);
        cursor: pointer;
        font-size: 21px;
        line-height: 21px;
    }

    &:hover, &:focus {
        i {
            color: rgba(63, 67, 80, 0.78);
        }
    }

    .DeveloperModeIndicator__badge {
        background: rgba(210, 75, 78, 1);
        border-radius: 10px;
        width: 10px;
        height: 10px;
        position: absolute;
        top: 5px;
        right: 5px;
    }

    &.darkMode {
        i {
            color: rgba(221, 223, 228, 0.56);
        }

        &:hover, &:focus {
            i {
                color: rgba(221, 223, 228, 0.78);
            }
        }
    }
}

#DeveloperModeIndicator__tooltip {
    > .tooltip-inner {
        max-width: none;
    }
}